当前位置:首页>ps实例教程>ps网页设计>按钮图标>教程内容

书本图标,设计写实书本主题图标教程(4)

来源:站酷 作者:小羽毛Lucie 学习:10586人次

本篇教程主要通过实例加强大家对写实图标的绘制能力和用渐变制作光影的处理技巧。先来看看效果:

www.16xx8.com_033K412S-39.jpg

1.创建一个1500*1500的画布,背景色填充中灰#7a7a7a,新建图层画矩形,按alt再复制出一个矩形,作为书的两个封面,ctrl+T,按ctrl调整透视形状,注意书脊处平行。

www.16xx8.com_033K43463-0.jpg

2.给封面添加图层样式:斜面浮雕和渐变叠加,复制图层样式到另一个封面。

www.16xx8.com_033K4B23-1.jpg

www.16xx8.com_033K42I5-2.jpg

www.16xx8.com_033K4H10-3.jpg

3.多边形套索画封面四个角,复制封面的图层样式到四个角,四个角进行合并图层,这样没有图层样式后可以调整色相饱和度。

www.16xx8.com_033K44I7-4.jpg

4.钢笔画出第一页,勾出书侧面厚度,添加渐变,嵌入png格式条纹并进行调整,用橡皮擦掉条纹边缘部分制造页面厚度(栅格化图层,选中条纹选区,擦去两个图层侧面边缘部分)

www.16xx8.com_033K45X3-5.jpgwww.16xx8.com_033K45963-6.jpgwww.16xx8.com_033K42Z5-7.jpgwww.16xx8.com_033K42410-8.jpg

5.方法同上画出两个下侧面(ctrl+T,右键变形,调整条纹位置)

www.16xx8.com_033K45C0-9.jpgwww.16xx8.com_033K411K-10.jpg

6. Ctrl+shift选择书的三个侧面选区,新建图层,选区填充黑色,向左下移动,羽化形成阴影

www.16xx8.com_033K44509-11.jpg

7.新建图层,用钢笔勾出相连的两页,添加图层样式:内阴影,内发光,描边,渐变叠加

www.16xx8.com_033K43I6-12.jpg

www.16xx8.com_033K4J23-13.jpg

www.16xx8.com_033K44510-14.jpg

www.16xx8.com_033K4OU-15.jpg

8. 新建图层,钢笔勾出左边单页,复制相连两页的图层样式,调整渐变。右边单页同上。

www.16xx8.com_033K462J-16.jpgwww.16xx8.com_033K42560-17.jpg

www.16xx8.com_033K43520-18.jpgwww.16xx8.com_033K4H41-19.jpg

9. 新建图层,钢笔勾出左单页阴影,渐变填充,羽化;右单页阴影同上。新建图层,在左单页选区上添加渐变,并用橡皮调整,右单页渐变同上。

www.16xx8.com_033K44605-20.jpg

www.16xx8.com_033K4M26-21.jpg

www.16xx8.com_033K42625-22.jpg

10.新建图层,用钢笔勾出书脊装订线,添加图层样式:斜面浮雕,工具栏渐变。

www.16xx8.com_033K4N29-23.jpg

www.16xx8.com_033K4AT-24.jpg

11.钢笔勾出书脊,填充描边、内发光、渐变

www.16xx8.com_033K46291-25.jpg

www.16xx8.com_033K44955-26.jpg

12.添加文字:可用路径文字或变形文字,字体为Laine

www.16xx8.com_033K4H00-27.jpg

13.钢笔:分别勾出笔杆、握笔处、过度处、笔尖形状,添加渐变。复制钢笔图层填充颜色#774626,此处根据下面图层选区对阴影进行剪切位移,高斯模糊。

www.16xx8.com_033K421b-28.jpg

www.16xx8.com_033K42234-29.jpg

www.16xx8.com_033K42336-30.jpg

www.16xx8.com_033K41G0-31.jpg

www.16xx8.com_033K44251-32.jpg

www.16xx8.com_033K43b0-33.jpgwww.16xx8.com_033K46144-34.jpg

www.16xx8.com_033K43455-35.jpg

www.16xx8.com_033K46192-36.jpg

14.钢笔勾出书签,渐变叠加,添加书签阴影。给书添加阴影,背景图层渐变叠加。

www.16xx8.com_033K433Y-37.jpg

www.16xx8.com_033K41b6-38.jpg

www.16xx8.com_033K412S-39.jpg

在这里根据自己的实际临摹对具体步骤进行了一些改动,欢迎大家也一起参与临摹和讨论。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!