打印

[效果制作] 咱没有做这种效果的天分。。

sq4537 [楼主]

小强不是蟑螂

版主

帖子: 1679
体力: 3252
威望: 14
当前: 江西宜春

专长 网页设计,UI,平面

1^# 大中小发表于 2008-3-7 02:38

我想模拟的

我模拟的。。

原稿

大家都试试吧

附件: 您所在的用户组无法下载或查看附件，您需要注册/登录后才能查看！

才子打造计划 QQ空间Flash 四五六电影网

TOP

做西部数码代理.Cn1元国际45元

sq4537 [楼主]

小强不是蟑螂

版主

帖子: 1679
体力: 3252
威望: 14
当前: 江西宜春

专长 网页设计,UI,平面

2^# 大中小发表于 2008-3-7 02:39

难道是我这个女的不漂亮的原因？自我安慰中。。。

才子打造计划 QQ空间Flash 四五六电影网

TOP

moonjeep

夢之譜

超级版主

帖子: 6243
体力: 8652
威望: 218
当前: 美洲美国

专长 网页设计,平面,市场

3^# 大中小发表于 2008-3-7 03:32

1.线条流畅问题
2.光影层次问题，建议叠加混合模式
3.FW对光影处理和样式调整选项本身的技术缺陷

要仿不难，难的是要有时间。

★经典夜游神★

TOP

请大家尊重和保护奥运知识产权。

Missx

愚者

管理员

帖子: 3064
体力: 2713
威望: 35
当前: 湖南长沙

专长 前端制作,主编,编辑

4^# 大中小发表于 2008-3-7 10:25

我同意jeep的说法,线条的流畅度和上面还是有一定差距
另外感觉第一幅图的线条要细一些
可能是做了透明效果导致的吧...

【论坛帮助】 we have many works to do..

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

moonjeep

夢之譜

超级版主

帖子: 6243
体力: 8652
威望: 218
当前: 美洲美国

专长 网页设计,平面,市场

5^# 大中小发表于 2008-3-8 05:29

花了点时间搞搞，没什么特别技巧，就是花点功夫。
不算完全一样，看看还行不？

素材图：

效果图：

PNG源文件：

[ 本帖最后由 moonjeep 于 2008-3-7 17:09 编辑 ]

附件: 您所在的用户组无法下载或查看附件，您需要注册/登录后才能查看！

★经典夜游神★

TOP

muoon0411

新手上路

帖子: 9
体力: 23
威望: 0
离线: 3 天

6^# 大中小发表于 2008-3-8 08:21

我是新人,我也想学学这个技术,关键用了什么效果?谢谢了

TOP

numa001

numa001

银牌会员

帖子: 1444
体力: 2028
威望: 2

7^# 大中小发表于 2008-3-8 09:52

moonjeep,基本功真深厚，赞，多说点经验。

我都不敢勾选专长了。。

TOP

Missx

愚者

管理员

帖子: 3064
体力: 2713
威望: 35
当前: 湖南长沙

专长 前端制作,主编,编辑

8^# 大中小发表于 2008-3-8 14:23

回复 #5 moonjeep 的帖子

感觉有点硬了...小白球太多不太柔和...
另外有几个纯透明似乎没带渐变的圆形,在sq给的图当中基本上是没有的...这个也似乎使得效果降低了一些..

个人感觉..勿怪...其实自己不会做,只会看...

【论坛帮助】 we have many works to do..

TOP

sq4537 [楼主]

小强不是蟑螂

版主

帖子: 1679
体力: 3252
威望: 14
当前: 江西宜春

专长 网页设计,UI,平面

9^# 大中小发表于 2008-3-8 16:53

厉害了！漂亮，高手就是不一样！我觉得你的很棒了

才子打造计划 QQ空间Flash 四五六电影网

TOP

zoe20

中级会员

帖子: 209
体力: 459
威望: 2
离线: 6 天

10^# 大中小发表于 2008-3-8 19:31

nice one

TOP

moonjeep

夢之譜

超级版主

帖子: 6243
体力: 8652
威望: 218
当前: 美洲美国

专长 网页设计,平面,市场

11^# 大中小发表于 2008-3-9 12:16

公司的显示器比较暗，加上大宽屏，图片就显得小，回家到自己电脑上再看就觉得整体偏亮了些。

关于这个图我并不是要纯粹照着描出那个效果，而是在想类似的流光效果用Fireworks要怎样表现。

首先观察光线流动的方向，其实利用了背景图所存在的视觉引导暗示。从sq提供的原图来看，流光的方向与人物发丝和腰下的裙摆一致，而主体部位定在人物视线的角度上。所以我用汽车做素材，考虑的流光走势与臆想中的气流方向取得一致，主体决定在车头部分。

源文件大家可以下载下来分析。钢笔勾勒出流光线条，揣摩气流带动的样子，注意线条的流畅。再用羽化的色彩形状加上颜色混合模式来叠加光彩效果。至于细碎的流光和小球，不可能一颗颗来画，我是用简单曲线再调整笔触步长等进阶方式模拟的。

因为要突出光影，就调整了背景素材的色相饱和度，使它变暗，色彩单纯。而光影本身就是要有对比才容易凸显。不管什么光，至强的地方始终是白的，而外围光晕就可以随意发挥，这点如果平时留意焰心或者看看《星球大战》角色们使用的光剑就容易明白。

另外在做这个流光效果尝试的时候，也注意到Fireworks本身在光影效果表现上的缺陷。跟PS比较，首先模拟不出两头尖中间实的压力笔触，所以形状上就只能改用钢笔造型，比较考研钢笔的功力。其次在发光和阴影的表现都不够自然，FW缺少应用这些效果时色彩混合模式的选项，致使出来的效果不够通透，在这就只能用羽化的色彩混合叠加来弥补了。在sq的原图上也可以看到淡淡的镜头光晕组合（见女孩腹部和她视线延长线部位），这个在PS中只是个很简单的滤镜，在FW里就先暂且靠Missx所说的透明圆形来模仿，论效果还不够真实。

因为是下班前做的，没有太多时间来细细推敲，只是体现用Fireworks制作流光效果的示意图，大家如果有时间的话可以继续慢慢琢磨。

本帖最近评分记录

Missx 威望 +1 不避嫌地打分了... 2008-3-11 12:20

★经典夜游神★

TOP

xinlan79

冬之岚

中级会员

帖子: 162
体力: 341
威望: 1
离线: 157 天

12^# 大中小发表于 2008-3-9 17:28

请问楼上。你所用的那些笔触。在FW上可以显示出名字。但是怎么找不到在那里呢？

TOP

sq4537 [楼主]

小强不是蟑螂

版主

帖子: 1679
体力: 3252
威望: 14
当前: 江西宜春

专长 网页设计,UI,平面

13^# 大中小发表于 2008-3-9 22:56

回复 #11 moonjeep 的帖子

MOOn版主分析的很好，研究透彻啊，值得学习！

才子打造计划 QQ空间Flash 四五六电影网

TOP

moonjeep

夢之譜

超级版主

帖子: 6243
体力: 8652
威望: 218
当前: 美洲美国

专长 网页设计,平面,市场

14^# 大中小发表于 2008-3-10 11:19

引用:

原帖由 xinlan79 于 2008-3-9 04:28 发表
请问楼上。你所用的那些笔触。在FW上可以显示出名字。但是怎么找不到在那里呢？

以细碎的流光处笔触为例，具体位置见附图：

但我所用的笔触并非默认的样子，而是经过了特殊的调整。
点击笔触弹出菜单，选择笔触选项，见图：

在接下来的面板上点选“进阶”按钮，见附图：

接下来的上面三个标签“选项”、“形状”、“感应度”下多半的数值我都调整过，不再是默认的数值了。
所以出来的形态当然也不会是默认的样子。完成后点击“确认”按钮即可，见下图：

附件: 您所在的用户组无法下载或查看附件，您需要注册/登录后才能查看！

★经典夜游神★

TOP

xinlan79

冬之岚

中级会员

帖子: 162
体力: 341
威望: 1
离线: 157 天

15^# 大中小发表于 2008-3-10 11:44

谢谢超版

TOP

loris520

初级会员

帖子: 49
体力: 99
威望: 0
当前: 江西南昌

16^# 大中小发表于 2008-3-11 11:47

请问超版...
里面的线条用钢笔我为什么勾不出来呢?
像这种...

勾了好久..都勾不出来你那么流畅感觉...我勾的角是尖的...

TOP

froglt

网页顽主

版主

帖子: 1937
体力: 3602
威望: 154
当前: 北京海淀区

专长 网页设计,平面,主编

17^# 大中小发表于 2008-3-11 12:26

先给大家看看我找的图以做参考

One
-->

Two
-->

Three
-->

Four
-->

Five
-->

下面带一个教程，不是我写的，教程出自http://weilaixu.cn/

附件: 您所在的用户组无法下载或查看附件，您需要注册/登录后才能查看！

(\/)︵ 
(·_ _ )~GO2HERE.NET/GO2HERE.NET.CN MORE THAN MEETS THE EYE ⺌囨囚囨図〆

TOP

moonjeep

夢之譜

超级版主

帖子: 6243
体力: 8652
威望: 218
当前: 美洲美国

专长 网页设计,平面,市场

18^# 大中小发表于 2008-3-11 21:29

回复 #16 loris520 的帖子

其实就是用钢笔勾的。
跟纸上绘图比较，电脑的好处就是随时可以调整钢笔的造型结构而且不会留下痕迹。
我的经验是对待复杂的形状，先用钢笔勾出简单造型，然后再需要的地方增减节点。
放大图片以后操作比较能够掌控细节。

对于节点的手柄，可以选中后按住Alt键分别微调。
如果需要把已经各自为政的节点再恢复成联动，可以按住Shift键先把两边的节点调成垂直或水平状态，再拖拽其中之一就是联动了。
联动的优势在于可使线条显得流畅，但对于曲线方向和走势的控制要比分开的节点手柄分别调整来得难度高些。

★经典夜游神★

TOP

asansansan

新手上路

帖子: 19
体力: 38
威望: 0
离线: 29 天

19^# 大中小发表于 2008-3-22 10:13

我很喜欢这个效果，但是我只会用ps，完全不懂ai，没有firework的碟子

TOP

numa001

numa001

银牌会员

帖子: 1444
体力: 2028
威望: 2

20^# 大中小发表于 2008-3-22 10:33

回复 #18 moonjeep 的帖子

调成垂直状态的话不能恢复联动吧？貌似只有水平状态可以。。

我都不敢勾选专长了。。

TOP

zoe20

中级会员

帖子: 209
体力: 459
威望: 2
离线: 6 天

21^# 大中小发表于 2008-3-22 17:25

share those pngs please

TOP

melody0423

新手上路

帖子: 10
体力: 25
威望: 0
当前: 福建泉州
离线: 159 天

22^# 大中小发表于 2008-3-22 19:32

太漂亮了..什么时候我也能做出来..

TOP

lzshop

新手上路

帖子: 35
体力: 41
威望: 1
当前: 河北石家庄
离线: 10 天

专长 网页设计,网站运营,项目管理

23^# 大中小发表于 2008-3-23 21:16

强，太强，十分强。
我佩服佩服再佩服

TOP

lovexctk

初级会员

帖子: 60
体力: 96
威望: 0
当前: 北京通州区
离线: 1 天

专长 前端制作,SEO

24^# 大中小发表于 2008-3-23 23:32

学习中，，，

Day Before

TOP

liu151901727

初级会员

帖子: 28
体力: 64
威望: 0
当前: 湖北武汉

专长 网页设计,前端制作,.NET

25^# 大中小发表于 2008-3-24 14:34

牛人
学习了

TOP

happyjou

初级会员

帖子: 42
体力: 71
威望: 0
当前: 北京海淀区
离线: 2 天

专长 网页设计

26^# 大中小发表于 2008-3-24 21:53

学习了谢谢版主

TOP

moonjeep

夢之譜

超级版主

帖子: 6243
体力: 8652
威望: 218
当前: 美洲美国

专长 网页设计,平面,市场

27^# 大中小发表于 2008-3-24 22:01

引用:

原帖由 numa001 于 2008-3-21 21:33 发表
调成垂直状态的话不能恢复联动吧？貌似只有水平状态可以。。

水平、垂直、45度斜线，只要把节点手柄两端形成一直线都可以恢复联动的。

★经典夜游神★

TOP

52017

初级会员

帖子: 32
体力: 67
威望: 0
当前: 湖南长沙

28^# 大中小发表于 2008-3-24 23:29

高手都是这样。有技术了。然后就讲构图，设计，想法了。
偶。。学习学习。。争取早点入门。。。呵呵。

钟情于FW

TOP

mengxianguo

新手上路

帖子: 1
体力: 7
威望: 0
离线: 140 天

29^# 大中小发表于 2008-3-27 01:44

NB

牛比啊,让我大开眼界!我日啊,不看不知道,看了才真的吓一跳!!

TOP

fankuohai

初级会员

帖子: 61
体力: 147
威望: 0
离线: 87 天

30^# 大中小发表于 2008-3-27 09:34

的确开眼了，现在的能力还看不懂，保存了，以后基础好了再细研究！

TOP