设为首页
收藏本站
现距离劳动节还有：
天气与日历
开启辅助访问
切换到窄版
登录
立即注册
门户
Portal
论坛
BBS
在线影视
免费小说
FC游戏
app下载
插件
Plugin
搜索
搜索
每日签到
本版
文章
帖子
群组
社区
»
论坛
›
软件源码
›
教程分享
›
PS教你绘制出拟物风格的日常工具五件套 ...
返回列表
发新帖
[
ps
]
PS教你绘制出拟物风格的日常工具五件套
[复制链接]
48
|
0
|
2023-3-10 03:05:41
|
显示全部楼层
|
阅读模式
在这个教程里我们将学会如何在Photoshop里绘制出我们常用的五种工具，教程不难，主要是考验运用钢笔工具的熟练程度，非常适合练手，来收!
0621312140-0.jpg
(38.28 KB, 下载次数: 0, 售价: 1 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621312140-0.jpg
步骤 1
新建600*450px 的图层，视图>显示>网格，让网格显示出来，然后视图>对齐到>网格，对齐网格，Control + K打开参数设置(编辑-首选项-常规)，参考线、网格和切片，参数值如下图所示，( Control + ‘ )显示/隐藏网格。
062131O02-1.jpg
(54.35 KB, 下载次数: 0, 售价: 3 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
062131O02-1.jpg
步骤 2
回到工具栏 ，将前景色设置为 #FF0000，然后选择椭圆工具在你的 画布上建立一个26 * 30px的椭圆。
0621315623-2.jpg
(117.63 KB, 下载次数: 0, 售价: 1 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621315623-2.jpg
步骤 3
选择矩形工具，创建一个14 * 15px大小的矩形，然后放置如下图所示。
062131G58-3.jpg
(117.56 KB, 下载次数: 0, 售价: 4 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
062131G58-3.jpg
步骤 4
添加锚点工具，在矩形上添加一个新的锚点，如下图所示哦~
062131BL-4.jpg
(101.3 KB, 下载次数: 0, 售价: 4 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
062131BL-4.jpg
步骤 5
选择转换点工具，然后点击之前建立的锚点，按住Ctrl+左键，拖动锚点，如图二所示。
0621313S8-5.jpg
(101.02 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621313S8-5.jpg
步骤 6
如果你不满意上一步，也可以使用直接选择工具适当进行调整啦~该点调整后的位置离原来的点有4px的距离。
0621315E8-6.jpg
(101.23 KB, 下载次数: 0, 售价: 1 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621315E8-6.jpg
步骤 7
回到图层面板，选择两个图形的其中任何一个，然后右键选择统一形状，选择路径选择工具，点击矩形，然后减去顶层形状 。
0621314J3-7.jpg
(77.27 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621314J3-7.jpg
步骤 8
选择矩形工具，新建一个50 x 14px的矩形，如下图所示。
062131EV-8.jpg
(116.9 KB, 下载次数: 0, 售价: 1 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
062131EV-8.jpg
步骤 9
将2-7步里所建立的图形复制，然后CTRL+T变形，水平翻转。就像下面的图一样哦，它就成为了一把扳手啦~~
062131B94-9.jpg
(117.95 KB, 下载次数: 0, 售价: 4 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
062131B94-9.jpg
0621311Z5-10.jpg
(117.5 KB, 下载次数: 0, 售价: 1 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621311Z5-10.jpg
步骤 10
选择所有的形状，选择其中任何一个形状，右键选择统一形状。
点击图层缩略图，然后将图形的颜色改为#F6F6F6。
0621315141-11.jpg
(118.03 KB, 下载次数: 0, 售价: 3 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621315141-11.jpg
0621311360-12.jpg
(119.36 KB, 下载次数: 0, 售价: 1 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621311360-12.jpg
步骤 11
图层混合模式 ，参数设置如下图所示：
0621311F9-13.jpg
(9.37 KB, 下载次数: 0, 售价: 3 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621311F9-13.jpg
内发光，正常，透明度35%，颜色#000000，大小：2px
062131K40-14.jpg
(49.76 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
062131K40-14.jpg
光泽，正常，颜色#000000，透明度14%，角度90°，距离：11px，大小：10px，反相，不勾消除锯齿。
0621313394-15.jpg
(42.51 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621313394-15.jpg
步骤 12
复制你的扳手三次，然后变形，组合所有的扳手，如下图所示。
0621315392-16.jpg
(18.42 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621315392-16.jpg
062131J51-17.jpg
(13.06 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
062131J51-17.jpg
步骤 13
打开两个箭头所指示的扳手的图层混合模式 ，改变光泽，参数设置如下图所示。
0621313R5-18.jpg
(13.8 KB, 下载次数: 0, 售价: 1 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621313R5-18.jpg
光泽，正常，颜色#000000，透明度18%，角度0°，距离11px，大小10px
0621313F3-19.jpg
(42.43 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621313F3-19.jpg
步骤 14
将所有的扳手Control + G建组，重命名为“F”，然后打开组的混合模式。
062131C50-20.jpg
(9.94 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
062131C50-20.jpg
投影，正常，透明度55%，角度90°，距离1px，大小4px。
0621313Q3-21.jpg
(47.07 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621313Q3-21.jpg
步骤 15
改变前景颜色为#00FFEA，选择圆角矩形工具，半径为6px，大小为25 x 80px。
选择添加锚点工具，然后在圆角矩形上添加锚点，如图所示。
0621314A1-22.jpg
(11.5 KB, 下载次数: 0, 售价: 1 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621314A1-22.jpg
0621316063-23.jpg
(146.11 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621316063-23.jpg
步骤 16
选择直接选择工具，将锚点往左右内侧拉动，效果如下图所示。
062131D31-24.jpg
(145.37 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
062131D31-24.jpg
0621314334-25.jpg
(146.14 KB, 下载次数: 0, 售价: 1 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621314334-25.jpg
0621312502-26.jpg
(146.05 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621312502-26.jpg
0621313347-27.jpg
(146.05 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621313347-27.jpg
0621312111-28.jpg
(145.85 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621312111-28.jpg
步骤 17
打开图层混合模式 ，参数如下图所示。
062131H20-29.jpg
(8.79 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
062131H20-29.jpg
渐变叠加，#484847，#4F4F4F，#484847
取消反向，线性，角度0°，范围100%
0621315619-30.jpg
(71.84 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621315619-30.jpg
步骤 18
回到图层面板，然后复制一层我们刚创建的图形，清楚图层样式，将填充降低到0%。
将复制的图形的图层样式打开，更改参数。
0621312952-31.jpg
(9.17 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621312952-31.jpg
图案叠加，载入艺术表面，然后选择如图所示的图案。
0621312223-32.jpg
(63.23 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621312223-32.jpg
内发光，柔光，透明度45%，颜色#000000，边缘，大小10px。
0621311238-33.jpg
(49.81 KB, 下载次数: 0, 售价: 1 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621311238-33.jpg
步骤 19
将前景色改变#4C4C4C，然后选择椭圆工具，在图层身上创建6 x 34px大小的椭圆，就像图1所示这样。
接下来，直接选择工具，然后选择最上方的锚点，拖动向上15px哦~直到它们变得比原来的更细长些，就和图2一样。
0621312V6-34.jpg
(18.27 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621312V6-34.jpg
0621314356-35.jpg
(18.5 KB, 下载次数: 0, 售价: 4 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621314356-35.jpg
步骤 20
打开图层混合模式，参数设置如下：
0621311128-36.jpg
(14.43 KB, 下载次数: 0, 售价: 3 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621311128-36.jpg
投影，柔光，#FFFFFF，透明度55%，角度90°，距离1px。
0621312420-37.jpg
(46.88 KB, 下载次数: 0, 售价: 3 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621312420-37.jpg
内发光，柔光，透明度25%，颜色#000000，柔和，大小5px。
0621311391-38.jpg
(49.82 KB, 下载次数: 0, 售价: 4 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621311391-38.jpg
内阴影，颜色#000000，透明度55%，角度90°，距离1px，大小2px。
062131A02-39.jpg
(45.9 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
062131A02-39.jpg
步骤 21
改变前景色为#AF594C，然后选择矩形工具哦，创建30 x 4px的矩形，如图1所示的放置。
现在我们回到图层，原教程是给矩形添加蒙版，小林认为可以建立剪贴图层，在把手主体和矩形之间，按住ALT键就可以啦。
0621311T8-40.jpg
(17.57 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621311T8-40.jpg
0621312S7-41.jpg
(10.56 KB, 下载次数: 0, 售价: 3 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621312S7-41.jpg
062131K45-42.jpg
(15.17 KB, 下载次数: 0, 售价: 4 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
062131K45-42.jpg
步骤 22
打开矩形的图层混合模式，参数设置如下。
062131I29-43.jpg
(15.27 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
062131I29-43.jpg
投影，柔光，颜色#000000，透明度20%，角度90°，距离1px
062131F29-44.jpg
(47.09 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
062131F29-44.jpg
内阴影，柔光，颜色 #FFFFFF，透明度45%，角度90°。距离1px
0621314K3-45.jpg
(45.67 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621314K3-45.jpg
斜面浮雕 。内斜面，平滑，深度100%，上，距离5px，角度0°，高度30度，无全局光。
正片叠底，颜色 #000000，透明度40%，正片叠底，40%
0621313048-46.jpg
(55.3 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621313048-46.jpg
步骤 23
还是改变前景色为 #FF0000哦~矩形工具，然后创建5 x 68px的矩形 ，如图1这样放置好它。
选择添加锚点工具，然后如图2所示，添加两个锚点，与最上方的锚点距离5px
之后我们选择直接选择工具，然后改变最上方锚点的位置，也就是各自向左右拖动2px啦~\(≧▽≦)/~啦啦啦~
0621313b0-47.jpg
(15.01 KB, 下载次数: 0, 售价: 4 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621313b0-47.jpg
0621312948-48.jpg
(71.54 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621312948-48.jpg
0621312527-49.jpg
(21.72 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621312527-49.jpg
步骤 24
打开图层混合模式，参数设置如下。
06213133G-50.jpg
(9.92 KB, 下载次数: 0, 售价: 1 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
06213133G-50.jpg
渐变叠加，正常，透明度100%，线性，与图层对齐，角度0°,#A5A5A5，#FFFFFF，#A5A5A5
0621316132-51.jpg
(70.26 KB, 下载次数: 0, 售价: 3 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621316132-51.jpg
步骤 25
将前景色设置为#F6F6F6，选择椭圆工具，建立一个15 x 15px的圆哦，我们再来打开图层混合模式，参数设置如下。
0621313359-52.jpg
(12.31 KB, 下载次数: 0, 售价: 3 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621313359-52.jpg
光泽，正常，#000000，透明度14%，角度50°，距离11px，大小14px，反相，无消除锯齿。
0621315212-53.jpg
(42.54 KB, 下载次数: 0, 售价: 3 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621315212-53.jpg
内发光，正常， 透明度35%，颜色#000000，柔和，边缘，大小2px，范围50%
062131A94-54.jpg
(49.71 KB, 下载次数: 0, 售价: 1 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
062131A94-54.jpg
0621311F6-55.jpg
(10.1 KB, 下载次数: 0, 售价: 4 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621311F6-55.jpg
步骤 26
改变前景色 #C1C1C1，使用矩形工具哦，创建一个 2 x 12px的矩形，然后放置好它，就像图1这样。
打开图图层混合模式，然后参数设置如下：
06213111W-56.jpg
(13.41 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
06213111W-56.jpg
内阴影，正常，颜色#000000，透明度25%，角度180°，距离1px
062131BX-57.jpg
(45.73 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
062131BX-57.jpg
0621311494-58.jpg
(11.84 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621311494-58.jpg
步骤 27
我们还是使用矩形工具，再来创建一个13 x 2px的矩形，横着放置它，如图1。
打开图层混合模式，参数设置如下：
062131F43-59.jpg
(14.37 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
062131F43-59.jpg
内阴影，正常，颜色#000000，透明度25%，角度-90°，距离10px
062131D30-60.jpg
(45.78 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
062131D30-60.jpg
0621312W6-61.jpg
(12.25 KB, 下载次数: 0, 售价: 1 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621312W6-61.jpg
步骤 28
回到图层面板，选择我们之前做好的螺钉形状，然后Ctrl+T旋转它，之后再给组成螺钉的形状们建组( Control + G)，打开图层混合模式哦，参数设置如下。
062131F07-62.jpg
(11.35 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
062131F07-62.jpg
投影，正常，颜色#000000，透明度55%，距离1px，大小4px
0621314334-63.jpg
(47.02 KB, 下载次数: 0, 售价: 3 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621314334-63.jpg
步骤 29
改变前景色至 #C9A67C，然后选择圆角矩形工具，设置半径为2px哦~创建15 x 165px 的圆角矩形。
再选择添加锚点工具，如图2，增加锚点。
062131O94-64.jpg
(12 KB, 下载次数: 0, 售价: 4 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
062131O94-64.jpg
0621312437-65.jpg
(19.07 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621312437-65.jpg
步骤 30
现在我们来选择直接选择工具，然后将最上方的锚点往左右拖动哦~
0621311229-66.jpg
(30.66 KB, 下载次数: 0, 售价: 4 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621311229-66.jpg
0621315044-67.jpg
(22.29 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621315044-67.jpg
步骤 31
打开图层混合模式哦，参数设置如下：
062131ND-68.jpg
(10.16 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
062131ND-68.jpg
内发光，柔光，透明度10%，杂色100%，颜色#000000，柔和，边缘，大小12px
06213151M-69.jpg
(48.13 KB, 下载次数: 0, 售价: 1 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
06213151M-69.jpg
内阴影，柔光，颜色#FFFFFF，透明度45%。角度20°。距离1px
0621313436-70.jpg
(44.33 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621313436-70.jpg
斜面浮雕，内斜面，平滑，宽度100%，大小6px，角度0度，高度30°，无全局光，柔光，颜色#000000，透明度45%
0621313140-71.jpg
(55.25 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621313140-71.jpg
步骤 32
设置前景色至#E6E6E6，选择矩形工具，然后再来创建 60 x 24px的矩形，如图1这样。
选中你得矩形，然后我们来到编辑>变换>变形，然后选择变形里的贝壳形状哦，将矩形变成图2这样子，确定后，再来执行CTRL+T，旋转-45°~
062131G23-72.jpg
(13.14 KB, 下载次数: 0, 售价: 1 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
062131G23-72.jpg
062131A92-73.jpg
(20.06 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
062131A92-73.jpg
0621315241-74.jpg
(16.87 KB, 下载次数: 0, 售价: 1 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621315241-74.jpg
步骤 33
打开图层混合模式，参数设置如下：
0621314618-75.jpg
(12.56 KB, 下载次数: 0, 售价: 1 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621314618-75.jpg
光泽 ，正常，颜色#000000,透明度10%，角度162°，距离18px，大小14px，反相，无消除锯齿。
0621315F1-76.jpg
(42.42 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621315F1-76.jpg
内发光，正常，透明度30%，颜色#000000，柔软，边缘，大小5px
0621316245-77.jpg
(48.18 KB, 下载次数: 0, 售价: 3 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621316245-77.jpg
内阴影，强光，颜色#FFFFFF，透明度100%，角度-130°，距离5px，阻塞10%，大小3px
0621312H9-78.jpg
(43.93 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 03:05 上传
点击文件名下载附件
0621312H9-78.jpg
步骤 34
改变前景色为 #000000，然后选择直线工具，如图1这样画一条直线哦~然后将填充降到0%，Control + [将该图层向后移动一层，放置到图1所示的位置哦 ~再打开图层混合模式，参数设置如下啦 ~酱紫我们就可以让我们的斧头下方阴影更加的自然哟。
0621312Y1-79.jpg
(18.95 KB, 下载次数: 0, 售价: 4 金钱)
0621312140-0.jpg
(38.28 KB, 下载次数: 0, 售价: 1 金钱)
