My dear friends, welcome to 「study with Catwoman Teresa」 series. Do you learn something from my previous posts?
Today I will teach you how to create a personal avatar by your pictures so that you can use it on Steemit、Facebook、namecard and so on.
We will use Photoshop. Follow me step by step.
親愛的Steemit朋友們,又來到了「跟著貓女這樣做」的單元,大家有沒有從之前的單元學到一些有用的技巧呢?
今天Teresa要教大家如何用自己的大頭照來做成一個美麗的頭像,可以使用在各種行銷自己的場合,例如Facebook頭像、名片或微信等各種社交平台。使用這樣的專屬頭像,可以凸顯你的個人特色,讓更多人關注你喔!
要做出這個酷炫的頭像,只需要透過Photoshop的簡單處理,就可以變成獨一無二的專屬頭像,我會透過詳細的步驟說明來一步一步帶著大家一起做,只要懂得基本的Photoshop操作就可以看得懂喔!接下來就跟著我一步一步操作吧!
![長毛一家人_頭像LOGO原圖.jpg](https://steemitimages.com/0x0/https://steemitimages.com/DQmapJFApVPyvPPp3MhiLkLLcqmotUraL6HdYsmrcaCE55k/%E9%95%B7%E6%AF%9B%E4%B8%80%E5%AE%B6%E4%BA%BA%EF%BC%BF%E9%A0%AD%E5%83%8FLOGO%E5%8E%9F%E5%9C%96.jpg)
首先先找一張你喜歡的照片,最好是輪廓上有明顯的反差,轉成黑白時才會有漂亮的形狀,大家可以多試幾張照片,找出最適合的照片。今天就由二毛 和我示範給大家看~
![scissor.gif](https://steemitimages.com/DQmboXmodMqVSa3vQJdxjtExECpswfk6SxmCMLJqFDtDZrM/scissor.gif)
![長毛一家人_頭像LOGO複製圖層.jpg](https://steemitimages.com/0x0/https://steemitimages.com/DQmRESLmT4pVxrsNgErZ4g9nuWhBJTByrhL1sgoKzF9EbE4/%E9%95%B7%E6%AF%9B%E4%B8%80%E5%AE%B6%E4%BA%BA%EF%BC%BF%E9%A0%AD%E5%83%8FLOGO%E8%A4%87%E8%A3%BD%E5%9C%96%E5%B1%A4.jpg)
首先選擇圖層按右鍵,複製一層原圖,接下來的步驟就在複製的圖層上執行。
這個動作建議大家養成習慣,盡量保留還沒有處理的圖,這樣萬一執行出來的結果不滿意,還可以再從原圖另外複製一張修改,反正Photoshop並沒有限制圖層的數量。
因為這篇文章希望讓只懂得最基本Photoshop操作的人可以很容易學會,所以每一個步驟我都不會教hotkey,而是從界面上的選單去選功能,所以不用怕對hotkey不熟會看不懂喔~
![scissor.gif](https://steemitimages.com/0x0/https://steemitimages.com/DQmboXmodMqVSa3vQJdxjtExECpswfk6SxmCMLJqFDtDZrM/scissor.gif)
![長毛一家人_頭像LOGO臨界值01.jpg](https://steemitimages.com/DQmTmQomsxcRkTAb7BK2VmD57quNqQEmVwr2DxWh4FfpnVc/%E9%95%B7%E6%AF%9B%E4%B8%80%E5%AE%B6%E4%BA%BA%EF%BC%BF%E9%A0%AD%E5%83%8FLOGO%E8%87%A8%E7%95%8C%E5%80%BC01.jpg)
接下來,選擇剛剛複製的圖層,選擇menu上的影片->調整->臨界值
![scissor.gif](https://steemitimages.com/0x0/https://steemitimages.com/DQmboXmodMqVSa3vQJdxjtExECpswfk6SxmCMLJqFDtDZrM/scissor.gif)
![長毛一家人_頭像LOGO臨界值02.jpg](https://steemitimages.com/DQmdCYyrVZLrDmmT1mEWvr6EtFjcENShu698TfUDXHCmUMv/%E9%95%B7%E6%AF%9B%E4%B8%80%E5%AE%B6%E4%BA%BA%EF%BC%BF%E9%A0%AD%E5%83%8FLOGO%E8%87%A8%E7%95%8C%E5%80%BC02.jpg)
我們可以看到原本彩色的圖已經變成黑白的圖,臨界值的功能視窗會打開,可以調整臨界值的數值。數值越大,黑色的部分(暗面)越多。上面這張圖的數值是147。
![scissor.gif](https://steemitimages.com/0x0/https://steemitimages.com/DQmboXmodMqVSa3vQJdxjtExECpswfk6SxmCMLJqFDtDZrM/scissor.gif)
![長毛一家人_頭像LOGO臨界值03.jpg](https://steemitimages.com/DQmehjQpBfzJMfMtfQkQKMjuTKU2qhzLvTD4Qe2qz3YpB3d/%E9%95%B7%E6%AF%9B%E4%B8%80%E5%AE%B6%E4%BA%BA%EF%BC%BF%E9%A0%AD%E5%83%8FLOGO%E8%87%A8%E7%95%8C%E5%80%BC03.jpg)
數值調小,白色的部份(亮面)越多。上面這張圖的數值是63。
![scissor.gif](https://steemitimages.com/0x0/https://steemitimages.com/DQmboXmodMqVSa3vQJdxjtExECpswfk6SxmCMLJqFDtDZrM/scissor.gif)
![長毛一家人_頭像LOGO臨界值04.jpg](https://steemitimages.com/DQmbnnFQonSY3eJ5NR7NUezf7zePMJPxrYPPJT3KwzuXMod/%E9%95%B7%E6%AF%9B%E4%B8%80%E5%AE%B6%E4%BA%BA%EF%BC%BF%E9%A0%AD%E5%83%8FLOGO%E8%87%A8%E7%95%8C%E5%80%BC04.jpg)
調整到你喜歡的結果,然後按確定。上面這張圖的數值是110。
我發現以這張圖來說,數值調小的時候亮面太多,但是頭髮的細節會比較多,我很喜歡。所以最後我以數值110這張為基準,再另外做了一張數值小的圖層,把頭髮的部分修出細節來。
有沒有發現,當初留了原圖,這裡才可以再多做一個不同數值的圖層。
![scissor.gif](https://steemitimages.com/DQmboXmodMqVSa3vQJdxjtExECpswfk6SxmCMLJqFDtDZrM/scissor.gif)
![長毛一家人_頭像LOGO開新檔案01.jpg](https://steemitimages.com/0x0/https://steemitimages.com/DQmS9DaFhgLXbeRopifrDmwpf8M3oyrhnmkcfo9FWt4o1rw/%E9%95%B7%E6%AF%9B%E4%B8%80%E5%AE%B6%E4%BA%BA%EF%BC%BF%E9%A0%AD%E5%83%8FLOGO%E9%96%8B%E6%96%B0%E6%AA%94%E6%A1%8801.jpg)
除了將頭髮的層次修出來之外,另外再把背景的雜物修掉。這時候頭像已經可以看出大概的基礎了,是不是開始覺得有點成就感了?
![scissor.gif](https://steemitimages.com/0x0/https://steemitimages.com/DQmboXmodMqVSa3vQJdxjtExECpswfk6SxmCMLJqFDtDZrM/scissor.gif)
![長毛一家人_頭像LOGO開新檔案02.jpg](https://steemitimages.com/DQmZ6jW9mHDdWfQS14SJyysCp5Uxpo3cc9UB2WRfoLvnQKc/%E9%95%B7%E6%AF%9B%E4%B8%80%E5%AE%B6%E4%BA%BA%EF%BC%BF%E9%A0%AD%E5%83%8FLOGO%E9%96%8B%E6%96%B0%E6%AA%94%E6%A1%8802.jpg)
接下來我們開一個新檔案,輸入你想要的檔案大小後按確定。
![scissor.gif](https://steemitimages.com/0x0/https://steemitimages.com/DQmboXmodMqVSa3vQJdxjtExECpswfk6SxmCMLJqFDtDZrM/scissor.gif)
![長毛一家人_頭像LOGO顏色範圍01.jpg](https://steemitimages.com/DQmc3r4dG8zW86mVLPzmsgsF9Bg7wHsxqPNjpDxFJoEki3M/%E9%95%B7%E6%AF%9B%E4%B8%80%E5%AE%B6%E4%BA%BA%EF%BC%BF%E9%A0%AD%E5%83%8FLOGO%E9%A1%8F%E8%89%B2%E7%AF%84%E5%9C%8D01.jpg)
回到之前製作的圖檔,從menu選擇選取->顏色範圍
![scissor.gif](https://steemitimages.com/0x0/https://steemitimages.com/DQmboXmodMqVSa3vQJdxjtExECpswfk6SxmCMLJqFDtDZrM/scissor.gif)
![長毛一家人_頭像LOGO顏色範圍02.jpg](https://steemitimages.com/DQmWfdkW1Q9D3sATyRS4ay3eNxqGFYysfGUAXt5cbm36mM1/%E9%95%B7%E6%AF%9B%E4%B8%80%E5%AE%B6%E4%BA%BA%EF%BC%BF%E9%A0%AD%E5%83%8FLOGO%E9%A1%8F%E8%89%B2%E7%AF%84%E5%9C%8D02.jpg)
顏色範圍的功能視窗打開,這時候游標會變成一個滴管,用滴管去選擇任一黑色的範圍,不需要調整任何數值,就可以按確定了。
![scissor.gif](https://steemitimages.com/0x0/https://steemitimages.com/DQmboXmodMqVSa3vQJdxjtExECpswfk6SxmCMLJqFDtDZrM/scissor.gif)
![長毛一家人_頭像copy選取範圍.jpg](https://steemitimages.com/DQmSYpXkGJXrnyZSszGNhpvN5MeLx7GhCJn6iYRyVT4KVV3/%E9%95%B7%E6%AF%9B%E4%B8%80%E5%AE%B6%E4%BA%BA%EF%BC%BF%E9%A0%AD%E5%83%8FcopyLOGO%E9%81%B8%E5%8F%96%E7%AF%84%E5%9C%8D.jpg)
這時我們會看到黑色的部分已經被選取,選擇menu中編輯->拷貝,複製被選取起來的部分。然後到剛才新開的檔案,選擇menu中編輯->貼上,把選起來的黑色部分貼到新的檔案中。
![scissor.gif](https://steemitimages.com/0x0/https://steemitimages.com/DQmboXmodMqVSa3vQJdxjtExECpswfk6SxmCMLJqFDtDZrM/scissor.gif)
![長毛一家人_頭像任意變形01.jpg](https://steemitimages.com/DQmWY84W9bMaskeHYAuZTpEgwUm2P1Y2Xksxw1k8w4ZgDSW/%E9%95%B7%E6%AF%9B%E4%B8%80%E5%AE%B6%E4%BA%BA%EF%BC%BF%E9%A0%AD%E5%83%8FLOGO%E4%BB%BB%E6%84%8F%E8%AE%8A%E5%BD%A201.jpg)
貼到新檔案時,如果尺寸大小不對,就要選擇menu中編輯->任意變形
![scissor.gif](https://steemitimages.com/0x0/https://steemitimages.com/DQmboXmodMqVSa3vQJdxjtExECpswfk6SxmCMLJqFDtDZrM/scissor.gif)
![長毛一家人_頭像LOGO任意變形02.jpg](https://steemitimages.com/DQmZRZpDeG2MWgZH6Qyunf1mS5XaPUK6TSWn5XVcBxsmtXG/%E9%95%B7%E6%AF%9B%E4%B8%80%E5%AE%B6%E4%BA%BA%EF%BC%BF%E9%A0%AD%E5%83%8FLOGO%E4%BB%BB%E6%84%8F%E8%AE%8A%E5%BD%A202.jpg)
Resize and move the picture to the middle of the canvas, confirm.
調整到適當的大小後,把圖層移到畫面正中央,然後選勾勾確定。
![scissor.gif](https://steemitimages.com/0x0/https://steemitimages.com/DQmboXmodMqVSa3vQJdxjtExECpswfk6SxmCMLJqFDtDZrM/scissor.gif)
![長毛一家人_頭像LOGO修整輪廓.jpg](https://steemitimages.com/DQmRaWrsKdyyRg15JAnTLsQSyt3pCoR4zerECDX6wmWFm1K/%E9%95%B7%E6%AF%9B%E4%B8%80%E5%AE%B6%E4%BA%BA%EF%BC%BF%E9%A0%AD%E5%83%8FLOGO%E4%BF%AE%E6%95%B4%E8%BC%AA%E5%BB%93.jpg)
用橡皮擦把邊緣修整一下,接下來就可以開始上顏色了。有沒有越來越興奮的感覺?
![scissor.gif](https://steemitimages.com/DQmboXmodMqVSa3vQJdxjtExECpswfk6SxmCMLJqFDtDZrM/scissor.gif)
![長毛一家人_頭像LOGO加入顏色圖層.jpg](https://steemitimages.com/0x0/https://steemitimages.com/DQmNsdfR9Tjmky8J6UXu31ZELiYWeBfhMusM8Ass5Zvc8XL/%E9%95%B7%E6%AF%9B%E4%B8%80%E5%AE%B6%E4%BA%BA%EF%BC%BF%E9%A0%AD%E5%83%8FLOGO%E5%8A%A0%E5%85%A5%E9%A1%8F%E8%89%B2%E5%9C%96%E5%B1%A4.jpg)
找一張喜歡的圖,加到新的圖層上,用來做頭像的顏色,圖片的選擇決定頭像呈現的效果和色調,大家可以發揮自己的美感,做出獨一無二的個性頭像。在這個示範,Teresa選了一張紫色調的宇宙星空圖。這裡要注意的是這張圖的圖層要放在黑白頭像的上面一層。
![scissor.gif](https://steemitimages.com/DQmboXmodMqVSa3vQJdxjtExECpswfk6SxmCMLJqFDtDZrM/scissor.gif)
![長毛一家人_頭像LOGO建立剪裁遮色片.jpg](https://steemitimages.com/0x0/https://steemitimages.com/DQmaMbPRVD1MXqrVp81AzDQ1EWyQMoB2MaktNks1eLkEXjg/%E9%95%B7%E6%AF%9B%E4%B8%80%E5%AE%B6%E4%BA%BA%EF%BC%BF%E9%A0%AD%E5%83%8FLOGO%E5%BB%BA%E7%AB%8B%E5%89%AA%E8%A3%81%E9%81%AE%E8%89%B2%E7%89%87.jpg)
選擇這張星空圖的圖層,按滑鼠右鍵,選擇建立剪裁遮色片。
![scissor.gif](https://steemitimages.com/DQmboXmodMqVSa3vQJdxjtExECpswfk6SxmCMLJqFDtDZrM/scissor.gif)
![長毛一家人_頭像LOGO初步上色.jpg](https://steemitimages.com/0x0/https://steemitimages.com/DQmfLKLKqtUMcYfwJdm6MiTeFowRKNW48th63op2197VRYK/%E9%95%B7%E6%AF%9B%E4%B8%80%E5%AE%B6%E4%BA%BA%EF%BC%BF%E9%A0%AD%E5%83%8FLOGO%E5%88%9D%E6%AD%A5%E4%B8%8A%E8%89%B2.jpg)
看到了嗎?星空圖和黑白的頭像建立了遮色片的連結,頭像有顏色了!
![scissor.gif](https://steemitimages.com/DQmboXmodMqVSa3vQJdxjtExECpswfk6SxmCMLJqFDtDZrM/scissor.gif)
![長毛一家人_頭像LOGO調整顏色.jpg](https://steemitimages.com/0x0/https://steemitimages.com/DQmcLubeZ75uhVvRrHCwPU3umBPoZBo3jESecZ31AvLnaQD/%E9%95%B7%E6%AF%9B%E4%B8%80%E5%AE%B6%E4%BA%BA%EF%BC%BF%E9%A0%AD%E5%83%8FLOGO%E8%AA%BF%E6%95%B4%E9%A1%8F%E8%89%B2.jpg)
這時候我們可以選擇星空圖,移動星空圖或調整圖的大小等來找出最適合的顏色圖案。
做到這裡,其實已經蠻漂亮了。可是Teresa覺得邊緣稍微單薄了一點,所以繼續再加上一點小小的effect。
這裡開始已經是細節的調整了,如果你對目前的成果已經滿意了,可以不用再繼續往下做。
![scissor.gif](https://steemitimages.com/DQmboXmodMqVSa3vQJdxjtExECpswfk6SxmCMLJqFDtDZrM/scissor.gif)
![長毛一家人_頭像LOGO內陰影01.jpg](https://steemitimages.com/0x0/https://steemitimages.com/DQmcxby2x52ocorWnh4hTvtaeTYU9Y2tiLBU5ng4yXTP4uj/%E9%95%B7%E6%AF%9B%E4%B8%80%E5%AE%B6%E4%BA%BA%EF%BC%BF%E9%A0%AD%E5%83%8FLOGO%E5%85%A7%E9%99%B0%E5%BD%B101.jpg)
選擇黑白LOGO的圖層,加上內陰影的效果。
![scissor.gif](https://steemitimages.com/DQmboXmodMqVSa3vQJdxjtExECpswfk6SxmCMLJqFDtDZrM/scissor.gif)
![長毛一家人_頭像LOGO內陰影02.jpg](https://steemitimages.com/0x0/https://steemitimages.com/DQmbDEL43QMnfBH5D2NKRWXwcWoh5SyY3TJEc2E7wPXTAfQ/%E9%95%B7%E6%AF%9B%E4%B8%80%E5%AE%B6%E4%BA%BA%EF%BC%BF%E9%A0%AD%E5%83%8FLOGO%E5%85%A7%E9%99%B0%E5%BD%B102.jpg)
這個效果會讓邊界產生漸層,頭像看起來會比較有層次和厚度。陰影不需要太深,可以調整一下讓陰影的邊界模糊一點,看起來比較自然。
![scissor.gif](https://steemitimages.com/DQmboXmodMqVSa3vQJdxjtExECpswfk6SxmCMLJqFDtDZrM/scissor.gif)
![長毛一家人_頭像LOGO上字.jpg](https://steemitimages.com/0x0/https://steemitimages.com/DQmP1KQ8nkxhfiyc1FzPt662zJEh7HQddtZsKkoGb8dofTc/%E9%95%B7%E6%AF%9B%E4%B8%80%E5%AE%B6%E4%BA%BA%EF%BC%BF%E9%A0%AD%E5%83%8FLOGO%E4%B8%8A%E5%AD%97.jpg)
在頭像上打上名稱。字體和顏色都可以依據自己的喜好調整。
![scissor.gif](https://steemitimages.com/DQmboXmodMqVSa3vQJdxjtExECpswfk6SxmCMLJqFDtDZrM/scissor.gif)
![長毛一家人_頭像LOGO新增背景圖層.jpg](https://steemitimages.com/0x0/https://steemitimages.com/DQmVTECLB3pBwGh2KYxLHfAZH6EnV1syA6JC7phr7hkiABv/%E9%95%B7%E6%AF%9B%E4%B8%80%E5%AE%B6%E4%BA%BA%EF%BC%BF%E9%A0%AD%E5%83%8FLOGO%E6%96%B0%E5%A2%9E%E8%83%8C%E6%99%AF%E5%9C%96%E5%B1%A4.jpg)
如果覺得背景純白色太單調,可以增加一點漸層。先在背景圖層之上新增一個圖層,將這層圖層填上白色。
![scissor.gif](https://steemitimages.com/DQmboXmodMqVSa3vQJdxjtExECpswfk6SxmCMLJqFDtDZrM/scissor.gif)
![長毛一家人_頭像LOGO背景漸層.jpg](https://steemitimages.com/0x0/https://steemitimages.com/DQmWCQiiAWBBrTh9NS6mNTZnBJbCGEcNVduCMZUvX5KwPJf/%E9%95%B7%E6%AF%9B%E4%B8%80%E5%AE%B6%E4%BA%BA%EF%BC%BF%E9%A0%AD%E5%83%8FLOGO%E8%83%8C%E6%99%AF%E6%BC%B8%E5%B1%A4.jpg)
在新增的圖層加上漸層覆蓋的效果
![scissor.gif](https://steemitimages.com/DQmboXmodMqVSa3vQJdxjtExECpswfk6SxmCMLJqFDtDZrM/scissor.gif)
![長毛一家人_頭像LOGO背景漸層01.jpg](https://steemitimages.com/0x0/https://steemitimages.com/DQmbfhGFBXYc26CBYrCPBgAjVdw2YkfNH4bWQe7cYqZ43Fz/%E9%95%B7%E6%AF%9B%E4%B8%80%E5%AE%B6%E4%BA%BA%EF%BC%BF%E9%A0%AD%E5%83%8FLOGO%E8%83%8C%E6%99%AF%E6%BC%B8%E5%B1%A401.jpg)
調整漸層的顏色和數值,讓漸層達到自己想要的效果。這裡Teresa選擇放射性的圖層,反轉勾上,透明度調到50%
![scissor.gif](https://steemitimages.com/DQmboXmodMqVSa3vQJdxjtExECpswfk6SxmCMLJqFDtDZrM/scissor.gif)
![長毛一家人_頭像LOGO存擋.jpg](https://steemitimages.com/0x0/https://steemitimages.com/DQmTj52Hb6hQDxEeJHBJAHJRAt3QHVPvjco6avQ9KZ2Lkex/%E9%95%B7%E6%AF%9B%E4%B8%80%E5%AE%B6%E4%BA%BA%EF%BC%BF%E9%A0%AD%E5%83%8FLOGO%E5%AD%98%E6%93%8B.jpg)
最後可以再確認顏色和形狀輪廓是否滿意。若是要調整顏色就調整星空圖,要調整輪廓就修改黑白頭像圖層。
滿意之後,就可以儲存成JPG檔案啦!
![scissor.gif](https://steemitimages.com/0x0/https://steemitimages.com/DQmboXmodMqVSa3vQJdxjtExECpswfk6SxmCMLJqFDtDZrM/scissor.gif)
![logo_final.jpg](https://steemitimages.com/DQmamhCBGSHgkTjTQnu6GwU9Gmm2sMaKV3SLiXaRVrdJWc5/logo_final.jpg)
最後調整過後的完成品就像這樣啦!是不是很簡單又看起來很唬人?
趕快來跟著步驟做一遍,加上一張美麗的頭像,可以讓你的部落格更有個人特色喔!
Thanks for reading.
Welcome to upvote, resteem, and follow me. If you like the content I share with you, don’t hesitate to leave your comment. See you next time~
歡迎關注、點讚、轉發,喜歡我分享的內容的話,別忘了留言告訴我喔!我們下次見!
© Copyright 所有照片與文字皆為原創 All photos were taken by the author. All rights reserved.