今天來優(yōu)化一張作品

今天我們來看一下學員作品并且優(yōu)化一下！

 

在優(yōu)化之前，你們能不能看出作品還存在什么問題呢？

 

 

是不是感覺已經是一張完成度很高的作品了，那它能不能更好呢？

 

當然可以！我們來看看如何優(yōu)化。

 

 

 

第一步 優(yōu)化構圖

 

原圖的構圖雖然感覺挺有意思，但是并沒有做到位，對于新手來說，這種構圖也是相對比較難的，前期我建議大家可以選擇一些相對不易出錯的構圖方式，比如元素圍繞主體，營造畫面沖擊力的居中構圖。

 

 

1.可以把元素聚集到中心周圍，讓畫面緊湊，飽滿，做出向外沖出的效果。

 

 

 

 

 

2.可以添加兩根前后貫穿空間的光帶，增強沖擊力，讓構圖更有張力！

 

 

這樣的構圖簡單并且容易出效果！

 

 

 

第二步 色彩調整

 

1.飽和度：

原版畫面中這一層次看起來是不是特別重，導致畫面的節(jié)奏一下有點亂掉了。而且整體飽和度相對比較高，有點油膩！

 

 

我們要適當降低畫面中部分層次的飽和度，這樣才會使整體更加高級，可以看下優(yōu)化之后的效果：

 

 

是不是舒服多了。

 

 

 

2.統(tǒng)一色調：

我們做圖的時候主體和環(huán)境要有一些呼應，這個飛碟飛碟正面有點太綠了，缺少一些呼應環(huán)境的顏色，這樣就會感覺和畫面有些割裂感，可以增加一些環(huán)境色，使其統(tǒng)一呼應到一起。

 

 

我們看下前后優(yōu)化的對比效果：

 

 

這樣就和諧多了！

 

 

 

第三步 優(yōu)化空間

 

首先我們來看原圖，是不是會覺得畫面中心有一點空，元素都在外部，導致整體不夠飽滿：

 

 

所以我們在優(yōu)化的時候，把元素平均的分布在畫面的每一個地方，使空間看起來更加的均衡：

 

 

現在元素雖然均衡了，但是并沒有產生前后關系，所以我們讓后面的元素更弱一些，分幾個層次。

如下圖：

 

 

當我們把這樣的元素層次放在畫面里之后，看起來就會更加的精致飽滿，空間感十足：

 

 

 

 

 

第四步 增加畫面趣味性

 

其實增加趣味性的方法有很多，比如我們在這個畫面融入了很多表情，可以讓畫面更加生動。

 

除了這樣的方法，其實一些小小的改動有時候也可以讓畫面變得更加趣味一些。

 

比如：

原版的飛碟太正了，顯得呆呆的，這個時候我們可以把主體歪一下，一下子它就活潑了。

 

 

 

再比如：

有時候元素直接漏出來顯得比較生硬，如果我們利用一層一層的波紋，藏住元素，或許也可以巧妙地增加畫面趣味性：

 

 

 

效果還不錯吧！

 

最后我們加上文字，看看整體優(yōu)化前后的效果！這是不是要比之前的穩(wěn)很多呢：

 

 

 

 

 

總結

 

最后，我們再來總結一些知識點吧：

 

1.構圖：構圖的時候就要要注意整體的飽滿度，畫面穩(wěn)定，元素分得太分散就會不聚焦了。

 

2.顏色的飽和度：主體>元素>背景。

 

3.空間：畫面不能太空，要有節(jié)奏的把畫面每一個角落都照顧到，其次我們要在視覺上有前有后，增強縱向空間上的層次感。

 

4.趣味性：增加畫面趣味性除了利用表情以外，還可以用一些微小的變化去實現，比如歪著的可能比正的活潑一點，再比如元素的穿插互動也可以讓畫面增趣不少，大家可以多多嘗試！

 

以上就是今天和大家分享的內容，希望對大家有所幫助！

作者：菜心輕量文
鏈接：https://www.zcool.com.cn/article/ZMTQ1OTYxMg==.html
來源：站酷
著作權歸作者所有。商業(yè)轉載請聯系作者獲得授權，非商業(yè)轉載請注明出處。

作者：菜心輕量文
鏈接：https://www.zcool.com.cn/article/ZMTQ2NzIzMg==.html
來源：站酷
著作權歸作者所有。商業(yè)轉載請聯系作者獲得授權，非商業(yè)轉載請注明出處。

我們需要了解一下設計模式，例如它是什么、什么時候用、怎么使用，可以讓我們在沒有參考的情況下，也能設計出合理、好用的界面。

 

折疊面板

 

它是什么

把不同的內容模塊，放到一組順序排列的面板中，這些面板每一個都可以折疊、可以展開，互不干擾。

 

什么時候使用

你需要在頁面上顯示大量各種各樣的內容，可能包括文本、列表、按鈕、表單控件等，而你又沒法把它們都顯示在頁面上。

 

 

 

 

這些內容通過分組，形成了不同的模塊，以下是這些模塊的特點:

1、用戶可能一次只需要查看一個模塊的內容。有些模塊比別的模塊更長或更短，不過它們的寬度一樣。

2、這些模塊組成了一個工具箱，或者兩級菜單，或者包括一些交互式元素的某種結構，這些模塊的內容要么彼此相關，要么彼此類似。

 

 

 

 

3、要注意的是，當一個大模塊打開或者打開了很多個模塊的時候，模塊底部的標簽可能會滾動到屏幕或窗口的外面。如果這一點對用戶來說有問題，那就要考慮一下其他的解決方案。

 

 

 

 

如何使用

豎向排列這些模塊，并使用對于用戶來說有意義的排列順序。

例如：QUICK BI 右側折疊面板，順序是從大到小，從外到內。

 

 

 

 

為每個模塊選擇一個簡短而富描述性的標題，并把這個標題放到一個橫條上，讓用戶可以單擊它來打開或關閉這個模塊。

也可以用一個可以變換方向的三角形圖標來提示打開/關閉的操作：關閉的時候向右或向下，打開的時候向上。

 

 

 

 

一次允許打開多個模塊。

人們在這個問題上有一些不同的看法，有的人喜歡一次只能打開一個模塊。不過根據經驗，特別是在各種應用里，一次允許打開多個模塊更合適。這樣可以避免一個之前打開的模塊突然消失，這樣會讓用戶覺得很粗魯，也很意外:“喂, 那個菜單哪里去了?之前就在這里的!

 

 

 

 

 

當用戶在登錄狀態(tài)時，折疊面板應該在多個操作期間，保持它們各自模塊的打開和關閉狀態(tài)，這點很重要。

 

 

 

 

 

 

如果模塊內容需要進一步拆分，折疊面板還可以級聯使用，不過這樣看起來會有點混亂。 因此只用一個一級折疊面板模塊更合適，如果有必要可以采用其他結構代替，比如tab頁。

 

 

 

 

 

可移動面板

 

它是什么

把頁面上的內容組合到幾個不同的區(qū)塊里，每一個都可以獨立打開或關閉。可以隨意在界面上放置這些區(qū)塊，用戶還可以移動它們，形成自己定義的布局。

 

 

 

 

什么時候使用

你正在設計一個桌面應用（例如：釘釘、飛書）或者一個網頁應用（例如：紛享銷客、ONES），應用中會涉及看板、工作臺、儀表盤、數據分析等頁面，你希望用戶對這些頁面有一定的控制權。 這些頁面應該是應用中的主頁面、是用戶會經常查看的頁面。

 

在這個頁面上，需要顯示大量各種各樣的內容，可能包括文本、列表、按鈕、表單控件、圖表等，而你又沒法把它們都顯示在一個模塊上。

 

 

這個頁面上的功能具有以下特點:

1、用戶想同時查看好幾個模塊。

2、不同的模塊對每個用戶來說，有著不一樣的價值。例如，有些人想看到A、B、C這三個模塊，而另外一些人可能想看到的是D、E、F。 3、在空間大小方面，各個模塊差異可能比較大。例如，用戶希望把信息少的模塊縮小。

 

 

 

 

4、模塊在界面上的位置對用戶來說很重要。例如，重要的內容用戶希望放在前面。

 

 

 

5、有時候模塊數量比較多，用戶不希望全部展示出來。例如：用戶匯報工作時不需要這個模塊，可以把它先移除，匯報完后，再添加回來。

 

 

 

 

6、控制這些模塊的功能可能是一個工具條，或其他交互式結構的組成部分。

 

 

 

 

為什么使用

因為不同的用戶關注點也不同，他們希望能自己選擇想看的內容。 可以把需要的內容放到顯眼的位置，把不需要的東西隱藏起來。同時，他們還可以利用“空間記憶”來記住不同的內容在什么位置。

 

空間記憶：當人們需要使用某個東西時，經常是通過回憶它們的位置來尋找它們，而不是它們的名字。 例如：你因為有事外出，需要同事打開你的電腦幫你發(fā)一份文件，通常你也說一句文件好像再桌面的右邊，這也是利用了空間記憶幫助快速尋找。很多軟件把對話框的按鈕（確定、取消）放在右下方，有一部分原因也是考慮到用戶的空間記憶依賴性。

總結：使用可移動的面板可以讓用戶的工作效率更高，工作更舒服。

 

如何使用

為每個模塊提供名稱、標題欄和默認尺寸，并為它們提供合理的默認設置。 讓用戶按自己的喜好在頁面上移動這些模塊，如果可能的話，可以提供拖曳功能。

 

 

 

 

讓每個模塊可以通過簡單的操作進行編輯和隱藏，也可以考慮讓用戶可以徹底移走這些模塊，在標題欄上放一個關閉按鈕就可以。

 

 

 

 

可移動面板要清晰的體現編輯與預覽狀態(tài)，如果用戶誤操作打亂模塊順序，需要提供一個“恢復默認設置”的按鈕。

 

 

可收起面板

 

它是什么

把次要內容和可選內容放到用戶能自己打開、收起的面板里。

 

什么時候使用

你需要在頁面上顯示大量各種各樣的內容，可能包括文本、列表、按鈕、表單控件等，而你又沒法把它們都顯示在頁面上。 同時，還可能有一些適用中央舞臺模式的內容需要在視覺上優(yōu)先處理，需要把面板收起。

 

 

 

 

這些內容自然組成了分組或不同的模塊，這些模塊有著以下一些特點:

1、這些模塊為界面上的主要內容提供注釋、修改、說明或支持。（例如：WPS右邊的快捷鍵、樣式、幫助、資源）

 

 

 

 

2、這些模塊可能不是很重要，不需要默認展開。

3、對不同的用戶來說，它們的價值并不一樣。（例如：圖中新手入門指導，老用戶可能并不需要）

 

 

 

 

4、甚至對同一個用戶來說，這些模塊可能有時候非常有用，換個時間就不一定了。當 它們收起的時候，這些空間最好留給界面上的主要內容。

5、這些模塊之間可能彼此沒有多大關系。當用到Tab和折疊面板時，這兩個模式會把各個模塊組合到一起，表示它們之間有一些關聯，而可收起面板不會對內容進行分組。

 

為什么使用

把無關緊要的內容隱藏起來可以讓界面變得簡潔。

當用戶選擇隱藏某個模塊時，只要簡單地收起這個模塊就可以了。 它所占用的空間也會還給主要內容。

這也是漸進式展開原則的一個例子—只在用戶需要的時候，需要的地方立即顯示那些隱藏的內容。

總的來說，想讓界面保持整潔，通過對內容進行分組和隱藏是非常有效方式。而可收起面板、Tab、折疊面板、可移動面板，這4種模式正是有效方式的工具。 如何使用

 

 

如何使用

把內容放到一個單獨的面板里，讓用戶可以用一次單擊來打開或關閉這些面板。 可以利用引導性的文字來表示這里可以展開（例如：更多），也可以利用三角形的圖標來表示這里可以展開。

 

 

 

 

 

當用戶關閉這個面板時，把它所占用的空間收起來，用來顯示主要內容。

也可以在打開和關閉這些面板的時候加上動畫效果，這樣會讓打開和關閉時的過渡更加平滑。

如果有多個模塊要用這種方式來隱藏，可以把這些模塊放在一起，或者用Tab、折疊面板來組織，還可以把它們分開放在主界面上。

如果發(fā)現大部分用戶都打開了一個默認為關閉狀態(tài)的可收起面板，那么應該讓它默認打開。

 

 

謝謝大家觀看！

作者：夜鶯YEAH
鏈接：https://www.zcool.com.cn/article/ZMTQ4NzE0NA==.html
來源：站酷
著作權歸作者所有。商業(yè)轉載請聯系作者獲得授權，非商業(yè)轉載請注明出處。

前排提示：本文多Gif需耐心加載，且需要有一定Ae基礎才能便于理解內容。

 

 

 

 

 

 

01 前言

你有沒有注意過，App底部的圖標是如何變成選中的？大多數產品是將靜態(tài)圖標替換（硬切過渡），來完成狀態(tài)切換。

 

 

 

當我看完上百個動態(tài)后，找到了更有趣的方式...



02 App底部導航構成

通常由圖標、文字/點線裝飾、和底板卡片組成，（當然也有些產品只使用圖標或文字），但設計師在進行動態(tài)設計時則是針對這3部分。

 

 

 

 

03 Tab Bar動態(tài)類型

• 圖標動態(tài)
• 裝飾元素動態(tài)
• 底板卡片動態(tài)

動態(tài)效果由弱到強，視覺層級由低到高依次排序：圖標動態(tài) — 裝飾元素動態(tài) — 底板卡片動態(tài)。（根據本文案例效果來排序，但效果不同會有所差異）

 

 

▍圖標動態(tài)?
我們知道圖標風格可以簡單的分為：線性、面性還有線面。在這基礎上通過修改顏色或造型，又能延展出更多風格。

 

 

 

 

• 在底部導航中，假如圖標選中前后都是線性風格

最常用的是添加修剪路徑（Ae的一種路徑效果），你可以把它理解成托尼老師，可以通過調整百分百參數來控制線條生長。

 

 

但只是單色修剪，看起來很單調。我們可以在這個動畫基礎上再多復制幾層，并分別加入品牌色，這樣可以讓視覺看起來更豐富。

 

 

 

 

也可以換一種方式，只調整不同顏色圖標的位置屬性，便能得到故障效果。

 

 

如果你覺得這些太浮夸，那么單個圖標添加修剪路徑，再配合位移、旋轉等基礎屬性則是更好的選擇。

 

 

 

 

• 假如選中圖標是面型風格

通用的方法是調整不透明度，相比于硬切更柔和，且不會過多吸引用戶注意力。但對于帶有娛樂類屬性的產品來說，可能會顯得有些普通。

 

 

 

我們可以考慮使用遮罩來制作動態(tài)，首先在圖標周圍繪制幾個圓，再將圖標外輪廓，作為圓的遮罩，來控制其顯示范圍，最后調整圓的縮放即可。

 

 

在一些特殊的時間，設計師們可能會技癢，而將圖標繪制的更加豐富，來營造氛圍。

 

 

 

對于這類圖標，只需要參考它們的物理狀態(tài)[下方解釋]，再遵循從下往上，從中心往四周擴張的原則來調整基礎屬性，便能制作出細節(jié)豐富的出場動畫。

 

 

 

（物理狀態(tài)：該物體在現實場景下的狀態(tài)，上圖獎杯真實世界狀態(tài)通常是放置地面，所以出場方向是從下到上。但假如你的圖標是錦旗，那么物理狀態(tài)應該是掛在墻上，所有出場方向是從上到下）

當然如果去掉高光和投影，在制作一些動態(tài)時會更方便。
例如：復制一顆星，將其初始位置設定為一個獎杯的距離，并記錄關鍵幀，然后整體再移動一個獎杯距離。耳朵則調整路徑來完成移動和變形，這樣便能營造出3d旋轉的錯覺。

 

 

 

 

• 假如選中圖標是線面風格

對于結構復雜的圖標，可以提前分層。其中線條依舊可以使用修剪路徑（在Tab bar中，不同圖標修剪路徑的起始點方向通常相同，以便保持一致性），而填充只需要調整元素縮放，并借助蒙版限制其顯示范圍就行。

 

 

▍裝飾元素動態(tài)?
如果你覺得前面這些方案不夠新穎，那我們可以對裝飾元素下手。（當然這類方案很少見，原因在于商業(yè)價值不足，實現成本高，所以這里也只是提供一些創(chuàng)意練習思路）
在一些年輕化產品中，如果圖標含義很容易理解，那么設計師可能會用線或點來替代文字，讓整體更簡潔。
國外設計師Tubik，通過讓點元素在移動時呈現心電圖樣式，讓人眼前一亮。

 

 

 

通過動態(tài)效果，甚至能體現出產品行業(yè)屬性。

 

 

• 基于這種思路，我們同樣讓裝飾元素放在下方

嘗試修改軌跡樣式，然后為元素不透明度和位置添加動畫，你能猜出這是什么類型的產品嗎？

 

 

又或者再夸張些，將軌跡設計成電路圖。其中線條添加修剪路徑，再借助Ae路徑跟蹤方法，使圓點沿路徑運動。最后通過蒙版來控制整體動畫顯示范圍，這個方案看起來適合科技或游戲類產品。

 

 

 

 

• 裝飾元素還可以放在上方

通過調整元素路徑來改變其造型，模擬液體滴落，再通過蒙版縮放，讓選中狀態(tài)下的圖標出現。

 

 

 

 

• 裝飾元素還可以放在中間

假如你的圖標設計的足夠巧妙，我們可以提前繪制好關鍵筆畫的運動軌跡，便能通過修剪這條軌跡來完成筆畫的移動。

 

 

▍底板卡片動態(tài)?
這類動態(tài)少見的原因在于其動態(tài)效果面積大，視覺層級高，容易過度吸引用戶注意力。目前也只是在個別產品中看過卡片凸起效果。

 

• 當選中圖標時，讓卡片凸起

在Ae中要制造這樣的效果，最先想到的可能是調整卡片路徑，但這樣的方式在制作彈性時非常麻煩。

 

 

 

我們有更簡單的方法，先多畫出一個圓，然后與卡片路徑合并。
為了讓邊緣圓滑，整體添加高斯模糊和簡單阻塞，分別加大參數，便能讓邊緣圓滑。（這種方式有個缺點：會收縮原有卡片寬高。所以添加效果后，需要借助參考線再次調整卡片大小）

 

 

 

 

完成圓滑處理后，修改其他元素的基礎屬性即可。

 

 

目前能記起的只有美團外賣看過這效果。但為了降低視覺干擾，其弱化了彈性次數。

 

 

• 除了凸起，還可以凹陷

這個效果靈感來源于Dribbble設計師（EuroART93），我們只需要將凸起案例中，圓與底板卡片的布爾運算模式改為相減就行，其他元素同樣調整基礎屬性。

 

 

此方案目前還沒有在其他產品中看過，究其原因還是效果太過搶眼。

 

 

看了這么多，其實不難發(fā)現。同一個圖標，只需要改變不同屬性或元素的運動方式，便能帶來不一樣的感受。

 

 

 

 

或許創(chuàng)意的產生，并不是腦袋突然迸發(fā)出全新的東西。而是許多我們熟知的舊有內容組合了起來。
正是它們之間這種奇妙的融合，給我們帶來了新鮮感，或許這就是我們要的創(chuàng)意。

 

 

 

---

最后再說兩句：

每個產品都有自己的調性和目標用戶，動態(tài)效果也有強有弱。好的動態(tài)應該是能與其進行匹配，而不是根據某個產品得出一個絕對的答案。
本文演示了不同類型圖標用什么動態(tài)，并不代表只能這樣用。動態(tài)效果類型遠遠不止這些，而以上只是最常見的動態(tài)屬性組合方式，所以請不要局限你的想法。

 

作者：幺零三
鏈接：https://www.zcool.com.cn/article/ZMTQ5OTgwOA==.html
來源：站酷
著作權歸作者所有。商業(yè)轉載請聯系作者獲得授權，非商業(yè)轉載請注明出處。

在任何時候，海報的圖片處理都是設計師不可避免的一個步驟，運用對色調的處理，構圖的改變，甚至于風格化處理來調整圖片，使之能夠更加的適合版面，我們今天分享的就是通過對圖片的處理來塑造不同風格海報的設計。

 

01-

酸性液體金屬效果處理

酸性風格它的體現形式通常是鐳射紋理，金屬玻璃材質，3D物體材質等，其中很多人都好奇金屬玻璃材質的做法，也就是如何將普通的圖片轉換成酸性圖片，接下來我們將講解酸性圖片效果的處理方法，二話不說，先上效果圖：

步驟一/step 01

導入已經摳好的素材，快捷鍵ctrl+shift+u作去色處理

 

 

步驟二/step 02

ctrl+j復制一層，ctrl+i反向一下，并設置模式為【差值】，ctrl+e合并這兩個圖層，這一步驟要重復2-3次左右，會形成這樣的效果，做好后的效果有點丑，但是沒關系，我們接著往下做。

 

 

步驟三/step 03

將圖形轉化為智能對象，執(zhí)行命令：濾鏡-模糊-表面迷糊（數值自定，具體數值可以自行修改，主要將黑白部分過度更加柔和一些）

 

 

步驟四/step 04

執(zhí)行命令：濾鏡-風格化-油畫（數值自定，這一步驟可以將黑白之間的過渡更加柔和，形成液體金屬的最終效果）

 

 

步驟五/step 05

執(zhí)行命令：濾鏡-濾鏡庫-塑料包裝（數值自定，這一步驟還是處理黑白之間的過渡，使之更加柔和），最后可以調整一下亮度和對比度，使之與金屬更加相似。

 

 

步驟六/step 06

最后排版上文字，海報就完成啦。

 

 

 

 

 

02-

復古潮流風藝術海報

半調網屏模式作為印刷中的重要方法，有著其特殊的處理藝術效果。在ps中，通過色彩模式可以將圖片的效果處理成半調網屏的像素狀效果。它有著復古潮流的藝術效果，下面我將講解如何在ps中給圖片添加半調網屏藝術效果，同上，先上效果圖：

步驟一/step 01

在PS中導入圖片，在這種潮流海報中，我們追求特殊風格海報設計，可以在摳圖時故意粗糙的摳圖出來，并執(zhí)行命令：圖像-調整-黑白

 

 

步驟二/step 02

執(zhí)行命令：圖像-模式-灰度，再次執(zhí)行命令：圖像-模式-位圖，調整參數像素設為300，方法使用半調網屏，點擊確定；

 

 

步驟三/step 03

在上一步點擊確定后出現以下界面，頻率越小，效果越強烈，越大效果越輕，角度設置像素格的旋轉角度，形狀可以自行嘗試選擇，我這里選擇的是菱形；

 

 

步驟四/step 04

我們需要把位圖模式轉換成RGB,需要執(zhí)行兩次命令，第一次執(zhí)行：圖像-模式-灰度，第二次執(zhí)行：圖像-模式-RGB

接著是將弄好的圖片去掉白色底背景，在通道面板，按住ctrl鍵，鼠標左鍵點擊其中一個通道，得到白色選區(qū)，快捷鍵：ctrl+shife+i反選選區(qū)，快捷鍵：ctrl+j復制圖層，隱藏下面的圖層，得到了一個半調網屏的圖片。

 

 

步驟五/step 05

最后排版上文字，就可以得到一張復古潮流藝術風海報。

 

 

 

 

03-

炸裂風格圖片處理

接下來休息下，我們來做一個非常簡單，但又非常好看且具有形式感的圖片處理方法，炸裂風格圖片海報，調整比較細的方塊可以有刺繡效果，非常具有視覺沖擊力，同時也能使版面產生非常強烈的層次感與形式感。先看最終效果：

步驟一/step 01

只需將圖片導入PS，執(zhí)行濾鏡-風格化-凸出，這里可以自行調整參數

 

 

 

步驟二/step 02

在版面上排版圖片和文案，這樣一張炸裂風格的海報就做好了。

 

 

 

 

 

04-

長虹玻璃風格海報

長虹玻璃效果顧名思義，就是像玻璃樣式的效果，他能給人一種朦朧的美感，與“模糊”有點類似，它比較適合潮流時尚的一些產品海報設計時使用，尤其在電商海報中特別常見，接下來我們來詳細講解這種效果的做法吧，先上效果圖：

步驟一/step 01

在ps中新建一個畫布，填充一個50%的中性灰，用矩形工具繪制一個細長的矩形，填充顏色為黑白的線形漸變；

 

 

步驟二/step 02

復制漸變的矩形框，填滿整個畫布，全選復制出來的矩形框，郵件轉換為智能對象，快捷鍵ctrl+shift+s存儲為psd文件，注這是后期用來置換的文件

 

 

步驟三/step 03

在畫布中倒入我們準備好的圖片文件，復制一層，執(zhí)行命令：濾鏡-模糊-高斯模糊；

 

 

步驟四/step 04

執(zhí)行命令：濾鏡-扭曲-置換，在跳出的頁面設置水平和s垂直比例都為50，置換圖：拼貼，未定義區(qū)域：折回，點擊確定后選擇剛存儲的用來置換的文件；

 

 

步驟五/step 05

將剛才線形漸變的矩形置于最上層，混合模式改為柔光，并且調節(jié)下透明度，這樣長虹玻璃效果就完成啦。

 

 

步驟六/step 06

選取工具選擇需要的部分執(zhí)行蒙版，就可以得到一半有玻璃，一半沒有玻璃的效果，然后排版上文字，海報完成！

 

 

 

 

05-

3D炫彩海報

3d炫彩海報適用于科技，創(chuàng)意等風格呈現時使用，它的本質是將一張圖進行一種3d化處理，制作起來也是相當的簡單，且特別能提升版面的形式感與立體感，制作非常簡單，我們一起來做下唄，老規(guī)矩，先上圖：

步驟一/step 01

 

首先我們需要找一張顏色特別豐富的圖片，最好是像這種發(fā)光的海報，執(zhí)行命令：濾鏡-扭曲-旋轉扭曲，設置相應的數值

 

 

步驟二/step 02

執(zhí)行命令：3d-從圖層新建網格-深度映射到-平面，把3d面板里面的預設改為【未照亮的紋理】

 

 

步驟三/step 03

在3d里面調整合適的角度后，在圖層面板選擇圖層，點擊鼠標右鍵-柵格化3d，快捷鍵ctrl+t將圖層調整適合大小；

 

 

步驟四/step 04

最后排版上文字，海報就完成啦！

 

 

 

 

06-

塑料薄膜風格海報

最后一種是塑料薄膜風格海報，這種效果相對來說比較復雜，所以放在最后一個說，雖然不涉及圖片處理，但是對于海報設計來說可以說是錦上添花的一種存在，他能讓海報具有一種光澤的質感，使其更顯層次感和形式感，這種海報在店招海報或者產品海報中比較實用，廢話不多說，來一起來做下吧，還是老規(guī)矩，上效果圖

步驟一/step 01

我們需要新建一個空白圖層，填充黑色，執(zhí)行命令：濾鏡-渲染-云彩

 

 

步驟二/step 02

執(zhí)行命令：濾鏡-液化，這里你可以隨意一點畫，這是將塑料膜的紋路畫出來，這是我畫的樣子；

 

 

步驟三/step 03

執(zhí)行命令：濾鏡-濾鏡庫-藝術效果-繪畫涂抹，畫筆類型選擇火花，這一步是將黑白顏色區(qū)分開來；

 

 

步驟四/step 04

再次執(zhí)行命令：濾鏡-濾鏡庫-素描-鉻黃漸變，這一步同樣是為了是將黑白顏色區(qū)分開來，只不過這次的效果更加明顯；

 

 

步驟五/step 05

點開通道面板，按住ctrl鍵，隨意單機一個通道，得到選取，回到圖層面板，快捷鍵ctrl+j復制一層，圖層模式改為濾色，調整適合的透明度，最后在下面加上圖片，排版上文字，海報就完成啦！

 

 

作者：歐陽威John
鏈接：https://www.zcool.com.cn/article/ZMTUzNzA0NA==.html
來源：站酷
著作權歸作者所有。商業(yè)轉載請聯系作者獲得授權，非商業(yè)轉載請注明出處。

作者：菜心輕量文
鏈接：https://www.zcool.com.cn/article/ZMTY0MDUxNg==.html
來源：站酷
著作權歸作者所有。商業(yè)轉載請聯系作者獲得授權，非商業(yè)轉載請注明出處。

作者：阿琳01
鏈接：https://www.zcool.com.cn/article/ZMTY0NjM2MA==.html
來源：站酷
著作權歸作者所有。商業(yè)轉載請聯系作者獲得授權，非商業(yè)轉載請注明出處。

 

作者：姝斐suphie
鏈接：https://www.zcool.com.cn/article/ZMTY0OTkwOA==.html
來源：站酷
著作權歸作者所有。商業(yè)轉載請聯系作者獲得授權，非商業(yè)轉載請注明出處。

作者：大漠飛鷹CYSJ
鏈接：https://www.zcool.com.cn/article/ZMTYzMjYwNA==.html
來源：站酷
著作權歸作者所有。商業(yè)轉載請聯系作者獲得授權，非商業(yè)轉載請注明出處。