photoshop 平面设计 教程.docx
- 文档编号:774096
- 上传时间:2022-10-12
- 格式:DOCX
- 页数:35
- 大小:4.12MB
photoshop 平面设计 教程.docx
《photoshop 平面设计 教程.docx》由会员分享,可在线阅读,更多相关《photoshop 平面设计 教程.docx(35页珍藏版)》请在冰豆网上搜索。
photoshop平面设计教程
第一次课:
1.Photoshop发展史
托马斯兄弟
1987年秋,ThomesKnoll,一名攻读博士学位的研究生,一直尝试编写一个程序,使得在黑白位图监视器上能够显示灰阶图像。
他把该程序命名为Display。
但是Knoll在家里用他的MacPlus计算机编写这个编码纯粹是为了娱乐,与他的论题并没有直接的关系。
他认为它并没有很大的价值,更没想过这个编码会是Photoshop的开始。
他的程序引起了他哥哥John的注意。
当时John正效劳于IindustrialLightMagic(ILM)公司——一家影视特效制作公司。
随着《星球大战》的诞生,Lucas向世人证明,真正的酷效,配以英雄人物,将创造出惊世巨片!
当时John正在实验利用计算机创造特效,他让Thomas帮他编写一个程序处理数字图像,这正是Display的一个极佳起点,他们的合作也从此开始。
2.应用范围
1)平面设计:
平面广告、包装、海报、书记装帧、印刷、制版
2)网页设计
3)插画设计:
网络、广告、CD封面、T恤
4)界面设计:
软件、游戏、手机操作、MP3、MP4、智能家电
5)数码照片图像修复
6)动画与CG设计
7)效果图后期制作
3.工具箱介绍(缩放(Ctr++以中心处放大(或者按住Alt键+鼠标滚动键)、Ctrl+-以中心处缩小、Space+Ctrl以鼠标单击处放大、Space+Alt以鼠标单击处缩小)、移动、标尺[按Alt键可测量角度])
快捷键F、Tab的用法
4.文件菜单介绍(文件→置入:
可置入图片、pdf、EPS[为PostScript打印机输出图像而开发的文件格式]、AI[AdobeIllustrator];文件→导出→Zoomify:
可平移、缩放图像)
5.编辑菜单→还原(Ctrl+Z)、后退一步(Ctrl+Alt+Z)、前进一步(Ctrl+Shift+Z)
6.编辑菜单→拷贝(Ctrl+C)、合并拷贝(Ctrl+Shift+C)、粘贴(Ctrl+V)、贴入(Ctrl+Shift+V)
7.编辑菜单→变换、自由变换(Ctrl+T)、定界框的中心点、确认变换按回车键、取消变换按Esc键
1).旋转:
将光标移至定界框外侧,光标显示为。
2).缩放:
将光标移至定界框四周的控制点上,光标显示为。
按Shift键可等比缩放。
3).斜切:
将光标移至定界框外侧位于中间位置的控制点上,按住Shift+Ctrl键,光标会显示为或状。
4).扭曲:
将光标移至定界框四周的控制点上,按住Ctrl键,光标会显示为。
5).透视:
将光标移至定界框四周的控制点上,按住Shift+Ctrl+Alt键,光标会显示为。
6).变形:
对象上会显示变形网格和锚点,拖动锚点或者调整锚点的方向线可以进行更为自由的变形操作。
7).旋转180°、旋转90°、水平翻转、垂直翻转。
8).可仅对选区内图形变换。
8.实例1:
图片的合成(沙发和小熊)
使用快速选择工具选取小熊,并复制粘贴到沙发适当位置。
9.实例2:
图像变换中的变形(玻璃杯贴画)
1).选择移动工具,将卡通图像拖动到牛奶杯中,按Ctrl+T,按住Shift键将卡通图像缩小到适当大小(刚好覆盖到杯面上)。
2).单击鼠标右键,点变形命令。
3).拖动四个角上的锚点,将锚点对齐到杯体上。
4).拖动上面两个锚点,产生向上的弯曲;拖动下面两个锚点,产生向下的弯曲。
5).拖动左侧锚点,使左侧弯曲对齐到杯体;拖动右侧锚点,使右侧弯曲对齐到杯体。
6).按下回车键确认变形。
7).将卡通图像所在图层的混合模式设置为”正片叠底”。
10.实例3:
制作艺术相框(将某张图”贴入”到另一张图的选区内)
1).将小狗.jpg置为当前窗口,全选小狗、按Ctrl+C组合键复制(拷贝)。
2).将相框.jpg置为当前窗口,使用魔棒工具选中相框内部的图像。
3).选择”编辑→贴入”命令将小狗图像粘贴到当前选区。
4).按Ctrl+T组合键,拖动变换框的控制点将图像放大,利用移动工具将变换后的图像调整到相框中央,按Enter键确认。
11.实例4:
制作圆角矩形图片
1).使用形状工具中的“钢笔工具”→”圆角矩形工具”,在属性工具栏设置半径(表示圆角的角度)、并选择此工具建立路径;
2).Ctrl+Enter将路径转换为选区;
3).”选择→反向”命令或Ctrl+Shift+I反向选取选区;
4).按Delete键将图片周边删除,删除区域变成透明区域(如果没有变成透明,请先双击图片的背景图层,去除背景图层的锁定);
5).Ctrl+D取消选区;
6).另存为png或gif,这两种格式支持背景透明(指在photoshop中打开时为背景透明,其他格式在photoshop中打开背景为白色)。
第二次课:
选择、绘画与图像修饰
1.图像的裁剪(方法一:
使用裁剪工具方法二:
使用菜单”图像->裁剪”)
2.1菜单”图像->图像大小”
2.2菜单”图像->画布大小”
2.3菜单”图像->裁切”与菜单”图像->裁剪”的区别:
裁切命令可将图像四周的透明区域裁剪掉。
3.编辑→渐隐菜单(渐隐即逐渐的消隐,主要用于降低颜色调整命令或滤镜效果的强度)
3.1滤镜→艺术效果→木刻、编辑→渐隐木刻(实例)
3.2图像→调整→去色、编辑→渐隐去色(模式:
变暗)(实例)
4.选框工具
4.1矩形选框工具(按住Shift键可选择连续区域)、选区的操作(全选、反选、取消选择【快捷键Ctrl+D】、移动、拷贝至新图层、在选区内点右键有更多操作)、选区的运算(新选区、Shift添加到选区、Alt从选区减去、Shift+Alt与选区交叉)
实例:
对选框范围内的动物去色
4.2椭圆选框工具(羽化、制作旧时照片效果)
实例:
制作圆环(新建;正圆选框;填充颜色;选择→修改→收缩20px;填充;Ctrl+D)
实例:
制作旧时照片效果(椭圆选框;Ctrl+T或右键变换选区;右键选择反向;右键选择羽化;设置羽化半径为20px;Ctrl+Delete用背景色填充选区;Ctrl+D)
4.3单行/单列选框工具(编辑→填充可制作实线Alt+Delete用前景色填充Ctrl+Delete用背景色填充)
5.套索工具
5.1套索工具(按下Alt键可连点成线。
按下Capslock键可将光标从普通方式切换到精确方式)
5.2多边形套索工具(实例)
5.3磁性套索工具(按delete可删除上一个点、实例)
6.魔棒工具
6.1魔棒工具(实例)
6.2快速选择工具(实例)
7.选择→色彩范围(白色代表被选择的区域,黑色代表未被选择的区域,灰色代表被部分选择的区域)
7.1选择→色彩范围、图像→调整→色相/饱和度
实例:
调整赛车车身颜色
7.2选择→色彩范围、“以快速蒙版模式编辑”选区(按Q键切换至标准模式)
实例:
对滑板人物抠图(选择→色彩范围;背景取色;选区反向;按Q键切换至快速蒙版方式;选择画笔工具、前景色设置为白色;)
7.3滤镜→抽出(适合选择边缘模糊或者边缘细节较多的对象)(实例)
8.前景色/背景色的设置(可通过吸管、颜色调板、色板调板设置。
按D键可将前景色设置为黑色、背景色设置为白色。
按Alt+Delete组合键可将整个图像设置为黑色(前景色),按Ctrl+Delete组合键可将整个图像设置为白色(背景色)。
)
9.画笔工具
9.1画笔工具(绘制带有柔边效果的线条;单击‘]’增大画笔直径、单击‘[’减小画笔直径;画笔(笔刷)调板快捷键F5)
9.2铅笔工具(绘制硬边线条,有自动抹除功能:
如果光标的中心在包含前景色的区域上,则该区域将被绘抹成背景色,反之,绘抹成前景色)
9.3颜色替换工具(只替换颜色,不覆盖背景。
实例:
草地涂成黄色、树木涂成红色和橙色)
9.4自定义画笔(编辑→定义画笔预设)
10.图章工具
10.1仿制图章工具(先按住Alt键单击鼠标取样)
10.2图案图章工具
11.修复工具
11.1污点修复画笔工具(柔角[硬度值偏小]画笔、近似匹配;实例:
清除脸上斑点)
11.2修复画笔工具(柔角画笔、替换模式、源设置为取样、按Alt键单击鼠标取样;实例:
消除眼角皱纹)
11.3修补工具(先创建选区、再拖动选区、修补设置为”源”和”目标”的区别;用其他区域或图案中的像素修复选中的区域;选择‘源’时,选区的图像被覆盖;选择‘目标’时,选区的图像被复制)
11.4红眼工具(消除照片中的红眼现象)
12.历史记录画笔工具
12.1历史记录画笔工具(可将图像恢复到编辑过程中的某一状态;先在‘历史记录’调板里设置历史记录画笔的源;实例:
图像-调整-去色、设置历史记录画笔位置、柔角画笔、适当画笔大小及不透明度)
12.2历史记录艺术画笔工具(滤镜→模糊→镜像模糊、模糊方法旋转、数量25)
13.切片工具
13.1显示参考线和标尺
13.2基于参考线的切片
13.3切片选择工具(双击切片弹出切片选项;切片选项中的切片类型;切片的编辑;shift多选切片;切片的合并)
13.4文件→存储为Web和设备所用格式
14.动画面板
14.1动画(帧)面板→创建逐帧动画:
先创建好各图层、新建帧或面板底部复制所选帧、设置该帧显示和不显示的图层。
(实例)
14.2动画(帧)面板→创建过渡动画→位置过渡:
选择起始帧、面板底部复制所选帧、移动工具、按住Shift键选中起始帧与结束帧、单击动画帧过渡按钮、参数选择位置。
14.3动画(帧)面板→创建过渡动画→不透明度过渡:
选择起始帧并设置不透明度、面板底部复制所选帧、移动工具、设置结束帧不透明度、按住Shift键选中起始帧与结束帧、单击动画帧过渡按钮、参数选择不透明度。
14.4动画(帧)面板→创建过渡动画→效果过渡:
选择起始帧并设置图层样式或字体变形、面板底部复制所选帧、移动工具、设置结束帧图层样式或字体变形、按住Shift键选中起始帧与结束帧、单击动画帧过渡按钮、参数选择效果。
14.5动画(时间轴)面板:
选择时间点、创建关键帧。
15.实例:
制作红色提交按钮
1)新建图层,使用圆角矩形工具制作一个填充红色的矩形,圆角角度为10px;
2)设置矩形所在图层样式(阴影:
正片叠底、75%不透明度、140角度、距离及大小为4;内发光:
正常、75%不透明度、杂色#BB0A0A;渐变叠加:
正常、100%不透明度、渐变色#A10F0F#DF0B0B#DF0B0B;描边:
大小2px、颜色#AB080A);
3)新建图层,在矩形的左侧使用矩形选框工具,选框内使用#E1CA57填充;
4)设置该图层样式(内发光:
正常、80%不透明度、杂色#F1E19B;渐变叠加:
正常、100%不透明度、渐变色#B59D2B#E7CD50#E7CD50);
5)新建图层,添加文字“确认提交”。
第三次课:
绘画与图像修饰
1.在透视状态下复制图像:
滤镜→消失点("消失点”滤镜可以对透视平面进行校正编辑);用创建平面工具定义透视平面;矩形选框工具选择一个窗子;按住Alt键拖动选区;可按Alt+Ctrl+Z键多次还原
2.图像润饰工具
2.1模糊工具(降低图像清晰度、柔化图像的边缘、减少图像中的细节)
2.2锐化工具(增加图像清晰度、增强图像相邻像素间的对比)
2.3涂抹工具(使图像中的颜色产生流动的效果)
2.4减淡工具(使图像变亮)
2.5加深工具(使图像变暗)
2.6海绵工具(修改色彩饱和度,产生海绵吸水的效果,使图像失去光泽度)
3.擦除工具
3.1橡皮擦工具
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- photoshop 平面设计 教程