鼠绘商品,ps鼠绘一个U盘教程

教程步骤比较详细,教程重点是图层样式的运用。作者提供了PSD参考文件,需要学鼠绘的同学可以跟着一起练习。

Photoshop 打造超可爱小熊猫

Photoshop 打造超可爱小熊猫文/0若水0 出处:eNet硅谷动力 先看一下效果: 最终效果: 简单的,我们教你,深奥的,你来分享

教程步骤比较详细,教程重点是图层样式的运用。作者提供了PSD参考文件,需要学鼠绘的同学可以跟着一起练习。做完记得交作业。  

源文件PSD链接:http://pan.baidu.com/s/1i3kryU5 密码:h2i7

最终效果:

鼠绘商品,ps鼠绘一个U盘教程插图

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

鼠绘商品,ps鼠绘一个U盘教程插图(1)

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

鼠绘商品,ps鼠绘一个U盘教程插图(2)

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

鼠绘商品,ps鼠绘一个U盘教程插图(3)

鼠绘商品,ps鼠绘一个U盘教程插图(4)

鼠绘商品,ps鼠绘一个U盘教程插图(5)

鼠绘商品,ps鼠绘一个U盘教程插图(6)

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

鼠绘商品,ps鼠绘一个U盘教程插图(7)

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

鼠绘商品,ps鼠绘一个U盘教程插图(8)

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

鼠绘商品,ps鼠绘一个U盘教程插图(9)

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

鼠绘商品,ps鼠绘一个U盘教程插图(10)

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

鼠绘商品,ps鼠绘一个U盘教程插图(11)

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

鼠绘商品,ps鼠绘一个U盘教程插图(12)

鼠绘商品,ps鼠绘一个U盘教程插图(13)

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

鼠绘商品,ps鼠绘一个U盘教程插图(14)

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

鼠绘商品,ps鼠绘一个U盘教程插图(15)

鼠绘商品,ps鼠绘一个U盘教程插图(16)

鼠绘商品,ps鼠绘一个U盘教程插图(17)

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

鼠绘商品,ps鼠绘一个U盘教程插图(18)

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

鼠绘商品,ps鼠绘一个U盘教程插图(19)

鼠绘商品,ps鼠绘一个U盘教程插图(20)

鼠绘商品,ps鼠绘一个U盘教程插图(21)

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

鼠绘商品,ps鼠绘一个U盘教程插图(22)

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

鼠绘商品,ps鼠绘一个U盘教程插图(23)

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

鼠绘商品,ps鼠绘一个U盘教程插图(24)

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

鼠绘商品,ps鼠绘一个U盘教程插图(25)

鼠绘商品,ps鼠绘一个U盘教程插图(26)

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

鼠绘商品,ps鼠绘一个U盘教程插图(27)

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

鼠绘商品,ps鼠绘一个U盘教程插图(28)

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

鼠绘商品,ps鼠绘一个U盘教程插图(29)

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

鼠绘商品,ps鼠绘一个U盘教程插图(30)

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

鼠绘商品,ps鼠绘一个U盘教程插图(31)

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

鼠绘商品,ps鼠绘一个U盘教程插图(32)

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

鼠绘商品,ps鼠绘一个U盘教程插图(33)

鼠绘商品,ps鼠绘一个U盘教程插图(34)

鼠绘商品,ps鼠绘一个U盘教程插图(35)

教程步骤比较详细,教程重点是图层样式的运用。作者提供了PSD参考文件,需要学鼠绘的同学可以跟着一起练习。做完记得交作业。  

源文件PSD链接:http://pan.baidu.com/s/1i3kryU5 密码:h2i7

最终效果:

鼠绘商品,ps鼠绘一个U盘教程插图

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

鼠绘商品,ps鼠绘一个U盘教程插图(1)

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

鼠绘商品,ps鼠绘一个U盘教程插图(2)

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

鼠绘商品,ps鼠绘一个U盘教程插图(3)

鼠绘商品,ps鼠绘一个U盘教程插图(4)

鼠绘商品,ps鼠绘一个U盘教程插图(5)

鼠绘商品,ps鼠绘一个U盘教程插图(6)

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

鼠绘商品,ps鼠绘一个U盘教程插图(7)

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

鼠绘商品,ps鼠绘一个U盘教程插图(8)

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

鼠绘商品,ps鼠绘一个U盘教程插图(9)

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

鼠绘商品,ps鼠绘一个U盘教程插图(10)

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

鼠绘商品,ps鼠绘一个U盘教程插图(11)

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

鼠绘商品,ps鼠绘一个U盘教程插图(12)

鼠绘商品,ps鼠绘一个U盘教程插图(13)

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

鼠绘商品,ps鼠绘一个U盘教程插图(14)

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

鼠绘商品,ps鼠绘一个U盘教程插图(15)

鼠绘商品,ps鼠绘一个U盘教程插图(16)

鼠绘商品,ps鼠绘一个U盘教程插图(17)

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

鼠绘商品,ps鼠绘一个U盘教程插图(18)

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

鼠绘商品,ps鼠绘一个U盘教程插图(19)

鼠绘商品,ps鼠绘一个U盘教程插图(20)

鼠绘商品,ps鼠绘一个U盘教程插图(21)

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

鼠绘商品,ps鼠绘一个U盘教程插图(22)

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

鼠绘商品,ps鼠绘一个U盘教程插图(23)

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

鼠绘商品,ps鼠绘一个U盘教程插图(24)

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

鼠绘商品,ps鼠绘一个U盘教程插图(25)

鼠绘商品,ps鼠绘一个U盘教程插图(26)

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

鼠绘商品,ps鼠绘一个U盘教程插图(27)

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

鼠绘商品,ps鼠绘一个U盘教程插图(28)

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

鼠绘商品,ps鼠绘一个U盘教程插图(29)

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

鼠绘商品,ps鼠绘一个U盘教程插图(30)

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

鼠绘商品,ps鼠绘一个U盘教程插图(31)

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

鼠绘商品,ps鼠绘一个U盘教程插图(32)

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

鼠绘商品,ps鼠绘一个U盘教程插图(33)

鼠绘商品,ps鼠绘一个U盘教程插图(34)

鼠绘商品,ps鼠绘一个U盘教程插图(35)

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部