201709061504688443

doujiang_suizhiji_01

这幅插画虽然看起来简单,但却是细节满满哦,写这个教程主要是想和大家分享一些PS的小技巧和快捷键,让小白们画起插画来更容易~所以具体的参数就请大家参考源文件啦,教程就不多赘述了,我们开始吧~doujiang_suizhiji_02

1.首先打开我们设计师的作图神器ps吧!新建一个800*600px的画布,用矩形工具画一个长方形,然后按住alt键在同一个图层画一个小正方形;用钢笔工具删除正方形左下角的锚点,得到一个三角形,然后拖到长方形的右上角对齐,得到一个缺角的纸页。

doujiang_suizhiji_03

Tip: 在选中形状的情况下,按住alt键所建的形状会减去选中的这个形状,按shift键所建的形状会加上选中形状,同布尔运算中的减去顶层形状和合并形状

2.设置纸页描边的大小颜色;用小黑箭头选中右上角的三角形复制剪切到新图层后,调整路径操作为成合并形状,然后调整一下大小方向与纸页右上角对齐。

doujiang_suizhiji_04

 

 

Tip: 有时剪切形状到新图层后,除了剪切形状外整个画布会被上个图层的颜色填满,此时重新调整路径操作为成合并形状即可。

ctrl+shift +j:剪切选中形状到新图层

3.参照目标插画,用钢笔工具描出纸页上形状不规则的阴影,用矩形工具拉出高光,调整好颜色后创建剪切蒙版到纸页上。折角上的高光可用内阴影来画,比较方便调整。

doujiang_suizhiji_05

Tip: 按住shift键可使新描出的锚点在上一个锚点的水平或垂直方向

doujiang_suizhiji_06

4.用圆角矩形工具画出几条粗细相同长度不一的线段;接着用多边形工具画一个等边三角形,用插件corner editor将三个角变成圆角后剪切蒙版到纸页上(文末有附插件下载地址哦)。

doujiang_suizhiji_07

Tip: 画线段的时候,在新画每一条线段前按住shift键,相当于合并形状,可让所有线段在同一图层内,方便我们的图层管理

5.通过复制和调整等边三角形的锐度得到高光三角形;复制高光三角形并调整大小得到本色三角形,按住alt键画一个圆角矩形,旋转60度移动到合适位置形成小高光;画出阴影,和本色三角一起剪切蒙版到高光三角形上;最后画上感叹号

doujiang_suizhiji_08

Tip: 移动时按住shift键,可让形状在水平、垂直或正斜方向移动,shift+方向键:在所按方向上10个像素的移动

6.机器的画法也就和上面差不多,要分析好本体、高光、阴影和线条这些不同色块的摆放顺序,规则形状就用形状工具,不规则形状就用钢笔工具,最后运用剪切蒙版切到底部形状中。

doujiang_suizhiji_09

7.了解了上面的小技巧,接下来画碎纸是不是就很容易了呢~两个图层就搞定了哦~

doujiang_suizhiji_10

8. 最后再画好背景就大功告成啦~锵锵锵

doujiang_suizhiji_11

教程里的一些tips,大家可以记在小本本上哦,忘记了可以翻一翻,像我入门的时候就经常忘,哈哈~真的建议大家可以多记一些PS的快捷键呢,操作的时候会快捷很多,如果有哪里不懂的,我们也可以多交流哦!比心~

 

Corner editor下载地址:

http://www.ccopus.com/download/ps-corner-editor-2015.html

doujiang_suizhiji_12

 

看完教程咱们交作业咯!点我直达作业提交页面~~

 

转载请注明:学UI网—UI设计师学习教程平台 » 碎纸机教程【教程】

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.ccopus.com?”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.ccopus.com” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.ccopus.com” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.ccopus.com” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@ccopus.com,也可以找各个群的管理】

 
你可能喜欢的:
一叶知秋-剪纸风教程【教程】一叶知秋-剪纸风教程【教程】
设计师必备!人工智能时代的配色方案?。凵衿鳎?/span>
AI快速绘制2.5D冰淇淋车AI快速绘制2.5D冰淇淋车
VIP勋章拆解教程 [ps教程]VIP勋章拆解教程 [ps教程]
写实插头图标教程[PS教程]写实插头图标教程[PS教程]
《纪念碑谷2》图标教程[ps教程]《纪念碑谷2》图标教程[ps教程]
运气药水绘制【教程】运气药水绘制【教程】
2.5D收音机教程2.5D收音机教程
海盗插画教程【教程】海盗插画教程【教程】
一起制作Alphabear图标[AI教程]一起制作Alphabear图标[AI教程]
?