《美工设计教程课件.pptx》由会员分享，可在线阅读，更多相关《美工设计教程课件.pptx（47页珍藏版）》请在三一文库上搜索。
1、美工操作教程,Photoshop cs6,Photoshop cs6 前景学校 钟裕山,1,美工设计教程,简介 工作界面 基础知识 图像处理常用操作,目录 CONTENTS,2,美工设计教程,Photoshop 简介,1,PS CS,3,美工设计教程,Ps 主要功能,图像处理的基础，对图像进行变换，如放大、缩小、旋转、倾斜、镜象、透视等。可进行复制、去除斑点、修补、修饰图像的残损等。,图像编辑,将几幅图像通过图层操作、工具应用合成完整，换句话讲就是几个不同的“块”拼合成一张图。,图像合成,最具威力的功能之一，可方便快捷地对图像的颜色进行明暗、色编的调整和校正。,校色调色,由滤镜、通道及工具综合
2、应用完成的震撼画面特殊效果。如油画、浮雕、石膏画、素描。,特效制作,4,美工设计教程,图像设计的基础知识,1、图像编辑,放大,缩小,旋转,方向变换,5,美工设计教程,图像设计的基础知识,2、图像合成,+,+,+,+,6,美工设计教程,图像设计的基础知识,2、图像合成,7,美工设计教程,图像设计的基础知识,3、校色调色,8,美工设计教程,图像设计的基础知识,4、特效制作,9,美工设计教程,Photoshop 工作界面,2,PS CS,10,美工设计教程,Photoshop的工作界面,11,美工设计教程,图像设计的基础知识,1、常用图像颜色模式,（1）RGB模式：是ps默认的颜色模式，是图形图像设
3、计中最常用的色彩模式。 （2）CYMK模式：是印刷上最主要使用的模式，其打印出的画面感更清晰更写实。 （3）灰度模式：是将图片转变成黑白灰颜色的模式。 备注：如若新建文件时不小心建立了灰度模式，可以在“图像-模式-RGB颜色”里改回,12,美工设计教程,图像处理常用操作,示例1 新建新画布,示例2 打开新文件,示例3 保存文件,13,美工设计教程,Photoshop 基础知识,3,PS CS,14,美工设计教程,Photoshop的工作界面,使用工具时，单击工具图标即可在画布中随意使用。 每个图标中右下方显示小三角表示此图标还有其他工具。 右键点击图标既可弹出隐藏工具，选择其中的工具单击即可使
4、用。,工具栏,15,美工设计教程,Photoshop的工作界面,图层：举个比喻来说相当于一种拼图，由多个不同的画面拼合在一起形成的平面图。 图层的用处：用于储存，划分，利于编辑的一种多功用面板。,图层面板,16,美工设计教程,Photoshop的工作界面,在Photoshop中，选区是一种使用各类选取工具去造型的虚线，就相当于画素描的构线一样，选区只是一种造型虚线。 （选区不受图层限制） 上色会通过选区的限制不会填充到其他区域，只会将颜色上到抠选出来的区域。如右图所示。,选区,17,美工设计教程,Photoshop 图像处理常用操作,4,PS CS,18,美工设计教程,Photoshop的工作
5、界面,背景：无论打开还是新建图层，都会生成一个固定背景图层，此图层只用于填充单一背景颜色，不宜进行画图。 画一张平面图，类似于画素描的画法，如： 1、新建一个新的拼图（新建图层） 2、画出轮廓线（建立选区） 3、上色（填充或渐变或描边） 4、擦去轮廓线（取消选择）,实例操作,19,美工设计教程,Photoshop 实例操作,5,PS CS,20,美工设计教程,图形图像的实例操作【1-1】,学习ps最基础一项那就是效仿其他人的简单设计效果，从最基础的开始学起。,使用实例的形式来了解Photoshop CS6的工具与用法,1效仿,21,美工设计教程,图形图像的实例操作【1-1】,利用各种抠图选取工
6、具将以下其中一项化妆品包抠出。 可使用的工具： 套索工具 快速选择工具（需结合套索工具） （按住alt切换成减少，按住Shift切换成增加）,使用实例的形式来了解Photoshop CS6的工具与用法,2抠图,22,美工设计教程,图形图像的实例操作【1-1】,使用以下素材制作出七种不同颜色的衣服，颜色不限，但必须真实。 可使用的功能： 色彩平衡 色相饱和度 曲线 色阶,使用实例的形式来了解Photoshop CS6的工具与用法,3调色,23,美工设计教程,Photoshop 设计思路,6,PS CS,24,美工设计教程,图形图像的实例操作【1-1】,单品推广：淘宝网页在搜索框搜索关键词，点击搜
7、索按钮后进入的页面，推广位置一共16个：页面右边16个（设计规格800*800px，文件大小480px），如下图： 店铺推广：淘宝网页在搜索框搜索关键词，点击搜索按钮后进入的页面，推广位置一共6个：页面下边6个(设计规格210*315px，文件大小480px)，如下图：,使用实例的形式来了解Photoshop CS6的工具与用法,25,美工设计教程,图形图像的实例操作【1-1】,单品引流：侧重于单个产品的信息传递或是销售诉求，以销售转化为最终目的； 店铺引流：侧重于品牌传递，通过集中引流再分流的方式，实现流量的价值最大化。因此店铺推广图一般会以主题促销、活动或类目专场等方式呈现。,使用实例的形
8、式来了解Photoshop CS6的工具与用法,4设计思路,26,美工设计教程,图形图像的实例操作【1-1】,素材选择差异化：（第四个）,以同款产品为例分析差异,色彩差异化：（第三个）,如果一个商品的颜色与背景色相同或者相近的话，是很容易使得商品的辨识度降低的，同时也让消费者很难将注意力集中在商品上。 小技巧：在设计直通车图片的时候要懂得选择背景色，或者尽量在拍摄中使用与商品本身色彩差异较大的颜色，但是也不要让背景的颜色太过于复杂了，否则很容易对商品的图片中的主导地位受到影响。,27,美工设计教程,图形图像的实例操作【1-1】,构图差异化：（第二个，俯视角度比较壮观）,以同款产品为例分析差异,
9、文案差异化： 例如：当你的价格不是优势的时候，可以换一个表达方式：“一折断货啦“ 创意差异化： 例如根据某一卖点引申出具象的创意的差异化，例如表现风格的差异化,28,美工设计教程,图形图像的实例操作【1-1】,文字 不要做怪异的字体变形，而是有一个着重突出的文字信息放大形成一个面，压住全局，适当留白，建议字体选用类似微软雅黑系列。 排版 简介明了，工整的排版为主，可左对齐右对齐或居中对齐，居中对齐能体现逼格，但新手慎用；主题文字与辅助信息粗细和大小的区别拉大，辅助信息的字体间距可根据主题调节间距增加美观度 配色 色彩单一，配色参照商品本身或邻近色来取色，只有某个需要突出的文字信息才会用对比反差
10、较大的颜色，比如折扣信息或重要的功能信息。 透视 常见商品角度45，俯视，平视，拒绝仰视,29,美工设计教程,图形图像的实例操作【1-1】,案例,以同款产品为例分析差异,30,美工设计教程,图形图像的实例操作【1-1】,概念诱导的图片特点： 夸张，放大地喊出一个让受众容易认可的卖点，提升逼格。如”农夫山泉有点甜“，”康师傅矿物质水“其实其他水的甜味和矿物质都差不多,再如：航天铝镁，防弹镜片等噱头。,以同款产品为例分析差异,31,美工设计教程,图形图像的实例操作【1-1】,感归属的图片特点： 有意无意的划分群体，利用心理暗示传达给消费者的是只要你使用或拥有了XX产品，你就属于某一类比较牛逼的群体
11、的一员了。,以同款产品为例分析差异,32,美工设计教程,图形图像的实例操作【1-1】,增值服务的图片特点： 利用增值服务增加消费者的兴趣，让消费者觉得贴心,以同款产品为例分析差异,33,美工设计教程,图形图像的实例操作【1-1】,大众好评： 有这样说服力的产品说明是很好的产品了，自然点击率就高啦,以同款产品为例分析差异,34,美工设计教程,图形图像的实例操作【1-1】,1主题： 主题卖点只要一个，并且要求简要明了精确，标题尽量控制在6字以内，紧扣消费者诉求，讲大白话，一听就明白。直击要害，能感知打动用户。（很多功能点，换个表述方式就是好创意。） 2构图： 图文搭配平衡比例，整齐统一，所有文字都
12、居左或者居右，字体丶颜色丶样式丶行距等统一(当然特殊情况也可适当调整)，而重点可以通过信息来改变字体大小或者颜色来体现主次。逻辑清晰（遵循从左至右，从上至下，先中间后两边的视觉流程。）；合理控制图片重心。同时，也不要让大量的文字覆盖商品，这样很容易影响到商品展示的完整性。直通车图片的设计需要整齐和统一，整齐也就是 3模拟效果： 与临近展位图比对，通过拍摄差异化或设计排版差异化或卖点文案差异化，以形成跟其他产品的鲜明对比，从图海中脱引而出，1秒钟内被吸引，下1秒内被读懂。,以同款产品为例分析差异,35,美工设计教程,图形图像的实例操作【1-1】,另外：想要买家多留意你的产品，那么就要懂得利用产品
13、搭配的方法来吸引买家注意力。 小技巧：在做产品的展示和拍摄的时候，要懂得利用一些产品来进行搭配，但是一定他要区分出主次关系，作为主角的产品一定要是占到三分之二的图片位置，这样才能让消费者很好区别商品，避免造成误解尴尬。 直通车图片通常不止做一张直通车图片，可以通过不同的卖点、不同的设计形式多做几张直通车图片，以此来测试直通车的点击率，最终确认使用什么样的直通车图片用来做推广；视觉差异化很重要。,以同款产品为例分析差异,36,美工设计教程,Photoshop 设计方法,7,PS CS,37,美工设计教程,图形图像的实例操作【1-1】,先来看看下面一组图，大家发现有什么共同点？,使用实例的形式来了
14、解Photoshop CS6的工具与用法,4排版,38,美工设计教程,图形图像的实例操作【1-1】,简洁的排版，合理的分区，清晰的文案,39,美工设计教程,图形图像的实例操作【1-1】,你也可以选用主体居中文字在中间的形式， 这样的图片显示的就较为简洁一些， 字体在前在后就要看你的设计方案如何了。,使用实例的形式来了解Photoshop CS6的工具与用法,40,美工设计教程,图形图像的实例操作【1-1】,当然，如果你的素材很多的时候，你可以采取 居中文字周边素材的排版，这样也不会让画面 显得突兀。,使用实例的形式来了解Photoshop CS6的工具与用法,4排版,41,美工设计教程,图形图
15、像的实例操作【1-1】,使用实例的形式来了解Photoshop CS6的工具与用法,42,美工设计教程,图形图像的实例操作【1-1】,上一张明显没有下面这一张好，知道为什么吗？,使用实例的形式来了解Photoshop CS6的工具与用法,4排版,43,美工设计教程,图形图像的实例操作【1-1】,使用实例的形式来了解Photoshop CS6的工具与用法,44,美工设计教程,图形图像的实例操作【1-1】,淘宝的设计必须要注意的事情，或许很多人都不知道，乱用字体也会涉嫌侵权！,使用实例的形式来了解Photoshop CS6的工具与用法,注意事项,45,美工设计教程,图形图像的实例操作【1-1】,使用实例的形式来了解Photoshop CS的工具与用法,1抠图与文字,学习内容：利用所拥有的素材图将所能提取的内容拼合成一张完整的图，并添加文字 尺寸：1920*640,46,美工设计教程,Thanks!,47,美工设计教程,