ps鼠绘咖啡杯

前几天微博上传了我临摹的国外咖啡杯的图,有的朋友想了解一下,我就决定再出个教程,依旧是比较基础,高手尽情略过。

ps制作非常剔透的玻璃高脚杯

玻璃杯看似比较简单,不过刻画的过程是比较繁琐的。需要找出每个面的高光及反光区域,然后按照一定的顺序慢慢刻画,主体颜色还需要融合背景的颜色,这样整体才会更逼真。

看看效果图

ps鼠绘咖啡杯插图

做设计做广告的人常常为了赶作业加班,咖啡似乎成为桌子上的常住民,但是我们工作中还是应该注意劳逸结合,咖啡虽好,不要贪杯。

此次教程大致思路是:

1、制作背景

2、制作底盘

3、杯子、把手

4、杯中咖啡

其中第四步稍微有些复杂,我会进行拆分解释~

1、新建600*600

ps鼠绘咖啡杯插图(1)

2、为背景添加渐变

ps鼠绘咖啡杯插图(2)

3、新建图层,填充灰色(根据喜好自设),滤镜-杂色-添加杂色

ps鼠绘咖啡杯插图(3)

4、进行模糊-动感模糊。

执行完毕后将不透明度设为50%,混合模式为叠加。

ps鼠绘咖啡杯插图(4)

5、下面为之前填充过蓝色渐变的背景层增加内阴影。

(为什么不在当时第一步时一起加入?是因为3、4步在背景层之上加入了一些纹理,第五步增加内阴影之后,所做即所用,无需再做修改。否则,可能会因为和纹理不协调,需要再次修改。)

ps鼠绘咖啡杯插图(5)

6、绘制一个450 px * 450 px的圆形,作为底盘,添加渐变。

ps鼠绘咖啡杯插图(6)

7、添加光泽。为使盘子中间变暗,上下不变。

ps鼠绘咖啡杯插图(7)

8、增加描边。更加柔和。

ps鼠绘咖啡杯插图(8)

9、绘制一个420 px * 420 px的圆形,添加蓝色描边。#8dc3ff

ps鼠绘咖啡杯插图(9)

10、加入渐变叠加,#f0f3f7—#bfc2c8。

ps鼠绘咖啡杯插图(10)

 

11、复制底盘,填充黑色,向下移动几像素,作为底盘的阴影,添加高斯模糊。

ps鼠绘咖啡杯插图(11)

12、添加动感模糊。角度为90度,使阴影向下扩散。

ps鼠绘咖啡杯插图(12)

13、为盘子增加反光。使用钢笔绘制一个路径,然后添加渐变。同时将图层的填充改为0.

ps鼠绘咖啡杯插图(13)

14、绘制左侧反光路径,数值如下图。填充为0.

ps鼠绘咖啡杯插图(14)

15、绘制杯子外侧的白圈(参照完成图)。制作250*250椭圆。

ps鼠绘咖啡杯插图(15)

16、为杯子外面的白圈添加渐变。

ps鼠绘咖啡杯插图(16)

17、绘制杯内蓝圈,同时添加光影渐变。

ps鼠绘咖啡杯插图(17)

ps鼠绘咖啡杯插图(18)

18、绘制把手,添加一个圆角矩形,然后如下渐变。

#e4e2ec—#a3a0a7(25%位置)—#eae8e8(47%)—#cecece(65%)—#79797a

ps鼠绘咖啡杯插图(19)

19、为把手增加描边。

#999999—-#cccccc(25%)—-#cecece(70%)—-#ececec

ps鼠绘咖啡杯插图(20)

20、制作阴影。将底座和背景图层隐藏,然后按下shift+ctrl+alt+e盖印图层,得到如下图形。并填充黑色。(大家思考为什么不用投影?)

ps鼠绘咖啡杯插图(21)

 

21、添加高斯模糊。

ps鼠绘咖啡杯插图(22)

22、添加动感模糊。并向下移动几个像素。

ps鼠绘咖啡杯插图(23)

下一步,我们将进入咖啡制作,由于图层稍微有些多,我先给大家上一个分解图。

ps鼠绘咖啡杯插图(24)

下面开始具体分层制作

23、绘制个小圆,命名为咖啡。外发光#b99311

ps鼠绘咖啡杯插图(25)

24、添加内发光。颜色为#996f14到透明

ps鼠绘咖啡杯插图(26)

25、添加光泽,模拟咖啡波纹。

ps鼠绘咖啡杯插图(27)

26、为咖啡上色~(颜色可以自选)复制刚刚做好的咖啡图层,清除图层样式,并填充颜色。

#463807到黑色的渐变。

ps鼠绘咖啡杯插图(28)

27、右键,咖啡颜色图层设置剪切蒙版。

ps鼠绘咖啡杯插图(29)

28、制作月牙形。首先绘制大小两个圆形。(在同一矢量蒙版中。)如图排列。

大圆颜色为#704309。小圆随意(下一步会切掉)。

ps鼠绘咖啡杯插图(30)

29、选中小圆,点击第二个切割选项,进行切割。

ps鼠绘咖啡杯插图(31)

30、使用钢笔工具,在图形上添加一些锚点。

(我们为了使月牙不是正圆,进行一些不规则变换,因为水面是不规则的)

ps鼠绘咖啡杯插图(32)

 

钢笔的状态如下,注意右边选择第二个,叠加。

ps鼠绘咖啡杯插图(33)

使用直接选择工具,(快捷键A),进行不规则变化。

ps鼠绘咖啡杯插图(34)

31、进行高斯模糊。

ps鼠绘咖啡杯插图(35)

32、建立剪切蒙版。

ps鼠绘咖啡杯插图(36)

33、制作反光。绘制如图路径,添加渐变叠加。

左侧颜色为#efe7e0,不透明度10%,中间颜色#efe7e0,不透明度70%,右侧不透明度为0.

ps鼠绘咖啡杯插图(37)

如图效果。

ps鼠绘咖啡杯插图(38)

34、添加泡泡颗粒的时候到了,看似很复杂,其实一步就搞定。

绘制一些大小不一,不一定规则的泡泡,添加斜面和浮雕。

ps鼠绘咖啡杯插图(39)

泡泡未添加图层样式前。

ps鼠绘咖啡杯插图(40)

35、在上部也添加一些泡泡,光的角度需要改一下。更加逼真。

ps鼠绘咖啡杯插图(41)

完成后的咖啡与图层设置。

ps鼠绘咖啡杯插图(42)

完成图。

ps鼠绘咖啡杯插图(43)

 

看看效果图

ps鼠绘咖啡杯插图

做设计做广告的人常常为了赶作业加班,咖啡似乎成为桌子上的常住民,但是我们工作中还是应该注意劳逸结合,咖啡虽好,不要贪杯。

此次教程大致思路是:

1、制作背景

2、制作底盘

3、杯子、把手

4、杯中咖啡

其中第四步稍微有些复杂,我会进行拆分解释~

1、新建600*600

ps鼠绘咖啡杯插图(1)

2、为背景添加渐变

ps鼠绘咖啡杯插图(2)

3、新建图层,填充灰色(根据喜好自设),滤镜-杂色-添加杂色

ps鼠绘咖啡杯插图(3)

4、进行模糊-动感模糊。

执行完毕后将不透明度设为50%,混合模式为叠加。

ps鼠绘咖啡杯插图(4)

5、下面为之前填充过蓝色渐变的背景层增加内阴影。

(为什么不在当时第一步时一起加入?是因为3、4步在背景层之上加入了一些纹理,第五步增加内阴影之后,所做即所用,无需再做修改。否则,可能会因为和纹理不协调,需要再次修改。)

ps鼠绘咖啡杯插图(5)

6、绘制一个450 px * 450 px的圆形,作为底盘,添加渐变。

ps鼠绘咖啡杯插图(6)

7、添加光泽。为使盘子中间变暗,上下不变。

ps鼠绘咖啡杯插图(7)

8、增加描边。更加柔和。

ps鼠绘咖啡杯插图(8)

9、绘制一个420 px * 420 px的圆形,添加蓝色描边。#8dc3ff

ps鼠绘咖啡杯插图(9)

10、加入渐变叠加,#f0f3f7—#bfc2c8。

ps鼠绘咖啡杯插图(10)

 

11、复制底盘,填充黑色,向下移动几像素,作为底盘的阴影,添加高斯模糊。

ps鼠绘咖啡杯插图(11)

12、添加动感模糊。角度为90度,使阴影向下扩散。

ps鼠绘咖啡杯插图(12)

13、为盘子增加反光。使用钢笔绘制一个路径,然后添加渐变。同时将图层的填充改为0.

ps鼠绘咖啡杯插图(13)

14、绘制左侧反光路径,数值如下图。填充为0.

ps鼠绘咖啡杯插图(14)

15、绘制杯子外侧的白圈(参照完成图)。制作250*250椭圆。

ps鼠绘咖啡杯插图(15)

16、为杯子外面的白圈添加渐变。

ps鼠绘咖啡杯插图(16)

17、绘制杯内蓝圈,同时添加光影渐变。

ps鼠绘咖啡杯插图(17)

ps鼠绘咖啡杯插图(18)

18、绘制把手,添加一个圆角矩形,然后如下渐变。

#e4e2ec—#a3a0a7(25%位置)—#eae8e8(47%)—#cecece(65%)—#79797a

ps鼠绘咖啡杯插图(19)

19、为把手增加描边。

#999999—-#cccccc(25%)—-#cecece(70%)—-#ececec

ps鼠绘咖啡杯插图(20)

20、制作阴影。将底座和背景图层隐藏,然后按下shift+ctrl+alt+e盖印图层,得到如下图形。并填充黑色。(大家思考为什么不用投影?)

ps鼠绘咖啡杯插图(21)

 

21、添加高斯模糊。

ps鼠绘咖啡杯插图(22)

22、添加动感模糊。并向下移动几个像素。

ps鼠绘咖啡杯插图(23)

下一步,我们将进入咖啡制作,由于图层稍微有些多,我先给大家上一个分解图。

ps鼠绘咖啡杯插图(24)

下面开始具体分层制作

23、绘制个小圆,命名为咖啡。外发光#b99311

ps鼠绘咖啡杯插图(25)

24、添加内发光。颜色为#996f14到透明

ps鼠绘咖啡杯插图(26)

25、添加光泽,模拟咖啡波纹。

ps鼠绘咖啡杯插图(27)

26、为咖啡上色~(颜色可以自选)复制刚刚做好的咖啡图层,清除图层样式,并填充颜色。

#463807到黑色的渐变。

ps鼠绘咖啡杯插图(28)

27、右键,咖啡颜色图层设置剪切蒙版。

ps鼠绘咖啡杯插图(29)

28、制作月牙形。首先绘制大小两个圆形。(在同一矢量蒙版中。)如图排列。

大圆颜色为#704309。小圆随意(下一步会切掉)。

ps鼠绘咖啡杯插图(30)

29、选中小圆,点击第二个切割选项,进行切割。

ps鼠绘咖啡杯插图(31)

30、使用钢笔工具,在图形上添加一些锚点。

(我们为了使月牙不是正圆,进行一些不规则变换,因为水面是不规则的)

ps鼠绘咖啡杯插图(32)

 

钢笔的状态如下,注意右边选择第二个,叠加。

ps鼠绘咖啡杯插图(33)

使用直接选择工具,(快捷键A),进行不规则变化。

ps鼠绘咖啡杯插图(34)

31、进行高斯模糊。

ps鼠绘咖啡杯插图(35)

32、建立剪切蒙版。

ps鼠绘咖啡杯插图(36)

33、制作反光。绘制如图路径,添加渐变叠加。

左侧颜色为#efe7e0,不透明度10%,中间颜色#efe7e0,不透明度70%,右侧不透明度为0.

ps鼠绘咖啡杯插图(37)

如图效果。

ps鼠绘咖啡杯插图(38)

34、添加泡泡颗粒的时候到了,看似很复杂,其实一步就搞定。

绘制一些大小不一,不一定规则的泡泡,添加斜面和浮雕。

ps鼠绘咖啡杯插图(39)

泡泡未添加图层样式前。

ps鼠绘咖啡杯插图(40)

35、在上部也添加一些泡泡,光的角度需要改一下。更加逼真。

ps鼠绘咖啡杯插图(41)

完成后的咖啡与图层设置。

ps鼠绘咖啡杯插图(42)

完成图。

ps鼠绘咖啡杯插图(43)

 

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部