yoho~

▽

有好多小伙伴問我文章的封面圖是如何制作，今天就用photoshop和skech出個圖文教程~

壹： photoshop?

1-打開PS新建文件

點擊菜單欄的文件-新建，輸入寬度900像素，高度500像素，點擊確定。

1

2-新建矩形

點擊工具欄的矩形工具，新建一個正方形矩形，可以使用快捷鍵command+T，調整矩形的大小和位置。調整時長按shift，還可以保持固定長寬比。

2

3-找一張背景圖片

我一般是用Pexels來找圖，直接右鍵點擊復制圖片就可以了。本文文末還總結了一份我常用的找靜態圖、gif圖、原型icon的網站名單。似不似很貼心！

3

4-創建剪切蒙板

重新打開photoshop，使用快鍵鍵Control+V將圖片粘貼。在PS界面右側的圖片圖層，右鍵點擊選擇“創建剪切蒙版”。

4

5-調整圖片大小

創建完剪切蒙版后，會發現背景圖片變成矩形圖片的子集了，超出矩形大小的圖片都不再展現。

快鍵鍵Command+T進入圖片的編輯狀態，調整圖片大小和位置。

5

6-使用文字工具

點擊工具欄的橫排文字工具，輸入對應的文字，同時調整文字的字體、大小、顏色、透明度。

6

7-導出圖片并保存PSD

點擊菜單欄的文件-存儲為，選擇導出圖片的格式，我一般選擇png，存儲在對應的文件夾。完工！

7

貳：Sketch

1-打開skech粘貼圖片

將網站上的背景圖片復制粘貼到新建的skech里，然后點擊左上角的“?”，選擇Artboard（這個畫板可以快速剪切）。

1

2-設置Artboard

將Artboard的寬度設為900像素，高度設為500像素。同時在控制面板移動背景圖片的位置，將背景圖片變成Artboard的子集。

2

3-增加一層陰影

點擊左上角的“?”，選擇新增一個矩形，寬高比大于900*500，也在Artboard畫板里。設置矩形顏色為黑色，透明度為35%。這是為了圖片上的文字更為突出。

3

4-輸入文字并導出圖片

點擊左上角“?”，選擇text，輸入文字內容，顏色選擇#FFFFFF（純白色），字體大小排版都可以根據自己喜好進行調整。右上角點擊Export，保存，完工！

4

叁：常用搜圖網站?

1-靜態大圖

① PEXELS：www.pexels.com

② 花瓣網：huaban.com

③ 站酷網：www.zcool.com.cn

2-GIF動圖

http://www.gifparanoia.org

3-icon圖標

EASYICON：www.easyicon.net

ICONFINDER：www.iconfinder.com

— END —

作者：pmwiki，一只創業中的產品狗。寫文章是為了督促自己獨立思考，也想看看自己能堅持多久。內容多為產品感悟、讀書筆記以及生活思考。