44 [PS實例教學]12種透明背景的萬能設計方法

2022-01-30 UI嚴選

現在很多海報、Banner、網頁都喜歡用透明效果作為背景,在增添頁面的對照感和可讀性的同時對整體的效果妨礙又不大,可謂一舉兩得。如果你只會最簡單的圖層+文字,建議來看看今天@喪心病狂十六夜貓 的這篇好文,列舉了12種透明效果背景的設計方法,收!

01.使亂七八糟的背景變得流暢

利用插圖和有質感的模範背景,能加上個性去設計。但是同時,很可能會變得亂七八糟,使文字無法閱讀。作為解決的方法,可以重疊一個半透明的背景。

下面這個例子,將漂亮的紅酒釀造圖案作為背景利用的宣傳活動海報。如果,沒有半透明的白色濾色片的話,設計的就很過分,文字文本(特別小的字體)將無法閱讀。

即使在顯示背景,白色圖層的使用也要注意,插圖的顏色和調整下降的點也需要引起注意。PhotoShop或者是Illustrator中將不透明度試著從0%到100%自己調整看看吧。

還有一個例子,下面的明信片,將風景畫漸隱,添加上樸素而又華麗的圓形背景,將文字文本重疊上去。

02. 嘗試著讓文字更加顯眼

照片是一個受歡迎的背景,不論是商品海報還是網站的標題、社交媒體用的設計,列印印刷和WEB項目這兩方面都可以使用。只是,由於照片的構圖,色調,明度的原因,不是很容易就能找到令人滿意的文字文本放置的位置。

下面的例子,由於文字的原因(黑白照片變得難以看見),半透明的形狀互相重疊。另外,透明度不同的圖層互相重疊,獨一無二的效果就顯示出來了。

接下來是另一個參考案例,下面的網頁設計使用了白色透明圖層來重疊,將文字放在單色照片的上面來顯示。

這個手法是利用了色彩的反轉。例如,半透明的黑色圖層和白色的文字文本什麼的。

03. 像空氣一樣乾淨的展示

當用於設計的配件已經決定,可以通過利用雜誌的版面設計來體現出簡單的空間和範圍。例如下面的這個網頁設計,佔大部分半透明的背景層,流暢整齊的字體組合,通過有組織的布局,產生簡約的風格。(在這裡有一個下載的連結,可以下一些素材,我先把地址放在這裡,以後再來翻譯。http://photoshopvip.net/archives/83925【完全免費可商用,60種美麗的字體下載!2015年版】)

下面的一套商品目錄,用三原色的半透明圖層和一張照片相互重疊,然後再加入少量的文字文本,表現出了一種簡約而不簡單的風格。

04. 將讀者的注意力集中起來

設計成半透明的背景圖層將其全部覆蓋,也不一定非要是四方形。半透明圖層上添加一個小小的窗戶,通過調整透明度,在那裡設計出特定的部分,將讀者的注意力集中到那裡。

下面的這個例子,就是通過將純色背景挖出文字的形狀來達到集中視覺(英文:Focal Point)的一個效果,海報上的登場人物高明的集中在恰當的位置。

而接下來的這個設計,全部是由三角形的半透明圖層布置起來的。將視線誘導到女性的臉部,成為視覺的焦點。

05. 讓內容變得顯眼

包裝箱,罩子上的封面等設計,在內容上都使用了透明的圖層,這樣就會使其變得非常的有吸引力。

下面的這個雜誌設計,在透明清晰的封面上,添加上了白色文字的LOGO。通過這種方法,讓他產生光澤,強調出下面的圖像照片。

下面的兩個樣品,就是在食品包裝上運用到了【透明】效果這樣的一個技巧。讓人第一眼,就能分辨出各種各樣的豆子在包裝內,色澤和豆子的形狀都能不費功夫的區分出的食品包裝設計。

下面的這個設計,在法國的咖啡館café called Voyageur du Temps(法語中【時間旅行者】的意思)中被利用於樸素的紙袋上。稍稍有一點透明可以看見內容,通過添加具有年份氣息的宇宙地圖,將品牌魅力成功的塑造出來了。

06. 嘗試著讓圖層重疊

半透明的背景設計的優點在於,可以使複數的背景圖層相互重疊,版面的深度、顏色和照片、形狀等不同的圖層疊加在一起,產生出一種引人注目的效果。

下面的這個海報設計,具有象徵性的人像照片,將版面的層次感給表現出來了,同時追加上了文字半透明圖層效果。其結果誕生出了一種對比感強烈,有生氣的有層次感的版面設計。

下面這一個設計案例,表現出了一種將圖像照片和半透明的顏色層,幾何學的樣式疊加起來的設計效果。

07. 稍稍展現出一點質感

亂七八糟的背景細節用半透明的圖層覆蓋,這種技巧最初是持反對意見的,但你可以添加一點點的獨特的設計,來讓他變得更加有魅力。

下面的這個服裝商店廣告banne,將主要的文字文本挖空,格子背景的花紋隱約可見。同時能夠看見整個背景,表現出一種風格整體統一的設計感。

下面這個設計案例,圖層文字互相重疊,使其更容易看見,它結合了一些之前介紹過的技巧。綠色的圓形與照片互相重疊,照片的細節你也可以看到。

08. 添加透明漸變圖層

利用透明圖層,可以添加很多顏色來進行設計。相較於單色的背景設計,半透明可以給人帶來一種柔軟的印象。

下面這個設計案例,利用柔和的半透明中間色將其放在文字的下方。特別是半透明漸變的那個區域真是絕妙的組合。

在另一個設計案例中,將漸變色利用在移動端的用戶界面設計上。在這裡使用了鮮豔的配色,文字文本和背景透明的保守的方法。

09. 利用獨特的混合效果

很多設計應用中,在透明圖層上利用混合模式的功能,將顏色,照片和其他一些設計要素混合在一起。通常這種技術,圖層重疊和照片組合的使用方法,可以和之前的設計技巧組合起來。

下面這個設計,紙張的紋理是手繪草圖、舊照片、墨水汙漬重疊混合起來的,復古風格的數字拼貼海報。因此是將很多的設計要素組合起來,利用半透明圖層,將這些要素全部融合到一起的設計。

下面的這個海報設計,如何將每種顏色融合來引起我們的注意,和文字文本一起使用,也是一種流行的混合方法。

10. 強化品牌推廣

在項目設計的背景下,你是不需要稍候補充的。品牌和顏色作為視覺要素,例如LOGO標誌,可以將品牌理念傳遞出來。

下面的這個設計是GOOGLE的年終報告設計,在這裡就採用了鮮豔的配色和半透明的背景圖層。

下面的這個網頁設計,如果要通過他的配色方案和幾何形狀可以聯想到它的LOGO,你必須要創建一個半透明背景層和圖形要素。

11. 強調特定的範圍

特別是使用了文字文本和其他設計要素的生動的半透明彩色背景層,可以更好的強調。

在下面的這個廣告設計中,靈活運用半透明紅色圖層,和黑白的人物圖像做出對比,將圖像中的SALE強調出來了。

在這裡也使用了紅色半透明圖層,將人們的視線集中到網站的特定區域。

12. 展現有趣的構圖

最後,有可能是很常見的表現手法,但重點是在創意上。透明度的調整方法,透明圖層可以運用在任何設計方法上,他是一個多功能的工具。接下來讓我們看看獨特的設計方案。

下面這些,一個輕微的印象將成為決定性因素,是書的封面的概念設計。通過藍色的漸變圖層只露出文字文本頂端的一部分,來表現出魚翅從海面上露出來的樣子。

下面這張通過在老音樂電影海報下面,強調一個具有代表性的電影畫面,用白色的字符文本作為背景,電影標題創造出雨的形狀,同時傳遞多個意思,將意思組合表達出來。

下面這些是電影節海報設計,顏色鮮豔的半透明圓形添加上去,同時連接上兩個完全不同的照片,組合產生了新的魅力。

最後

你覺得怎麼樣呢?這次介紹的技巧還需要正確的使用,今後的設計項目中的半透明圖層也需要正確的使用啊。配色和構圖也需要注意,隨時可以和這12個萬能的技巧相互借鑑。

1、需要本套教程素材和各種牛B插件的同學可以諮詢客服微信 2808734777

2、免費提供Ae Pr Ed Ps Ai Fl Dw Cad Cdr Id 會聲會影 word ppt excel 3Dmax Maya 500G教學視頻和軟體,加微信 2808734777獲取

3、想系統學習PS各種技巧的同學請加微信 2808734777


相關焦點

  • 實例教學!12種透明背景的萬能設計方法
    如果你只會最簡單的圖層+文字,建議來看看今天@喪心病狂十六夜貓 的這篇好文,列舉了12種透明效果背景的設計方法,收!01. 使亂七八糟的背景變得流暢利用插圖和有質感的模範背景,能加上個性去設計。但是同時,很可能會變得亂七八糟,使文字無法閱讀。作為解決的方法,可以重疊一個半透明的背景。
  • 實例教學!12種透明背景的設計方法
    現在很多海報、Banner、網頁都喜歡用透明效果作為背景,在增添頁面的對照感和可讀性的同時對整體的效果妨礙又不大,可謂一舉兩得。如果你只會最簡單的圖層+文字,建議來看看今天@喪心病狂十六夜貓的這篇好文,列舉了12種透明效果背景的設計方法,收!01.
  • 12種透明背景的萬能設計方法
    如果你只會最簡單的圖層+文字,建議來看看今天@喪心病狂十六夜貓 的這篇好文,列舉了12種透明效果背景的設計方法,收!01. 使亂七八糟的背景變得流暢利用插圖和有質感的模範背景,能加上個性去設計。但是同時,很可能會變得亂七八糟,使文字無法閱讀。作為解決的方法,可以重疊一個半透明的背景。
  • [ps技巧]在Photoshop中使背景透明的方法
    由於Photoshop比PowerPoint複雜得多,因此可以使用幾種不同的方法來使背景透明。每種都適合不同類型的圖像。下面的方法就是介紹Photoshop中使背景透明的ps技巧。將圖像拖放到Photoshop中後,您要做的第一件事就是將其轉換為「智能對象」,然後對其進行柵格化。
  • 教資筆試教學設計萬能模板,快速收藏
    教學設計教學設計是為了達到教學目標,運用系統的觀點和方法,遵循教學過程的基本規律、對整個教學活動作出規劃和設計,其實就是教學活動的方案。寫好教學設計至關重要。教學設計一般包括教學目標,教學重難點,教學方法,教學過程和相應的板書設計。考生在拿到題目可能會無從下手,不知道如何設計和板書,而記住萬能模板,可讓教學設計環節更易得分。
  • dw網頁設計教學實例教程,dw網頁設計教學視頻教程
    設平面設計應用教程的快捷鍵ps彩平面設計教程計   素描教蘇海濤角色程     設計   ps字體設野馬品牌計實例教程       設計  0基礎ui設計免費教程 .     設計ae界面設計視頻ui切圖工具教程  '    '     設反戰海報設計實例教程計 40I板書字體設計教程%  科瑞平面  .
  • iframe背景透明的設置方法
    本文收集各種關於解決iframe 背景透明設置方法與實例分析:IE5.5開始支持浮動框架的內容透明。如果想要為浮動框架定義透明內容,則必須滿足下列條件。1.與 iframe 元素一起使用的 allowTransparency 標籤屬性必須設置為 true。
  • ps怎麼把圖片背景變透明
    ps是一個非常強大的圖片處理軟體,什麼樣的圖片都可以完成的,今天就來和小編一起學習一下ps怎麼把圖片背景變透明;首先我們需要在電腦桌面上找到我們需要的ps軟體,這樣我才 可以完成下面的每一步的操作了;找到ps之後,我們用滑鼠點擊ps、軟體,這樣我們就會看到ps、軟體在慢慢的啟動了
  • 教學設計全解析+萬能模板
    ③規範書寫:作答模板:本文是一篇( )文,採用了( )的修辭手法或( )說明方法,採用( )表現手法,用詞\語言( ),通過( )的結構順序(記敘了\描寫了)(某個故事\某地方的優美景色),並從中悟出( )道理\或抒發(表達)了( )情感。2)第二種出題角度擬定教學目標,一般出在第二題。
  • ps入門教程ui設計,ps入門教程平面設計
    基於包子logo設計教程當下疫情的語手繪教程境,人設計表現教程書籍們主動創意廣告設計海報教程設計選擇防護書籍封面設計實例教程h5教程物品進行安全動漫店字體設計教程網頁編發防護?。  我將用平面設計7.0教程首ps做書籍飾為人們提供一種疫情下安全又有平面設計vivo設計視頻教程課程免費教程趣的交設計流方素描教程式,插畫教程平面設計兒童早教社群通平面屋頂設計教程過佩戴首飾產生交電影網頁設計與製作教程互行為水彩教程,三維設計自學教程緩解大關於動漫網頁設計網教程家對疫手繪教程情的恐懼,拉剩者為王字體環保透明海報設計教程近人與人之間的網頁教程距離!。
  • photoshop教程/PS給摺痕背景透明婚紗照片摳圖換背景
    點擊 photoshop大師教ps  關注我喲☀ 關注photoshop大師教ps成為ps高手!
  • ps怎麼摳圖到另一張圖上 ps怎麼摳圖換背景
    ps摳圖的方法有很多,根據不同圖片的樣式不同方法也有所區別,不是一種方法運用到所有圖片上的,所以今天小編今天給小夥伴們帶來5種經典的方法,大家可以根據自己需要摳圖的圖片的實際相似情況來選擇採取哪種方法,一篇文章5種方法是不是乾貨滿滿,趕快收藏一波吧。下面就跟著小編來一起學習ps怎麼摳圖到另一張圖上 ps怎麼摳圖換背景吧。
  • PS實例教程:繪製一個透明的泡泡
    今天我們給大家帶來一篇PS實例教程,教大家繪製一個透明的泡泡。 泡泡是平面設計中經常要用到的一種素材,那麼,怎樣自己畫一個透明的泡泡呢其實方法非常簡單。首先,我們在PS裡新建一個畫布,將背景填充黑色。我們將這個正圓填充白色,然後右擊選擇「羽化」,設置半徑為25像素(根據具體的情況來定),按Delete鍵刪除,這樣,一個透明泡泡的輪廓就繪製完成了
  • 12個透明背景使用技巧,助你快速提高設計水平
    打造層次分明的設計/讓設計更有層次感使用透明背景的好處之一是你可以用其他設計元素疊加多個背景或疊加透明背景,通過將不同顏色、照片或形狀分層,讓布局更有深度並打造有趣的視覺效果。這一系列活動海報通過遠景背景下的透明度,把人像和圖案並列放在一起,同時在文字底部又額外添加透明背景形狀。
  • 小學語文教學設計高分萬能模板
    教學設計是根據課程標準的要求和教學對象的特點,將教學諸要素有序安排,確定合適的教學方案的設想和計劃。一般包括教學目標、教學重難點、教學方法、教學步驟與時間分配等環節。小學教學設計題出現在教育教學知識與能力學科考試的最後一題,任選一學科作答,分值40分。
  • PS實例教程:製作磨砂質感背景
    我們在設計海報或者其他畫面的時候,大多數情況下,都需要一個背景,而不是白底。那麼,有沒有什麼方法,能夠快速地做出一個還不錯的背景呢?如果使用純色或者漸變背景,不免會顯得有些單調,那麼今天,我們就來介紹一種方法,教你用PS做出一個磨砂質感的萬能背景。
  • 電腦技巧大放送——PS濾鏡\不同面料電腦繪圖以及PS教程:九種摳圖方法,非常好用又高效.
    在學ps時會發現無論是做哪種圖都離不開摳圖這一步驟,所以如果摳圖快又好能為你節省很多時間,摳圖的方法也有很多種,哪種最適用自己才是最重要的。下面的9種方法是摳圖最基本的方法,能應對絕大部分的摳圖工作了。  1 、套索工具摳圖  ps套索工具有三種,分別是:套索工具、多邊形套索工具、磁性套索工具。
  • PS設計教程:版式突破實例評改 01
    版式之重,就在於它是設計的基礎,是撬動設計的支點。部落窩教育將從本期開始,陸續推出版式設計實例評改教程,由版式設計專家「風的詩人」帶領大家找出自己的版式設計問題,突破設計瓶頸,坐穩設計職業。每篇教程都將同時提供設計原稿、改後稿。
  • 用ps設計簡單海報教程,用ps設計酷狗界面教程
    攝影ps教程漸變風格海報設計教藥盒設計素描教程程 反光板有全反射、設計漫ps字體美工 反射反光板mfc做界面設計教程等等。  ui設計網頁製作教程人工光三維教程的特點是房屋設計平面圖手繪教程包裝方法強度低,可oc教程覆蓋的範圍。
  • 教師資格證教育教學重點之教學設計(附:教學設計萬能模板)
    (情感態度與價值觀目標)2、寫作課:重點:引導學生運用實例進行寫作難點:敞開心扉,真實說出內心的想法,表達真實情感等第二小題:考察教學過程等設計教學過程,分別是設計導入及理由、設計課題提問及理由、設計三道題及理由和設計板書及理由