东风锐达汽车网页设计案例汇总

本实例制作的是一款网页设计，本设计颜色丰富多彩，视觉冲击力强，结合西方古典城堡元素，使得整个画面别具一帆风味。

使用工具:“图层样式”命令、文字工具、矩形选框工具、画笔工具。

文件路径：源文件\第12章\094.psd

视频文件：mp4\第12章\094.mp4

01 启动Photoshop后，执行“文件”|“新建”命令，弹出“新建”对话框，设置“宽度”为1183像素，“高度”为710像素，“分辨率”为72像素/英寸，单击“确定”按钮，新建一个空白文件。02设置前景色为黑色，按Alt+Delete键，填充黑色，打开“夕阳”素材，单击工具箱中的矩形选框工具，框出需要的部分，按住Ctrl键，拖入画面，按Ctrl+T键，调整好大小和位置，如图12-146所示。

图12-146 新建文档

03 参照上述操作，添加“云彩”素材，在图层面板中设置“填充”为25%，如图12-147所示。

图12-147 添加云彩素材

04 打开“水”素材，框出需要的水面拖入画面，调整好大小和位置，单击图层面板下面的“添加图层蒙版”按钮，单击工具箱中的画笔工具，设置前景色为黑色，在水面边缘涂抹，图像效果如图12-148所示。

图12-148 添加水面

05 新建一个图层，单击矩形选框工具，在画面下边绘制一个矩形选框，填充白色，如图12-149所示。

图12-149 绘制矩形

06 单击图层面板下面的“添加图层蒙版”按钮，单击工具箱中的渐变工具，在工具选项栏中设置从白色到透明的渐变，在画面中左、右、下三边各拖出线性渐变，渐变隐三边边缘，图像效果如图12-150所示。

图12-150添加蒙版

07打开“水排”素材，拖入画面，设置图层混合模式为“正片叠底”，添加图层蒙版，选择画笔工具，涂抹掉边缘多余的部分，按Ctrl+J键，复制一层，按Ctrl+T键，调小图形，放置到右边位置，单击右键，选择“水平翻转”，选中蒙版层，进一步去掉多余的部分，图像效果如图12-151所示。

图12-151 添加水排素材

08 参照上述操作，添加“城堡”等素材，图像效果如图12-152所示。

图12-152 添加城堡等素材

09 打开“路灯”素材，单击工具箱中的魔棒工具，在工具选项栏中设置“容差”为20，勾选“连续”，在白色背景处单击，按住Shift键，单击未选中的白色处，按Shift+Ctrl+I键，反选图形，按住Ctrl键，拖入当前编辑画面，按Ctrl+T键，调整大小，设置图层混合模式为“正片叠底”，按住Alt键，拖动图形，复制一层，调整大小放置到合适位置，如图12-153所示。

图12-153 添加路灯素材

10 打开“车子”素材，单击工具箱中的磁性套索工具，在画面中沿着车子轮廓，抠出车子，按住Ctrl键，拖入当前编辑画面，按Ctrl+T键，调整大小，在车子图层下面新建一个图层，设置前景色为黑色，单击画笔工具，在车子下面涂抹，制作阴影效果，如图12-154所示。

图12-154 添加车子素材

11 选中车子图层，按Ctrl+J键，复制一层，按Ctrl+T键，进入自由变换状态，单击右键，选择“垂直翻转”选项，移到车子下边，设置“填充”为65%，单击“添加图层蒙版”按钮，选中蒙版层，单击画笔工具，涂抹下半部分，按Ctrl+[键，往下调整一层，制作车子的倒影，如图12-155所示。

图12-155 制作倒影

12 新建一个图层，单击画笔工具，设置前景色为黄色（#eea35e）和黑色，分别涂抹车子三个角，设置“填充”为44%，按Ctrl+Alt+G键，创建剪切蒙版，给车子添加高光和阴暗效果，如图12-156所示。

图12-156 画笔涂抹

13 新建一个图层，单击工具箱中的矩形选框工具，绘制一个小矩形选框，单击渐变工具，在工具选项栏中设置从黑色到白色的径向渐变，在画面中从内往外拖出径向渐变，按Ctrl+D键，取消选区，双击图层面板中的图层缩览图，弹出“图层样式”对话框，设置参数如图12-157所示。

(www.xing528.com)

图12-157 外发光参数

14 按Ctrl+J键，复制5层，在图层面板中选中最上层，在画面中拖动到右边处，按住Shift键，在图层面板中选中所有小矩形图层，按下工具选项栏中的“水平居中对齐”和“垂直居中对齐”按钮，效果如图12-158所示。

图12-158 绘制光条

15 新建一个图层，单击工具箱中的吸管工具，在工具选项栏中选择“所有图层”，在车子红色处单击，吸取颜色，单击画笔工具，设置不透明度为40%，按“[”或“]”键，调整画笔大小，在画面中绘制红色当晕，如图12-159所示。

图12-159 绘制红色光晕

16 新建一个图层，运用吸管工具在车子洋红色处单击，单击画笔工具，在红色光晕上绘制洋红色光晕，如图12-160所示。

图12-160 绘制洋红色光晕

17 设置前景色为白色，运用画笔工具绘制白色光晕，如图12-161所示。

图12-161 绘制白色光晕

18 选中所有光晕图层，按Ctrl+J键，复制图层，并调整好大小和位置，如图12-162所示。

图12-162 复制光晕

19 选中所有光晕图层，按Ctrl+G键，编组图层，按Ctrl+Alt+E键，向上合并图层，加强发光效果，单击工具箱中的横排文字工具，输入文字，如图12-163所示。

图12-163 输入文字

20 新建一个图层，单击矩形选框工具，绘制一个矩形选框，设置前景色为白色，按Alt+Delete键，填充白色，设置“填充”为37%，单击图层面板下面的“添加图层蒙版”按钮，选中蒙版层，设置前景色为黑色，单击画笔工具，涂抹矩形上下端，新建一个图层，设置前景色为粉红色，运用画笔工具，在矩形上，绘制一条粉红光晕，如图12-164所示。

21 单击工具箱中的椭圆矩形工具，在工具选项栏中选择“形状”，设置填充色为从灰色到淡灰色到黑色的线性渐变，在画面中绘制一个圆角矩形，双击图层缩览图，弹出“图层样式”对话框，设置参数如图12-165所示。

22 单击“确定”按钮，图像效果如图12-166所示。

图12-164 绘制矩形

图12-165 斜面浮雕参数

图12-166 绘制矩形

23 在圆角矩形图层下面新建一个图层，设置前景色为粉红色，单击画笔工具，在圆角矩形下面，绘制光晕，制作发光效果，单击工具箱中的椭圆工具，绘制一个椭圆，填充洋红色，参数前面的操作，为图形添加斜面浮雕效果，双击椭圆图层缩览图，弹出“图层样式”对话框，选择“描边”选项，设置描边颜色为水红色，大小为1像素，位置为“外部”，单击“确定”按钮，效果如图12-167所示。

图12-167 绘制椭圆

24 打开“标志”素材，拖入画面，放置到画面左上角，单击横排文字工具，输入文字，效果如图12-168所示。

图12-168 添加标志及输入文字

25 打开“烟花”、“汽球”等素材，拖入画面，调整大小和位置，得到最终效果如图12-169所示。

图12-169 最终效果

设计传真

平面设计是由图形、色彩、文字三大设计要素组成的。其中图形是平面设计的主要构成要素，它能够形象地表现主题和创意；色彩是平面作品中重要的视觉因素，它具有迅速冲击视觉的作用，是形成作品冲击力和震撼力的主要因素；文字是平面广告的眼睛，具有引起注意、说明对象的作用。