Photoshop设计质感的Adobe系列图标

作者:佚名 出处: 先看效果图。 新建文档1280×1024像素,建新层,填充白色,添加图层样式。 效果如下。因为渐变颜色很暗,画面基本没有变化。 建新层,画一个白色圆角矩形。 添加图层样式。 效果如下。 建新层,调出圆角矩形选区,编辑描边。 为描边层添加样式。 效果如下。

Photoshop教程:绘制一个飘飘的信封图标(2)


作者:佚名   出处:
Photoshop设计质感的Adobe系列图标插图

先看效果图。

Photoshop设计质感的Adobe系列图标插图(1)

新建文档1280×1024像素,建新层,填充白色,添加图层样式。

Photoshop设计质感的Adobe系列图标插图(2)

效果如下。因为渐变颜色很暗,画面基本没有变化。

Photoshop设计质感的Adobe系列图标插图(3)

建新层,画一个白色圆角矩形。

Photoshop设计质感的Adobe系列图标插图(4)

添加图层样式。

Photoshop设计质感的Adobe系列图标插图(5)

Photoshop设计质感的Adobe系列图标插图(6)

Photoshop设计质感的Adobe系列图标插图(7)

效果如下。

Photoshop设计质感的Adobe系列图标插图(8)

建新层,调出圆角矩形选区,编辑>描边。

Photoshop设计质感的Adobe系列图标插图(9)

为描边层添加样式。

Photoshop设计质感的Adobe系列图标插图(10)

效果如下。

Photoshop设计质感的Adobe系列图标插图(11)

建新层,调出圆角矩形选区,选择>修改>扩展3像素,填充白色。

Photoshop设计质感的Adobe系列图标插图(12)

做如下正圆选区,删除。

Photoshop设计质感的Adobe系列图标插图(13)

图层模式改为叠加,不透明度50%。

Photoshop设计质感的Adobe系列图标插图(14)

输入黑色文字Ps,尺寸200点,添加图层样式。

Photoshop设计质感的Adobe系列图标插图(15)

效果如下。

Photoshop设计质感的Adobe系列图标插图(16)

下面制作图标的倒影,将所有图标层合并(除了文字层),ctrl+T垂直翻转,挪到下图位置。

Photoshop设计质感的Adobe系列图标插图(17)

添加蒙版,黑白直线渐变,图层不透明度50%。

Photoshop设计质感的Adobe系列图标插图(18)

最终效果如下。

Photoshop设计质感的Adobe系列图标插图(19)

按照上面的方法做出其它图标,更改颜色即可,如下。

Photoshop设计质感的Adobe系列图标插图(1)




作者:佚名   出处:
Photoshop设计质感的Adobe系列图标插图

先看效果图。

Photoshop设计质感的Adobe系列图标插图(1)

新建文档1280×1024像素,建新层,填充白色,添加图层样式。

Photoshop设计质感的Adobe系列图标插图(2)

效果如下。因为渐变颜色很暗,画面基本没有变化。

Photoshop设计质感的Adobe系列图标插图(3)

建新层,画一个白色圆角矩形。

Photoshop设计质感的Adobe系列图标插图(4)

添加图层样式。

Photoshop设计质感的Adobe系列图标插图(5)

Photoshop设计质感的Adobe系列图标插图(6)

Photoshop设计质感的Adobe系列图标插图(7)

效果如下。

Photoshop设计质感的Adobe系列图标插图(8)

建新层,调出圆角矩形选区,编辑>描边。

Photoshop设计质感的Adobe系列图标插图(9)

为描边层添加样式。

Photoshop设计质感的Adobe系列图标插图(10)

效果如下。

Photoshop设计质感的Adobe系列图标插图(11)

建新层,调出圆角矩形选区,选择>修改>扩展3像素,填充白色。

Photoshop设计质感的Adobe系列图标插图(12)

做如下正圆选区,删除。

Photoshop设计质感的Adobe系列图标插图(13)

图层模式改为叠加,不透明度50%。

Photoshop设计质感的Adobe系列图标插图(14)

输入黑色文字Ps,尺寸200点,添加图层样式。

Photoshop设计质感的Adobe系列图标插图(15)

效果如下。

Photoshop设计质感的Adobe系列图标插图(16)

下面制作图标的倒影,将所有图标层合并(除了文字层),ctrl+T垂直翻转,挪到下图位置。

Photoshop设计质感的Adobe系列图标插图(17)

添加蒙版,黑白直线渐变,图层不透明度50%。

Photoshop设计质感的Adobe系列图标插图(18)

最终效果如下。

Photoshop设计质感的Adobe系列图标插图(19)

按照上面的方法做出其它图标,更改颜色即可,如下。

Photoshop设计质感的Adobe系列图标插图(1)



作者: 791650988

为您推荐