17-七個步驟搞定文章封面圖

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,一只創業中的產品狗。寫文章是為了督促自己獨立思考,也想看看自己能堅持多久。內容多為產品感悟、讀書筆記以及生活思考。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容