UI学习笔记2 --- AI 基础

1. AI 基础及路径查找器

  • PS 和 AI 的区别:
PS : 处理位图图像(由像素组成),放大后失真
优势:表现颜色层次丰富
缺点:占磁盘空间大

AI : 处理矢量图,放大后不失真,可以任意拉大或缩小
优势:占磁盘空间小
缺点:所有颜色必须手工上色,颜色表现层次不丰富

- AI 的实际应用方向:
VI 手册(企业的视觉传达系统)  
UI 设计(图标和草图的绘制)
网站设计(草图和元素的制作)
印刷品(排版文字)+PS 处理
企业 logo

- 界面的区别: 
PS 有选框,AI 没有
PS 有前后背景色 ,AI 只有填充和描边
  • AI 基本操作:
- 新建: cmd + N
1. 不同行业画布建立(印刷中有3毫米出血)
2. 矢量图建立画布与分辨率无关(高级中的分辨率指的是: 矢量图转换为位图时使用)

- 存储: cmd + (shift) + S 
.ai  : 默认格式
.pdf : 主要用于印刷输出;能够保留位图和矢量图,不丢失字体.
      存储.pdf格式时要将”保留Illustrator编辑功能”勾选,否则 AI 将不能再对此编辑
.eps : 用于出片的格式(针对印刷品),网上提供的矢量素材使用EPS格式

- 基本图形的绘制:
1. 正图形:按 shift键   从中心绘制: 按 alt 键
2. 圆角矩形: 绘制时(先用鼠标在画布上拖动,不松开鼠标),按上下方向键可以改变圆角大小;
按左右方向键可以最大和最小化圆角
3. 多边形: 绘制时按上下方向键可以改变边数
4. 星型: 按 cmd拖拽 可以改变星型的尖锐度;按 alt 键可以临时切换到正星型
5. 直线:按 shift 键可以水平垂直45°的直线,不按快捷键可以任意绘制;
AI 中直线填充颜色必须为描边,PS 中为填充
6. 螺旋线: 按上下改变段数, 按cmd 改变螺旋弧度
7. 网格和极坐标网格: 按上下左右改变网格数量;按 FVCX改变衰减度

- 颜色:
填色和描边: 图形内容叫填充; 图形边缘叫描边
- 默认描边和填充: D
- 切换描边和填充顺序: X
- 调换填充和描边颜色: shift + X
- 切换颜色填充类型: 单色 <    渐变 >     无 /

1. 渐变修改: 
   通过渐变面板,单击颜色弹出 颜色(调整具体颜色) 色板(色相)
   通过渐变工具,改变渐变的分布和方向
   渐变调整,用吸管吸色,选择色标,选择吸管工具,按 shift 键,点击画布中的颜色;
2. 位图不能再 AI 中上色
  • 案例制作:
1. AI 绘制图形时,不需要建立图层;
2. 吸管工具 I 
3. 小黑: 和PS的功能相同,选择移动,按 alt 键,复制对象; 直接变化对象(移动,旋转等)
   小白(直接选择工具): 移动选择锚点(选中的锚点为实心,选择方式可以为点选和框选)
4. 重复再制: cmd + D
5. 编组: cmd + G 
6. 解除编组: cmd + shift + G  
7. 多选: cmd + shift +单击
8. 显示隐藏定界框: cmd+shift+B 
9. 锁定/取消锁定 对象   cmd+2
10.调整对象顺序:
  置于顶层: shift+cmd+]
  置于底层: shift+cmd+[
  前移一层: cmd+]
  后移一层: cmd+[
  • 路径查找器: cmd+shift+F9 (窗口中找Pathfinder)
1. 运算对象必须是两个或两个以上图形
2. 在做运算前必须选中要运算的对象(用小黑 V)

> 形状模式: (相加\相减\相交\奇偶挖空)
1. 按 alt键点击运算按钮,可以编辑路径,可以点击扩展;
2. 直接点击按钮,运算的对象直接变为一体的,不能修改原型.

> 路径查找器:  
- 分割: 图形使用路径查找器分割完后,所有的对象默认都是编组状态,需要先取消编组才能单独移动修改某个对象
- 修边: 将图形进行相减(将图形露出的区域独立出来)
- 合并: 颜色相同的图形会相加,不同的会相减
- 剪切: 显示最上层对象的形状,下面对象的颜色属性(只针对矢量图形)
- 轮廓: 将填充颜色转换为描边颜色,并且将路线进行分段

> 轮廓化描边
[对象]->[路径]->[轮廓化描边]  快速的将描边绘制为填充
1. 当logo使用描边制作时,以后应用到不同的广告中,可以等比例缩放
2. 轮廓化描边后可以进行变形及布尔运算

2. 图形高级制作

1. 对齐和排布 shift+f7
- [更多]->[显示选项]->[分布间距]
- 标定参照对象: 选择对齐对象后,用鼠标单击其中的一个图形,图形外面出现粗边框
- 精确调整箭头移动距离: 键盘增量   [编辑]->[首选项]  : cmd + K
- 原位复制 cmd +C   cmd +F(贴在前面)  cmd +B(贴在后面)

2. 变换功能
- 旋转:
1.沿对象中心轴旋转: 双击可输入角度
2.指定中心轴旋转: alt+单击一个点作为中心轴
// 重复再制: cmd+D 
// 锁定参考线: alt + cmd + ;
// 隐藏参考线: cmd + ;

- 缩放:  双击可输入度数

3. 裁剪与剪贴蒙版 
剪贴蒙版 cmd+7:  将图像或图形在上层图形内显示,只是隐藏,不是删除
解除: alt+ cmd + 7

4. 渐变网格工具U : 建立不规则填充效果
在图形空白处单击,可以添加水平垂直两根线条
在线上单击,可以添加一根线条;按 alt 键可取消
改色: 用小白选择锚点,更换颜色

5. 改变文档的颜色模式: [文件]->[文档颜色模式]

6. 实心影子的添加方法: 
(1)选择图形复制
(2)将下方的图形填充黑色(RGB),通过透明度面板降低不透明度

7. 外观面板 
虚化的影子: [窗口]->[外观面板]->fx中的风格化:投影

3. 工具及字体设计

  • 混合工具 W ------ 图形内部填充和描边的融合
两种操作方式:
1. 绘制好要混合的图形;选择混合工具,分别在两个图形上单击,可以看到混合效果
2. 绘制好要混合的图形;并且选中图形, cmd + Alt + B ,解除混合cmd + Alt + B + shift

修改: 
双击混合工具,弹出混合选项,调整间距(指定的步数)

替换混合轴:
1. 先将对象进行混合操作
2. 绘制混合路径,并且选中混合对象和路径
3. [对象]->[混合]->[替换混合轴]

混合的对象单独拆分使用:
1. 选中混合对象
2. [对象]->[扩展]
3. 取消编组,在空白处单击(取消全选)
4. 可以单独选中其中的一个对象
  • 文字工具 T
1. 美术字:  直排(古风古韵)  横排(便于阅读)
出现方式: 在画布上单击,不自动换行,换行需要敲回车,一般适用于标题文字或文字创意

2. 区域文字: 大量文字排版
出现方式: 
1.使用文字工具,在空白的画布上,按住左键拖动,出现一个文本框
2.首先,绘制一个闭合的路径,然后将鼠标放到路径内看到鼠标变化,单击,单击后路径变为指示线,文字到达路径的边缘自动换行

编辑: 
文字溢出: 框不能将所有文字正常显示;出现红框加号,需要释放文字

3. 路径文字: 沿着路径排布的文字
出现方式: 
1.先绘制好一个路线
2.用文字工具在路径上单击
3.打字
  • 文字设计
> 文字转曲(创建轮廓) cmd+shift+O
1. 文字转曲后,不会因为字体的丢失而改变字体(大量文字排版后需要将所有的文字转曲)
2. 文字转曲后,可以进行文字造型

> 文字造型考虑: 
1. 文字<创建轮廓>  &  描边<扩展>
2. 字体设计根据字体意思进行创意
3. 文字设计需要简洁,可读性强(拉长笔画  偷梁换柱  取字义  用英文衬托)
4.文字描边: [外观面板下第一个按钮]

> 区域文字的运用: 
1. 小字不能使用过粗或过细的字体,否则容易模糊不清
2. 区域文字可以通过手动或自动进行分栏 [文字]->[区域文字选项]
3. 正文文字大小一般为12-14点
4. 行间距一般为字号的1.2-1.5倍
5. 正文文字选择两端对齐
6. 段落中的主要设置
显示隐藏字符 cmd+alt+I 

> 字体设计步骤:
1. 字体设计要保证文字的可读性,易读性
2. 定基础字体
3. 创建轮廓 cmd+shift+O ,取消编组 cmd+shift+G
4. 拉长笔画,添加图形
  • 符号工具
 shift + S : 制作装饰性的内容

定义符号:
1. 将符号图形绘制好后,直接拖到符号面板中
2. 使用符号工具,按住鼠标左键,想画布中喷涂
3. 符号大小调整 []
4. 符号工具按住 Alt 可以执行相反的操作

4. 平面实战

  • 名片设计
> 形式:      
横版(90*54 /90*55 mm)       竖版(50*90 /45*90mm) 
圆角(85*54mm)               折叠(不固定)
纸张  >200g

> 输出:   
专色印刷: 一种特殊的印刷后期工艺(UV 起凸压痕 烫印 印金印银)
四色印刷: CMYK(青 洋红 黄 黑) —>普通油墨
折叠印刷

> 内容: 
1.文字(公司名称  姓名  职务  联系方式  业务范围:背面)
2.装饰图形图案(突出重点)  装饰美化  底纹
3.logo(企业象征)

> 制作流程:
1.要对项目的文件进行分析
2.绘制草图
3.将内容带入草图中
4.排版注意:
(1)将名片边缘留足边距(5-10mm);(2).logo大小不能小于10mm,否则识别度不行;
(3)印刷最小文字不能低于6pt;(4)查看名片时,可以将文档放大到120%-150%
5.加入图形突出重点
图形边缘必须拉到出血线(1-3mm),保证裁切后的效果

- 专色制作:
分色: 为了适应后期印刷或工艺流程所指定的标记;
每个专色或工艺都要单独出一个专色版

分色时,
1. 黑色表示工艺或印刷的地方,白色(纸色)表示无油墨
2. 要注意油墨或工艺的透明或覆盖性质:
  透明的:不需要删除四色版相同的部分(例如 UV透明)
  覆盖型的:删除四色版相同的部分,否则会露白(露出下方填充的四色)(例如 烫金)

> 名片储存:
1. 交予客户源文件.ai (文字转曲的cmd+shift+O) 
2. 交予印刷厂.pdf  
[文件:存储为]->
[常规]->取消勾选[Illustrator编辑功能]
[标记和出血]->[使用文档出血设置]
  • 展架易拉宝设计
> 输出方式: 写真(用写真机输出的广告画面)

> 尺寸: 
X 展架: 60*160cm   80*180cm
易拉宝: 高200cm ,宽为 80(常见) 90 100 110 150cm

> 写真:
 - 写真机常见的输出幅面: 0.9m 1.2m 1.5m
 - 材质选择: 
   易拉宝展架: 相纸(背面无胶)
   展板: 背胶纸(背面有自带的胶面),然后装裱在 KT版
   吊旗: 吊旗布
 - 写真要求:
   1. 软件可以使用 PS 软件, 使用黑色时要用四色黑(CMYK 为100),不能使用单色黑,否则制作出的易拉宝有条纹
   2. 文档建立颜色模式可以为 RGB 或 CMYK
   3. 文档建立尺寸和实际尺寸一直,不需要加出血
   4. 分辨率为72或80
   5. 如果处理复杂图像时使用 PS 制作
   6. 查看画布效果时,缩放比例为100%

> 项目分析和制作
  1. 充分的了解客户资料和目的
  2. 定位人群(受众) : 大众
  3. 客户和受众人群分析:
    客户目的: 新产品推广,宣传,对消费者产生印象
    受众人群目的: 看到产品,看到广告语
  4. 制作要求: 简洁 突出重点(产品和文案) 
  5. 产品及文案分析
  6. 绘制草图,有助于设计师对项目的了解
  7. 定基调颜色(橙色: 食欲    绿色: 环保健康    白色: 洁净)
  8. 按照草图的顺序将内容带入 (图片转智能对象,放大缩小不失真;选择图层右击—>转换为智能对象)

>  广告细化处理:
  1.突出产品&广告语&logo
  2.靠颜色&大小&分布位置 进行调整;
  3.颜色: 使用强烈的对比(logo/文字 和接触的背景)
  4.整个背景的过度要使用弱对比(单一颜色渐变)
  5.弱对比(背景):
    色相 H 接近或相同 ,饱和度 S 差值在30以内或明度 B 差值在30以内
  6.强对比(背景与突出的产品和文案):
    色相 H 相反 ,饱和度 S 差值在70以内或明度 B 差值在70以内
  7.使用清晰边缘的色块有助于对整体内容分割
  8.单个产品用多个表现来增强冲击力
  9.文字右击转化为图片,变化效果,加入图形增强冲击力
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,752评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,100评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,244评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,099评论 1 286
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,210评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,307评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,346评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,133评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,546评论 1 306
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,849评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,019评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,702评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,331评论 3 319
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,030评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,260评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,871评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,898评论 2 351

推荐阅读更多精彩内容