《视觉营销设计》课件-项目4 图像处理基础

图像像素图像像素可以说是构成数字图像的最小单位，就好比我们用小方格拼图一样，每一个小方格就是一个像素。大家想象一下，一幅图像其实就是由无数个这样的小方格按照一定的排列顺序组合而成的。像素图像比如说，一张简单的人物照片，你不断地放大它，最后看到的那些呈现出不同颜色、形状的小方块，就是像素。而图像的清晰度、细腻程度往往和像素有着密切的关系。像素越高，意味着组成这幅图像的小方格越多，图像也就越清晰、越能展现出丰富的细节。分辨率图像分辨率指的是单位长度内像素的分布密度，通常用“像素/英寸”或者“像素/厘米”这样的单位来表示。举个例子，如果一幅图像的分辨率是72像素/英寸，那就意味着在每英寸的长度或者宽度上，均匀分布着72个像素。72个像素72个像素图像分辨率分辨率的高低决定了图像在特定输出环境下的清晰度和质量。但如果是用于印刷，例如制作海报、画册等，那就需要更高的分辨率了，通常会采用300像素/英寸左右的分辨率，这样印刷出来的成品才会清晰、细腻，不会出现模糊或者锯齿状的边缘。印刷制作要是用于网络展示，像我们平时在网页上浏览的图片，分辨率一般设置为72像素/英寸就足够了，因为这样既能保证图片在屏幕上正常显示，又不会让文件太大，影响网页加载速度。网络展示常见的图片格式图像JPEG格式是我们日常生活和网络中最常见的图片格式之一。JPEG它采用了有损压缩的方式，能够在有效减小文件大小的同时，保持比较好的图像质量;非常适合用来存储照片、风景图片等用于网络传播或者日常浏览查看的图像。不过由于是有损压缩，多次修改保存后可能会出现一定的画质损失。常见的图片格式图像支持透明背景，这在很多需要将图片叠加到其他背景上的场景中就特别实用。PNG比如设计网页图标、制作一些带有透明元素的插画等。而且它也能较好地保留图像的质量，属于无损压缩格式。但相对来说文件大小可能会比JPEG稍大一点。常见的图片格式图像Photoshop的源文件格式，它能够保留图像所有的图层、通道、蒙版等编辑信息。PSD方便我们后续对图像进行多次修改和调整。不过它的文件体积通常比较大，不太适合用于网络传输或者最终的展示，更多是作为设计师在创作过程中的中间文件来保存。常见的图片格式图像文件相对较小，适合制作一些简单的动态图标、表情等在网络上传播。GIF支持动画效果不过它最多只能显示256种颜色，所以在色彩丰富度方面会有一定局限。图片参数图像在网店装修设计里，不同位置的图片有着不同的参数要求。在网店装修设计里，不同位置的图片有着不同的参数要一般要求是正方形，尺寸常见的有800×800像素或者1000×1000像素，分辨率72像素/英寸，格式多采用JPEG，这样能保证图片清晰且加载速度快，在搜索页面中能很好地展示商品的整体外观。商品主图图像详情页图片的宽度通常在750像素左右，高度可以根据内容灵活调整，同样分辨率为72像素/英寸，格式也是以JPEG为主，方便顾客在浏览详情页时快速加载并查看商品的详细信息。详情页图片参数今天咱们学习的这些关于像素、分辨率、图片格式以及网店装修图片参数的知识，都是视觉美工中非常重要的基础内容哦。希望大家课后可以多在Photoshop里进行实践操作，更好地掌握这些知识，咱们下节课再见啦！图像图像图像轮播图一般尺寸会稍大些，比如宽度可以达到1920像素，高度根据设计需求来定，分辨率保持72像素/英寸，常用JPEG或PNG格式，要确保图片清晰且美观，能够吸引顾客的注意力，展示网店的重要活动或者特色商品。轮播图图片参数裁剪工具裁剪工具裁剪工具它的快捷键是“C”，也就是使用“Shift+C”组合键可以切换裁剪工具。裁剪工具透视裁剪工具切片工具选择工具裁剪工具裁剪工具第一个裁剪工具，点击后周围会出现边框，可以自由的拉动选择想要的画面。选择好后，点击上方选项栏的“√”或是回车键，就会裁剪完成。当我们框选画面后，也可以移动图片位置选择需要裁剪的画面，在框选外侧可以旋转图片进行裁剪。“Ctrl+Z”撤回，返回到初始画面，仍然是选中裁剪工具，可以使用框选进行裁剪。再次“Ctrl+Z”撤回，第三种方法是先使用框选工具框选出想要的画面，然后再使用裁剪工具裁剪，最终效果是一样的。多边形套索抠图裁剪工具的选项栏中，有一个“比例”选项，其中有“宽×高×分辨率”，可以自定义设置像素。比如说1920×1080分辨率为150，点击双向箭头，可以切换横向和竖向的比例。选项栏“比例”中还有一个“原始比例”，这种形式下，无论怎么拉动都是按照图片的比例裁剪的。裁剪工具选项栏中有一个“拉直”选项，选择想要操作的图片，点击“”图标，想要把图片中斜着的楼变成直的如何操作呢？鼠标点击这栋楼的一角，按鼠标左键不松拉一条直线，松开鼠标后这栋楼就变成了直向的楼。裁剪工具裁剪工具裁剪工具方框图标框方框图标是这些框不同的显示，大家可以按照自己的喜好设置或者保持默认就行。齿轮图标齿轮图标中有详细的设置，大家做了解就可以，也可以保持默认。这个选项一般情况下是取消勾选的，一些特殊的情况也可以勾选上。选项栏中还有一个“删除裁剪的像素”，勾选上，在“比例”选项下，选择这栋楼，解锁当前图层，选择移动工具，移动图片后，可以发现框选之外的画面内容全部都被删除了。当我们取消勾选“删除裁剪的像素”时，再移动这张图片，周围的内容是没有被删除的。裁剪工具裁剪工具还有一种方式，先框选这个相框，然后调整四个点，回车键，也是同样的效果。透视裁剪工具一般用于将拍摄的图片内容进行矫正。第二个是透视裁剪工具，可以矫正变形的图片。比如这张图片中，想要把图片中斜着的相框变成正面的视图，怎么办呢？使用透视裁剪工具，根据相框边框依次点击四个点，回车键，相框就变成了正面图片。裁剪工具透视裁剪工具裁剪工具切片工具然后选择“文件-导出-存储为Web所用格式”，这时会自动存储到一个文件夹中，会把刚刚框选的内容自动切割存储。裁剪工具切片工具可以右键选择“划分切片”，调整设置想要的参数，会自动划分裁切片段进行切割。切片选择工具跟我们刚刚讲的“划分切片”是一样的。Photosho基本操作透视裁剪工具比如划分横向三个，垂直做三个，那它出来就是一个九宫格，保存输出后看一下，自动的就把这张图片分成了九张图片。修图工具修补工具快捷键是“J”，使用快捷键“Shift+J”可以切换修补工具。污点修复画笔工具移除工具修复画笔工具修补工具内容感知移动工具红眼工具修图工具修图工具首先我们来看污点修复画笔工具，以这张人像图为例，脸部和背部有很多污点。放大图片，鼠标移动到污点位置会有一个选区，按住P键旁边的左括号可以缩小选区，右括号放大选区，选区只要比污点稍微大点就可以，点击，就会把污点抹除掉。污点修复画笔工具除了点击操作也可以使用抹除，涂抹需要修复的画面就会消除掉。污点修复画笔工具内容识别创建纹理近似匹配修图工具内容识别放大图片显示细节，再放大选取，涂抹下眉毛，就会对这部分画面进行抹除填充，这就是内容识别。创建纹理涂抹眉毛，就会根据皮肤做出细微纹理效果。修图工具近似匹配是把眉毛以外的皮肤做智能填充。在日常工作中，经常使用的就是“内容识别”，大家根据具体情况使用。移除工具修图工具第二个是移除工具。以这张图片为例，想要把图片中的小朋友和后边三个人去掉，怎么办呢？使用移除工具在孩子周围进行框选闭合，会把闭合的内容全部选中，做智能的分析和处理。污点修复画笔工具大家可以看到，它会自动把这个小朋友去掉了，而且做了智能的填补，功能非常强大，在我们日后的工作过程中，也是非常实用的功能。修图工具第三个是修复画笔工具，它跟后边儿要讲到的仿制图章工具是有一些相似的。我们先看这个修复画笔工具，按住Alt键，点击吸取图片中天空的蓝色，然后去涂抹白色的云，就可以去把这块白云消除掉。修复画笔工具修图工具第三个是修复画笔工具，它跟后边儿要讲到的仿制图章工具是有一些相似的。我们先看这个修复画笔工具，按住Alt键，点击吸取图片中天空的蓝色，然后去涂抹白色的云，就可以去把这块白云消除掉。修复画笔工具不勾选“对齐”涂抹其他地方时，颜色选中范围只是在那一块。勾选“对齐”涂抹需要修复的地方时，它的吸取范围就会根据我们的操作不断变化。修图工具修复画笔工具一般情况下我们是不勾选这个选项，想要选择哪一块颜色去吸取就行。扩散值为7比如说扩散值为7的时候，选中这个蓝天，涂抹时可以到边缘过渡是很自然的。但是我们设置扩散值为1的时候，涂抹时可以看到边缘是非常清楚的。修图工具修复画笔工具选项栏中的“使用旧版本”，勾选上后就少了“扩散”选项，一般情况下是保持默认不勾选的，会有过渡的效果。扩散值为1修图工具第四个是修补工具，以这张草地的图片为例。在上方的工具选项栏中，修补选择“正常”，选择“源”时，框选图片中的石板进行移动，被框选位置会填充为草地。修补工具修图工具第四个是修补工具，以这张草地的图片为例。当选择“目标”时，移动框选就能复制粘贴同样的内容。修补工具不勾选“透明”没有勾选“透明”的牌子是把所有选区移动过来；勾选“透明”修图工具“扩散”选项这里就不再讲解了，就是边界过渡自然。修补工具但是勾选“透明”的牌子就会有透视关系。修图工具接下来选项栏中的“使用图案”。比如说我们框选中这个小石板去填充，很明显不太自然，这个功能不常用，因为它的适配率不是很好。修补工具修补工具结构颜色修图工具结构值为1结构值为1时，我们在草地上框选一块，挪动到石板位置，大家可以看到它会有一些变形。当结构值为7时，再框选一块，挪动到石板位置，就把细节和结构全部复制过来了。修图工具结构值为7那“结构”是什么意思呢？修补工具颜色值为0当颜色值为0时，挪动到石板的位置，大家可以看到，它是把整体选区全部挪动过来了。当结构值为7时，再框选一块，挪动到石板位置，就把细节和结构全部复制过来了。修图工具颜色值为10那“颜色”又是什么意思呢？修补工具内容感知移动工具移动扩展修图工具选择“移动”选择“移动”时，框选一块树梢画面，移动过来上面就少了；选择“扩展”修图工具选择“扩展”时，移动后上面保持不变，只是在下边新增了一块。内容感知移动工具修图工具“投影时变换”是什么意思呢？勾选“投影时变换”，这时可以看到它周围有一个可变换的框，可旋转位置或是放大缩小，可以做好很好的填充。内容感知移动工具修图工具第六个是红眼工具，以这张鸽子图片为例：想要去除它的红眼，把瞳孔大小设为1%，点击红色自动去除，也可以点击瞳孔附近的反差色去除红眼。“变暗量”的值影响最终的暗度，100%比1%要更暗。红眼工具美图调色美图调色关键要素美图调色这些功能将帮助我们把普通的图片处理成具有视觉冲击力和美感的营销素材。色阶色相锐化液化色阶在Photoshop中打开一张图片后，我们可以通过“图像”菜单-“调整”-“色阶”来打开色阶对话框。色阶对话框中有一个直方图，它直观地展示了图像中像素的亮度分布情况。直方图的左边代表图像中的暗部像素，右边代表亮部像素，中间则是中间调像素。色阶是调整图像亮度和对比度的重要工具。美图调色美图调色色阶如果我们发现图像整体偏暗，暗部细节丢失，我们可以将直方图左边的黑色滑块向右移动，这样就会使图像中的暗部变得更暗，从而增加图像的对比度和层次感。反之，如果图像过亮，我们可以将白色滑块向左移动，使亮部更亮。色阶而调整中间调滑块，则可以改变图像整体的亮度基调。例如，一张拍摄于阴天的产品图片，可能整体显得灰暗，通过适当调整色阶，将中间调滑块向右移动一点，就能让产品看起来更加明亮清晰，突出产品的细节和质感，吸引消费者的目光。美图调色色相色相决定了颜色的种类，比如红色、蓝色、绿色等。在“图像”菜单-“调整”-“色相/饱和度”命令中，我们可以对图像的色相进行调整。当我们拖动色相滑块时，图像中的所有颜色都会按照色相环的顺序发生变化。美图调色美图调色色相比如，对于一个时尚品牌的宣传图片，如果想要营造出复古的氛围，可以将图片的整体色相往黄色、橙色方向调整，让图片呈现出暖色调，给人一种怀旧的感觉；在视觉营销设计中，色相的运用非常灵活。如果是运动品牌的图片，可能适当增加蓝色、绿色等冷色调的比例，传达出活力与清爽的感觉。色相但需要注意的是，在调整色相时，要根据图片的主题、目标受众以及品牌形象来进行合理的调整，避免颜色调整过度导致图片失真或失去原本的意义。美图调色锐化锐化工具可以增强图像的边缘清晰度，使图像看起来更加锐利和清晰。在Photoshop中有多种锐化方法，其中“USM锐化”滤镜是比较常用的一种。通过“滤镜”菜单-“锐化”-“USM锐化”打开对话框，我们可以设置锐化的数量、半径和阈值等参数。美图调色锐化锐化数量决定了锐化效果的强度，半径影响边缘的宽度，阈值则控制哪些像素将被锐化。例如，对于一张产品特写图片，如珠宝首