photoshop平面设计基础
合集下载
PhotoshopCC平面设计基础教程 第2章 创建与编辑选区
课堂实训 设计 6·18 电商海报
实训背景
某电商平台为了增加平台中在线商店的流量和 成交量，现要求以“6·18年中特惠”为主题设 计一张尺寸为1000像素×1500像素的电商海 报，在版式和色彩上都具有强烈的视觉冲击力， 视觉效果突出，营造出促销氛围。
实训思路
（1）确定风格和配色。电商海报可以采用插 画风格，可以增加文字信息的趣味性和易看 性。（2）设计背景。为了突出活动主题，可 以采用中心版式来设计背景，通过套索工具 绘制波浪形边框。（3）添加装饰和文字。可 以在背景四周添加渐变装饰、女生插画，添 加标题并居中放大。
选择【编辑】/【填充】命令，
打开“填充”对话框，在其中
设置好填充内容和混合模式后，
单击
按钮，即可填充选
区。
2.2.5 填充和描边选区
2．描边选区 创建需要描边的选区 后，选择【编辑】/【描 边】命令，打开“描边” 对话框，在其中设置好描 边内容、位置和混合模式 后，单击 按钮，即 可描边选区。
2.1 创建选区 2.2 编辑选区 2.3 课堂实训
2.2.3 平滑与边界选区
1．平滑选区 创建选区后，选择 【选择】/【修改】/【平 滑】命令，打开“平滑 选区”对话框，在“取 样半径”数值框中输入 选区平滑的数值，如输 入“50”，单击 按 钮，完成平滑选区操作， 如图所示。
2.2.3 平滑与边界选区
2．边界选区 选择【选择】/【修 改】/【边界】命令，打 开“边界选区”对话框， 在“宽度”文本框中输 入选区边界的数值，如 输入“50”，单击 按钮，完成边界选区操 作，如图所示。
2.2.5 填充和描边选区
1．填充选区 使用快捷键填充
单击工具箱底部的前景色/背 景色色块，在打开的“拾色 器”对话框中设置颜色后， 按【Alt+Delete】键可用前 景色填充选区；按 【Ctrl+Delete】键可用背景 色填充选区。
Photoshop平面设计之从基础到精通教程
平面设计Photoshop CS第一部分Photoshop CS 从基础到精通之基本内容软件介绍和历史回顾* Photoshop是迄今为世界上最畅销的图象编辑合成软件，由美国Adobe公司开发，是图像处理行业事实上的标准。
* Photoshop主要应用于平面设计、网页设计两大领域。
* Photoshop还涉及视频编辑、多媒体开发、三维动画等多个相关行业。
* 1987年秋。
正在功读博士学位的研究生Thomcs Knoll 为了完成其博士论文，尝试编写一个叫Display程序，这个不起眼的小程序便是Photoshop的前身。
* 很快，他的哥哥John看到了这个程序的商业价值，四处奔走寻找商业投资，1900年2月，Photoshop1.0版本发行。
再后来Photoshop被Adobe公司收入旗下，成为其拳头产品。
* Photoshop是当今最强大的图形处理软件，他由美国Adobe公司开发，如今已经成为事实上的行业标准。
在功能方面主要应用于平面设计和网页设计两大领域；在视频编辑，多媒体开发和三维动画方面它也是不可或缺的好帮手。
* 在新的版本中，它被包含在Adobe创意组件软件包内。
它又被分为两大部分；Photoshop是负责图形处理，而和它一起捆绑的ImageReady这个软件则用来网页设计。
图像格式及矢量点阵区别位图文件格式位图图像使用像素来表现图像，因此也叫做栅格图像，将这一类图像放大到一定程度时，此类图像表现出明显的点块化像素，也称为栅格化图像。
位图图像的优点是适合表现细节丰富、细腻的效果如照片在阴影和色彩方面有细微变化的效果。
首先我们来看一下PSD格式，PSD格式是Photoshop 默认格式，它可以用来存贮Photoshop的位图、灰度、双色调、索引颜色、RGB、CMYK、Lab、辅助线、图层、通道以及注释等等信息，那么它的缺点哪，图像比较大，而且兼容的软件非常少，我们学习Photoshop最常打交道的格式就是这种格式了。
photoshop平面设计基础
Corel Painter是加拿大Corel公司的产品，它提供有上百种画笔和创作
材料，是较好的天然介质绘画工具，并且在高品质打印和网络输出方面展
示出新的前景。
1.1.3 平面设计常用软件简介
4．CorelDRAW
CorelDRAW是加拿大Corel公司的产品，它是一款众所周知的非常
好用的矢量图形绘图和图文排版软件，具有功能强大的图形程序组，
RGB、CMYK、Lab和多通道）、参考线、图层（调整图层、文字图层和
图层样式）、Alpha通道和专色通道。
PSD格式保存了图像较多的层和通道等信息，如图1-9所示。当图像以
PSD格式保存时，比其他格式打开和保存图像的速度快，系统自动对文件
进行压缩，但压缩不会丢失数据，文件容量通常比其他格式的文件大。
纯度即彩度，亦称饱和度，是指色彩的纯净程度、鲜艳度或浓度。
有饱和度的色叫做有彩色，无饱和度的色叫做无彩色。色谱中的红、橙、 黄、绿、青、蓝、紫都具有最高的饱和度，也是该色彩的固有色。黑、 白、灰为无彩色，即色彩的饱和度为0，无彩色没有饱和度和色相的性 质，只有亮度的区别。配色板左侧色区的横向变化表现为饱和度的变化， 如图1-3所示为红色纯度的变化。
图1-6 矢量图形及放大后的效果
1.2.2 位图图像
在数字图像处理中，位图图像是计算机主要处理的另一种图形图像。
创建位图图像的常用软件有Adobe Photoshop、Photo Impact、Cool3D等软
件。位图图像亦称为点阵图，是由很多且有限数量的小彩色方块点即像素
点排列组成的可识别的图像，每个像素点都具有特定的位置和颜色值。
1.2.4 图像格式
图层压缩：设置图层数据的压缩方法，或放弃图层数据，包含 RLE、ZIP、扔掉图层并存储拷贝三个选项。
PhotoshopCC平面设计基础教程 第7章 修饰与修复图像
（1）准确定位。结合公益广告的主题，然 后找到合适的广告素材。（2）添加特效图 像。由于香烟燃烧起来能带给人更直观的感 受，绘制一个飘逸的烟雾图像作为装饰。 （3）广告文字设计。公益广告需要吸引用 户视线和关注，在设计时文字信息不宜过多。
7.2.4 修补工具
“修补工具” 可用指定的图像像素或图案修复所选区域中的图像。选择“修补工 具” ，其工具属性栏如图所示。
Hale Waihona Puke 7.2.5 红眼工具“红眼工具” 可以快速去掉图像中人物眼 晴由于闪光灯引发的红色、白色、绿色反光斑点。 只需选择“红眼工具” ，在红眼部分进行单击， 即可快速去除红眼效果。选择“红眼工具” ， 其工具属性栏如图所示。
7.1 修饰图像 7.2 修复图像 7.3 课堂实训
课堂实训 制作饮料海报
实训背景
某饮品店准备进行开业促销活动，需要制 作宣传海报，以“夏季冰饮 开业半价优惠” 为活动主题，并配以该店主推的一款水果 冰饮作为海报的主体素材，要求该海报尺 寸为42厘米×29.7厘米。
实训思路
（1）风格定位。运用与饮料产品图像相同 的色系为主要背景色。（2）处理产品图。 先分析产品图像在颜色和细节上的缺陷，然 后有针对性地调整产品图像。（3）文字设 计。添加合适的主题文字，将其放置到主要 位置，并做放大处理。
图案图章工具
“图案图章工具” 的作用和“仿制图 章工具” 类似，但“图案图章工具” 并不需要建立取样点。用户可以通过它 使用指定的图案对涂抹的区域进行填充。
7.2.3 污点修复画笔工具和修复画笔工具
污点修复画笔工具
“污点修复画笔工具” 可以快速移去 图像中的污点和其他不需要的部分。
修复画笔工具
“修复画笔工具” 可以用图像中与 被修复区域相似的颜色去修复破损图像， 其使用方法与“仿制图制工具” 基 本相同。“修复画笔工具” 修复图 像时会根据被修复区域周围的颜色像素 被取样点的透明度、颜色、明暗来进行 调整，这样修复出的图像效果更加的柔 和。
7.2.4 修补工具
“修补工具” 可用指定的图像像素或图案修复所选区域中的图像。选择“修补工 具” ，其工具属性栏如图所示。
Hale Waihona Puke 7.2.5 红眼工具“红眼工具” 可以快速去掉图像中人物眼 晴由于闪光灯引发的红色、白色、绿色反光斑点。 只需选择“红眼工具” ，在红眼部分进行单击， 即可快速去除红眼效果。选择“红眼工具” ， 其工具属性栏如图所示。
7.1 修饰图像 7.2 修复图像 7.3 课堂实训
课堂实训 制作饮料海报
实训背景
某饮品店准备进行开业促销活动，需要制 作宣传海报，以“夏季冰饮 开业半价优惠” 为活动主题，并配以该店主推的一款水果 冰饮作为海报的主体素材，要求该海报尺 寸为42厘米×29.7厘米。
实训思路
（1）风格定位。运用与饮料产品图像相同 的色系为主要背景色。（2）处理产品图。 先分析产品图像在颜色和细节上的缺陷，然 后有针对性地调整产品图像。（3）文字设 计。添加合适的主题文字，将其放置到主要 位置，并做放大处理。
图案图章工具
“图案图章工具” 的作用和“仿制图 章工具” 类似，但“图案图章工具” 并不需要建立取样点。用户可以通过它 使用指定的图案对涂抹的区域进行填充。
7.2.3 污点修复画笔工具和修复画笔工具
污点修复画笔工具
“污点修复画笔工具” 可以快速移去 图像中的污点和其他不需要的部分。
修复画笔工具
“修复画笔工具” 可以用图像中与 被修复区域相似的颜色去修复破损图像， 其使用方法与“仿制图制工具” 基 本相同。“修复画笔工具” 修复图 像时会根据被修复区域周围的颜色像素 被取样点的透明度、颜色、明暗来进行 调整，这样修复出的图像效果更加的柔 和。
PhotoshopCS6平面设计基础教程 第6章 调整图像颜色
6.1 调整图像明暗度 6.2 调整图像色彩与色调 6.3 课堂实训
课堂实训 制作小清新风格海报
实训背景
“轻”摄影馆主打小清新摄影，新店即将 开业，准备将之前拍摄的照片制作成小清 新风格的海报，用于吸引更多消费者前来， 画面需要效果美观、色调清新。
实训思路
（1）照片分析。小清新风格的照片整体色 调温暖干净，画面对比度不强。（2）色调 调整。为了使画面更加清新，可适当减少整 体的饱和度，增强绿色的饱和度。（3）添 加文字和装饰。为了更加贴合海报风格，在 画面中可适当添加文字，并选取较为搭配的 文字颜色。
6.2.6 黑白
单击“图层”面板下方的“创建新的填充或调整图层”按钮 ，在弹出的下拉列表 框中选择“黑白”命令，打开“黑白”属性面板。调整相应的颜色值可改变图像的黑白 层次，如图所示为图像中对应的颜色将变暗和图像中对应的颜色将变亮的效果。
1
6.2.7 照片滤镜
单击“图层”面板下方的“创建新的填充或调整图层”按钮 ，在弹出的下拉 列表框中选择“照片滤镜”命令，打开“照片滤镜”属性面板，在其中可选择滤镜 选项或通过颜色块设置自定义颜色，还可调整所添加的滤镜或颜色的浓度。
6.1 调整图像明暗度 6.2 调整图像色彩与色调 6.3 课堂实训
6.2.1 课堂案例 制作商品展示图
案例说明：
“与书毛衣”店铺即将上新一批 高领毛衣，需要制作商品展示图， 但在拍照时为了节省时间，只拍 摄了该款式一种颜色的照片，因 此需要先对照片进行调色，以便 为消费者展示其他不同色彩的商 品照片，最后将这些图片组合排 版，制作成商品展示图
知识要点： 亮度 / 对比度；色阶
6.1.1 课堂案例 制作明亮清透感宣传海报
01
调整亮度/对 比度
Photoshop平面设计实用教程-(1)精选全文
1.1.4 界面设计
界面设计是一块新兴的领域，已经受到越来越多的软件企 业及开发者的重视，但是绝大多数设计师使用的千万不要忽视Photoshop在文字设计方面的应用，它可以 制作出各种质感、特效文字 。
1.1.6 插画创作
Photoshop具有一套优秀的绘画工具，我们可以使用 Photoshop来绘制出各种各样的精美插画 。
1.1.2 照片处理
Photoshop作为照片处理的王牌软件，当然具有一套相当 强大的图像修饰功能。利用这些功能，我们可以快速修复 数码照片上的瑕疵，同时可以调整照片的色调或为照片添 加装饰元素等等 。
1.1.3 网页设计
随着互联网的普及，人们对网页的审美要求也不断提升，因 此Photoshop就尤为重要，使用它可以美化网页元素 。
1.2.7 面板
Photoshop CS6一共有26个面板，这些面板主 要用来配合图像的编辑、对操作进行控制以及设 置参数等。执行“窗口”菜单下的命令可以打开 面板。比如，执行“窗口>色板”菜单命令，使 “色板”命令处于勾选状态，那么就可以在工作 界面中显示出“色板”面板。
1.3 本章小结
在完成本章的学习以后，我们应该对Photoshop的发展 史和应用领域有一个初步的了解，应该熟悉Photoshop CS6的工作界面，以及熟练掌握Photoshop CS6的首 选项设置。为我们在设计的道路上找到一把属于自己的 “利器”。
主讲教师：
第1章 认识Photoshop CS6
本章简介
“工欲善其事，必先利其器”，只有完全掌握和了 解 Photoshop ， 才 会 为 我 们 在 以 后 的 Photoshop 设 计 中提高工作效率。在本章我们将对Photoshop的发展史 以及Photoshop的应用领域做一个介绍，将着重讲解 Photoshop CS6 的 工 作 界 面 和 首 选 项 的 设 置 ， 对 Photoshop CS6 有 一 个 整 体 的 了 解 ， 在 大 脑 中 对 Photoshop CS6有一个完整的概念。
PhotoshopCS6平面设计基础教程 第1章 图像处理基础
中，然后释放鼠标左键。
• 通过快捷菜单：选择需要打开的文件，单击鼠
标右键，在弹出的快捷菜单中选择【打开方式】
/【Adobe Photoshop CS6】命令。
选择【文件】/【新建】命令或•按通【过C菜tr单l+N命】令键：，选打择开【“文新件建】”/【对打话开框】，命设令置，好相
单击
按钮即可新建空白文在件打。开的“打开”对话框中选择需要打开的文
● PSD（*.PSD）格式：该格式是Photoshop自身生成的文件格式，是唯一支持所有颜色模式的格 式。以PSD格式存储的图像文件包含图层、通道等信息。 ● TIFF（*.TIF、*.TIFF）格式：该格式可以实现无损压缩，是图像处理常用的格式之一，该图像格 式很复杂，但对图像信息的存储灵活多变，支持很多色彩系统。 ● BMP（*.BMP）格式：该格式是Windows操作系统的标准图像文件格式，能够被多种应用程序支 持，且包含丰富的图像信息，几乎不压缩，但文件所需的存储空间较大。 ● JPEG（*.JPG、*.JPEG、*.JPE）格式：该格式是一种有损压缩格式，支持真彩色，生成的文件 较小，是常用的图像文件格式之一。 ● GIF（*.GIF）格式：该格式是一种无损压缩格式。GIF格式的图像文件较小，常用于网络传输， 网页上使用的图像大多是GIF和JPEG格式。 ● PNG（*.PNG）格式：该格式可以使用无损压缩方式压缩图像文件，支持24位图像，能够产生透 明背景且没有锯齿边缘，图像的质量也较好。 ● EPS（*.EPS）格式：该格式是一种跨平台格式，可以同时包含像素信息和矢量信息。
件，然后单击
按钮。
• 通过最近使用过的文件：选择【文件】/【最
近打开文件】命令，显示最近打开过的10个文
件，选择需要打开的文件。
PhotoshopCC平面设计基础教程 第6章 图像抠图
“主体”命令 适合抠取主体明确且与背景有反差的图像，日常生活中常 用于快速置换证件照背景。选择【选择】/【 主体 】命令，Photoshop可以自 动识别图像中的主体对象，并为其创建选区 。
6.2.5 色彩范围
选择【选择】/【色彩范 围】命令，打开如图所示的 “色彩范围”对话框。
6.1 使用工具抠图 6.2 使用命令抠图 6.3 使用通道抠图 6.4 课堂实训
6.1.7 魔术橡皮擦工具
“魔术橡皮擦工具” 与“魔棒工具” 相似，然而“魔术橡皮擦工具” 是将取样区域直接删除，而“魔棒工具” 是将选中的区域创建为选区。选择 “魔术橡皮擦工具” ，其工具属性栏如图所示。
6.1.8 钢笔工具
选择“钢笔工具” 后，先围绕抠取对象的轮廓绘制路径，再闭合路径，创建选区，最 后分离抠取对象和背景。
知识要点： 对象选择工具；快速选择工具； 魔棒工具
6.1.1 课堂案例 制作数码商品主图
01
单击相机所 在区域
02 删除选区
03
单击配件所在 区域
04 设置收缩量
6.1.2 对象选择工具
选择“对象选择工具” ，其工具属性栏如下图所示，用户只需在所抠取对 象的区域内选中该对象任意一部分，Photoshop就会自动选择该区域内的对象。
在绘制路径时，若锚点偏离了轮廓除了按【Ctrl+Z】键撤销此操作，也可以按【Ctrl】 键切换为“直接选择工具” ，将锚点拖回到轮廓线上；若要调整锚点方向，可以按【Alt】 键切换为“转换点工具” ，将锚点调整到想要的方向。
6.1 使用工具抠图 6.2 使用命令抠图 6.3 使用通道抠图 6.4 课堂实训
6.3.3 通道基本操作
新建通道
单击“通道”面板右上角 的 按钮，在弹出的快捷菜单 中可以选择创建新通道（Alpha 通道）或者专色通道；或单击面 板下方的“创建新通道”按钮 创建新的Alpha通道。
6.2.5 色彩范围
选择【选择】/【色彩范 围】命令，打开如图所示的 “色彩范围”对话框。
6.1 使用工具抠图 6.2 使用命令抠图 6.3 使用通道抠图 6.4 课堂实训
6.1.7 魔术橡皮擦工具
“魔术橡皮擦工具” 与“魔棒工具” 相似，然而“魔术橡皮擦工具” 是将取样区域直接删除，而“魔棒工具” 是将选中的区域创建为选区。选择 “魔术橡皮擦工具” ，其工具属性栏如图所示。
6.1.8 钢笔工具
选择“钢笔工具” 后，先围绕抠取对象的轮廓绘制路径，再闭合路径，创建选区，最 后分离抠取对象和背景。
知识要点： 对象选择工具；快速选择工具； 魔棒工具
6.1.1 课堂案例 制作数码商品主图
01
单击相机所 在区域
02 删除选区
03
单击配件所在 区域
04 设置收缩量
6.1.2 对象选择工具
选择“对象选择工具” ，其工具属性栏如下图所示，用户只需在所抠取对 象的区域内选中该对象任意一部分，Photoshop就会自动选择该区域内的对象。
在绘制路径时，若锚点偏离了轮廓除了按【Ctrl+Z】键撤销此操作，也可以按【Ctrl】 键切换为“直接选择工具” ，将锚点拖回到轮廓线上；若要调整锚点方向，可以按【Alt】 键切换为“转换点工具” ，将锚点调整到想要的方向。
6.1 使用工具抠图 6.2 使用命令抠图 6.3 使用通道抠图 6.4 课堂实训
6.3.3 通道基本操作
新建通道
单击“通道”面板右上角 的 按钮，在弹出的快捷菜单 中可以选择创建新通道（Alpha 通道）或者专色通道；或单击面 板下方的“创建新通道”按钮 创建新的Alpha通道。