Illustrator 8.0基础入门教程（九）：网页按钮制作实例

Illustrator 8.0基础入门教程（九）：网页按钮制作实例的相关文章

• 
  Illustrator 8.0基础入门教程（十）：网格渐变制作苹果图标

  标签：Illustrator

  在学习中遇到问题可以到 Illustrator版块 发贴交流！ 上一节：Illustrator 8.0基础入门教程（九） Illustrator是Adobe公司推出的舰旗级的矢量绘图产品。在8.0版本中加入了一些新的特性。网格渐变就是其中的一个最令人兴奋的功能。在以往的矢量绘图软件中最难表现的莫过于进行复杂的渐变绘制（比如人脸的绘制），这是几乎所有的矢量绘图软件的弱点也是设计的难点。比如在流行的矢量绘图软件Corldraw8.0...[ 查看全文 ]

  天达地达

  51
• 
  PS入门教程：制作网页翻转按钮

  标签：PS PS基础 PS抠图 PS调色 PS效果

  大家经常在一些网页中看到一种会随着鼠标的接触而变色的按钮，参见范例网页。这称之为鼠标翻转效果，这是根据英文rollover翻译而来的，其实不是很符合中文的语境。其原理是利用两张图片，平时显示一幅，当鼠标接触后换成另外一幅图片。如下图。这样看起来好像是鼠标接触的时候按钮变亮了。现在我们来动手制作，首先在Photoshop中将它们制作成图片，然后再做成网页。 首先新建一个400×300的白底图...[ 查看全文 ]

  chefj471

  1111
• 
  PS入门教程：制作简单网页物体

  标签：PS基础 PS抠图

  在掌握了路径和图层样式之后，我们终于可以开始“白手起家”地制作网页了。这不同于以往开启一幅图像后对其进行调整，或将两个图层通过蒙版或图层混合模式进行合成等操作，是完全在一片空白上逐步建立所需的图像。从中大家也会学习到一些关于制作网页设计稿的技巧。其实我们是很希望将全部内容在一本书内写完的，但由于篇幅有限，因此将另外在专门教程中介绍。 虽然我们还未开始，但如果大家牢记...[ 查看全文 ]

  c加群241804698

  701
• 
  PS入门教程：概览Illustrator路径功能

  标签：PS PS基础 PS抠图

  Photoshop的路径功能与Illustrator相比，虽不至于是天壤之别，也至少相当于石器时代和铁器时代的区别。不过，虽然后者提供了更丰富的创作和修改工具，但在基础的路径绘制方面，两者却没有多少差别。比如我们之前绘制过的鼠标，在Illustrator中也必须一笔一划地去绘制，其思路、控制方法甚至快捷键都是相同的。所以在本课中的所学习的知识可以完整移植到Illustrator中加以应用。 现在我们来看一下Illustr...[ 查看全文 ]

  东阿亿信总批发

  701
• 
  PS入门教程：概览Illustrator文字功能

  标签：PS PS基础 PS抠图

  ：“新手应该怎样做学习Photoshop”？为了帮助解决这个困惑，将更多的PS爱好者领进门，特整理编辑了《新手学习Photoshop入门教程》（原书由赵鹏编写）。本入门教程注重基础知识，辅以经典实例，是新手学习Photoshop很好的参考资料。 Illustrator在大家目前的印象中并不清晰，认为就是一个矢量绘图功能较为强大的软件，但事实上其还可以用作文字排版。与Photoshop的文字排版功能相比...[ 查看全文 ]

  hhq074521

  611
• 
  Illustrator制作3D网页按钮方法

  标签：平面设计

  最终效果图： 在这篇文章中我们将通过使用Adobe Illustrator中的3D效果来创建一组网页按钮。为什么要用这种方法？原因是这种方法替代了使用不同的笔刷和其他工具来创建高光和阴影，只需一步就能实现，充分利用了现成的光线设置和斜角形状。让我们开始！ 第一步：按钮形状 我们从创建基本的网页按钮形状开始。选择圆角矩形工具，在画板中任意位置点击一下打开圆角矩形窗...[ 查看全文 ]

  三分天下

  751
• 
  PS入门教程：实战网页设计稿

  标签：PS基础 PS抠图

  s1313现在我们来制作一个简单的网页设计稿。一个网页一般为上中下三级结构，如下图，上部为网站的标题及导航区，所谓导航也就是常见的栏目菜单。中部是网站内容的正文。底部则是网站的版权声明及其他说明。当然这个只是一般网页的结构，也有通过其他方式组织的网页。 s1314新建一个640×480的白底图像，然后使用形状工具 〖U/SHIFT_U〗的矢量方式 ，画出一个长方形。这个长方形本身具有...[ 查看全文 ]

  最卑微得承諾

  1071
• 
  PS入门基础调色教程 制作水灵梦幻美女实例教程

  标签：PS教程

  原图   第一步：打开原图，复制图层。   第二步：对图层进行滤镜/模糊/高斯模糊，半径设置为6。   第三步：将图层模式设置为滤色，盖印可见图层，ctrl+alt+shift+e。   第四步：对图层进行图像/调整/去色。   第五步:打开图像/调整/色彩平衡，设...[ 查看全文 ]

  undefined

  1891
• 
  PS入门教程：实战矢量制作

  标签：PS基础 PS抠图

  ：“新手应该怎样做学习Photoshop”？为了帮助解决这个困惑，将更多的PS爱好者领进门，特整理编辑了《新手学习Photoshop入门教程》（原书由赵鹏编写）。本入门教程注重基础知识，辅以经典实例，是新手学习Photoshop很好的参考资料。      现在我们来制作一个徽标，最终效果如下图。 很明显的，这就是将一个圆分割为两个部分，只是分割线是一条曲线。但注意上下...[ 查看全文 ]

  keajiunai0287

  1021
• 
  PS入门教程：关于网页设计和网站策划

  标签：PS PS基础 PS抠图

  下面我们就网页设计这个领域做一些专门介绍，这些内容按照原计划应该包含在本书中，由于篇幅所限不得不取消。不过没关系，我们会继续制作相应的教程继续供大家学习。Photoshop和Illustrator都可以制作网页设计稿，但我个人觉得Photoshop在这方面更出色一些，主要是因为图层样式较为丰富，可以很容易地制作出各种流行的效果。因此我都是用它进行网页设计。但是如果需要制作徽标或一些插画风格的人物，就需...[ 查看全文 ]

  甄珍8800

  1661
• 
  Illustrator实例教程：打造漂亮的水晶按钮图标

  标签：Illustrator

  本文由 中国 加勒比海盗 原创，转载请保留此信息！ 在学习中遇到问题可以到 论坛 发贴交流！ 图片源于wangxusu同学发的一个求助贴，可见此链接： 所以,我决定 把自己制作的过程重新整理,出个教程, 适合更多初学者共同学习进步! 希望大家喜欢,积极做出自己更漂亮的作品!----------------加勒比海盗 首先，把效果图发出来! 说明： 1.教程内容分八部分,考虑到适合初学者,特别详细, ...[ 查看全文 ]

  liyanshidouya

  671
• 
  PS入门教程：裁切

  标签：PS PS基础 PS抠图 PS调色 PS效果

  ：“新手应该怎样做学习Photoshop”？为了帮助解决这个困惑，将更多的PS爱好者领进门，特整理编辑了《新手学习Photoshop入门教程》（原书由赵鹏编写）。本入门教程注重基础知识，辅以经典实例，是新手学习Photoshop很好的参考资料。 裁切工具 不属于绘图工具，对它最通俗的理解就是一把裁刀，将图像不需要的部分切去。下面我们边做边学。打开图片库中的“路024.jpg”，选择裁切工具...[ 查看全文 ]

  淡淡的伤痕5200

  2011
• 
  PS入门教程：用液化滤镜制作作品

  标签：PS PS基础 PS抠图

  现在我们尝试结合液化滤镜来制作一幅作品，体现的是时间的流逝。使用如下左图的素材图片，使用椭圆选框工具将钟面选中。观察信息〖F8〗调板中的选区大小约是550像素左右。我们新建一幅300×300的图像，并将钟面拖动进来。由于尺寸大小不一，钟面在这里不能全部显示出来，但这正是我们需要的大钟面背景效果。 之后将钟面复制4个出来，分别使用自由变换命令〖CTRL_T〗旋转及缩小并移动到不同的位置上，类...[ 查看全文 ]

  永远的忠诚121

  2101
• 
  CorelDRAW教程：制作透明小水滴按钮实例

  标签：CorelDRAW

  在学习中遇到问题可以到 论坛 发贴交流！ 本例向朋友们介绍运用CorelDRAW制作漂亮的透明小水滴按钮，在本CorelDRAW实例教程中我们将学习如何运用椭圆工具、造型工具、新增透视点工具、填充工具、交互式调和工具及交互式透明工具和交互式阴影工具来完成按钮的制作，希望能给朋友们带来帮助~~ 大家知道，用PHOTOSHOP可以制作漂亮的按钮，其实用Coreldraw同样也可以制作出亮丽的按钮来。下面我们结合一个小...[ 查看全文 ]

  v字仇杀nice

  1161
• 
  PS入门教程：利用锚点移动进行制作

  标签：PS基础 PS抠图

  我们也可以利用文字的矢量特点来设计文字类型的徽标。新建一个200×150的图像，使用文字工具在其中输入“XD”，字符调板设定如下左图。然后将文字转为形状，图层调板如下右图。 - 现在就对这个矢量蒙版中的内容进行修改，过程如下图。为了方便观看，每一步操作后都进行了组合，大家自己动手做的时候则不必如此。 在底部添加一个矩形产生连字效果；在略上方减去一个矩形产生打断效果；用钢笔减去一...[ 查看全文 ]

  蹭饭山村长

  1851
• 
  PS入门教程：软件协作

  标签：PS PS基础 PS抠图 PS调色 PS效果

  首先祝贺大家完成了本教程的学习，对于一些图像基础知识已经有了足够的认识。不过不要满足于此，要具备全面的能力，还需要学习其他的一些软件。建议最少要再学习一下Illustrator，这样一个主要针对点阵图像的处理，一个针对矢量图像的绘制，才能形成较为完整的图像知识体系。我们已经给大家提过Photoshop的局限性，虽然也能操作矢量图形，但是功能较为薄弱，而Illustrator则要强大得多。要记住，设计师用...[ 查看全文 ]

  骑着蚂蚁去罗马

  1241
• 
  PS入门教程：应用路径

  标签：PS基础 PS抠图

  ：“新手应该怎样做学习Photoshop”？为了帮助解决这个困惑，将更多的PS爱好者领进门，特整理编辑了《新手学习Photoshop入门教程》（原书由赵鹏编写）。本入门教程注重基础知识，辅以经典实例，是新手学习Photoshop很好的参考资料。 到目前为止我们还不知道路径究竟有什么实用价值。画是画出来了，能做些什么呢？路径的应用可以分为两大用途，一是点阵应用，二是矢量应用。 ...[ 查看全文 ]

  琳55521

  591
• 
  PS入门教程：路径初识

  标签：PS基础 PS抠图

  ：“新手应该怎样做学习Photoshop”？为了帮助解决这个困惑，将更多的PS爱好者领进门，特整理编辑了《新手学习Photoshop入门教程》（原书由赵鹏编写）。本入门教程注重基础知识，辅以经典实例，是新手学习Photoshop很好的参考资料。        在开始这一章节之前，大家最好做到一件事，那就是忘记前面所学，以全新的心态来学习本章节的内容。按照之前我们的...[ 查看全文 ]

  骏马飞奔704

  2321
• 
  PS入门教程：匹配颜色

  标签：PS基础 PS抠图

  ; 0708虽然通过曲线或色彩平衡之类的工具，我们可以任意地改变图象的色调，但如果要参照另外一副图片的色调来作调整的话，还是比较复杂的，特别是在色调相差比较大的情况下。为此Photoshop专门提供了这个在多幅图像之间进行色调匹配的命令。需要注意的是，必须在Photoshop中同时开启多幅RGB模式(CMYK模式下不可用)的图像，才能够在多幅图像中进行色彩匹配。我们使用如下2图来做实验。 ...[ 查看全文 ]

  迷失的羔羊56

  601
• 
  PS入门教程：曲线初识

  标签：PS PS基础 PS抠图 PS调色 PS效果

  PS入门教程6-2：曲线初识 虽然Photoshop提供了众多的色彩调整工具，但实际上最为基础也最为常用的是曲线。其它的一些比如亮度/对比度等，都是由此派生而来。曲线是Photoshop中最常用到的调整工具，理解了曲线就能触类旁通很多其他色彩调整命令。 在Photoshop中打开如下图1的照片。可以将它转为灰度看看亮度的分布情况(看完后可〖CTRL ALT Z〗撤销转换操作)，如下图2。可以看到近处的山体属于暗调...[ 查看全文 ]

  执着onbaiy

  1241