Photoshop 网页设计实例.docx

Photoshop网页设计实例静态全屏广告静态全屏广告通过在网页的首页上快速的显示，来得到传达信息的作用，在下面制作 的过程中，通过使用蓝色的主题颜色来衬托出：“珠江帝1-每天的水岸心情”这个主题的 广告语，如图1-51所示，而通过对地球的修饰和楼房的表达，来总体的表现出这个地产的 傍水风情。本实例是以修改地球为基础，通过对海的修饰和天空的衬托和远景的房产楼房，来集中 的体现出“每天的水岸心情”这个主题。通过使用渐变工具和蒙版的修饰，来达到最终改 动效果。图1-51静态全屏广告操作步骤:(1)新建一个800X 600像素，分辨率为72像素/英寸文档，导入素材，将素材放置合 适位置。按Ctrl+B快捷键打开【色彩平衡】对话框，设置参数，如图1-52所示。图1-52调整色彩平衡(2)使用【多边形套索工具】绘制选区，并按Shift+F6快捷键设置【羽化半径】为 50像素。接着按Ctrl+J快捷键得到新图层，如图1-53所示。图1-53得到新图层提示通过选区得到的新建图层，是将选区内的图像复制 到新建图层中。(3) 使用【移动工具】坦移至合适位置，并继续复制云彩，按Ctrl+T快捷键自由变换 云彩效果，并使用【橡皮擦工具】习降低【不透明度】和【大小】参数进行擦除，如图1-54 所示。图1-54变换云彩(4) 继续导入素材，打开【图层】面板，单击【添加图层蒙版】堂，并使用【渐变 工具】”绘制黑色透明线性渐变，设置参数，如图1-55所示。5、不溟顿g E3 jTaweffljtll M% nxi *图1-55创建蒙版(5) 继续导入素材，并放置合适位置，采用上述方法添加蒙版并绘制线性渐变，使用 【画笔工具】E设置前景色为黑色设置不透明度和大小，在蒙版中进行涂抹，如图1-56所/示0图1-56涂抹效果(6) 导入地球仪素材，改变其大小放置合适位置，并使用【钢笔工具】抠出地球仪， 调整色阶，如图1-57所示。图1-57地球仪调整色阶效果(7) 新建图层，按Ctrl键单击地球仪图层，得到选区。使用【渐变工具】心绘制透明 渐变，设置前景色为黑色，设置参数，如图1-58所示。图1-58地球仪渐变效果(8) 继续在地球仪上方新建图层，使用【钢笔工具】.绘制路径，并填充颜色。双击 该图层，打开【图层样式】对话框，启用【斜面和浮雕】复选框，设置参数，如图1-59所/示0图1-59斜面和浮雕效果(9) 继续选择刚才所绘制的效果，启用【投影】，设置参数，如图1-60所示。图1-60投影效果提示：在对图层添加蒙版的时候，如果没有达到满意的效 果，可以使用画笔工具进行涂抹，当前景色为黑色 的情况下是涂抹掉不需要的地方，如果前景色为白 色的情况下是涂抹出那些掩盖的图像。（10）新建图层，选择刚才绘制的效果，按Ctrl键单击单击绘制的效果，得到选区，使用【画笔工具】设置不透明度和大小，在选区内进行涂抹，如图1-61所示。图1-61涂抹效果（11）导入素材，改变其大小和位置，选择素材，按Ctrl键在绘制的效果图层上单击， 得到选区，继续按Ctrl+Shift+I反选，Delete删除，并更改不透明度为如图1-62所示。图1-62透明效果技巧：使用画笔工具进行涂抹的时候，按I键快速的转换到 吸管工具，吸取需要的颜色。继而在使用画笔工具 进行涂抹，降低其不透明度是为了在涂抹的时候更 加的自然，设置的不透明度低，涂抹出的效果更加 的自然。（12）继续导入素材，使用【钢笔工具】园绘制路径，转换为选区，并按Ctrl+Shift+I 快捷键反选，继续按Shift+F6快捷键设置羽化，按Delete键删除，如图1-63所示。图1-63删除效果（13）继续导入轮船素材，使用【钢笔工具】绘制路径，并按Alt键创建剪切蒙版， 使用【画笔工具】叱，设置前景色为白色，在蒙版选区中进行涂抹，如图1-64所示。图1-64轮船效果（14）在地球仪下方新建图层，使用【椭圆选框工具】回绘制椭圆，设置羽化半径为 20，填充颜色为黑色，如图1-65所示。图1-65填充颜色效果（15）选择刚才绘制的椭圆，设置不透明度，按Ctrl+J快捷键复制椭圆，使用【橡皮擦 工具】降低不透明度和大小进行擦除，如图1-66所示。图1-66擦除效果（16）导入素材，使用【钢笔工具】h扣取房屋路径，扣取完成之后并按Alt键复制房 屋至左方，并按Ctrl+T快捷键，右键水平翻转，得到房屋效果，如图1-67所示。图1-67房屋效果（17）采用上述方法扣取其他房屋效果，并放置合适位置，如图1-68所示。图1-68扣取房子效果（18）选择【横排文字工具】输入文字，设置文字颜色为黑色和白色，如图1-69所小。图1-69输入文字，（19）新建图层，在画布下方使用【矩形选框工具】绘制矩形，并分别在不同的图 层上填充颜色，如图1-70所示。图1-70填充颜色提示：在绘制的过程中，如果条件允许每一个细节都要新 建图层，为的是在以后修改的过程中更加的方便。（20）新建图层，使用【钢笔工具】.绘制路径，并填充颜色，双击该图层，打开【图 层样式】对话框，启用【斜面和浮雕】复选框，设置参数，如图1-71所示。毗咛I节帝:盘：手者砌E师：首aIte Hl：，：l间同用垒朝国国U: - 加 Urasoci: J才曹上OT 大疵：-trftcD-WHHH城正片登谜 :Tjfrflffii 口 图1-71斜面和浮雕效果（21）继续新建图层，使用【矩形选框工具】回绘制矩形，执行【编辑】|【描边】命 令，设置参数，如图1-72所示。图1-72描边效果（22）继续使用【圆角矩形工具】Q绘制矩形，任意填充颜色，双击该图层，打开【图 层样式】对话框，启用【渐变叠加】复选框，设置参数如图1-73所示。图1-73渐变叠加效果(23) 采用上述方法添加其他效果，如图1-74所示。图1-74其他效果(24) 选择【横排文字工具】州输入文字，并填充颜色，如图1-75所示。图1-75添加文字效果