• 微课视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
微课江湖
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 微课视频
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >Illustrator > 教你用AI快速制作精致的网页倾斜纹理背景

教你用AI快速制作精致的网页倾斜纹理背景

作者:寻找原创分享者 字体:[增加 减小] 来源:互联网 时间:2017-05-23

寻找原创分享者 向大家分享了教你用AI快速制作精致的网页倾斜纹理背景,其中包含网页版ai,网页设计用ps还是ai,网页设计ai,做网页用ps还是ai,如何用ai制作网页等知识点,遇到此问题的同学们可以参考下
这篇教程是向的朋友介绍利用AI快速制作精致的网页倾斜纹理背景,教程有点复杂,但步骤很详细,新手可以过来学习一下。推荐过来,一起跟着教程来学习吧!

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

一、单个像素图

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

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

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

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




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

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

选中复制后的图形,然后通过点击“ctrl+D”重复前一步的操作。这个组合快捷键在制作纹理时非常有用。按照这一步骤操作多次,就会轻松画出一条斜纹线。

二、建立图案

选中上一步所制作出的斜纹线,然后进入【对象>图案>建立】,进入图案编辑状态。

其实,这时才是图案创作的开始。正因为单个像素图往往和我们最终效果之间出现偏差,因此,我们就在这里开始进一步美化我们的图案。

如果你想要让线条更加丰富,可以增加一些新的图形。这时,在蓝色选框内进行编辑,操作的方式和正常的模式没有差别,唯一不同就是可以看到图案的整体效果。例如我在此增加一些1*1px的小方形。

这 时,请你记得无论追加什么图形,你都不能只关注蓝色方框中的图形的样子,而要查看整体图案是否刚好吻合,如果不是,你将要在方框内不断尝试修正。例如,我 在增加小方形时,左上角也需要增加一个小方形,才能让整个斜纹完满。这类追加的图形,在蓝色方框的边角处的处理相对教复杂,情况也根据图形的不同而多样 化,在此简述,但你也要通过自己的实践练习对其掌握的熟练度。

接下来我又增加了其他的形状,并为铺上浅灰色作为底色。

三、导出图案

点击“完成”按钮后,画上一个矩形,选择刚刚制作好的图案填充。

填充后的图案导出png格式,并利用PS定义为图案后,投入实际的使用。

后记

有人说,既然可以在图案建立后还能编辑,可不可以从一开始就从空白开始建立图案呢?我的答案是,完全可以!创意是无限的,你可以在空白的编辑区域里进行任意调整,直到你获得想要的效果。

教程结束,以上就是用AI快速制作精致的网页倾斜纹理背景过程,希望能帮到大家!谢谢阅读!

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • Ai怎么制作网页的图标?
  • Ai简单绘制一个网页图标
  • AI简单制作漂亮的网页水晶图标
  • 教你用AI快速制作精致的网页倾斜纹理背景
  • AI结合PS制作网页中的超漂亮的3D立体文字

相关文章

  • 2017-05-23教你用Illustrator创建有钢笔和铅笔的逼真笔筒图标教程
  • 2017-05-23AI制作时尚大气的立体线条英文字
  • 2017-05-23AI简单制作漂亮的多边字体
  • 2017-05-23AI 混合工具制作大小圆点渐变效果教程
  • 2017-05-23Illustrator CS4 制作卡通字体教程
  • 2017-05-23ai画笔怎样着色?AI画笔着色方法介绍
  • 2017-05-23Ai怎么绘制漂亮的水晶球并添加表情?
  • 2017-05-23AI制作超简单的心形文字
  • 2017-05-232016年猴年吉祥物怎么画?AI绘制猴赛雷的详细教程
  • 2017-05-23ai格式的图片怎么将背景设置为透明?

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • Illustrator(AI)设计绘制一张水滴飞溅效果的面部特效图实力教程
    • Ai绘制一个方形的MP3图标
    • Ai绘制简洁小清新风格的APP图标
    • Ai怎么绘制彩色彩色圆环图标?
    • Illustrator简单制作漂亮逼真的彩色粉笔字效果
    • AI巧用变换效果制作漂亮的漩涡彩点视觉效果
    • AI绘制逼真的叶子图形
    • illustrator如何输出最小PDF格式文件
    • AI制作卡通风格的铅笔图标
    • 怎么用ai填充颜色? 用AI上颜色的详细教程

关于我们 - 联系我们 - 免责声明 - 网站地图

©2015-2018 All Rights Reserved. 微课江湖 版权所有