Illustrator设计时尚简洁风格的汉堡包图标

2016-02-16 19:07 14 1 收藏

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的Illustrator设计时尚简洁风格的汉堡包图标,过去的都会过去,迎接崭新的开始,释放更美好的自己。

【 tulaoshi.com - Illustrator 】

在本教程中,我们将要建立一个现代化的汉堡包网页图标。我们将使用Illustrator,因为它更容易,调整尺寸不失质量和应用不同的样式。正如你可以看到在预览图像,汉堡包是超级简单的和最小的。我们不希望写过多细节只是为了弄清楚如何实现这个图标,希望通过这篇教程能够举一反三,而不是一步一步跟着做,那样意义不大。

Illustrator设计时尚简洁风格的汉堡包图标,PS教程,图老师教程网

第1步

在Illustrator中创建一个新的文件,并选择椭圆工具(L)。绘制一个椭圆,并填补它与CMYK=15,40,74,1

Illustrator设计时尚简洁风格的汉堡包图标,PS教程,图老师教程网

第2步

选择圆角矩形,设置半径为50像素画一个像包子的椭圆底部。填充和上面相同的颜色。

Illustrator设计时尚简洁风格的汉堡包图标,PS教程,图老师教程网

第3步

现在,画出两个圆角矩形,使他们更薄,并填充他们的CMYK=25,52,65,71。

Illustrator设计时尚简洁风格的汉堡包图标,PS教程,图老师教程网

第4步

再次选择椭圆工具(L)绘制一些小的椭圆,当做芝麻。填充CMYK=5,21,42,0。

Illustrator设计时尚简洁风格的汉堡包图标,PS教程,图老师教程网

第5步

下一个步骤是绘制奶酪。拿起钢笔工具(P)绘制熔融奶酪切片之间的两个汉堡。我们选择的颜色为CMYK=0,27,85,0。

Illustrator设计时尚简洁风格的汉堡包图标,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/illustrator/)

第6步

复制奶酪的形状并向下移动10px。改变它的颜色为CMYK= 0,27,85,30。按A挑直接选择工具,并开始变形让您创建一个3D效果的锚点。如下图的效果。

Illustrator设计时尚简洁风格的汉堡包图标,PS教程,图老师教程网

第7步

好了,现在我们需要形成的包子。选择钢笔工具(P)绘制一个形状像一个第一个图像。然后按住Shift键选择上包子形状,然后单击相交图标。然后,将新形成的形状,水平翻转,将它移动到另一侧形成的包子。

如果你有一个绘图板,你可以使用路径橡皮擦工具代替。

Illustrator设计时尚简洁风格的汉堡包图标,PS教程,图老师教程网

Illustrator设计时尚简洁风格的汉堡包图标,PS教程,图老师教程网

第8步

重复该过程,绘制另一部分。

Illustrator设计时尚简洁风格的汉堡包图标,PS教程,图老师教程网

第9步

汉堡现在应该是这个样子。

Illustrator设计时尚简洁风格的汉堡包图标,PS教程,图老师教程网

第10步

选择钢笔工具,绘制一个形状像一个下面的第一张图像。复制底下包子状的图层。选择你刚刚用钢笔工具创建的形状,按住Shift键,点击相交图标。改变这个新的形状颜色CMYK=15,31,50,0。接下来,重复,水平翻转,并将其放置在另一边。

Illustrator设计时尚简洁风格的汉堡包图标,PS教程,图老师教程网

Illustrator设计时尚简洁风格的汉堡包图标,PS教程,图老师教程网

第11步

重复前面的步骤。

Illustrator设计时尚简洁风格的汉堡包图标,PS教程,图老师教程网

第12步

现在我们的汉堡包图标已准备就绪。但是,我们将创建另一个版本,只有一种颜色。我们需要换另一种方法实现这一点。所以,选择整个汉堡,按住Alt键拖动它到画布上的任何地方。这将创建一个副本的汉堡包。开始选择芝麻形状(选择第一种子,按住Shift键,只需按一下其他种子)。转到对象路径偏移路径,并选择加入5px。接下来,按住Shift并选择上包子形状。点击减去图标。将上部包子形状20像素(Shift +向上的2倍)。

Illustrator设计时尚简洁风格的汉堡包图标,PS教程,图老师教程网

第13步

继续这样做,其余的形状(删除暗黄色形状的奶酪片下),直到你有东西,看起来像这样(请一定要留下足够的空间)。

Illustrator设计时尚简洁风格的汉堡包图标,PS教程,图老师教程网

第14步

使用钢笔工具,使图像边缘更顺滑。

Illustrator设计时尚简洁风格的汉堡包图标,PS教程,图老师教程网

第15步

结合所有的形状,这就是它。现在你可以扩展它,添加任何效果,并用在你的网页设计项目。结合形状之前,您可能需要创建一个副本,这样你可以修改它(比方说,删除一个汉堡)。

Illustrator设计时尚简洁风格的汉堡包图标,PS教程,图老师教程网

结论

本文到此为止。我们希望本教程可以让你学到新的东西。如果您有任何疑问或具体的教程请求,可以在下面留言评论。最后欣赏下不同的变化效果

Illustrator设计时尚简洁风格的汉堡包图标,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/illustrator/)

来源:http://www.tulaoshi.com/n/20160216/1571709.html

延伸阅读
标签: Illustrator
本教程主要使用Illustrator和Photoshop设计时尚创意的音乐海报,集中展现了两大软件各自的优势。海报的效果非常时尚多彩,颜色很百变,体现出一种青春靓丽的风格,因为步骤非常详细具体,所以我直接转载过来了,希望大家会喜欢。 先看看效果图 具体制作步骤如下:   第1步:新建photoshop文件并制作背景,首先,在Photoshop中新建...
前言 在做网页设计时,难免会遇到将LOGO一并设计的时候。因为客户往往很少拿原来的印刷版的LOGO再投入使用了,过时的设计也不符合新的网页风格。因此,这也给UI设计师们一项新的挑战:怎样给网站设计新LOGO? 2015年,飞屋睿的教程开启了关于logo设计的系列,对于图形的热爱一直都很赤忱,鲜有佳作,但总是要努力。不管...
按照Adobe Illustrator和Photoshop中的步骤创建了一系列矢量图形和图形可以组合成一个非常好看的矢量拼贴插图。然后,我们会玩完深度和细节的一些微妙的触动插图,给人一种抛光的图形与复古垃圾风格的提示。 这里Blog.SpoonGraphics头设计已收到好评许多意见和一直的好几个问题,请求教程在过去一年的主题。所以,我认为这是我创造一些东西...
标签: Illustrator
在Illustrator中有相当多设计漂亮LOGO的方法,本教程能教会大家用分割工具做一些简单但是灰常漂亮时尚的LOGO,大家来学习一下吧~ 最终效果图: 第一步: 打开Adobe Illustrator,创造一个新的文件。用椭圆工具(L),创建一个圆。 第二步: 复制圆,然后调整园的宽度,对齐到左边。使用变暗混合图层。(这几步都很简单的~) ...
标签: PS PS基础
最终效果: 教程开始,第一步新建,500*500画布 拉个白到灰的径向渐变。 椭圆工具拉个300*300的圆居中对齐填充灰色。 添加图层样式。 再画一个较小的圆形。 添加图层样式:内阴影和投影。 复制刚刚添加图层样式的图层,右键清除图层样式 Ctrl+t按住alt+shift同比缩小2到4px左右。 给黑圆添加渐变,注意...

经验教程

26

收藏

52
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部