×

关注微信公众号

免备案网站空间虚拟主机双线空间域名查询PS数码后期
photoshop互助课堂数百G视频教程下载英语培训机构初中英语如何学随时随地聆听大师开讲/课堂
酷素材!视频教程打包下手绘教程抠图教程路径专辑photoshop cs3视频教程
查看: 589257|回复: 34

妖怪手记--打造PHOTOSHOP翻页效果

[复制链接]
发表于 2006-1-21 11:44:20 | 显示全部楼层 |阅读模式
翻页效果的应用很广,制作简单却又很立竿见影,对初学者接受PHOTOSHOP有良好的启蒙作用。下面妖怪就给还未找到其他简单方法的初学者抛一个翻页效果。我尽可能的详细,方便初学者,所以表说我烦。高手免砸。

原理与难点:
做一个稍逼真的翻页效果的难点无非就是调节翻过来的这张纸与下一张纸的光影对比。所以了解光与影的角度就是制作这个效果的关键。
我用手机实拍了两个真实翻页效果,图1是俯视图,图2是侧视图。这两张图透露出两点:1。翻过来的这张纸与留白的地方几乎是一样大的(因为纸是一样大的,A.B为一样大)

2.由于翻过来纸形成的是一个弧形,所以它的受光和球形渐变是一样的。图上的1.2.3.4.5分别是光影的一个交界点。这个可参考相关素描基础的受光分析。

了解了以上两点,理解一下,你就可以动手做这个翻页效果了。

我们的思路是,把翻上的页和待翻的页作来两部分来单独制作。

第一步:图3.先取一图片
第二步:图4.然后选出要翻页的大小(用钢笔工具描出),并新建一图层,填上黑色待用
第三步:图5.把这块黑色以反方向对好(可以先水平翻转,然后转动到相应位置),新建一图层,填上黑色待用
第五步:图7.选择图5的区域,按图上的方向填上渐变色
第六步:图8.选择图6的区域,按图上的方向填上渐变色
第七步:图9.为略显逼真,我们还可以用钢笔工具加上一个虚拟影,这种效果在韩国风格网站上很多见。多加利用细节性的东西能让图增彩。
第八步:图10.完成图

分成八步,也并不是说需要八步来完成。比如第二步和第三步是用来待用的,是为了更好的理解。PS图像处理一般都遵循着先选择后处理的原则。所以我单独的把选择出来的为一图层,是为了不满意便于修改。还有页面球状的问题.因为曲度毕竟不是一个球,会有弯曲度,受光面也有所变化.有网友说可以在翻页加点弯曲度,是的,弯曲度加上去可以更真实,但本教程只是一个思路.要不然还可以加点旧化或者磨损让它更真实.

教程比较简陋,效果只是一般,您可以做得更好.但思路不懂的可以加我QQ:24243235 , 或者进入我的网站留言:http://www.yaoguai.cn
001.jpg
002.jpg
003.jpg
004.jpg
005.jpg
006.jpg
007.jpg
008.jpg
009.jpg
010.jpg
发表于 2006-1-21 14:00:10 | 显示全部楼层
不错的教程,支持一下.
发表于 2006-1-21 20:37:37 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
发表于 2006-1-21 21:55:46 | 显示全部楼层

很好。

做得不错。希望楼主多发几个。
发表于 2006-1-23 10:10:49 | 显示全部楼层
好教程,图文并茂。关键是给人的思路提示。
渐变暗部层似乎可以再浅一些,有些太暗了。
发表于 2006-1-25 17:32:49 | 显示全部楼层
很好,顶了
发表于 2006-2-1 19:23:28 | 显示全部楼层
向楼主学习!
发表于 2006-2-4 19:34:04 | 显示全部楼层
向楼主学习!
发表于 2006-2-9 16:43:21 | 显示全部楼层
没有看懂我在用钢笔选时候 出现了门本 不象你说的 可以再件个新图层再去填色
发表于 2006-2-9 19:06:10 | 显示全部楼层
很好呀~~多来几个 这样的教程吧~~~!:D
发表于 2006-2-14 16:42:55 | 显示全部楼层

好,

发表于 2006-4-19 21:22:40 | 显示全部楼层
向楼主学习!
发表于 2006-4-19 22:32:51 | 显示全部楼层
好啊
顶了
发表于 2006-4-19 22:42:06 | 显示全部楼层
~学习学习~
发表于 2006-6-16 18:01:26 | 显示全部楼层
hao .顶顶..哈派
您需要登录后才可以回帖 登录 | [免费注册]

本版积分规则