Photoshop平面设计案例教程

本书是计算机平面设计专业主干课程，根据教育部2010版专业目录确定的专业教学指导方案编写而成。 本书面向的职业岗位为数码照片艺术处理、广告图像处理、VI图形绘制、电子商务美工。本书从这4个职业岗位中选取典型、真实的工作任务作为教学的载体，对真实任务进行知识、技能分析，以工作任务为导向，将工作任务进行分解，精心设计既可独立又有一定联系的教学案例作为课堂教学实施的载体，通过将知识和技能融入任务来组织教学。学生学习的过程，就是学习职业岗位技能的过程，帮助学生在学习的过程中积累工作经验，实现零距离上岗。



作者有近20年的一线计算机专业课的教学经历。采用Adobe Photoshop有重大更新的 CS6 版本。全书采用“任务驱动教学法”，每一章先精心设计了相应的工作任务。  书中配套了教学课件、演示视频及相关素材。
 

DY章走进Photoshop CS6的精彩世界 任务时尚插画——学习欣赏图片 1.1Photoshop的应用范围 1.2Photoshop CS6 Extended操作界面 1.3图像的基本知识 任务制作创意照片——Photoshop CS6新增功能初体验 1.4Photoshop CS6的新增功能

DY章走进Photoshop CS6的精彩世界

 

任务时尚插画——学习欣赏图片

 

1.1Photoshop的应用范围

 

1.2Photoshop CS6 Extended操作界面

 

1.3图像的基本知识

 

任务制作创意照片——Photoshop CS6新增功能初体验

 

1.4Photoshop CS6的新增功能

 

第2章数码照片艺术处理

 

任务聚光效果

 

2.1规则选择工具的使用

 

2.2选区的羽化

 

2.3油漆桶工具

 

任务照片合成

 

2.4不规则选择工具

 

2.5移动工具

 

任务移除照片中的人物

 

2.6内容识别

 

任务动感照片

 

2.7操控变形

 

任务照片扶正

 

2.8裁剪工具

 

任务为照片添加彩虹效果

 

2.9填充工具

 

2.10橡皮擦工具组

 

任务动感扣篮照片制作

 

2.11图章工具组

 

任务瑕疵照片的修复

 

2.12修复工具组

 

第3章图像合成

 

任务“学生守则”宣传单制作

 

任务学校宣传二折卡制作

 

3.1图层基础知识

 

3.2图层的基础操作

 

任务房产广告制作

 

任务化妆品广告制作

 

3.3图层的混合模式

 

3.4图层样式

 

3.5图层蒙版

 

任务头发丝抠图

 

3.6通道

 

 

 

 

 

 

 

 

 

〖2〗〖4〗

 

Photoshop CS6平面设计案例教程

 

 

 

目录〖3〗

 

第4章图片的特效处理

 

任务海底世界透明水泡制作

 

4.1滤镜的基础知识

 

4.2滤镜的使用技巧

 

任务雨荷的制作

 

任务动感摩托的制作

 

任务双人跳水

 

任务花卉

 

4.3常用滤镜功能简介

 

第5章特效文字制作

 

任务白云特效字的制作

 

5.1文字工具

 

5.2文字的属性

 

5.3栅格化文字

 

任务绒毛特效字的制作

 

任务彩块特效字的制作

 

任务晶体特效字的制作

 

任务沙滩特效字的制作

 

5.4文字的滤镜应用

 

第6章VI图形绘制

 

任务绘制广告伞

 

6.1VI的基本概念

 

6.2优秀VI对企业的影响

 

6.3VI设计的基本原则

 

6.4VI设计的流程

 

任务绘制苹果标志

 

6.5路径的创建和编辑

 

任务设计纸杯

 

6.6“路径”面板

 

第7章仿手绘装饰画制作

 

任务仿手绘水彩装饰画的制作

 

任务水墨效果

 

7.1图像调整

 

任务仿手绘钢笔淡彩画的制作

 

任务仿手绘油画的制作

 

7.2画笔工具组

 

7.3历史记录画笔工具组

 

第8章综合实训

 

综合实训1房地产宣传页设计

 

综合实训2梦幻婚纱照片处理

 

综合实训3促销海报设计

 

参考文献

 

 

显示全部信息


第3 章 图 像 合 成 任务“学生守则”宣传单制作 利用所提供的图31所示的素材原图，完成如图32所示的“学生守则”宣传单效果。









第3
章

图 像 合 成

任务“学生守则”宣传单制作


利用所提供的图31所示的素材原图，完成如图32所示的“学生守则”宣传单效果。


图31素材原图



图32 “学生守则”宣传单效果






■通过添加填充图层，为图像填充前景颜色。■用“直线工具”绘制线条并复制线条层，增强图像的层次感。■利用文字工具添加文字图层。


（1） 选择菜单“文件”→“新建”命令，打开如图33所示的“新建”对话框，设置后单击“确定”按钮。

图33“新建”对话框

（2） 设置前景色为#003399，按Alt Delete组合键填充前景色。按Ctrl R组合键调出标尺，沿着垂直方向分别在120像素、510像素、550像素处添加参考线，如图34所示。设置前景色为#999933，选择“矩形选框工具”，借助参考线选定矩形区域，新建图层，按Alt Delete组合键填充前景色，按Ctrl D组合键取消选区，如图35所示。











图34添加参考线



图35填充矩形框


（3） 打开学生素材，选择工具箱中的“移动工具”，将学生素材拖放到当前“学生守则”窗口，按Ctrl T组合键，调整图像至合适大小和位置。选择“矩形选框工具”，框选如图36所示区域，按Ctrl J组合键复制框选区域到新的图层，删除“学生”素材图层，如图37所示。

图36添加填充图层后的“图层”面板



图37学生图像截取


（4） 选择主菜单中的“视图”菜单，单击“清除参考线”选项。设置前景色为白色，新建图层，选择工具箱中的“直线工具”，设置属性如图38所示，按住Shift键画两条白色的直线，如图39所示。

图38“直线工具”属性参数



（5） 选择文字工具，设置“字体”为“黑体”，“字号”为36，输入文字“学生守则”。选择文字工具，设置“字体”为Arial，“字号”为18，输入文字STUDENT RULES AND REGULATIONS。选择文字工具，设置“字体”为“黑体”，“字号”为18，输入文字“济南信息工程学校编2017版”。选择文字工具，设置“字体”为“黑体”，“字号”为14，输入文字“地址： 济南市历城区王舍人镇朝山街316号”。选择文字工具，设置“字体”为Arial，“字号”为14，输入文字http://www.jnxxgc.com。Z终完成如图310所示效果图的制作。


图39添加两条白色的直线



图310添加文字



演示步骤视频




任务学校宣传二折卡制作


利用所提供的图311所示的素材原图，完成如图312所示的学校宣传二折卡效果。


图311素材原图




图312学校宣传二折卡效果




■利用“渐变工具”，填充不同颜色，划分不同区域。■调整图层的混合模式，使地图自然融合到背景中。■利用文字工具添加文字图层，并调整文字工具属性参数，使文字有不同的层次感。

（1） 选择菜单“文件”→“新建”命令，打开如图313所示的“新建”对话框，设置后单击“确定”按钮。



图313“新建”对话框

（2） 按Ctrl R组合键调出标尺。沿着垂直方向在280像素、560像素处添加参考线，沿着水平方向在中间位置512像素处添加参考线，如图314所示。

图314添加参考线


（3） 使用“矩形选框工具”选中左侧折页，设置前景色为#003466，按Alt Delete组合键填充前景色，按Ctrl D组合键取消选区。同样使用“矩形选框工具”选中图315所示右侧折页，设置前景色为#9acccd，背景色为白色，选中“渐变工具”，自右至左拖动鼠标填充线性渐变，按Ctrl D组合键取消选区。



图315填充颜色


（4） 打开“实训大楼.jpg”素材图像，使用“移动工具”将图像拖动到“学校宣传二折卡.psd”，按Ctrl T组合键，调整图像大小和位置。（5） 打开“地图.psd”，用同样的方法拖动到“学校宣传二折卡.psd”，调整位置与大小，选择“地图”图层的“混合模式”为“叠加”，“不透明度”为40%，如图316所示。

图316添加实训大楼与地图


（6） 设置前景色为#99cccc，选中文字工具，设置“字体”为黑体，“字号”为60，输入“济”。选中文字工具，设置“字体”为“黑体”，“字号”为30，输入“南信息工程学校”。选中文字工具，设置“字体”为黑体，“字号”为18，输入“网址： http://www.jnxxgc.com电话： 053186924854 86072044”。效果如图317所示，图层如图318所示。

图317字体效果



图318相应的文字图层


（7） 选中文字工具，设置前景色为#a40f1d，设置“字体”为“黑体”，“字号”为50，输入“济南信息工程学校”。选中文字工具，设置前景色为#003366，设置“字体”为“黑体”，“字号”为28，输入“技能改变命运梦想从这里起飞”。选中文字工具，设置“字体”为Arial，“字号”为18，输入Jinan Information Engineering School，调整“字符”面板中的“水平缩放”参数为120%。效果如图319所示。

（8） 设置前景色为#003366，选中“直线工具”，“直线工具”的参数如图320所示，新建图层，在合适的位置添加如图321所示的直线。选择菜单“图层”→“拼合图像”命令，完成效果图制作。


图319添加二折卡标题文字



图320“直线工具”属性参数



图321完成效果


演示步骤视频





3.1图层基础知识
1. 图层概念
使用图层可以在不影响整个图像中大部分元素的情况下处理其中一个元素。可以把图层想象成是一张一张叠起来的透明胶片，每张透明胶片上都有不同的画面，改变图层的顺序和属性可以改变图像的Z后效果。通过对图层的操作，使用它的特殊功能可以创建很多复杂的图像效果。2. “图层”面板“图层”面板上显示了图像中的所有图层、图层组和图层效果，可以使用“图层”面板上的各种功能来完成一些图像编辑任务，例如，创建、隐藏、复制和删除图层等。还可以使用图层模式改变图层上图像的效果，如添加阴影、外发光、浮雕等。另外，对图层的光线、色相、透明度等参数都可以做修改来制作不同的效果。“图层”面板如图322所示。单击面板Z右上角的下三角按钮，在下拉菜单中就可以看到它的功能，包括新建、复制、删除图层，建立图层组，图层属性，混合选项，图层合并等功能。

图322“图层”面板

3. 图层类型1) 背景图层每次新建一个Photoshop文件时图层会自动建立一个背景图层(使用白色背景或彩色背景创建新图像时)，这个图层是被锁定的位于图层的Z底层，我们无法改变背景图层的排列顺序，同时也不能修改它的不透明度或混合模式。如果按照透明背景方式建立新文件，图像就没有背景图层，Z下面的图层不会受到功能上的限制。如果不愿意使用Photoshop强加的受限制背景图层，也可以将它转换成普通图层让它不再受到限制。具体方法是在“图层”面板中双击“背景”图层，打开“新建图层”对话框，然后根据需要设置图层选项，单击“确定”按钮后再看看“图层”面板上的背景图层已经转换成普通图层了。2) 创建普通图层普通图层是Photoshop中Z基本的图层类型，对图像的操作基本都可以在普通图层上进行。普通图层包含图像信息，图像信息以外的部分为透明区域，显示为灰色方格，可以显示下一层的内容。3) 图层组设计制作过程中有时候用到的图层数会很多，会导致即使关闭缩览图，“图层”面板也会拉得很长，查找图层很不方便，为了解决这个问题，Photoshop提供了“图层组”功能。“图层组”可以帮助组织和管理图层，使用“图层组”可以很容易地将图层作为一组移动、对图层组应用属性和蒙版以及减少“图层”面板中的混乱，创建方法为同时选定需要在同一组的图层，单击“图层”面板下方的“创建新组”按钮，如图323所示。


图323图层组



3.2图层的基础操作
1. 图层层次
图像中的各个图层间彼此是有层次关系的，位于“图层”面板下方的图层层次是较低的，越往上层次越高，就好像从桌子上渐渐往上堆叠起来的一样。位于较高层次的图像内容会 显示全部信息