Photoshop设计时尚大气的电商运动鞋海报
先看看效果图：下面我们就来看看这张海报是怎么从无到有的吧，首先我们接到运营的需求，做一张这款鞋子的Banner,其他要求无，那我这种情况，解决方式就是：风格上不犯错，技能上可以巩固。
开始做：
1、塑造骨骼
1、把鞋子和文案以及需要出现的信息点先罗列出来，然后我们再简单的做一个层次区分。就像我们画画一样，第一步肯定是塑形。
2、文案倾斜排版是为了突出运动感。
3、主标题的一部分在鞋子后面，是为了让鞋子和文案既有联系又有前后之间的层次。
如下图：
2、增加肌肉
骨头有了，那我们给它加点肌肉吧!我的构思是一个天空背景，一个底面背景，鞋子悬浮空中。我的素材如下图：
分别采用左图底面部分和右图背景部分
1、分别把两张素材图拖入文件中，并放好位置，添加蒙版之后用渐变工具去掉我们不需要的部分。
2、对文案部分上色，突出重点信息，丰富画面色彩。
3、对背景云层和地面进行调色，并用黑色画笔压暗四周，让他们过渡更自然。
4、对背景云层进行径向模糊，增加纵深空间。对地面进行0°的动感模糊，增加速度感，
注意：
1、地面和背景云层色彩平衡调整，暗部和中间调偏冷，高光调偏暖。
2、在地面靠近云层背景的部分用接近背景的颜色刷一下，执行叠加样式，并调整不透明度，让地面和背景衔接更自然。
5、现在我们会发现画面中背景层整体偏冷，缺少色彩对比。我们在游戏页面中会经常会看到，视觉中心点会用到暖色的逆光去突出。我们这里也运用这种方式去营造。
绛旓細浠婂ぉ鐨勬暀绋嬬壒鍒傚悎UI鏂版墜缁冩墜鐢紝鏁堟灉濂界湅锛屼綔鑰呭鍥惧眰鏍峰紡鍜屾笎鍙樼殑鐞嗚В涔熺壒鍒埌浣嶏紝鍚屽浠复鎽硅繃绋嬪鍔犳彛鎽╋紝杩涙浼氬緢蹇傛搷浣滅晫闈㈠叏涓枃锛屼笉鎬曠湅涓嶆噦锛屽皬缂栧凡璺熺潃缁冧範浜嗕竴閬嶏紝鐜板湪璇ヤ綘鍟︺傛晥鏋滃浘锛氱1姝ワ細鎵撳紑Photoshop锛孋trl+N鏂板缓涓涓枃妗ｏ紝鏂囨。灏哄鍙嚜瀹氫箟銆傜2姝ワ細鎸変綇Alt閿弻鍑昏儗鏅浘灞傦紝浣垮叾...
绛旓細鏈暀绋嬩富瑕佷娇鐢Photoshop鍒朵綔鏃跺皻澶ф皵鐨勯晱閲戣壓鏈瓧鏁欑▼銆備綔鑰呴氳繃鍚勭鍥惧眰鏍峰紡鐨勯厤鍚堬紝鍋氬嚭閫肩湡鐨勯噾灞炶川鎰燂紝澶у閮借瘯璇曞惂銆傛暀绋嬩腑鏈敞鏄庤壊鍊肩殑榛樿榛戣壊鎴栬呯櫧鑹层傚枩娆㈢殑鏈嬪弸璁╂垜浠竴璧锋潵瀛︿範鍚с傛暀绋嬬礌鏉愶細闀忛噾鏁堟灉鐨勯噾灞炶壓鏈瓧PS鏁欑▼绱犳潗 鍏堜笂鏈缁堟晥鏋滃浘 1銆佸紑濮嬩箣鍓嶏紝鍏堟妸闇瑕佺殑瀛椾綋鍜岀瑪鍒疯濂姐傚湪PS閲屾柊寤...
绛旓細鏈暀绋嬩富瑕佷娇鐢Photoshop鍒朵綔闇囨捈澶ф皵鐨3D绔嬩綋瀛楁暀绋嬶紝鏁欑▼涓昏浣跨敤绱犳潗鏉ュ悎鎴愬満鏅紝鐒跺悗瀛椾綋涓昏閫氳繃鍥惧眰鏍峰紡鏉ュ畬鎴愶紝鍠滄鐨勬湅鍙嬭鎴戜滑涓璧锋潵瀛︿範鍚с傛暀绋嬬礌鏉愬拰婧愭枃浠讹細瓒呴叿闇囨捈鐨3D绔嬩綋瀛PS鏁欑▼绱犳潗 鍏堢湅鐪嬫晥鏋滃浘 涓嬮潰鏄璁捐鎬濊矾鍜屾暀绋嬶細
绛旓細Photoshop鍒朵綔鏃跺皻椋庢牸鏂囪壓娴锋姤鏁欑▼杩欐鐨PS缈昏瘧鏁欑▼灏嗕负澶у浠嬬粛鍒╃敤Photoshop灏嗕竴骞呯粡鍏哥殑鑲栧儚鍥惧埗浣滄垚鏃跺皻鏂囪壓娴锋姤璁捐銆傚湪杩欑瘒鏁欑▼涓笉鍙槸绠鍗曞皢鏂囧瓧绮樿创鍒板浘鍍忎笂,杩樻湁鑷埗鍗板埛鏁堟灉绗斿埛灏嗚倴鍍忔墦閫犲嚭鏂伴鐨勫嵃鍒风増鏁堟灉銆備笅闈㈠厛鐪嬬湅鏈PS缈昏瘧鏁欑▼鐨勬渶缁堟晥鏋滃浘銆
绛旓細鏈缁堟晥鏋 瀵绘壘鎬濊矾锛氱礌鏉愬睍绀猴細涓銆佹嫾鍚堢礌鏉 1銆佸垱寤轰竴涓1920 * 950鐨勭敾甯冿紝鎷栧叆澶╃┖銆2銆佺敤浜戠瑪鍒风敾涓婁簯锛岀瑪鍒锋病鏀惧叆绱犳潗锛屼笉杩囨尯濂芥壘鐨勩3銆佹嫋鍏ヤ骇鍝侊紝鍋氬嚭鍚庨潰鍏夋簮銆傜劧鍚庣敤涓х伆鍋氬嚭浜у搧鏄庢殫銆4銆佸仛涓婅棨钄擄紝钘よ敁鎴戜篃鏄垎涓ゅ眰锛岀幇鍦ㄥ仛鐨勪簨涓嬪眰銆
绛旓細Photoshop鐨勭煝閲忓伐鍏峰拰3D宸ュ叿鏀惧湪涓璧锋槸涓涓緢寮哄ぇ鐨勭粍鍚堬紝鍙互鐢ㄦ潵鍒涘缓涓浜涙湁瓒ｅ張鎯婁汉鐨3D鏁堟灉銆傚湪鏁欑▼涓垜灏嗗悜鎮ㄥ睍绀哄浣曚娇鐢ㄧ煝閲忓舰鐘讹紝3D宸ュ叿鍜屼竴浜涚畝鍗曠礌鏉愬垱寤轰竴涓鏃跺皻鐨3D鏂囧瓧鏁堟灉銆傚钩鏃舵渶鎬曠殑灏辨槸鍋3D鏁堟灉锛屽彲鏄湅鍒拌繖涓暀绋嬬殑纭緢鍠滄鍛紝鎷挎潵璺熷ぇ瀹跺垎浜竴涓嬨傝屼笖杩欎釜鏁欑▼璁茶В鐨勫緢缁嗚吇锛岄櫎浜嗗繀瑕佺殑...
绛旓細鏈枃浠嬬粛涓夌瑙嗚娴锋姤鐨勫埗浣滄柟娉曪紝杩欎簺娴锋姤閮藉叿鏈変笉閿欑殑瑙嗚鏁堟灉锛岃兘澶熷惛寮曚笉灏戜汉鐨勭溂鐞冿紝娌℃湁澶鐨勮姳淇忥紝绠鍗曠殑绾挎潯浠ュ強棰滆壊鎼厤锛屽氨鑳藉閲婃斁澶轰汉瑙嗙嚎鐨勬晥鏋溿傚厛鐪嬩竴浜涚綉涓婃悳闆嗙殑鏁堟灉鍥撅細
绛旓細鍦ㄨ姳璇噷锛屾ū鑺辨槸鐖辨儏涓庡笇鏈涚殑璞″緛锛屽湪涓浜涚壒瀹氱殑鑺傛棩锛屽鏋滄湁妯辫姳鏁堟灉鐨勬枃瀛楃偣缂锛屾暣涓〉闈㈤兘鎰熻涓嶄竴鏍蜂簡鍛備粖澶╁垎浜殑鏁欑▼锛屾潵鏁欏悓瀛︿滑濡備綍鍒╃敤Photoshop鍒涘缓娓呮柊闆呰嚧鐨勬ū鑺辨晥鏋滃瓧浣擄紝瀛︿範涓涓嬪惂銆傛暀绋嬪瓧浣撳拰绱犳潗锛鏃跺皻婕備寒鐨勮姳鏈佃壓鏈瓧PS鏁欑▼绱犳潗 鏈缁堟晥鏋滐細濡傛灉鐪嬪埌杩欏効浣犳湁鍏磋叮锛岄偅涔堜笉濡ㄥ垎鏋愪竴涓嬶紝杩欎釜...
绛旓細鍦ㄦ湰鏁欑▼涓紝鎴戜滑灏嗕娇鐢photoshop鐨3D鍔熻兘瀛︿範濡備綍鍒涘缓涓涓湁瓒ｇ殑铻烘棆涓┖鐞冧綋銆傛湰鏁欑▼浣滆呰澶у鐪嬪埌鏇存竻鏅版槗鎳傜殑杩囩▼鍥撅紝杩樻墦鍖呬簡PSD缁欑闉嬩滑鍊熼壌瀛︿範锛屽緢鐢ㄥ績銆1銆佹柊寤轰竴600*340px鏂囦欢銆2銆佹寜鐓у涓嬫墍绀鸿缃笎鍙樺伐鍏枫3銆佹部鐫鐢诲竷涓ぎ鍒拌竟缂樼殑杞ㄨ抗缁樺埗涓鏉℃笎鍙樸4銆佹柊寤哄浘灞傦紝鍒╃敤鐭╁舰閫夋宸ュ叿缁樺埗濡備笅...
绛旓細鏈暀绋嬩富瑕佷娇鐢Photoshop鍒朵綔3D缁氫附鐨勭珛浣撳瓧鏁欑▼锛岀珛浣撳緢瀹规槗鍋氬ソ锛屼笉杩囪鑳戒笌鍦烘櫙瀹岀編铻嶅悎锛岃繕闇瑕佷竴浜涚壒娈婂鐞嗐傚涓嬮潰鐨勬暀绋嬶細绔嬩綋瀛楀仛濂藉悗锛屼綔鑰呮牴鎹儗鏅佸厜婧愩佽川鎰熺瓑閲嶆柊缁欑珛浣撳瓧鐨勫悇涓潰杩涜缁嗗寲澶勭悊锛屽嚭鏉ョ殑鏁堟灉闈炲父鏁翠綋锛岀粏鑵汇傛暀绋嬫墍闇瑕佺殑绱犳潗鍜屾簮鏂囦欢锛澶ф皵鐨3D绔嬩綋瀛PS鏁欑▼绱犳潗 鏈缁堟晥鏋 1銆...
