PS教学!手把手教你绘制写实的U盘图标photoshop教程

PS教学!手把手教你绘制写实的U盘图标photoshop教程

PS教学!手把手教你绘制写实的U盘图标-photoshop教程

U盘图标,photoshop,PS教程,Icon,,教程

PS教学!手把手教你绘制写实的U盘图标photoshop教程插图我的爱 · 创-WODEAI.NET|3D打印机创意智造

编者按:今天这枚图标教学难度不大,重点也是图层样式的运用。作者@P大点S微博同学讲解细致,通俗易懂,新手以此入门非常合适 >>>

源文件PSD 微盘下载

处理后效果:

PS教学!手把手教你绘制写实的U盘图标photoshop教程插图1我的爱 · 创-WODEAI.NET|3D打印机创意智造

首先,我们来绘制背景。设置前景色为#c0c0c0,背景色为#a7a7a7,渐变工具,做一个从左上到右下的线性渐变。再添加一个1像素的杂色,添加杂色这里就不截图了。

PS教学!手把手教你绘制写实的U盘图标photoshop教程插图2我的爱 · 创-WODEAI.NET|3D打印机创意智造

接下来,我们来画USB的身子。设置前景色为# e3e1e1,圆角矩形工具,画一个740X240像素的圆角矩形,设置圆角矩形的左上和左下的圆角为50度,右上和右下的圆角为80度。

PS教学!手把手教你绘制写实的U盘图标photoshop教程插图3我的爱 · 创-WODEAI.NET|3D打印机创意智造

下面,我们为USB身子设置一个图层样式,来模拟USB上的立体效果,这里我没有用另外的图层,只是用了一个图层样式,因为我想做的是一个平放着的USB,我觉得图层样式就可以很好的达到我所需要的效果,当然你也可以尝试其他不同做法。

PS教学!手把手教你绘制写实的U盘图标photoshop教程插图4我的爱 · 创-WODEAI.NET|3D打印机创意智造 PS教学!手把手教你绘制写实的U盘图标photoshop教程插图5我的爱 · 创-WODEAI.NET|3D打印机创意智造 PS教学!手把手教你绘制写实的U盘图标photoshop教程插图6我的爱 · 创-WODEAI.NET|3D打印机创意智造 PS教学!手把手教你绘制写实的U盘图标photoshop教程插图7我的爱 · 创-WODEAI.NET|3D打印机创意智造

设置完图层样式,我们得到如下效果:

PS教学!手把手教你绘制写实的U盘图标photoshop教程插图8我的爱 · 创-WODEAI.NET|3D打印机创意智造

下面,我们来画U头。矩形工具画一个130X130像素的矩形,放置在【U盘身】图层下层,颜色的无所谓,我们一会会给它设置一个渐变叠加。

PS教学!手把手教你绘制写实的U盘图标photoshop教程插图9我的爱 · 创-WODEAI.NET|3D打印机创意智造

给U头图层设置一个渐变叠加。

PS教学!手把手教你绘制写实的U盘图标photoshop教程插图10我的爱 · 创-WODEAI.NET|3D打印机创意智造

将【U头】图层转换为智能对象,为其添加一个杂色,模拟U头的磨砂质感。

PS教学!手把手教你绘制写实的U盘图标photoshop教程插图11我的爱 · 创-WODEAI.NET|3D打印机创意智造

下面,我们来添加U头凹槽。设置前景色为# 2f2f2f,在【U头】图层上层,用矩形工具画两个矩形。

PS教学!手把手教你绘制写实的U盘图标photoshop教程插图12我的爱 · 创-WODEAI.NET|3D打印机创意智造

为【U头凹槽】添加一个图层样式。

PS教学!手把手教你绘制写实的U盘图标photoshop教程插图13我的爱 · 创-WODEAI.NET|3D打印机创意智造 PS教学!手把手教你绘制写实的U盘图标photoshop教程插图14我的爱 · 创-WODEAI.NET|3D打印机创意智造

下面,我们添加U头凹槽里面的金属片,设置前景色为#b09208,在【U头凹槽】图层上层画两个矩形,并创建剪贴蒙版。

PS教学!手把手教你绘制写实的U盘图标photoshop教程插图15我的爱 · 创-WODEAI.NET|3D打印机创意智造

为金属片设置一个图层样式。

PS教学!手把手教你绘制写实的U盘图标photoshop教程插图16我的爱 · 创-WODEAI.NET|3D打印机创意智造 PS教学!手把手教你绘制写实的U盘图标photoshop教程插图17我的爱 · 创-WODEAI.NET|3D打印机创意智造 PS教学!手把手教你绘制写实的U盘图标photoshop教程插图18我的爱 · 创-WODEAI.NET|3D打印机创意智造

下面,我们给USB添加中间那个橙色的东西。设置前景色为#e2821b,圆角矩形工具,画一个230X110像素,30度圆角的圆角矩形。

PS教学!手把手教你绘制写实的U盘图标photoshop教程插图19我的爱 · 创-WODEAI.NET|3D打印机创意智造

为橙色的这个圆角矩形添加一个图层样式。

PS教学!手把手教你绘制写实的U盘图标photoshop教程插图20我的爱 · 创-WODEAI.NET|3D打印机创意智造 PS教学!手把手教你绘制写实的U盘图标photoshop教程插图21我的爱 · 创-WODEAI.NET|3D打印机创意智造 PS教学!手把手教你绘制写实的U盘图标photoshop教程插图22我的爱 · 创-WODEAI.NET|3D打印机创意智造

下面,我们为橙色的那部分添加一个质感,设置前景色为#d77003,矩形工具,画一大堆小小的矩形,创建剪贴蒙版,并将这些点的图层不透明度调整为80%。

PS教学!手把手教你绘制写实的U盘图标photoshop教程插图23我的爱 · 创-WODEAI.NET|3D打印机创意智造

为这些点设置一个图层样式。

PS教学!手把手教你绘制写实的U盘图标photoshop教程插图24我的爱 · 创-WODEAI.NET|3D打印机创意智造

现在,我们设置前景色为#cccccc,打上容量。

PS教学!手把手教你绘制写实的U盘图标photoshop教程插图25我的爱 · 创-WODEAI.NET|3D打印机创意智造

这个容量的文字设置一个图层样式。

PS教学!手把手教你绘制写实的U盘图标photoshop教程插图26我的爱 · 创-WODEAI.NET|3D打印机创意智造 PS教学!手把手教你绘制写实的U盘图标photoshop教程插图27我的爱 · 创-WODEAI.NET|3D打印机创意智造

加入文字一样的操作手法。

PS教学!手把手教你绘制写实的U盘图标photoshop教程插图28我的爱 · 创-WODEAI.NET|3D打印机创意智造

接下来,我们为USB添加投影,CTRL+鼠标左键单击【USB身】图层缩略图,得到USB身的选区,按SHIFT+CTRL+鼠标左键单击【U头】图层,我们将得到整个USB的选区,创建一层,位于所有USB图层的下层,填充黑色。往右往下移动一定的像素。

PS教学!手把手教你绘制写实的U盘图标photoshop教程插图29我的爱 · 创-WODEAI.NET|3D打印机创意智造

选择投影这个图层,执行一个高斯模糊,半径3像素,并将图层不透明度设置为20%,创建一个蒙版,将超出USB位置的投影部分用画笔涂抹掉。

PS教学!手把手教你绘制写实的U盘图标photoshop教程插图30我的爱 · 创-WODEAI.NET|3D打印机创意智造

复制一层投影图层,置于刚才那个投影图层的下层,适当向下向右移动一点,更改模糊半径为20像素,并将图层不透明度更改为30%。

PS教学!手把手教你绘制写实的U盘图标photoshop教程插图31我的爱 · 创-WODEAI.NET|3D打印机创意智造

现在我们得到如下的效果:

PS教学!手把手教你绘制写实的U盘图标photoshop教程插图32我的爱 · 创-WODEAI.NET|3D打印机创意智造

感觉图像颜色有点偏,添加一个色阶调整层,微调一下。

PS教学!手把手教你绘制写实的U盘图标photoshop教程插图33我的爱 · 创-WODEAI.NET|3D打印机创意智造

OK,大功告成。来看看我们的效果。

PS教学!手把手教你绘制写实的U盘图标photoshop教程插图34我的爱 · 创-WODEAI.NET|3D打印机创意智造 PS教学!手把手教你绘制写实的U盘图标photoshop教程插图35我的爱 · 创-WODEAI.NET|3D打印机创意智造 PS教学!手把手教你绘制写实的U盘图标photoshop教程插图36我的爱 · 创-WODEAI.NET|3D打印机创意智造

作者:@P大点S微博

常见问题
疑难问题可以发起提问
通过导航菜单中的,创客问答-问题发布,进行提问,让更多的朋友看到并回答你的问题。
分享模型或FDM用机技术
可以通过,创客问答-技术分享,发布你的模型或技术知识,获得更多朋友的支持和点赞。
造机工坊分享机器图纸与固件
想制作同款FDM打印机的朋友,可以通过这个栏目下载机器设计图纸,BOM表单,源码固件等等,自行安装3D打印机了。
分享知识内容不收费!!!
本站始于爱好,止于收费,本站下载内容都不收费,感谢您的访问!
原文链接:https://www.wodeai.net/626358.html,转载请注明出处。如有侵权请联系邮箱:lianzhi0000#163.com (#=@) 删除,谢谢!
0
分享海报

评论0

请先
没有账号?注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码