Photoshop设计Twitter的可爱蓝色小鸟图标

2016-03-17 22:18 0 1 收藏

下面请跟着图老师小编一起来了解下Photoshop设计Twitter的可爱蓝色小鸟图标,精心挑选的内容希望大家喜欢,不要忘记点个赞哦!

【 tulaoshi.com - PS 】

来源:活力盒 作者:糖糖
看似简单的小鸟图标,如果要做出来还是要下一定功夫的。图标的构成需要有一定的层次感和立体感,因此在制作的时候需要不断的用加深、简单及图层样式等来增加图标表面的光感和质感。一些较为细小的构成部分也需要www.tulaoshi.com用心处理,这样出来的效果才精细。
最终效果


1、新建一个800×600像素,分辨率72dpi,RGB颜色和白色背景的新PSD文件里,我们画一个圆形,颜色#0099FF。按SHIFT键你可以创建一个完美的圆。

2、按Alt + Shift键,我们将向下复制这个形状,来创建鸟的头部和身体。


3、我们将改变所复制圆的比例。按Cmd/Ctrl + T大家都知道吧。


4、使用直接选择工具,按照下图那样做。


5、现在画眼睛,我们将创建一个竖长的椭圆形,再复制它。


6、眼睛完成后,我们再给它添加两根头发。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

7、现在,做它尾部的羽毛。我们将画一个圆角矩形(看下图),设置30像素的半径。使用直接选择工具,我们将选择三个上方的锚点,按Cmd/Ctrl + T方向点就会出现。在上方的菜单中,我们将点击链接比例工具,水平点击拖动字母“W”(宽度),我们将把这些定位点从原先的减少到60%。不明白的同学琢磨一下。


8、复制它并旋转上步我们做好的那个图形来创建鸟的羽毛。


9、全选这四根羽毛,按Cmd/Ctrl + T,把他们压扁点。


10、现在我们画一个小的椭圆形来创建鸟嘴,看下图。


11、用直接选择工具变换椭圆的锚点,来为小鸟创建一个可怜楚楚的小嘴。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

12、下面我们创建小鸟的爪子。


13、使用钢笔工具创建树枝,象下图那样。(前提是你能熟练使用钢笔工具)


14、复制这个路径,把它放大20%。(象下图那样)


15、链接这两个路径,象下图那样调整。(前提是你能熟练使用钢笔工具)


16、画小鸟的手。先画个圆,然后如下图那样调整锚点(前提是你能熟练使用钢笔和直接选择工具)。

17、我们将为每只手画3个手指。


18、创建了一只手的手指之后,我们按Alt + Shift然后拖动鼠标复制它,去路径水平翻转来做出另外一边的三个手指。


19、使用钢笔工具,创建胳膊。


20、现在,我们画鸟的眼泪。画一个圆形,选择上方的锚点,向上拖动。


21、我们隐藏小鸟的头发和手臂图层,给小鸟身体添加一个内阴影,角度-90度,得到阴影效果。

22、使头发层可见。给小鸟的头发一个深一点的颜色,使其能与身体部分更好的融合。


23、现在,我们调整眼睛层,如下图设置数值(渐变叠加选项)。


24、调整渐变效果(渐变编辑器数值如下图所示)。

123下一页

来源:https://www.tulaoshi.com/n/20160317/1867182.html

延伸阅读
标签: PS PS基础
作者的图标制作的非常精细,用到的图层也非常多。过程:先把图标的结构分解出来,然后由底部往上开始制作,先画出每一层的图形,再用图层样式等来制作质感。 最终效果 1、新建一个1000 * 1000px的画布,背景填充#808b5e1,用圆角矩形工具创建一个400 * 400px,圆角60px的形状置于画布中央,命名为底板,添加图层样式如下图。 2、Ct...
本教程介绍卡通小鸟的制作方法。真个制作过程并不复杂。大致了解物体构造以后,然后分开来制作,如把头部,身体,翅膀等分开制作,每一部分注意好高光及暗调的渲染即可。 最终效果 1、新建一个600 * 600 像素的文档,选择渐变工具,颜色设置如图1,拉出图2所示的径向渐变作为背景。 图1 图2 2、新建一个图层,用钢...
标签: PS PS基础
先看看效果图 随手制作了一个图标,简单易学 一,先ctrl+N(新建文件),新建一个512x512的白色场景 二,按快捷键U,选择圆角矩形工具,主要左上方的类型 在场景内点一下,弹出选项参数,如图,创建一个圆角矩形 三,找到图层框,双击红色圈圈部分,弹出图层样式 颜色叠加,参数步骤如上 再回到图层框,选择bg1图层...
标签: PS PS基础
本教程主要使用Photoshop设计蓝色立体效果的圆形图标,经常看到有人问这种圆型icon要怎么做,觉得很有趣稍微思考一下原理,做了个简易快速版本。 中间的渐层色 画一个圆,设图层样式,角度。 凹进去的部份 其实是用迭的,再画一个半圆,设内阴影。 中心 画一个圆,用图层样式设定,一层就能解决厚度和高光问题。 ...
标签: PS PS基础
本教程主要是用一个很小的例子教你使用Photoshop制作一枚质感立体图标,通过体验我们才能知道设计师们制作这样一枚枚小小图标的不容易,感谢原作者的制作:

经验教程

353

收藏

31
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部