2016.9讲义

一.课程的主要内容和目的

二.课程所用工具软件——Photoshop CS6

1. Photoshop 的发展史

1990.2,ps1.0问世,1991.2,PS2.0发行,此后,进入发展快车道。ps从最早的7.0开始到现在的CC2014版本!之间还有cs(8.0)、cs2(9.0)、cs3、cs4、cs5、cs6、CC这几个版本!目前最新的是CC2015,最常用的是Photoshop。

2. Photoshop的应用发展

平面设计、照片处理、网页设计、界面设计、文字设计、插画创作、视觉创意、三维设计(效果图后期处理、绘制贴图)等领域。

……………………

3.安装与卸载Photoshop

 

三.Photoshop CS6的工作界面

 

  1. 工作界面布局简介
  2. 菜单

⑴新建文档、保存、打开、退出等操作

⑵常用编辑指令

  1. 工具箱

常用工具:选择、画笔、橡皮擦、移动工具介绍

  1. 前景色、背景色设置
  2. 几个概念

像素:在PS中,像素是组成图像的基本单元。一个图像由许多像素组成,每个像素都有不同的颜色值,单位面积内的像素越多,分辨率(ppi)就越高,图像的效果越好。每个小方块为一个像素,也可以称为栅格。

位图和矢量图:位图是由像素组成的,也称为像素图或者是点阵图,图的质量是由分辨率决定的。一般来讲,通常用72分辨率就可以,如果是用于彩色打印,则需要300分辨率左右。矢量图的组成单元是描点和路径。无论放大多少倍,它的边缘都是平滑的。尤其适用于做企业标志。

以下是位图放大以后……

色彩模式:常见的色彩模式包括——

灰度模式、RGB模式、CMYK模式。色彩模式确定图像中能显示的颜色数量,还影响图像的通道数和文件大小。

RGB模式

RGB模式是由红(R)、绿(G)、蓝(B)3中颜色的光线构成的,主要应用于显示器屏幕的显示,也被称为色光模式。

每一种光线从0—255被分为256个色阶,0表示这种光线没有,255代表这种光线最饱和的状态。当三种颜色亮度相同时产生灰色,当3种亮度都是255时产生白色,当三种亮度都是0时就产生黑色。

CMYK模式

CMYK模式是由青(C)、品(M)、黄(Y)、黑(K)4种颜色的油墨构成的,主要应用于印刷品,因此也被称为色料模式。两两相加就形成了红、绿、蓝三色。

RGB                           CMYK

Lab ColorLab颜色模式)

是由照度L和有关色彩a、b

这3个要素组成的。L:表示亮度,a:表示从红色到绿色的范围,b:表示从蓝色到黄色的范围。

四. 图像的基本编辑方法:

1.新建文件

2.打开文件

3-1.历史记录面板的用法

1.打开素材文件3-1.jpg

2.执行:图像/调整/色相20/饱和度-30

3.执行:滤镜/其它/高反差保留(半径250)

4.执行:滤镜/风格化/风

5.执行:滤镜/风格化/拼图

6.执行:窗口/历史记录

7.回到某个应用效果

8.创建与删除快照

3-2.用渐隐调整滤镜结果

1.打开素材文件3-2.jpg

2.执行:滤镜/滤镜库/风格化/照亮边缘(边缘宽度2,边缘亮度6,平滑度5)

3.编辑/渐隐滤镜库/渐隐(不透明度90%,模式选深色)

4.图像恢复至原始效果:⑴执行:文件/恢复;⑵执行:编辑/后退一步;⑶执行:编辑/渐隐滤镜库(设不透明度为0%,模式为正常)

3-3.合并拷贝所有图层

1.打开素材文件3-3.jpg

2.继续打开实例文件3-3.psd

3.ctrl+A选择所有图像/ctrl+shift+C并拷贝图像

4.切换至3-3.jpg/ctrl+V,自动生成图层1

5.清除图像:编辑/清除(练习在不同图层上进行清除)

3-4.用裁剪工具裁剪图像

1.打开素材文件3-4.jpg

2.使用工具箱中的裁剪工具或按C键,选择裁剪区域/调整角度/确定裁剪

3-5.用裁剪命令裁剪图像

只有在图像中存在选区时,“裁剪”命令才有效

1.打开素材文件3-5.jpg

2.使用工具箱中的矩形选框工具确定选区

3.执行:图像/裁剪

4.ctrl+D取消选区

3-6.用透视裁剪工具裁剪图像

1.打开素材文件3-6.jpg

2.用透视工具选定裁剪区域/调整4个定界点,确认裁剪后会自动调整成平面图

3-7.用裁切命令去掉留白

1.打开素材文件3-7.jpg

2.执行:图像/裁切(裁切模式是基于白色像素)

3-8.预设画笔:图案与形状预设

1.打开素材文件8-1.jpg

2.执行:在工具箱中选择“魔棒”设“容差”为10,在白色区域单击鼠标左键,选择除了蝴蝶以外的区域

3.shift+ctrl+I,反向选择蝴蝶选区,之后执行:选择/修改/平滑(取样半径)像素为1

4.ctrl+J将选取中的新图像复制到新图层,并将“背景”图层隐藏。

5.执行:编辑/定义画笔预设

6.可以使用蝴蝶画笔作画了

7.定义图案预设:选择一个图案或选区中的预设,执行:编辑/定义图案,可填充画布(编辑/填充)

图像的高级编辑方法:

4-1.用变换将照片放入相框

1.打开素材文件01-1.jpg

2.执行:文件/置入,选素材01-2.jpg

3.执行:编辑/变换/缩放,缩小照片,暂不退出此模式

4.单击鼠标右键,选“扭曲”,调控点,最后确认操作

4-2.用变换为效果图添加室外环境

1.打开素材文件02-1.jpg

2.执行:文件/置入02-2.jpg并移至合适位置

3.执行:编辑/变换/透视,调整

4.在“图层”面板选素材02-2图层,拖曳至图层0的下一层,在设置02-2图层的不透明度为76%

5.在“图层”面板创建新的图层1,放置到02-2图层的下一层,再设置前景色为白色,用前景色填充“图层1”

4-3.用自由变换制作飞舞的蝴蝶

1.打开素材文件03-1.jpg

2.再打开素材文件03-2.jpg,然后将其置入到“素材03-1.jpg”操作界面中

3.ctrl+T进入自由变换状态,缩小图像

4.单击鼠标右键,变形/调整

5.单击右键,旋转,调整

6.继续导入一只蝴蝶,缩放.透视.旋转,调整

7.再次导入两只,调整。

4-4.用内容识别比例缩放图像

1.打开素材文件04.jpg

2.alt+双击“背景”图层缩略图,将其转换为可编辑“图层0”(即:对“背景”图层进行解锁,解锁后即为可编辑图层)

3.执行:编辑/内容识别比例或按alt+shift+ctrl+C,进入内容识别比例缩放状态,调整定界框,完成后确认。若用常规缩放,人物会变形。

4.执行:裁剪掉透明区域。

4-5.用保护肤色功能缩放人像

1.打开素材文件05.jpg

2. alt+双击“背景”图层缩略图,将其转换为可编辑“图层0”, 编辑/内容识别比例或按alt+shift+ctrl+C,进入内容识别比例缩放状态,调整定界框,人物的手严重变形

3.单击选项栏中的“保护肤色”按钮,人物的手即恢复正常

4. 执行:裁剪掉透明区域。

4-6.用操控变形修改街舞动作

1.打开素材文件06-1.jpg

2.再打开素材文件06-2.png并将其置入06-1.jpg界面中

3.执行:编辑/操控变形,然后调整舞者的姿态,调整完成后确认。

4-7.自动对齐多幅图片

1.新建:名称-自动对齐多幅图片,宽度-2240像素,高度-840,分辨率-72像素/英寸,颜色模式-RGB,8位,背景-白色

2.打开素材文件07-1.jpg~07-4.jpg,将其复制到新建画布中(选中被复制图像,编辑/拷贝,切换至目标画布中,编辑/粘贴))

3.选中所有要对齐的目标图层,编辑/图层自动对齐/拼贴(或其它)

4.裁剪图像,保存。

4-8.自动混合图层

1.新建:名称-自动混合全景图,宽度-52厘米,高度42厘米,分辨率-72像素/英寸,颜色模式-RGB,8位,背景-白色

2.打开素材文件08-1.jpg~08-2.jpg,将其复制到新建画布中(选中被复制图像,编辑/拷贝,切换至目标画布中,编辑/粘贴),一左一右放置)

3.同时选中这两个图层,编辑/自动混合图层/混合方法(全景图),图层混合后,在图层面板中可见两个图层被添加了图层蒙版

4.保存

ui2-3的更多相关文章

  1. Nubia Z5S官方4.4 UI2.0音频Audio部分简单分析(也适用于其它8974/8064机型)以及降低破音出现几率的方法

    转载请注明出处和网址链接: http://blog.csdn.net/syhost/article/details/31419749 此篇本是在Z5S的官方4.4内測版出来时写的, 主要是看到其在au ...

  2. velocity.ui2.0所有的内置动画名称

    velocity升级到2.0后api发生了变化,按照原来的名称已经不能调用原来的动画效果,新的名称如下:velocity.ui2.0所有的内置动画名称 bounce flash headShake j ...

  3. mfc ui2

    引用:http://www.cnblogs.com/likwo/archive/2010/10/22/1858716.html CJLib(mfc扩展开发包,是xtreme toolkit的前生,但x ...

  4. 如何从现有版本1.4.8升级到element UI2.0.11

    现在的项目是定死的依赖以下几个核心组件的版本: vue 2.3.3 element-ui 1.4.8 vue-template-comiler 2.3.3 将以前定死的依赖修改为 vue ^2.3.3 ...

  5. 如何从现有版本升级到element UI2.0?使用npm-check-updates

    转:https://blog.csdn.net/wojiaomaxiaoqi/article/details/78428738 登录element UI官网时提示2.0已经正式发布了,Element ...

  6. ReactNative——UI2.组件生命周期

    对于习惯了iOS开发的同学,可能会对React Native中组件的生命周期很困惑.在iOS中有一个ViewDidLoad来初始化,那么在RN中,又是在哪里呢? 一.看图分析 在下图中描述了React ...

  7. ListView初探

    一.ListView介绍 在Android开发中ListView是比较常用的控件,常用于以列表的形式显示数据集及根据数据的长度自适应显示. ListView通常有两个主要功能点: (1)将数据集填充到 ...

  8. Linux下安装Tomcat服务器和部署Web应用

    一.上传Tomcat服务器

  9. WeX5学习笔记

    目录 WeX5学习笔记... 1 1.轻松看透WeX5产品能力和技术... 1 2.WeX5可以怎么玩?... 3 一.纯本地App. 3 二.关联一个网站,希望默认就打开某页... 4 三.UI设计 ...

  10. Uiautomator 2.0之BySelector类学习小记

    1. BySelector与By静态类 1.1 BySelector类为指定搜索条件进行匹配UI元素, 通过UiDevice.findObject(BySelector)方式进行使用. 1.2 By类 ...

随机推荐

  1. 产品设计师 VS UX设计师:你更想成为哪一个?

    随着互联网的快速发展,越来越多的应届毕业生也成为设计师的一员.他们当中的许多人选择UX设计师作为第一份工作,也有一些人选择做一个产品设计师.你是否也想成为设计师呢?这两种设计师你更倾向于哪一个呢?在你 ...

  2. Some details of UIKit

    [Some details of UIKit] 1.UIViewController的toolbarItems属性与UINavigationController配合使用. 2.The view for ...

  3. BI失败的原因

    最最重要的, 要有个清晰的目标和范围. 有些客户, 完全脑袋一热开始上BI, 连根本上要BI来解决什么问题都不知道.作为企业的CIO, 首先要知道上BI项目是不是符合企业的战略目标, 是不是能给企业带 ...

  4. UVa 1374 Power Calculus (IDA*或都打表)

    题意:给定一个数n,让你求从1至少要做多少次乘除才可以从 x 得到 xn. 析:首先这个是幂级的,次数不会很多,所以可以考虑IDA*算法,这个算法并不难,难在找乐观函数h(x), 这个题乐观函数可以是 ...

  5. Linux下编译busybox时出现的问题

    编译busybox的时候出现了一个问题: sync.c:(.text.sync_main+0x78): undefined reference to `syncfs' collect2: ld ret ...

  6. [转]How do I run msbuild from the command line using Windows SDK 7.1?

    本文转自:http://stackoverflow.com/questions/6319274/how-do-i-run-msbuild-from-the-command-line-using-win ...

  7. excel中如何让每n行显示同一个数据

    由于需要将数据按照下表格式存储,以方便读取展示,年份列需要每隔7行再递增1 方法: 1. 输入这个公式: = INT((ROW(E1)-1)/ 5)+ 1 进入一个空白单元格,您可以在其中填写序列号, ...

  8. 微信小程序web-view之动态加载html页面

    官方推出的web-view方便了很多开发人员. 我们在做的时候,经常会想到写一个小程序的page然后通过动态加载web-view的形式来完成其他功能页面的开发. 之前研究web-view的时候发现网上 ...

  9. wpf(怎么跨线程访问wpf控件)

    在编写代码时,我们经常会碰到一些子线程中处理完的信息,需要通知另一个线程(我这边处理完了,该你了). 但是当我们通知WPF的UI线程时需要用到Dispatcher. 首先我们需要想好在UI控件上需要显 ...

  10. API Test Postman接口测试之高级篇2

    API Test  Postman接口测试之高级篇2 一.继承父类的设置: 二.导出及导入: 三.分享文档: 四.发布接口文档: 五.常用脚本: 右边框选的是一些常用的脚本,postman提供的,可以 ...