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 —
原創文章,作者:投稿專員,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/256054.html