ps教程初级入门.doc

第10章 梦幻传说综合实例职业能力目标l 能够综合应用Photoshop中的命令，灵活熟练的进行制作。l 能够应用多种效果及功能制作企业标志10.1 案例1企业标志设计1011 案例情境企业的标志是企业对外宣传的重要手段，一个成功的企业大多是由一个个性时尚醒目的标志作为其宣传的重点，目前标志设计已经成为一个产业，利用Photoshop进行标志的设计和制作是职业应用领域不可缺少的一部分，如图10-1所示。图10-1 企业标志设计1012 案例分析在此案例中，通过各种元素的组合制作一个地产企业的标志，经过分析，我们制订了企业标志的大体雏形，并通过网络下载到了部分素材，经过组合和特效的制作最终形成企业标志。如图10-2所示图10-2 企业标志效果图1013 案例实施1）建立新文件建立一个名称为“标志”，高度、宽度均为500像素，背景为白色的画布。2）打开素材文件打开素材“001.png”。同时观察素材“001.png”中的元素，其中大部分是支离破碎的图腾的效果，根据我们设计的雏形，我们准备将其制作成一个圆形的效果。如图10-3所示。图10-3 标志图腾组合效果3）制作标志首先在图层面板中点击“创建新图层”按钮新建图层，并命名为“辅助图形”，使用椭圆选框工具在辅助图形层上制作一个正圆形，并填充为红色。使用套索工具或多边形套索工具挑选素材中的主体图形进行放置。调整大小和位置。如图10-4所示。图10-4 放置主体图形 使用套索工具或多边形套索工具挑选素材中的辅助图形进行放置。调整大小和位置。如图10-5所示。图10-5 放置辅助图形利用同样的方法放置其他用来丰富画面的图形，同时在图层面板中全选所有图层，选择菜单“编辑”“变换” “缩放”命令将制作好的图形整体缩放，并将其放置在整个画布的上半部分。如图10-6所示。图10-6 主体图形制作完成效果制作好标志的大体图形后，选择辅助图形图层并单击鼠标右键选择“删除图层”将刚才建立的辅助图形图层删除。使用套索工具或多边形套索工具在素材文件“001.png”中选择类似蝴蝶造型的图腾，将其放置在标志的下方，和上方的圆形标志组合成一个整体，完成标志制作，调整好位置后选择“图层” “合并可见图层”命令将所有的图层合并为一个图层，并改名为“标志”，如图10-7所示。图10-7 标志完成效果4）添加企业标准字单击工具箱中的横排文字工具 ，在画面的任意位置输入“玲珑地产”，并选择字体为黑体，颜色为黑色，大小为63。继续单击工具箱中的横排文字工具输入“exquisite property”（玲珑地产），并调整字体为Smudger LET，颜色为黑色，大小为30。调整文字位置及大小，如图10-8所示。图10-8 标志及标准字组合效果5）制作企业标准色选择“标志”图层，并点击图层面板下方的图层样式按钮，选择“渐变叠加”命令。如图10-9所示。图10-9 在图层样混合选项中选择渐变叠加在“渐变叠加”窗口中，点击“渐变”按钮，设置“蓝红蓝”渐变，颜色如图10-10所示。（蓝：R=0 G=55 B=120，红：R=255 G=0 B=0）图10-10 渐变编辑器设置完成设置后单击“确定”按钮，返到“渐变叠加”窗口继续进行设置，设置“角度”为0，单击“确定”按钮完成设置。同样，设置“玲珑地产”文字图层标准色，最终结果如图10-2所示。102 案例2企业网站设计1021案例情境随着网络科技的普及，越来越多的企业选择在网站上展示自己公司的风貌，以便更好的对企业起到宣传促进的作用，这样就给网站的设计带来了无限的商机，一个好的网站不但要有强大的后台功能，同时还应当有炫目的外观，利用photoshop就可以很好的实现网站效果图的制作，制作效果图不但可以得到预览的效果，同时也为制作网站节省了大量的时间。本案例制作一个网站效果图。1022案例分析此任务是为“玲珑地产”制作网站效果图，在制作之前，首先已经和相关主管进行了沟通，并得到了一部分的资料，经过分析和论证后就可以开始进行网页效果图的制作。由于我们制作的仅仅是网页的效果图部分，一些网站的功能是要通过后期网站建设的专业人员进行制作所以我们在制作的过程中重要的部分就是合理的布局和整体颜色的配搭。图10-11 企业网站效果图1023案例实施1）建立新文件建立一个名称为“网页”，宽度为1024像素，高度为768像素，背景为白色的画布。2）制作标题栏建立一个名称为“标题栏”，宽度为1024像素，高度为100像素，背景为白色的文件。选择线性渐变，将渐变颜色调整为白色到红色的渐变。并在刚刚建立的标题栏画布上进行渐变填充。如图10-13所示。图10-13 标题栏渐变效果打开上一节中制作好的标志，将标志的圆形部分放置在标题栏文件的左侧，将中英文全称放置在标志的右侧。如图10-14所示。图10-14 插入标志及标准字体效果在图层控制面板中选择标志图层，单击鼠标 右键选择“复制图层”选项用来复制标志图层，关闭图层样式的渐变叠加效果。放大图层并调整透明度为“50%”，将其作为辅助图形放置在标题栏的右侧完成标题栏的制作。如图10-15所示。图10-15完成标题栏制作执行菜单栏中的“图层” “合并可见图层”命令，将标题栏拖拽到“网页”文件中，观察效果。如图10-16所示。图 10-16 标题栏在网页中的整体效果3）制作水晶按钮建立一个名称为“按钮”，宽度为100像素，高度为30像素，背景为浅灰色的文件。选择工具箱中的“”，选择绘制方式为“路径”，调整半径为“10px”并在画布中拖拽出一个圆角矩形。如图10-17所示。图10-17 制作圆角矩形在路径面板中单击鼠标右键在弹出的菜单栏中选择“建立选区”并在弹出的对话框中点击确定按钮。如图10-18所示图10-18 将工作路径建立为选区在图层面板中选择“新建图层按钮”，并在刚刚建立好的选区中填充红色。如图10-19所示。图10-19 填充选区效果并点击图层面板下方的“图层样式”按钮，添加投影、渐变叠加和描边效果，按图10-20、图10-21、图10-22所示进行设置。完成后如图10-23所示。图10-20 设置阴影效果图10-21 设置渐变叠加效果图10-22设置描边效果图10-23 图层样式设置效果接下来制作一个类似水晶的反光效果。首先复制按钮图层，并关闭图层样式前面的眼睛图标，点击图层面板中的“锁定透明像素按钮”，将其填充为白色。并调整不透明度为“25%”。并执行菜单“编辑” “变换” “缩放”命令将其缩放。如图10-24所示。图10-24 水晶层设置效果利用工具箱中的钢笔工具绘制一个剪切路径，并在路径面板中点击鼠标右键选择“建立选区”命令，建立好选区后将选区内的部分删除就出现了类似水晶反光的效果，完成水晶按钮的制作。如图10-25所示。图10-25 水晶按钮效果4）制作导航条建立一个名称为“导航条”，宽度为1024像素，高度为50像素，背景为红色的文件。将制作好的导航条背景拖拽到“网页”文件中，并调整好位置进行对齐。将制作好的水晶按钮合并图层后拖拽到“网页”文件中导航条的位置，并在图层面板中选择“水晶按钮”图层，单击鼠标右键选择“复制图层”，并依照该方法复制5个“水晶按钮”图层。如图10-26所示。图10-26 水晶按钮导航条效果选择横排文字工具，设置字体为黑体，颜色为黑色，大小为14，输入“关于玲珑”等导航条文字，调整文字到适当位置完成导航条的制作。如图10-27所示。图10-27 导航条完成效果5）制作网页内容建立一个名字为“小标题”，的常规图层，使用矩形选框工具在“网页”文件中建立一个矩形选区，并填充为红色，利用“”在该图形的尾部进行擦拭产生简单的渐变效果。制作一个小的标题。如图10-28所示。图10-28 制作小标题效果建立一个名字为“边框”的常规图层，使用矩形选框工具沿标题栏边缘再制作一个矩形选区，并为其描边：宽度为5像素，红色。复制 “小标题”和“边框”图层两个图层，向下移动两个复制后的图层组合，如图10-29所示。图10-29 制作标题框效果此时我们发现整个网页很自然的被分成了左中右三个部分，这正是几种网页版式中的一种，左侧可以作为广告及公告部分，右侧可以做一会员登录和信息查询的版面。具体的功能需要和网页技术部门的支持，下面就看看完成效果。如图10-30所示。图10-30网页完成效果103 案例3企业宣传广告制作1031案例情境平面广告是现代广告的重要手段，随着电脑科技的普及，平面广告的制作效果已经得到了大幅度的提升，画面效果内容以及创意已经不再是技术所不能逾越的。作为平面广告制作的重要软件之一photoshop正发挥着巨大而不可替代的作用。1022案例分析此任务是为“玲珑地产”制作平面广告，在平面广告的布置上，要充分考虑到标志设计的样式以及标准色的应用，在广告制作的用色和创意部分应当重点思考，这样才能做出既炫目又有创意的平面广告。图10-31 平面广告效果1023案例实施1）建立新文件建立一个名字为“户外广告”，宽度为400像素，高度为580像素，背景为透明色的文件。 2）制作背景打开素材“城市鸟瞰.jpg”，将素材拖拽至“户外广告”文件内，复制“城市鸟瞰”图层并命名为“城市鸟瞰2”。选中 “城市鸟瞰2”图层，设置图层的混合模式为“叠加”， 选中 “城市鸟瞰”图层，执行菜单“图像” “调整” “去色”命令。制作后效果如图10-32所示。图10-32 修改图层混合选项效果填充背景色。设置前景色为蓝色（R=0 G=140 B=200），背景色为白色。建立新图层，调整图层位置，并命名为“背景”。选中背景图层，填充前景色到背景色的线性渐变，如图10-33所示。图10-33 执行渐变效果打开素材“祥云.png”拖拽到“户外广告”文件中去，单击图层面板中的“锁定透明像素按钮”，将其填充为白色。选择菜单“编辑”“变换” “缩放”命令调整大小。并调整位置。复制“祥云”图层，并执行菜单“编辑”“变换” “水平翻转”命令，翻转后调整位置。如图10-34所示。图10-34 添加祥云效果 3）制作前景效果打开素材“水平城市.png”并拖拽至“户外广告”文件中。将图片放置在画面的水平线处，利用菜单“编辑”“变换” “缩放”命令调整大小。在图层面板复制该图层，并执行菜单“编辑” “变换” “垂直翻转”命名，翻转后调整该图层的不透明度为40%， 并利用菜单“编辑”“变换” “缩放”命令调整大小将倒影的高度做适当的调整，作为水平城市的倒影。如图10-35所示。图10-35 添加水平城市效果打开第一节中制作的标志文件，将标志拖拽至画面的正中心，并点击图层面板下方的“图层样式”按钮，设置图层样式参数如图10-36所示。图10-36 图层样式参数设置选择菜单“编辑”“变换” “缩放”命令调整大小，并调整好位置。如图10-37所示。图10-37 添加标志效果使用横排文字工具，设置字体为黑体，颜色为黑色，大小为30，输入“专注的高度缔造的角度”文字，调整位置及大小。完成制作。如图10-38所示。图10-38 完成效果本章小结通过一个综合案例的学习，我们不但学习了photo