打印

[效果制作] 让老虎从电视里出来

dowhatyouwant [楼主]

fivekey

高级会员

帖子: 277
体力: 761
威望: 28
当前: 浙江杭州

1^# 大中小发表于 2007-4-12 15:55

更多内容请到我的blog：http://www.5key.net/blog
经常会看到类似的广告，特别是在电视机或LCD中，人物栩栩如生的从屏幕中出来。其实用Fireworks来做也很简单。这里给大家举个例子，原理大多相通，你也可以用别的来试试。还是那句话，做得越细致，效果就越逼真！

1、最终效果图（PNG源文件）

2、首先找到一个LCD的素材，建立画布将其导入其中；

3、再找来老虎的图片，覆盖在LCD的层上，调整好老虎在LCD中显示的位置（可以先将老虎的透明度调整到50%左右以便调整位置）记得调整好老虎的位置后复制一个层隐藏，我们后面将会用到；

4、调整老虎的透明度让我们能清晰的看到LCD屏幕的轮廓；

5、用钢笔沿LCD屏幕勾出一个轮廓；

6、反键，将路径转换位选区，然后反选选区删除老虎图片中不需要的区域；

7、选择老虎图片，选择滤镜-内侧发光，使屏幕看上去较为真实；

8、这时，打开我们前面复制的老虎的图层；

9、按照第5步中的方式用钢笔勾画出老虎踏出显示器的部分，反选删除不需要的区域；

10、利用选区工具将老虎踏出部分修改不需要的区域删除干净，最终的效果就完成了。

[ 本帖最后由 dowhatyouwant 于 2007-4-12 21:53 编辑 ]

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

本帖最近评分记录

凌志威望 +3 原创内容 2007-4-12 20:04

5key.net

TOP

做西部数码代理.Cn1元国际45元 | 微软开发者工具互动网站

Arorn

高级会员

帖子: 351
体力: 595
威望: 0
当前: 上海浦东

专长 JS,ASP,MSSQL

2^# 大中小发表于 2007-4-12 17:13

学着做了一个

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

飞一般的感觉

TOP

美橙vps独立IP月付189元 | 千千静听皮肤设计大赛

westoy

小胖儿

银牌会员

帖子: 702
体力: 1507
威望: 9
当前: 上海普陀

专长 网页设计,前端制作,UE

3^# 大中小发表于 2007-4-12 20:07

学的比教的好，哈哈！

sLeEpLesS

TOP

掌握加薪筹码 IT薪资宝典给您答案！ | 《疯狂的程序员》劲爆上市

feng4ever

小可爱

版主

帖子: 3630
体力: 5921
威望: 173
当前: 上海闵行

专长媒介

4^# 大中小发表于 2007-4-12 20:59

我觉得一半在电视机里面一半在外面冲击比较强

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

新学照相,我照的相片 by Lumix LX2 上海提供UI设计实习机会

TOP

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

凌志

杯莫停

版主

帖子: 4413
体力: 6589
威望: 73
当前: 辽宁鞍山

专长 网页设计,UI

5^# 大中小发表于 2007-4-12 21:01

引用:

原帖由 feng4ever 于 2007-4-12 20:59 发表
我觉得一半在电视机里面一半在外面冲击比较强

的确。小可爱的修改视觉效果马上提升了。

设计素材网站汇总 杯莫停 yikb.com-4位字母域名出售

TOP

fokid

中级会员

帖子: 88
体力: 226
威望: 5
离线: 542 天

6^# 大中小发表于 2007-4-12 21:22

呵呵，这个适合做个午夜凶铃的造型

我的网站

TOP

dowhatyouwant [楼主]

fivekey

高级会员

帖子: 277
体力: 761
威望: 28
当前: 浙江杭州

7^# 大中小发表于 2007-4-12 21:52

我汗一下。。。回来仔细看确实有这个问题。正在修改。附件更新了

5key.net

TOP

sunj

初级会员

帖子: 156
体力: 187
威望: 0
离线: 65 天

8^# 大中小发表于 2007-4-13 09:09

学习了，，谢谢分享，很精彩。。

送人玫瑰手留余香

TOP

froglt

网页顽主

版主

帖子: 2097
体力: 4157
威望: 159
当前: 北京海淀区

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

9^# 大中小发表于 2007-4-13 09:57

简单实用，谢谢

(\/)︵ 
(·_ _ )~GO2HERE.NET/GO2HERE.NET.CN MORE THAN MEETS THE EYE
经典十招学会网页设计经典网页效果图源文件下载

TOP

sika2278

爱得太迟

中级会员

帖子: 347
体力: 370
威望: 1
当前: 广东中山

专长 前端制作,PHP

10^# 大中小发表于 2007-4-13 10:13

好好学习。。。。。谢谢了 LZ我又学到东西了。。

上面的 Arorn 的那作品，左边的那个翅膀要是也出到屏的外面。我想效果可能不一样。

[ 本帖最后由 sika2278 于 2007-4-13 10:17 编辑 ]

该用户没有注册，没有签名......

TOP

173531902

新手上路

帖子: 10
体力: 26
威望: 1
离线: 560 天

11^# 大中小发表于 2007-4-13 10:15

我也来一张

TOP

393190710

胎毛小公猪

中级会员

帖子: 213
体力: 449
威望: 0
离线: 4 天

12^# 大中小发表于 2007-4-13 11:43

简单实用，效果不错

TOP

huzhongyue

初级会员

帖子: 72
体力: 157
威望: 0
离线: 55 天

13^# 大中小发表于 2007-4-13 21:51

效果很好，学习了

TOP

yougucaofan

银牌会员

帖子: 1168
体力: 2136
威望: 0
离线: 110 天

14^# 大中小发表于 2007-4-13 22:29

不错啊，看着很简单，可是不是人人都可以想得出来的

忍受。一定要学会忍受。

TOP

sheic

中级会员

帖子: 236
体力: 467
威望: 0

15^# 大中小发表于 2008-7-25 17:35

提醒:最后回贴距现在 469 天，请不要无意义回复

好教程要顶起来

TOP

mobaihuo

高级会员

帖子: 336
体力: 690
威望: 0
当前: 广东广州

专长 网页设计,前端制作

16^# 大中小发表于 2008-7-25 21:54

谢谢你顶起来

qq群：33946792 擅长：div+css排版制作。

TOP

avangle

初级会员

帖子: 80
体力: 155
威望: 0
当前: 广东广州

17^# 大中小发表于 2008-7-26 00:07

学到东西了，经典真的有太多东西学了。

TOP

aa880209

孤恒

初级会员

帖子: 30
体力: 69
威望: 0
当前: 福建福州
离线: 14 天

18^# 大中小发表于 2008-7-31 08:08

交作业咯

第一次交作业做的不好别见怪啊

TOP

longjianghu

中级会员

帖子: 227
体力: 442
威望: 0

专长 网页设计,前端制作

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

不错学习了，好东西

http://www.chineseidc.com.cn/

TOP