01-PS-初识图形图像设计制作

1、图像

• 像素：是最小的图形单位，一个像素就是一个最小的图形单元，在屏幕上显示就是一个单色的染色点。
  比如：1240x1196 px也就是整个图片，横向是1240个像素点，纵向1196个像素点构成的，每一个像素点一个单一的颜色。
• 数字图像的类型：栅格图像和矢量图

（1）栅格图像

• 栅格图像概念： 是由一个个像素点构成的，也叫作位图。
  
• 栅格图像的特点：
  • 当放大图片时位图的清晰度会变模糊
  • 栅格图像的比矢量图要大，ps处理的多是栅格图像
• 栅格图像类型：大多数专业人士使用 Photoshop 处理栅格图像。常见的从 Photoshop 中导出的栅格文件类型有：JPEG、GIF、PNG 和 TIFF。

（2）矢量图像

• 矢量图像概念：矢量图像（有时称为矢量图形、矢量形状或矢量对象）由几何（点、线或曲线）、有机或自由形状组成，这些形状由数学方程根据其特征定义。
• 矢量图像的特点：
  • 矢量图放大或缩小图片，都不会改变图片的清晰度
  • 矢量图像是创作技术插图、信笺抬头、字体或徽标等图稿的最佳选择，这些图稿可用于各种大小和各种输出媒体。矢量图形还适用于专业标牌印制、CAD 和 3D 图形。
• 矢量图像类型
  常见的矢量图形文件格式包括 AI、EPS、SVG、CDR 和 PDF。
  

（3）二者的对比

• 矢量图占得存储空间比栅格图像要小很多。
• 栅格图像的颜色比矢量图的颜色更丰富，能做更多的色彩变换。
  我们在ps课程中做的多数都是栅格图像， 而矢量图用可以用Ai软件，比如Illustrator去做。

2. 认识界面

• 工具选项栏：调节工具栏里中工具的参数；
• 最下方状态栏：图像百分比，点击右侧小三角可以选择对应的选项出现。
  状态栏：让画布在水平向滚动：ctrl+鼠标滚轮；画布在垂直方向滚动：shift+鼠标滚轮。
• 快捷键：Alt+鼠标滚轮，放大缩小画面
• 改变工作面区域颜色：先选中工作区，改变前景色，然后选择油漆桶，按住shift键同时点击鼠标左键，即刻填充设置的前景色。
  
• 步骤：
  
  
  然后在工作区域黑色区域部分，按住shift键同时点击鼠标左键，即刻填充设置的前景色
  
• 浮动面板
  可以随意拆分，随意拖动，随意组合。
  也可以恢复到默认设置：点击窗口——工作区——复位基本功能

3、新建文档

文件——新建，或者快捷键ctrl+N，在PS cc中新建文档页面如下：
点击打印会有A4纸设置等信息。

可以将每个类型的文件浏览一下对应的尺寸，在需要涉及相应尺寸大小的图片时就可以直接选择，不用在手动输入了。当然也可以手动输入。
实际问题1：在打印照片时，本来照片清晰，但是设置完打印尺寸后，打出的照片模糊，原因就是分辨率太低了。
如何在已经设置好文件尺寸的同时来进一步设置文件像素值的总量？——提高分辨率。

• 涉及到的几个概念
  • 像素：1240x1196 px也就是整个图片，横向是1240个像素点，纵向1196个像素点构成的，每一个像素点一个单一的颜色。
  • 分辨率：单位是：像素/英寸，即每英寸中包含的像素个数，个数越高色彩越精细，但是分辨率高文件体积就大，占用计算机资源就大，影响电脑运行速度，甚至会死机，所以也不是越高越好，适合就好。
  • 颜色模式：
    • RGB: R:红色、G:绿色、B:蓝色，使用这三种颜色的组合按不同比例可以调出各种颜色
      
      RGB颜色模式位数通常用8bit即可。
      设置背景色为粉色。

4、保存文档

（1） 文件格式：

      JPEG /JPG格式，JPEG会自动为图片填充背景色为白色。PNG格式会保留透明背景。PSD和TIFF体积最大，都是无损压缩，他会保存图像在PS中操作的所有步骤，包括图层、蒙版，路径，智能对象等。

（2）保存

一般制作完图片后，会保存成JPEG或PNG格式图片方便传播，但是一定也要保存一份PSD格式文件，方便后续的修改。

5、自由变换

自由变换功能用于放大、缩小和改变形状，快捷键是Ctrl+T。或者编辑——自由变换，如下所示：

选中图层，按下快捷键Ctrl+T即可让该图层进入自由变换状态：放大、缩小、旋转改变形状。
在自由变换的状态下，将鼠标光标移至4个角的控点外侧时，鼠标光标将变为带弧度的箭头，这时可对对象进行旋转。

（1）缩放

利用自由变换的缩放功能可以将风景照片放到相框中，

• 首先：新建一个文件1000*1000像素
• 导入相框：文件——置入嵌入对象；
• 导入照片素材：文件——置入嵌入对象；
• 选中相框内照片图层，按下ctrl+t 进入自由变换状态，调整图片大小至如下效果。
• 注意：分别尝试按下shift+鼠标上下拖拽可以实现图片在某个方向的伸缩，否则鼠标会在长宽两个方向等比例缩放。
  查看其展示效果：
  

（2）透视

photoshop中的“透视”，就是平常人们看物体的一种视觉效果，简单地说就是符合一般视觉规律，即近大远小、近清晰远模糊等。
首先使用移动工具，将海报拖动复制到背景素材中，接着按快捷键Ctrl+T进行缩放，将海报大致对准需要贴图的位置后，再按住Ctrl键并拖曳4个控点的位置。更改好透视后，按回车键，实地场景贴图的效果下图所示：

（3）变形

在实地场景贴图中，还有可能遇到带弧度的贴图位置，在这种情况下，就需要用到自由变换的变形功能。
使用移动工具将其移动复制到背景素材中，然后使用自由变换对其进行缩小，再按住Ctrl键并拖曳4个角的控点对准广告牌的4个角。对准4个角以后，再单击鼠标右键，在弹出的菜单中选择“变形”选项，把图片的边缘向上拖曳，将其贴近带弧度的边。对下面的一条边也采用同样的操作。调整好位置后，按回车键，这样带弧度的场景贴图就完成了，效果如图所示：

（4）旋转

使用自由变换的旋转功能，在只有一个素材的情况下，也能做出不单调的画面。

• 选中柠檬图层，使用移动工具，按Alt键复制一个柠檬，然后将复制出来的柠檬进行自由变换，调整其大小、角度、位置等。
• 重复上述步骤，将复制出来的柠檬分组错落摆放；
• 注意，复制出的柠檬跟中心的柠檬之间要保持一定的距离，有留白的画面才不至于显得太满。到这里画面就已经变得丰富了。
• 为了突出画面的主体，还需要将复制出来的柠檬做一些调整。在“图层”面板中，按住Shift键可以选择连续的多个图层。这里将复制出来的柠檬图层全部选上，然后调整其不透明度，让这些柠檬看起来没有那么清晰，从而突出主体，海报完成效果如下图所示：
  

（5）翻转

使用自由变换中的翻转功能，可以给对象制作倒影，以此增加质感，但需要结合渐变等其他方法，此处先只进行翻转。
选中帆船图层，使用移动工具，按住Alt键复制一个帆船图层。按快捷键Ctrl+T使复制出的帆船进入自由变换状态，单击鼠标右键，在弹出的菜单中选择“垂直翻转”选项，并将翻转后的帆船调整到合适的位置，如下所示：