用PS製作,大氣的立體字海報

2020-12-12 插畫設計學習

本篇教程通過PS製作大氣立體字海報,立體很容易做好,不過要能與場景完美融合,還需要一些特殊處理,根據背景、光源、質感等重新給立體字的各個面進行細化處理,出來的效果非常整體,細膩。

同學們一起來學習一下吧。

完成:

1、這裡的邏輯是,先得到一個符合透視原理的3D文字輪廓然後放到photoshop中添加貼圖和效果,做成藝術化的偽3D視覺。得到3D輪廓的方法很多,比如繪畫基礎好的同學可以自行手繪。

利用AI中的3D效果:

Photoshop中的3D工具:得到3D文字的方法很多,隨你喜歡。

2、得到3D文字的輪廓我們就可以開始進入到本教程的核心的圖片合成環節了。

建立背景。新建合適大小的畫布,置入背景素材。對素材調色,把它儘量壓暗,提高對比度。

3、製作文字,這裡以字母「P」為例子。將AI中製作好的文字複製粘貼到Photoshop中,並調整好大小和位置。

4、用鋼筆勾出3D文字的各個裡面區域,施加圖層樣式得到基礎質感。

5、效果如圖。

6、其餘的幾個區域也進行一樣的操作。但是圖層演示要根據實際情況做相應調整。

7、根據輪廓用鋼筆繪出3D文字,並用圖層樣式賦予其基礎質感。注意,這裡用形狀圖層並且用圖層樣式來進行調節是因為這裡的屬性是可以隨時修改的。我想對於GUI或者icon設計的朋友,應該很清楚。

8、用剪貼蒙版對文字進行進一步修飾處理。

添加一個亮度對比度的調整圖層,將整體亮度壓低,新建一層高光層混合模式為線性減淡,一層暗部層混合模式為正片疊底。亮部層中用合適的柔角畫筆,調整好流量和透明度,吸取一個亮黃色在收光面上畫出淡淡的高光,適當的時候可以用高斯模糊均化一下。暗部層反之,打造陰影區域。

前:

後:

9、打造陰影。將之前AI中複製過來的字母文件柵格化,ctrl+U,亮度調成最暗,得到一個黑色的字母P,這個是做陰影的基本元素。

10、複製幾層,注意請注意,這裡都把它變成智能對象,然後再施加濾鏡菜單下的模糊命令。再結合蒙版來打造陰影。這裡之所以用智能濾鏡是因為這是可以反覆調節的,便於修改。

11、同理對於字母S的處理也是一樣的。不過多個對象要注意它們之間的遮擋關係,從而添加一些陰影。

12、遮擋的陰影。

13、光效添加和匹配。Light effects。

14、分析一下,這裡我把光線簡化成了三個部分,一個是從上打下來的主光源「top light」,二個是文字本身的反射的邊緣光「edge lighting」,三個是裝飾用的點狀光源。

15、這裡我做了4層,主要元素做法如下。用形狀圖層勾畫一個體形,填充漸變,變成智能對象,圖層的混合模式改為「濾色」,後利用智能濾鏡下的高斯模糊。配合圖層蒙版和濾鏡蒙版,以及調整圖層透明度來打造這個主光源。

16、點狀光源的製作相對簡單。只要新建1到2個圖層混合模式為顏色減淡,用柔焦筆刷,調節不同的大小,和流量,透明度點點點。

17、文字部分的Edge lighting只要新建一層,混合模式為線性減淡,在受光面上,用淡黃色的柔角筆刷輕輕刷幾道。

18、整體調色潤色。用調色工具來將整個畫面打造的更加精緻。最後銳化一下。

完成:

做設計的人總感覺自己很有創意,其實往往束縛了你工作進度,所以新手就會把文字移形換位加很多效果,呵呵呵!最後感覺總是看著不舒服,這邊介紹一下做設計的方法,適合新手!首先我接到一個任務是做一張海報1100*600的魚缸海報,提供了一些圖片,當然最好自己要學會拍照

先建立一個psd文件,大小1100*600

這個是個人都會的,不會就不要做設計了!然後我們找合適的產品圖片,清晰,最主要我選擇這張

就這個吧,看著還乾淨的

其他有點不行,當然一般設計會提供好的照片的,我的是比較挫的當然我也可以自己畫一下,乾淨會立體點,不過今天重點是說怎麼做設計,不是基礎了O(∩_∩)O~東西放到海報上面

東西這樣放進去,嘿嘿,很簡單吧!然後關鍵了,因為前面大家都知道,很簡單,下面是重點,海邊怎麼做?

首先,我是個新手,我不懂,然後我怎麼做呢?我只有模仿了,我們隨便找一種感覺比較好的排版海報,取材當然是站酷或者淘寶上了,暱圖和千圖的就最好不要了,因為那些都是賺分的一般,不會好東西上傳,我找了這個海報,因為我覺得排版很乾淨也很漂亮!每個人觀點不同吧!

這樣這樣,當然大家排版完了,要保存一些好的海報文字排版和布局

創建個txt組,我們來拍文字,調整原先海報透明度到50%

最上面的大英文字母不知道是什麼字體,找個差不多的字體吧!我用的是code light字體,感覺比較時尚

放到差不多位置代替一下,小的英文用的是創意繁琥珀,我英文喜歡用這個,感覺比較高大上,當然大家有其他喜歡字體也行,差不多和排版就可以了!

排完是這樣,然後找簡約風情,一看是宋體,找個差不多的宋體,不過以我經驗應該是造字工坊的字體,我用的是造字工坊的尚雅演示版,一步步做不要怕麻煩

畫個黑色的圓圈

字體看看大概適合就可以了

照樣子排版一下,基本這樣,然後把背景去掉看看效果

看看實際效果是不是萌萌噠!然後把文字顏色變一下,主題精美魚缸一定是要顏色深一些,其他可以淺一點,主要要給人層次感,當然為了突出改變顏色也是可以有的,做一下文字的調整,就這樣感覺差不多,

然後我們再看原來海報發現還周圍加了些花承託,那我們也要加一點吧,不然感覺很單調是不是!我們不能加花吧,魚缸我們想到了什麼?魚兒或者水嗎

然後試試,素材千圖找,輸入水或者魚,我想用的是水

找到很多水看到了吧!

加個水,然後感覺是不是還行,我們看到這個魚缸是佔了比較大的空間,第一視角應該是魚缸和黑色文字,精美魚缸,所以突出了海報的意義,其他的都是修飾,感覺看上去還蠻舒服的,我覺得就可以了,這個也不是很精確的去做,重點是告訴新手方法,不要文字產品移形換位,有人說那個排版不行,不行就不行吧,自己修改了一下,我喜歡用小英文字體

然後變成這樣的效果呵呵呵!基本海報就這樣做好了,其他詳情頁什麼的也是一樣方法,建議把做好的東西保存到文件夾,這個排版可以備份的,畢竟是自己的嗎!

相關焦點

  • PS教程:PS製作極有衝擊力的立體字海報
    【PConline 教程】這次PS教程帶來製作非常有衝擊力的立體字海報。教程效果圖由背景、文字、裝飾三部分構成,文字部分製作比較重要,包括立體字及霓虹字。立體字製作稍微複雜一點,需要純手工製作。
  • 教你用ps製作3D立體字
    自從ps功能越來越強大可以用來建模後,各路大神就把這個功能展現到了極致,自己也恨不能立刻變身大神做個立體字秀一把,下面帶大家簡單介紹一下ps中怎麼用3d建模功能做一個立體字效果!
  • ps製作精美的綠色水晶立體字字體效果
    這個是比較常見的ps製作精美的綠色水晶立體字字體效果教程,製作的時候可以先把文字複製多層,副本圖層填充改為0,然後分別加上圖層樣式得到層次感比較好的水晶效果,再用錯位的方法製作立體面即可。復聯3:無限戰爭海報大賞!魔幻與黑暗的結合,一個女人的PS!今天,為媽媽打開一次PS設計圈炸了,Adobe家族以後將不允許破解版存在...甜品店這樣的設計配色簡直太吸引人了!食慾大增!設計師不用PS怎麼P圖?
  • PS教程:巧妙利用極坐標,製作放射立體字
    (每期的圖文教程都有相關視頻教程,圖文結合視頻,學習效果更好哦)本期教程我們來學習製作放射立體字,如下是製作好的效果圖,相信這種字體大家一定都有看過,電商海報經常使用,馬上就是6.18年中大促了,商家們最近都在忙著備戰吧。下面我們就來演示製作這種字體。
  • 使用PS製作簡單的立體字
    用PS可以製作各種各樣的字效,今天來做一款非常簡單實用的立體字,感興趣的小夥伴趕緊動起你的小手吧~1.新建800x600,72像素的空白文檔,背景填充自己喜歡的深色漸變;2.選擇文字工具編輯需要做立體效果和文字
  • photoshop教程ps軟體製作一個立體字效果
    立體字效果在設計中是最長用的表現方式之一,這次就來講解下,使用photoshop軟體,來製作立體字效果。
  • 如何用PS製作商業海報?
    如何使用ps製作商業海報?商業海報是由多種素材組合而成,然後突顯人物和標題的一種作圖模式,下面小編來教大家如何製作吧。1.首先我們新建一個畫布的,製作海報的畫布一般是五十乘以七十的比例。2.然後將素材分別導入——天空、山脈和一些建築物。
  • 如何利用PS軟體做空心字和立體字
    3、在編輯菜單中,用圖像變換工具,將文字拖至方格大小,然後點擊確定。4、用魔棒工具,點擊字跡中的顏色,如果字跡中有斷開的,就按住shift鍵,在其它部位再點一下,就把要處理的部分選擇出來。5、在選擇彈出的對話框中,點擊「修改」——「縮小」,然後,在彈出的對話框中輸入3—5像素,最後確定。6、在圖層中選擇合併圖層。
  • PS教程:Photoshop製作3D彩色粒子立體字
    【PConline 教程】這次PS教程給大家帶來PhotoShop製作閃亮的3D彩色粒子立體字特效,非常棒的字效。製作的時候最好根據提示及參考圖慢慢發揮。製作的時候會用到3D功能,最好選用較高版本的PS,比如PhotoShop CS5以上版本。
  • 快速 詳細教程製作立體字photoshop使用現學現練
    記得【關注哦】用PS快速製作立體字,教程難度不大,製作出來的文字效果還挺漂亮的,立體感也很強,這樣的立體字效個人覺得用來製作數字和字母的立體感會更強
  • 如何利用ps製作複雜線條背景的宣傳海報?3分鐘教你搞定它!
    ps怎樣製作電商海報中高端大氣又好看的複雜線條背景型的宣傳海報?運用PHOTOSHOP軟體,可以很簡單的製作大家想要的照片,下面和小編一起來看看具體步驟吧。利用上述的效果,我們可以結合自己的設計風格,將上面的技巧加入到我們的設計當中,如下圖所示;操作很簡單,但是效果卻有意想不到的效果,小夥伴們,趕緊動手操作一下吧,感謝您的觀看~~本章的學習教程到此結束啦,如果你想學習更多ps教程記得關注我們,大家有什麼更多的建議可以隨時留言哦
  • 如何用ps製作人物文字效果?
    如何用ps製作人物文字效果?一個簡單但是效果很好的「文字人物」效果!實用粗暴,運用在海報更適合。用ps軟體打開一張頭像比較清晰的圖片,ctrl+j複製一層。返回「圖層面板「,新建一層,按住ctrl+v進行粘貼ctrl+s將文件保存為psd格式,以作備用,為後面的」置換「做準備在ps中打開英文文字圖片,按住ctrl鍵將文字圖片拖入到人物層中,按住ctrl+t將文字圖片拖拉到與人物圖層一樣大小選擇濾鏡菜單下的」扭曲「—」置換「命令,在彈出對話框中進行如下設置,設置後點擊確定,在彈出對話框中選擇剛剛保存的
  • PS教程:打造方塊立體字,原來文字也可以「凹凸有致」!
    見慣了平面的字效,甚至立體的字效最近出現的也很頻繁,今天雖然依舊是立體字效,但是它比以往的立體字效增添了更多特色。
  • 詳細快速photoshop立體字現學現練教程
    記得【關注哦】用PS快速製作立體字,教程難度不大,製作出來的文字效果還挺漂亮的,立體感也很強,這樣的立體字效個人覺得用來製作數字和字母的立體感會更強
  • 1分鐘學會用ps製作GIF動圖
    ps如今運用得越來越廣泛了,無論是在修圖、海報製作,還是廣告攝影、平面設計、文字排版、影像創意、網頁製作、界面設計、數碼規劃等等領域都發揮著重要作用。我們都知道GIF圖很有趣,其實用PS製作起來也非常簡單。今天我就給大家講講如何用PS快速製作出你想要的動態GIF圖。
  • 如何用PS製作霓虹燈效果字體海報
    隨著2018年漸變的再次回歸,我們發現流行時尚仿佛就是一個圓環,來來回回總是循環著,漸變本就是吸引眼球的色彩搭配,霓虹燈也正是利用了這種特點給人以印象深刻的感覺,所以往往我們需要吸引人們的注意力時,我們就可以運用到這種漸變的霓虹燈效果的設計了,那麼接下來我們來看看簡單的霓虹燈效果要怎麼做吧,還是老規矩先上效果圖:這次我們主要要用到的就是ps
  • Ps如何快速製作一張海報,只需要這幾步
    一、新建一個文檔(Ctrl+N),大小自己需要的尺寸,如果是印刷品的話在建立海報尺寸的時候一定要留出四周出血線的位置,一般海報經常使用的尺寸是210mmX285mm,但是要記得上下左右各要留出2mm-3mm出血線的位置,我這裡留的2mm,也是就我們需要新建214mmX289mm尺寸的文檔。
  • AI教程:3D漸變立體字,字母數字都可以
    3D漸變立體字1.選擇文字工具,輸入我們需要輸入的文字(教程演示的為英文字母大寫的M)2.選擇選擇工具,選擇文字,執行效果-3D-凸出和斜角3.位置一欄選擇等角上方,凸出厚度2004.將字體的填充色關閉掉,描邊色為黑色,適當加粗描邊便於觀察
  • 用PS 3D功能製作視覺效果不錯的球體元素
    原文:http://www.shejidaren.com/ps-3d-qiu-ti.html今天分享來自 airisgreen 設計師寫的PS教程文章,重點是教大家用 PS 裡的 3D 功能來實現漂亮的球體元素,學會後
  • 怎麼用PS做海報?完美動力老師親自傳授海報製作技巧!
    少年,我看你骨骼清奇,思路奇絕,這有一份「蘿蔔糕海報誕生秘籍」,可讓你快速掌握PS蒙板和自定義畫筆的使用,了解產品海報的構圖特點和文字的層次表現,從此入門產品海報,大有裨益哦!那麼怎樣才能快速地抓住要點,引導視覺閱讀順序呢?答案就是,經驗豐富的「老司機」負責帶飛,小夥伴們坐穩就是啦!起飛第一要義:帶著問題學習問題1.