基本功一定要熟练!!! 我们会一一学习! [抠图 钢笔 调色 合成 技法 字体设计 字体排版 构图 配色 光感 质感 透视 点线面运用] 资深设计师每日必上的网址: 超赞配色网址http:///index.php/search http://www./ http://www./ 设计一站通http:///资源齐全! PS教程www.学习 UI图标教程www.uimaker.com设计师必上的网站 ui中国http://www. http://www.xue/ 站酷www.zcool.com.cn学习,素材 学UI网http://www.xue/很有含金量,价值,图标,APP界面,设计理论很多! 站酷顶尖教程!!! http://imart.zcool.com.cn/ http://artman.zcool.com.cn/ http://www.zcool.com.cn/u/515266 http://www.zcool.com.cn/u/1677671 设计师联盟www.给你灵感的地方,素材 花瓣网www.huaban.com给你灵感的地方 http://huaban.com/r7nhx8bkhvu/ http://huaban.com/designerclub/ 设计师网址www.uisdc.com需要设计师导航站 酷站收录http://www./ 素材下载网址:http://www.nipic.com/昵图网花钱 http://www.58pic.com/千图网免费素材 http://www.zcool.com.cn/gfxs/ 站酷网 http://www./p/font-awesome/ http:// 全景网 http://www./ 华盖网 免费获取图标矢量 学员UI作品欣赏 http://my./151770 http://ttttttang.lofter.com/ 快捷键: 工作讲究效率: 自定义快捷键 编辑---->键盘快捷键--->自定义快捷键 图层F7 标尺ctrl+R 参考线显示/隐藏ctrl+;分号 显示/隐藏ctrl+H 隐藏所有 不推荐 吸管工具I 油漆桶/渐变G 图像大小ctrl+alt+i 画布大小ctrl+alt+c 填充shfit+F5 填充图案 反向ctrl+I黑色反向白色 反选ctrl+shift+I选区,反选你这个选区 自由变换ctrl+T 复制/剪切/粘贴ctrl+C ctrl+x ctrl+v原位置粘贴 ctrl+shift+v 画笔B 学习步骤: 临摹 -----> 借鉴 ------> 微原创 PS技法: 1.放射状效果 2.丝带效果 实用 1.使用钢笔描出丝带的形状 2.画笔参数 半径3px 4px 硬度0%F5快捷键形状动态控制钢笔压力[注意这里的控制钢笔压力在大小抖动下面]下面最小直径选择0%大小抖动,角度抖动,圆度抖动参数设置为0%, 最小圆度设置为关闭 3.在路径面板-----描边路径---选择画笔工具-----模拟压力勾上 3.如何画虚线? 使用文字工具 宋体 10px 无 方向键左右键调节字符间距打-号 4.简单的星星笔刷如何实现呢? 使用圆形柔性画笔绘制, 通过变形工具 ,合并 , 创建选区 ,一定要将当前的图层给隐藏,下方图层可以不隐藏 编辑---定义画笔预设 5.网格图案如何定义? 1.新建14*14像素图片 2.放大到3200% 3.水平画一个1px直线 垂直画一条 4.合并图层,保存为图案 6.立体字如何制作? 复制当前文字图层,移动到下方,创建选区,按住alt键,结合方向键 7.刀刻线 利用铅笔绘制两根线条 黑色,白色 修改叠加 设计需要灵感,灵感来源于借鉴 临摹要求:模仿相似度 100% , 如果您能达到,那就也是一种设计境界! 宁缺毋滥 宁可以做一个100分作品,都不要做3个50分作品 为什么要一模一样呢? 跟我们后面设计课学习非常有关联, 出去工作千万不要做50%,千万不要混日子, 那种人不上不下 , 出去上班很痛苦 以后的设计课的重点就是五个方面学习! 颜色颜色是调出来了,PS里面的图像调整相当于化妆! 素材高清,足够大! 细节各种细节 风格,字体排版,透视[等15个细节] 光感炫酷 质感非常真实! photoshop是什么,能干什么,为什么要重点学习这个? http://jingyan.baidu.com/article/7c6fb4285ac61280642c90a8.html ps是顶级化妆品,ps是平面设计必备工具,ps是网页设计必备工具,ps是UI设计必备的工具,ps不紧可以做位图,也可以做矢量图,ps在室内设计必备工具 ps是老大级别 学我们这个网页设计课程不仅仅学的是网页设计,出去上班可以胜任 平面设计 UI设计 网页设计 花一样钱学三样! 其实设计不分家,因为设计都需要PS,而且设计都需要学设计课! PS在生活中无处不在! 位图和矢量图区别? 矢量图放大之后不失真 位图放大之后有锯齿感 格式 位图jpgjpeg png gif 矢量ai eps flacdr 矢量工具组 illustrator编组:ctrl+G 取消编组: ctrl+shift+G PS格式psd分层图 位图如何缩小再放大不失真? 智能对象 PS和 AI Fireworks 区别? 都是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.选区可以变换选区工具下右击变换选区 6操作选区的时候,按住空格键可以移动选区 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.简单 UI图标教程www.uimaker.com非常好 UI图标教程www.设计师必上的网站 站酷www.zcool.com.cn学习,素材 类似: http://www.zcool.com.cn/article/ZNjc5NjQ=.html保卫萝卜UI解析第二弹 http://www.zcool.com.cn/article/ZNjY5NjA=.html保卫萝卜UI界面解析 http://www./project.php?id=1550汤圆教程 http://www./project.php?id=3834番茄小教程 文字工具 T 字体如何安装c:/windows/fonts重启PS 设计的字体选择经验总结[商业字体,方正字体 中山行书,方正兰亭粗潭黑适合价格,方正正中黑字体做标题不错,百度综艺简体做标题不错,Georgia,impact,Arial[小字号合适],NEWCENT[须倾斜效果]英文字体不错 方正行楷,叶友毛根字体中国风不错, 方正少儿字体适合卡通字体 推荐: 微软雅黑细体,方正兰亭超细黑简体适合黑色] 宋体适合小字号 求字体网 上传的图片只需要包含一个文字,背景尽量单一http://www./ font-awesome 非常强大的 图标字体 !也可以通过代码实现图标! 设计师的助手和福音 , 妈妈再也不用担心我的图标了! 选项选择锐利 font-awesome图标字体查询网址:http://www./p/font-awesome/design.html 字体图标: http://www./ 图标网站: http://www. 书法字体: http:// 文字分类: 点文本适合标题,少量文字 段落文本适合文字多,简介选择文本工具,拖动鼠标,绘制区域选中文字工具,拖动 点文本和段落文本可以互换的 字体操作: 编辑 双击文字图层 确认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://academy.fengniao.com/slide/327/3271784_1.html#p=1 http:///jc/big_ps_tp.asp?id=22081 http:///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.uisdc.com/ 图案如何定义呢? 编辑----定义图案 图案如何导出呢? 编辑----预设管理器 案例实战: 1.网格背景效果实战 1.抽丝效果实战 shift+F5 也是填充快捷键 设计必备的网站 http://hao.uisdc.com/ 里面很多高清素材,教程,纹理 练习临摹案例: 登录界面 Banner数码产品广告(高端商业的海报图) 企业官网 专题页面 图层混合模式? 光感!!! 概念:上下两个图层通过特定的混合模式,颜色计算,得到了新的颜色 好处:恢复非常容易 加深模式组去除白色,越来越暗 减淡模式组去除黑色,越来越亮火焰太阳光三原色 颜色模式组 常见模式: 滤色光感 正片叠底使用下方图层纹理保留 色相紧紧改变颜色,保留纹理 颜色减淡配合渐变映射黑白色,再加一层环境色[浅蓝 深蓝色],混合模式 颜色减淡 叠柔配色法通过白色/黑色 + 羽化/高斯模糊 + 叠加/柔光 得到新的颜色 酷炫网站!! 光感!!! #fff #000 注意:这里填充后的图层需要新建一个组然后才好修改颜色 [底部画笔高光参数: 画笔半径6px,变形,高斯模糊1.5,不透明度] 如果碰到图案出现索引,如何解决?索引 图像----模式---修改为RGB模式 画笔:B 重要,强大 合成,蒙版,调色,抠图,高光 画笔选项 画笔半径 画笔硬度 混合模式 不透明度 流量 笔刷载入和定义 自定义一个星光画笔, 最后创建选区, 当前图层隐藏[不隐藏,会出现笔刷不清晰],背景图层使用黑色 编辑--预设管理器 / 将所有的abr格式的笔刷拖到PS窗口里面去 笔刷: http:///gongju/ http:/// 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://www./palette/ 点击配色方案有文字介绍 http://tool./webcolor/ https:///colors/0099cc 颜色学习欣赏 http://my./search/works?word=&t=&c=&r=4&d= http://huaban.com/designerclub/ http://web./ https://www./search?field=102 https://www./rockblue https://www./dangyunfei http://cwd./ 企业站临摹 最需要注意的两个问题: 尺寸,字体,素材清晰度 相似度100% 作品上传68design 临摹的网页效果图必须不能缩放,要很清晰!!! 截图需要100%截图, 图片不要直接拖入到PSD 分辨率72 尺寸不能出问题 http://kz./ http://huaban.com/designfanscn/ http://my./search/works?word=&t=&c=11&r=2&d= banner设计欣赏 http://my./search/works?word=&t=&c=13&r=2&d= http://huaban.com/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://huaban.com/designerclub/ 68designhttp:///招工作推荐这个网站http://my./job 站酷网http://zcool.com.cn/ Banner设计参考http://huaban.com/boards/3198011/ Bannerr设计参考http://huaban.com/search/boards/?q=Banner 推荐纹理网站http:/// 设计素材: nipic.com昵图网 zcool.com.cn站酷网 68designhttp://sc.68de |
|