PS教程:打造方塊立體字,原來文字也可以「凹凸有致」!

2021-02-13 PS教程自學平臺photoshop

見慣了平面的字效,甚至立體的字效最近出現的也很頻繁,今天雖然依舊是立體字效,但是它比以往的立體字效增添了更多特色。比如「凹凸有致」就是我們今天字效的一個特點,不過此「凹凸有致」非彼凹凸有致,那是怎麼個「凹凸有致」法呢?你看了效果就知道!

 

今天我們來利用photoshop製作一個立體的方塊字效果,先來看下效果圖:

是不是很有意思呢?那麼接下來就跟我一起來設計吧!

(1)  新建一個1500px*750px的文檔,命名為「方格立體字」。

(2)  背景色填充顏色#6ba4c2的藍色。

(3)  畫網格。新建一個30px*30px的文檔,新建一個圖層,雙擊背景圖層解鎖,然後刪掉背景圖層,得到一個完全透明的圖層。

 

(4)  選擇鉛筆工具,大小設置為1,前景色設置為#ffffff,畫一個十字圖案,然後選擇編輯——定義圖案,把圖案命名為「網格」,點擊確定按鈕,然後關閉此文檔。

(5)  回到「方格立體字」文檔,雙擊背景圖層解鎖,然後再次雙擊背景圖層進入「圖層樣式」面板,在圖案疊加欄裡疊加剛才的「網格」圖案。

(6)  新建圖層,用「矩形選框工具」畫一個大小為29px*29px的正方形,填充顏色#00679d,移動到畫好的網格裡,注意不要壓到白色網格線。

(7)  用相同方法,在適當的位置畫出如下圖所示的圖案,顯示為字母「PSD」。

(8)  按Ctrl+J複製此圖層,對新複製的圖層Ctrl+T自由變換,按下鍵盤方向鍵的↑和←各1次,使此圖層分別向上和向左各移動1像素,然後按回車鍵確定,接下來根據自己需要按下多次Ctrl+Alt+Shift+T鍵,進行多次再次變換操作。

(9)  選中最上層的圖層,按住Ctrl鍵點擊圖層縮略圖載入選區,填充顏色#9fd9f8。

(10)此時圖層很多,我們可以把除了最上層圖層和背景圖層以外的圖層合併,按住Shift鍵,由上到下全部選擇後,Ctrl+E合併圖層,並做如下命名。

(11)選擇魔棒工具,容差設置為0,選擇「最上層」圖層,按住Shift鍵選中多塊小方塊,然後按Ctrl+X鍵剪切,再按Ctrl+Shift+V鍵新建一個圖層並原位置複製,按住Ctrl鍵點擊新複製的圖層縮略圖載入選區,填充顏色#00679d,Ctrl+D取消選區。

 

(12)重複8—10步的操作,即可得到如下凹凸效果。

(13)利用此方法,可以把想要凸出的小方格根據喜好,隨意調整凹凸效果。

(14)做好凹凸效果後,把背景圖層外的所有圖層都選中,Ctrl+G打組, 再Ctrl+J複製一個新組,然後Ctrl+E把這個新組合併圖層,並把原始組隱藏。

 

(15)給底部暗面上色。利用多邊形套索工具,選中圖形的底面部分,Ctrl+X剪切,Ctrl+Shift+V原位置複製,按住Ctrl鍵點擊新複製的圖層縮略圖載入選區,填充顏色色值#02486d,Ctrl+D取消選區。

(16)利用此方法,把所有的底面顏色全部上色。

(17)我們可以再加個背景圖。首先,找到一副磚牆的背景圖,在photoshop裡面打開。

(18)把剛剛做的方格立體字中的除背景圖層和組1以外的圖層選中,右鍵單擊選擇「複製圖層」,然後在文檔欄後選擇磚牆文檔,點擊確定按鈕,選中的圖層就複製到磚牆文檔當中了。

 

(19)把複製過來的圖層Ctrl+E合併圖層,命名為「psd」,然後Ctrl+J再複製一次圖層,調整到合適的位置。

(20)雙擊psd圖層,進入圖層樣式面板,在顏色疊加欄,疊加顏色,色值為#000000,點擊確定按鈕。

(21)然後調整圖層不透明度為75%,得到最終效果圖,就大功告成啦!

相關焦點

  • PS教程:PS製作極有衝擊力的立體字海報
    【PConline 教程】這次PS教程帶來製作非常有衝擊力的立體字海報。教程效果圖由背景、文字、裝飾三部分構成,文字部分製作比較重要,包括立體字及霓虹字。立體字製作稍微複雜一點,需要純手工製作。
  • 教你用ps製作3D立體字
    自從ps功能越來越強大可以用來建模後,各路大神就把這個功能展現到了極致,自己也恨不能立刻變身大神做個立體字秀一把,下面帶大家簡單介紹一下ps中怎麼用3d建模功能做一個立體字效果!初級教程,大神請出門左轉不送~~1.新建一個1920*1080像素的文件2、建一個背景,打上需要的文字,文字複製一層備用3.柵格化文字,並複製一層隱藏備用,右擊選擇「從所選圖層新建3d模型」4.點擊第二個紅框標註的按鈕「濾鏡:網格」
  • photoshop教程ps軟體製作一個立體字效果
    把文字複製出來一層,移動到文字下方圖層位置,然後使用Ctrl+T鍵,也就是自由變換命令,把這個複製出來的一層文字變換移動一下,移動位置就是右下角放心,然後確定。接下來,只要重複這個命令動作就行了。使用快捷鍵Ctrl+Alt+Shift+T組合鍵,然後多次操作,複製多個文字圖層。如圖所示。
  • PS教程:巧妙利用極坐標,製作放射立體字
    (每期的圖文教程都有相關視頻教程,圖文結合視頻,學習效果更好哦)本期教程我們來學習製作放射立體字,如下是製作好的效果圖,相信這種字體大家一定都有看過,電商海報經常使用,馬上就是6.18年中大促了,商家們最近都在忙著備戰吧。下面我們就來演示製作這種字體。
  • AI教程:3D漸變立體字,字母數字都可以
    3D漸變立體字1.選擇文字工具,輸入我們需要輸入的文字(教程演示的為英文字母大寫的M)2.選擇選擇工具,選擇文字,執行效果-3D-凸出和斜角3.位置一欄選擇等角上方,凸出厚度2004.將字體的填充色關閉掉,描邊色為黑色,適當加粗描邊便於觀察
  • ps製作精美的綠色水晶立體字字體效果
    這個是比較常見的ps製作精美的綠色水晶立體字字體效果教程,製作的時候可以先把文字複製多層,副本圖層填充改為0,然後分別加上圖層樣式得到層次感比較好的水晶效果,再用錯位的方法製作立體面即可。8、最後添加一些裝飾文字,然後按Ctrl+ Shift + Alt + E 蓋印圖層,並對其適當的銳化,可以使整張圖片看起來更加精緻,銳化的方法有幾種,一是直接執行:濾鏡> 銳化 > USM銳化,二是先將圖層轉換為智能對象,然後再執行:濾鏡 > 其它
  • PS教程:Photoshop製作3D彩色粒子立體字
    【PConline 教程】這次PS教程給大家帶來PhotoShop製作閃亮的3D彩色粒子立體字特效,非常棒的字效。製作的時候最好根據提示及參考圖慢慢發揮。製作的時候會用到3D功能,最好選用較高版本的PS,比如PhotoShop CS5以上版本。
  • 快速 詳細教程製作立體字photoshop使用現學現練
    記得【關注哦】用PS快速製作立體字,教程難度不大,製作出來的文字效果還挺漂亮的,立體感也很強,這樣的立體字效個人覺得用來製作數字和字母的立體感會更強
  • 用PS製作,大氣的立體字海報
    本篇教程通過PS製作大氣立體字海報,立體很容易做好,不過要能與場景完美融合,還需要一些特殊處理,根據背景、光源、質感等重新給立體字的各個面進行細化處理,出來的效果非常整體,細膩。同學們一起來學習一下吧。
  • PS:打造重影文字效果
    大家好,我是設計師文刀,今天教大家的是如何用ps打造重影文字效果,這篇主要教大家如何去做創意海報的方式,以及ps工具的應用重影文字效果製作方法首先,我們給背景填充黑色如果顏色不是默認的黑白色,按d鍵可以重置顏色。
  • Photoshop CS6教程:用PS打造秋天3D立體字
    【PConline 教程】Photoshop CS6發布已經有一段時間了,不得不說,Photoshop CS6的功能非常強大。在Photoshop CS6的擴展功能中,有大量的新功能以及新的3D界面等等。在本PS教程中,我們將展示如何使用Photoshop CS6擴展中的新功能來創建一個以秋天為主題的3D立體文字特效。
  • 如何利用PS軟體做空心字和立體字
    朱承星/文昨天,有位專做匾額的老師傅,讓我給他打幾個空心字,我想,字體庫中除了雲彩字體是空心的,再也找不到隸書、楷體和魏體空心字字體庫。可是,老師傅說,雲彩字體不好看,他讓我還是打魏體空心字。這下突然讓我犯難了。他說,從前在外面他都是這樣的,讓我慢慢找,回頭再來拿。晚上,我找了很長時間還是沒有找到那樣的字體庫。
  • 詳細快速photoshop立體字現學現練教程
    記得【關注哦】用PS快速製作立體字,教程難度不大,製作出來的文字效果還挺漂亮的,立體感也很強,這樣的立體字效個人覺得用來製作數字和字母的立體感會更強
  • 使用PS製作簡單的立體字
    用PS可以製作各種各樣的字效,今天來做一款非常簡單實用的立體字,感興趣的小夥伴趕緊動起你的小手吧~1.新建800x600,72像素的空白文檔,背景填充自己喜歡的深色漸變;2.選擇文字工具編輯需要做立體效果和文字
  • ps浮雕立體字教程
    特殊文字效果的應用是PS應用的一個重要分支,有些功能操作雖然簡單,但應用很廣泛,本次實例以一個簡單的浮雕刻字的製作為例進行講述,主要涉及到修補工具、文字工具、投影及斜面和浮雕樣式的使用,有興趣的朋友可以一試。效果圖
  • PS教程:打造漂亮的金色立體文字
    字體效果製作難度較大,完全用鼠繪的方法完成大致過程:先根據需要打上文字,然後給文字變形處理,做出有藝術感的連寫效果然後給文字上色做出金屬及立體感,後期再添加裝飾即可最終效果:需要學習軟體的同學,大家可以百度搜索錦子會,去錦子會博客下載更多學習資源!如想要了解我的,請百度搜索羅錦,歡迎了解更多我的設計之路!
  • Flame Painter打造經典火焰文字效果【PS教程】
    教程要點本教程易學易懂,非常適合新手學習。在完成了這樣的效果之後,我們就可以開始給文字添加扭曲濾鏡用來模擬火焰折射的效果。選擇 濾鏡-扭曲-波浪。第一步,我們先在ps中另存(ctrl+shift+s),採用png格式保存之前做的透明文字,然後打開Flame Painter(文章最後會提供下載),新建文件尺寸 2400x1350px。
  • Ps教程:讓文字發光的方法有很多,但4步就能解決的,你知道嗎?
    本章教程我們將一起來學習文字發光效果,雖然讓文字發光的方法有非常的多,但是技多不壓身,只希望通過這個方法給大家一些啟發,可以對PS有更深入的了解和學習,同時有時候我們需要簡單的文字發光,也並不需要使用那麼麻煩的方法,簡單幾步即可。
  • PS教程:文字沿路徑編排案例
    內容提要:本文的ps路徑文字教程,主要為大家分享兩個常見的PS
  • PS教程:PS打造腥紅流血的寫輪眼
    【重大福利】關注《羅錦》微信公眾號,回復「羅錦」兩個字,即可了解羅錦老師平面設計之路,非常有價值哦用鋼筆工具勾出血的形狀,再轉為選區,填上血紅的顏色酷炫立體文字人像教程乾貨:為什麼自學平面設計的人都學不會?思考 Photoshop人像後期磨皮的基礎原理UI 是什麼?UI 設計需要學習哪些軟體?你真的知道平面設計和UI設計的區別?ps入門教程:平面設計與ui設計有什麼不同?