一、Photoshop软件使用

1.ps基础及选框工具

（1）PS界面

菜单栏：
属性栏（工具箱的属性与选项）：
工具箱：
面板/调板：
工作窗口：

选项卡：
窗口（用于显示和隐藏面板/调板）：
若碰到以下情况，可选择新建工作区或复位基本功能

窗口–>工作区，解决：

（2）工作操作流程

智能电视
步骤一、Ctrl+N：新建画布，起名“智能电视”，像素宽高：800

步骤二、Ctrl+Shift+S保存文件psd格式

步骤三、打开图片
图片：

打开或复制在智能电视的选项卡的工作页面上：

步骤四、选择该图层Ctrl+T出现带方格选框，Shift+Alt拖动默认中心方块位置不变缩小图片大小比例


步骤五、使用选框工具拖出方形虚线选框，鼠标可点击选框移动位置

步骤六、Ctrl+Shift+Alt+N新建图层，Alt+D填充背景色，拖动图层改变图层显示顺序

拖动图层改变图层顺序


步骤七、新建图层3图层4填充颜色，使用选框工具依次做出电视底座，再选中所有图层，使用移动工具选择水平居中
如图：


步骤八、Ctrl+S保存，在日后做项目的过程中要注意实时保存，这将会是一个好习惯

（3）基本操作

如何建立画布

【注：互联网网页建立标准：通常用像素做单位，分辨率：像素/英寸,和图片清晰度有关一般用72 ，可查看分辨率与像素的关系，RGB颜色模式】
存储
1.Ctrl+S：实时保存
2.Ctrl+Shift+Alt：新建的画布变成新的文档；以保存过的文档形成在此基础上的另一个文档
格式选择

1. psd可以保留图层等内容，可以编辑，留给自己
2. JPG可以预览，发给客户，不让他改
   打开图片
3. 拖动图片在PS中
4. Ctrl+O，选择图片打开
   【注：文件打不开的情况是，原因是图片和系统不兼容，处理方法：可以让PS和图片多关几次，多打开几次解决】

（4）填充和图层

选框
作用：控制范围（填充、删除、改色、抠图）
鼠标点击三角或鼠标长按打开选框工具

图层
将不同的组成部分分解，便于单独编辑
建立图层Ctrl+Shift+N或Ctrl+Shift+Alt+N：在填充颜色之前建立

（5）案例分析

双十一
步骤一、新建图层，填充颜色为红色
步骤二、选框工具画出小方框，填充白色，进行复制（Ctrl+Alt：复制（或选择移动工具，按住Alt键进行复制））排序【注意实时保存】
步骤三、选择方块图层—》选择移动工具—》选择按顶分布，把方块进行均分
步骤四：选择一定的图层，进行一起复制【注：记得实时建立新图层，实时保存】，Ctrl+E合并“1”的图层进行复制
步骤五：选择格式保存
最终结果大概如图：

2.图像合成与渐变工具

（1）透底图

抠图
图片：

步骤一、Ctrl+O打开图片
步骤二、使用抠图工具多边形套索将图片放大进行到起点单击或双击或Ctrl点击选中建筑（其中在中途使用套索工具我们可以使用Delete或BackSpace键后退点，使用ESC键可以清空所有点），再Ctrl+J复制选中图画的图层，再选择背景图层删除，就得到抠图后的效果了，如图（这就是叫作透底图）：

【注：像这种去除大部分纯色的，一般情况下利用魔棒工具与选框工具结合效率会更高】
步骤三、一定要存储为psd格式：原因这样支持透明支持图层，而JPG格式不支持

（2）合成

合成
至少有两个不同的图像，放在一起，形成新的画面
操作步骤
步骤一、首先准备一张既好看又高大上的图片天空

步骤二、将上面做好的建筑透底图拖动在该天空的项目卡上，调整即可（这就是合成）

（3）抠图合成的流程

• 使用合适的工具（如：选框、套索工具等），将要抠取图像的轮廓选择出来
• 选择移动工具（V），将鼠标放在选框内部（鼠标变剪刀）
• 按住鼠标左键，拖拽到另一个画布上，调整

（4）多边形套索

设计微信图标

步骤一、选择套索工具多边形套索：通过鼠标在画布上单击，单击…闭合（鼠标放在起点处，单击）
另外注意灵活使用选择的功能，修改选框：

步骤二、结合套索工具、选框工具与选框功能结合，画出各图层填充颜色，完成。

【注：该图只用来参考作业设计图标，无其他用途，无名之辈，腾讯应该不会计较吧】

（5）魔棒工具

魔棒W：选择相同相近的颜色，制作选框；相似度通过属性栏中的容差确定，若数值越小就证明范围越大
参考图片：
步骤一、选择使用魔棒工具，容差选择32左右，将连续勾上，选择除老虎外颜色，Shift+鼠标左键调整，Ctrl+Shift+I反选（或右键选择反选，功能栏中选择的反向）[注意，Shift+切换魔棒工具，其他工具也是如此]
步骤二、删除背景图层，得到类似图片

（6）选框修改功能

• 快捷缩放大小画笔：在输入法为非中文模式下使用“{”、“}”键来进行缩小或放大
• 当出现白边的时候可以进行对选框收缩，比如收缩值调到1，可很乐观的消除大部分白边
• 收缩：将选框向内缩小
• 扩展：将选框向外扩大
• 平滑：将选框制作圆角效果
• 羽化：使选框产生柔和效果，填充或抠图时图像边缘变模糊。绘制完选框后，先羽化在填充或抠图，否则效果对比如下：
• 注意：2-6功能，不能大范围（大数值）操作，否则可能会导致图形变形严重或者不能进行操作

（7）工具补充

磁性套索工具
会快自动吸附在清晰的图片边缘，有些识别不出来，可以手动点击
图片：

如：


单行单列选择工具
效果：

（8）渐变功能

渐变
两种或两种以上的颜色过渡
渐变填充使用鼠标拖拽（拖拽的角度和范围与渐变的过渡有关）
如：

• 渐变的五种类型，表示五种不同的分布
  

• 使用径向渐变时：需要注意属性栏中的反向的使用
  

• 渐变如何改变
  
  带阴影、高光、雾蒙蒙的球
  

3.钢笔抠图及商业案例

（1）路径和选框的优缺点

路径：调整更加灵活，更加专业；路径和选框可以相互转换，一般情况下都是由路径转成选框的；
选框：可以方便地编辑位图层（普通层）；
Ctrl+Enter键：路径变选框
路径与选框：

图片

【注：该图片由全景网提供，只能用于个人、非商业和企业设计稿小样使用】

（2）路径的组成

路径的组成：
锚点（定位置）；路径线（表示 路径形状）；控制手柄（调整手柄末端远点，改变路径线的弧度每一段手柄控制一半弧线，按Alt键点击中间点就可以去除弧线；Ctrl键点击对象，可以让所有点变成实心点）
**注意：**矩形等指教或锐角图形无手柄

（3）钢笔用法

钢笔工具：描绘形状的功能（凭空绘制或沿着对象描摹）

• 形状绘制方法：
  直线和曲线：
  用钢笔绘制直线方法：单击———单击——单击…闭合（鼠标放到起点处，鼠标下变为小圆圈）
  
  用钢笔绘制曲线方法：
  第一点（单击）——单击并拖动鼠标（不松鼠标直接拖动）——按Alt键在锚点上单击，去除空闲手柄；…闭合（ 鼠标放到起点处，鼠标下变为小圆圈）
  

（4）钢笔抠图技巧

• 抠图时一定要在属性栏中选择枯井状态
• 钢笔定点要向对象轮廓内定1-2像素；
• 钢笔拖动方向沿着弧线相切的方向拖动；
• 抠图中出现错误时，按Ctrl+Alt+Z；不能按delte
• 抠图时要放大图像；
• 路径变选框：Ctrl+回车键
  如图：
  
  最终效果：
  

（5）banner案例

标尺扩大画布
标尺：快捷键：Ctrl+R，辅助作图，比如找位置，对齐对象，找有效区域等

标尺示例应用
步骤一、拉出画布上下左右辅助线；
步骤二、找中间对称线。Ctrl+A，全选画布，Ctrl+T选择选框，拉左边辅助线到中间位置

扩大画布：


路径存储*
存储路径：抠好图像后，点击路径面板，双击工作路径（将图像存储为PSD或JPG格式都可以）
隐藏路径：在路径面板空白区域单击鼠标左键
新建路径：

文案的使用方法：
1.选择文本文档，复制文字
2.选择如图所示的工具， 在画布上单击，定出光标，单粘贴
3.点击属性
文字修改：


【重要技巧：选择多个文字图层，然后再选择文字工具，可以对多个文字层同时修改属性参数】
画笔类工具：
橡皮擦：擦除像素
画笔：向画布中喷涂前景色

上机操作
文字：
Adidas Sport
just so easy
立即选购 选购更多
图片：

步骤一、抠图，将运动鞋抠出来放在刚新建的项目画板上

步骤二、调整鞋摆放，复制文字

步骤三、 调整字体，设置为微软雅黑，调整颜色，字体在字符面板中改为大写，调整“立即选购、选购更多”按钮，其颜色填充为渐变色

步骤四、做影子，Ctrl+J复制鞋子图层，Ctrl点击选中填充为黑色，再对其进行选框，新建图层将该选框羽化20左右像素填充黑色，删除刚复制的黑色鞋子，Ctrl+T右键扭曲合适的位置，将影子置于鞋子下边，利用橡皮擦或创建蒙版利用画笔进行调整，调整透明度【注：个人认为，在做像影子这类模糊有和实体物质相像的图案，尽量使用Ctrl+ T配合羽化调整，这样做出来的图片会更好看更逼真且简单】
步骤五、使用合适的渐变色突出主题

4.矢量形状与路径

（1）形状层和位图层的区别

• 选框绘制的图形属于位图；形状绘制的图形属于矢量图；
  位图：位图是由像素组成的，拉大后会模糊；选框绘制的
  矢量图：拉大后不模糊；用形状工具绘制的
  位图需要自己手动建层；矢量图直接自动添加形状图层

（2）形状与路径模式的区别

1.路径：只是绘制一个路径线（辅助功能，打印不出来），需要后期操作（变选框、填充、描边等）
2.形状：会自动建立图层（形状图层），填充前景色；（构型）

（3）形状层的基本操作及属性

形状层编辑
1.双击形状层缩略图，快速换色；

2.属性栏：填色属性、描边属性、可以修改尺寸

（4） 形状工具详解

绘制 形状的技巧：
绘制时（先按下鼠标后），按住Shift键，可以绘制正形状；否则是在当前页面绘制图形；
绘制时（先按下鼠标后），按住Alt键，可以中心（鼠标起点）绘制；
绘制时（先按下鼠标后），按住Shift+Alt键，可以中心（鼠标起点）绘制正图形；否则是在当前页面绘制相应图形；
绘制前，按住Shift键可以在当前页面绘制出正图形，同时绘制时鼠标加好右下方出现一个加好
绘制前，按住Alt键可以在当前页面画出图案进行剪切，同时在绘制时鼠标右下方出现一个减号
绘制前，按住Shift+Alt键可以在当前页面绘制出有中心出发绘制的正图形，且和当前图层其他形状交叉部分保留颜色，非交叉部分去除当前图层颜色，同时在绘制时鼠标右下方出现一个叉号
【注：在形状图层中，选框工具画出的选区内不能填充颜色】
**多边形工具：**属性栏中设置边数，点击设置按钮，可以绘制行星。
**直线工具：**实为可自定义粗细的一个矩形，并非真正意义上的线段，属于闭合路径，与钢笔绘制的线段完全不一样
形状的羽化：

（5）小播放器练习形状属性

目标：

步骤一、新建画布，背景色填充为暗色，Ctrl+R调出标尺，Ctrl+A、在Ctrl+T拉出长宽对称线，按住Shift+Alt绘制圆形、三角形

步骤二、观察目标分析光源处，将颜色改为渐变效果：①首先它有影子，将最下面椭圆一Ctrl+J， 填充为黑色可以羽化后再颜色，依次到三角；【技巧：Ctrl+鼠标点击，再移动效率最快】

②“从上往下打光”渐变颜色【注意：由于版本不同，隐为形状工具是矢量工具，导致PS无法在绘制好图形后不能够对其进行填充渐变颜色。故，其解决办法可以是让形状图层在路径中右键新建选区，再新建图层即可渐变，再删除原来形状图层，当然为了效果也可以不删】

步骤三、选择播放器的所有图层，Ctrl+R编组，复制整组图形，再单独选择三角和它的影子缩小复制

（6）路径选择工具

形状层 转换为位图层：在形状层上右击——栅格化图层
**小黑：**选择，移动路径，按Alt键拖动路径，复制路径，复制完会在一个形状层上；复制为两个图层：使用Ctrl+J，或使用移动工具（V）复制图层。
小白：

1. 选择锚点，选择方式框选和点选
   *框选：*鼠标在画布空白处点击并拖动
   *点选：*按住Shift键可以加减选择锚点
2. 移动锚点：改变路径形状
3. 调整控制手柄（手柄末端的小圆点），改变路径线的弧度
   重点：按住Alt键，选择手柄的控制点（圆点），将手柄分开调整
4. 转换点：调整路径线上的控制手柄
   在锚点上单击，隐藏手柄（弧线变直线），在锚点上拖动，重新显示手柄；

（7）布尔运算

操作方法顺序：

1. 先绘制一个图形（出现一个形状层），在绘制另一个图形前，先选择布尔运算选项（加、减、交等），再绘制图形（两个图形在同一个图层上）
   0)
   2 .先绘制一个图形（出现一个形状层），然后直接绘制第二个图形（出现一个形状层），选中两个图层合并（Ctrl+E）；用小黑选中要运算的图形，然后选择运算选项
   【**深色预警：**在使用第二种方法时，相减必须选择一个图形，如果选择两个图形，则是与整体画布的相减】

（8）安卓终结版

示例
要求：使用使用形状工具作图
目标图片：

步骤一、布绿色背景布，合理使用形状工具属性制造图形

二、Adobe illustrator基础入门

1.掌握Ai高效学习方法

+

Photoshop与illustrator的使用与设计相关推荐

1. sketch适合于做原型吗_适用于Sketch，Photoshop，Illustrator，XD和Figma的畅销UX和UI套件

   sketch适合于做原型吗 UX和UI套件可在设计过程的不同阶段以各种方式帮助设计人员. 在本综述中,我将向您展示Envato提供的一些最畅销的UX和UI套件,以帮助您开始进行线框图,原型设计和设计下 ...

2. Photoshop、Illustrator、Sketch哪个更好

   以前在交流组经常能看到大家争论哪个设计软件好?到底是你的吗?Illustrator好还是我的CorelDRAW或者他的Photoshop强大?但是跟着UI流行的设计,Sketch软件也加入了争论!让我 ...

3. Photoshop CC 2018 Essential Training: Design Photoshop CC 2018基本培训：设计 Lynda课程中文字幕

   Photoshop CC 2018 Essential Training: Design 中文字幕 Photoshop CC 2018基本培训:设计 中文字幕Photoshop CC 2018 Ess ...

4. photoshop 字体小_如何在Photoshop和Illustrator中设置默认字体

   photoshop 字体小 Photoshop and Illustrator are powerful, but not exactly intuitive. That goes double fo ...

5. Illustrator+FontLab 进行字体设计教程

   2019独角兽企业重金招聘Python工程师标准>>> Illustrator 提供了强悍的绘图工具以及丰富的笔刷,让你简单高效的绘制字体形状.但当你在 Illustrator 中完 ...

6. 【产品】产品平面设计：Photoshop、Illustrator和InDesign工具区别

   例如:创建一本杂志 可以在Illustrator(AI)中创建该杂志的徽标,用Photoshop(PS)编辑要插入到文档中的照片,然后用InDesign(ID)布局所有内容.

7. ui设计岗位招聘要求有哪些？

   UI 设计师的工作是接到使用者轮廓.线框草稿后,创造出好看.好用的画面,视情况会搭配Visual Designer (视觉设计师),不过偶尔还是需要自己做图,包含插图.icon绘制等:透过设计过的画面 ...

8. 协众信息ui设计岗位招聘要求有哪些？

     UI设计师的工作是接到使用者轮廓.线框草稿后,创造出好看.好用的画面,视情况会搭配VisualDesigner(视觉设计师),不过偶尔还是需要自己做图,包含插图.icon绘制等:透过设计过的画面, ...

9. 兄dei，作为程序员的你，这些一直接触的词都念对了吗？

   点击蓝色"程序猿DD"关注我哟 加个"星标",不忘签到哦 很多时候,大家可能都觉得程序员英文一定很好.因为我们每天都对着满屏幕的英文,噼里啪啦一整天.讨论个需求 ...

最新文章

1. 改进粒子群优化算法(IWAPSO)的MATLAB源程序
2. linux 切换python版本_Linux下python默认版本切换成替代版本(示例代码)
3. 【Android 热修复】热修复原理 ( 类加载分析 | 分析 PathClassLoader 源码 | 分析 BaseDexClassLoader 源码 | 分析 PathDexList 源码 )
4. 如何自定义SAP Spartacus店铺的界面颜色风格
5. 使用 Log4Net 记录日志
6. C++基础09-货物售卖和MyArray实现
7. java调用百度地图API依据地理位置中文获取经纬度
8. 对测试认识的三个阶段
9. 游侠小秘书基本智能框架完成!!!
10. 分布式光伏运维服务器,分布式光伏电站专业运维管理
11. 未知USB设备（设备描述符请求失败）终于解决。网上查到的所有方法我都试过了，全部失败。我的成功方法就是调整“电源选项”
12. ieg技术总监_干货！从程序员到技术总监，大牛内部分享的资料
13. MATLAB 数据分析方法（第2版）1.2　MATLAB基础概述
14. 2017华为软件精英挑战赛解分析
15. c++控制台密码管理系统
16. 自助式拍照打卡签到活动，亚运地点拍照打卡活动，＜h2＞JavaScript ISO
17. 谈谈制造企业如何制定敏捷的数字化转型策略
18. 手写Sping(2) :手写IOP与DI（依赖注入）
19. 用java设计一个动物声音 模拟器,Java语言 设计一个动物声音“模拟器”（用接口实现）...
20. Java学习博客转载

热门文章

1. 理工科如何做research和survey（两篇）
2. 一级市场：GMEE上线涨幅达1700% （回顾） 边玩边赚才是元宇宙未来
3. C#-TextBox限制文本\Text输入-只能输入数字\大小写字母\计算
4. 有关服务器中网关作用问题
5. Unity密室逃脱制作 C#
6. 家长必读：不想逼孩子跳楼，应该这样做
7. 汛期建筑施工现场安全生产风险智能防控
8. 联想服务器的厂商信息和产地,联想服务器排名超越华为，居全球第四，网友：第一我们也不需要...
9. 2019网络技能大赛OpenDayLight-软件定义网络样题题目及答案
10. Android应用性能优化 - 开篇