如何製作類似Adobe CC圖示?

screenshot-www-adobe-com-tw-creativecloud-catalog-desktop-html-1469682999224

製作軟體或網站,都需要一個圖示,或許你也是一樣,不想花太多時間在製作圖示上,這種製作圖示方法很適合你,簡單、乾淨的圖示,可以讓其他瀏覽者,淺顯易懂。使用最簡單的Photoshop CC,來製作圖示。

如果你還沒有Photoshop的話,你可以到,很久之前介紹的下載軟體網站Getintopc.com下載。

製作教學


STEP 1

開啟新檔,在Photoshop,並且將圖片大小設為800PX乘以800PX。

備註:PX就是像素大小

PSADBCCICO

STEP 2

開啟新的檔案了,要從何開始呢?首先,先來看到下圖範例,圖片中,最外圍的顏色偏淺,則內側背景顏色偏深,文字與外側顏色相同。因此,一開始背景底色,需要選擇偏亮的色系。

Adobe cc icon [shuffler]

STEP 3

在工具欄,編輯前景色,改為淺色系。

PSADBCCICO

接下來,按下快速鍵「Shift+F5」填滿背景。

STEP 4

選取矩形工具。(先不要畫)

PSADBCCICO

在上方調整列,調整大小為700×700

PSADBCCICO

選擇較暗的色系,必須是背景色的暗色。

PSADBCCICO

對著已建立好的背景,點一下,跳出一個視窗,請選擇確定。

PSADBCCICO

現在,你已經有個Adobe CC圖示的半成品了。PSADBCCICO

STEP 5

最後,只剩下文字了,Adobe圖示的文字,通常是兩個英文字,第一個是大寫,第二個是小寫。並且先將矩形圖層隱藏。再新增文字。文字的大小是500pt。

例如,我的文字要打上「Sh」,打上後,把文字顏色調成與背景色相同,就可以了。

PSADBCCICO

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *