tutorial for "animation" textures

[kiho_chan]

How to make this kind of texture
(e.g. for animated icons):


Program?: Photoshop CS
Transferable?: Yes
Languages?: English, Deutsch (German)
Difficulty?: Easy

Please comment, if you think this is helpful, thank you =D.
Feel free to friend/watch for updates.

here @ crisscross_icon



English:

At first you need your base, the size is up to you and what you want to do, I choose 100 x 100 px (and the color white) for an animated icon:



Now you have to choose which size the frames, you use later for the animation, should have, e.g. 70 x 55 px. Make a new image in this size, in a different color, copy it, close it and paste it on your background:



Duplicate this layer and edit>free transform and change the size to ca. 113%.
Right click on the layer preview in the layer palette,



so the content is selected, now you can delete the layer.



Create a new layer and go to edit>stroke, ca. 1 px, the color is up to you:



Deselect it:



Make a new selection like this one, geared to your black (or whatever you've chosen) layer:



Inverse your selection and click on the button for a new layer mask:



Filter>Gaussian Blur>Radius: ca. 4,5 px:



Now you can flatten you image, finished =D.

I'm from Germany, so please apologize my spelling and grammar mistakes ^^°.

Deutsch (German):

Als erstes braucht ihr euren Untergrund, Größe und Farbe je nachdem, was ihr machen wollt, in meinem Fall 100 x 100 px für einen animierten Icon:



Nun müsst ihr bestimmen welche Größe die Frames habe sollen, die ihr später bei eurer Animation verwenden wollt, z.B. 70 x 55 px. Macht ein neues Bild in der Größe und in einer anderen Farbe, kopiert es, schließt es und fügt es auf eurem Hintergrund ein:



Dupliziert diese Ebene und ändert die Größe via Bearbeiten>frei Transformieren auf ca. 113%.
Rechtsklick auf die Ebenenvorschau in der Ebenenpalette und "Ebenen Transparenz auswählen",



damit der Inhalt der Ebene ausgewählt ist, anschließend kann man die Ebene löschen.



Erstellt eine neue Ebene und geht auf Bearbeiten>Kontur füllen, ca. 1 px, Farbe je nach dem:



Hebt die Auswahl auf:



Erstellt eine neue Auswahl wie diese, orientiert an eurer schwarzen (oder was auch immer ihr ausgesucht habt) Ebene:



Kehrt eure Auswahl um und klickt auf das Symbol für eine neue Ebenen-Maske:



Filter>Gauscher Weichzeichner>Radius: ca. 4,5 px:



Jetzt könnt ihr euer Bild auf eine Ebene reduzieren, Fertig =D.