Photoshop制作非常精致的红色邮件图标

2016-02-02 01:54 3 1 收藏

get新技能是需要付出行动的,即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是Photoshop制作非常精致的红色邮件图标,一起来学习了解下吧!

【 tulaoshi.com - ps入门教程 】

一个看似非常简单的邮件图标。不过作者加上了一个质感圆角矩形装饰。效果就大不一样。感觉清爽,精致很多。制作的方法也不难。只需要用选区工具做好选区,填色后加上图层样式,局部再添加一些高光即可。
最终效果

1、新建一个文档200×200px,背景色:白,分辨率:72dpi。现在给按钮做辅助线,Ctrl+R显示辅助线,在尺寸区域里面按住鼠标左键,把拽辅助线 拉下来如下图:

2、按快捷键:Ctrl+Alt+C,打开调整画布大小的窗口。设置如下。(画布扩大区域颜色的选则,窗口最下面的那个选项)

下面是效果图:

3、制作背景:作者使用的是灰白色的渐变:#f2f2f2—#c5c5c5。

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

4、新建一层空白图层命名为“backlight”,使用小笔刷在背景中间和顶部分别画一个小光圈。

5、调整这层大 小如下图:

6、新建一层重命名为“button bg”,按U,选择圆角矩形工具,羽化值:10。如下图画:

7、图层样式的设置及效果图:


投影


渐变叠加


描边

8、高光和阴影的制作:在按钮下面添加一层,命名为:“shadow”,使用矩形选取工具画个阴影:

9、滤镜—模糊--高斯模糊—13。

10、按快捷键Ctrl+T 调整阴影大小,位置。不透明度30%。

11、在按钮图层上面,新添加一层并命名“Highlight”(高光),设置图层混合模式为: 叠加。选择白色笔 刷,在按钮上部单击一下。如下图。

12、效果还不是很满意,复制一层,混合模式改回 “正常”。按Ctrl+T改变大小和位置如下图:


13、新建图层命名为“envelope”,画“信封”图标了,选择矩形选取工具, 画出如下图矩形。

14、图层样式的设置。


投影


外发光


描边

15、新建一层,继续制作信封的图标。按U选择多边形工具。

设置如下:

16、画出一个三角形如下图。使用自由变换工具调整位置,大小。

17、图层样式设置及效果图:

18、复制一层,Ctrl+T自由变换,选择垂直翻转,并调节大小如下图:

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


19、记得把这复制的小三角形的图层选项:描边去掉!在大三角和小 三角形中间新建一层做一个小圆选区。我们使用笔刷画一下大三角形投影到小三角形上的阴影。

20、记得使用模糊和调整图层透明度来使阴影柔和效果:

21、添加文字:

22、加上图层样式:

最终效果图:

来源:https://www.tulaoshi.com/n/20160202/1529166.html

延伸阅读
标签: PS PS教程
制作图标之前,有很多的工作要做,先找出相关的实物图参考,然后自己构思出想要的效果并画出草图。后期用PS慢慢细化,把想要的形状、颜色、质感、纹理等都表现出来即可。 最终效果 1、新建一个600*600画布。 2、来个白到灰的径向渐变。 3、椭圆工具画个300*300的圆。 4、直接选择工具选中这两个点。 5、右键,自由变换点,在箭头...
相机图标的镜片部分稍微复杂一点,不过作者非常厉害,全部用图层样式来完成,制作的时候只需画好一个底图,然后添加图层样式即可。 最终效果 1、新建大小自定的文件,背景填充黑色。选择圆角矩形工具在画布上画一个200 * 200像素,圆半径为40PX的圆角矩形。 2、双击图层面板缩略图调出图层样式,先设置渐变叠加,如下图。 ...
标签: PS PS基础
先看效果图。 新建文档568x689像素,背景白色,拽出几条辅助线,中间的矩形就是电池的基础形状,因为本教程做的比较急,最后结果的电池身体有点高,大家把上边的辅助线拉低一些即可。 用自定义形状工具画一个矩形。 上下2端加法模式画2个黑色椭圆。 建新层,前景色#e0c400填充,调出电池身体选区,添加蒙版,接着菜单选择图层...
小茶杯看上去可能并不复杂,不过杯口部分制作有一定的难度。需要用多个不同大小的椭圆色块叠加来制作杯子的厚度;每一个椭圆还需要用加深,减淡工具渲染暗部和高光来表现杯子的受光。制作的时候要用心慢慢去调整。 最终效果 1、新建一个800 * 800像素的文档,选择渐变工具颜色设置如图1,拉出图2所示的径向渐变作为背景。新建一个图层...
图片虽然简单,不过制作起来并不容易。图标边缘有金属边框,中间为水晶效果,顶部还有图形。每一部分都要求做到非常细致,这样整体效果才更精致。 最终效果 1、首先,新建一个512×512的画布,设置如下。 2、设置参考线,上下左右各留出20px的边距,也就是说,这个图标的实际大小是472×472。 3、紧贴参考线,用形状工具...

经验教程

261

收藏

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