ps功能简单介绍
- 格式:pdf
- 大小:512.02 KB
- 文档页数:32
PS基本操作1.工作区设置(右上角—基本功能)—复位基本功能2.首选项(编辑—首选项—单位与标尺:设置为像素)3.试图操作放大/缩小ctrl+/-或者alt+鼠标滚轮空格+鼠标左键拖动画布适合屏幕ctrl+0(零)实际像素ctrl+1(一)4.新建文档ctrl+N单位:像素分辨率:72像素/英寸颜色模式:RGB8位5.查看文档大小:图像—图像大小6.保存格式:PSD源文件ctrl+S标尺与辅助线1.标尺ctrl+R(试图—标尺)2.吸附作用选区1.选区上方属性栏:样式固定大小恢复正常2.取消选区:ctrl+D3.先在原稿中画选区,用选区工具拖动选区到新建图层(画布中,在鼠标左键不松开时按住shift会自动吸附相同位置,前提两个画布大小必须相同)4.画完选区后在选区上右键选择变换选区可微调选区5.查看选区尺寸(窗口—信息F8)6.选区的加减(按shift加按alt减shift+alt相交)7.载入选区按ctrl点击图层缩略图8.选区反选ctrl+shift+I图层1.图层—承载信息的容器,方便独立操作和修改。
2.图层的选择(移动工具)按ctrl+鼠标左键在画布上点选或勾选移动工具上方属性栏中的自动选择,直接画布上点击。
3.图层多选(移动工具)Ctrl+shift+鼠标左键点选或者勾选自动选择shift+鼠标左键点选4.组的建立:选中需要建组的图层ctrl+G删除组的结构:ctrl+shift+G5.合并图层选择需要合并的图层ctrl+E形状工具1.搭建大区块,选择形状工具点击画布可以输入固定大小。
2.双击形状图层缩略图弹出拾色器可以修改颜色。
3.图层的复制原位复制:ctrl+J移动复制:alt+移动工具移动图层4.图层的排列顺序:上方图层的内容会遮挡下方图层的内容Ctrl+左/右中括号键向上向下键也可Ctrl+shift+[/]移动到最底层或最顶层5.隐藏/显示路径线ctrl+shift+H隐藏额外线ctrl+H6.画直线时按住shift可画出直线用椭圆工具在绘制的时候按住shift可画出正圆,鼠标不松手时按空格可拖动位置。
7.路径选择工具—小黑(选择整体路径)ctrl+t8.直接选择工具—小白选择独立描点按shift加选描点点击右键可添加描点9.多边形工具(属性栏可以设置边数)按shift画线10.圆角矩形工具(属性栏半径:设置圆角弧形)11.形状的布尔运算(按住shift是加alt是减shift+alt等于相交)注意:做相减时与正圆、正方shift键冲突,先做相减的布尔运算,在鼠标不松手的情况下再按shift选区。
对其与分布1.对齐:选中两个或者以上的图层2.分布:选中三个或者三个以上的图层历史记录后退:ctrl+alt+Z前进:ctrl+shift+Z还原:ctrl+Z字符面板1.文本的创建A点文本:适用于导航字、标题字或一行文字B段落文本:针对大段文本、正文内容2.退出文本的编辑状态ctrl+回车或者文本上方属性栏中的对号、在右侧小键盘(数字键盘)回车3.字号大小:ctrl+shift+</>大于或小于号4.字间距(大段文字内容间距为0)alt+左右方向键行间距(字号的1.5—2倍之间)alt+上下方向键段落面板1.首行缩进(字号的两倍)2.段后空格(字号的两倍)3.避头尾法则:严格4.最后一行左对齐(强制两端对齐)第四个网页常见版块划分1.头部区域—headerLogo、主导航、辅助信息(登陆、注册、版本号、搜索)2.主视觉区域—banner展示公司品牌形象、新品宣传、活动宣传等轮播图片3.主要内容区域—main新闻动态、公司介绍、产品和服务等4.底部信息区—footer网站地图、联系方式(地址、电话)版权信息、ICP备案号等网页设计规范(文档大小规范)1.分辨率72像素/英寸2.颜色模式:RGB8位3.网页背景A纯色平铺(自适应浏览器)B渐变色或底纹平铺(自适应浏览器)C通栏大图片4.屏幕分辨率A标准分辨率1024*768px主题设计内容宽度在1000px以内常见宽度:960px980px990px1000px首屏高约700pxB常用分辨率1280px/800px主图设计内容宽度:1200px常见宽度:1100px、1190px、1200px首屏高约750px5.设计文档大小A新建文档宽度大于主体设计内容宽度(目的为了体现设计意图、展现背景效果)建议左右各宽出20pxB设计通栏大图片新建文档宽度1920px建议新建文档宽度1920px主体设计内容宽1200以内具体根据实际情况而定渐变工具1.类型:线形渐变、径向、角度、对称、菱形2.渐变编辑器下方色标控制颜色上方色标控制透明度菱形色标控制渐变中心点在色条边上点击添加色标,拖动色标到下方删除色标最左侧色标时渐变起始色,最后侧渐变结束点。
图层样式1.添加:在图层右侧空白处双击添加常用属性1.渐变:调整角度可以控制渐变方向,拖动渐变效果。
勾选与图层对齐,渐变范围为图层内容大小。
反之整个画布。
2.描边:对指教描边时为了避免产生虚边,一般选择内部描边。
描边类型:颜色、渐变、图案3.投影:角度(控制光源)注意全局光的选择大小:投影虚化范围复制图层样式:鼠标移动到图层下方效果上或者图层右侧fx图标上按alt拖动需要添加样式的图层上。
删除样式:在图层上右键选择清楚图层样式自由变化工具1.编辑—自由变换ctrl+t+回车2.沿中心点缩按住alt+shift,shift等比例3.先ctrl+T再按ctrl调整图像形状(斜切、扭曲功能)4.按ctrl+shift+alt点击4个角上任意点可调节透视功能5.先ctrl+T右键选择变形6.重复并复制上次变换效果先ctrl+T——调整中心点(按alt拖动)——旋转角度回车——ctrl+shift+alt+T图案的定义和填充1.填充(编辑—填充—图案)填充前景色:alt+delete背景色:ctrl+delete2.定义(编辑—定义图案)找到适合的重复图形,用选区选中图形范围定义一般透明底色的图层面板下锁定区域,填充颜色可以修改图案颜色Ctrl+H隐藏像素网页字体使用规范1.字体类型A图形化文字B系统自/像素字正文内容、新闻、导航字、标题等利于后台更新的文字字符面板右下角设置消除锯齿的方法:无2.web安全字中文(宋体)微软雅黑:锐利黑体西文(arial times nes roman)3.字号中文(12px—18px之间)西文(10px—16px之间)建议最小12px智能对象1.缩小后再放大到实际像素之前不影响图片清晰度2.可以记录滤镜,变换参数,方便随时修改。
基本抠图工具1.魔棒工具(针对纯色背景)容差值越高,相邻颜色的容差范围越大,反之选择的色彩越纯。
智能图像可以栅格化图层2.钢笔工具(精确造型)A单击产生起始描点B点击描点时左键鼠标不松手拖动产生贝塞尔曲线C在绘制过程中,按Alt键点击描点可以取消曲帧一侧的滑竿D路径线转选区ctrl+回车ctrl+j新建图层E在钢笔工具下按alt可以切换转换点工具,按ctrl切换小白。
剪切蒙版1.原理:通过下方图层的显示范围控制上方图层的显示。
2.添加:在两个图层中间按alt点击3.一个下方图层可以剪切多个上方图层,按住ctrl+alt+G可以同时剪切多个图层。
文字有对比才有设计1.大小对比2.粗细对比3.字族对比4.色彩对比5.中英文混排6.点线面装饰要对齐才整齐左中右对齐高斯模糊1.滤镜——模糊——高斯模糊2.半径:值越大越模糊基本调色工具(图像—调整)1.色阶ctrl+L调整图像明暗对比关系暗部滑块向右拖图像更暗亮部滑块向左拖图像更亮灰度滑块向左拖图像变亮向右托变暗2.曲线ctrl+M精细调色点击曲线增加描点,选中描点按delete删除3.色彩平衡ctrl+B原理:在图像中增加某个特地颜色的比重注意:阴影、中间调、高光的选择4、亮度/对比度:矫正图像发灰的问题亮度:副职降低图像亮度,反之提高亮度。
对比度:设置图像亮度对比的强烈程度。
图层蒙版1.原理:用蒙版控制原图的显示范围白色100%显示黑色100%隐藏灰色:控制透明效果2.添加:选中图层点击图层面板下方的图层蒙版图标3.主要用画笔工具配合使用笔触大小:左右中括号(英文输入状态下)4.按住alt点击蒙版可以打开或关闭蒙版试图模式5.回到默认前/背景色按D切换按X6.注意大写锁定键控制笔触轮廓显示形态色彩的世界三要素:色相H亮度B饱和度S色相环由三原色的敏感关系产生同一色:同一家族同类色:左邻右舍45度相邻色:90度对比色:135度补色:180度按钮颜色最好在同一色里设计颜色来源:1.logo色(企业)2环境用色(多用于banner)3产品用色(电商)全屏展示类网站1应用领域:汽车地产影视美妆游戏个人活动等2尺寸:宽度1920px高度约1000px主题设计内容宽:1200px3设计特点:一屏展示以图为主布局灵活4优缺点优点:视觉冲击力强缺点:加载速度慢,不适合响应式设计。
画笔工具1画笔面板F5A画笔预设(选择适合画笔)B间距调整:间距大小控制点或者线形状动态——大小抖动随机产生大小点散步——勾选双轴随机分散大小点传递——不透明度抖动随机产生不透明效果调整边缘(针对选区边缘调整)1视图:选择背景图层(透明底色图层)2半径:选区宽度羽化:选区虚化值对比度:锐化选区边缘勾选净化颜色3用调整半径工具涂抹发丝可去掉背景色4输出:带有图层蒙版的图层图层的混合模式1用于两个或两个以上图层的混合2常用混合A正片叠底:图片暗部色彩信息的混合,使图片更暗B滤色:图片亮部色彩信息的混合,使图片更亮。
C叠加:图片中间调混合。
D柔光:混合后中间调更柔和。
画笔描边1新建图层2调试画笔(选择适合的画笔/调整好画笔大小)3用钢笔工具勾选适合的路径,在路径面板里的工作路径上右键选择描边路径。
描边路径——选择画笔——勾选模拟压力4默认在钢笔工具下,按ctrl切换小白,点击画布,可以画不相链接的路径线,用ctrl+shift加选路径,按ctrl+alt复制路径线。
5快速描边:在画笔工具下直线回车按ctrl切换小白6新建图层:ctrl+shift+alt+N交互的故事常见:顶部导航侧边栏导航选项卡导航面包屑导航场景化导航banner:当前指示、按钮loding:数字进度条循环动画综合导航按钮banner loding top1、永远知道我在哪里2、永远能看到主导航3、永远围绕功能性4、永远能回到首页响应的故事响应式布局同一个web UI界面兼容多个终端响应式设计1、分辨率:72颜色模式:RGB8位2、尺寸:iPhone6:750px/1334pxiPhone6plus:1242px/2208px3、按钮尺寸:最小40px/40px常规:80px/80px4、字体大小:最小20px(中文)西文最小:18px最大34px5、系统安全字:中——苹果丽黑微软雅黑:锐利6、输入框:最小高62px7、偶数原则8、设计注意事项:A导航设计:图标化左右滑动偶数导航多行显示B图片布局:一行最多两张C设计风格:版块简洁,具有拓展性边距30px版块之间的边距更大80px首页——交互首页——客户端首页+产品GUI展示1、作用:A规范化、标准化设计元素B展示整体效果2、布局版块(参考)A效果图展示B按钮和控件Cicon图标D标准色和标准字web UI美术字设计1、字体设计A字库设计B商业标识C环境用字(海报文字)2、banner字体设计方法A选择适合的字体B调整透视变化C统一画笔特点(在文字图层右键选择转换为形状)D统一画笔粗细比例关系倾斜度E突出重点字(形状布尔运算)F保护透明区域填充前景色:alt+shift+delete背景色:ctrl+shift+delete通道1、通道类型:原色通道原色合成通道2、原理:通过灰阶的多少显示此种颜色的比重白色100%黑色100%隐藏灰色透明度3、半透明图像抠图A选择适合通道B载入通道选区按ctrl点击通道缩略图C选择原色合成通道后,回到图层ctrl+J复制图层alpha通道(非彩色通道)4、复杂轮廓抠图A选择反差最大的通道B在通道后右键选择复制通道,通过色阶进一步加大反差。