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