自我检测
了解了有关设计的相关知识,并且也学习了有关Photoshop中对图像和选区的基本操作后,我们基本上可以结合所学到的设计知识和Photoshop知识开始学习本章的内容了。下面大家跟我一起行动起来吧!开始今天的行程!
接下来给出6个案例,你可以先预览一下,考察一下自己,是不是可以设计出这样的作品。
水晶按钮.
时尚杂志封面
竖版名片的制作
个人名片的制作
网吧会员卡
VIP卡
1 / 水晶按钮
在浏览网页或者在玩游戏时,会遇到各种各样的按钮,那么各种各样的按钮都是怎么制作出来的呢?是不是有些迫不及待地想要自己试一下了呢?接下来就让我们一起出发吧!
使用到的技术 椭圆工具、钢笔工具、图层样式、形状图层、椭圆选框工具
学习时间45分钟
视频地址 光盘/第1天/水晶按钮.swf
源文件地址 光盘/第1天/水晶按钮.psd
01执行【文件】→【新建】命令,在弹出的对话框中进行设置,单击【确定】按钮,新建一个空白文档。
02设置“前景色”为CMYK(79、74、71、74),按快捷键【Alt+Delete】,填充“前景色”。
03使用“椭圆工具”,按住【Shift】键,在画布中绘制一个正圆。
04双击该图层,在弹出的对话框中进行设置。
05选择“光泽”选项,进行相应的设置。
06用相同方法,选择“渐变叠加”、“描边”等选项,对其参数进行相关设置,得到图像效果。
07使用“椭圆工具”,在画布中绘制路径。
08将路径转化为选区,为选区填充黑白线性渐变,并设置该图层的“不透明度”。
09新建“图层2”,使用“椭圆选框工具”在画布中绘制正圆,为其填充黑色。
10用相同方法,为该图层添加相应的图层样式。
11设置该图层的“混合模式”和“不透明度”。
12用相同方法,完成相似内容的制作。
13新建“图层9”,使用“椭圆选框工具”绘制选区,为选区填充白色到透明的渐变。
14设置其“混合模式”为“颜色减淡”,“不透明度”为60%。
15载入“图层2”选区,新建“图层10”,为选区填充线性渐变。
16设置其“混合模式”为“柔光”,“不透明度”为35%。
17用相同方法,完成相似内容的制作。
18按快捷键【Ctrl+E】合并图层,并为该图层添加相应的图层样式。
19使用“钢笔工具”在画布中绘制路径。
20将路径转化为选区,新建“图层12”,为选区填充白色。
21取消选区,设置“混合模式”为“柔光”,“不透明度”为50%。
22用相同方法,完成相似内容的制作。
23调整图形大小,使用“矩形选框工具”,在画布中绘制选区,新建“图层13” 为选区填充白色。
24使用“椭圆选框工具”在画布中绘制正圆选区,将选区内的部分,按【Delete】键删除。
25为该图层添加图层蒙版,为蒙版填充黑白径向渐变。
26设置该图层的“不透明度”,并调整图层的顺序。
27用相同方法,完成相似内容的操作。至此完成水晶按钮制作。
☆ 操作小贴士 ☆
在使用“矩形选框工具”创建选区时,按住【Shift】键拖动鼠标,可以创建正方形选区,在拖动鼠标的同时按住【Alt】键,将以单击点为中心向外创建选区。
2 / 时尚杂志封面
杂志封面是杂志设计的重要组成部分,也就是所谓的“脸面”。杂志封面的设计也有一定的设计原则,即遵循美的原则,可以充分地体现出杂志书籍的内涵。接下来就一起学习杂志封面的制作吧!
使用到的技术 画笔工具、钢笔工具、路径、横排文字工具
学习时间45分钟
视频地址 光盘/第1天/时尚杂志封面.swf
源文件地址 光盘/第1天/时尚杂志封面.psd
01执行【文件】→【新建】命令,弹出“新建”对话框,设置参数,单击【确定】按钮,新建一个空白文档。
02执行【视图】→【标尺】命令,在文档中显示标尺,在画布中拖出4条参考线为出血线。
03设置“前景色”为CMYK(5、18、32、0),按快捷键【Alt+Delete】,进行填充。
04打开素材“光盘/源文件/第1天/素材/001.tif”,拖入设计文档中,调整合适的位置,自动生成“图层1”。
05设置该图层“混合模式”和“不透明度”。
06新建“图层2”,设置前景色为CMYK(10、81、13、0),使用“画笔工具”,在画布中进行涂抹。
07用相同方法,完成相似内容的制作。
08打开相应的素材并调整到合适的位置。
09双击“图层5”,为该图层添加“投影”图层样式,对其参数进行设置。
10单击【确定】按钮,完成操作。
11用相同方法,完成相似内容的制作。
12使用“画笔工具”,打开“画笔”面板,进行相应的设置。
13选择“散布”选项,并对其参数进行设置。
14新建“图层10”,设置画笔颜色为白色,使用“画笔工具”在画布中进行涂抹。
15使用“自定形状工具”,打开“自定形状”拾色器,选择合适的形状。
16在画布中拖曳鼠标绘制路径,并将路径转化为选区,新建“图层11”,为选区填充白色。
17取消选区,按快捷键【Ctrl+T】对图像进行调整,并为该图层添加“外发光”图层样式,对其参数进行设置。
18选择“描边”选项,对其参数进行设置。
19复制“图层11”,调整图像大小位置。
20使用“钢笔工具”,在画布中绘制路径,新建“图层12”,设置“前景色”为白色。
21使用“画笔工具”,打开“路径”面板,单击“用画笔描边路径”按钮,完成对路径的描边操作。
22复制“图层12”,按键盘上的方向键,调整图像的位置。
23用相同方法,完成相似内容的制作,按快捷键【Ctrl+E】将图层合并。
24打开素材“光盘/源文件/第1天/素材/008.tif”,拖入设计文档中,调整合适的位置。
25使用“画笔工具”选择合适的笔触,打开“画笔”面板,进行相应的设置。
26使用“自定形状工具”,选择合适的形状,在画布中拖曳鼠标绘制路径,设置前景色为CMYK(18、63、0、0)。
27新建“图层14”,打开“路径”面板,单击“用画笔描边路径”按钮,完成对路径的描边操作。
28使用“横排文字工具”,在“字符”面板中进行设置,在画布中输入文字。
29用相同方法完成相似内容操作,得到最终效果。
☆ 操作小贴士 ☆
在对图像进行缩放时,除了使用鼠标拖曳缩放图像以外,还可以按住【Shift】键,这样可以等比例缩放图像,按快捷键【Shift+Alt】可以以中心点进行等比例缩放。
3 / 竖版名片的制作
名片是让更多人认识你的媒介,所以,一张简单而大方的名片更能吸引人们的注意。接下来通过一个名片的制作为大家讲解相关的知识。准备好了吗?让我们一起出发吧!
使用到的技术 钢笔工具、横排文字工具
学习时间20分钟
视频地址 光盘/第1天/竖版名片的制作.swf
源文件地址 光盘/第1天/竖版名片的制作.psd
01执行【文件】→【新建】命令,在弹出的对话框中进行设置。
02在文档中显示标尺,在标尺中拖出4条参考线,定位4边的出血。
03设置“前景色”为CMYK(70、15、0、0),按快捷键【Alt+Delete】,填充“前景色”。
04使用“钢笔工具”,在画布中绘制路径。
05按快捷键【Ctrl+Enter】,将路径转换为选区,新建“图层1”,为选区填充白色。
06用相同方法,在画布中绘制路径,并转换为选区。
07新建“图层2”,为选区填充白色。
08用相同方法,完成相似内容的制作。
09在画布中绘制路径,并将其转换为选区。
10选中“图层1”,按键盘上的【Delete】键,将选区中的内容删除。
11用相同方法,完成相似内容的制作。
12使用“横排文字工具”,在“字符”面板中进行设置,在画布中输入文字。
13用相同方法,完成其他内容的制作。至此完成竖版名片的制作。
☆ 操作小贴士 ☆
在使用“钢笔工具”绘制路径时,不仅可以使用“添加锚点工具”和“删除锚点工具”按钮添加或者删除锚点,也可以勾选选项栏上的“自动添加/删除”选项来实现该操作。
4 / 个人名片的制作
在商业场合中,名片是至关重要的,一张个性的名片,能让人过目不忘,下面是一张流线型的名片,接下来就让我们一起学习吧!
使用到的技术 钢笔工具、横排文字工具、直线工具、矩形选框工具
学习时间20分钟
视频地址 光盘/第1天/个人名片的制作.swf
源文件地址 光盘/第1天/个人名片的制作.psd
01执行【文件】→【新建】命令,在弹出的对话框中进行相应的设置。
02在文档中显示标尺,在标尺中拖出4条参考线,定位4边的出血。
03使用“渐变工具”,打开“渐变编辑器”,设置渐变颜色。
04使用鼠标在画布中拖动填充线性渐变。
05使用“钢笔工具”,在画布中绘制路径。
06将路径转换为选区,设置“前景色”为CMYK(69、14、9、0),新建“图层1”,为选区填充“前景色”。
07用相同方法,完成相似内容的制作。
08使用“矩形选框工具”,在画布中绘制矩形选区。
09新建“图层6”,设置“前景色”为CMYK(72、28、10、0),为选区填充“前景色”。
10按快捷键【Ctrl+T】对其进行变换操作。
11用相同方法,完成相似内容的制作。
12使用“横排文字工具”,在画布中输入文字。
13用相同方法,完成名片的制作。
☆ 操作小贴士 ☆
在对图像或者图形进行旋转操作时,可以在选项栏上设置需要旋转的角度,这样会更加准确。
5 / 网吧会员卡
随着社会的发展,会员卡走进了千家万户,为了吸引更多的消费者,各个商场、娱乐场所等都有属于自己的会员卡,接下来学习网吧会员卡的制作。
使用到的技术 横排文字工具、画笔工具、渐变工具、斜切
学习时间45分钟
视频地址 光盘/第1天/网吧会员卡.swf
源文件地址 光盘/第1天/网吧会员卡.psd
01执行【文件】→【新建】命令,在弹出的对话框中进行相应的设置。
02执行【视图】→【标尺】命令,在文档中显示标尺,在画布中拖出4条参考线为出血线。
03新建“图层1”,使用“渐变工具”,打开“渐变编辑器”,设置渐变颜色。
04单击鼠标左键,在画布中拖动鼠标填充径向渐变。
05使用“圆角矩形工具”,在画布中绘制路径,按快捷键【Ctrl+T】进行调整。
06新建“图层2”,将路径转化为选区,为选区填充线性渐变。
07复制“图层2”,设置“前景色”为CMYK(0、75、100、0),填充“前景色”,并调整图像的位置。
08用相同方法,完成相似内容的制作。
09使用“横排文字工具”,在“字符”面板中进行设置,在画布中输入文字。
10栅格化文字,命名为“图层3”,按快捷键【Ctrl+T】对文字进行变形操作。
11复制“图层3”,得到“图层3副本”,载入“图层3 副本”选区,填充相应的颜色,并调整文字的位置。
12双击“图层3”,在弹出的对话框中进行设置。
13用相同方法,完成相似内容的制作。
14打开素材图像“光盘/源文件/第1天/素材/010.tif”,拖入到设计文档中,调整合适的位置。
15复制“图层5”,按快捷键【Ctrl+T】对图像进行变换操作,并调整合适的位置。
16使用“画笔工具”,打开“画笔”面板,在面板中进行相应的设置。
17继续选择“散布”选项,并对其参数进行设置。
18新建“图层7”,设置“前景色”为白色,使用“画笔工具”在画布中进行涂抹。
19打开相应的素材并调整到合适的位置。
20复制并调整各个素材的大小。
21使用“横排文字工具”,在“字符”面板中进行设置,在画布中输入文字。
22输入其他文字。
23使用“矩形选框工具”,在画布中绘制选区。
24新建“图层9”,为选区填充白色。
25完成网吧会员卡的制作,得到最终效果。
☆ 操作小贴士 ☆
在移动图像或者图形位置的时候,可以按键盘上的方向键对其进行调整,这样调整得更加精确,也可以使用【Shift】键和键盘上的方向键结合,调整图像的位置。
6 / VIP卡
在商业发达的市场经济社会中,各种会员卡已经成为企业形象和文化宣传展示的重要手段之一,也是消费者身份的象征。相信你自己手中也有各种不同的会员卡吧!那么它们都是怎么制作的呢?让我们一起来学习下吧!
使用到的技术 渐变工具、图层蒙版、画笔工具
学习时间45分钟
视频地址 光盘/第1天/VIP卡.swf
源文件地址 光盘/第1天/VIP卡.psd
01执行【文件】→【新建】命令,在弹出的对话框中进行设置。
02执行【视图】→【标尺】命令,在文档中显示标尺,在画布中拖出4条参考线为出血线。
03使用“圆角矩形工具”,在“选项栏”中设置相关选项,在画布中进行绘制。
04将路径转化为选区,打开“通道”面板,单击“将选区存储为通道”按钮,创建模切。
05新建“图层1”,使用“渐变工具”,打开“渐变编辑器”,设置渐变颜色。
06单击鼠标左键,在画布中拖动鼠标填充径向渐变。
07打开素材“光盘/源文件/第1天/素材/012.tif”,拖入设计文档中,调整合适的位置。
08打开相应的素材并调整到合适的位置,执行【图层】→【剪贴蒙版】命令,得到图像效果。
09为该图层添加图层蒙版,使用“画笔工具”,在画布中进行涂抹,并设置该图层的“不透明度”。
10用相同方法,完成相似内容的制作。
11使用“横排文字工具”,在“字符”面板中进行设置,在画布中输入文字。并命名为“图层4”。
12复制“图层4”,设置文字的颜色为CMYK(40、98、0、0),按键盘上的方向键,调整文字的位置。
13用相同方法,完成相似内容的制作。
14新建“图层11”,使用“矩形选框工具”在画布中绘制选区,为选区填充白色。
15使用“自定形状工具”,打开“自定形状”拾色器,选择合适的形状。
16在画布中拖曳鼠标绘制路径,并将路径转化为选区。
17新建“图层12”,设置“前景色”为CMYK(45、71、25、14),为选区进行填充“前景色”。
18用相同方法,完成相似内容的制作。
19打开相应的素材,拖入设计文档中,调整合适的位置。
20复制“图层14”,按快捷键【Ctrl+T】对图像进行变换,并调整合适的位置。
21按住【Ctrl】键单击“图层14副本”缩览图,载入选区,设置“前景色”为CMYK(49、55、60、40),进行填充。
22用相同方法,完成相似内容的制作。
23完成VIP卡的制作,得到最终效果。
☆ 操作小贴士 ☆
除了裁切以外的一切切割方式都叫模切,模切可以将印刷品切出曲线轮廓及在中间的开孔,模切的图样由设计者提供,要实现模切效果,只需要将印刷品的轮廓标示出来就可以了。
☆ 自我评价 ☆
通过以上几个不同案例的设计练习,是不是感觉那些质感的按钮、封面、精美的卡片没那么难了呢?以后不管是在生活中还是在工作中,都可以自己动手设计制作一些按钮、卡片了。
☆ 总结扩展 ☆
上面的几个案例主要介绍了几种不同卡片、按钮、封面的设计方法,在设计制作过程中主要使用了椭圆选框工具、钢笔工具、横排文字工具等命令和工具,具体要求如下表:
今天是学习的第一天,平时那些看似精美而且复杂的设计,现在是不是觉得没那么难了?完成今天的学习后,需要能够掌握一些Photoshop的基本操作和设计的相关知识,通过自己的练习和努力,逐步提高自己在设计方面的水平。在接下来的一天中,我们将要学习各种logo的制作方法,你们都准备好了吗?让我们一起出发吧!