如何在 Photoshop 中使用网格创建字体海报

如何在 Photoshop 中使用网格创建字体海报-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

 

在本教程中, 我们将使用网格来设计一张强大的字体海报。我们还将学习如何运用图层蒙版和调整图层来对图片进行编辑。你准备好开始了吗?

 

需要的东西有:

Adobe Photoshop。如果没有可以从Adobe 网站下载试用版。除此之外,还有:

  • 滑雪斜坡
  • 滑雪板
  • Schmalfette字体

下载好图片并安装字体, 你就可以开始了!

1. 新建 Photoshop 文件

第一步

Photoshop 中, 点击文件 > 新建。把文档命名为滑雪板海报1270像素, 1600像素分辨率为72像素/英寸。点击 “确定“。

 

如何在 Photoshop 中使用网格创建字体海报-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

第二步

按住Command-R可以在文档周围调出标尺。点击视图 >新建参考线 。在 “新建参考线” 窗口中, 选择 “水平“, 位置数值为70像素。点击 “确定“。

同样的,在下方调出参考线,位置的数值是由文件的高减去70像素。要激活或停用参考线, 请按Command-;

 

如何在 Photoshop 中使用网格创建字体海报-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

第三步

在这个海报中, 我们将创建一个5:3的网格 (宽x 高)。这就意味着我们需要将海报垂直分成五节、水平分成三节。用网格来进行试验是做出独特的布局的好方法。

点击视图>新建参考线。在新建参考线窗口选择 “垂直“,位置为254像素。点击 “确定“。

把几个垂直参考线分别设置为254像素、508像素、762像素1016像素。点击 “确定“。

水平参考线设置为533像素1066像素。点击 “确定“。

 

如何在 Photoshop 中使用网格创建字体海报-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

第四步

在 “图层” 面板上, 点击 “创建新的填充或调整图层 > 纯色“。在 “拾色器” 窗口中选择黑色,点击 “确定“。

 

如何在 Photoshop 中使用网格创建字体海报-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

2. 如何编辑滑雪斜坡图像

第一步

滑雪斜坡

图像拖入滑雪板海报文件中。

Command-T打开自由变换工具。点击控制栏的 “保持纵横比” 。设置为75%,按 Enter 键。不用担心图片的位置——稍后我们再修改它。

 

如何在 Photoshop 中使用网格创建字体海报-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

第二步

Command-激活参考线。在工具栏上, 选择选框工具 (M)。利用参考线从左侧选择前两列。

确保你选中了滑雪斜坡图像,在 “图层” 面板上, 点击 “添加图层蒙版” 。

 

如何在 Photoshop 中使用网格创建字体海报-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

第三步

在 “图层” 面板上, 点击缩略图之间的 “链接” 按钮断开图像与图层蒙版的链接。当你不想移动图层蒙版的位置,但要移动图像时,这个操作就很有用。

确保选择的是智能对象缩略图而不是图层蒙版。移动工具 (V), 移动图像到你想要的任何位置。 在下面的图像中, 我希望斜坡细节集中在中间部分。因为我知道自己打算在雪坡的顶部和底部添加文字, 所以我会尽量让这两个部分尽可能的干净。

 

如何在 Photoshop 中使用网格创建字体海报-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

第四步

为了中和图像, 新建一个调整图层。我们使用多个图像时, 这会很有帮助。因为这样颜色就不会混在一起。

在 “图层” 面板上, 点击“创建新的填充或调整图层 >黑白”。

 

如何在 Photoshop 中使用网格创建字体海报-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

第五步

选择新建的黑白调整层, 右键点击 >新建图层蒙版

此操作的快捷方式为: 按住“选项”, 把鼠标停在图层上, 等到显示箭头, 然后点击。 如果要使填充图层调整图层只应用于下方的图层, 那剪切蒙版就非常有效了。这样我们就不会破坏海报的其他部分了。

 

如何在 Photoshop 中使用网格创建字体海报-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

第六步

点击图层缩略图,打开 “属性” 面板。在 “属性” 面板上, 移动不同颜色的小三角来调整颜色的强度。这个特殊的图像由蓝调和青色组成。你可以随意的移动这些小三角。

 

如何在 Photoshop 中使用网格创建字体海报-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

第七步

为了保持图层整洁, 选中雪坡层和调整图层,拖动到 “创建新组” 按钮。双击组1文件夹更名;我把它命名为斜坡

 

如何在 Photoshop 中使用网格创建字体海报-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

3. 如何编辑滑雪板图像

第一步

Photoshop 中打开滑雪板图像,确保它不在文档内,我们需要单独打开它。

点击图层蒙版按钮,创建新的图层蒙版

 

如何在 Photoshop 中使用网格创建字体海报-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

第二步

让我们从天空部分开始吧。确保已选中图层蒙版

在工具栏上, 选择魔棒工具 (W), 然后选中图像中天空的部分。按住 Shift 键添加到选区。一旦选中了全部天空, 按Command-I反相。按Cmmand-D 取消选择。

 

如何在 Photoshop 中使用网格创建字体海报-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

第三步

\键 为背景叠加红色。这样能更容易地看到图像的哪些部分仍然需要修改。

选择画笔工具 (B)。在文档中,鼠标右键单击,大小设置为 500 像素, 硬度0。按 [减小] 增大笔刷大小填充颜色设置为黑色, 然后刷掉图片上的积雪。

 

如何在 Photoshop 中使用网格创建字体海报-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

第四步

在 “图层” 面板上, 选中图层蒙版缩略图, 然后鼠标右键单击 > 调整蒙版

在 “调整蒙版” 窗口中, 可以更改视图模式,我选择了黑底 (B)。把半径设置为 7.5 像素, 羽化0.5 像素, 移动边缘-25%。点击 “确定“。

 

如何在 Photoshop 中使用网格创建字体海报-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

第五步

右键单击图层, 然后选择复制图层。命名图层为滑雪板目标滑雪板海报

 

如何在 Photoshop 中使用网格创建字体海报-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

第六步

切回文件滑雪板海报。选中滑雪板图层, 按Command-T自由变换。点击控制栏的保持纵横比按钮,将宽度高度都设置为40%。按 enter 键确定。

虽然在海报设计中,网格可以使海报井然有序, 但它也也可以用来打破规则。我们正通过它来做一些不同寻常的设计。 打破网格的一个好方法是在网格的引导下放置滑雪板图像。把图像移动到海报的左下方, 如下图所示。

 

如何在 Photoshop 中使用网格创建字体海报-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

第七步

图层面板上, 点击创建新的填充或调整图层> 色相/饱和度。重复此操作, 但这次添加亮度/对比度图层。

要创建剪贴蒙版, 请选中两个调整图层, 然后右键单击> 创建剪贴蒙版

 

如何在 Photoshop 中使用网格创建字体海报-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

第八步

点击亮度/对比度图层缩略图,会弹出属性面板。把亮度设置为 36, 对比度设为-4

单击色相/饱和度图层缩略图,调出 “属性” 面板。这里, 我们可以改变整个图像的颜色或特定的颜色。本教程中, 我们将逐个地调整颜色。 单击全图,下拉菜单, 选择红色, 并将色相设置为 + 25。这次, 选择黄色,并将饱和度设置为-100。选择青色,并把色相设置为 + 35。

 

如何在 Photoshop 中使用网格创建字体海报-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

第六步

你可能会注意到, 滑雪板的手套、帽子和运动员脸是蓝色的。我们可以通过处理图层蒙版来修复这个问题。

色相/饱和度调整图层上选中图层蒙版选择画笔工具 (B)鼠标右键单击文档, 大小设置为 100 像素硬度0。涂抹冬季帽子, 脸和手套。完美!

选中滑雪板和两个调整层。把这三个层拖动到 “创建新组” 按钮。重命名组为滑雪板

 

如何在 Photoshop 中使用网格创建字体海报-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

4. 如何添加文本

第一步

工具面板上, 选择 文字 工具 (T)。我用白色的文本来与背景形成对比。

我用的字体是Schmalfette。

工具面板点击文字>面板>字符面板。下面是我添加的详细内容 在单独的图层上键入大小和特定字体粗细。

  • STATION DE SKIMONT-TREMBLANTQUEBEC(Schmalfette, 常规, 大小: 100 点, 80 点 200 点, 字距: 100 点,行距: 自动, 因为每行都会不同)。
  • 02—28OCTOBRE(Schmalfette, 常规, 大小: 180 点和 50 点, 字距: 100 点。我改变了长破折号的比例来配合数字的宽度。你可以通过字符面板上的水平缩放来执行此操作)。

把这两个文本简介分别放在海报左侧的顶部和底部。

 

如何在 Photoshop 中使用网格创建字体海报-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

第二步

让我们为黑色背景添加文本。使用文字工具 (T), 添加 JOIE DE VIE。在字符面板上, 把大小设置为 630点行距505点, 颜色设置为 #eb5d08。 在控制栏上, 点击 右对齐文本 按钮。把文本放在海报的右侧。

图层 面板上, 把文字图层放在 滑雪板滑雪坡 组之间。这是为了使 滑雪板 在字母之上, 添加维度。

 

如何在 Photoshop 中使用网格创建字体海报-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

第三步

让我们在词之间添加横线。在工具栏上, 选择直线工具 (U)。在控制栏上, 将描边 设置为 颜色  #eb5d083 点。宽度设置为 665 像素, 高度设为 5 像素

按住 Option-Shift 并拖动形状图层来复制一层。将两个横线放在词之间。在 图层 面板上, 把横线移到移动 滑雪板 组。

 

如何在 Photoshop 中使用网格创建字体海报-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

5. 如何把文件保存为web所用格式

点击 文件 > 存储 ,就像往常一样保存文件。

如果要为 web 保存 JPEG 文件, 点击 文件 > 存储为web所用格式 Shift-Option-Command-S。选择要保存的文件类型——我选择 JPEG——并设置品质100。如果有任何大小的要求,可以在 图像大小 这里, 更改图像的像素大小。

在左下角, 可以看到文件大小的预览。当网站上存在大小限制并且需要降低图像的质量或大小时, 这就很有用。

点击存储… 在新窗口中选择要存储的位置, 然后再次点击保存

 

如何在 Photoshop 中使用网格创建字体海报-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

恭喜你!已经完成了这个教程!

在本教程中, 我们学习了如何使用网格设计强大的字体海报。虽然网格一般用于创建干净和整齐的海报, 但也可以被打破!一定要下面的评论里贴上你的海报!

 

今天, 我们学会了:

  • 使用网格来规划并设计一张独特的海报。
  • 使用网格来打破规则。
  • 使用 图层蒙版 清理图像并使用 调整蒙版 选项对其进行调整。
  • 使用调整图层来中和和更改图像的颜色。

 

如何在 Photoshop 中使用网格创建字体海报-汕头实力开创平面广告包装设计培训学校-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费

发表评论