PS制作手机广告.doc

在Photoshop中制作一个Xperia手机广告。 看我们如何从头开始创建了Xperia手机，然后用它来制作一个精美的广告。当然，教程也只是一个制作的过程，具体细节大家在练习时自己把握，贵在参与与练习哈。最终结果预览前天 17:20 上传下载附件 (41.92 KB) 资源* nevis.rar (7.79 KB, 下载次数: 26) 前天 17:12 上传下载次数: 26 第1步建立一个新图形，文件新建 具体设置为，宽度：400像素，高度：500像素，分辨率：72像素/英寸，背景内容：白色 【图1】前天 17:14 上传下载附件 (36.91 KB) 第2步创建一个新图层（CTRL + SHIFT + N或你可以去图层新建 - 层）。 该图层重命名为“基本图形”。 然后我们从工具菜单中选择钢笔工具（P键），画下以下路径【图2】前天 17:14 上传下载附件 (9.08 KB) 在创建的路径中，我们用深灰色填充，颜色设置为#050505【图3】前天 17:14 上传下载附件 (8.79 KB) 第3步我们使用选择工具（套索工具，多边形套索工具，钢笔工具）作出这样的选择，见图片【图4】前天 17:14 上传下载附件 (12.14 KB) 在选中范围内用颜色填充，颜色设置为52c1d0 【图5】前天 17:14 上传下载附件 (9.78 KB) 第4步我们使用选择工具，在手机的轮廓上侧画手机的上边框【图6】前天 17:14 上传下载附件 (10.31 KB) 从左到右，我们使用减淡工具【图7】前天 17:14 上传下载附件 (12.41 KB) 第5步创建一个新图层（CTRL + SHIFT + N或你可以去层新建 - 层）。 把该图层起名“描边”重命名该图层。 从工具菜单中选择钢笔工具（P键），并画出路径看图示【图8】 前天 17:14 上传下载附件 (9.46 KB) 添加一个1像素的白色边（在刚才画的路径上点击右键 - 描边路径）【图9】前天 17:14 上传下载附件 (8.79 KB) 然后使用橡皮擦工具擦除（E键），在白色的描边看起来更真实些【图10】前天 17:14 上传下载附件 (8.31 KB) 第6步创建一个新的图层（CTRL + SHIFT + N），重命名“荧光屏描边”，然后使用钢笔工具（P）画出荧光屏的边缘【图11】前天 17:14 上传下载附件 (24.5 KB) 编辑颜色030305 填充路径【图12】前天 17:14 上传下载附件 (10.08 KB) 7第7步创建一个新的图层，重命名为“屏幕”，在荧光屏边缘的内部的四方框内，使用颜色080808填充【图13】前天 17:14 上传下载附件 (10.45 KB) 使用钢笔工具（P）画出一个路径【图14】前天 17:14 上传下载附件 (25.54 KB) 添加一个1像素的白色边（在刚才画的路径上点击右键 - 描边路径）【图15】前天 17:14 上传下载附件 (9.47 KB) 新建的笔画的不透明度降低到20左右【图16】前天 17:15 上传下载附件 (10.01 KB) 第8步我们使用选择工具（套索工具，多边形套索工具，钢笔工具）作出这样的选择，见图片【图17】前天 17:15 上传下载附件 (11.67 KB) 在指定的地方使用减淡工具（O）看下效果【图18】前天 17:15 上传下载附件 (12.81 KB) 第9步创建一个新图层（CTRL + SHIFT + N或你可以去层新建 - 层）。 把该图层起名“描边2”重命名该图层。 从工具菜单中选择钢笔工具（P键），看图示【图19】 前天 17:15 上传下载附件 (10.34 KB) 然后使用橡皮擦工具擦除（E键），在白色的描边看起来更真实些【图20】第10步创建一个新图层（CTRL + SHIFT + N或你可以去层新建 - 层）。 把该图层起名“金属”重命名该图层。 从工具菜单中选择使用多边形套索工具（L），看图示【图21】 前天 17:15 上传下载附件 (12.49 KB) 用灰色在选中范围填充，颜色编辑为b1b1b1 【图22】前天 17:15 上传下载附件 (11.54 KB) 第11步在我们制作的金属部分使用多边形套索工具（L）【图23】前天 17:15 上传下载附件 (11.94 KB) 使用减淡工具（O）注意亮度从上到下【图24】前天 17:15 上传下载附件 (10.94 KB) 第12步使用钢笔工具（P）来创建一个路径 【图25】前天 17:15 上传下载附件 (9.12 KB) 用灰色填充刚才创建的路径，颜色选用141416 【图26】前天 17:15 上传下载附件 (9.96 KB) 在刚才填充的颜色上使用减淡工具在上下两侧，使其看起来有凸起的感觉。【图27】前天 17:15 上传下载附件 (9.41 KB) 第13步创建一个新图层（CTRL + SHIFT + N或你可以去层新建 - 层）。 把该图层起名“描边3”重命名该图层。就在刚刚填充的图形上上下竖直做一个描边，添加一个1像素的白色边（在刚才画的路径上点击右键 - 描边路径）然后用橡皮工具擦拭减淡，使其看起来比较真实。类似的此步骤前面做过。【图28】前天 17:15 上传下载附件 (13.73 KB) 第14步创建一个新图层（CTRL + SHIFT + N或你可以去层新建 - 层）。并使用钢笔工具创建路径【图29】前天 17:15 上传下载附件 (11 KB) 参照上面我们做过的方法，在刚才的路径上制作出一个按钮，【图30】前天 17:15 上传下载附件 (10.6 KB) 第15步选择“金属”图层，设置并使用减淡工具（O）【图31】前天 17:16 上传下载附件 (16.35 KB) 第16步创建一个新图层（CTRL + SHIFT + N或你可以去层新建 - 层），然后重命名该层为“黑色描边”。【图32】前天 17:16 上传下载附件 (12.8 KB) 在新图层中勾出一个形状，然后使用灰色填充（626166）【图33】前天 17:16 上传下载附件 (13.25 KB) 使用前面我们做过的相同的步骤，制作出金属效果 【图34】前天 17:16 上传下载附件 (10.85 KB) 第17步回过头我们选择基本图形这个图层，就是最早我们建立的那个框架，使用减淡工具，在手机的底部做出一个明亮过渡的效果。【图35】前天 17:16 上传下载附件 (24.86 KB) 第18步同样我们使用钢笔工具创建一个新的路径，用于在手机的底部添加一个按钮，具体按钮制作操作方法在前面了解过【图36】前天 17:16 上传下载附件 (15.78 KB) 在按钮上添加一条2个像素的白色描边【图37】前天 17:16 上传下载附件 (10.83 KB) 第19步使用自定义形状工具（U）在手机底部的按钮上方的画相应的手机快捷键符号），然后设置该图层75的不透明度【图38】前天 17:16 上传下载附件 (16.52 KB) 第20步现在我们看我们制作的手机，大致样子已经出来了，但屏幕还是黑色的，我们添加上图形或颜色，让他看起来更美观一些。使用画笔工具，使用较为粗的柔和画笔画2个彩色点在屏幕位置上，我这里设置的是#01bce9和#00aee5这两个蓝色调颜色，本人喜欢蓝色。呵呵【图39】前天 17:16 上传下载附件 (12.68 KB) 菜单滤镜杂色添加杂色，设置为数量为25%。看下效果【图40】前天 17:16 上传下载附件 (59.38 KB) 菜单滤镜模糊动感模糊，设置为角度为-90，距离999像素，看下效果【图41】第21步菜单图像调整亮度/对比度，使未来设置，然后按“确定”【图42】前天 17:16 上传下载附件 (32.17 KB) 创建一个新的图层（CTRL + SHIFT + N或你可以去层新建 - 层），然后重命名该图层为“叠加”，使用画笔工具，我们的屏幕上添加一些白色【图43】前天 17:16 上传下载附件 (17.72 KB) 滤镜 - 模糊 - 高斯模糊 【图44】前天 17:16 上传下载附件 (44.83 KB) 设置这个图层的混合模式设置为叠加【图45】前天 17:16 上传下载附件 (19.49 KB) 第22步我们使用钢笔工具，勾出一个范围【图46】前天 17:17 上传下载附件 (20.2 KB) 用白色填充【图47】前天 17:17 上传下载附件 (17.1 KB) 减少这个层的20%不透明度【图48】前天 17:17 上传下载附件 (19.52 KB) 第23步创建一个新层（CTRL + SHIFT + N或你可以去层新建 - 层），然后重命名的层“描边5”，使用钢笔工具，然后创建一个路径【图49】前天 17:17 上传下载附件 (20.33 KB) 在屏幕的上方填充一个2像素的白色描边【图50】前天 17:17 上传下载附件 (19.1 KB) 使用橡皮擦工具擦除白色描边使其看起来更真实。【图51】前天 17:17 上传下载附件 (20 KB) 第24步使用圆角矩形工具（U）添加一个暗灰色圆形等等，在手机上自行添加一些小的部位，比如听筒洞等等，不在一一叙述，制作的时候，把握好明亮对比，使其显得真实就可以了，就如同上面我们制作按钮等时候用过的很多方法。【图52】前天 17:17 上传下载附件 (19.44 KB) 第25步我们给手机制作一个影子，创建一个新层（CTRL + SHIFT + N或你可以去层“新建” - “层，重命名图层为“影子”，然后我们使用选框工具，制作一个这样的勾选范围。【图53】前天 17:17 上传下载附件 (40.56 KB) 选择使用黑色000000填充，然后进入菜单滤镜模糊高斯模糊和运动模糊，运动模糊设置为角度为0，距离为85像素。 高斯模糊设置为半径为0.9像素，然后移动手机到刚刚制作的阴影上，使之成为一体。【图54】前天 17:17 上传下载附件 (20.22 KB) 制作了多个颜色的手机出来，呵呵【图55】前天 17:17 上传下载附件 (24.86 KB) 第26步手机已经制作完成，那么现在让我们开始制作这款Xperia手机的广告，新建一个文件，宽度600，高度500，72分辨率，白色背景。【图56】前天 17:17 上传下载附件 (37.72 KB) 背景层填充颜色1f7a8d，菜单滤镜杂色添加杂色，设置数量为1%【图57】前天 17:17 上传下载附件 (29.2 KB) 滤镜 - 渲染光照效果，设置样式为手电筒，光照类型为全光源【图58】前天 17:17 上传下载附件 (48.67 KB) 图像调整色相/饱和度，设置为饱和度-39 【图59】第27步按下（CTRL + SHIFT + N）键，进入一个新的图层用钢笔工具（P）的勾出一个形状，在背景图的底部。【图60】前天 17:17 上传下载附件 (19.56 KB) 然后把我们制作好的手机拖放到该图层中。【图61】前天 17:18 上传下载附件 (28.05 KB) 第28步创建一个新的图层（CTRL + SHIFT + N）图层名称为“曲线描边”，使用钢笔工具勾出一个路径（P）右键单击路径 - 描边路径，颜色设置为3da9a9【图62】前天 17:18 上传下载附件 (9.09 KB) （按Ctrl + J）复制出刚才所做的内容，然后使用自由转换移动 ，【图63】前天 17:18 上传下载附件 (32.38 KB) 把刚才的步骤重复3次，然后使用自定义形状工具（U），添加一些圆【图64】前天 17:19 上传下载附件 (35.21 KB) 第29步可以使用混合模式图层样式来调节，这里就不一一截图了，自己调整，然后把刚才的图反转下【图65】前天 17:19 上传下载附件 (34.51 KB) 第30步使用素材提供的字体，添加一些文字，可以自己在该图层中右键菜单中选择混合模式，自己调整，我设置的是投影和外发光，自己看着调整