PS新手教程!手把手教你打造好玩的放大镜动画效果 - 优设网 - UISDC

PS新手教程!手把手教你打造好玩的放大镜动画效果

2016/03/14 18789评论区

photoshop-magnifying-glass-effect-1

今天的教程是来自@P大点S微博 的Projava,利用时间轴制作一个简单的GIF动画,类似锤子科技的放大镜效果,来看看高手怎么玩。

鉴于网络要求,放大镜移动的速度有点快,为了体积小一点,所以加快速度。

温馨提示,这个效果的制作仅限于带有时间轴的版本~

效果图:

other-1457846922

下面是过程,我先找了一张小毛驴,很萌是不是?

1guf20160315

右键后在PS里新建一个文档,CTRL+V粘贴~

2guf20160315

ctrl+alt+i打开画布大小,把后面的像素改为百分比,缩小一半~

3guf20160315

高斯模糊一点点~

4guf20160315

再次粘贴小毛驴。也就是你从网页上右键复制下来的尺寸,所以会比现在的大一倍~

5guf20160315

为了节省时间,我找了一个PNG格式的放大镜,置入时调整一下大小和角度~

other-1457848202

隐藏掉大尺寸的小毛驴,在它下面画一个填充任意颜色的圆形~

6guf20160315

把大尺寸的小毛驴剪贴蒙版到红色圆形,再给放大镜添加一个反光和内发光的效果,鉴于时间有限这里不做细述~

7guf20160315

将内发光和反光效果和放大镜合并~

8guf20160315

打开时间轴~

9guf20160315

在放大镜里安排几个“关键帧”,移动放大镜位置添加一个关键帧,输入完毕后点击前面的“位置”全选所有的关键帧,右键拷贝~

10guf20160315

选择红色圆形。回到开始位置。点击位置输入一个关键帧

11guf20160315

右键粘贴关键帧

12guf20160315

选择大尺寸的小毛驴,按照各个放大镜的位置输入相同位置的关键帧,相对的移动图片到小毛驴该放大的地方~

13guf20160315

完事!

可能是国内做原创教程最用心的公众号:

psqr211

「Illustrator新手教程合集」

同类型纹理教程:
《AI教程:手把手教你用AI创建漂亮的无缝几何图案》

简单好上手,效果还很赞!长投影教程:
《AI新手教程:教你创建精致闪亮的长投影宝石》

据说是目前最火的设计趋势:
《AI新手教程!教你简单快速地将图片变成多边形背景》

原文地址:pdadians

uisdc-hao

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量104万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/photoshop-magnifying-glass-effect

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

设计师干货 扁平化设计 版式设计 交互设计师 界面设计 排版布局 优设大课堂 职场 优设专访 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 用户体验设计 设计趋势 设计规范 海报设计 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里