【如何段落互换位置】PS基本功

% 25% 20 E5 % 25% 209 F % 25% 20 BA % 25% 20 E6 % 25% 209 C % 25% 20 AC % 25% 20 E5 % 25% 208 A% 25% 20 E6 % 25% 2094% 25% 20 BE % 25% 20 E5 % 25% 20 B0 % 25% 2084% 25% 20 E7 % 25% 208 A% 25% 20 E5 % 25% 209 C % 25% 20 A8 % 25% 20 E8 % 25% 20 B7 % 25% 20 AF % 25% 20 E5 % 25% 20 BE

rks 区别?

都是Adobe公司的

fireworks 位图工具

AI 排版,矢量素材

ps既能操作位图,也能做矢量图,PS是设计界的霸主!

PS界面:

菜单栏

工具栏

选项栏

面板

操作区域

状态栏

如何学习一门新的软件

先选择,再操作

鼠标右键是万能键

我们学习一个软件[软件都很简单],都很多相通的思路, 重点给大家分析 PS菜单栏

注意:PS里面所有的快捷键必须是 半角的英文状态!

文件操作

文件打开ctrl+o灰色界面中双击打开

文件保存ctrl+s做作品一定做两步保存一下,好习惯

另存为ctrl+shift+s

文件关闭 ctrl+w

文件新建ctrl+N

撤销

撤销一步: ctrl+z

[重点]撤销多步: ctrl+alt+z不太好, 跟 QQ消息冲突 QQ面板设置—–热键设置 修改一下 shift+z

前进 ctrl+shift+z前进快捷键

注意:

1.拖素材的时候最好拖到新的文件窗口,然后在拖动到目标窗口, 否则直接置入会变成 智能对象多按住shift键 拖动的素材会自动排列在目标画布的中间

2.智能对象的图片 连续放大缩小不失真

文件新建基本参数:

分辨率: 图片清晰度 网页分辨率72 平面,宣传单,海报 300分辨率 [越大,分辨率越小]名片 350分辨率

颜色模式 : RGB模式,显示器的颜色 CMYK模式 青品黄黑 打印的颜色

8位通道: 2^8 = 256个颜色 16位 2^16 2^32 通道位数越大,包含的颜色信息越多,放大越清楚

PS工具

参考线

智能参考线一定要勾上

如何将参考线新建50%?

方法:视图–>新建参考线

移动工具V

移动工具里面选项栏

自动选择很实用

自动居中效果 很实用

ctrl键+鼠标左键拖动非常方便 非常安全 不会影响到其他图层,特别是移动组的时候

shift键 + 鼠标左键拖动水平对齐 垂直对齐

ctrl键+alt键+ 鼠标左键拖动复制图层最好配合ctrl键 如果再想对齐ctrl+alt+shift

其余工具组

全屏模式 F

Tab键隐藏工具栏和面板

shift+tab 隐藏面板

快速蒙版Q 注意: 如果开启快速蒙版,颜色是灰色

抓手工具H键 空格键[推荐]

放大/缩小非常实用

1.ctrl+ +号 放大 ctrl+- 缩小 ctrl+0 自适应 ctrl+alt+0 100%显示[自定义快捷键]

2.缩放工具 z按住z键+ 按住鼠标左键 ＋　鼠标拖动[往上拖动放大,往下拖动缩小]

3.双击缩放工具 100%显示

4.任何情况下,按住ALT键+鼠标滚轮缩放[推荐]

前景色和后景色 切换 X

重置前景色和后景色 D

前景色填充ALT+DELETEdelete

后景色填充CTRL+DELETE

注意:

1.锁定透明像素填充颜色, 边缘不会产生虚边 这个虚边就是选区的描边推荐使用锁定透明像素填充颜色 可以使用绘制圆形选区反复多填充几种颜色,最后一次填充白色,然后删除就可以看到虚边

2.想用PS快捷键 需要注意输入法

1.输入法必须是英文

2.输入法必须是半角

选区[先鼠后键]

选区是我们学好PS的根基

取消选区 ctrl+D

ctrl+单击图层 显示图层选区

注意:选区移动的话，必须选择选区工具组，而且选区运算模式为新选区

基本选区Mshift+M切换同一组工具

椭圆

矩形

单行选区 1px直线

注意:

1.shift键+椭圆 等比例

2.alt键 + 椭圆 以中心点画圆

3.选区选项栏上面的 消除锯齿需要勾选,这样绘制的形状不会有锯齿,圆形的时候

注意:

1.先鼠后键

2.选区如何移动

选区正在操作的时候按住空格键移动

选区成功之后, 选择选区工具,选项栏是新选区 可以使用鼠标移动 还可以通过方向键微调

3.方向键

shift+方向键移动10像素

方向键移动1像素

4.如何变换选区?

选区工具下,右击 变换选区

5.大写字母开关开着, 吸管有问题,画笔有问题

选区运算?

选区相加

选区相减

选区相交

注意:

1.加运算 shift键

2.减运算alt键

3.选区右击可以实现 选区描边

4.选区绘制后可以自动获取到中心点[辅助线]

5.选区可以变换选区工具下右击变换选区

６操作选区的时候,按住空格键可以移动选区

7.反选: ctrl+shift+i反选

羽化: 边缘虚化,合成 很实用

羽化: 让形状边缘虚化,更容易实现合成

shift+F6

选区和图层如何运算?

相加ctrl+shift+单击图层

相减 ctrl+alt+单击图层

相交ctrl+shift+alt键+单击图层

不规则选区L

自由套索 随意,不重要的素材 速度很快

直线套索 边缘是直线型的

磁性套索 边缘和背景颜色有区别,轮廓线清晰的时候

知识点:

1. delete/backspace键 删除一个锚点

2. esc 键 退出

3. 双击 起点和终点闭合

4.不规则选区也支持四种 选区 运算

5.自由套索和直线套索进行互换 按住alt键不放,拖动鼠标

6.直线套索可以表现动感,张扬,活力的感觉 这种构图方式很流行[动感风格]

魔棒

背景颜色跟所选择的形状颜色相差比较大,背景颜色是纯色

容差: 容忍差距的能力64 32 20

快速选择工具

一定要先选中操作选区的图层!!!!

特别适合边缘清晰的图片

非常常见,非常实用,非常方便,非常强大! 可以代替磁性套索

适合边缘清晰,跟背景颜色分离一点

注意参数,不然选择的范围会不准确!

画笔硬度0%,间距25%

画笔半径越小,越精确

抠图高级技法: 如果你想让你的图片抠的更干净, 一定要进行最后一步调整边缘操作

调整边缘: 抠图高级技法 具备很高的含金量!锦上添花

去除毛边

注意里面的参数

输出选择 新建带有图层蒙版的图层

色彩范围

非常适合选择一组颜色相近的形状区域, 头发丝抠图神器!

颜色容差 右边定场[黑色场]让选择范围更精确! +的吸管直接点击色彩范围面板头发丝

矢量工具组 矢量图- 基础课

1.钢笔P 最难的工具,最重要的工具

作用: 非常实用 做矢量图, LOGO, 图标, 网页设计, 按钮 , 不规则形状抠图

backspace/delete 撤销一步ctrl+alt+z 也可以

esc完全撤销

ctrl+enter 路径转选区推荐:创建路径后,使用填充纯色图层 变成了一个矢量图层 选区转路径

按住shift键直线效果

实战一颗牙齿效果

重点:

移动锚点 ctrl键相当于路径选择工具

移动操作杆 alt键 其实就是操作转换点 ,选择钢笔工具

ctrl键+移动到两个锚点之间的线段 可以拖动线段

两个线段之间直接点击 就会出现增加一个锚点

单击锚点,直接删除

按住alt键+单击锚点 删除一端的操作杆

转换点工具直接拖拽锚点就会重新出现操作杆

ctrl+单击锚点 出现操作杆

ctrl+T 自由变换

钢笔里面的路径的运算选项,刚开始一定要选择合并形状

路径属性面板想要出现的话 需要选择路径选择工具,然后点击某一个图层里面的路径, 出现路径才可以显示路径属性

复制路径—最佳方案: 拖动路径图层到新建图层按钮

给当前路径填充颜色方法是: 新建纯色填充图层 好处:该图层是路径

路径选择工具 A

全部选择 黑色实心A

局部选择 灰色实心A框选

shift键+ 灰色实心A 连续多个选择

shift键+方向键 移动10px 普通方向键 移动1px

钢笔路径选项栏

自定义形状选项栏

注意: 齿轮选项里面有一个从中心 选框 需要注意

自定义形状操作的刚开始不要单击, 直接单击+拖动

路径如何保存?

实战:二维码 实用

1.打开图片, 使用色彩范围

2.ctrl+单击图层 出现选区

3.选择选区工具 右击 建立工作路径

4.编辑,定义自定义形状

实战丝带效果

路径如何导出 编辑 预设管理器

知识点:

1. 形状和路径不一样

2.推荐使用矢量工具组完成PS任何效果图的制作

3.可以选择多个,几个锚点 使用变形工具

2.路径基本运算 类似选区运算

注意:

1.路径运算的路径需要在一个图层

2.点击上面那个路径选择 减去,相交即可 不能上下两个路径一起选中的

3.复制路径 在路径面板 右击复制 不能复制的话把路径拖动到新建按钮上

4.矢量素材 学会下载 AI软件讲解

矢量素材非常好用! 放大不失真!

技巧:矢量素材拖到AI,CDR

讲解下AI软件

编组ctrl+G类似PS里面的图层组合

取消编组 ctrl+shift+G

转格式为png , png支持透明

支持格式: AIcdr

色彩范围

非常适合选择一组颜色相近的形状区域, 头发丝抠图神器!

颜色容差 右边定场[黑色场]让选择范围更精确! +的吸管直接点击头发丝

渐变工具G

1.空白处单击增加色标

2.色标拽走即删除

3.上面色标是不透明度

4.渐变分为

线性渐变

径向渐变

角度渐变圆盘

对称渐变

菱形渐变

按住shift键 直线渐变

注意: 渐变指的是同色系的渐变!

自由变换变形ctrl+T

shift键等比例缩放 alt键中心点缩放

鼠标移动到四个拐点

变形:

旋转

缩放倒影效果,菱形

扭曲ctrl键给文字做倒影效果,透视

斜切ctrl+shift平行四边形,结合案例

透视ctrl+shift+alt梯形 三角形 灯光笔刷

变形非常实用 做合成容器下方投影的凸凹效果[高斯模糊值为2合适]

ctrl+shift+alt+T 实用

作用:记忆上次变形操作,而且可以不断复制图层

注意: 一定要先复制当前图层再按住ctrl+T 之后 再 移动 旋转 缩放 , 图层不要用智能对象

ctrl+enter 是 确认操作

操控变形:做合成会用到

右击添加图钉,右击删除图钉

按住alt旋转图钉

按住ctrl键拖动图钉

必须要两个锚点以上才可以操作

苹果ipad倾斜放置作品-68design作品展示技法-装逼技法 ctrl键透视

知识点:

1.知道旋转中心点在哪里?

2.按住shift键每次旋转15度

3. 投影的制作方法 变形–垂直翻转–蒙版–黑白渐变

4.对多个图层同时缩放

临摹有难度,上档次的UI图标

UI图标教程www.68简单

UI图标教程www.uimaker.com非常好

UI图标教程www.ui.cn设计师必上的网站

站酷www.zcool.com.cn学习,素材

类似:

保卫萝卜UI解析第二弹

保卫萝卜UI界面解析

/project.php?id=1550汤圆教程

/project.php?id=3834番茄小教程

文字工具 T

字体如何安装c:/windows/fonts重启PS

设计的字体选择经验总结[商业字体,方正字体 中山行书,方正兰亭粗潭黑适合价格,方正正中黑字体做标题不错,百度综艺简体做标题不错,Georgia,impact,Arial[小字号合适],NEWCENT[须倾斜效果]英文字体不错 方正行楷,叶友毛根字体中国风不错, 方正少儿字体适合卡通字体 推荐: 微软雅黑细体,方正兰亭超细黑简体适合黑色] 宋体适合小字号

求字体网 上传的图片只需要包含一个文字,背景尽量单一

font-awesome 非常强大的 图标字体 !也可以通过代码实现图标!

设计师的助手和福音 , 妈妈再也不用担心我的图标了! 选项选择锐利

font-awesome图标字体查询网址:design.html

字体图标:

图标网站:

书法字体:

文字分类:

点文本适合标题,少量文字

段落文本适合文字多,简介选择文本工具,拖动鼠标,绘制区域选中文字工具,拖动

点文本和段落文本可以互换的

字体操作:

编辑 双击文字图层

确认ctrl+enter

全选双击就是全选 ctrl+A

ALT+方向键左右 改变字符间距ALT+方向键上下改变行间距

颜色填充支持 alt+delete 快捷键 而且自定义形状也支持alt+delete

字体选项:

1.字体 字体大小 字体选项

低级错误!!! 字体选项很重要, 如果不注意,那么很容易造成字体模糊, 设计出来的作品肯定很失败

一定要让字体很清晰

windows LCD, windows 两种格式都还不错 比较推荐

做网页设计两种字体经常用到 微软雅黑 宋体

win7 CC 版本 选项全部选择windows LCD格式!

XP 系统 宋体选择无,12PX[仅仅],宋体超过16px需要选锐利 其余字体选择锐利!

宋体 推荐无或者windows LCD 12px不需要加粗或者14px 只有宋体的12,14大小的时候才有无! 其余字体选项建议全部选择 windows LCD! 没有这个格式只能选择锐利

微软雅黑 推荐windows LCD选项 一定要清晰

其他字体一般选择 windows LCD,windows 锐利 一定要清晰

记住: 宋体选项使用无,其余字体使用 windows LCD,如果真记不住的话,统一全部使用windows LCD

字体三种位置 居左 居中 居右很实用!

字体变形: 选择字体选项里面有扇形 通过钢笔工具绘制不规则路径,使用字体沿着路径

文字支持钢笔路径

字体选项F6

字体局部变形非常实用 海报,banner设计 经常用到!

类型—转换为形状—钢笔锚点操作

立体字的制作方法 海报中立体字可以这样做

复制当前文字图层,移动到下方,栅格化,创建选区,选择移动工具,按住alt键,结合方向键

如何制作虚线

线虚线(-号)和点(.号)虚线 使用文字工具 alt+左右键宋体 大小9, 选项无

或者利用自定义形状里面的圆形 ,直线工具的描边功能实现!

如何做刀刻线

如何制作弧线

文字擦除画笔,硬度100%,笔头24

展台效果

知识点:

1.网页内容的宽度 960 980画布大小1280 1440 1600 1920宽度

2.网页字体 大字体 14px 小字体 12px 普通文字颜色:#777

3.字体是矢量图有些操作需要栅格化

4.网页,banner,UI图标 分辨率一定要选择72

5.字符选项里面垂直缩放和水平缩放两个值都是100%,不然文字就非常的模糊!

6.段落文字如果想 两端对齐 使用文字段落面板选择第四个 最后一行左对齐

7.字体不要随意的ctrl+T缩放

8.字体颜色修改可以直接通过工具栏里面的颜色面板设置好,alt+delete填充

9.文字不需要加粗,右击文字 仿粗体 加粗很难看

10.宋体一般超过14字号就不好看

绘画与修饰工具组就是PS的一大亮点,PS可以是将非常不起眼的素材化腐朽为神奇!

污点修复画笔工具 J

注意:

1.原则: 不去破坏原始图层信息, 容易恢复

2.模式一定要去选择模式为替换选项

非常适合去除水印!

修复画笔工具 J

画笔硬度设置成0%

按住alt键定义画笔源

直接单击,不用鼠标拖拽

实战: 人像修图

1.修复画笔工具[画笔笔头柔性]祛痘

2.把祛痘的图层和下方人像图层合并

3.创建一个需要高斯模糊的选区,然后羽化[羽化半径调大]

4.然后高斯模糊

5.给红红的区域创建选区,羽化

6.色相饱和度[ctrl+U]调颜色 选择红通道

7.滤镜—锐化–USM锐化[调整半径]

摄影后期处理教程:

中性灰磨皮修图技法

http://68/jc/big_ps_tp.asp?id=22081

http://68/jc/big_ps_tp.asp?id=17999

修补工具选项选择内容识别效果更好

液化滤镜 很实用 右侧画笔压力调成36 向前变形工具

历史记录画笔工具人像美化 非常实用!Y

原理:局部恢复步骤:

1.打开图片

2.选择滤镜–>模糊–>高斯模糊[8] 非常实用 滤镜–>像素化–>马赛克

3.将历史记录画笔源放到高斯模糊这个步骤上去

4.鼠标再点击历史记录画笔.jpg这张图

5.选择历史记录画笔 ,将不透明度设置成20%,涂抹 每涂抹一次,会认为进行高斯模糊操作 [ 高斯模糊作用范围在画笔半径之内]

仿制图章工具 S合成经常用到!!! 非常强大和实用!!!

非常实用, 去除水印

补完

仿 石头的纹理

按住alt键定义画笔源

在另一个文件也可以使用

画笔硬度为0

通过选区保护进行仿制 ,这样会更好!

涂抹 设计里面非常实用 可以做合成!类似棉花糖

海绵工具可以作用颜色太鲜艳的图片,稀释图片颜色的 类似去色 ctrl+shift+U

加深/减淡/海绵

加深/减淡工具/涂抹 设计里面非常实用 更有对比感 层次感

1.加深工具用在形状凹进去

2.减淡工具用在形状凸起来

橡皮擦: E

普通橡皮擦

魔术橡皮擦魔棒工具+delete = 魔术橡皮擦

背景橡皮擦抠头发丝 保护前景色,删除背景色

锁定四种模式:

1.锁定透明像素

2.锁定图像像素

3.锁定位置

4.全部锁定

图层[提前讲解]:

概念: 图层一张张透明纸,然后依次叠加

显示/隐藏图层 鼠标左键+拖动 小眼睛

新建图层 ctrl+shift+n

删除图层delete

复制图层 图层+拖动到新建按钮上 ctrl+J

图层组合ctrl+G非常实用 选中多个图层,按住这个ctrl+g快捷键

合并图层 ctrl+E选中多个图层 ctrl+E合并不容易修改

盖印图层ctrl+shift+alt+E不会丢失任何细节而且保留了原始图层

图层移动实用

下移ctrl+[

上移ctrl+]

下移到最下端ctrl+shift+[

上移到顶层ctrl+shift+]

选中多个图层:

连续选择图层 shift+起始点

逐个选择 ctrl+图层

选区和图层如何运算?

相减 ctrl+alt+图层

相加ctrl+shift+图层

相交ctrl+shift+alt键+图层

注意: 图层不透明度和填充的区别, 这两个唯一的区别:　填充可以支持图层样式，　但是不透明度不支持

填充图层三种显示方式: 质感!!!

填充图层跟我们普通的操作效果一模一样的!

好处:易于修改

1.纯色图层适合钢笔绘制的路径使用,路径可以保存的

2.渐变图层

3.图案图层

shift+F5 填充快捷键

图案网址 http://hao.ui/

图案如何定义呢?

编辑—-定义图案

图案如何导出呢?

编辑—-预设管理器

案例实战:

1.网格背景效果实战

1.抽丝效果实战

shift+F5 也是填充快捷键

设计必备的网站 http://hao.ui/ 里面很多高清素材,教程,纹理

练习临摹案例: 登录界面 Banner数码产品广告(高端商业的海报图) 企业官网 专题页面

图层混合模式? 光感!!!

概念:上下两个图层通过特定的混合模式,颜色计算,得到了新的颜色 好处:恢复非常容易

加深模式组去除白色,越来越暗

减淡模式组去除黑色,越来越亮火焰太阳光三原色

颜色模式组

常见模式:

滤色光感

正片叠底使用下方图层纹理保留

色相紧紧改变颜色,保留纹理

颜色减淡配合渐变映射黑白色,再加一层环境色[浅蓝 深蓝色],混合模式 颜色减淡

叠柔配色法通过白色/黑色 + 羽化/高斯模糊 + 叠加/柔光 得到新的颜色 酷炫网站!! 光感!!!

#fff #000

注意:这里填充后的图层需要新建一个组然后才好修改颜色

[底部画笔高光参数: 画笔半径6px,变形,高斯模糊1.5,不透明度]

如果碰到图案出现索引,如何解决?索引

图像—-模式—修改为RGB模式

画笔:B

重要,强大 合成,蒙版,调色,抠图,高光

画笔选项

画笔半径 画笔硬度 混合模式 不透明度 流量

笔刷载入和定义

自定义一个星光画笔, 最后创建选区, 当前图层隐藏[不隐藏,会出现笔刷不清晰],背景图层使用黑色

编辑–预设管理器 / 将所有的abr格式的笔刷拖到PS窗口里面去

笔刷:

http://68/gongju/

F5参数很强大!!!

半径变大 右中括号 ]

半径变小 左中括号 [

半径变大/半径变小 alt键+ 鼠标右键 + 鼠标拖动

注意:

1.在英文半角状态下

2.按住shift键是直线

3.不透明度值可以通过快捷键修改

数字键1代表10%5代表50% 0代表100%

4.英文大写开关需要关闭

蒙版:合成 非常重要

金属拉丝背景如何制作的,技巧,这里添加杂色很实用,实现背景磨砂效果不错的再使用动感模糊 后期会讲解更多的PS经验技巧 类似:高速公路杂色 13 动感模糊 0 86

在网上随便找两张图片,都可以很好的融合在一起

理解: 类似橡皮擦, 比橡皮擦容易恢复

作用:局部隐藏

效果：局部显示

好处: 容易恢复,给自己留了后路!

蒙版就是临时通道,蒙版理解成图层的不透明度

三种颜色

黑色—- 遮住黑夜

白色—- 显示白天

灰色 —- 半透明傍晚[灰色蒙版在做合成建议使用,过渡效果还是不错的,跟画笔的不透明度一样效果]

白色白天 看得见

黑色黑夜看不见

选择柔性画笔!

蒙版操作:

创建蒙版

普通创建 显示白色

alt+点击蒙版按钮 显示黑色

选区状态下

普通创建 选区以内显示白色,选区以外显示黑色

alt+点击蒙版按钮 选区以内显示黑色,选区以外显示白色

alt+单击蒙版显示黑白区域

shift+单击蒙版禁用蒙版

链接作用蒙版和图层一起移动

alt+拖动蒙版到可以复制到新的图层

如果想操作蒙版,一定要选择图层后面的蒙版方块!

右击可以删除

ctrl+单击蒙版 白色是选区之内,黑色是选区以外

画笔柔性的,边缘尽量离目标图片远一点

渐变蒙版非常实用,特别是在合成的时候 , 技巧:黑到白的过渡非常短,效果更好

剪贴蒙版重点

省的抠图,容易恢复

局部显示

原理: 上图下形

根据有无像素控制的

下方图层有像素 显示

下方图层没有像素 不显示

在两个图层之间 按住 alt键 单击鼠标

剪贴蒙版在图层颜色调整的时候需要用到!

上面的图片的活动区域只能在下方的可视区域里面

只能作用于当前下方图层

剪贴蒙版和普通蒙版是可以互换的!

快速蒙版Q黑白灰 画笔控制了解

快速蒙版+画笔 + 选区 可以抠图大部分图片

画笔绘制黑色 粉红色 选区以外不是粉红色就是选区以内

使用黑色画笔,就是粉红色

使用白色画笔,清除粉红色

使用灰色画笔,就是半透明

文字蒙版–现在都是用剪贴蒙版代替!

文字可以创建出选区

制作海报字体的时候经常用到!

蒙版七大类:

普通蒙版

渐变蒙版

文件夹蒙版

矢量蒙版

快速蒙版Q

剪贴蒙版

文字蒙版

图层样式: 非常重要 质感

作用: 实现 质感效果

学员需要学会自己去收集网页设计零件,提高工作的设计效率!

常见操作

双击图层 出现图层样式

按住alt键 复制图层样式

右击清除图层样式

上方图层剪贴蒙版加了颜色,下方图层没有任何反应? 原因:下方图层有图层样式 解决:栅格化图层样式

混合颜色带 可以现在图片融合工作中肯定会用到!

alt键 分离

图层样式分类:

外投影 内投影鼠标可以拖动

外发光 内发光范围很有用! 可以实现发光的硬度!

斜面浮雕 描边 光泽 上一层油漆

各种叠加 颜色叠加 图案叠加 渐变叠加

注意:

1.投影颜色是环境色吸取背景色, 正片叠底

2.全局光勾上 整个文件投影的方向都是一样

3.等高线非常重要太阳光 越高,越明显 越低,越弱大小这个参数必须要配合

4.图层样式里面有很多默认效果,不理想 不推荐用默认效果 特别是斜面和浮雕

5.图层样式权重从上到下 依次变小

6.斜面浮雕 千万不要用默认的!

色彩调整相当重要颜色调整, 颜色不是配出来的,是调出来了, 无论做什么设计,最后一步一定要记得润色!

喜洋洋总结的终生设计五大原则颜色素材细节光感 质感

掌握:校色/调色

颜色的三原色

红 黄 蓝

颜色组成部分:HSB

色相颜色不同种类

饱和度鲜艳程度拾色器拖动鼠标水平位置70%以上

明度明暗程度拾色器拖动鼠标垂直位置70%左右

颜色有情感,颜色冷暖

颜色的组成部分:色相饱和度 明度

颜色是有情感的 儿童风格,科技风格,清新风格,时尚风格,中国风 红色,蓝色 冷暖色调 定风格

颜色学好,必须要实战! 必须多看,必须多做练习稿,多总结

颜色学习网站[好]

点击配色方案有文字介绍

颜色学习欣赏

http://my.68de/search/works?word=&t=&c=&r=4&d=

http:///designerclub/

http://cwd.68de/

企业站临摹 最需要注意的两个问题: 尺寸,字体,素材清晰度 相似度100% 作品上传68design 临摹的网页效果图必须不能缩放,要很清晰!!! 截图需要100%截图, 图片不要直接拖入到PSD 分辨率72 尺寸不能出问题

http:///designfanscn/

http://my.68de/search/works?word=&t=&c=11&r=2&d=

banner设计欣赏

http://my.68de/search/works?word=&t=&c=13&r=2&d=

http:///boards/3198011/

图像模式:

图像颜色: RGB显示器的颜色 + CMYK打印的颜色 = LAB人眼看见的颜色

索引颜色可以使你的文件变小

灰度是RGB转成双色调的桥梁

几位通道 8 16位 32位 位数越大,存储的颜色数量越多

关键:色彩调整是你们以后做任何设计最后一步必做的优化工作, 理解成化妆

色彩调整是PS的亮点 AI CR fireworks adobe软件

平面设计 需要用 CMYK 分辨率300,单色黑,出血2mm 注意尺寸问题

校色 基础功能 只能改变颜色明暗 饱和度

亮度/对比度

曲线ctrl+M推荐

增加锚点 单击线段

删除锚点 拖拽锚点

跟我们之前学的等高线一样

右上方颜色偏亮

左下方颜色偏暗

设计提升课:双曲线调色

色阶ctrl+L 带走偏色

暗面暗面颜色信息量大,代表颜色偏暗

灰面灰面颜色信息量大,代表颜色偏灰

亮面亮面颜色信息量大,代表颜色偏亮

如何通过色阶将片子调节正常吗?颜色信息量直方图

暗面,灰面,亮面三个地方颜色信息量都很平均就可以!

1.手动安全,靠谱

2.自动ctrl+shift+L 自动色阶自动对比度 自动颜色

调色 高级功能 可以改变颜色

色相/饱和度 ctrl+U颜色变化差异非常大!

颜色组成部分: 色相 饱和度 明度

色相/饱和度支持选区的

色相/饱和度结合羽化工具很好用

下方调色==========颜色微调

色彩平衡 ctrl+B

自然饱和度 很重要

匹配颜色

颜色的微调 非常方便

暗调高光

解决曝光度

去色 ctrl+shift+u

微调 颜色的必会的工具!

微调 很实用!

色彩平衡 ctrl+B

可选颜色 很重要

自然饱和度 很重要

照片滤镜 非常实用,可以很方便的调色!画面有一种颜色的感觉! 颜色减淡(添加)

渐变映射 很实用,合成,图片调色经常用到,通过颜色减淡混合模式营造一种环境色

颜色查找

图层颜色调整 非常有用!

功能跟色彩调整一样的

好处:

1.易于恢复

2.剪贴,蒙版 局部修改颜色

设计里面最重要的三点

1.颜色

2.素材

3.细节

设计师:

1.背后有一个指点江山的人

2.永远要给自己留条后路

新手学设计的步骤:

临摹 没思路,没审美多看,多临摹 UI图标,临摹,设计细节的提高

要求: 临摹必须更原作者作品一模一样! 细心,耐心

借鉴 设计需要灵感,灵感来源借鉴 多做 多练

原创 策划 + 原创

临摹网页界面参考网址: 临摹效果一模一样,也是一种境界!

花瓣网http:///designerclub/

68designhttp://68de/招工作推荐这个网站http://my.68de/job

站酷网

Banner设计参考http:///boards/3198011/

Bannerr设计参考http:///search/boards/?q=Banner

推荐纹理网站

设计素材:

ni昵图网

zcool.com.cn站酷网

68design