Photoshop与illustrator的使用与设计

一、Photoshop软件使用

1.ps基础及选框工具

(1)PS界面

菜单栏:Photoshop与illustrator的使用与设计
属性栏(工具箱的属性与选项):Photoshop与illustrator的使用与设计
工具箱:Photoshop与illustrator的使用与设计
面板/调板:Photoshop与illustrator的使用与设计
工作窗口:
Photoshop与illustrator的使用与设计
选项卡:Photoshop与illustrator的使用与设计
窗口(用于显示和隐藏面板/调板):
若碰到以下情况,可选择新建工作区或复位基本功能
Photoshop与illustrator的使用与设计
窗口–>工作区,解决:
Photoshop与illustrator的使用与设计

(2)工作操作流程

智能电视
步骤一、Ctrl+N:新建画布,起名“智能电视”,像素宽高:800
Photoshop与illustrator的使用与设计
步骤二、Ctrl+Shift+S保存文件psd格式

步骤三、打开图片
图片:
Photoshop与illustrator的使用与设计
打开或复制在智能电视的选项卡的工作页面上:
Photoshop与illustrator的使用与设计
步骤四、选择该图层Ctrl+T出现带方格选框,Shift+Alt拖动默认中心方块位置不变缩小图片大小比例
Photoshop与illustrator的使用与设计
Photoshop与illustrator的使用与设计
步骤五、使用选框工具拖出方形虚线选框,鼠标可点击选框移动位置
Photoshop与illustrator的使用与设计
步骤六、Ctrl+Shift+Alt+N新建图层,Alt+D填充背景色,拖动图层改变图层显示顺序
Photoshop与illustrator的使用与设计
拖动图层改变图层顺序
Photoshop与illustrator的使用与设计
Photoshop与illustrator的使用与设计
步骤七、新建图层3图层4填充颜色,使用选框工具依次做出电视底座,再选中所有图层,使用移动工具选择水平居中
如图:
Photoshop与illustrator的使用与设计
Photoshop与illustrator的使用与设计
步骤八、Ctrl+S保存,在日后做项目的过程中要注意实时保存,这将会是一个好习惯

(3)基本操作

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

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

(4)填充和图层

选框
作用:控制范围(填充、删除、改色、抠图)
鼠标点击三角或鼠标长按打开选框工具
Photoshop与illustrator的使用与设计

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

(5)案例分析

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

2.图像合成与渐变工具

(1)透底图

抠图
图片:
Photoshop与illustrator的使用与设计
步骤一、Ctrl+O打开图片
步骤二、使用抠图工具多边形套索将图片放大进行到起点单击或双击或Ctrl点击选中建筑(其中在中途使用套索工具我们可以使用Delete或BackSpace键后退点,使用ESC键可以清空所有点),再Ctrl+J复制选中图画的图层,再选择背景图层删除,就得到抠图后的效果了,如图(这就是叫作透底图):
Photoshop与illustrator的使用与设计
【注:像这种去除大部分纯色的,一般情况下利用魔棒工具与选框工具结合效率会更高】
步骤三、一定要存储为psd格式:原因这样支持透明支持图层,而JPG格式不支持

(2)合成

合成
至少有两个不同的图像,放在一起,形成新的画面
操作步骤
步骤一、首先准备一张既好看又高大上的图片天空
Photoshop与illustrator的使用与设计
步骤二、将上面做好的建筑透底图拖动在该天空的项目卡上,调整即可(这就是合成)Photoshop与illustrator的使用与设计

(3)抠图合成的流程

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

(4)多边形套索

设计微信图标
Photoshop与illustrator的使用与设计
步骤一、选择套索工具多边形套索:通过鼠标在画布上单击,单击…闭合(鼠标放在起点处,单击)
另外注意灵活使用选择的功能,修改选框:
Photoshop与illustrator的使用与设计
步骤二、结合套索工具、选框工具与选框功能结合,画出各图层填充颜色,完成。
Photoshop与illustrator的使用与设计
【注:该图只用来参考作业设计图标,无其他用途,无名之辈,腾讯应该不会计较吧】

(5)魔棒工具

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

(6)选框修改功能

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

(7)工具补充

磁性套索工具
会快自动吸附在清晰的图片边缘,有些识别不出来,可以手动点击
图片:
Photoshop与illustrator的使用与设计
如:
Photoshop与illustrator的使用与设计
Photoshop与illustrator的使用与设计
单行单列选择工具
效果:
Photoshop与illustrator的使用与设计

(8)渐变功能

渐变
两种或两种以上的颜色过渡
渐变填充使用鼠标拖拽(拖拽的角度和范围与渐变的过渡有关)
如:
Photoshop与illustrator的使用与设计
Photoshop与illustrator的使用与设计

  • 渐变的五种类型,表示五种不同的分布
    Photoshop与illustrator的使用与设计

  • 使用径向渐变时:需要注意属性栏中的反向的使用
    Photoshop与illustrator的使用与设计

  • 渐变如何改变
    Photoshop与illustrator的使用与设计
    带阴影、高光、雾蒙蒙的球
    Photoshop与illustrator的使用与设计