相思资源网 Design By www.200059.com

很多时候我们在网站上看到很多炫酷的动态界面效果,他们呈现着立体的效果,不仅是界面有着动画,并且在侧面我们也能清晰的看到随着页面动画也在发生变化。这么炫酷的效果到底是如何制作出来的呢?今天我们就一起来学习吧。

效果图:

Photoshop制作随着页面变化的GIF动画效果

所以这期MICU教大家如何使用常用的工具PS去制作动态的展示效果图!

1、导入GIF转为智能对象

首先吧GIF动画图丢入到PS中,在【窗口】里面的打开【时间轴】面板。

Photoshop制作随着页面变化的GIF动画效果

点击时间轴面板里左下角点击【转为时间轴】按钮,将帧动画显示调整到时间轴的显示效果。

Photoshop制作随着页面变化的GIF动画效果

Photoshop制作随着页面变化的GIF动画效果

选中所有的图层,右击图层【转换为智能对象】

Photoshop制作随着页面变化的GIF动画效果

Photoshop制作随着页面变化的GIF动画效果

2、制作展示透视图

新建一个800x600像素,分别率为72的画布。

Photoshop制作随着页面变化的GIF动画效果

选择一个合适的前景色,Alt+Delete将前景色填充到画布中。

Photoshop制作随着页面变化的GIF动画效果

Photoshop制作随着页面变化的GIF动画效果

使用路径工具中的【矩形工具】绘制一个正方形,大小改成和之前GIF图的同样大小。

双击路径图层可以将路径形状改为白色。

Photoshop制作随着页面变化的GIF动画效果

Photoshop制作随着页面变化的GIF动画效果

右击形状图层将图层【转为智能对象】

Photoshop制作随着页面变化的GIF动画效果

【Ctrl+T】对矩形图层进行自由变换,按住【Alt】键对智能对象的四个边角进行定位,调整到合适的透视效果。

Photoshop制作随着页面变化的GIF动画效果

调整好透视后,【Ctrl+J】复制矩形图层。

Photoshop制作随着页面变化的GIF动画效果

上一页12 下一页 阅读全文

标签:
页面,动画

相思资源网 Design By www.200059.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
相思资源网 Design By www.200059.com

评论“Photoshop制作随着页面变化的GIF动画效果”

暂无Photoshop制作随着页面变化的GIF动画效果的评论...

《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。

《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。