Photoshop绘制一只茶杯

铅笔是一种在视觉设计常用到的物品,在此教程中我将告诉您如何制作出一款铅笔图标。我们将使用渐变、选择工具和变形工具,来进行这个有趣的创作。

老惯例,先让我们欣赏下最终效果,点击下图可以观看清晰大图:

Photoshop制作超级闪亮的铅笔图标_亿码酷站___亿码酷站平面设计教程插图

第一步:
先建立一个文档,把它设为950像素宽,600像素高,分辨率为300像素/英寸,背景为白色。然后选择“矩形选框工具”,把样式设为“固定大小”,400像素宽,100像素高,如图:

Photoshop制作超级闪亮的铅笔图标_亿码酷站___亿码酷站平面设计教程插图1

第二步:
通过辅助线的规划,把选区放置在画面中心
Photoshop制作超级闪亮的铅笔图标_亿码酷站___亿码酷站平面设计教程插图2

第三步:
新建一层,取名“body”,使用渐变工具,选择“对称渐变”,在选区里拉出一个如下图的渐变,让白色靠上一些。

Photoshop制作超级闪亮的铅笔图标_亿码酷站___亿码酷站平面设计教程插图3

第四步:
为了让我们的渐变层次更为丰富,就需要做点调整。打开“图像-调整-曲线”(Ctrl+M),大致和下图差不多那样就可以了。

Photoshop制作超级闪亮的铅笔图标_亿码酷站___亿码酷站平面设计教程插图4

 

第五步:
新建一层,建立一个“body”的选区,并填上红色,颜色代号d60005。然后设置层的不透明度为60%,把这层取名为“color”

Photoshop制作超级闪亮的铅笔图标_亿码酷站___亿码酷站平面设计教程插图5

第六步:
现在把“body”复制,并把复制的层放到所有层的最上面,取名“Metal”。接着拉出辅助线,拖到如图中的位置,靠右一些。然后选择矩形工具,把样式改为正常,框选出一块区域,右边贴紧辅助线,然后删除。

Photoshop制作超级闪亮的铅笔图标_亿码酷站___亿码酷站平面设计教程插图6

第七步:
选择椭圆形工具,把中心点放在右边中间辅助线交汇的点上,同时按住Alt和Shift键,画出一个和矩形等高的圆。

然后点击右键,选择“变换选区”把宽度(W)设为50%,接着敲击2次回车已确定。下来删除选区中的部分,这样就给了我们一个铅笔的透视角度。

这个选区看上去不错,我们还会用到它,保存它,单击右键,选“存储选区”,给它个名字“Ellipse”

Photoshop制作超级闪亮的铅笔图标_亿码酷站___亿码酷站平面设计教程插图7

第八步:
现在选区仍在,让我们选中“Metal”层,把选区拖到右边缘,再拉出一条辅助线,拖到它的中心放置。

Photoshop制作超级闪亮的铅笔图标_亿码酷站___亿码酷站平面设计教程插图8

第九步:
这时我们再选择矩形工具,按住Shift键,框选,贴上我们刚画的那条辅助线,然后“反向”Ctrl+Shift+i ,删除,取消选区。

Photoshop制作超级闪亮的铅笔图标_亿码酷站___亿码酷站平面设计教程插图9

 

第十步:
按住Ctrl键,单击“Metal”层的缩略图(如图),然后选中任何一种选区工具,点击键盘向右键,点4次。

再使用“反向”,接着同时按住Ctrl/Shift/Alt键,单击“Metal”,这样就得到了选区与“金属”层选区的结合部分。我们将用新部分来制作笔的凸线圈。

Photoshop制作超级闪亮的铅笔图标_亿码酷站___亿码酷站平面设计教程插图10

第十一步:
把新部分复制粘贴到一个新层上,取名“Bump”。给它的赋予斜面和浮雕、渐变叠加这些效果,具体数值如图。最后让它变得比“Metal”层略高些,用Ctrl+T,把高度设为102%,确定。

Photoshop制作超级闪亮的铅笔图标_亿码酷站___亿码酷站平面设计教程插图11

第十二步:
复制“Bump”层,并向右移动6像素,重复这一过程,做出3个来。然后把这3层合并,再复制,放在右边,如图:

Photoshop制作超级闪亮的铅笔图标_亿码酷站___亿码酷站平面设计教程插图12

第十三步:
复制“Metal”层,取名“Eraser”,把它放到“Metal”层下面。把“Eraser”向右移动大约60像素的距离。打开“色相/饱和度”,对它进行调色,设置如图。

再次复制“Metal”层,取名“Shadow”,把它放到“Metal”层下面。打开“色相/饱和度”,把明度调到-100,再使用“滤镜-模糊-动感模糊”,角度为0,距离为5像素,然后应用它。现在,我们可以合并铅笔的金属部分,把“Metal”、“Shadow”、“Bump”合并。

Photoshop制作超级闪亮的铅笔图标_亿码酷站___亿码酷站平面设计教程插图13

【亿码酷站-编程开发教程】收集全网优质教程及源码资源!

全网优质软件开发、平面设计等教程及精品源码资源一站可得,www.ymkuzhan.com!

第十四步:
建立一个新层,取名“Tip”。使用“多边形套索工具”画出一个笔头,填上浅黄色,就像下图那样。把这层放在“body”下面。

Photoshop制作超级闪亮的铅笔图标_亿码酷站___亿码酷站平面设计教程插图14

第十五步:
复制“body”层,取名为“TipGradient”,并把它放到上面。把它移动到如图中的位置,然后打开“色相/饱和度”,色相为33,饱和度为53,明度为37,这里要把”着色“点上。

Photoshop制作超级闪亮的铅笔图标_亿码酷站___亿码酷站平面设计教程插图15

第十六步:
把“TipGradient”放到“body”下面,按住Alt单击“TipGradient”和“Tip”之间,就像下图那样。这样就能使“TipGradient”套上“Tip”的外形。

Photoshop制作超级闪亮的铅笔图标_亿码酷站___亿码酷站平面设计教程插图16

第十七步:
选上“TipGradient”层,使用“编辑-变换-透视”,调整角度,类似下图。

Photoshop制作超级闪亮的铅笔图标_亿码酷站___亿码酷站平面设计教程插图17

第十八步:
打开“选择-载入选区”,选择我们之前储存的“Ellipse”选区。在“body”和“color”层上进行删除。

Photoshop制作超级闪亮的铅笔图标_亿码酷站___亿码酷站平面设计教程插图18

第十九步:
选定“color”的选区,新建一层,取名“Wood”。把前景色和背景色设为白色和黑色,并往选区中填充白色。然后打开“滤镜-渲染-纤维”,数值都设为10,确定,接着用Ctrl+T,顺时针旋转90度,并改变大小,就像图中所示。

Photoshop制作超级闪亮的铅笔图标_亿码酷站___亿码酷站平面设计教程插图19

第二十步:
使用“编辑-变换-透视”,调整角度,如图。然后把层的混合模式设为“柔光”,不透明度为60%

Photoshop制作超级闪亮的铅笔图标_亿码酷站___亿码酷站平面设计教程插图20

 

第二十一步:
使用椭圆工具画出一个选区,如图所示。选择“Wood”层,删除。再选择“TipGradient”层,打开“色相/饱和度”,饱和度为-100。用Ctrl+L打开“色阶”,使用图中数值。这样我们就作出了一个笔尖。

Photoshop制作超级闪亮的铅笔图标_亿码酷站___亿码酷站平面设计教程插图21

第二十二步:
现在我们即将完成。除了背景层外,选择所有的层,把它们合并,取名“Pencil”。复制“Pencil”层,取名“Reflection”,把它放在“Pencil”层下面。

再复制“Reflection”层,取名“Shadow”。打开色相饱和度,明度设为-90。然后Ctrl+T,让它的高度下降到原高度的四分之三的样子。接着选择“Reflection”层,使用“编辑-变换-垂直翻转”。

Photoshop制作超级闪亮的铅笔图标_亿码酷站___亿码酷站平面设计教程插图22

 

第二十三步:
选定除了背景层以外的所有层,使用Ctrl+T,旋转-30度。然后再移动“Reflection”和“Shadow”层,如下图那样。

Photoshop制作超级闪亮的铅笔图标_亿码酷站___亿码酷站平面设计教程插图23

第二十四步:
选择“Reflection”层,使用滤镜-模糊-高斯模糊,半径设为3,再把层不透明度设为60。

再选择“Shadow”层,使用滤镜-模糊-高斯模糊,半径设为7,把层不透明度设为80。

Photoshop制作超级闪亮的铅笔图标_亿码酷站___亿码酷站平面设计教程插图23

第二十五步:
选择“Reflection”层,给它添加一个蒙版,在蒙版里使用渐变工具,从白到黑拉一个渐变。这样使倒影更加朦胧一些。

Photoshop制作超级闪亮的铅笔图标_亿码酷站___亿码酷站平面设计教程插图24

第二十六步:
选择“Pencil”层,在它的混合选项里使用“渐变叠加”,混合模式为“强光”,具体数值如下图:

Photoshop制作超级闪亮的铅笔图标_亿码酷站___亿码酷站平面设计教程插图25

第二十七步:
这样就大功告成了,你还可以按照自己的意愿改变它的位置和背景颜色。祝你顺利~

云服务器推荐