PS制作手机广告

在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步 使用素材提供的字体，添加一些文字，可以自己在该图层中右键菜单中选择混合模式，自己调整，我设置的是投影和外发光，自己看着调整【图66】 前天 17:19 上传 下载附件 (40.79 KB) 第31步 使用单行选框工具，在图中选择【图67】 前天 17:19 上传 下载附件 (37.95 KB) 创建一个新层，使用画笔工具（B）画图【图68】 前天 17:19 上传 下载附件 (41.11 KB) 重复刚才步骤并放置在底部的文字下【图69】 前天 17:20 上传 下载附件 (41.42 KB) 第32步 创建一个新层，勾出一个范围，用白色填充【图70】 前天 17:20 上传 下载附件 (36.08 KB) 该层混合模式设置不透明度为10%，看下效果【图71】