PS繪制精美的復(fù)古風(fēng)格書本圖標(biāo)
- 2021-05-05 16:19:58
- 來源/作者:互聯(lián)網(wǎng)/佚名
- 己被圍觀次
大多數(shù)人都沒有意識到繪制一個(gè)圖標(biāo)需要多少時(shí)間和精力。圖標(biāo)需要數(shù)個(gè)小時(shí)才能完成,當(dāng)然技術(shù)也在不斷練習(xí)中日臻完善。在本次教程中,我們將演示如何在Photoshop中繪制一個(gè)打開的
第24步
好了,現(xiàn)在我們要開始折騰書脊了,之后我們要在書頁上添加文字。首先是,書脊時(shí)間。把前景色設(shè)為#7e763,并使用直線工具 (U),設(shè)為填充像素模式,寬度為3px,拖動并創(chuàng)建一個(gè)類似倒V的形狀,像這樣(我?guī)湍氵x出來了,這樣你能看清楚一點(diǎn))。

現(xiàn)在添加圖層樣式。


把圖層命名為 “Spine V”。現(xiàn)在我們的圖片看起來應(yīng)該是這樣的了。

第25步
好了,現(xiàn)在讓我們來做書脊的第二部分。把前景色設(shè)為 #544a15 然后使用鋼筆工具,設(shè)置為形狀圖層,在所有的書本圖層下面畫一個(gè)形狀(這個(gè)新圖層就是background圖層上面的第一個(gè)圖層了)。

把這個(gè)圖層命名為”Spine Base”。然后,在上面新建一個(gè)圖層并轉(zhuǎn)換為剪貼蒙版。現(xiàn)在把前景色設(shè)為#221500,背景色設(shè)為#372705,使用我們可愛的漸變工具(G)。設(shè)為前景色到透明的線性漸變。像圖中那樣拖動創(chuàng)建一個(gè)影子。

然后按一下X,反轉(zhuǎn)前景色和背景色(現(xiàn)在#ff8e72是你的前景色了)。新建一個(gè)圖層,把它移動到剛才創(chuàng)建的漸變圖層和 “Spine Base” 形狀圖層之間。再次使用漸變工具,但是這次設(shè)為前景色到背景色的對稱漸變。像圖中這樣拉一個(gè)漸變。

現(xiàn)在給你的 “Spine Base” 形狀圖層添加圖層樣式。

合并3個(gè)”Spine Base”相關(guān)的圖層。在圖層面板按住Command/Ctrl并點(diǎn)擊那3個(gè)圖層,然后按Command/Ctrl + E合并它們。之后你可以把這個(gè)圖層重命名為 “Spine Base”然后使用減淡工具(你可以使用之前留下的設(shè)置,不過尺寸要降到20左右)然后在書脊右側(cè)輕輕刷一下,像這樣。

第26步
嗯,現(xiàn)在是我們期待已久的時(shí)刻。添加文字時(shí)間!好了讓我們從”Base Pages” 開始。首先,你的 “Base Pages” 形狀圖層應(yīng)該有2個(gè)剪貼蒙版。

看到上面那個(gè)影子圖層了么?我寫著”1″ 的那個(gè)?現(xiàn)在新建一個(gè)圖層,放到影子圖層和漸變圖層(也就是1和 2)之間。然后使用鋼筆工具,設(shè)成路徑模式,然后像這樣拖動一個(gè)路徑。

然后使用文字工具(T)然后選擇一個(gè)不錯(cuò)的字體(我用的是這個(gè)Lainie Day SH)。把你的前景色設(shè)為 #a17852然后開始打字吧。打完之后,把圖層設(shè)為正片疊底并降低不透明度到85%左右,這是我的路徑輸入效果。
字體素材 微盤下載

好了,再次重復(fù)這個(gè)操作,添加第二個(gè)路徑文字圖層,把它向上移動一點(diǎn),這樣就只有它的底邊緣可見了。

第27步
OK現(xiàn)在我們要給翻開的書頁上添加蚊子了。新建一個(gè)圖層,移動到”Flip Pages”上面,像之前那樣使用鋼筆工具,跟隨書頁的彎曲畫一段路徑。

不斷這樣重復(fù)這些操作,這樣你就把兩張紙都填滿啦!現(xiàn)在出于文件大小的考慮,在圖層面板中按住Command/Ctrl并單擊所有的文字圖層,然后把它們合并成一個(gè)圖層。現(xiàn)在它看起來好多了。重新把圖層模式設(shè)為正片疊底,并將其重命名為 “Text on Flip Pages”,乖乖干得好。

第28步
現(xiàn)在書上還有一樣?xùn)|西要畫,就是書簽。畫完書簽之后再畫支筆,然后就搞定了。新建一個(gè)圖層,放到 “Flip Pages”下面,像這樣。

使用鋼筆工具,設(shè)為形狀圖層,前景色為#c52114,畫一個(gè)書簽的形狀。

好現(xiàn)在把這個(gè)圖層重命名為”Bookmark”。在上面新建一個(gè)圖層,并轉(zhuǎn)換為剪貼蒙版。把前景色設(shè)為#480b04背景色設(shè)為#fa6e5c,然后使用你的漸變工具(G),前景色到透明的線性漸變,然后書簽頂部拖動創(chuàng)建一個(gè)陰影,用于模擬書頁的影子。然后再從下往上拖動一個(gè)影子,這是書簽尖端的影子。像這樣:(看到兩個(gè)影子和它們之間的亮色了嗎?盡量弄成這樣)

按下X來交換前景色和背景色。現(xiàn)在使用漸變工具,對稱漸變,仍是前景色到透明。拖動一個(gè)很短的距離,這是書簽的高亮部分。

現(xiàn)在可以Command/Ctrl并單擊你的書簽形狀圖層和剪貼蒙版,并按下Command/Ctrl+E來合并它們了。 你可能得重命名圖層為”Bookmark”,然后可能還得用”釋放剪貼蒙版”。現(xiàn)在在圖層面板按住Command/Ctrl并單擊書簽圖層的略縮圖來活得選區(qū)。然后新建一個(gè)圖層,將其命名為”Shadow Bookmark”。把圖層設(shè)為正片疊底模式,并把不透明度降低到80%左右。把前景色設(shè)為#480b04,并以此填充選區(qū),然后就可以取消選擇了。然后前往濾鏡 > 模糊 > 高斯模糊,半徑大約是2,3。好了,現(xiàn)在,見證奇跡的時(shí)刻!我們把書畫完了!恭喜!它看起來應(yīng)該差不多是這樣的。

???????
*PSjia.COM 傾力出品,轉(zhuǎn)載請注明來自PS家園網(wǎng)(m.sz-xdd.com.cn)
標(biāo)簽(TAG) UI設(shè)計(jì) 繪制教程 圖標(biāo)設(shè)計(jì) 物品UI








