Photoshop绘制浓郁的咖啡和咖啡杯

2016-02-16 02:46 13 1 收藏

下面图老师小编跟大家分享一个简单易学的Photoshop绘制浓郁的咖啡和咖啡杯教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!

【 tulaoshi.com - PS 】

看看效果图

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

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

此次教程大致思路是:

1、制作背景

2、制作底盘

3、杯子、把手

4、杯中咖啡

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

1、新建600*600

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

2、为背景添加渐变

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

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

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

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

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

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

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

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

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

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

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

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

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

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

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

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

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

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

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

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

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

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

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

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

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

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

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

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

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

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

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

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

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

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

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

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

19、为把手增加描边。

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

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

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

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

21、添加高斯模糊。

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

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

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

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

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

下面开始具体分层制作

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

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

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

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

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

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

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

#463807到黑色的渐变。

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

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

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

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

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

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

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

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

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

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

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

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

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

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

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

31、进行高斯模糊。

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

32、建立剪切蒙版。

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

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

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

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

如图效果。

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

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

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

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

泡泡未添加图层样式前。

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

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

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

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

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

完成图。

Photoshop绘制浓郁的咖啡和咖啡杯,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1567093.html

延伸阅读
标签: PS PS基础
完成效果。 图2-44 完成效果 技术提示 咖啡变形文字的制作过程是使用钢笔等路径绘制工具绘制出文字的变形效果,同时也是咖啡杯的图形效果,然后将路径转换为选区,再为选区填充上颜色,制作步骤如图2-45所示。 图2-45 制作概览 制作步骤 (1)启动Photoshop,选择菜单栏中的文件新建命令,打开新建对话框,参照图2-46所示设置对话框...

经验教程

352

收藏

63
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部