手把手教你绘制一个写实USB图标(PS教程)

小编:分享一个写实的USB图标给大家,在制作这个图标的过程中,主要是图层样式的运用!作者cua_cq手把手教,快速上手,包学会。

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

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

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

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

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

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

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

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

为“U头凹槽”添加一个图层样式。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

P大点S

作者:cua_cq

Photoshop
(0)

相关推荐

  • 教你绘制一个蜂巢背景【PS教程】

    有同学问这类效果怎么做,今天@P大点S微博手把手教同学们完成它,过程不难,主要是图案的基础运用,最终效果特别适合做背景,格调高有气氛. 最终效果图: 首先,我们执行"编辑-首选项-参考线.网 ...

  • 手把手教你绘制烤肠文字效果(AI教程)

    今天给大家带来的是一篇详细的AI初级教程,用illustrator绘制烤肠文字,这篇教程涉及很多实用的技巧,大家耐心点看完可以学到不少知识.不熟悉AI的童鞋也能慢慢的摸索出来,感谢@Jesseluo带 ...

  • 教你打造一个绚丽的时钟(PS教程+PSD免费下载)

    小编:很久都没有出ps练习教程了,那么今天@DearSalt来教大家打造一个绚丽的时钟!非常适合学习临摹,作者也告诉了大家一些学习方法,比如拿到一个图标我们应该分解并进行观察,图层的参数更是非常清楚, ...

  • 教你绘制常青树字体效果【PS教程】

    小编:快到圣诞节了!小伙伴们,肯定都急着找素材吧,找素材还不如自己做素材.今天给大家带来圣诞节专属PS教程-绘制好看的常青树字体效果.提前感受下圣诞的节日气氛,同时也提前祝大家圣诞快乐. 我们的最终效 ...

  • 手把手教你绘制购物袋图标(PS教程)

    Duang的一声一转眼元宵节都过去了,说好的每天一标呢,要每天补起来了,开年不能输在起跑线上,今天给大家带来的教程是@看不见的敌人28发布的用PS绘制一个写实的购物袋图标,这种购物袋图标在很多地方都能 ...

  • photoshop教程--手把手教你绘制一枚酷狗图标

    photoshop教程--手把手教你绘制一枚酷狗图标,简单的教程,一学就会的 操作方法 01 新建一个文档,尺寸1000*1000. 拉一个径向渐变. 前景色 :#f5f5f5 背景色:#cccccc ...

  • 教你绘制波普艺术风格人像!【AI教程】

    波普艺术鼎盛于50年代中期的美国,也被称为流行艺术.通俗艺术.在这一艺术风格的影响下,作为创作灵感的来源,可以在对肖像创作上下一番功夫,将人像转而绘制成波普风插图,在此基础上再来制作出新颖别致的波普风 ...

  • 如何用AI绘制一个立体视频图标?

    在AI中我们可以将一些小图标做成2.5D立体风格,搭建出一些小场景,然后用在引导页和提示页中,非常的漂亮,那么小编就来教你如何用AI做一个立体小图标. 操作方法 01 我们先在工具栏中选择圆角矩形工具 ...

  • 教你绘制扁平风火箭图标【PS教程】

    绘制火箭图标 这些调色板上的颜色是我们将要用到的颜色,我选择了一些不那么鲜艳的颜色,这能和扁平化的图标很好地结合,你可以将这个色板储存在你的电脑中,这样你就可以在Photoshop中创建图形的时候直接 ...