设计实践

高端商业平面设计就业培训机构
一所专门只教平面设计与制作,淘宝美工与电商运营的培训机构
资深师傅,手把手,面对面亲教。毕业学员,全部入行高薪就业

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

UPTATED: 2018-12-07 04:17 | 点击:
Final product image,汕头,设计,培训,实力开创,平面设计,电商,美工,运营

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

学习平面设计,选择实力开创

需要的东西有:

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

实力开创设计培训

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

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

汕头实力开创

1. 新建 Photoshop 文件

第一步

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

汕头实力开创

Create a new Photoshop file,汕头,设计,培训,实力开创,平面设计,电商,美工,运营

第二步

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

汕头实力开创

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

Create margins around the document,汕头,设计,培训,实力开创,平面设计,电商,美工,运营

第三步

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

学习平面设计,选择实力开创

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

把几个垂直参考线分别设置为254像素、508像素、762像素1016像素。点击 "确定"。 汕头实力开创

水平参考线设置为533像素1066像素。点击 "确定"。 kaips.com

Create a 53 grid on the document,汕头,设计,培训,实力开创,平面设计,电商,美工,运营

第四步

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

Add a solid color fill layer,汕头,设计,培训,实力开创,平面设计,电商,美工,运营

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

第一步

把滑雪斜坡图像拖入滑雪板海报文件中。 本文来自实力开创

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

Drag the ski slopes image and resize,汕头,设计,培训,实力开创,平面设计,电商,美工,运营

第二步

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

汕头实力开创

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

kaips.com

Using the marquee tool select create a layer mask on the left side of the poster,汕头,设计,培训,实力开创,平面设计,电商,美工,运营

第三步

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

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

实力开创设计培训

Unlink the image from the layer mask and move ,汕头,设计,培训,实力开创,平面设计,电商,美工,运营

第四步

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

学习平面设计,选择实力开创

在 "图层" 面板上, 点击“创建新的填充或调整图层 >黑白”。 本文来自实力开创

Add a Black White adjustment layer,汕头,设计,培训,实力开创,平面设计,电商,美工,运营

第五步

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

实力开创设计培训

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

汕头实力开创

Create a clipping mask with the Black White adjustment layer,汕头,设计,培训,实力开创,平面设计,电商,美工,运营

第六步

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

kaips.com

Alter the blue and cyan colors on the property panel,汕头,设计,培训,实力开创,平面设计,电商,美工,运营

第七步

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

copyright kaips.com

Create a new group consisting of the slopes layer and the adjustment layer,汕头,设计,培训,实力开创,平面设计,电商,美工,运营

3. 如何编辑滑雪板图像

第一步

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

本文来自实力开创

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

学习平面设计,选择实力开创

Open the snowboarder image separately and add a layer mask,汕头,设计,培训,实力开创,平面设计,电商,美工,运营

第二步

让我们从天空部分开始吧。确保已选中图层蒙版 实力开创设计培训

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

Using the Magic Wand Tool delete the sky off the image,汕头,设计,培训,实力开创,平面设计,电商,美工,运营

第三步

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

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

copyright kaips.com

Using the Brush Tool delete the bottom part of the image,汕头,设计,培训,实力开创,平面设计,电商,美工,运营

第四步

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

本文来自实力开创

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

实力开创设计培训

Clean up the image by using the Refine Mask option,汕头,设计,培训,实力开创,平面设计,电商,美工,运营

第五步

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

kaips.com

Duplicate the layer onto the original photoshop document,汕头,设计,培训,实力开创,平面设计,电商,美工,运营

第六步

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

实力开创设计培训

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

实力开创设计培训

Transform the snowboarder image,汕头,设计,培训,实力开创,平面设计,电商,美工,运营

第七步

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

汕头实力开创

要创建剪贴蒙版, 请选中两个调整图层, 然后右键单击> 创建剪贴蒙版 学习平面设计,选择实力开创

Add a HueSaturation and a BrightnessContrast adjustment layer Create clipping masks with these two new layers,汕头,设计,培训,实力开创,平面设计,电商,美工,运营

第八步

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

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

Tweak options of the adjustment layers on the properties panel,汕头,设计,培训,实力开创,平面设计,电商,美工,运营

第六步

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

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

本文来自实力开创

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

汕头实力开创

Using the brush tool brush off the beanie face and gloves on the layer mask,汕头,设计,培训,实力开创,平面设计,电商,美工,运营

4. 如何添加文本

第一步

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

实力开创设计培训

我用的字体是 Schmalfette。

kaips.com

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

  • STATION DE SKI
    MONT-TREMBLANT
    QUEBEC
    (Schmalfette, 常规, 大小: 100 点, 80 点 200 点, 字距: 100 点,行距: 自动, 因为每行都会不同)。
  • 02

    28
    OCTOBRE
    (Schmalfette, 常规, 大小: 180 点和 50 点, 字距: 100 点。我改变了长破折号的比例来配合数字的宽度。你可以通过字符面板上的水平缩放来执行此操作)。

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

Using the Text Tool add text ,汕头,设计,培训,实力开创,平面设计,电商,美工,运营

第二步

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

实力开创设计培训

图层 面板上, 把文字图层放在 滑雪板滑雪坡 组之间。这是为了使 滑雪板 在字母之上, 添加维度。 学习平面设计,选择实力开创

Add the headline text on the right side,汕头,设计,培训,实力开创,平面设计,电商,美工,运营

第三步

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

kaips.com

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

Add stroke lines in between the words on the headline text,汕头,设计,培训,实力开创,平面设计,电商,美工,运营

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

点击 文件 > 存储 ,就像往常一样保存文件。 汕头实力开创

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

汕头实力开创

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

实力开创设计培训

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

学习平面设计,选择实力开创

Save the file,汕头,设计,培训,实力开创,平面设计,电商,美工,运营

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

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

本文来自实力开创

今天, 我们学会了:

学习平面设计,选择实力开创

  • 使用网格来规划并设计一张独特的海报。
  • 使用网格来打破规则。
  • 使用 图层蒙版 清理图像并使用 调整蒙版 选项对其进行调整。
  • 使用调整图层来中和和更改图像的颜色。
汕头,设计,培训,实力开创,平面设计,电商,美工,运营

  学习平面设计,选择实力开创


本文链接 https://www.kaips.com/26365.html 由汕头实力开创设计培训撰写或收集,你可以跟着教程自学,也可以过来参加培训,手把手教,包学会。