Photoshop+Illustrator平面设计创作实例教程 1 平面设计的基本知识

合集下载

2024年Illustrator平面设计案例教程

2024年Illustrator平面设计案例教程
滤镜库概览
20
2024/2/29
创建自定义滤镜
通过组合不同的滤镜和调整参数,可以创建出个性化的自定义滤镜。
保存自定义滤镜
创建好自定义滤镜后,可将其保存为预设,方便以后快速应用。
21
2024/2/29
输出与保存
将设计好的海报输出为所需格式,并保存备份。
添加特效与滤镜
根据需要,为海报添加适当的特效和滤镜,增强视觉冲击力。
04
CHAPTER
图像效果处理与滤镜应用
18
2024/2/29
19
2024/2/29
Illustrator滤镜库包含多种滤镜,如模糊、扭曲、风格化等,可实现丰富的图像效果。
在使用滤镜前,建议先创建一个图层副本,以便随时比较原图和效果图的差异。此外,可结合使用多个滤镜,创造出独特的效果。
滤镜应用技巧
03
02
01
11
2024/2/29
使用“图层”面板可以创建新的图层,并对图层进行重命名、锁定、隐藏等操作,从而方便对图形进行管理。
图层的创建和编辑
使用“图层”面板中的合并图层、分离图层等命令可以将多个图层合并为一个图层,或者将一个图层分离为多个子图层。
图层的合并和分离
使用“图层蒙版”可以创建蒙版效果,通过调整蒙版的形状和属性可以得到不同的遮挡效果,从而增加图形的层次感和立体感。
打开文件
可以通过菜单栏中的“文件”选项选择“打开”,或者使用快捷键Ctrl+O(Windows)或Command+O(Mac)来打开已有文件。
保存文件
可以通过菜单栏中的“文件”选项选择“保存”或“另存为”,或者使用快捷键Ctrl+S(Windows)或Command+S(Mac)来保存文件。

Photoshop+Illustrator平面设计实例教程 教案 第1-8讲

Photoshop+Illustrator平面设计实例教程   教案  第1-8讲
教学重点
掌握“旅游出行App兼职图标”的制作方法。
掌握“微拟物时钟图标”的制作方法。
掌握“扁平化家电图标”的制作方法。
教学难点
在Photoshop中,掌握图标的设计理念和制作技巧。
在Illustrator中,掌握图标的设计理念和制作技巧。
教学设计
1、教学思路:(1)通过对课堂实训案例的讲解掌握旅游出行App兼职图标、微拟物时钟图标设计的方法和技巧;(2)最后通过课后综合演练消化所学软件知识,提高标志设计的能力。
掌握文件格式的相互交换。
教学设计
1、教学思路:通过位图和矢量图、分辨率、图像的色彩模式和文件格式的讲解掌握图形图像的基础知识。
2、教学手段:(1)通过设计欣赏案例熟悉设计理念和软件功能;(2)通过软件功能解析深入学习软件功能和制作特点。
教学内容
讨论问题:1、位图与矢量的区别?
2、常用的文件格式类型?
2.4.2 PSD格式
2.4.3 AI格式
2.4.4JPEG格式
2.4.5EPS格式
2.4.6PNG格式
小结
1.了解图像文件的两大类:位图图像和矢量图形。
2.掌握文件的分辨率、色彩模式和常用格式。
第3讲
课时内容
图标设计
授课时间
90分钟
课时
2
教学目标
掌握图标的设计思路和过程。
掌握图标的制作方法和技巧。
在Illustrator中,掌握Banner宣传信息的制作方法。
教学设计
1、教学思路:(1)通过对课堂实训案例的讲解掌握电商类App主页Banner、生活家电类App主页Banner设计的方法和技巧;(2)最后通过课后综合演练消化所学软件知识,提高标志设计的能力。

平面设计经典实例教程(Photoshop Illustrat

平面设计经典实例教程(Photoshop Illustrat
4
本章小结
5
课后练习
8.1文字的基本属性 8.2文字的设计原则 8.3文字的设计方法 8.4文字的编排设计
9.1图形图像的类别 9.2图形图像的表现形式 9.3图片之间的关系 9.4图片和文字的关系
10.1点的概念和表现形式 10.2点的视觉功能 10.3线的概念和表现形式 10.4线的视觉功能 10.5面的形态与特征 10.6面的视觉功能 10.7图形组合的基本形式
文字
内容摘要
本书以教授学生平面设计知识和培养学生相关技能为核心,以设计实例为导向,讲解平面设计的方法和技巧。 全书共14章,分为上、中、下三篇。上篇是软件技术应用,共7章,包括图形图像数字化的基础知识、Photoshop 选区基础、Photoshop图层基础、Photoshop画笔绘图和图案设计、Photoshop通道的用法、图片的修正和颜色调 整、Adobe Illustrator绘图基础。中篇是平面设计的基础理论,共3章,包括文字设计与编排、图形图像、点 线面。下篇是平面设计的综合实践,共4章,包括照片设计、多媒体课件页面版式设计、包装盒设计、画册设计。 在每章后面附有小结和课后练习,使读者及时回顾并强化本章的内容。本书从设计的角度出发,把对平面设计理 论的学习以及软件的使用转换成切实可用的实例,实例的设计面向社会需求和教学内容体系。每个实例由效果图 展示、实例分析、设计思路、涉及的知识技能、实现步骤等部分组成。软件的讲解围绕着设计实例来进行,不求 软件各种操作方法的面面俱到,但求通用常用、简洁精炼,设计思维的训练,在软件使用中设计的相关理论。
目录分析
第1章图形图像 1
数字化的基础 知识
2
本章小结
3
课后练习
4 第2章
Photoshop选 区基础

平面创意设计实例教程Photoshop+Illustrator 项目一初识Photoshop CS5

平面创意设计实例教程Photoshop+Illustrator 项目一初识Photoshop CS5
一:Illustrator的操作界面
123
Adobe Illustrator CS5的操作界面包括菜单栏、控制栏、工具箱、控制面板和状态栏,如图所示。
一:Illustrator的操作界面
123
菜单栏
菜单栏包括“文件、编辑、对象、文字、选择、效果、视图、窗口和帮助”9个菜单,如图所示。
工具箱包含用于创建和编辑图像、图稿、页面元素等的各种工具。
一: Photoshop的操作界面
面 板 组
06
折叠面板组
为了节省空间,Photshop提供了面板组的折叠操作,可以将面板组折叠起来,以图表的形式来显示。具体操作步骤如下:单击“折叠为图表”按钮,将展开的面板折叠起来,如图所示。
5
状态栏
状态栏位于主窗口的底部,由三部分组成。状态栏左边为缩放框,用于显示图像文档的显示比例,和图像窗口标题栏中的显示比例一致。可以在此文本框中输入数值后按回车键,来改变图像窗口的显示比例。该文本框中的数值变化范围为0.4%~1600%。
2
项目
初识Illustrator CS5
项目二
初识IllustratorCS5
延时符
图形软件Adobe Illustrator(以下简称“AI”)CS5以其强大的功能和体贴用户的界面受到广大用户的喜爱。据不完全统计,全球有37%的设计师在使用Adobe Illustrator进行艺术设计。尤其基于Adobe公司专利的PostScript技术的运用,Illustrator已经完全占领专业的印刷出版领域。
二: Illustrator中的工具箱
123
在Illustrator中可以使用工具箱中的工具创建、选择和处理对象,如图所示。某些工具包含在双击工具时出现的选项中,这些工具包括用于使用文字的工具,以及用于选择、上色、绘制、取样、编辑和移动图像的工具。

平面创意设计实例教程Photoshop+Illustrator 项目十六立体图标设计

平面创意设计实例教程Photoshop+Illustrator 项目十六立体图标设计

16 项目十六
项目实训十三:制作电源图标
点击工具箱中的“椭圆选取”按钮,
9
如图所示在操作界面中绘制一个椭圆, 然后按Delete键删除不需要的部分,最
后按Ctrl+D快捷键取消选区。
10
选中“图层”面板中的“形状1”图层, 点击“图层”面板下方的“创建新的图
层样式”按钮,在弹出的快捷菜单中选
择“投影”命令,如图所示进行参数设
源对象。按Ctrl+C快捷键进行复制,再 回到PS界面,按Ctrl+V快捷键进行粘贴,
5
在弹出的“粘贴”对话框中,选择“形
状图层”,按回车键。双击“图层”面
板中“形状2”图层的缩略图,将图标的
颜色更改为“红色”,如图所示。
6 按Ctrl+T快捷键,使用“自由变换”
命令来调整图标的大小,按回车键, 如图所示。
g
f
立体图标设计
16 项目十六
任务三:制作置换图并运用玻璃特效
按住Ctrl键,点击“图层”面板中“形状1”图
1
层的蒙版,从而载入选区,如图所示。
立体图标设计
2
点击“图层”面板下方的“增加图层蒙版”按钮,从而生成
图层蒙版。
16 项目十六
任务三:制作置换图并运用玻璃特效
立体图标设计
打开“通道”面板,选 中“形状1蒙版”,右击鼠 标,在弹出的快捷菜单中选 择“复制通道”命令,在弹 出的“复制通道”对话框中, 按回车键,如图a所示。
制,再回到PS界面,按Ctrl+V快捷
键进行粘贴,在弹出的“粘贴”对 2
a
话框中,选择“形状图层”,最后
按回车键,如图b所示。
选中“图层”面板中的“形状1”

平面创意设计实例教程Photoshop+Illustrator 项目十三卡通人物设计

平面创意设计实例教程Photoshop+Illustrator 项目十三卡通人物设计

并点击“内部绘图”按钮,在操作界面中如图
27
所示绘制一个图形作为暗部,然后在“颜色” 面板中,调整它的填充色参数,打开“外观”
面板,设置不透明度为“55%”。
卡通人物设计
13 项目十三
卡通人物设计Βιβλιοθήκη 任务一:制作卡通人物的头部
28
点击“外观”面板下方的“增加新效 果”按钮,在弹出的快捷菜单中执行
“模糊/高斯模糊”命令,在弹出的“高
料文件夹中“项目十三\素材\墙
4
体.jpg”文件,在操作界面中调整其大小,
按回车键,如图b所示。
卡通人物设计
a
在“图层”面板中,将“墙体”图层 5
向下移动一层,如图c所示。
b
c
13 项目十三
卡通人物设计
任务三:导入PS增加效果
点击工具箱中的“矩形”按
6
钮,在操作界面中绘制一个矩形,
如图所示。
点击“图层”面板下方的“创建新
斯模糊”对话框中如图所示设置参数。
29
点击工具箱中的“正常绘图”按钮,
返回正常绘图模式。
点击工具箱中的“椭圆”按钮,在如
图所示位置绘制一个椭圆,对其进行调
30
整作为鼻子的高光,然后在“颜色”面 板中设置“填充色”参数,如图所示。
13 项目十三
任务一:制作卡通人物的头部
31
32
点击“外观”面板下方的“增 加新效果”按钮,在弹出的快捷菜 单中执行“模糊/高斯模糊”命令, 在弹出的“高斯模糊”对话框中如 图所示设置参数。
箱中的“钢笔”按钮,并点击“内部绘
图”按钮,在操作界面中如图所示绘制 一个图形作为暗部,然后在“颜色”面
19
板中,调整它的填充色,打开“外观”

Photoshop-CS6平面设计实例教程第1章简明教程PPT课件精选全文

Photoshop-CS6平面设计实例教程第1章简明教程PPT课件精选全文

2. photoshop中属性栏又称为?
A:工具箱 B:工作区
C:选项栏
D:状态栏
3. 画布大小的快捷键是? A.Alt+Ctrl+C B. Alt+Ctrl+R C. Ctrl+V D. Ctrl+X
4. 显示与隐藏标尺的快捷键是?
A. Alt+Ctrl+C B. Ctrl+R C. Ctrl+V D. Ctrl+X 小结
Photoshop cs6 平面设计实例教程
实例5 设置显示颜色
Tankertanker Design
实例目的:
应用最接近自己需要的显示颜色 。
实例重点:
*不同工作环境下的不同颜色设置
执行菜单中“编辑/颜色设置”命 令,弹出“颜色设置”对话框。 选择不同的色彩配置,在下边的 说明框中则会出现详细的文字说 明,如佑图所示。按照不同的提 示,可以自行进行颜色设置。由 于每个人使用Photoshop处理的工 作不同,计算机的配置也不同, 这里将其设置为最普通的模式。
菜单栏
面 板 组
状态栏
Photoshop cs6 平面设计实例教程
实例1 新建文档
Tankertanker Design
从模板新建
Tankertanker Design
Photoshop cs6 平面设计实例教程
实例2认识图像处理流程
Tankertanker Design
实例目的: Tankertanker Design
随着对软件的开启,我们必须要了解软件基础功能的具体操作,本章我们主
要对软件界面、图像处理流程、辅助功能以及相应颜色模式进行了讲解,为以

Illustrator CS6平面设计案例案例1

Illustrator CS6平面设计案例案例1

1.3 相关知识
1.3.1 认识图形图像
3. 文件格式
(5)GIF 格式。GIF(*.gif)格式也是一种非常通用的 图像格式,由于最多只能保存 256 种颜色,并且使用 LZW 压缩方式压缩文件,所以 GIF 格式保存的文件非常轻便,不 会占用太多磁盘空间,非常适合 Internet 上的图片传输。
1.3 相关知识
1.3.2 初识Illustrato相关知识
1.3.2 初识Illustrator
2. Illustrator的用途
(3)插画设计。目前,Illustrator 依旧是很多插画师追 捧的绘制利器,利用其强大的绘制功 能,不仅可以实现各种 图形效果,还可以使用众多的图案、笔刷实现丰富的画面效 果,如图 1-8 所示。
1.3 相关知识
1.3.1 认识图形图像
2. 分辨率
(3)打印分辨率。打印分辨率是激光打印机(包括照 排机)等输出设备生成的每英寸的油墨点数(dpi)。大多 数桌面激光打印机的分辨率为 300~600 dpi,而高档照排 机能够以 1 200 dpi 或更高的分辨率进行打印。
1.3 相关知识
1.3.1 认识图形图像
1.3 相关知识
1.3.2 初识Illustrator
1. Illustrator与Photoshop
1.3 相关知识
1.3.2 初识Illustrator
2. Illustrator的用途
Illustrator 在矢量图绘制领域是无可替代的一款软件, 利用该软件可以绘制标志、VI、广告、排版、插画,以及可 以使用矢量图创作的一切应用类别,也可以用来创建设计作 品中用到的一些小 的矢量图形,即只要能想象得到的图形, 都可以通过该软件创建出来。

Illustrator CS6平面设计实例教程第1章简明教程PPT课件

Illustrator CS6平面设计实例教程第1章简明教程PPT课件

Illustrator cs6平面设计实例教程
Tankertanker Design
实例6 不同模式的显示方式
Tankertanker Design
实例目的: Illustrator支持多种显示模式,包含预览模式、轮廓模式、叠印预览模式和 像素预览模式4种。学习运用Illustrator支持的显示模式,释放电脑资源,提高 Illustrator的运行速度。 实例重点: *熟悉预览模式显示状态 *熟悉轮廓模式显示状态 *熟悉叠印预览模式显示状态 *熟悉像素预览模式显示状态
Illustrator cs6平面设计实例教程
Tankertanker Design
实例2 打开文件
Tankertanker Design
技巧:高版本的 Illustrator可以打开低版 本的ai文件,但低版本 的Illustrator不能打开高 版本的ai文件。解决的 方法是在保存文件时选 择相应的低版即可。 温馨提示:安装 Illustrator软件后,系统 自动识别ai格式的文件, 在ai格式的文件上双击 鼠标,无论Illustrator软 件是否启动,即可用 Illustrator软件打开该文 件。
Illustrator cs6平面设计实例教程
Tankertanker Design
实例3 置入素材
Tankertanker Design
实例目的: 在使用Illustrator绘图时,有时需要从外部导入非Illustrator格式的图片文件, 下面,我们将通过实例讲解导入非Illustrator格式的外部图片的方法 。 实例重点: *打开“置入”对话框 *单击置入按钮 *直接拖动图像导入 操作步骤:
Illustrator cs6平面设计实例教程

PhotoshopCS5平面设计案例教程-课件001

PhotoshopCS5平面设计案例教程-课件001

使用缩放和平移工具
在处理图像时,通过放大图像的显示比例可以方便地对图像的细节进行处 理,而通过缩小图像的显示比例可以方便地观察图像的整体。在Photoshop CS5中,缩放和平移视图主要是利用工具箱中的“缩放工具” 、“抓手 工具” 、菜单命令或“导航器”调板进行的,我们将在任务实施的“任 务一”中具体练习其操作方法
•1.新建文件
要创建图像文件,可选择“文件”>“新建”菜单,或按【Ctrl+N】组合键, 此时系统将打开下图所示的“新建”对话框。
用户可在该对话框中设置新图像文件的名称、尺寸、分辨率、颜色模式和背景颜色, 设置完成后,单击“确定”按钮,即可创建所需的图像文件。
设置文件名
设置新建图像的宽 度、高度和分辨率
使用标尺和参考线
•1.标尺
选择“视图”>“标尺”菜单,或按【Ctrl+R】组合键,可在图像的左侧和顶 部显示或隐藏标尺,如下图所示。
默认状态下,标尺原点在图像窗口左上角。根据操作需要,用户可以更改标 尺原点位置:将鼠标指针移至水平标尺与垂标尺的相交处,然后按住鼠标左 键不放拖至图像窗口中的适合位置,释放鼠标即可,如下图右图所示。
要恢复标尺原点默认位置,只需在水平标尺与垂标尺的相交处双击鼠标左键即可。
使用标尺和参考线
•2.参考线
参考线是浮动在整个图像上却不被打印的直线,主要用来协助对齐和定位图 形对象。要创建参考线,只需将鼠标指针放置在水平或垂直标尺上,按住鼠 标左键并向图像窗口内拖动,至合适位置后释放鼠标即可,如下图左图所示 ,反复操作可创建多条参考线。
设置新建图像的颜 色模式。其中RGB 模式适用于屏幕显 示,CMYK模式适 用于印刷
单击该按钮可以将 设置存储为默认设 置,便于以后使用
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

原图
放大后的效果
1.1.2 矢 量 图
矢量图也称为向量图,它是一种基于图形的几何特性来描述 的图像。矢量图中的各种图形元素称为对象,每一个对象都是独 立的个体,都具有大小、颜色、形状、轮廓等特性。
原图
放大后的效果
1.2 分辨率
图像分辨率 屏幕分辨率 输出分辨率
1.2.1 图像分辨率
在Photoshop CS3中,图像中每单位长度上的像素数目, 称为图像分辨率,其单位为像素/英寸或是像素/厘米。在相 同尺寸的两幅图像中,高分辨率的图像包含的像素比低分辨 率的图像包含的像素多。
Photoshop中的灰度颜色控制面板
Illustrator中的灰度颜色控制面板
1.3.4 Lab模式
Lab是Photoshop中的一种国际色彩标准模式,它由3个通 道组成:一个通道是透明度,即L;其他两个是色彩通道,即 色相和饱和度,用a和b表示。a通道包括的颜色值从深绿到灰, 再到亮粉红色;b通道是从亮蓝色到灰,再到焦黄色。这种色彩 混合后将产生明亮的色彩。
“新建”对话框
1.6 图片大小
在Photoshop中调整图像大小 在Illustrator中调整图像大小
1.6.1 在Photoshop中调整图像大小
打开需要的图像,选择“图像 > 图像大小”命令,弹出 “图像大小”对话框,设置需要的选项,单击“确定”按钮, 可调整图像大小。
“图像大小”对话框
1.6.2 在Illustrator中调整图像大小
要求制作的名片的成品尺寸是90mm×55mm,如果名 片有底色或花纹,则需要将底色或花纹跨出页面边缘的成品 裁切线3mm。在Photoshop中新建的文件页面尺寸需要设置 为96 mm×61mm。使用选择“视图 > 新建参考线”命令, 弹出“新建参考线”对话框,可新建参考线显示3毫米出血。
1.2.3 输出分辨率
输出分辨率是照排机或打印机等输出设备 产生的每英寸的油墨点数(dpi)。打印机的分 辨率在720 dpi以上的,可以使图像获得比较好 的效果。
1.3 色彩模式
CMYK模式 RGB模式 灰度模式 Lab模式
1.3.1 CMYK模式
CMYK代表了印刷上用的4种油墨色:C代表青色,M代 表洋红色,Y代表黄色,K代表黑色。CMYK模式在印刷时 应用了色彩学中的减法混合原理,即减色色彩模式,它是图 片、插图和其他作品中最常用的一种印刷方式。
300像素/英寸
72像素/英寸
1.2.2 屏幕分辨率
屏幕分辨率是显示器上每单位长度显示 的像素数目。屏幕分辨率取决于显示器大小 加上其像素设置。PC显示器的分辨率一般约 为96像素/英寸,Mac显示器的分辨率一般约 为72像素/英寸。在Photoshop CS3中,图像 像素被直接转换成显示器像素,当图像分辨 率高于显示器分辨率时,屏幕中显示出的图 像比实际尺寸大。
Photoshop中的CMYK颜色控制面板 Illustrator中的CMYK颜色控制面板
1.3.2 RGB模式
RGB模式是一种加色模式,它通过红、绿、蓝3种色光相 叠加而形成更多的颜色。RGB是色光的彩色模式,一幅24bit 的RGB图像有3个色彩信息的通道:红色(R)、绿色(G) 和蓝色(B)。
选取要缩放的对象,对象的周围出现控 制手柄。用鼠标拖曳控制手柄可以手动缩小 或放大对象。选择“窗口 > 变换”命令,弹 出“变换”控制面板。根据需要调整“W” 和“H”选项中好宽度和高度值,可调整图 像大小。
1.7 出血
在Photoshop中设置出血 在Illustrator中设置出血
1.7.1 在Photoshop中设置出血
1.5 页面设置
在Photoshop中设置页面 在Illustrator中设置页面
1.5.1 在Photoshop中设置页 面
选择“文件 > 新建”命令,弹出“新建”对话 框,设置需要的选项,单击“确定”按钮,新建页 面。
“新建”对话框
1.5.2 在Illustrator中设置页面
选择“文件 > 新建”命令,弹出“新建”对话框,设置需要 的选项,单击“新建”,可新建一个文件。
Photoshop中的Lab颜色控制面板
1.4 文件格式
TIF是标签图像格式。TIF格式对于色彩通道图像来说具有很强的 可移植性,它可以用于PC、Macintosh及UNIX工作站三大平台, 是这三大平台上使用最广泛的绘图格式。 PSD格式是Photoshop软件自身的专用文件格式,PSD格式能够保 存图像数据的细小部分,如图层、蒙版、通道等,Photoshop对图 像进行特殊处理的信息。 AI格式是Illustrator软件的专用格式。它的兼容度比较高,可以在 CorelDRAW中打开,也可以将CDR格式的文件导出为AI格式。 JPEG是Joint Photographic Experts Group的缩写词,译为联合图 片专家组。JPEG格式既是Photoshop支持的一种文件格式,也是一 种压缩方案。它是Macintosh上常用的一种存储类型。 EPS格式为压缩的PostScript格式,是为PostScript打印机上输出图 像开发的格式。其最大优点是在排版软件中可以以低分辨率预览, 而在打印时以高分辨率输出。它不支持Alpha通道,但可以支持裁 切路径。
Photoshop中的RGB颜色控制面板
Illustrator中的RGB颜色控制面板
1.3.3 灰度模式
灰度模式(灰度图)又称为8比特深度图。每个像素用8个 二进制位表示,能产生28即256级灰色调。当一个彩色文件被 转换为灰度模式文件时,所有的颜色信息都将从文件中丢失。 尽管Photoshop允许将一个灰度文件转换为彩色模式文件,但 不可能将原来的颜色完全还原。
Photoshop+Illustrator平面设计 创作实例教程 1 平面设计的基
本知识
1.1 位图和矢量图
位图 矢量图
1.1.1 位图
位图图像也称为点阵图像,它是由许多单独的小方块组成的, 这些小方块又称为像素点,每个像素点都有特定的位置和颜色值, 位图图像的显示效果与像素点是紧密联系在一起的,不同排列和着 色的像素点在一起组成了一幅色彩丰富的图像。像素点越多,图像 的分辨率越高,相应地,图像的文件量也会越大。
相关文档
最新文档