Wie man animierte Icons in Photoshop

Wenn Sie eine Webseite erstellen wollen, wissen Sie, um Traffic zu gewinnen, musst du Spielereien haben, die Aufmerksamkeit zu fangen. Eine Sache, die hat immer "coolen" Faktor ist ein animiertes Symbol oder eine Schaltfläche. Dieser Artikel wird Ihnen zeigen, wie mit Photoshop und seine Begleitprogramm ImageReady, eigene animierte Icons erstellen.

Anweisungen

1

Öffnen Sie ein neues Dokument in Photoshop. Sie sollte es machen, die Größe des Symbols oder Schaltfläche, die Sie machen möchten. In diesem Beispiel wird die Größe beträgt 80 x 30. Da es im Web sein wird, stellen Sie die Auflösung 72.

2

Gehen Sie zum Bereich "Tools", und ändern Sie die Vordergrundfarbe, was soll die Symbol oder die Schaltfläche Farbe. Dann verwenden Sie das Tool "Füllen" Leinwand mit Farbe zu füllen. In diesem Fall wird es blau sein.

3

Der Text soll die Vordergrundfarbe auf schwarz oder was auch immer Sie Farbe wieder. Verwenden Sie das Werkzeug "Text", um geben Sie den Text für die Schaltfläche.

4

Verwenden Sie das Werkzeug "Verschieben" und die Cursor-Pfeile, um Text aus der Sicht gerade nach oben zu ziehen. Dann gehen Sie auf "Datei", und klicken Sie auf "Für Web speichern". Speichern Sie diese als das GIF-Format in einem Ordner. Benennen Sie die GIF-Datei "yourname1." Jetzt verschieben Sie den Text etwas niedriger und in den Blick. Speichern Sie diese als "yourname2." Fortsetzen Sie diesen Vorgang, bis der Text am unteren Rand der Leinwand verschwindet.

5

Schließen Sie Photoshop und öffnen Sie ImageReady zu. Gehen Sie auf "Datei" und dann "Ordner importieren" und importieren Sie den Ordner, den, dem Sie die GIFs zu gespeichert. Dies sollte das Bild in der Reihenfolge im Schnittfenster platzieren. Dann gehen Sie zu "File" und "Speichern als optimieren", und als das GIF-Format speichern. Dadurch erhalten Sie Ihre animierte GIF-Symbol oder die Schaltfläche.