PS教程:简单动态变幻图片的制作
在做此图的时候先准备好渐变 百度有下载 载入到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设计学习书籍推荐(零基础必看)
(责任编辑:钟小英)
学习可以直接联系QQ 5032692或者新浪微博@罗锦V,或者钟小英老师QQ/微信2719509659
加我备注:学习PS
每天学点PS·点缀生活色彩
PS|摄影|设计|视觉|艺术|创意
微信ID:luojin05100
长按二维码关注,每天学点PS