> 웹 프론트엔드 > PS 튜토리얼 > Photoshop制作超炫的网名GIF动态图片

Photoshop制作超炫的网名GIF动态图片

PHP中文网
풀어 주다: 2016-06-01 14:28:04
원래의
2429명이 탐색했습니다.

这篇教程是向Photoshop制作超炫的网名GIF动态图片方法,教程制作出来的效果非常漂亮,方法很简单的,推荐过来,喜欢的朋友可以跟着教程一起来学习

在网上经常看到一些动态的图片,觉得很炫。其实只要我们肯想肯动手,我们也可以做出很漂亮的GIF动态图。下面来介绍下如何利用Photoshop把自己网名制作成动态图。

Photoshop制作超炫的网名GIF动态图片

方法/步骤

1、首先打开phtoshop,CTRL+N新建一个500×500像素的文件,然后CTRL+SHIFT+S存盘为PSD文件

Photoshop制作超炫的网名GIF动态图片

Photoshop制作超炫的网名GIF动态图片

2、然后选择文字工具,在白色框中间输入自己的网名

Photoshop制作超炫的网名GIF动态图片

Photoshop制作超炫的网名GIF动态图片

3、然后在右侧选择图层栏,选中自己输入的网名,点击右键,选择“栅格化文字”,当然也可以通过键盘快捷键操作,先ALT+L,再Z,再T,有些人发现快捷键没用,其实是你输入法的状态不对,在英文输入法状态时才可以使用快捷键。然后其他内容也栅格化文字,栅格后请注意图层栏的图层形状变化。

Photoshop制作超炫的网名GIF动态图片

Photoshop制作超炫的网名GIF动态图片

4、选择上面的图层,然后键盘上按CTRL+E合并两个图层,再按住键盘的CTRL键,鼠标左键单击合并后的图层,选中它的内容

Photoshop制作超炫的网名GIF动态图片

Photoshop制作超炫的网名GIF动态图片

5、然后新建三个新的空白图层,图示小按钮点三下

Photoshop制作超炫的网名GIF动态图片

6、然后选择图层1,选择渐变工具及渐变颜色,鼠标左键从左边往右边拖动。再选择图层2和图层3做同样操作,再CTRL+D取消选区。

Photoshop制作超炫的网名GIF动态图片

Photoshop制作超炫的网名GIF动态图片

7、在Photoshop菜单栏选择窗口----点击“动画”

Photoshop制作超炫的网名GIF动态图片

8、点击图示的小按钮两下,新建两帧备用,然后关闭显示原来的合并图层,第一帧对应显示第一图层,第二帧对应显示第二图层,第三帧对应显示第三图层。

Photoshop制作超炫的网名GIF动态图片

Photoshop制作超炫的网名GIF动态图片

9、好了,万事俱备,只欠输出了。菜单栏选择文件---存储为web和设备所用格式

注意图示中应该是显示3/3,否则动画帧将显示不完整,然后存储,

Photoshop制作超炫的网名GIF动态图片

Photoshop制作超炫的网名GIF动态图片

10、接着选择保存的路径,填写要保存的文件名,然后点击保存。我们便给自己设计完一款漂亮的动态网名图,赶快去欣赏一下吧。

Photoshop制作超炫的网名GIF动态图片

11、来看看我做的效果,有兴趣的久赶快行动吧

Photoshop制作超炫的网名GIF动态图片

注意事项

熟练掌握Photoshop的基础有助于我们制作出更多不同和更好的效果

做GIF动态图的要领就是一帧显示一个画面,每增加一帧画面就改变,随之帧的改变就形成了动画效果

以上就是Photoshop制作超炫的网名GIF动态图片教程,希望大家喜欢!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿