查看原文
其他

PS教程:简单动态变幻图片的制作

www.luojin.me 罗锦 2020-01-05

在做此图的时候先准备好渐变 百度有下载 载入到PS里面

上图只是简单的效果图

更漂亮的还是需要大家自己复杂的动手制作

新建画布背景为黑色大小自己定 打开一张图片调好大小 拉过去

按住"Ctrl"点击图层面板中的预览图“图层1”出现虚线选取框
 

继续在图层面板中新建空白图层《就是在空白图层上建立个边框》

选取框就在空白图层上了--点击编辑--描边 设置:宽1 颜色随便 居外 按Ctrl+D取消选取框
 

继续在图层面板中点击 “F”图标 选择渐变叠加 选择你们的渐变样式 角度我设置为“0”
 

设置好不要关闭“图层样式”我们直接在画布中用鼠标拉住“拖动”渐变 直到看不为止!

《等下做动画让它出来的》-。-

然后是多拉几个渐变框拉

在图层面板中 新建空白图层《一层一个框吧》

点击工具面板中 第一个“巨型选取框”在画布中拉出一个选取框出来--描边--渐变 方法如上↑

好了 我们边框做好了

重要的步骤来了

在图层面板中点击“图层1”《你的人物素材》按Ctrl+J 复制副本

点一下图层1副本《选择编辑图层1副本的意思-。-》  在点顶部“编辑--变换--水平翻转”

直接按Ctrl+J  按3次 那么就复制了4个副本一个原图 共5个!

《只有原图层是反方向,4个副本是等下用来蒙版变换的,大家可以多弄几个也可以,先看我的教程了在自己琢磨!》s
点击副本4 再点击 工具面板“巨型选取框或者椭圆选取框都可以”在画布中拉一个选取框出来!需要学习软件的同学,大家可以百度搜索锦子会,去锦子会博客下载更多学习资源!如想要了解我的,请百度搜索罗锦,欢迎了解更多我的设计之路!

直接选择 图层面板中的蒙版
 


把“4个副本”全部做这样的蒙版  做好后一个一个的把“副本与蒙版”之间的“链条”去掉 

再点击副本4的“蒙版”在画布中用鼠标往“上”拖动 直到图层中的蒙版“白色”看不见!

再点击副本3的“蒙版”在画布中用鼠标往“下”拖动 直到图层中的蒙版“白色”看不见!

再点击副本2的“蒙版”在画布中用鼠标往“左”拖动 直到图层中的蒙版“白色”看不见!

再点击副本1的“蒙版”在画布中用鼠标往“右”拖动 直到图层中的蒙版“白色”看不见!

《意思就是等下动画的时候上下左右变换出来》

做好了 打开动画面板窗口没有动画窗口的 点击顶部窗口--动画钩上!

在动画面板中“复制选择的帧” 
 

然后选择图层面板中的 《副本4点击》“蒙版”在画布中把向上的往下拖


把图层面板中的 《副本3点击》“蒙版”在画布中把向下的往上拖

拖回原来的地方

在图层面板中选择边框图层“F”双击《回到渐变编辑》拖动边框渐变《如果你是在左边那就拖到右边去》

把边框全部拖动渐变

然后在动画面板中 把帧过渡 方法如图
 

帧设置为10帧

在最后一帧处点击“复制选择的帧”

然后选择图层面板中的 《副本2点击》“蒙版”在画布中把向左的往右拖

把图层面板中的 《副本1点击》“蒙版”在画布中把向右的往左拖

拖回原来的地方

在图层面板中选择边框图层“F”双击《回到渐变编辑》拖动边框渐变《如果你是在右边那就拖回左边去》

把边框全部又拖动原来隐藏的地方渐变

《意思就是来回渐变 变换》

继续在动画面板中 把帧过渡 方法如上↑

好了 咱们点击动画面板中的 三角形测试

在PS中不能保存动画  咱们到ImageReady中保存动画

点击工具面板中 转换到ImageReady编辑 如图

再ImageReady中点击文件 预览 在IE中预览
 

会提示出现什么拉丁文字符什么的不要管直接确定

在浏览器中你的图片就出来了 包括图片信息全部在  你对图片右键“另存为” 即可!

呵呵  希望大家制作更漂亮的图片噢!

往期回顾:

平面设计和UI设计的区别,UI设计学习书籍推荐(零基础必看)

什么样的人适合学习UI设计?(转行必看)

UI设计课程一览表

PS教程:巧用加深减淡,调出明亮楼道

PS教程:深入浅出讲解图层模式

PS教程:简单用PS批处理调整海量图片

摄影师常用的几项ps技巧

教你如何在PS中设置自定义快捷键?

8种PS技巧,让你的图片更加有力量

(责任编辑:钟小英)

学习可以直接联系QQ 5032692或者新浪微博@罗锦V,或者钟小英老师QQ/微信2719509659

加我备注:学习PS

想学PS又很懒?【10G】省时教程和资源免费送!
点我获取

每天学点PS·点缀生活色彩

PS|摄影|设计|视觉|艺术|创意

微信ID:luojin05100

长按二维码关注,每天学点PS

    您可能也对以下帖子感兴趣

    文章有问题?点此查看未经处理的缓存