关于我们
书单推荐
新书推荐
|
平面设计与应用综合案例技能实训教程
本书从最基础的平面设计知识讲起, 综合应用Photoshop+Illustrator+InDesign三大平面设计软件, 深入浅出地对各类平面设计作品的创作方法和设计技巧进行了详细的阐述。其中包括广告设计、海报设计、宣传单设计、宣传册设计、卡片设计、VI设计、包装设计、书籍装帧设计等。本书从最基础的平面设计知识讲起, 综合应用Photoshop+Illustrator+InDesign三大平面设计软件, 深入浅出地对各类平面设计作品的创作方法和设计技巧进行了详细的阐述。其中包括广告设计、海报设计、宣传单设计、宣传册设计、卡片设计、VI设计、包装设计、书籍装帧设计等。
提起平面设计,大家并不陌生,但在具体应用时往往会遇到许多疑惑。为了满足广大师生和设计爱好者的需要,我们组织一线设计人员编写了本书。书中对Adobe系列软件PhotoshopCC、IllustratorCC和InDesignCC的综合应用进行了详细的阐述。书中案例着眼于实用性和专业性,符合读者的认知规律,无论对于平面设计初学者还是平面设计专业人员,都具有很强的参考及学习价值。
本书从平面设计的应用领域讲起,深入浅出地阐述了平面作品的创作方法和设计技巧。
本书的各案例均经过精心筛选,制作过程的描述简明清晰,技术分析深入浅出。在每章的最后还安排了“项目练习”,以供读者参考练习。
目录
第1 章平面设计学习准备
1.1 什么是平面设计................................. 2
1.1.1 平面设计要素 ......................................2
1.1.2 常用平面设计软件 ..............................4
1.2 平面设计专业术语.............................. 6
1.2.1 图像颜色模式 ......................................6
1.2.2 矢量图和位图 ......................................8
1.2.3 像素和分辨率 ......................................9
1.2.4 常见图像文件格式 ............................10
1.3 平面设计应用领域............................ 11
1.3.1 广告设计 ............................................11
1.3.2 包装设计 ............................................12
1.3.3 网页设计 ............................................12
1.3.4 书籍设计 ............................................13
1.3.5 VI 设计...............................................13
第2 章淘宝店铺海报设计
2.1 设计作品标签................................. 16
2.2 制作日用百货店铺海报...................... 16
2.2.1 制作海报页面 ....................................16
2.2.2 制作动态效果 ....................................31
2.3 项目练习:网店海报设计................... 35
第3 章宣传页设计
3.1 设计作品标签................................. 38
3.2 制作防水鞋套宣传页......................... 38
3.2.1 制作宣传页正面 ................................38
3.2.2 制作宣传页反面 ................................57
3.3 项目练习:复合肥宣传页设计............. 70
第4 章比赛海报设计
4.1 设计作品标签................................. 72
4.2 制作球赛海报................................. 72
4.2.1 制作海报背景 ....................................72
4.2.2 制作立体文字 ....................................80
4.3 项目练习:金球杯海报设计................ 94
第5 章户外广告设计
5.1 设计作品标签................................. 96
5.2 制作茶韵广告................................. 96
5.2.1 制作广告背景 ....................................96
5.2.2 添加主题图像 ..................................103
5.2.3 添加广告文字 .................................. 111
5.2.4 设计主体标志 ..................................115
5.3 项目练习:大枣户外广告设计............117
第6 章宣传画册设计
6.1 设计作品标签............................... 120
6.2 制作商业街宣传画册....................... 120
6.2.1 制作封面和封底 ..............................120
6.2.2 制作画册内页 ..................................131
6.3 项目练习:房地产宣传册设计........... 144
第7 章标志设计
7.1 设计作品标签............................... 146
7.2 制作金街铺标志............................ 146
7.2.1 制作标志 ..........................................146
7.2.2 制作模板样式 ..................................157
7.3 项目练习:餐饮店标志设计.............. 164
第8 章产品包装设计
8.1 设计作品标签............................... 166
8.2 制作儿童米粉包装......................... 166
8.2.1 创建包装刀版 ..................................166
8.2.2 添加主题图像 ..................................175
8.3 项目练习:蛋糕包装设计................. 197
第9 章书籍封面设计
9.1 设计作品标签............................... 200
9.2 制作软件教程封面......................... 200
9.2.1 制作书籍封面 ..................................200
9.2.2 制作书脊和封底 ..............................209
9.3 项目练习:教辅图书封面设计........... 218
第10 章 企业网站首页设计
10.1 设计作品标签.............................. 220
10.2 制作装潢公司网站首页.................. 220
10.2.1 制作导航栏 ....................................220
10.2.2 绘制立体图形 ................................225
10.3 项目练习:装潢公司网站............... 248
第2章 淘宝店铺海报设计
要点难点
制作海报 ★★☆
制作动态效果 ★★★
本章概述
淘宝店是近几年十分流行的行业,由最先开始上传宝贝照片修复瑕疵,到对店铺的装修和排版,越来越多的店主更加重视自己店铺的设计,店铺漂亮了才能吸引顾客进来看。这就不得不提到店铺的海报了,在店铺没有宣传的情况下,顾客不是先进店铺来看你的产品,更多情况是通过一张海报的点击才进入了你的店
铺,从而了解你店铺的经营范围,所以店铺海报做得吸引人很重要。本章主要介绍淘宝店铺的海报设计。
2.1 设计作品标签
为了更好地完成本设计案例,现对制作要求及设计内容作如下规划。
作品名称:日用百货店铺海报
作品尺寸:640 像素×304 像素
设计创意:
(1) 家居类店铺产品多样,无法对其简单归类。在海报上展示部分产品,吸引顾客的好奇心。
(2) 突出店铺宣传语“不仅只是省一点”,吸引顾客,提高销售量。
(3) 海报中绘制展示商品区,更直观地展现店铺销售商品的范围。
应用软件:Photoshop CC
2.2 制作日用百货店铺海报
关于淘宝店铺海报设计,其显著的特点就是具有强烈的店铺代表性与识别性,本案例正是突出了这一特点。本案例的整个设计包括在Photoshop CC 中创建和拼合图像,最后通过时间轴创建动态效果。
2.2.1 制作海报页面
首先填充蓝色背景并添加图案,添加素材图像营造背景的空间感;然后使用基本绘图工具添加色块,划分视图区域;最后添加人物、产品和基本文字信息,完成海报的制作。
STEP 01 启动Photoshop CC软件,执行菜单“文件”“| 新建”命令,弹出“新建”对话框,创建一个空白文档,如图2-1 所示。设置前景色为蓝色,然后使用“油漆桶工具” 在背景上单击填充蓝色,如图2-2 所示。
图2-1 图2-2
STEP 02 单击“图层”面板底部的“创建新的填充或调整图层”按钮,在弹出的下拉菜单中选择“图案”命令,如图2-3 所示。在 弹出的“图案填充”对话框中单击左侧的下三角按钮,在弹出的下拉面板中单击按钮,然后在弹出的下拉菜单中选择“图案”命令,在弹出的Adobe Photoshop 提示框中单击“追加”按钮,载入图案,如图2-4 所示。
图2-3 图2-4
STEP 03 在图案填充面板中选中图案,如图2-5 所示。然后在“图案填充”对话框中调整图案的大小,如图2-6 所示。
图2-5 图2-6
STEP 04 调整图层混合模式,创建混合背景,如图2-7 和图2-8 所示。
图2-7 图2-8
STEP 05 执行菜单“文件”|“打开”命令,打开素材“门.jpg”图像文件,如图2-9 所示。使用“移动工具” 将其拖至当前打开的文档中,执行菜单“编辑”|“自由变换”命令,然后按住Shift 键的同时等比例缩小图像,如图2-10 所示。
图2-9 图2-10
STEP 06 单击“图层”面板底部的“添加图层蒙版”按钮,为图层添加蒙版,如图2-11
所示。按住Alt 键单击图层蒙版缩览图,进入蒙版状态,如图2-12 所示。
图2-11 图2-12
STEP 07 单击工具箱中的按钮,恢复默认的前景色和背景色。选择工具箱中的“渐变工具” ,按住Shift 键的同时在蒙版中绘制渐变,效果如图2-13 所示。
图2-13
STEP 08 按住Alt 键单击图层蒙版缩览图,退出蒙版状态,创建图像的渐隐效果,如图2-14 所示。
图2-14
STEP 09 选择工具箱中的“椭圆工具” ,在属性栏中进行设置。按住Shift 键的同时在视图中绘制正圆图形,如图2-15 所示。
图2-15
STEP 10 将“椭圆 1”图层拖至“图层”面板底部的“创建新图层”按钮上,复制图层,如图2-16 所示。然后按Ctrl+T 组合键,打开自由变换框,按住Shift 键放大图形,如图2-17所示。
图2-16 图2-17
STEP 11 在属性栏中调整正圆的轮廓色并取消填充色,按住Shift 键的同时绘制正圆图形,如图2-18 所示。
图2-18
STEP 12 打开素材“美女.jpg”图像文件,如图2-19 所示。单击“路径”面板底部的“创建新路径”按钮,新建“路径 1”,如图2-20 所示。
图2-19 图2-20
STEP 13 选择工具箱中的“钢笔工具” ,在属性栏中设置钢笔模式为“路径”,沿人物轮廓绘制路径,如图2-21 所示。单击“将路径 作为选区载入”按钮,创建一个选区,如图2-22 所示。
图2-21 图2-22
STEP 14 执行菜单“选择”|“反向”命令,将选区反选,如图2-23 所示。双击“背景”图层名称空白处,在弹出的“新建图层”对话框中单击“确定”按钮,解锁背景图层,如图2-24 所示。
图2-23 图2-24
STEP 15 按Delete 键删除选区中的图像,如图2-25 所示。按Ctrl+D 组合键取消选区,然后使用“背景橡皮擦工具” 擦除头发周围的图像,如图2-26 所示。
图2-25 图2-26
STEP 16 使用“移动工具”将编辑好的人物图像拖至当前正在编辑的文档中,按Ctrl+T 组合键打开自由变换框,按住Shift 键等比例缩小图像并调整其位置,如图2-27 所示。
选择工具箱中的“钢笔工具” ,在属性栏中进行设置,然后绘制一个多边形,如图2-28所示。
图2-27 图2-28
STEP 17 单击“图层”面板底部的“添加图层样式”按钮,在弹出的下拉菜单中选择“混合选项”命令,弹出“图层样式”对话框,在左侧列表框中选中“投影”复选框,然后进行设置,单击“确定”按钮,为图形添加投影效果,如图2-29 所示。继续绘制一个图形,如图2-30 所示。
图2-29 图2-30
STEP 18 在“图层”面板中调整图层的顺序,如图2-31 所示。调整后的图形效果如图2-32 所示。
图2-31 图2-32
STEP 19 使用“横排文字工具” 在视图中单击并添加文字信息,然后选中文字,在属性栏中调整字体样式及大小,如图2-33 所示。选择工具箱中的“移动工具” ,然后打开自由变换框,按Ctrl+Shift 组合键向上倾斜文字,如图2-34 所示。
图2-33 图2-34
STEP 20 使用相同的方法继续添加倾斜文字,如图2-35 和图2-36 所示。
图2-35 图2-36
STEP 21 选中“不仅只是”文字,单击“图层”面板底部的“添加图层样式”按钮,在弹出的下拉菜单中选择“混合选项”命令,弹出“图层样式”对话框,在左侧列表框中选中“渐变叠加”复选框,然后进行设置,如图2-37 所示。单击“确定”按钮,为文字添加渐变叠加效果,如图2-38 所示。
图2-37 图2-38
STEP 22 使用相同的方法继续为文字添加描边效果,如图2-39 和图2-40 所示。
图2-39 图2-40
STEP 23 使用相同的方法继续为文字添加内发光效果,如图2-41 和图2-42 所示。
图2-41 图2-42
STEP 24 使用相同的方法继续为文字添加投影效果,如图2-43 和图2-44 所示。
图2-43 图2-44
STEP 25 选中“省一点”文字,在图层名称空白处右击,在弹出的快捷菜单中选择“栅格化文字”命令,将文字换换为图像,如图2-45 所示。使用“多边形套索工具” 选中并删除“点”字下面的4 个点,如图2-46 所示。
图2-45 图2-46
STEP 26 使用“椭圆工具” 配合Shift 键绘制一个正圆形,如图2-47 所示。然后使用“钢笔工具” 绘制不规则图形,如图2-48 所示。
图2-47 图2-48
STEP 27 按住Shift 键加选“省一点”图层,如图2-49 所示。然后执行菜单“图层”|“合并图层”命令,合并图层,如图2-50 所示。
图2-49 图2-50
STEP 28 选中“不仅只是”图层后的图标,如图2-51 所示。执行操作后效果如图2-52所示。
图2-51 图2-52
STEP 29 使用“钢笔工具” 绘制一个图形,如图2-53 所示。然后设置图层的混合模式为“叠加”,如图2-54 所示。
图2-53 图2-54
STEP 30 按住Ctrl 键单击“形状 3”图层前的图层缩览图,将图像载入选区,如图2-55所示。继续按住Ctrl+Shift 组合键单击“不仅只是”图层前的图层缩览图,添加选区,如图2-56所示。
图2-55 图2-56
STEP 31 单击“图层”面板底部的“添加图层蒙版”按钮,如图2-57 所示。为图层添加蒙版,隐藏选区以外的图像,如图2-58 所示。
图2-57 图2-58
STEP 32 新建一个“图层 3”图层,并设置前景色为白色。选择工具箱中的“画笔工具” ,在属性栏中调整画笔大小,如图2-59 所示。然后在文字图像上绘制高光效果,缩小画笔大小后继续绘制高光,增强文字图像的质感,如图2-60 所示。
图2-59 图2-60
STEP 33 使用“钢笔工具” 绘制一个图形,如图2-61 所示。然后使用“横排文字工具” 添加如图2-62 所示的文字。
图2-61 图2-62
STEP 34 按Ctrl+T 组合键打开自由变换框,按住Ctrl+Shift 组合键向上倾斜文字,如图2-63 所示。选中“形状 2”图层,并按住Ctrl 键的同时单击图层缩览图,将图形载入选区,如图2-64 所示。
STEP 35 新建一个“图层 4”图层,如图2-65 所示,选择工具箱中的“画笔工具” ,在属性栏中调整画笔大小。设置前景色为深红色,然后在选区中合适位置单击,创建阴影效果,如图2-66 所示。
你还可能感兴趣
我要评论
|