自己設計選單怎麼製作(怎麼製作選單圖片)

如何在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檔案"。