1、教程說明
1.1、教程平臺:Windows 7 旗艦版 Service Pack 1 (x64) 簡體中文版 操作系統
1.2、軟件版本:Adobe Photoshop CC 2018 (19.1.6) (x64) 簡體中文版
1.3、如果您的平臺和軟件版本有所不同,操作步驟會有所出入,請自行斟酌。
2、下圖為原稿的“樣例圖”。


3、實戰步驟
3.1、如下圖所示:啟動“Adobe Photoshop CC 2018”程序,新建一個1000 x 3000 PX,分辨率為72 PPI的文件。


3.2、打開提問中提供的“示例圖”,在“背景”圖層后面的空白處雙擊鼠標左鍵,在名稱后面輸入“示例圖”,然后點擊“確定”。目的是解鎖背景層,接下來好對它進行操作。


3.3、選工具欄上的“移動工具”,點選“示例圖”,按住鼠標左鍵不放,把它拖入新建的“未標題-2”文件中。


3.4、點擊“矩形工具”,然后在繪圖區內點一下左鍵,在彈出的窗口輸入:750 x1160 PX 后點擊“確定”。


3.5、選中剛新建的“矩形 1”圖層,更改圖層名為“淡藍背景”,把不透明度改為60%。


3.6、看下圖的說明,我們就會知道要拉出多少條參考線,以及要在哪些位置拉出參考線。


3.7、如下圖所示:利用吸附功能,把“淡藍背景”移到最上端與最上端水平參考線對齊,最左側與最左側的垂直參考線對齊。


3.8、選擇工具欄的“添加錨點工具”,在“淡藍背景”中部靠左的下圖所示位置添加一個錨點(錨點 2)。


3.9、同樣選擇工具欄的“添加錨點工具”,在“淡藍背景”右側下圖所示的位置添加一個錨點(錨點3)。


3.10、選擇工具欄的“直接選擇工具”,將“錨點 1”下拉到如下圖所示位置。


3.11、同樣選擇工具欄的“直接選擇工具”,將“錨點 2”下拉到如下圖所示位置。


3.12、選擇工具欄的“直接選擇工具”,將“錨點 4”下拉到如下圖所示位置。


3.13、選擇工具欄的“直接選擇工具”,選擇拖動“錨點2”、“錨點 3”左右的控制柄,使得“淡藍背景”頂端的外輪廓線與下面“示例圖”的外輪廓線重合。這樣就做出了“淡藍背景”頂端的外輪廓。完成效果如下圖所示。


3.14、清除掉沒用的參考線,將“淡藍背景”的不透明度改回 100%。


3.15、點“淡藍背景”圖層前面的“眼睛”,隱藏該圖層。選擇工具欄的“吸管工具”在“示例圖”的背景上點一下,將前景色改為“示例圖”的背景色一樣的顏色。


3.16、在“淡藍背景”圖層前面點擊,使“眼睛”顯現,顯示該圖層。在圖層所示位置雙擊鼠標左鍵,打開“拾色器”窗口,接著點擊前景色,然后點擊“拾色器”窗口上“確定”。此時“淡藍色背景”就填充成了和“示例圖”背景一樣的淡藍色。


3.17、最大“淡藍色背景”完成后效果如下圖。


3.18、如下圖所示:沿著白色輪廓線的內側四周拉四條參考線。


3.19、選擇“圓角矩形工具”,設置:描邊:0 像素;圓角半徑:30 像素。用吸附參考線功能,畫一個圓角矩形。把它的圖層名改為“淡藍背景2”。


3.20、在“淡藍背景2”圖層后面的空白處雙擊鼠標左鍵,打開“圖層樣式”窗口。勾選并選中“描邊”。設置如下圖,大小:6像素;位置:外部;顏色:白色。


3.21、把它填充成和“淡藍背景”一樣的淡藍色。


3.22、放大一個食品名的白色小背景,在它四周拉四條參考線。


3.23、選擇“圓角矩形工具”,設置:描邊:0 像素;圓角半徑:24 像素。用吸附參考線功能,畫一個圓角矩形。


3.24、把它的圖層名改為:“項目背景”,并填充為白色。


3.25、選擇“橫排文字工具”,在“項目背景”上面輸入文本“牛乳大餅”,加選“項目背景”圖層后,點擊工具欄上的“垂直居中對齊”、“水平居中對齊”。


3.26、選中“牛乳大餅”、“項目背景”兩個圖層,創建圖層組,并給組命名為“零食1”。


3.27、選中組“零食1”,快捷鍵“Ctrl+J”連按9下,對組進行復制9個。


3.28、選中組“零食1 拷貝 9”,將它垂直移動到下圖所示位置。


3.29、選中10個組,點擊工具欄的“按底分布”按鈕。


3.30、然后選中這10個組,再建組“零食組1”。


3.31、對組“零食組1”進行復制,并命名為“零食組2”。


3.32、將“零食組2”水平移動到如下圖所示位置。請自行更改對應的食品名稱,更改后的文本注意與項目白色背景“垂直居中對齊”、“水平居中對齊”就行了。


3.33、因為“示例圖”下端不全,根據左右邊距的大小,我們把“淡藍背景”底端延長。效果如下圖所示。


3.34、類似的方法做出“備注”組。


3.35、新建一個圖層,命名為“曲線”,并保持該圖層為選中狀態,使用“鋼筆工具”沿著“示例圖”上的“看我的清單”下方畫一條曲線。


3.36、選擇“橫排文字工具”后,選擇“漢儀小麥體”字體,輸入“看我的清單”,我們會發現文字是沿著曲線的趨勢排列的。


3.37、將上一步輸入的文本“看我的清單”移來出,用調節控制框的方法調節文字的大小和間距。以達到近似“示例圖”上的效果。


3.38、同樣選擇“橫排文字工具”后,選擇“方正黑隸簡體_粗”字體,字號:“18點”,多次按鍵盤上的橫線鍵“-”,就是“虛線”效果了。


3.39、選擇“橫排文字工具”后,選擇“漢儀小麥體”字體;字號:32點;字符水平間距:25。輸入“LOOK AT MY LIST”。


3.40、選擇“橫排文字工具”后,選擇“方正蘭亭中黑_GBK”字體;字號:36點;字符水平間距:130。輸入“精選美味零食大禮包”。


3.41、以“示例圖”上的四個文本底端為參考,畫四條水平參考線,把我們輸入的四個文本底端分別對齊到四條水平參考線。


3.42、如下圖所示:暫時隱藏“示例圖”圖層,選中“四個文本”圖層,加選“淡藍背景”圖層。接著先點擊工具欄的“右對齊”,再點擊“水平居中對齊”。


3.43、清除參考線,對齊后的效果如下圖。


3.44、在邊緣添加四條參考線,點選工具欄的“裁剪工具”,沿著參考線進行裁剪。


3.45、裁剪完成后清除參考線,最終完成效果如下圖。


3.46、菜單 文件 -> 存儲為。


3.47、點開“保存類型”右側的下拉選擇“JPEG(*.JPG;*.JPEG;*.JPE)”。


3.48、選擇文件保存的路徑;輸入文件名;點擊“保存”。


3.49、如無特殊情況,為保證圖片品質,選擇“品質”為 12 。然后在“JPG 選項”窗口中點擊“確定”。


3.50、最終的圖片出來了。


— End —
版權聲明:本文內容由互聯網用戶自發貢獻,該文觀點僅代表作者本人。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如發現本站有涉嫌抄襲侵權/違法違規的內容, 請發送郵件至 舉報,一經查實,本站將立刻刪除。