首页 > 设计教程 > 图标设计教程

Photoshop设计时尚立体感的下载图标

时间: 2015-09-10来源: 站酷作者: Delacro浏览: 

最终效果

Photoshop设计时尚立体感的下载图标

1、新建大小自定的画布。选择圆角矩形工具创建一个120 * 120像素的形状置于画布正中央,圆角尺寸20像素,色值#78c549,命名为“底板”。

Ctrl + J 复制底板层,改变色值为#378404,命名为厚度,Ctrl + [将此层置于底板层的下面。

按下A键用直接选择工具选中底板层下面圆角的4个锚点,上移3个像素,露出厚度层。

同样用直接选择工具选中厚度层上面圆角的4个锚点,下移3个像素,防止两层圆角边缘像素叠加造成锯齿感。

Photoshop设计时尚立体感的下载图标

2、新建一层,命名为进度条背景,选择椭圆工具,按住Shift键画出一个90 * 90像素的正圆,与底板层居中对齐,色值为纯黑色。

用路径选择工具选中进度条背景的路径,复制粘贴后Ctrl + T ,将粘贴得到的路径缩小到70* 70像素,并将属性改为减去顶层形状,这样就做出一个圆环。

Photoshop设计时尚立体感的下载图标

3、Ctrl + J 复制进度条背景层,色值改为#ffd200,将外圈的路径缩小为86 * 86像素,内圈的路径扩大到74 * 74像素,命名为进度条。

画一个矩形路径,将进度条减去1/4,并用两个圆形路径补上断掉的两头。

Photoshop设计时尚立体感的下载图标

4、下面开始画箭头,首先用矩形工具画一个40 * 40像素的矩形,接着用钢笔工具画一个28 * 16像素的三角形,并将这两个形状的路径放在一个图层里。

Photoshop设计时尚立体感的下载图标

关注设计帝国公众号

关注方法:

① 扫一扫或长按识别二维码关注

② 微信搜索“设计帝国网站”“warting_com”关注

上一页1/2下一页
Tag标签:

相关推荐

图集推荐

最新文章

更多>>

热门标签

更多>>
山水国画 创意插画 女性插画 产品设计 3D 国画山水 艺术壁纸 印象派 折页设计 人像摄影 QQ女生头像 俄罗斯画家 昆虫图片 CG插画 水彩插画 风景油画 食品包装 风光摄影 唯美插画 图标设计 可爱插画 跑车壁纸 人物画 住宅设计 PS字体教程 后印象派 概念插画 荷兰画家 黑白摄影 意大利画家 人物CG 人物插画 山水画 建筑设计 创意名片 西班牙画家 儿童插画 创意海报 静物油画 工笔画 国外logo 饮料包装 形象设计 CG设计 美女手机壁纸 设计教程 平面设计 平面作品 3D设计 梵高