打印

[其它] 经典难题:用FW也能做立体倒影，请大家参与讨论制作方法

本主题由 froglt 于 2008-5-19 01:01 解除置顶

85321168 [楼主]

新手上路

帖子: 21
体力: 43
威望: 0
当前: 上海浦东
离线: 69 天

1^# 大中小发表于 2008-4-27 18:58

我在经典搜索过,都是在PS那边有,而且都没有具体的教程!
但是我想用FW来做出这种效果,不知道能否可以实现?

我只能做到这里...555
请求高手帮助阿..

几日了,已经有很多人回复了,经典就是强!

但是这个问题用FW就真的不能用更简便快捷的方法了?

另外也希望能有好人送多PS做立体倒影的教程~

froglt：这个效果确实是个难题，请大家积极参与讨论，看看如何能在Fireworks中实现这种效果，能够提供好的解决方法的朋友提供打分奖励

[ 本帖最后由 froglt 于 2008-4-29 14:14 编辑 ]

AF专卖店..

TOP

singotm

中级会员

帖子: 153
体力: 329
威望: 0

2^# 大中小发表于 2008-4-27 19:13

....COPY 反转图象蒙板渐变适当调低透明度

在撒哈拉里卖烤鱼。

TOP

85321168 [楼主]

新手上路

帖子: 21
体力: 43
威望: 0
当前: 上海浦东
离线: 69 天

3^# 大中小发表于 2008-4-27 19:28

晕拉..楼上的看清楚问题阿..又不是说平面的.

TOP

jackshaw

时尚青年
中级会员

帖子: 165
体力: 339
威望: 0
当前: 湖南株洲

发短消息

4^# 大中小发表于 2008-4-27 19:37

给个样例看看。

TOP

hoz2004

高级会员

帖子: 250
体力: 594
威望: 1
当前: 河北石家庄

5^# 大中小发表于 2008-4-27 20:03

变形一下不就行啦

aiyoo

TOP

85321168 [楼主]

新手上路

帖子: 21
体力: 43
威望: 0
当前: 上海浦东
离线: 69 天

6^# 大中小发表于 2008-4-27 21:56

我还真就不懂怎么变阿...发个图片解说吧..555

TOP

sq4537

小强不是蟑螂
金牌会员

帖子: 1530
体力: 3015
威望: 12
当前: 江西宜春

专长 网页设计,UI,平面

7^# 大中小发表于 2008-4-27 22:14

这个做不到的。我也经常想这个问题，怎么做呢。
想是想到了，但是很恶心，就是一个像素列一个像素列的复制，然后一个像素列一个像素列的做倒影。
PS哪里有，我看看地址。

【才子打造计划】【QQ窝】

TOP

moonjeep

夢之譜
超级版主

帖子: 6142
体力: 8599
威望: 218
当前: 美洲美国

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

8^# 大中小发表于 2008-4-28 10:24

可以做。
侧面正面分两块扣图，分别变形。
需要设计师有基本的透视感。

★经典夜游神★

TOP

hjp2005

爱由心生
高级会员

帖子: 395
体力: 782
威望: 9
当前: 广东深圳

专长 网页设计,UI,UE

9^# 大中小发表于 2008-4-28 11:34

效果：

步骤：

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

本帖最近评分记录

froglt 威望 +1 精品文章 2008-4-28 11:59

http://hi.baidu.com/justin0530

TOP

froglt

网页顽主
版主

帖子: 1856
体力: 3513
威望: 154
当前: 北京海淀区
离线: 1 天

专长 网页设计,ASP,主编

10^# 大中小发表于 2008-4-28 11:58

呵呵，好办法

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

TOP

sq4537

小强不是蟑螂
金牌会员

帖子: 1530
体力: 3015
威望: 12
当前: 江西宜春

专长 网页设计,UI,平面

11^# 大中小发表于 2008-4-28 12:22

那样变形倒影糊掉了，而且倒影和实物对不上

【才子打造计划】【QQ窝】

TOP

yuexi

月西
初级会员

帖子: 90
体力: 179
威望: 0
当前: 上海黄浦
离线: 3 天

发短消息

12^# 大中小发表于 2008-4-28 22:47

我觉得是正面做好倒影，侧面做好倒影，然后正面合整一起用调整立体感，侧面合整一起调整立体感后，再合成一张图

我去试试看

TOP

86808801

至尊伯恩
银牌会员

帖子: 713
体力: 2576
威望: 0
当前: 浙江杭州
离线: 47 天

发短消息

13^# 大中小发表于 2008-4-28 22:47

同问 PS的教程地址在哪里？没收到。

搞设计，还是蓝色理想好！

TOP

yuexi

月西
初级会员

帖子: 90
体力: 179
威望: 0
当前: 上海黄浦
离线: 3 天

发短消息

14^# 大中小发表于 2008-4-28 22:58

是这样吗，别的效果懒得加了

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

TOP

froglt

网页顽主
版主

帖子: 1856
体力: 3513
威望: 154
当前: 北京海淀区
离线: 1 天

专长 网页设计,ASP,主编

15^# 大中小发表于 2008-4-29 00:18

大家继续摸索摸索

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

TOP

85321168 [楼主]

新手上路

帖子: 21
体力: 43
威望: 0
当前: 上海浦东
离线: 69 天

16^# 大中小发表于 2008-4-29 02:08

回复 hjp2005 在 9# 的帖子

谢谢你..
我自己也试了一下,做起来比较麻烦,位置也不好弄,还会影响倒影对立和质量..

TOP

17526918

淘金者
版主

帖子: 1451
体力: 2092
威望: 12
当前: 四川成都
离线: 1 天

专长 UI,Flash,平面

17^# 大中小发表于 2008-4-29 09:16

难道就没人使用过扭曲工具····？？？
用扭曲工具+蒙版就OK了···

早起的虫儿被鸟吃|博客

TOP

sq4537

小强不是蟑螂
金牌会员

帖子: 1530
体力: 3015
威望: 12
当前: 江西宜春

专长 网页设计,UI,平面

18^# 大中小发表于 2008-4-29 11:24

扭曲工具？不知道怎么用
175大大出个教程

这个是我的笨方法做的，就是那个像素列复制翻转的，不过这个方法会让我发疯。。我只做了左侧的。。
这是源文件。。有兴趣的可以看看。

[ 本帖最后由 sq4537 于 2008-4-29 11:34 编辑 ]

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

【才子打造计划】【QQ窝】

TOP

moonjeep

夢之譜
超级版主

帖子: 6142
体力: 8599
威望: 218
当前: 美洲美国

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

19^# 大中小发表于 2008-4-29 21:05

看看效果

效果图

首先放大图片以多边形选取工具精确扣图

选取扣出部分垂直翻转，点右键以变形-->平行扭曲工具调整位置。
如果不能确定位置的准确性可以把需要处理的部分设置些许透明再调。

注意到接缝有白点锯齿，把倒影模式改成叠加让接缝看起来比较自然。

左侧部分一样，先以变形-->平行扭曲工具确定大致倒影位置。
然后用变形-->多点扭曲工具调整。
倒影的最下部分最后是不会看到的，可以不用理会。
我们需要的是正面黑条和侧面凹槽部分在视觉上的对齐。

应用渐变遮罩（蒙版）对左右两部分分别作出倒影效果。

接缝处加条黑色矩形，扭曲变形后设置叠加模式和50%透明度。
让衔接部分看起来更自然。效果就此完成。

源文件PNG

[ 本帖最后由 moonjeep 于 2008-4-29 09:15 编辑 ]

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

本帖最近评分记录

sq4537 威望 +1 这个不错 2008-4-29 22:09

★经典夜游神★

TOP

sq4537

小强不是蟑螂
金牌会员

帖子: 1530
体力: 3015
威望: 12
当前: 江西宜春

专长 网页设计,UI,平面

20^# 大中小发表于 2008-4-29 22:10

不错不错。

【才子打造计划】【QQ窝】

TOP

froglt

网页顽主
版主

帖子: 1856
体力: 3513
威望: 154
当前: 北京海淀区
离线: 1 天

专长 网页设计,ASP,主编

21^# 大中小发表于 2008-4-30 10:21

问题是是不是所有的图片都能这样做，再找个其它的图片来试试啊

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

TOP

lvcheng

经典lstar
高级会员

帖子: 285
体力: 591
威望: 13
当前: 河南南阳
离线: 2 天

专长 网页设计,UI,平面

22^# 大中小发表于 2008-5-2 10:55

效果不错~

www.lstar.net.cn

TOP

CANDYDG

灰水晶
中级会员

帖子: 114
体力: 221
威望: 0
当前: 广东广州
离线: 4 天

发短消息

23^# 大中小发表于 2008-5-4 21:44

我想知道原图是哪个啊?要按哪个来做?

进来学习

TOP

catball

初级会员

帖子: 36
体力: 79
威望: 0
当前: 上海普陀
离线: 17 天

发短消息

24^# 大中小发表于 2008-5-8 12:49

高...长见识了，下来看看。。

三脚猫..

TOP

dyfb

新手上路

帖子: 6
体力: 18
威望: 0
当前: 湖南长沙
离线: 5 天

发短消息

25^# 大中小发表于 2008-5-12 11:59

hai shi kan bu dong

TOP

Missx

愚者
管理员

帖子: 2886
体力: 2426
威望: 34
当前: 湖南长沙

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

26^# 大中小发表于 2008-5-13 19:25

回复 sq4537 在 18# 的帖子

这个方法是有问题的
你的投影接上了物体，问题是圆角的投影是应该有间隙的

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

TOP

importance2008

初级会员

帖子: 88
体力: 179
威望: 0
当前: 北京海淀区
离线: 9 天

发短消息

27^# 大中小发表于 2008-5-15 16:11

路过，学习中！

基督山伯爵

TOP

小狐子

小狐子
银牌会员

帖子: 391
体力: 1253
威望: 13
当前: 甘肃兰州
离线: 21 天

28^# 大中小发表于 2008-5-18 23:54

MJ的是正解，关键，FW是2D图形模式。

俺不偷鸡D。
-=织梦幻影=-

TOP

yzcheng20

初级会员

帖子: 31
体力: 57
威望: 0
当前: 北京海淀区
离线: 9 天

发短消息

29^# 大中小发表于 2008-6-13 16:37

原来要分开调,学习了..

www.yanghome.com.cn

TOP

俊俊

初级会员

帖子: 48
体力: 79
威望: 0
离线: 1 天

30^# 大中小发表于 2008-6-14 16:11

原理上还是分两个面处理。

借助辅助线分别选取2个面做扭曲，然后再做添加蒙板做渐变。

[ 本帖最后由俊俊于 2008-6-14 16:13 编辑 ]

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

♂不好不坏自由自在
Jun's Blog
8 [size=-1]Http://Www.2Jun.Net[/size]

TOP