用ps畫一條直的虛線方法「photoshop怎麼畫虛線邊框」

1、教程說明

1.1、教程平台:Windows 7 旗艦版 Service Pack 1 (x64) 簡體中文版 操作系統

1.2、軟體版本:Adobe Photoshop CC 2018 (19.1.6) (x64) 簡體中文版

1.3、如果您的平台和軟體版本有所不同,操作步驟會有所出入,請自行斟酌。

2、下圖為原稿的「樣例圖」。

Photoshop 照稿畫圖實戰教程

3、實戰步驟

3.1、如下圖所示:啟動「Adobe Photoshop CC 2018」程序,新建一個1000 x 3000 PX,解析度為72 PPI的文件。

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

3.17、最大「淡藍色背景」完成後效果如下圖。

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

3.24、把它的圖層名改為:「項目背景」,並填充為白色。

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

3.27、選中組「零食1」,快捷鍵「Ctrl+J」連按9下,對組進行複製9個。

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

3.30、然後選中這10個組,再建組「零食組1」。

Photoshop 照稿畫圖實戰教程

3.31、對組「零食組1」進行複製,並命名為「零食組2」。

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

3.34、類似的方法做出「備註」組。

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

3.39、選擇「橫排文字工具」後,選擇「漢儀小麥體」字體;字型大小:32點;字元水平間距:25。輸入「LOOK AT MY LIST」。

Photoshop 照稿畫圖實戰教程

3.40、選擇「橫排文字工具」後,選擇「方正蘭亭中黑_GBK」字體;字型大小:36點;字元水平間距:130。輸入「精選美味零食大禮包」。

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

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

Photoshop 照稿畫圖實戰教程

3.50、最終的圖片出來了。

Photoshop 照稿畫圖實戰教程

— End —

原創文章,作者:投稿專員,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/256054.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
投稿專員的頭像投稿專員
上一篇 2024-12-15 12:33
下一篇 2024-12-15 12:33

相關推薦

發表回復

登錄後才能評論