Wenn Sie eine Web-Seite sind , wissen Sie, dass für den Verkehr müssen Sie Gimmicks, die Aufmerksamkeit zu erregen haben zu gewinnen. Eine Sache, die immer einen " Coolness"-Faktor ist ein animiertes Symbol oder drücken. Dieser Artikel zeigt Ihnen, wie Sie Photoshop , und seine Begleiter Programm ImageReady verwenden, um Ihre eigenen animierten Icons erstellen. Things You
Photoshop ImageReady
brauchen anzeigen Weitere Anweisungen
1
Öffnen Sie ein neues Dokument in Photoshop. Sie sollten es die Größe der Symbole oder Schaltflächen, die Sie versuchen zu machen sind. Dieses Beispiel ist die Größe 80x30 . Da es auf dem Netz sein wird , stellen Sie die Auflösung 72 .
2
gehen Sie ins "Tools "-Panel , und ändern Sie die Vordergrundfarbe auf , was Sie wollen auf das Symbol oder Schaltfläche Farbe. Dann nutzen Sie die " Fill "-Tool , um die Leinwand mit dieser Farbe zu füllen. In diesem Fall wird es blau sein.
3
Ändern Sie die Vordergrundfarbe zurück zu schwarz oder was Farbe Sie wollen den Text . Mit der " Text"-Werkzeug in den Text für die Schaltfläche eingeben.
4
Verwenden Sie das Werkzeug "Verschieben" und die Pfeile , um den Text gerade nach oben aus dem Blickfeld ziehen . Dann gehen Sie auf "Datei ", und klicken Sie auf " Für Web speichern ". Speichern Sie diese als GIF in einem Ordner. Nennen Sie das GIF " yourname1 . " Bewegen Sie nun den Text etwas niedriger und in den Blick . Speichern Sie diese ein als " yourname2 . " Wiederholen Sie diesen Vorgang , bis der Text verschwindet am unteren Rand der Leinwand.
5
schließen Photoshop und ImageReady geöffnet . Gehen Sie auf " Datei" und dann "Ordner importieren " und importieren Sie den Ordner gespeichert , um die GIFs . Dies sollte das Bild in Auftrag zu vergeben in der Timeline. Dann gehen Sie auf "Datei " und "Speichern unter Optimize ", und speichern Sie sie als GIF . Dies wird Ihnen Ihre animierte GIF -Symbol oder drücken.