自己設計選單怎麼製作(怎麼製作選單圖片)
如何在photoshop中建立漢堡選單模板
最終成品
本教程將向您展示如何使用PS製作非常潮流的漢堡選單模板。 本教程的主要目的是教您製作可以直接用於出圖的設計文件,如何裁剪背景影象,如何將圖形和影象放入PS,以及如何建立圖層和圖層組。
我們將製作的選單模板是漢堡包選單模板的一部分。
教程資源
在本photoshop選單模板教程中使用了以下資源:
兩個漢堡
熱狗
沙拉
漢堡
三明治
Brush.psd檔案
Graphics.psd檔案(包含1行,1片葉子,1個番茄,1杯啤酒,1杯可樂,1個番茄醬)
Blackboard Background.psd背景檔案
LOGO.png檔案
Bebas Neue字型
WickedGrit字型
Averia Sans字型
Caveat字型
Rhesmanisa字型
1. 如何設定新文件
步驟1
啟動photoshop並從選單中建立新文件:"檔案>新建>文件"。將檔案設定為以下尺寸:
寬度:42釐米
高度:29.7釐米
解析度為300 dpi
CMYK的顏色模式
單擊建立
步驟2
關於輔助線,如果你看不到標尺,您需要通過按"Ctrl R"使它們可見。現在,用你的滑鼠,從頂部拖放第一條輔助線。
步驟3
對另外三個方向都如此操作,拖放輔助線到對應位置。看上去應該是這樣的:
步驟4
讓我們新增出血標記,這樣我們就可以為列印輸出做準備。轉到"影象>畫布大小"。在彈出視窗中,輸入以下尺寸(譯者:其實就是每邊留3mm的出血):
寬度:42.6釐米
高度:30.3釐米
單擊確定
步驟5
因為這是一個二摺頁,我們需要在選單佈局模板的中心新增一條輔助線。
2.如何放置背景
作為背景,首先將我們的"Blackboard Background.psd背景檔案"。找到"檔案>置入嵌入物件"並選擇黑板檔案作為背景。
當我們處理它的時候,我們最好去層面板,建立新組或簡單按下"Ctrl G"。雙擊組1文字並將資料夾重新命名為"背景",這將是我們建立的第一個圖層組。
3.如何建立封面和封底
步驟1
找到圖層介面然後建立新組,命名為"第一面"。建立另一個組,將其重新命名為"右側"。再新增兩個組,命名為這兒是你的"logo"和"圖形"。同時選擇兩組,按住shift鍵,並將它們拖到"右側"圖層組。
步驟2
轉到"檔案>連結位置",並將"logo.png檔案"放置在選單佈局模板的中心。
步驟3
單擊"LOGO"圖層,並將其移動到名為"這兒是你的logo"的圖層資料夾中。
步驟4
找到我們之前建立的圖形組,我們將新增一些圖片。前往"檔案>開啟"。我有這張"照片",但是我需要去掉背景。
為此,我們將使用"快速選擇工具(w )",只選取漢堡元素。
完成選擇後,只需單擊"選擇">"修改">"羽化選區",羽化"1畫素"。
最後,在"圖層"介面底部找到"新增圖層蒙版"按鈕並單擊。背景就被蒙版遮蓋住了。
步驟5
現在,選擇影象層按"Ctrl C",回到我們的選單模板,並用"Ctrl V"貼上它。把它放在右下角。最後,將它拖到"圖形"圖層組,重新命名這個圖層為"漢堡",並建立一個同名的組。
步驟6
按"Ctrl T"調整影象大小。然後,執行"編輯>變換>旋轉"。用滑鼠抓住右上角的影象,稍微向左旋轉。
步驟7
"右鍵單擊"並選擇"混合選項">"投影",給影象新增一些陰影。引數如下:
混合模式:正片疊底
不透明度:75%
角度:90度
距離:83畫素
大小:73畫素
轉到"影象>調整>亮度/對比度",並將"亮度"更改為"-15","對比度"更改為" 15"。點選"ok"。
步驟8
對另一個漢堡圖片遵循同樣的過程,這次我們將把它放在選單設計的左上角。轉到"影象>調整>亮度/對比度",並將"亮度"更改為"-15","對比度"更改為" 15"。點選"ok"。
步驟9
最後,讓我們再新增三張圖片,一個"西紅柿"和兩片"葉子"。將它們從"graphics.psd檔案"拖到"圖層"介面。
我們的photoshop選單模板的首頁將如下所示:
步驟10
從"工具欄"中選擇"文字工具(t )",然後選擇"bebas neue字型"。從"工具欄選單"中選擇"白色"作為前景色,並對標題漢堡層使用以下樣式:
字型系列:Bebas Neue
字型樣式:bold
尺寸:48 pt
行間距:自動
字距調整:60
提示:轉到"視窗",從下拉選單中選擇"字元"開啟字元視窗,幫助您完成這些設定。
步驟11
同樣,在選擇"文字工具(t)"和"字型wicked grit"的情況下,製作右邊的"副標題"和"價格",使用以下設定:
字型系列:wicked grit
字型樣式:regular
尺寸:20pt
行間距:自動
字距調整:0
步驟12
之後是"主文字",選擇"文字工具(t)"和"averia sans字型",使用以下設定:
字型系列:Averia Sans
字型樣式:light italic
尺寸:12 pt
行間距:11 pt
字距調整:60
我們的選單模板應該看起來如下圖所示:
步驟13
將標題"漢堡層"、"副標題"標題分組、"價格"和"主文字"與編組並命名為"1"。然後複製組"(Ctrl C)>貼上(Ctrl V)"七次,並分別重新命名它們("1、2、3、4、5、6、7"和"8")。"圖層"面板的組織方式如下圖所示。
這是選單模板的最終結果:
步驟14
選擇"burgers(漢堡)"圖層組後,"複製(Ctrl C)>貼上(Ctrl V)",並將其重新命名為"熱狗"。使用選定的"文字工具(t)"更改內容。對於"熱狗"層,我們只需要三份拷貝,所以刪除第4組到第8組。選擇文字層,並使用選定的文字"工具(t)"進行更改,如下圖所示:
步驟15
同樣,選擇"burgers(漢堡)"圖層組後,"複製(Ctrl C)>貼上(Ctrl V)",並將其重新命名為"salads(沙拉)"。我們需要文字層的四份副本,所以刪除第5組到第8組。選擇文字層並進行更改,如下圖所示:
步驟16
對於我們photoshop模板的最後一組,您可以選擇"熱狗"圖層組並"複製(Ctrl C)>貼上(Ctrl V)",將其重新命名為"drinks飲料"。選擇文字層並進行更改,如下圖所示:
這是我們選單模板的最終結果:
4.如何新增圖形和影象
步驟1
首先開啟brush.psd檔案(筆刷素材)。
步驟2
製作四份副本"複製(Ctrl C)>貼上(Ctrl V)",並將它們放在主標題後面,如下所示。
記錄:建立一個新的圖層組,並將其稱為"圖形"。將"筆刷"圖層拖到該圖層組中。
步驟3
開啟"graphics.psd檔案"並放置以下影象:
1塊冰塊
1杯可樂
3個箭頭
1條直線
你可以從"unsplash"下載"熱狗"圖片。按照以下方式排列選單模板中所有放置的元素:
步驟4
要完成模板的"第1面",請選擇"文字工具(t)",選擇"Caveat字型",並使用以下文字樣式輸入"coke(可樂)":
字型系列:Caveat
字型樣式:bold
尺寸:130 pt
行間距:自動
字距調整:0
如下圖所示放置:
步驟5
對"$2"價格文字使用相同的"字型"。對於這個,選擇紅色。轉到"字元"視窗,單擊"顏色",開啟"顏色選擇器"視窗。使用顏色程式碼#b00f23,然後單擊"確定"。
字型系列:Caveat
字型樣式:bold
尺寸:72pt
行間距:自動
字距調整:0
將它放在"可口可樂"文字的正下方,如下所示:
步驟6
選擇"文字工具(t)",選擇"rhesmanisa字型",然後鍵入"try it!試試看!"
文字使用以下樣式:
字型系列:Rhesmanisa
字型樣式:regular
尺寸:48 pt
行間距:自動
字距調整:0
步驟7
現在,將之前放置的"直線"素材抓取到選單模板中,拖動它,並將其放置在左側頁面的中間。
5.如何製作內部左右頁面
步驟1
讓我們回到photoshop選單模板的第二面。首先按"Ctrl G"建立一個新的圖層組,命名為"第2面"。
步驟2
在這個新圖層中,點選"Ctrl G"並"建立一個名為menu的圖層組"。再新增另一個組並重新命名為"圖形"。
步驟3
從"第1面"複製文字元素。選擇"burgers"圖層組"Ctrl C"進行復制,然後單擊圖層面板上的"眼睛圖示"隱藏"第一面"圖層。
然後"Ctrl V"將其貼上到頁面左側內頁頂部。
步驟4
對其他文字元素("沙拉和湯")也這樣做。我們的選單佈局模板應該如下所示:
步驟5
對於右側內頁,您必須新增以下文字元素:
三明治sandwiches
咖啡coffee
甜點desserts
飲料drinks
我們的選單設計應該是這樣的:
步驟6
在"圖層"面板上組織這些新元素,如下所示:
步驟7
我們就快完成了。最後,讓我們新增圖形元素。通過按下"眼睛圖示"隱藏"第2面"圖層組,並複製("Ctrl C")"圖形"圖層組。"隱藏第1面"圖層,並使用"眼睛圖示"按鈕使"第2面"再次可見。"Ctrl V圖形"組層。
步驟8
單擊"檔案>置入嵌入物件"並匯入"沙拉影象"。
注意:先用我們之前使用的方法移除影象的背景。
"Ctrl T"調整大小,然後按"enter"鍵確定。"雙擊圖層"開啟"混合選項"選單,並新增具有以下設定的"陰影":
混合模式:正片疊底
不透明度:75%
角度:90度
間距:83畫素
大小:73畫素
步驟9
單擊"檔案>置入嵌入物件"並匯入"漢堡包影象"。移除背景後,按住"Ctrl T"調整背景大小,然後按"enter"鍵確定。"雙擊圖層"開啟"混合選項"選單,並新增具有以下設定的"陰影":
混合模式:正片疊底
不透明度:75%
角度:90度
間距:83畫素
大小:73畫素
步驟10
單擊"檔案>置入嵌入物件"並匯入"三明治影象"。和以前一樣。"Ctrl T"調整大小,然後按"enter"鍵。"雙擊圖層"開啟"混合選項"選單,並新增具有以下設定的"陰影":
混合模式:正片疊底
不透明度:75%
角度:90度
間距:83畫素
大小:73畫素
下圖顯示了photoshop選單模板中元素的排列。
步驟11
回到"graphics.psd檔案",複製("Ctrl C")名為"葉子"的層。返回選單模板貼上("Ctrl V"),並將其放在"沙拉影象"旁邊。抓起另一片"葉子",放在我們選單設計的右邊,"三明治"圖片旁邊。
步驟12
從"graphics.psd檔案"中,複製以下圖層:
1個啤酒杯
1份烤肉醬
3個箭頭
1條直線
返回選單模板貼上("Ctrl V"),並按如下方式排列它們:
步驟13
為了完成"第2面",再次轉到"第1面",複製("Ctrl C")"可樂"層回這一面,我們需要用"文字工具(t)"將文字更改為"啤酒"。新增"$2"並"嘗試一下"!文字層,並這樣排列它們:
6.如何匯出選單模板用於列印和印刷
步驟1
您可以通過"檔案">"列印"從photoshop列印檔案。單擊"列印"。
步驟2
您也可以將檔案匯出為pdf格式,以便線上分發或列印。前往"檔案>另存為"。在"另存為"選項視窗中,根據需要命名檔案為"漢堡選單模板"或"photoshop選單模板"。將格式設定為"photoshop pdf",然後單擊"儲存"。
幹得好,您已經完成了你的photoshop 漢堡選單模板!
在本教程中,您學習瞭如何在photoshop中製作漢堡選單模板。以下是你所學到的方法:
"設定一個可以列印的photoshop檔案"。
向選單設計中"新增列參考線和出血"。
使用"文字工具"。
把你的工作組織成"圖層組"。
"裁剪"和"編輯影象"。
"匯出pdf檔案"。