美工设计教程课件.ppt

1、美工操作教程Photoshop cs6Photoshop cs6 前景学校 钟裕山 PS CSA. 简介B. 工作界面C. 基础知识D. 图像处理常用操作目录 CONTENTS PS CSPhotoshop简介1PS CS PS CSPs 主要功能图像处理的基础，对图像进行变换，如放大、缩小、旋转、倾斜、镜象、透视等。可进行复制、去除斑点、修补、修饰图像的残损等。图像编辑将几幅图像通过图层操作、工具应用合成完整，换句话讲就是几个不同的“块”拼合成一张图。图像合成最具威力的功能之一，可方便快捷地对图像的颜色进行明暗、色编的调整和校正。校色调色由滤镜、通道及工具综合应用完成的震撼画面特殊效果。如油

2、画、浮雕、石膏画、素描。特效制作 PS CS图像设计的基础知识1、图像编辑 PS CS图像设计的基础知识2、图像合成 PS CS图像设计的基础知识2、图像合成 PS CS图像设计的基础知识3、校色调色 PS CS图像设计的基础知识4、特效制作 PS CSPhotoshop工作界面2PS CS PS CSPhotoshop的工作界面 PS CS图像设计的基础知识1、常用图像颜色模式（1）RGB模式：是ps默认的颜色模式，是图形图像设计中最常用的色彩模式。（2）CYMK模式：是印刷上最主要使用的模式，其打印出的画面感更清晰更写实。（3）灰度模式：是将图片转变成黑白灰颜色的模式。备注：如若新建文件时

3、不小心建立了灰度模式，可以在“图像-模式-RGB颜色”里改回 PS CS图像处理常用操作示例1 新建新画布示例2 打开新文件示例3保存文件 PS CSPhotoshop基础知识3PS CS PS CSPhotoshop的工作界面 使用工具时，单击工具图标即可在画布中随意使用。每个图标中右下方显示小三角表示此图标还有其他工具。右键点击图标既可弹出隐藏工具，选择其中的工具单击即可使用。工具栏 PS CSPhotoshop的工作界面图层：举个比喻来说相当于一种拼图，由多个不同的画面拼合在一起形成的平面图。图层的用处：用于储存，划分，利于编辑的一种多功用面板。图层面板 PS CSPhotoshop的工

4、作界面在Photoshop中，选区是一种使用各类选取工具去造型的虚线，就相当于画素描的构线一样，选区只是一种造型虚线。（选区不受图层限制）上色会通过选区的限制不会填充到其他区域，只会将颜色上到抠选出来的区域。如右图所示。选区 PS CSPhotoshop图像处理常用操作4PS CS PS CSPhotoshop的工作界面背景：无论打开还是新建图层，都会生成一个固定背景图层，此图层只用于填充单一背景颜色，不宜进行画图。画一张平面图，类似于画素描的画法，如：1、新建一个新的拼图（新建图层）2、画出轮廓线（建立选区）3、上色（填充或渐变或描边）4、擦去轮廓线（取消选择）实例操作 PS CSPhoto

5、shop实例操作5PS CS PS CS图形图像的实例操作【1-1】学习ps最基础一项那就是效仿其他人的简单设计效果，从最基础的开始学起。使用实例的形式来了解Photoshop CS6的工具与用法1效仿 PS CS图形图像的实例操作【1-1】利用各种抠图选取工具将以下其中一项化妆品包抠出。可使用的工具：套索工具快速选择工具（需结合套索工具）（按住alt切换成减少，按住Shift切换成增加）使用实例的形式来了解Photoshop CS6的工具与用法2抠图 PS CS图形图像的实例操作【1-1】使用以下素材制作出七种不同颜色的衣服，颜色不限，但必须真实。可使用的功能： 色彩平衡 色相饱和度 曲线

6、色阶使用实例的形式来了解Photoshop CS6的工具与用法3调色 PS CSPhotoshop设计思路6PS CS PS CS图形图像的实例操作【1-1】单品推广：淘宝网页在搜索框搜索关键词，点击搜索按钮后进入的页面，推广位置一共16个：页面右边16个（设计规格800*800px，文件大小480px），如下图：店铺推广：淘宝网页在搜索框搜索关键词，点击搜索按钮后进入的页面，推广位置一共6个：页面下边6个(设计规格210*315px，文件大小480px)，如下图：使用实例的形式来了解Photoshop CS6的工具与用法 PS CS图形图像的实例操作【1-1】单品引流：侧重于单个产品的信息传

7、递或是销售诉求，以销售转化为最终目的；店铺引流：侧重于品牌传递，通过集中引流再分流的方式，实现流量的价值最大化。因此店铺推广图一般会以主题促销、活动或类目专场等方式呈现。使用实例的形式来了解Photoshop CS6的工具与用法4设计思路 PS CS图形图像的实例操作【1-1】素材选择差异化：（第四个）以同款产品为例分析差异色彩差异化：（第三个）如果一个商品的颜色与背景色相同或者相近的话，是很容易使得商品的辨识度降低的，同时也让消费者很难将注意力集中在商品上。小技巧：在设计直通车图片的时候要懂得选择背景色，或者尽量在拍摄中使用与商品本身色彩差异较大的颜色，但是也不要让背景的颜色太过于复杂了，否

8、则很容易对商品的图片中的主导地位受到影响。 PS CS图形图像的实例操作【1-1】构图差异化：（第二个，俯视角度比较壮观）以同款产品为例分析差异文案差异化：例如：当你的价格不是优势的时候，可以换一个表达方式：“一折断货啦“创意差异化：例如根据某一卖点引申出具象的创意的差异化，例如表现风格的差异化 PS CS图形图像的实例操作【1-1】文字不要做怪异的字体变形，而是有一个着重突出的文字信息放大形成一个面，压住全局，适当留白，建议字体选用类似微软雅黑系列。排版简介明了，工整的排版为主，可左对齐右对齐或居中对齐，居中对齐能体现逼格，但新手慎用；主题文字与辅助信息粗细和大小的区别拉大，辅助信息的字体间

9、距可根据主题调节间距增加美观度配色色彩单一，配色参照商品本身或邻近色来取色，只有某个需要突出的文字信息才会用对比反差较大的颜色，比如折扣信息或重要的功能信息。透视常见商品角度45，俯视，平视，拒绝仰视 PS CS图形图像的实例操作【1-1】案例以同款产品为例分析差异 PS CS图形图像的实例操作【1-1】概念诱导的图片特点：夸张，放大地喊出一个让受众容易认可的卖点，提升逼格。如”农夫山泉有点甜“，”康师傅矿物质水“其实其他水的甜味和矿物质都差不多,再如：航天铝镁，防弹镜片等噱头。以同款产品为例分析差异 PS CS图形图像的实例操作【1-1】感归属的图片特点：有意无意的划分群体，利用心理暗示传达

10、给消费者的是只要你使用或拥有了XX产品，你就属于某一类比较牛逼的群体的一员了。以同款产品为例分析差异 PS CS图形图像的实例操作【1-1】增值服务的图片特点：利用增值服务增加消费者的兴趣，让消费者觉得贴心以同款产品为例分析差异 PS CS图形图像的实例操作【1-1】大众好评：有这样说服力的产品说明是很好的产品了，自然点击率就高啦以同款产品为例分析差异 PS CS图形图像的实例操作【1-1】1主题：主题卖点只要一个，并且要求简要明了精确，标题尽量控制在6字以内，紧扣消费者诉求，讲大白话，一听就明白。直击要害，能感知打动用户。（很多功能点，换个表述方式就是好创意。）2构图：图文搭配平衡比例，整齐

11、统一，所有文字都居左或者居右，字体丶颜色丶样式丶行距等统一(当然特殊情况也可适当调整)，而重点可以通过信息来改变字体大小或者颜色来体现主次。逻辑清晰（遵循从左至右，从上至下，先中间后两边的视觉流程。）；合理控制图片重心。同时，也不要让大量的文字覆盖商品，这样很容易影响到商品展示的完整性。直通车图片的设计需要整齐和统一，整齐也就是3模拟效果：与临近展位图比对，通过拍摄差异化或设计排版差异化或卖点文案差异化，以形成跟其他产品的鲜明对比，从图海中脱引而出，1秒钟内被吸引，下1秒内被读懂。以同款产品为例分析差异 PS CS图形图像的实例操作【1-1】另外：想要买家多留意你的产品，那么就要懂得利用产品搭

12、配的方法来吸引买家注意力。小技巧：在做产品的展示和拍摄的时候，要懂得利用一些产品来进行搭配，但是一定他要区分出主次关系，作为主角的产品一定要是占到三分之二的图片位置，这样才能让消费者很好区别商品，避免造成误解尴尬。直通车图片通常不止做一张直通车图片，可以通过不同的卖点、不同的设计形式多做几张直通车图片，以此来测试直通车的点击率，最终确认使用什么样的直通车图片用来做推广；视觉差异化很重要。以同款产品为例分析差异 PS CSPhotoshop设计方法7PS CS PS CS图形图像的实例操作【1-1】先来看看下面一组图，大家发现有什么共同点？使用实例的形式来了解Photoshop CS6的工具与用

13、法4排版 PS CS图形图像的实例操作【1-1】简洁的排版，合理的分区，清晰的文案 PS CS图形图像的实例操作【1-1】你也可以选用主体居中文字在中间的形式，这样的图片显示的就较为简洁一些，字体在前在后就要看你的设计方案如何了。使用实例的形式来了解Photoshop CS6的工具与用法 PS CS图形图像的实例操作【1-1】当然，如果你的素材很多的时候，你可以采取居中文字周边素材的排版，这样也不会让画面显得突兀。使用实例的形式来了解Photoshop CS6的工具与用法4排版 PS CS图形图像的实例操作【1-1】使用实例的形式来了解Photoshop CS6的工具与用法 PS CS图形图像

14、的实例操作【1-1】上一张明显没有下面这一张好，知道为什么吗？使用实例的形式来了解Photoshop CS6的工具与用法4排版 PS CS图形图像的实例操作【1-1】使用实例的形式来了解Photoshop CS6的工具与用法 PS CS图形图像的实例操作【1-1】淘宝的设计必须要注意的事情，或许很多人都不知道，乱用字体也会涉嫌侵权！使用实例的形式来了解Photoshop CS6的工具与用法注意事项 PS CS图形图像的实例操作【1-1】使用实例的形式来了解Photoshop CS的工具与用法1抠图与文字学习内容：利用所拥有的素材图将所能提取的内容拼合成一张完整的图，并添加文字尺寸：1920*640http:/ PS CS