绘制 – 设计之家

Fireworks绘制线条规律旋转网状效果

sj33cn — Sat, 20 Jan 2007 02:20:00 +0000

巧妙运用Fireworks的“修改-元件-补间实例”功能可以绘制出直线线条按规律旋转出的网状特效，很有意思。

　　用Fireworks的路径画一条线：

　　选择“修改-转化为元件”，按ctrl+shift+d克隆出一个。

　　选中新克隆出的线，选择“变形-数值变形”，选择旋转并输入255，然后移动到如下的位置。

　　同时选中两个元件，选择“修改-元件-补间实例”，输入步骤，注意取消下面分散到帧前的钩。

　　点击确定，效果就出来了。　　

Photoshop绘制浪漫心形巧克力礼盒

sj33cn — Wed, 17 Jan 2007 07:58:00 +0000

大家先看看效果图（如图1），喜欢就跟着我一起做吧！

图1

1. 新建一个800*600 的文件，设前景色为绿色，用钢笔工具绘制出心的轮廓，转换为选区，填充颜色。

2. 获得如下效果。

3. 设前景色为深绿色，用钢笔工具绘制出礼盒边的轮廓，转换为选区，填充颜色。

4. 获得如下效果。

5. 在心的上面绘制路径，转换选区。使用减淡工具，在属性栏里设置高光，暴光度为30%，把选区内提亮。

6. 获得如下效果。

Photoshop绘制逼真三维网格垃圾桶

sj33cn — Tue, 16 Jan 2007 18:22:00 +0000

作者在写Photoshop实例制作过程的时候，通常都是以自己的角度来写，认为某些步骤看的人应该会懂。其实从很多贴子的回复中可以看出，确实有很多的地方都让初学者看不懂，对于一个热爱Photoshop的学习者来说，被某个步骤卡住了继续做下去的确是很痛苦的，因此我觉得有必要将步骤写得尽可能详尽。以一个对PS懂得很少的初学者的角度来写，即使需要花费更多的时间和心机。当然，这样文章可能会显得哆嗦。

　　完成图

　　1.在Photoshop重新建500*500文档，白色背景。
　　新建图层1，选椭圆选框工具，在下方画个椭圆，填充颜色。这里用蓝色（65/65/165），以下需要填充的都用这个颜色。

　　2.如果刚才的填充不是用快捷键而是用油漆桶工具，就要再选择选框工具，然后用键盘的箭头键来移动选区。按住SHIFT点键盘的向上箭头键1下，将选区向上移动10个像素，按CTRL+SHIFT+I反选，按CTRL+J复制出新的一层。
　　选择图层1，按CTRL点击图层载入图层1的选区，按SHIFT点键盘向下箭头2下，将选区向下移动20个像素，执行选择–变换选区，按住ALT，略为收缩选区的宽度。

　　3.按回车完成变换后，按CTRL+SHIFT+I反选，按CTRL+J复制出新的一层。隐藏图层1后是这样子，上边是图层3，下边是图层2。

　　4.选择图层2，载入图层2选区，将选区向上移动约3个像素，执行选择-羽化，半径为2像素，反选，执行图像-调整-亮度对比度，降低亮度30，降低对比度30。

　　5.选择图层1，降低亮度40，降低对比度30。

　　6.在图层1上新建一层，载入图层1的选区，选择渐变工具，设前景色为白色，背景色为黑色，在选区内从右下至左上拉径向渐变。将图层混合模式设为正片叠底，不透明度降低为30%，按CTRL+E向下合并到图层1。

　　7.在最上面新建图层4，载入图层1的选区，将选区向上移动20个像素（在选框工具的状态下，按住SHIFT按键盘箭头键1次移动10个像素，放开SHIFT按1次1个像素），执行选择-变换选区，在窗口上方变换的选项中将水平缩放的比例调为102%，按回车2次完成变换。将前景色调回刚才的蓝色，按ALT+DELETE填充。

Photoshop绘制圣诞甜蜜糖果

sj33cn — Tue, 26 Dec 2006 07:31:00 +0000

圣诞节到了，我们用Photoshop来绘制一支传统的圣诞节拐棍糖吧！

　　1 在Photoshop中新建一个图像文件，设置Width：150pixels;Height：150pixels;contents：Transparent(透明背景)。选用Rectangular Marquee Tool(M)，在图的顶端选择一个高8到10像素的矩形，并把它填充为红色。

　　2 选中红色区域以及和它同等高度的透明部分。选择菜单Edit>Define Pattern。

　　3 选择菜单Select>Deselect取消选择，然后选择菜单Edit>Fill，设置Use：Pattern;custom Pattern：选择刚才定义的。然后ok。

　　4 选择菜单Select>All，选择所有区域。选择菜单Edit>Free Transform。按住[Shift]键，旋转大约40度，按[Enter]键。选择菜单Select>All。然后选择菜单Edit>Copy。

　　5 新建一个图档，设置Width：150pixels;Height：150pixels;contents：white，使用Type Tool(T)，选择字体Arial或者是Helvetica，Helvetica看起来更好一点，文字颜色选择灰色，打一个大写的”J”。

　　6 选择菜单Edit>Transform>Rotate 180度。然后执行Edit>Free Transform，拉伸左边的点，让它看上去像一根拐杖，按[Enter]键确定。

　　7 首先把文字”J”(拐杖)改为白色。然后按住[Ctrl]键(Mac： Command)点文字所在的层(layers面板里)，使文字成为选择区域。

　　8 选择菜单Edit>Paste Into。然后使用Move Tool(V)调整红线的位置，直到你觉得满意为止。

　　9 连接Mask层和文字”J”层。按[Ctrl+E](Mac： Command+E)合并2个图层。

　　10 选择菜单Layer>Layer Style>Bevel and Emboss。

　　设置如下：

　　Style： Inner Bevel
　　Technique： Smooth
　　Depth： 100%
　　Size： 6
　　Soften： 0
　　Angle： 120
　　Altitude： 30
　　Gloss Contour： Cone Inverted (如下图)

　　Highlight Mode： 100% Opacity。 Color： Hex #FFA5A5
　　Shadow Mode： 30% Opacity。 Color：黑色

　　不要关闭Layer Style窗口

　　在Layer Style窗口选择Stroke。

　　设置如下：

　　Size： 1pixels
　　Position： Outside
　　Blend Mode： Normal
　　Opacity： 80%
　　Fill Type： Color
　　Color：红色

　　12 选择菜单Filter>Noize>Median。设置：Radius：4pixels

Photoshop绘制一轮逼真的月亮

sj33cn — Sat, 25 Nov 2006 13:57:00 +0000

新建立一400*400，绘制一圆形选区：

　　填充为自己喜欢的颜色，然后设置前景色：#D8D6B4，背景色：#909071。然后执行云彩滤镜：

　　按D恢复默认的前景色和背景色，选择通道面板，新建通道alpha1，然后执行云彩滤镜：

　　执行分层云彩滤镜，按Ctrl键点alpha1通道载入选区：

　　设置画笔：

　　切换到图层面板，用画笔绘制：

　　最后执行球面化滤镜，可以多执行几次达到很好的效果：

　　然后设置图层样式，添加发光效果：

　　最终效果：

PS绘制唯美插画

sj33cn — Wed, 15 Nov 2006 17:30:00 +0000

我们通过详细图示的方式向大家展示用Photoshop绘制梦幻唯美插画的过程，这幅美丽的画面名为：幻境精灵。

完成作品如下。

绘制过程图示。

Illustrator绘制可爱的动物

sj33cn — Wed, 15 Nov 2006 17:10:00 +0000

大家一定都很喜欢下面这些色彩艳丽、造型可爱的卡通小鸟，今天我们就用Illustrator来试着画一个。

　　基础要求:会基本电脑操作，了解Illustrator软件基础知识。

　　注意：图中造型、颜色、操作都因人而意，在学习过程中家长、同学本身不能过于严格完全按教程要求去做，要以快乐的心情去对待，个别步骤中比较难或不理解的地方可以适当调过。

　　我们从一些媒介上找张鸟的照片，这张是我从网络上获取的。照片上这只色彩鲜艳的小鸟叫花斑山雀，它是山雀的一个种类。同学们，这种雀鸟是不是比我们常见的麻雀要漂亮呢，下次我们去交游爬山时多留意观察下吧

　　第一步:根据照片我们先用2分钟仔细观察一下山雀的特点和动态，观察好后我们打开Adobe Illustrator CS2软件，用工具箱中的椭圆工具拉个圆做山雀的身体，如图A所示;然后我们再按刚才的方法拉个圆做山雀的头部，如图B所示。

　　第二步:使用工具箱中的铅笔工具，沿图中虚线部分进行路径修改，如图A所示;修改好路径后用填充工具把线转换成面，并选择类似颜色，如图B所示。

　　第三步:选中上面的那个部分，点击鼠标右键，出先图中的菜单，选择后移一层如图A所示;图B所示的是这一步操作完成后的效果。

　　第四步:使用工具箱中的美术刀工具，沿图A中的虚线进行裁剪操作，并把裁剪后成为独立的图形按照片上的颜色进行填充颜色的操作，使用的是工具箱中的吸管工具，完成效果如图B所示。

　　第五步:这一步来做鸟的眼睛部分，再次使用工具箱中的椭圆工具，按图中A部分所示进行圆圆相套的操作。(注意最后的白色部分是眼睛的高光，不宜画的太大)颜色按图中类似即可，完成后把眼睛放入到如图B所示位置。

　　第六步:这一步做山雀的眼框部分，是为刚才的眼睛做衔接的。用铅笔工具大概绘出图中A部分的效果，(注意图中整体部分是由几个小的分步相加组合而成的)，完成效果如图B所示。

Fireworks绘制Philips手机

sj33cn — Wed, 08 Nov 2006 06:06:00 +0000

1 首先以手机的翻盖为基础，画4条辅助线，并以此为基准画一个圆角矩形，矩形圆度设置为30；为了留出手机翻盖的轴部，使圆角一边成为直角(后来发现这一步可以省略)，并调整节点使之与辅助线吻合；最后添加水平的线性渐变色：#f3f6f7-#bob3b9；如下图

2 画一个小一点的圆角矩形，圆度为10，颜色 #303169、边为一px，颜色：#cccccc；放在刚才的图层之上，并调整节点使之如下图；

3 复制上一步的兰色圆角矩形，放到下层，线形渐变色为#9c9ea5 – #aca899；并调整节点,使上边与第一个图层一致，选择下面的接点向下移动，使之如下图；

4 这一步制作那个翻盖上面的轴，如下图所示；并添加线形渐变，如图 #6d6a77 #eaeaec #d3d5d8；

ps绘制法拉利跑车

sj33cn — Wed, 08 Nov 2006 05:44:00 +0000

在汽车画报上看到了一辆法拉利，觉得很漂亮，便画了一下，顺便记录了一下过程，作为鼠绘来说这个是个很简单的教程了！希望大家会喜欢！同时我想跟各位说，不要光为了鼠绘而鼠绘，我做这个教程是想让大家熟悉大多鼠绘所用到的工具以及它们的用法，还有就是希望能帮助大家锻炼耐心，跟鼠标的把握与控制能力，看了教程，画一副漂亮的画出来是没什么意义的，能真正懂得作画的过程是怎么回事跟软件以及其中的工具和特效如何才能灵活的应用融会贯通才是最重要的！我发现很多朋友纯粹是为了教程的最终效果才看那些教程，却忽略了它最重要的部分，“过程”！！！希望大家不要犯这个毛病！好了！现在开始做吧！

　　这是最后完成图的效果：

　　1.新建700X500，72DPI，白色背景文件一个，在背景层上新建一个层，用钢笔工具将汽车的轮廓画出，轮子可以先不画。（图1）

图1
　　2.将路径转换成选区，并用红色填充，再新建图层2，先将汽车车灯轮廓画出，并转成选区。（图2）

图2
3.用画笔工具，用不同深浅的灰色将车灯的颜色先大致涂出来，右侧的灯因为透视的原因跟光照的原因，应该用较深的灰色涂。（图3）
图3

　　4.将车灯后部的金属部分用钢笔勾出，并转成选区，将前景色设置为米色，用画笔将车灯金属的亮部画出。（图4）其余车灯也照此做法逐个完成。（图5）

图4
图5　　5.在图层2上面新建一个层，接下来画车灯灯泡部分，画的时候注意一下尽量表现出车灯高光涂层的光泽感！同时也要注意适时的调整笔画大小。在画的同时，如果有觉得太生硬的地方，您可以用模糊工具，调整适当压力，在边缘的地方进行涂抹，可以使其变得柔和。（图6）（图7）
图6
图7

　　6.在最上层的上面新建一个层，把车灯的有机玻璃面板的四周嵌缝线画出来，在此层上还可以同时把车身上所有的板块分割部分的嵌线全部画好。（说明一下画黑线的方法：可以先用钢笔工具将所有黑线用单线的形式画出，然后在将前景色设置为黑色，然后利用路径面板下方的用前景色描边路径）（图8）

图8

Fireworks绘制LCD显示器

sj33cn — Fri, 27 Oct 2006 02:49:00 +0000

先奉上效果图：

基本步骤：

1. 绘制一个矩形，并通过部分选取工具调节节点。为增加立体效果，每个角均通过钢笔工具增加为2个节点

2. 给矩形添加渐变效果

3. 再给右边的矩形添加渐变效果

4. 复制矩形并缩小，作为内框屏幕，实用发射性渐变，添加内部阴影

5. 制作屏幕高光效果，绘制一个圆形，设置线性渐变，羽化为6

6. 再画一个大的圆，用来切掉我们不需要的部分，选择两个路径，修改－组合路径－打孔

7. 得到如下路径，然后使用蒙板得到我们需要的内框屏幕，选择蓝色内框屏幕，复制，选择刚才得到的白色渐变路径，反键－编辑－粘贴为蒙板，得到如下效果

8. 绘制两条斜线，制作屏幕下方立体效果

9. 使用上述高光绘制方式制作屏幕下方高光效果

10. 使用放射性渐变绘制显示器开关按钮。并复制一个浅灰色的圆形放在按钮下，产生立体效果

11. 利用矩形工具绘制底座支撑轴。并使用线性渐变填充

12. 利用矩形工具绘制底座，使用钢笔工具增加节点并调整。使用放射性渐变填充

13. 利用矩形工具绘制高3像素的矩形使用放射性渐变填充，绘制底座高光效果