dolphinfaye 发表于 2014-8-13 01:59:46

手把手教你设计出时尚的促销专题页

      
将矩形填充浅棕色（C=10 M=65 Y=100 K=0）。

http://pic.16xx8.com/allimg/140812/012RG3D-32.jpg

dolphinfaye 发表于 2014-8-13 01:59:47

手把手教你设计出时尚的促销专题页


将浅棕色的矩形放在深棕色的图层下面。

http://pic.16xx8.com/allimg/140812/012RK257-33.jpg

dolphinfaye 发表于 2014-8-13 01:59:48

手把手教你设计出时尚的促销专题页


使用钢笔工具（P）和直接选择工具（A），调整矩形的曲线，像下图中那样即可。

http://pic.16xx8.com/allimg/140812/012RM342-34.jpg

dolphinfaye 发表于 2014-8-13 01:59:49

手把手教你设计出时尚的促销专题页


添加文字和LOGO用椭圆工具（U）新建一个椭圆，尺寸为248 x 248 px，填充棕色（C=30 M=80 Y=100 K=30）。

http://pic.16xx8.com/allimg/140812/012RJ611-35.jpg

dolphinfaye 发表于 2014-8-13 01:59:50

手把手教你设计出时尚的促销专题页


添加投影，透明度设置为14%，距离5 px，尺寸15 px。

http://pic.16xx8.com/allimg/140812/012RL045-36.jpg

dolphinfaye 发表于 2014-8-13 01:59:51

手把手教你设计出时尚的促销专题页


从图层面板下方的fx按钮快速添加投影特效。

http://pic.16xx8.com/allimg/140812/012RLK2-37.jpg

dolphinfaye 发表于 2014-8-13 01:59:52

手把手教你设计出时尚的促销专题页

      
按照上图调整投影的设定。
用椭圆工具（U）再创建一个400 x 400 px的圆形，填充深蓝色（C=100 M=80 Y=45 K=50）。

http://pic.16xx8.com/allimg/140812/012RI564-38.jpg

dolphinfaye 发表于 2014-8-13 01:59:53

手把手教你设计出时尚的促销专题页


用同样的投影特效，应用在新建的深蓝色圆形上，在之前的图层上右键，选择复制图层样式，然后在蓝色圆圈图层上右键粘贴即可。调整图层顺序，将棕色的圈圈放在蓝色圈圈上。

http://pic.16xx8.com/allimg/140812/012RHJ3-39.jpg

dolphinfaye 发表于 2014-8-13 01:59:54

手把手教你设计出时尚的促销专题页


用文字工具（T）添加文字，教程里我们使用的是Proxima Nova字体，字号为17 pt。具体内容如下图，可以用移动工具（V）来进行调整。

http://pic.16xx8.com/allimg/140812/012RL254-40.jpg

dolphinfaye 发表于 2014-8-13 01:59:55

手把手教你设计出时尚的促销专题页


重复上述步骤，区别是字号，这里字号调整到31 pt。

http://pic.16xx8.com/allimg/140812/012RM131-41.jpg

dolphinfaye 发表于 2014-8-13 01:59:56

手把手教你设计出时尚的促销专题页


使用文字工具（T）新建文本，使用Proxima Nova Light字体，字号为18 pt。

http://pic.16xx8.com/allimg/140812/012RMO8-42.jpg

dolphinfaye 发表于 2014-8-13 01:59:57

手把手教你设计出时尚的促销专题页


添加标题，还是文字工具（T），字号36 pt，字间距为-10。

http://pic.16xx8.com/allimg/140812/012RL242-43.jpg

dolphinfaye 发表于 2014-8-13 01:59:58

手把手教你设计出时尚的促销专题页


选择刚才建立的文字层，按住Alt拖动，复制文字层。

http://pic.16xx8.com/allimg/140812/012RG061-44.jpg

dolphinfaye 发表于 2014-8-13 01:59:59

手把手教你设计出时尚的促销专题页


还是文字工具（T），改写刚刚复制的图层，使用移动工具（V）调整文字的位置。

http://pic.16xx8.com/allimg/140812/012RME1-45.jpg

dolphinfaye 发表于 2014-8-13 02:00:00

手把手教你设计出时尚的促销专题页

      
在文件 > 置入，选择矢量LOGO素材acme-travel-logo.ai。

http://pic.16xx8.com/allimg/140812/012RL126-46.jpg
页: 1 2 [3] 4 5 6
查看完整版本: 手把手教你设计出时尚的促销专题页