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。