恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
YOGA风格制作LOGO
0.0°
2018-06-13 原创文章 教程 举报 2983 50 23 2

本作品为原创作品

Yoga风格是什么?

yoga perdana风格,是设计师yoga perdana自创的一种风格,主要以穿插渐变和相交切割为主的一种图形设计模式,具体展现丰富,色彩使用大胆,是继MBE风格后的一种新的设计样式。

本期教程就教大家如何设计YOGA风格的LOGO,先上效果图

Image title

同样的先分析一下,做这个设计需要几个步骤

1.前期的预备(LOGO的定义、素材的收集、设计手稿的准备)

2.黄金分割比例圆制作

3.标志制作

4.效果的呈现

完成以上步骤,就能做出yoga风格LOGO了

1.前期的预备

1.1LOGO的定义

本教程的LOGO是制作一只企鹅,所以我这里就不过多的去阐述为什么要定义LOGO为企鹅了,就因为任性。

1.2素材的收集

既然我们选择了企鹅,那么就需要去百度寻找企鹅的照片,我这里选择了一张企鹅侧面展翅的照片,因为我脑海中想象的我的LOGO要积极向上有冲劲的那种感觉

Image title

1.3制作设计手稿

这里的设计手稿估计要困死很多人了,因为设计这个东西,或许你看了别人的会做了,但是等到自己来做的时候,结果无从下手,设计稿这个如果一点头绪都没有的话,可以多再网上搜集别人的企鹅LOGO看看,估计看一会你就会有想法了,这是我的设计手稿

Image title

做到这一步,我们的前期工作就准备完成了。

2.黄金分割比例圆制作

打开AI,新建2700px*2000px,72PPI

Image title

首先用矩形工具制作方形,摆放整齐,矩形具体参数如下

Image title

再以每个矩形的中心画圆,圆的具体参数和矩形一样

Image title

然后把所有的圆都复制一个到旁边,进行下图位置摆放

Image title

选中摆放好的圆,在点击对齐——水平居中对齐——垂直居中对齐

Image title

Image title

这样黄金分割比例的圆就做好了。

3.标志制作

3.1线稿的制作

把我们的画好的手稿置入到我们的AI里面来

菜单——文件——置入

调整好大小和位置,不透明度调整为40%

Image title

锁定手稿

菜单——对象——锁定——所选对象

Image title

现在就把我们刚刚调整好的黄金比例圆拉过来进行切割,根据我们的草图摆放好圆的位置

(切记,我们这些圆尽量不要随便去放大和缩小它)

Image title

在制作的时候一定要记得所有紧连着的圆都需要无缝隙的连接,如下图,可看到标记区域在视觉上是连接的,但是我们切换到轮廓视图(CTRL+Y,如需切换回预览,再次按CTRL+Y),放大就可以看见两个圆之间还是有缝隙的。

Image title

Image title

所以这个时候就要在轮廓模式下进行圆之间的对接,使其不再出现缝隙

(切记一定不能出现缝隙,否则后面不能够使用形状生成器工具)

Image title

继续接着往上面添加适当大小的黄金比例圆,进行切割。整个制作中的圆只有一个我没用黄金比例圆来切,因为用黄金比例圆来切的画画面会出现很多曲线,并且线条也不好看,所以我这里就把这个圆放大了,规则是死的,认识活得,小改动是可以的。

Image title

在切换到轮廓模式检查圆与圆的缝隙贴紧没有

Image title

调整好了之后,我们需要先复制一个整体的圆形切割图(后面做效果需要)

Image title

然后开始使用形状生成器

选中摆放好的所有圆,选择形状生成器

Image title

按住ALT键用鼠标左键拖动就可以在图形的外部进行删除多余的线条

如果直接点击鼠标左键拖动,就是合并线条

(这里建议先把图形外的线条删掉,在去合并图形里面的线条,这样做就不会混乱)

Image title

在继续合并内部的线条

Image title

这样线稿图就画好了,解锁手稿图,删除

菜单——对象——全部解锁——选中手稿图——删除

Image title

3.2LOGO配色

首先定义一下自己的配色,我这里定义我的LOGO配色为蓝色

制作4个渐变色块,方便填色吸附颜色

Image title

用选择工具选中需要填色的色块,然后用吸管工具吸附刚刚制作的渐变小方块

Image title

定义好光源在哪里,我这里定义光源在头部,所以我的头部一定要比尾部亮,用渐变工具调整渐变角度

Image title

再继续填充其他色块颜色,并且保证光源都是在顶部

Image title

现在LOGO整体的颜色已经铺满了,下面就是处理细节颜色了,比如加点高光和阴影

先制作高光,复制下图色块(选中色块——Ctrl+C——Ctrl+Shift+V),吸管工具吸附第一个小方块的渐变

Image title

调整渐变角度(保持光源的位置)

Image title

用选择工具向右移动5px,向上移动2px

Image title

再继续复制一下刚刚的那个色块,用来剪掉高光多余的部分

Image title

选中复制的和高光,路径查找器——减去顶层

Image title

删掉多余的图形,调整下头和尾部

Image title

Image title

再把色块置于顶层(为了挡住高光部位多余的部分)

Image title

制作企鹅肚子上的阴影

先复制一层肚子色块(Ctrl+C,Ctrl+V)

Image title

再画一个圆,选中复制的肚子和圆,执行路径查找器——减去顶层

Image title

保留上半部分,删掉下半部分

Image title

Image title

Image title

现在对保留下来的阴影进行调色,不透明度为40%

Image title

这样企鹅LOGO就制作完成了

4.效果呈现

删掉多余的东西,只保留LOGO和圆切割图

Image title

把圆切割图与企鹅LOGO重叠,置于顶层

Image title

选中圆切割图,设置描边参数虚线——6px,6px,6px,6px,6px,6px

Image title

最终效果图如下图

Image title

配色拓展

Image title

如果在设计中有什么问题可以扫一扫加入我们的QQ交流群,里面会有大神带你装X带你飞。

Image title


更新:2018-06-13

收藏

50人已收藏

柒蚁Design

柒蚁设计交流圈子741530266

  • 12

    作品

  • 340

    粉丝

  • 0

    关注

  • 几何风格制作十二生肖LOGO
  • 【AI+PS教程】教你绘制明星插画
  • 四步教你制作抖音风明星海报
  • 02UI设计中的版式原理

    猜你喜欢

      2018-06-13 原创文章 教程 举报 2983 50 23 2

      YOGA风格制作LOGO

      0.0°

      你确定要举报YOGA风格制作LOGO

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年06月13日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      23
      50
      2

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录