Flashcs3教程:绘制小奶瓶图标

评论:本教程教你使用Flash绘制瓶子图标。从头开始,教程本身并不难,但步骤更多。笔者也做了详细的说明。你只需要耐心地学习,如果你感兴趣的话就去尝试一下。


先看看效果吧。



设计素描


首先我们从一个角矩形开始,然后把它的底部调整成一个圆。



图1




本教程教你如何用flash从零开始绘制奶瓶图标。教程本身并不难,但有许多步骤。笔者也做了详细的说明。你只需要耐心地学习,如果你感兴趣的话就去尝试一下。


先看看效果吧。


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 1333480.png >
设计素描


首先我们从一个角矩形开始,然后把它的底部调整成一个圆。


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 1333481.jpg >
图1


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 1333482.jpg >
图2


然后把顶端变成一个突出的形状。如果你熟悉贝塞尔曲线,这不是一件困难的事,然后我们扩展形状,展开一个粗糙的边缘,这将是瓶子的墙。


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 1333483.jpg >
图3


CS3 tutorial: drawing the small bottle icon alt= Flash CS3 tutorial: drawing the small bottle icon border= 0 src= /files/allimg/080828/1333484.jpg / >
图4


画帽的圆柱体很简单,先画一个椭圆,然后垂直复制一个。


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 1333485.jpg >
图5


CS3 tutorial: drawing the small bottle icon alt= Flash CS3 tutorial: drawing the small bottle icon border= 0 src= /files/allimg/080828/1333486.jpg / >
图6








评论:本教程教你使用Flash绘制瓶子图标。从头开始,教程本身并不难,但步骤更多。笔者也做了详细的说明。你只需要耐心地学习,如果你感兴趣的话就去尝试一下。


先看看效果吧。



设计素描


首先我们从一个角矩形开始,然后把它的底部调整成一个圆。



图1







伸展上边缘形成气缸壁并将其移动到较低的层,所以它非常快吗


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 1333487.jpg >
图7


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 1333488.jpg >
图8


下面的小圆柱也用同样的方式。


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 1333489.jpg >
图9


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 13334810.jpg >
图10


然后我发现瓶子瓶颈了,所以先切一块,然后切出移动节点。因为这两层是油漆的,这两层应该调整,如果他们开始注意到,它会好得多。


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 13334811.jpg >
图11


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 13334812.jpg >
图12


形状是画出来的,下一个是乳头,它让我们从矩形开始。添加所需的节点并调整曲线。


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 13334813.jpg >
图13


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 13334814.jpg >
图14








评论:本教程教你使用Flash绘制瓶子图标。从头开始,教程本身并不难,但步骤更多。笔者也做了详细的说明。你只需要耐心地学习,如果你感兴趣的话就去尝试一下。


先看看效果吧。



设计素描


首先我们从一个角矩形开始,然后把它的底部调整成一个圆。



图1







形状几乎一样。如果你有一个对比的图片,它可能更像一点点,然后,相同的形状扩展一层边缘,因为橡胶乳头具有相同的厚度。


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 13334815.jpg >
图15


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 13334816.jpg >
图16


以下是我使用这种圆形渐变的玻璃瓶的颜色。


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 13334817.jpg >
图17


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 13334818.jpg >
图18


闪光灯不是很复杂。但如果灵活使用,也会产生复杂的效果。毕竟,我们不会用同样的方式来模拟。我们可以用3D来制作照片,注意下面我把圆柱体的顶部复制到一个浅的颜色,然后向下移动一两个像素,移动到较低的水平,这样就形成了倒角效果,有时候细节很重要。


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 13334819.jpg >
图19


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 13334820.jpg >
图20


接下来是瓶子的渐变,白色的线条。


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 13334821.jpg >
图21


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 13334822.jpg >
图22








评论:本教程教你使用Flash绘制瓶子图标。从头开始,教程本身并不难,但步骤更多。笔者也做了详细的说明。你只需要耐心地学习,如果你感兴趣的话就去尝试一下。


先看看效果吧。



设计素描


首先我们从一个角矩形开始,然后把它的底部调整成一个圆。



图1







注意玻璃瓶的两边都有很高的光线,否则没有渗透感,然后高光的形状会随着瓶子的形状而改变。


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 13334823.jpg >
图23


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 13334824.jpg >
图24


乳头是一样的,但它是橡胶的,所以不要像瓶子那样有规律。换一点点好。


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 13334825.jpg >
图25


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 13334826.jpg >
图26


然后调节颜色,在瓶盖上加一层高光,这样纹理就更坚固了。


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 13334827.jpg >
图27


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 13334828.jpg >
图28


有一种瓶子形状的瓶子看起来好一点,所以我们又调整了形状和高光,然后旋转45度,把瓶子的内层复制到顶部。


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 13334829.jpg >
图29


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 13334830.jpg >
图30








评论:本教程教你使用Flash绘制瓶子图标。从头开始,教程本身并不难,但步骤更多。笔者也做了详细的说明。你只需要耐心地学习,如果你感兴趣的话就去尝试一下。


先看看效果吧。



设计素描


首先我们从一个角矩形开始,然后把它的底部调整成一个圆。



图1







上半部为新切形,颜色由蓝色变为白色渐变,牛奶常用来表示这种颜色。


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 13334831.jpg >
图31


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 13334832.jpg >
图32


复制层变成深蓝色,两层转变成相对的波形,深蓝色移动到下层,牛奶被画出来。


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 13334833.jpg >
图33


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 13334834.jpg >
图34


复制瓶我们画作为一个整体,Ctrl B分散,除去瓶子,中心产生影片剪辑,添加模糊滤波器,所以影子也准备好了。当然你也可以使用阴影或修改PS,我做瓶子的透明度。


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 13334835.jpg >
图35


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 13334836.jpg >
图36


此时,一个小瓶子就完成了。这是一个进一步调整的瓶子,具体的方式和你自己玩的细节。


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 13334837.png >
图37


CS3教程:绘制小瓶子图标alt=Flash CS3教程:绘制小瓶子图标border=0src= / / / 080828 allimg文件 / / 13334838.jpg >
图38


你可以通过软件如Axialis IconWorkshop生成图标,你可以做任何其他用途。为什么我喜欢用flash制作图标是全矢量的原因,它可以直接用于Flash程序。体积很小。这个瓶子产生整个SWF文件是唯一的1744byte。