Cha15项目指导实用卡片产品设计

第15章项目指导—实用卡片产品设计（时间：2次课，4学时）本章将介绍如何制作一些简单的实用卡片，通过输入文本、设置字体等简单基础的操作，使读者掌握设计卡片的方法。第15章项目指导—实用卡片产品设计15.1制作Logo15.2制作名片15.3VIP卡的设计第15章项目指导—实用卡片产品设计15.1制作Logo下面将介绍如何制作Logo，完成后的效果如图14.1所示。(1)启动PhotoshopCC软件，在菜单栏中选择【文件】|【新建】命令，如图14.2所示。(2)打开【新建】对话框，在【名称】右侧的文本框中输入【logo】，将其【宽度】、【高度】设置为297mm、210mm，将【分辨率】设置为72，其他均为默认值，如图14.3所示。图14.1Logo效果图14.2选择【新建】命令图14.3【新建】对话框(3)单击【确定】按钮即可新建空白文档，在菜单栏中选择【文件】|【置入】命令，在打开的对话框选择随书附带光盘中的CDROM\素材\Cha15\L1.png素材文件，如图14.4所示。(4)单击【置入】按钮，使用【移动工具】调整其位置并按Enter键确认，效果如图14.5所示。(5)在工具箱中选择【钢笔工具】，在工具选项栏中将【工具模式】设置为【路径】，在【图层】面板中单击【新建图层】按钮，新建一个图层，使【钢笔工具】绘制一个【盛】字的轮廓，如图14.6所示。图14.4【置入】对话框图14.5调整图片后的效果图14.6绘制路径15.1制作Logo(6)按Ctrl+Enter组合键将路径载入选区，在工具箱中将前景色设置为白色，按Alt+Delete组合键填充颜色，完成后的效果如图14.7所示。(7)使用同样的方法绘制另一个轮廓并为其填充白色，设置完成后的效果如图14.8所示(8)在工具箱中选择【横排文字工具】，在菜单栏中选择【窗口】|【字符】命令，打开【字符】面板，将【字体系列】设置为【方正综艺简体】，将【字体大小】设置为120，将【字符间距】设置为240，将【颜色】设置为黑色，如图14.9所示。图14.7填充颜色后的效果图14.8设置完成后的效果图14.9【字符】面板15.1制作Logo图14.10输入文本后的效果图14.11选择【转换为形状】命令图14.12设置完成后的效果(9)在文档中输入文本【盛唐图文】，使用【移动工具】调整其位置，效果如图14.10所示。(10)将文本图层进行复制，取消显示【盛唐图文】，在【图层】面板上选择【盛唐图文拷贝】图层，单击鼠标右键，在弹出的快捷菜单中选择【转换为形状】命令，如图14.11所示。(11)在工具箱中使用【直接选择工具】，双击【盛】字，调整【盛】字笔画，设置完成后的效果如图14.12所示。15.1制作Logo图14.13完成后的效果图14.14在【图层】中的显示图14.15设置完成后的效果(12)使用同样的方法设置其他文字，完成后的效果如图14.13所示。(13)在【图层】面板中，选择【盛唐图文拷贝】图层，单击鼠标右键，在弹出的快捷菜单中选择【栅格化图层】命令，在工具箱中选择【矩形选框工具】，选择【盛】字的上部分，按Ctrl+X组合键将其剪切，在【图层】面板中单击【新建图层】按钮，按Ctrl+V组合键进行粘贴，效果在【图层】面板中的显示如图14.14所示。(14)将前景色RGB的值设置为98、5、7，按住Ctrl键单击【图层3】的缩略图，创建选区，按Alt+Delete组合键填充前景色，完成后的效果如图14.15所示。15.1制作Logo(15)使用同样的方法法设置其他样式，设置完成后的效果如图14.16所示。(16)在菜单栏选择【文件】|【存储】命令，弹出【另存为】对话框，设置存储路径，并将其命名为【Logo】，将【保存类型】设置为TIFF，单击【保存】按钮，如图14.17所示。(17)在弹出的对话框中保持默认设置，单击【确定】按钮，再在弹出的对话框中单击【确定】按钮，即可将图片保存图14.16设置完成后的效果图14.17【另存为】对话框15.1制作Logo本节主要介绍名片的制作，完成后的效果如图14.18所示。(1)启动Photoshop软件后，按Ctrl+N组合键弹出【新建】对话框，在该对话框中将【宽度】、【高度】设置为180、110毫米，其他使用默认设置，如图14.19所示。图14.18名片效果15.2制作名片图14.19【新建】对话框(2)单击【确定】按钮，即可新建空白文档，在工具箱中选择【钢笔工具】，在【图层】面板中单击【新建图层】按钮，新建【图层1】，绘制如图14.20所示的路径。(3)按Ctrl+Enter组合键，其载入选区。在工具箱中选择【渐变工具】在工具选项栏中单击【径向渐变】按钮，然后单击渐变条右侧的按钮，在弹出的下拉列表中选择【前景色到背景色】渐变，如图14.21所示。(4)然后单击【渐变条】，弹出【渐变编辑器】对话框，双击左侧的色标，在弹出的对话框中将RGB设置为244、241、146，单击【确定】按钮，如图14.22所示。图14.20绘制路径图14.21选择【前景色到背景色】渐变图14.22设置颜色15.2制作名片(5)双击右侧的色标，在弹出的对话框中将RGB设置为102、59、24，单击【确定】按钮，返回到【渐变编辑器】对话框中，如图14.23所示。(6)单击【确定】按钮，在页面中单击鼠标，按住Shift键自下向上拖动鼠标为选区添加渐变，添加完成后按Ctrl+D组合键取消选取，完成后的效果如图14.24所示。(7)使用相同的方法绘制其他图形并为其填充颜色，效果如图14.25所示。图14.23【渐变编辑器】对话框图14.24填充颜色后的效果图14.25绘制图形并填充颜色15.2制作名片(8)在工具箱中选择【横排文字工具】，将前景色设置为白色，打开【字符】面板，将【字体系列】设置为华文新魏，将【字体大小】设置为40，在页面中中输入文本，完成后的效果如图14.26所示。(9)在【图层】面板中选择文字图层，单击鼠标右键，在弹出的对话框中选择【栅格化文字】命令，如图14.27所示。(10)按住Ctrl组合键单击文字图层的缩略图，将文字载入选区，在工具箱中选择【渐变工具】，为文字填充渐变，效果如图14.28所示。图14.26输入文本后的效果图14.27选择【栅格化文字】命令图14.28设置完成后的效果15.2制作名片图14.29输入文字并填充渐变后的效果图14.30【置入】对话框图14.31调整完成后的效果(11)使用同样的方法设置其他文字，设置完成后的效果如图14.29所示。(12)在菜单栏中选择【文件】|【置入】命令，弹出【置入】对话框，在该对话框中选择随书附带光盘中的CDROM\素材\Cha15\L2.png，单击【置入】按钮，如图14.30所示。(13)按住Shift键调整图片的大下，在工具箱中使用【移动工具】调整图片的位置并按Enter键确认，完成后的效果如图14.31所示。15.2制作名片(14)在菜单栏中选择【文件】|【置入】命令，打开【置入】对话框，在该对话框中选择随书附带光盘中的CDROM\素材\Cha15\L2.png素材图片，如图14.34所示。(15)单击【置入】按钮，即可将文件置入，然后调整图片的位置及大小并按Enter键确认，调整完成后的效果如图14.35所示。(16)在菜单栏中选择【文件】|【存储】命令，弹出【另存为】对话框，在该对话框中选额存储路径并将其【文件名】命名为【名片—背面】，将【保存类型】设置为JPEG，如图14.36所示。(17)单击【保存】按钮，在弹出的对话框中使用默认设置，单击【确定】按钮即可将文件存储。使用同样的方法存储【名片—正面】，至此名片就制作完成了。图14.34【置入】对话框图14.35调整完成后的效果图14.36【另存为】对话框15.2制作名片15.3VIP卡的设计VIP卡是公司和产品推广和形象的宣传，VIP卡设计有独具创意、彰显个性的特点，效果如图15.37所示。下面将介绍如何制作VIP卡。(1)启动PhotoshopCC后在菜单栏中选择【文件】|【新建】命令，在弹出的【新建】对话框中将【宽度】和【高度】设置为85毫米、53毫米，将【分辨率】设置为350像素，如图15.38所示。图15.37完成后的效果图15.38【新建】对话框15.3VIP卡的设计(2)单击【确定】按钮后，在工具栏中单击【渐变工具】，然后在工具选项栏中单击【径向渐变】按钮，然后按单击渐变条，如图15.39所示。(3)在弹出的【渐变编辑器】对话框中，将最左侧的色标RGB值设置为218、0、0，将渐变条最右侧的色标RGB值设置为147、0、1，设置完成后，单击【确定】按钮，如图15.40所示。(4)在文件中的左上角处单击并向文件的右下角处拖动，即可拖出渐变色，效果如图15.41所示。图15.39选择并设置渐变图15.40渐变编辑器图15.41拖出渐变色15.3VIP卡的设计(5)在工具栏中选择【横排文字工具】，在菜单栏中选择【窗口】|【字符】命令，打开【字符】面板，在该面板中将字体设置为【华文隶书】，将【字体大小】设置为35，将【颜色】设置为白色，单击【仿粗体】按钮，如图15.42所示。(6)在文件中单击然后输入文字然后在工具选择项栏中单击【提交所有当前编辑】按钮，确认输入，如图15.43所示。(7)打开【图层】面板，在【图层】面板中选择文本图层，并右键单击，在弹出的快捷菜单中选择【栅格化文字】命令，如图15.44所示。图15.42设置字体图15.43确认输入文字图15.44栅格化文字15.3VIP卡的设计(8)按住Ctrl单击【栅格化文字】后的图层，即可载入选区，再工具栏中选择【渐变工具】，在工具选项栏中单击【线性渐变】，然后单击渐变条，如图15.45所示。(9)在打开的【渐变编辑器】对话框中，将最左侧与最右侧色标的RGB值均设置为246、200、0，将中间的色标RGB只设置为250、241、118，设置完成后单击【确定】按钮，如图15.46所示。(10)然后在文件中，单击鼠标并拖动鼠标，即可为载入的选区拖出渐变色，效果如图15.47所示。图15.45选择并设置渐变图15.46设置渐变颜色图15.47拖出渐变颜色15.3VIP卡的设计(11)按Ctrl+D取消选区，然后使用相同的方法，添加其他文字并为其添加渐变颜色，如图15.48所示。(12)按Ctrl+O组合键弹出【打开】对话框，在该对话框中选择CDROM\素材\Cha15\logo.png、花纹.png文件，如图15.49所示。(13)将素材打开后，在工具栏中选择【移动工具】，将打开的素材拖动至创建的文件中，如图15.50所示。图15.48输入其他文字并添加渐变颜色图15.49选择素材文件图15.50将素材拖至文件中15.3VIP卡的设计(14)选中其中一个拖入的素材文件，按Ctrl+T组合件显示变换控件，调整选中素材的大小与位置，调整完成后按Enter键确认变换，效果如图15.51所示。(15)然后使用相同的方法调整另一个素材的大小与位置，调整完成后的效果如图15.52所示。(16)在工具栏中选择【圆角矩形工具】，在工具选项栏中将【填充】设置为无，将【描边】设置为无，如图15.53所示。图15.51对其中一个素材进行调整图15.52调整另一个素材图15.53设置圆角矩形参数15.3VIP卡的设计(17)然后在文件中绘制一个圆角矩形，按Ctrl+Enter组合件将路径转换为选区，如图15.54所示。(18)按Ctrl+Shift+I组合件进行反选，在图层面板中选择背景图层并双击，将其转换为普通图层，然后按Delete键删除选区中的图像，按Ctrl+D组合件取消选区，效果如图15.55所示。(19)然后使用同样的方法，新建同样大小的文件，并填充渐变颜色，如图15.56所示。图15.54将路径转换为选区图15.55删除选区中的图像图15.56创建同样大小的文件并填充颜色15.3VIP卡的设计(20)使用同样方法选择素材，然后将素材拖至新建的文件中，并调整素材的大小与位置