Photoshop打造细腻光感抽象渐变背景
渐变应该是这两年的一个视觉风格趋势，将扁平化的平涂填色改为渐变以后，瞬间灵动了不少。在追逐渐变的过程中，我们都很高兴能在PS或AI这类软件中看到有渐变工具，这个工具为我们的创作带了便捷和直达的目的，但同时，很多新手小伙伴也许习惯依赖于软件自带的渐变工具，而不再继续对渐变进一步的探索，结果就是，无论你做多少渐变，如果直接使用渐变工具，总是觉得和那些广受好评的渐变作品有一段距离。这是直接用渐变工具画出的渐变背景，表面上看并无大问题，如果仔细看去会看到有一层层的过渡并不自然的“wave”，相对来说，这也许并不是最理想的结果。
下面这一组渐变作品是我研究总结，并增加了简单技巧而创作的抽象渐变背景。下面我们会一一来操作其中一个渐变背景的做法。这类背景可以运用在许多领域，但根据屏幕显色和印刷色的色感不同，普通印刷后的效果可能并没有传递好屏幕中所营造的“光感”，所以这在WEB端的平面设计中会更常用到。
灵感来源
感谢国外网友分享的Romain Gorisse的作品，本文得益并吸取他的作品灵感而来。
一、设定渐变基础色
渐变一定和色彩有着密不可分的关系，所以色彩学是用好渐变的基础。当然，你也可以慢慢来，学习的过程就是次序成长。所以我们在本文中也会涉及到部分色彩学的内容。
STEP 01
我们首先打开PS中的渐变工具，确定好渐变的基础色。之所以称其为基础色，是因为色彩在整个的创作过程中并不是一蹴而就，它是渐进式一步步接近最终效果的一个发展变化的过程。所以第一步设置的色彩，只能是一个基础。
在设置这些基础色的时候，我们要确定渐变基础色色标的数量。这个数量为2、3、4……都行，但是总体的渐变所覆盖的色彩的幅度不要太大，这里的幅度就是指在色轮上的色彩的范围。
上图中，距离180°的渐变色(下)就比距离90°的渐变色(上)来得更为复杂，但不是简单就一定好过复杂，大家要对即将要做出的渐变的色彩在色轮上的位置以及相互间的关系有个了解。这就比盲目尝试各种组合配色来得更为踏实。尽量在配色上保持某种协调性。
STEP 02
根据确定好的配色方向，设定好配色，以及在渐变工具中它们之间的距离。在设定这些基础色时，除了在色相上对色彩进行安排，还应该考虑的是色彩的明度和饱和度，这两者都是能影响整体色调的感觉。通常在选择色彩时，起码要考虑加入进一个明度较高的色彩、一个饱和度较高的色彩，使整体的配色在明度和饱和度上都能体现出一定的变化对比，从而利用明度等属性来营造出光感。
将这几个色彩确定好了以后，就采用渐变工具拉出一个铺满整个画布的背景。这时，渐变的方式为线性渐变，当然你也可以采用其他的渐变形式，这将会改变你的整个抽象的基础形。
二、变形记
STEP 03
液化工具是PS中一个非常好用且能直接改变图像外形的工具(听说很多爱美的小姑娘用它来美颜~)。我们在这里把这个工具看作一个变形工具。目前这个线性渐变所绘制的背景看上去相对比较平淡，运用液化工具就能将它改变成任意你希望的造型。
抽象的魅力就是没有目的和方向，任由你做到满意为止。这一过程也是我最喜欢的部分。平面设计中有很多这类即兴创作，是作为设计师最为享受的时刻。
进入【滤镜>液化】，在液化的工具面板中，首先记得勾选“固定边缘”，这可以确保你在使用各种变形的工具时不会改变你的背景边缘。
绛旓細鐢photoshop澶勭悊鍥剧墖锛屼娇澶╃┖鏇磋摑锛屽彲浠ョ敤濂藉鍔炴硶锛屼絾鏄紝瑕佷娇澶勭悊鍙檺浜庤摑澶╋紝鍏跺畠鍦版柟涓嶅彈褰卞搷锛屾渶绠渚挎湁鏁堢殑鍔炴硶鏄娇鐢ㄨ皟鏁村浘灞傚鐞嗭紝鍏蜂綋鏂规硶濡備笅锛1銆佺敤Ctrl+J澶嶅埗涓涓柊鐨勫浘鐗囧浘灞傘2銆佺偣鍑诲浘灞傞潰鏉夸笅鏂圭殑鍒涘缓璋冩暣鍥惧眰鎸夐敭锛屽湪寮瑰嚭鐨勮彍鍗曚腑閫夋嫨鈥滃彲閫夐鑹测3銆佸嚭鐜扮殑鐣岄潰濡備笅锛氬湪灞炴х殑棰滆壊涓紝鍏...
绛旓細鏈杩戝湪cger.com鍜宒ribbble.com涓婄湅鍒板緢婕備寒鐨勬皵娉/姘存淮銆傚皾璇曠潃璺熼浜嗕竴涓嬨傞櫎浜嗗ぇ瀹堕兘鏅撳緱鐨勬坊鍔犲唴鍙戝厜锛岀敾鍑烘槑鏆楃嚎銆侀珮鍏夌殑鎵嬫涔嬪锛岃繕鏈夊嚑鎷涘緢绠＄敤锛岀◢寰垎浜笅銆傝繖鍙槸涓汉鐨勫仛娉曪紝鑲畾杩樻湁鏇村ソ鐨勬柟娉曘備竴涓槸涓棿鐨勮繖涓闄锛屽姞涓婂鍙戝厜鐨勬晥鏋滐紝涓婇潰鍐嶅彔鍔犱竴灞備笉閫忔槑搴﹂珮涓鐐圭殑鍥惧眰銆傚彟澶栧氨鏄皵娉′笂...
绛旓細鍦ㄨ繖涓暀绋嬮噷锛屾垜浼氭暀浣犲浣曚娇鐢PS CS5鍒朵綔鍍忎笅鍥捐繖鏍峰叿鏈鍏夋劅鐨勬枩绾挎潯绾硅儗鏅傛暀绋嬩腑灏嗕細浣跨敤鍒版笎鍙樺伐鍏枫佺瑪鍒枫佷互鍙婅壊鐩/楗卞拰搴︾殑璋冭妭銆傜被浼肩殑涓枃鏁欑▼锛屼箣鍓嶆垜浠篃鎺ㄨ崘杩囩敤PS CS5鍒朵綔閰风偒鐨勬娊璞″厜绾夸汉鐗╂捣鎶ワ紝涔熸槸闈炲父涓嶉敊鐨勫埗浣滄椂灏氱偒鍏夌殑鏁欑▼銆傛帹鑽愪竴骞剁粌涔犮傛渶缁堟晥鏋滃浘棰勮锛氶鍏堝湪PS涓柊寤轰竴涓枃浠(...
绛旓細1銆佸厛鏉ユ墦寮Photoshop(绠绉PS)鏉ュ埗浣滀竴涓湬鍏夋晥鏋溿傚皢寰呭鐞嗙殑鐓х墖鎵撳紑 2銆佽鍋氭湨鑳х殑鐐厜鍏夋劅锛岄渶瑕侀檷浣庡浘鐗囧姣斿害锛屾墍浠ユ柊寤轰簡涓涓┖鐧藉浘灞(Shift+Ctrl+Alt+N)鐒跺悗濉厖鐧借壊(Alt+Delete濉厖鍓嶆櫙锛岀櫧鑹)銆傚綋鐒跺暒锛岀幇鍦ㄧ湅鍒扮殑浼氭槸绾櫧鐨勬晥鏋滐紝涓嶈繃闄嶄綆鍥惧眰鐨勪笉閫忔槑搴﹀埌30%鐨勬椂鍊欙紝灏变細寰楀埌鎯宠鐨勫厜鎰熸晥鏋...
绛旓細鏈缁堟晥鏋 1銆佹墦寮鑳屾櫙鍥撅紝寮濮嬫墦瀛楋紝璁剧疆鍓嶆櫙鑹#77a5c2 锛屾墦涓婁綘鎯宠鐨勫瓧鏍凤紝鎴戠敤鐨勬槸Alba瀛椾綋锛岀劧鍚庡鍒舵枃瀛楀浘灞傦紝寰楀埌鏂囧瓧鍓湰灞傦紝鎶婂～鍏呮敼鎴0%銆2銆佸洖鍒版枃瀛楀浘灞傦紝璁剧疆鍥惧眰鏍峰紡銆
绛旓細濡備綍鍦PS涓埗浣滈棯浜壓鏈枃瀛楋細鏁欑▼璇﹁В鍦ㄨ璁′腑锛屽埄鐢ㄦ殫澶鍏夋劅鎵撻瑙嗚鍐插嚮鍔涙槸甯歌鎵嬫硶銆傛湰鏂囧皢甯︽偍閫氳繃涓涓暀绋嬶紝瀛︿範濡備綍鍦ˋdobe Photoshop涓垱浣滃嚭闂寒鐨勮壓鏈晥鏋滄枃瀛椼傞鍏堬紝鎴戜滑闇瑕佸噯澶囦竴浜涘伐鍏凤細涓銆佸繀澶囩礌鏉 鐭㈤噺鑺辩汗grunge绾圭悊鍥剧墖浜屻佹楠ゅ紑濮 1. 鎵撳紑PS锛屽垱寤轰竴涓1920px*1200px鐨勬枃妗ｏ紝鏂板缓鍥惧眰骞...
绛旓細璇曠潃鏂板缓涓涓忔槑鍥惧眰锛屼綅缃浜庝富鍥句箣涓婏紝鐒跺悗閫変腑璇ュ浘灞傦紝鍋氫竴涓櫧鑹插埌閫忔槑锛堜篃鍙互鏄叾浠栭鑹茬粍鍚堬紝姣斿鐧藉埌榛戯級鐨勫緞鍚戞笎鍙橈紝鐒跺悗鍦ㄦ贩鍚堥夐」涓夋嫨鏌斿厜鎴栧彔鍔犳ā寮忥紝骞跺湪鍥惧眰绐楀彛閫愭笎璋冩暣涓嶉忔槑搴︼紝澶氳瘯鍑犳锛岀洿鑷宠揪鍒版弧鎰忔晥鏋溿傛纭殑鏂规硶鏄皟鏁存贩鍚堟ā寮忓拰涓嶉忔槑搴︼紝瀛︿範瑕佹壘鍒版纭殑鏂规硶锛屼笉姹傞噰绾筹紝鍙眰...
绛旓細鍦ㄥ鐞嗗鏅収鐗囨椂锛屼负鐏厜澶勭悊涓浜涙湨鑳х殑鍏夋劅锛屼細璁╂偍鐨勭収鐗囨洿鍔犳湁灞傛锛岄偅涔堝浣曠敤PS缁欎綘鐨勫鏅収鐗囧娣绘湨鑳х編鍛紝涓嬮潰灏辨潵鏁欏ぇ瀹舵搷浣滄楠ゃ1銆侀鍏堝皢鐓х墖瀵煎叆鍒癙S涓悗锛屽鍒惰儗鏅浘灞備负鍥惧眰1銆2銆佽繘鍏ラ氶亾鍥惧眰鐣岄潰锛屻3銆佸湪澶嶅埗鍑烘潵鐨勭孩鑹叉嫹璐濆浘灞備笂锛屾寜SHIFT+ALT+CTLR+2銆4銆佺劧鍚庨噸鏂伴夊洖RGB鍥惧眰骞...
绛旓細鎿嶄綔鏂规硶 鏂板缓鏂囨。 600x800px 鍏堥夊畾棰滆壊锛屾妸鍓嶆櫙鑹插拰鑳屾櫙鑹茶缃ソ锛岃儗鏅晥鏋滆揪鍒版垜鎻愪緵鐨勬晥鏋滄垨鎺ヨ繎閮藉彲浠 鎺ヤ笅鏉ワ紝瑕佺敤鍒扮瑪鍒凤細鍠锋簠绗斿埛銆傛妸绗斿埛杞藉叆杩PHOTOSHOP閲岋紝鍋氬嚭涓嬮潰鏁堟灉 鍙互鍑嗗鏂囧瓧浜嗭紝浣跨敤鐨勫瓧浣撴槸锛氭柟姝ｇ矖鍦嗙畝浣擄紝鎶婃枃瀛楁斁缃枃妗ｄ腑闂达紝灏卞彲浠ュ紑濮嬭皟璇曞浘灞傛牱寮忎簡 鏍峰紡OK浜嗭紝鎺ヤ笅鏉 鎶婂畠鍋氬緱...
绛旓細瑕佸畬鍏ㄦ帉鎻Photoshop鐨勬护闀滃姛鑳斤紝鐨勭‘鏄欢婕暱鐨勮繃绋嬨傚畠鍍忎竴涓瓟鏈櫨瀹濈锛屽崈鍙樹竾鍖栵紝鑰屾垜浠叆闂ㄧ殑閭ｇ偣绠鍗曠殑婊ら暅鎶宸э紝鏄剧劧涓嶈兘婊¤冻鏃ュ父搴旂敤鏃剁獊鍙戠殑璇稿澶嶆潅鎯呭喌銆傚湪杩欎釜鏁欑▼涓紝鎴戜滑瑕佸涔犵殑鐢≒hotoshop鐨勫嚑涓瘮杈冨喎鍍荤殑婊ら暅鏉鎵撻涓涓椂灏氭劅鐨勯湏铏鍏夋劅绾挎鏂囧瓧銆傛墍璋撳喎鍍伙紝涔熷氨鏄浉姣旇緝涓嶉偅涔堝父鐢紝...
