[首页]
[文章]
[教程]
首页
Web开发
Windows开发
编程语言
数据库技术
移动平台
系统服务
微信
设计
布布扣
其他
数据分析
首页
>
设计
> 详细
Photoshop 视觉设计物品实例 铅笔
时间:
2016-01-21 07:58:41
阅读:
118
评论:
0
收藏:
0
[点我收藏+]
编译:manta 作者:Eren Göksel
铅笔是一种在视觉设计常用到的物品,在此教程中我将告诉您如何制作出一款铅笔图标。我们将使用渐变、选择工具和变形工具,来进行这个有趣的创作。
老惯例,先让我们欣赏下最终效果,点击下图可以观看清晰大图:
第一步:
先建立一个文档,把它设为950像素宽,600像素高,分辨率为300像素/英寸,背景为白色。然后选择“矩形选框工具”,把样式设为“固定大小”,400像素宽,100像素高,如图:
第二步:
通过辅助线的规划,把选区放置在画面中心
第三步:
新建一层,取名“body”,使用渐变工具,选择“对称渐变”,在选区里拉出一个如下图的渐变,让白色靠上一些。
第四步:
为了让我们的渐变层次更为丰富,就需要做点调整。打开“图像-调整-曲线”(Ctrl+M),大致和下图差不多那样就可以了。
第五步:
新建一层,建立一个“body”的选区,并填上红色,颜色代号d60005。然后设置层的不透明度为60%,把这层取名为“color”
第六步:
现在把“body”复制,并把复制的层放到所有层的最上面,取名“Metal”。接着拉出辅助线,拖到如图中的位置,靠右一些。然后选择矩形工具,把样式改为正常,框选出一块区域,右边贴紧辅助线,然后删除。
第七步:
选择椭圆形工具,把中心点放在右边中间辅助线交汇的点上,同时按住Alt和Shift键,画出一个和矩形等高的圆。
然后点击右键,选择“变换选区”把宽度(W)设为50%,接着敲击2次回车已确定。下来删除选区中的部分,这样就给了我们一个铅笔的透视角度。
这个选区看上去不错,我们还会用到它,保存它,单击右键,选“存储选区”,给它个名字“Ellipse”
第八步:
现在选区仍在,让我们选中“Metal”层,把选区拖到右边缘,再拉出一条辅助线,拖到它的中心放置。
第九步:
这时我们再选择矩形工具,按住Shift键,框选,贴上我们刚画的那条辅助线,然后“反向”Ctrl+Shift+i ,删除,取消选区。
第十步:
按住Ctrl键,单击“Metal”层的缩略图(如图),然后选中任何一种选区工具,点击键盘向右键,点4次。
再使用“反向”,接着同时按住Ctrl/Shift/Alt键,单击“Metal”,这样就得到了选区与“金属”层选区的结合部分。我们将用新部分来制作笔的凸线圈。
第十一步:
把新部分复制粘贴到一个新层上,取名“Bump”。给它的赋予斜面和浮雕、渐变叠加这些效果,具体数值如图。最后让它变得比“Metal”层略高些,用Ctrl+T,把高度设为102%,确定。
第十二步:
复制“Bump”层,并向右移动6像素,重复这一过程,做出3个来。然后把这3层合并,再复制,放在右边,如图:
第十三步:
复制“Metal”层,取名“Eraser”,把它放到“Metal”层下面。把“Eraser”向右移动大约60像素的距离。打开“色相/饱和度”,对它进行调色,设置如图。
再次复制“Metal”层,取名“Shadow”,把它放到“Metal”层下面。打开“色相/饱和度”,把明度调到-100,再使用“滤镜-模糊-动感模糊”,角度为0,距离为5像素,然后应用它。现在,我们可以合并铅笔的金属部分,把“Metal”、“Shadow”、“Bump”合并。
第十四步:
建立一个新层,取名“Tip”。使用“多边形套索工具”画出一个笔头,填上浅黄色,就像下图那样。把这层放在“body”下面。
第十五步:
复制“body”层,取名为“TipGradient”,并把它放到上面。把它移动到如图中的位置,然后打开“色相/饱和度”,色相为33,饱和度为53,明度为37,这里要把”着色“点上。
第十六步:
把“TipGradient”放到“body”下面,按住Alt单击“TipGradient”和“Tip”之间,就像下图那样。这样就能使“TipGradient”套上“Tip”的外形。
第十七步:
选上“TipGradient”层,使用“编辑-变换-透视”,调整角度,类似下图。
第十八步:
打开“选择-载入选区”,选择我们之前储存的“Ellipse”选区。在“body”和“color”层上进行删除。
第十九步:
选定“color”的选区,新建一层,取名“Wood”。把前景色和背景色设为白色和黑色,并往选区中填充白色。然后打开“滤镜-渲染-纤维”,数值都设为10,确定,接着用Ctrl+T,顺时针旋转90度,并改变大小,就像图中所示。
第二十步:
使用“编辑-变换-透视”,调整角度,如图。然后把层的混合模式设为“柔光”,不透明度为60%
第二十一步:
使用椭圆工具画出一个选区,如图所示。选择“Wood”层,删除。再选择“TipGradient”层,打开“色相/饱和度”,饱和度为-100。用Ctrl+L打开“色阶”,使用图中数值。这样我们就作出了一个笔尖。
第二十二步:
现在我们即将完成。除了背景层外,选择所有的层,把它们合并,取名“Pencil”。复制“Pencil”层,取名“Reflection”,把它放在“Pencil”层下面。
再复制“Reflection”层,取名“Shadow”。打开色相饱和度,明度设为-90。然后Ctrl+T,让它的高度下降到原高度的四分之三的样子。接着选择“Reflection”层,使用“编辑-变换-垂直翻转”。
第二十三步:
选定除了背景层以外的所有层,使用Ctrl+T,旋转-30度。然后再移动“Reflection”和“Shadow”层,如下图那样。
第二十四步:
选择“Reflection”层,使用滤镜-模糊-高斯模糊,半径设为3,再把层不透明度设为60。
再选择“Shadow”层,使用滤镜-模糊-高斯模糊,半径设为7,把层不透明度设为80。
第二十五步:
选择“Reflection”层,给它添加一个蒙版,在蒙版里使用渐变工具,从白到黑拉一个渐变。这样使倒影更加朦胧一些。
第二十六步:
选择“Pencil”层,在它的混合选项里使用“渐变叠加”,混合模式为“强光”,具体数值如下图:
第二十七步:
这样就大功告成了,你还可以按照自己的意愿改变它的位置和背景颜色。祝你顺利
Photoshop 视觉设计物品实例 铅笔
原文:http://www.jb51.net/photoshop/9571.html
踩
(
0
)
赞
(
0
)
举报
评论
一句话评论(
0
)
登录后才能评论!
分享档案
更多>
2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)
最新文章
更多>
2021/09/28 scripts
2022-05-27
vue自定义全局指令v-emoji限制input输入表情和特殊字符
2022-05-27
9.26学习总结
2022-05-27
vim操作
2022-05-27
深入理解计算机基础 第三章
2022-05-27
C++ string 作为形参与引用传递(转)
2022-05-27
python 加解密
2022-05-27
JavaScript-对象数组里根据id获取name,对象可能有children属性
2022-05-27
SQL语句——保持现有内容在后面增加内容
2022-05-27
virsh命令文档
2022-05-27
教程昨日排行
更多>
1.
list.reverse()
2.
Django Admin 管理工具
3.
AppML 案例模型
4.
HTML 标签列表(功能排序)
5.
HTML 颜色名
6.
HTML 语言代码
7.
jQuery 事件
8.
jEasyUI 创建分割按钮
9.
jEasyUI 创建复杂布局
10.
jEasyUI 创建简单窗口
友情链接
汇智网
PHP教程
插件网
关于我们
-
联系我们
-
留言反馈
- 联系我们:wmxa8@hotmail.com
© 2014
bubuko.com
版权所有
打开技术之扣,分享程序人生!