Maison interface Web Tutoriel PS photoshop简单制作绚丽的gif动态图

photoshop简单制作绚丽的gif动态图

May 21, 2016 am 09:13 AM
gif

这篇教程是向脚本之家的朋友分享photoshop简单制作绚丽的gif动态图方法,教程制作出来的动态图非常漂亮,难度不是很大,值得大家学习,推荐过来,来看看吧

有些人看到网上一些动态图片很炫丽,有些是出自工作需要把产品图片做成动态的播放,我这里讲解下简单的gif图片制作原理。

步骤

打开PS软件,在菜单栏里的视窗栏里找到时间轴(PS.我的是cs6版本的,CS5以下的老版本视窗叫窗口,时间轴叫动画)

photoshop简单制作绚丽的gif动态图

新增一个文档,如现在网上开店的电脑描述页图片宽度为750以上,我建的是750*400

photoshop简单制作绚丽的gif动态图

点击档案,开启档案,把需要制作动态图的图片素材导入,按CTRL可以多选图片。

photoshop简单制作绚丽的gif动态图

如图,把导入的图片添加进750*400的文档,按CTRL+T缩放工具调整图片大小,把5张图片调整好之后删除背景图层。(背景图层不删除的话,做出来的gif图片会出现一瞬间背景颜色)

photoshop简单制作绚丽的gif动态图

点击时间轴版块上面的复制按钮,新增播放影格,我们有5张图片,需要5个影格。

photoshop简单制作绚丽的gif动态图

我们先选中第一个要播放的影格,再把右边2-5的图层前面的眼睛点击去掉,只保留第1个图层,意思是这个影格只播放第1图层。

photoshop简单制作绚丽的gif动态图

再选中第二个影格,选中右边的第二图层前面眼睛显示。

photoshop简单制作绚丽的gif动态图

以次类推,把3-5的影格和图层操作,操作好后好图。

photoshop简单制作绚丽的gif动态图

如图,点击每个影格下面的下拉三角形,可以选择每个图片的停顿时间,我选择1秒。点击下面的永远可以设置这个动态是循环播放还是只播放一次或自定义次数。

photoshop简单制作绚丽的gif动态图

点击菜单栏里的档案,选择保存为网页用,也就是web格式,快捷键为:ctrl+shift+Alt+S

photoshop简单制作绚丽的gif动态图

在打开的界面当中选择gif格式,再点击储存,保存为gif动态图片。

photoshop简单制作绚丽的gif动态图

这个就是保存的最终效果图了。

photoshop简单制作绚丽的gif动态图

注意事项

gif图片只支持256种颜色,保存之后像素会没原图JPG的好。

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Repo: Comment relancer ses coéquipiers
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment utiliser Photoshop pour créer des graphiques sur les réseaux sociaux? Comment utiliser Photoshop pour créer des graphiques sur les réseaux sociaux? Mar 18, 2025 pm 01:41 PM

L'article détaille à l'aide de Photoshop pour les graphiques des médias sociaux, couvrant la configuration, les outils de conception et les techniques d'optimisation. Il met l'accent sur l'efficacité et la qualité de la création graphique.

Comment préparer des images pour l'utilisation du Web dans Photoshop (taille du fichier, résolution, espace coloré)? Comment préparer des images pour l'utilisation du Web dans Photoshop (taille du fichier, résolution, espace coloré)? Mar 13, 2025 pm 07:28 PM

L'article discute de la préparation d'images pour l'utilisation du Web dans Photoshop, en nous concentrant sur l'optimisation de la taille du fichier, de la résolution et de l'espace colorimétrique. Le problème principal est d'équilibrer la qualité d'image avec des temps de chargement rapides.

Comment utiliser efficacement les outils de déménagement de remplissage et de contenu de contenu de Photoshop? Comment utiliser efficacement les outils de déménagement de remplissage et de contenu de contenu de Photoshop? Mar 13, 2025 pm 07:35 PM

L'article discute de l'utilisation efficace de l'utilisation efficace de remplissage et de déplacement du contenu de Photoshop, offrant des conseils sur la sélection des zones source, l'évitement des erreurs et l'ajustement des paramètres pour des résultats optimaux.

Comment utiliser les capacités d'édition vidéo de Photoshop? Comment utiliser les capacités d'édition vidéo de Photoshop? Mar 18, 2025 pm 01:37 PM

L'article explique comment utiliser Photoshop pour l'édition vidéo, détaillant les étapes pour importer, modifier et exporter des vidéos et mettre en évidence les fonctionnalités clés telles que le panneau de chronologie, les couches vidéo et les effets.

Comment puis-je calibrer mon moniteur pour une couleur précise dans Photoshop? Comment puis-je calibrer mon moniteur pour une couleur précise dans Photoshop? Mar 13, 2025 pm 07:31 PM

L'article traite des moniteurs d'étalonnage pour une couleur précise dans Photoshop, des outils d'étalonnage, des effets de l'étalonnage incorrect et de la fréquence de recalibrage. Le principal problème est d'assurer la précision des couleurs.

Comment préparer des images pour le Web à l'aide de Photoshop (optimiser la taille du fichier, la résolution)? Comment préparer des images pour le Web à l'aide de Photoshop (optimiser la taille du fichier, la résolution)? Mar 18, 2025 pm 01:35 PM

L'article discute de l'optimisation des images pour le Web à l'aide de Photoshop, en se concentrant sur la taille et la résolution des fichiers. Le principal problème est d'équilibrer la qualité et les temps de chargement.

Comment créer des GIF animés dans Photoshop? Comment créer des GIF animés dans Photoshop? Mar 18, 2025 pm 01:38 PM

L'article discute de la création et de l'optimisation des GIF animés dans Photoshop, y compris l'ajout de trames aux GIF existants. L'accent principal est de l'équilibre entre la qualité et la taille du fichier.

Comment préparer des images pour l'impression à l'aide de Photoshop (résolution, profils de couleurs)? Comment préparer des images pour l'impression à l'aide de Photoshop (résolution, profils de couleurs)? Mar 18, 2025 pm 01:36 PM

L'article guide la préparation d'images à l'impression dans Photoshop, en se concentrant sur la résolution, les profils de couleurs et la netteté. Il fait valoir que les profils de 300 PPI et CMYK sont essentiels pour les impressions de qualité.

See all articles