自己设计菜单怎么制作(怎么制作菜单图片)
如何在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文件"。