下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

VI设计视觉识别系统(上篇)

作者:课课家教育     来源: http://www.kokojia.com点击数:2129发布时间: 2017-04-28 10:00:24

标签: VI设计PS制作视觉识别

想学设计?来看看大师是如何完成作品的?

  其实很多人都会为自己的公司设计制作一个视觉识别系统的,简单来说就是一个很具代表的标志。那么如何设计制作出一个独特的标志呢?那么,小编就会为大家带来:VI设计视觉识别系统(上篇)。标志也分为很多种,按表现形式来分的话,就非为文字标志、图形标志、图文结合的标志。我们这次就是图文结合的标志,希望大家能够喜欢这节教程。

  步骤1:其实我们在制作公司的标志的时候,就是为了便于观察,那么我们首先在photoshop中打开背景素材文件,然后新建一个图层,单击工具箱中的,钢笔工具按钮,在画布中绘制一个闭合路径,设置前景色为浅绿色,按Ctrl+Enter组合键将路径转化为选区后,按Ctrl+Delete组合键,为当前选区填充前景色,继续新建图层绘制路径,转化为选区后填充蓝色同样的方法,制作其它色块,并选择合适的颜色进行填充,单击工具箱中的“横排文字工具”按钮,在其选项栏中设置字体为,黑体,字号为241点,颜色为黑色,在画布中单击并输入文字。如下图所示:

VI设计视觉识别系统(上篇)_VI设计_PS制作_视觉识别_课课家

  步骤2:然后我们再次使用横排文字工具,在文字上单击并拖动,选择前四个按钮,单击选项栏中的颜色设置按钮随后弹出拾色器,将光标移动到画布中,光标变为吸管,效果是其中一个色块的颜色,继续对后两个字母颜色进行修改,在文字图层上方新建图层,并命名为“光泽”。载入文字图层选区,单击工具箱中的“矩形选框工具”按钮,在其选项栏中单击从选区中减去按钮,并框选文字的下半部分,此时可以得到文字上半部分的选区,单击工具箱中的渐变工具按钮在其选项栏中,编辑一种白色到透明的渐变,设置“渐变类型”为“线性渐变”,并在“光泽”图层中自下而上填充。如下图所示:

然后我们再次使用横排文字工具,在文字上单击并拖动,选择前四个按钮,单击选项栏中的颜色设置按钮随后弹出拾色器,将光标移动到画布中,光标变为吸管,效果是其中一个色块的颜色,继续对后两个字母颜色进行修改,在文字图层上方新建图层,并命名为“光泽”。载入文字图层选区,单击工具箱中的“矩形选框工具”按钮,在其选项栏中单击从选区中减去按钮,并框选文字的下半部分,此时可以得到文字上半部分的选区,单击工具箱中的渐变工具按钮在其选项栏中,编辑一种白色到透明的渐变,设置“渐变类型”为“线性渐变”,并在“光泽”图层中自下而上填充。

  步骤3:设置“光泽”图层的不透明度为30%,再次在文字图层上方新建图层按不,为了使文字部分更具立体感,载入选区需要为其填充黑色到透明的渐变,设置“暗部”图层的“混合模式”为“叠加”,在标志的第一步使用“横排文字工具”输入剩余的文字。复制并合并所有logo部分的图层载入选区并填充为黑色,由于这部分需要作为阴影效果,所以将该图层放置在logo图层的下方,设置其不透明度为30%,然后向右下角移动一个像素的位置,复制阴影图层双方到合适大小摆放在右下角,并设置其不透明度为70%。如下图所示:

设置“光泽”图层的不透明度为30%,再次在文字图层上方新建图层按不,为了使文字部分更具立体感,载入选区需要为其填充黑色到透明的渐变,设置“暗部”图层的“混合模式”为“叠加”,在标志的第一步使用“横排文字工具”输入剩余的文字。复制并合并所有logo部分的图层载入选区并填充为黑色,由于这部分需要作为阴影效果,所以将该图层放置在logo图层的下方,设置其不透明度为30%,然后向右下角移动一个像素的位置,复制阴影图层双方到合适大小摆放在右下角,并设置其不透明度为70%。

  最终效果:

最终的效果展示

  小编结语:其实我们在制作logo的时候也要注意一些地方,例如我们在调整LOGO每个部分的位置之后,可以选中所有的logo图层,并执行“图层—链接图层”命令,链接之后的图层可以一起移动和缩放,这是一个很简便的方法,所以如果大家要制作logo可以注意一下技巧,如果大家还有什么不明白的地方,欢迎咨询小编,感谢大家的支持。

赞(0)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程