Photoshop制作咖啡杯变形LOGO设计

yaoch琦

yaoch琦

2016-02-16 08:10

人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的Photoshop制作咖啡杯变形LOGO设计懂PS的网友们快点来了解吧!

完成效果。

Photoshop制作咖啡杯变形LOGO设计,PS教程,图老师教程网

图2-44 完成效果

技术提示

咖啡变形文字的制作过程是使用钢笔等路径绘制工具绘制出文字的变形效果,同时也是咖啡杯的图形效果,然后将路径转换为选区,再为选区填充上颜色,制作步骤如图2-45所示。

Photoshop制作咖啡杯变形LOGO设计,PS教程,图老师教程网

图2-45 制作概览

制作步骤

(1)启动Photoshop,选择菜单栏中的文件新建命令,打开新建对话框,参照图2-46所示设置对话框。设置完毕后,单击好按钮,创建一个新文档。

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

Photoshop制作咖啡杯变形LOGO设计,PS教程,图老师教程网

图2-46 设置新建对话框

(2)单击图层调板底部的创建新的图层按钮,新建图层1。设置前景色为褐色(R:177、G:128、B:69)。按下键,使用前景色填充图层1,如图2-47所示。

 

Photoshop制作咖啡杯变形LOGO设计,PS教程,图老师教程网

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

图2-47 填充颜色

(3)选择菜单栏中的滤镜杂色添加杂色命令,打开添加杂色对话框。参照图2-48所示设置对话框,设置完毕后,单击好按钮关闭对话框。

Photoshop制作咖啡杯变形LOGO设计,PS教程,图老师教程网

图2-48 设置添加杂色对话框

(4)执行滤镜模糊动感模糊命令,打开动感模糊对话框。如图2-49所示设置对话框,为图像添加模糊效果。

Photoshop制作咖啡杯变形LOGO设计,PS教程,图老师教程网

图2-49 设置动感模糊对话框

(5)按下键,打开色相/饱和度对话框。参照图2-50所示设置对话框,增强图像的明度。

Photoshop制作咖啡杯变形LOGO设计,PS教程,图老师教程网

图2-50 设置色相/饱和度对话框

(6)新建图层2,使用工具箱中的钢笔工具,在视图中绘制一个咖啡豆路径图形,如图2-51所示。

 

Photoshop制作咖啡杯变形LOGO设计,PS教程,图老师教程网

图2-51 绘制路径

(7)按下键,将路径转换为选区。然后使用黑色填充选区。在选区浮动状态下,选择菜单栏中的编辑定义画笔预设命令,打开画笔名称对话框。保持默认设置,单击好按钮,关闭对话框。最后取消选区。

(8)在图层调板中,将图层2删除。单击调板底部的创建新的填充或调整图层按钮,在弹出的菜单中选择色相/饱和度命令,打开色相/饱和度对话框。参照图2-52所示设置对话框,设置完毕后,关闭对话框。

 

Photoshop制作咖啡杯变形LOGO设计,PS教程,图老师教程网

图2-52 设置色相/饱和度对话框

(9)接着使用黑色对该图层的图层蒙版进行填充,使图像的颜色回到原来状态。然后设置前景色为白色,选择工具箱中的画笔工具,再选择前面自定义的笔刷,在画笔调板中设置笔刷的动态形状,如图2-53所示。

 

Photoshop制作咖啡杯变形LOGO设计,PS教程,图老师教程网

图2-53 设置画笔调板

(10)在视图中进行绘制,在绘制的时候尽量随意一些。读者也可参照图2-54所示进行绘制。

Photoshop制作咖啡杯变形LOGO设计,PS教程,图老师教程网

图2-54 绘制底纹背景

(11)选择工具箱中的多边形套索工具,在视图的底部绘制出如图2-55所示选区。然后单击图层调板底部的创建新的填充或调整图层按钮,在弹出的菜单中选择色相/饱和度命令,打开色相/饱和度对话框。参照图2-56所示设置对话框。降低选区内图像的色调。

 

Photoshop制作咖啡杯变形LOGO设计,PS教程,图老师教程网

Photoshop制作咖啡杯变形LOGO设计,PS教程,图老师教程网

图2-55 绘制选区 图2-56 设置色相/饱和度对话框

(12)新建图层2,使用工具箱中的椭圆选区工具,在视图中绘制椭圆选区。然后在视图的任意位置右击鼠标,在弹出的快捷菜单中选择变换选区命令。这时选区的周围出现变换框,将鼠标移动到变换框的外侧,对选区进行旋转操作。调整完毕后,按下键,完成变换选区操作,如图2-57所示。

Photoshop制作咖啡杯变形LOGO设计,PS教程,图老师教程网

图2-57 调整选区

(13)设置前景色为黄色(R:223、G:165、B:68),然后按下键,使用前景色填充选区,接着按下键,取消选区,如图2-58所示。

Photoshop制作咖啡杯变形LOGO设计,PS教程,图老师教程网

图2-58 填充颜色

(14)配合使用工具箱中的钢笔工具、直接选择工具和转换点工具,绘制出如图2-59所示的由字母组成的冒着热气的咖啡路径图形。

 

Photoshop制作咖啡杯变形LOGO设计,PS教程,图老师教程网

图2-59 绘制路径

(15)新建图层3。设置前景色为咖啡色(R:80、G:33、B:5),按下键,将路径转换为选区。然后使用前景色填充选区,并取消选区。如图2-60所示。

Photoshop制作咖啡杯变形LOGO设计,PS教程,图老师教程网

图2-60 填充颜色

(16)使用工具箱中的矩形选框工具,在视图中绘制多个矩形选区,如图2-61所示。然后单击图层调板底部的创建新的填充或调整图层按钮,在弹出的菜单中选择色相/饱和度命令,打开色相/饱和度对话框。如图2-62所示设置对话框,完成后关闭对话框。

 

Photoshop制作咖啡杯变形LOGO设计,PS教程,图老师教程网

Photoshop制作咖啡杯变形LOGO设计,PS教程,图老师教程网

图2-61 绘制选区 图2-62 设置色相/饱和度对话框

(17)单击图层调板底部的添加图层样式按钮,在弹出的菜单中选择斜面和浮雕命令,打开图层样式对话框。参照图2-63出示对话框进行设置,为图像添加立体效果。

 

Photoshop制作咖啡杯变形LOGO设计,PS教程,图老师教程网

图2-63 设置图层样式

(18)使用前面操作方法,在视图底部绘制矩形选区。并使用色相/饱和度命令对选区内的图像进行调整,如图2-64所示。

Photoshop制作咖啡杯变形LOGO设计,PS教程,图老师教程网

图2-64 设置色相/饱和度对话框

(19)最后在视图中添加相关的文字信息,完成整个实例的制作,如图2-65所示。如果读者在制作过程中遇到什么问题,可打开本书附带光盘Chapter-02咖啡字.psd文件进行查看。

Photoshop制作咖啡杯变形LOGO设计,PS教程,图老师教程网

图2-65 实例完成效果

展开更多 50%)
分享

猜你喜欢

Photoshop制作咖啡杯变形LOGO设计

PS PS基础
Photoshop制作咖啡杯变形LOGO设计

用Photoshop制作咖啡杯

PS PS基础 ps平面设计教程 ps去水印教程
用Photoshop制作咖啡杯

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop设计装满咖啡的咖啡杯教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop设计装满咖啡的咖啡杯教程

Carry咖啡杯设计

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
Carry咖啡杯设计

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

coffeetime咖啡杯贴设计

包装设计 名片设计 名片设计素材 画册设计
coffeetime咖啡杯贴设计

Photoshop设计图标:精致的咖啡杯

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop设计图标:精致的咖啡杯

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop合成战争时被火炮攻击的场景

Photoshop合成战争时被火炮攻击的场景

Photoshop中直方图深度了解与剖析

Photoshop中直方图深度了解与剖析
下拉加载更多内容 ↓