步骤1:背景创建新的文件,尺寸是1152 px x 864 px。 我们的第一步是创建背景为我们的接口。 这个过程只是只是尝试纹理。 基本上,我只是把一些纹理我发现和试验它的混合模式。 我的第一次尝试是一个 纸纹理 。
[flash=500,400]http://s1.knowsky.com/20131005/espnxviwwgd242101926.jpg[/flash]
步骤2添加一个 纸纹理 再一次,这一次改变其混合模式与繁殖。
[flash=500,400]http://s1.knowsky.com/20131005/3pazwzsy4xq242102226.jpg[/flash]
步骤3色相/饱和度调整图层添加到它变黑。
[flash=500,400]http://s1.knowsky.com/20131005/22e3tqtc4xc252102626.jpg[/flash]
步骤4添加一个 古董书纹理 与混合模式和不透明度48%乘以。
[flash=500,400]http://s1.knowsky.com/20131005/2t0sqjyf2he262102926.jpg[/flash]
步骤5添加 老纸纹理 。 这一次使用混合模式和不透明度58%覆盖。
[flash=500,400]http://s1.knowsky.com/20131005/exp1yo5eqj1272103626.jpg[/flash]
步骤6添加调整层黑色和白色。
[flash=500,400]http://s1.knowsky.com/20131005/fssmq0fkbfv292105026.jpg[/flash]
步骤7创建新层。 打D设置前景色和背景色为黑色和白色。 单击过滤器> >云渲染。
[flash=500,400]http://s1.knowsky.com/20131005/ie1ipdmzlua302105526.jpg[/flash]
步骤8设置其混合模式为正片叠底,并减少其不透明度为8%。
[flash=500,400]http://s1.knowsky.com/20131005/mk2ruovntsx322105626.jpg[/flash]
步骤9创建新层。 填补它与白色到黑色的径向梯度。
[flash=500,400]http://s1.knowsky.com/20131005/v5eg54rqs2g322105726.jpg[/flash]
第十步设置其混合模式为屏幕,不透明度67%。
[flash=500,400]http://s1.knowsky.com/20131005/lr5c11kakgl332105826.jpg[/flash]
步骤11添加调整层色相/饱和度。 选择彩色化给它一个颜色。
[flash=500,400]http://s1.knowsky.com/20131005/goyevjucusv342105926.jpg[/flash]
步骤12最后,添加一个漂亮的 挠金属材质 。 设置其混合模式为正片叠底,并减少其不透明度为20%。
[flash=500,400]http://s1.knowsky.com/20131005/rfqgnmqiytr352106026.jpg[/flash]
步骤13:工业线打开绘图软体。 画一个黄色的长方形。
[flash=500,400]http://s1.knowsky.com/20131005/xlpu4k5zrh3362106126.jpg[/flash]
步骤14顶部的矩形、画一个小黑色矩形。 选择分岔与直接选择工具和移动它们。
[flash=500,400]http://s1.knowsky.com/20131005/auz453wl1es362106226.jpg[/flash]
步骤15选择形状和alt阻力来复制它。
[flash=500,400]http://s1.knowsky.com/20131005/0rypldlhnql372106326.jpg[/flash]
步骤16点击Command / Ctrl + D重复重复过程。
[flash=500,400]http://s1.knowsky.com/20131005/zqxm0gajrpt372106426.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/g0syfe2uqiw382106526.jpg[/flash]
步骤17选择所有的形状。 点击Command / Ctrl + c将它粘贴在photoshop、命令/ Ctrl + v .选择智能对象在粘贴对话框。
[flash=500,400]http://s1.knowsky.com/20131005/ri2plyatoja382106726.jpg[/flash]
步骤18双击层给打开图层样式对话框。 添加图案叠加、负载颜色纸和选择一个肮脏的模式。
[flash=500,400]http://s1.knowsky.com/20131005/k1ucin2dlye392107126.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/pmdr3bkugun392107326.jpg[/flash]
步骤19添加矩形在顶部和底部的条纹。
[flash=500,400]http://s1.knowsky.com/20131005/sqpvv2ik23x402107626.jpg[/flash]
一步20后添加图层样式。
[flash=500,400]http://s1.knowsky.com/20131005/3cjezohkvm5412108226.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/wweapioz45i422109526.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/u4dwox5jxh5442111326.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/trt3wp5fifo452112126.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/lswv4ffwkrl462112226.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/ue1y3ftntmk472112626.jpg[/flash]
步骤21:基本窗口界面我们将首先创建窗口的基地。 创建一个矩形形状与颜色:# # 313029,透明度:100%,填充:50%。 后添加图层样式。
[flash=500,400]http://s1.knowsky.com/20131005/5bqu4dlcbv1482113026.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/3axred2h2nq482113426.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/u4z4idlomok492113526.jpg[/flash]
步骤22层风格我们刚刚添加太扁平。 我们将使用一个简单的技术来修复它。 在图层样式对话框激活图层蒙版隐藏效果。
[flash=500,400]http://s1.knowsky.com/20131005/mvxo5sedi4u502113626.jpg[/flash]
步骤23添加图层蒙板。 命令/ ctrl路径创建选择。 反向选择按命令/ Ctrl + Shift + i .添加一个柔软的黑暗梯度上,漆黑色的工业线隐藏的影子。
[flash=500,400]http://s1.knowsky.com/20131005/bbskblbr3kj512113726.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/y2ybji0dkwv522113826.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/bdxiuazulif522114226.jpg[/flash]
一步24你可以看到差异之前和之后的修改在下图的影子。
[flash=500,400]http://s1.knowsky.com/20131005/wmkpue40yqn532114626.jpg[/flash]
步骤25画出另一个矩形。 这个时间小于之前的。
[flash=500,400]http://s1.knowsky.com/20131005/wzcxjcjv3qc542114926.jpg[/flash]
一步26添加 锈纹理 在其上。 使用图层蒙版隐藏不需要的区域。 设置其混合模式为正片叠底,并减少其不透明度为10%。
[flash=500,400]http://s1.knowsky.com/20131005/iprxe5nakuz542115126.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/0t3owjmb3te552115626.jpg[/flash]
一步27创建新的矩形覆盖所有的形状。 添加小矩形内部的形状,将其设置为减。
[flash=500,400]http://s1.knowsky.com/20131005/p1xmhakotds562116326.jpg[/flash]
一步28重复之前的形状。 调整内部路径。
[flash=500,400]http://s1.knowsky.com/20131005/h2bvpozypre562116426.jpg[/flash]
一步29后添加图层样式。
[flash=500,400]http://s1.knowsky.com/20131005/nowktzc5bpd572116526.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/0fgya0f2pzn582116626.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/zgxocxahrnx582116726.jpg[/flash]
一步30有太多的阴影部分的窗口上。 在图层样式对话框激活图层蒙版隐藏效果。
[flash=500,400]http://s1.knowsky.com/20131005/0fgbaqb31mm002117127.jpg[/flash]
步骤31命令/ ctrl路径。 反向选择(命令/ Ctrl + Shift + I)和阴影画在窗口的上部与灰色。
[flash=500,400]http://s1.knowsky.com/20131005/gben5atvv5a002118027.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/jl2ykgrjbru002118227.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/gvoftrvn3yz012118627.jpg[/flash]
步骤32下面,你可以看到之前和之后的差异部分隐藏的影子。
[flash=500,400]http://s1.knowsky.com/20131005/g5nmpyenf4m012118927.jpg[/flash]
步骤33画一个矩形覆盖所有的窗口界面。 设置其填充到0%,后添加图层样式。
[flash=500,400]http://s1.knowsky.com/20131005/wqsurghzs43022119427.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/wgbxmgflar5042120127.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/ujbcxlhnkff052120627.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/wcxwrxg3s2v062120927.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/co3vr4pv1gq072121027.jpg[/flash]
步骤34我们的最后一步就添加微妙突出到窗口界面。
[flash=500,400]http://s1.knowsky.com/20131005/ok05wkkwxnt072121127.jpg[/flash]
步骤35:洞画一个黑眼圈,放在角落里。 添加阴影。
[flash=500,400]http://s1.knowsky.com/20131005/ldckksjqpyg082121227.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/rvclfvpd3gw092121327.jpg[/flash]
步骤36用软刷油漆一些白色的顶部的孔。
[flash=500,400]http://s1.knowsky.com/20131005/1uugyjgrm0k102121427.jpg[/flash]
一步37这是导致100%的观点。
[flash=500,400]http://s1.knowsky.com/20131005/weqne0xmuy2102121527.jpg[/flash]
一步38把所有的层创建孔到上一层组。 复制组和把它放在每个角落。
[flash=500,400]http://s1.knowsky.com/20131005/3lxpdzhlki5112121627.jpg[/flash]
一步39:窗口标题在插画家,创建窗口标题形状的一半。
[flash=500,400]http://s1.knowsky.com/20131005/nyglnawgmlc122121727.jpg[/flash]
一步40右键单击并选择变换>形状反映。 选择轴:垂直并单击复制。
[flash=500,400]http://s1.knowsky.com/20131005/jatahggpkgv122122027.jpg[/flash]
步骤41移动复制形状。
[flash=500,400]http://s1.knowsky.com/20131005/jycj5nho3s2132122527.jpg[/flash]
步骤42选择分是重叠的。 右击并选择加入。
[flash=500,400]http://s1.knowsky.com/20131005/t3f0woru3o2142122627.jpg[/flash]
一步43粘贴到Photoshop的路径作为一个形状图层。
[flash=500,400]http://s1.knowsky.com/20131005/igqp3lfr0bj142122727.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/5h3d3hmj5lh142122827.jpg[/flash]
一步44油漆突出和影子的形状。 你可以看到下面的进展我。 我使用非常软刷(硬度:0%,不透明度:5 - 10%)和大约10层。
[flash=500,400]http://s1.knowsky.com/20131005/354b24bg1dy152122927.jpg[/flash]
一步45添加游戏标题和后添加图层样式。 这里使用的字体是 凯尔特加拉蒙字体第二 。
[flash=500,400]http://s1.knowsky.com/20131005/zp4oqi1epzf162123227.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/3mn0ms1srqu172123427.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/wx4tsw5m2k3192123927.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/5tckvcy5e4u212124127.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/apozw2ghxzx222124227.jpg[/flash]
一步46:装饰画一个圆角矩形左边的接口。 使用颜色:# 605847。 添加微妙的渐变叠加从灰色变成白色。
[flash=500,400]http://s1.knowsky.com/20131005/w2opist5102222124527.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/xqkhs13kx4u232125527.jpg[/flash]
一步47重复之前的形状,并调整其大小。 见下面的照片供参考。
[flash=500,400]http://s1.knowsky.com/20131005/g3vq1yhmlgm232125927.jpg[/flash]
一步48画出另一个矩形。 这一次使用明亮的颜色。 添加渐变叠加。 复制,并将其在较低的部分更大的矩形。
[flash=500,400]http://s1.knowsky.com/20131005/mnfsi1eqdgn242126327.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/t4xixwygaea242127227.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/ohvhakbb0iu252127927.jpg[/flash]
一步49画1 px线为其突出和阴影。 我们要把这形成一个三维形状。 最后,你会发现这个小1 px细节是需要得到一个现实的结果。
[flash=500,400]http://s1.knowsky.com/20131005/yxnb35aq0il262128027.jpg[/flash]
一步50下面画形状添加3 d透视到形状。 后添加渐变叠加。
[flash=500,400]http://s1.knowsky.com/20131005/z1o1joku25x272128227.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/o1j44ojbsww282128627.jpg[/flash]
一步51画阴影下形成的。
[flash=500,400]http://s1.knowsky.com/20131005/32l2rrc2unq292128827.jpg[/flash]
一步52下面画形状和完整的影子。 添加渐变叠加到形状。
[flash=500,400]http://s1.knowsky.com/20131005/dpef1rlrg01292129127.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/xqzcko2htwy312129227.jpg[/flash]
一步53这是导致100%的观点。
[flash=500,400]http://s1.knowsky.com/20131005/hrupddnag51312129327.jpg[/flash]
一步54选择所有图层并把它放在一个组层。 复制组,水平翻转,并把它放在另一边。
[flash=500,400]http://s1.knowsky.com/20131005/p0gnjeehn0n312129427.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/lqamfhdusls322129527.jpg[/flash]
一步55:装饰画形状,如下所示。 油漆突出和影子在上面。 不要忘记添加软阴影的形状对界面窗口。
[flash=500,400]http://s1.knowsky.com/20131005/kjoki33emcp332129627.jpg[/flash]
一步56下面你将看到结果在100%的观点。 重复两次的形状。
[flash=500,400]http://s1.knowsky.com/20131005/lu2ibolaxov332129727.jpg[/flash]
57步创建新层根据形状和漆黑色像素使用小软刷。
[flash=500,400]http://s1.knowsky.com/20131005/nhgkapqfyqn342129927.jpg[/flash]
一步58复制所有的形状。 水平翻转和移动到另一边的接口。
[flash=500,400]http://s1.knowsky.com/20131005/s3qs1gqmwtr342130027.jpg[/flash]
一步59:添加生锈纹理添加 锈纹理 覆盖整个界面。 命令/ ctrl界面边界和窗口标题创建一个选择基于他们的形状。 添加图层蒙版。 漆黑色标题形状与低透明度刷,因为我们不想看到太多纹理上锈。 下面,你可以看到我创建的面具。
[flash=500,400]http://s1.knowsky.com/20131005/uuv5ulfafxc352130127.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/5tvz11l34z4352130427.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/myc4q0dw3jh362130527.jpg[/flash]
一步60降低不透明度为15%。
[flash=500,400]http://s1.knowsky.com/20131005/v1pdiz3cwqt362130627.jpg[/flash]
步骤61:车辆预览创建一个框架在窗口界面。 这是由两个路径和内在路径设置为减。 后添加图层样式。
[flash=500,400]http://s1.knowsky.com/20131005/2zkvktuk505372130727.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/z41ax3lxued372130827.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/kkiocx0oa5v382130927.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/b3bvmzjj1sm392131027.jpg[/flash]
步骤62粘贴 PNG图像的车辆 在框架。
[flash=500,400]http://s1.knowsky.com/20131005/fdg0p30tfqd402131127.jpg[/flash]
步骤63后面的帧添加一个新图层,填充灰色白色梯度。
[flash=500,400]http://s1.knowsky.com/20131005/tebkefoufky412131227.jpg[/flash]
步骤64绘制一些阴影下的车辆。
[flash=500,400]http://s1.knowsky.com/20131005/5ho1usdnaux422131427.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/t5dm5epnkxx432131727.jpg[/flash]
步骤65:车辆数据添加另一个框架在车下面预览。 使用类似技术在前面的步骤。
[flash=500,400]http://s1.knowsky.com/20131005/ugltt2xsgqc442131927.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/hmizzygdqqo452132427.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/2zydamtip4t452132927.jpg[/flash]
步骤66添加一些信息到框架。
[flash=500,400]http://s1.knowsky.com/20131005/aawgkwnnudf462133127.jpg[/flash]
步骤67:研究和升级数据画出另一个框架,这一次更大的。
[flash=500,400]http://s1.knowsky.com/20131005/3qyu4hnxtlh472133627.jpg[/flash]
步骤68画一个简单的矩形在框架。 后添加图层样式。
[flash=500,400]http://s1.knowsky.com/20131005/yp0f1qfnjrx472133827.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/fp32ql4fx1g482134427.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/4evkc2b2t3r502135027.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/f5psjt2p4qs512135327.jpg[/flash]
步骤69添加一些文本到矩形。
[flash=500,400]http://s1.knowsky.com/20131005/pfkrw52tlpg512135627.jpg[/flash]
步骤70复制矩形为另一个数据。 删除图层样式外发光,并减少其不透明度为30%来自非活动水平。
[flash=500,400]http://s1.knowsky.com/20131005/fgr0myq0nfs522136127.jpg[/flash]
步骤71复制所有的形状来创建另一个数据集。
[flash=500,400]http://s1.knowsky.com/20131005/n0mguxiqziw532136327.jpg[/flash]
步骤72:绘图按钮回到插画家,创建这个形状。
[flash=500,400]http://s1.knowsky.com/20131005/nuyzd1vftbr532136427.jpg[/flash]
步骤73粘贴到Photoshop的形状作为形状图层。 后添加图层样式。
[flash=500,400]http://s1.knowsky.com/20131005/zunngdra3xu542136527.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/izbsuoyqgpp552136627.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/dc4ey40mnxl562136727.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/3wfvizwgzme562136827.jpg[/flash]
步骤74油漆突出和影子手动使用软刷,硬度和不透明度0% 5 - 10%。
[flash=500,400]http://s1.knowsky.com/20131005/35cxtaembin572136927.jpg[/flash]
步骤75重复的形状和水平翻转。
[flash=500,400]http://s1.knowsky.com/20131005/nx2rm23wec1572137027.jpg[/flash]
步骤76画一个浅蓝色矩形和把它背后的形状。 后添加图层样式。
[flash=500,400]http://s1.knowsky.com/20131005/jyecj3xjmjv572137127.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/teynxan5wyg582137227.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/ll5nkdjtjq1592137327.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/fglhgsivedt022137428.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/oedzpsoroua032137528.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/atk5frsxiyq042137628.jpg[/flash]
[flash=500,400]http://s1.knowsky.com/20131005/fs4c0gesfzd042137728.jpg[/flash]
步骤77画一些强调内部的形状。 添加按钮的标题。 漆光发光顶部的按钮。
[flash=500,400]http://s1.knowsky.com/20131005/r3gaa1bv1di062137828.jpg[/flash]
步骤78复制按钮,改变其标题。
[flash=500,400]http://s1.knowsky.com/20131005/34rbioe0fpd072137928.jpg[/flash]
最终的图像
[flash=500,400]http://s1.knowsky.com/20131005/0omwbbamrh5072138028.jpg[/flash]