Illustrator设计实用细腻的网页细纹背景教程

2016-03-18 15:00 32 1 收藏

下面图老师小编要跟大家分享Illustrator设计实用细腻的网页细纹背景教程,简单的过程中其实暗藏玄机,还是要细心学习,喜欢还请记得收藏哦!

【 tulaoshi.com - Illustrator 】

上次分享了一篇点状纹饰背景的Illustrator新手教程,今天继续深入,来一篇斜纹纹理背景教程,斜纹的细部处理却与点状纹饰相比更加精准化,相对而言也会较为复杂一点,不过步骤很详细,新手也可以掌握咯。

Illustrator设计实用细腻的网页细纹背景,图老师

斜纹的做法和网页纹理背景的制作原理大致相同,采用AI中图案工具,就能做出精彩绝伦的纹理背景。但是,斜纹的细部处理却与点状纹饰相比更加精准化,相对而言也会较为复杂一点,现在就让我们来看看斜纹的制作方法。

一、单个像素图

首先打开AI软件,新建一个文档,文档大小任意。在视图栏目下勾选“像素预览”,勾选这一选项后,当你将自己的图片缩放到足够大时,会出现像素格子,然后再勾选“对齐像素”,这样图案就会自动对齐像素,无需你再自己手动控制对齐了。

Illustrator设计实用细腻的网页细纹背景,图老师

画一个1*1px的正方形,填充为浅灰色;

Illustrator设计实用细腻的网页细纹背景,图老师

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

在正方形旁边画上一个1*2px的长方形;

Illustrator设计实用细腻的网页细纹背景,图老师

将两个形状tuLaoShi.com合并为一个图形。选中两个图形,打开“路径查找器”,点击“合并”按钮。

Illustrator设计实用细腻的网页细纹背景,图老师

注:“路径查找器”可以通过“ctrl+shift+F9”快捷方式打开。

复制合并后的图形,并拖放于右上方。复制可以通过按住“alt”键的方式移动原图,或者采用“ctrl+V”(复制),然后“ctrl+F”(粘贴)。在这一步当中,复制图形放置的位置决定了斜纹的倾斜角度和方向,你也可以在此对它的方向进行控制。

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

Illustrator设计实用细腻的网页细纹背景,图老师

12下一页

来源:http://www.tulaoshi.com/n/20160318/1886003.html

延伸阅读
标签: Illustrator
本教程主要使用Illustrator制作炫彩风格马赛克背景,教程制作出来的背景挺漂亮的制作的难度也不大,推荐过来和图老师的朋友们一起分享学习了。 我们先来看看最终的效果图吧: 具体的制作步骤如下: 1、首先在网上找张星空图。 2、下载 置入之后【或者还有个更快的方法,我平时喜欢用的,就是在网上截图,然www.tulaoshi.com后在AI...
标签: PS PS基础
这个实例是模仿天猫服饰活动页做的一个banner,在蓝色理想论坛有网友对实例中的立体格子背景做法疑问,我静下心来,花了点时间将效果做出来。立体格子的结构比较简单,主要是要认真观察细节,处理好阴影的效果。 本教程为 图老师论坛 会员 Aman 原创教程,版权所有,转载问Aman 高清图片:http://pan.baidu.com/share/link?shareid=125546&am...
标签: PS PS基础
在这个教程里,我会教你如何使用PS CS5制作像下图这样具有光感的斜线条纹背景。教程中将会使用到渐变工具、笔刷、以及色相/饱和度的调节。类似的中文教程,之前我们也推荐过用PS CS5制作酷炫的抽象光线人物海报,也是非常不错的制作时尚炫光的教程。推荐一并练习。 最终效果图预览: 首先在PS中新建一个文件(Ctrl+N),尺寸设置为1900px*12...
标签: PS PS基础
最后图像预览 首先在Adobe Photoshop CS5中创建一个新文件(Ctrl + N),大小1920px*1200px(RGB颜色模式),分辨率72像素/英寸。使用油漆桶工具(G),用黑色填充新的背景图层。 现在我们将使用矩形工具(U)创建形状,用白色画一个正方形。然后选择自由变换(Ctrl + T)命令90度旋转形状。 设置这一层的填充为0%,点击添加图层样式图标,选择...
标签: PS PS基础
在这个教程中,我将向你演示如何利用滤镜去创建一个具有现代性抽象风格的背景,你可以用于表现科幻类的海报或者其他需要的地方,教程简单详细,关键是可以教会您一种打造自定义背景的方法,而且效果利落,快喊上你的小伙伴来学一学吧。 颜色方面您可以根据自己喜好的色彩叠加在背景上,举一反三,可以营造出各种不同的效果。如下图。   ...

经验教程

933

收藏

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