How to Create a Video Avatar in Photoshop
Open the application Adobe Photoshop CS6., Under the "Window" tab, select "Timeline", "Character" and "Layers" as you will be utilizing these in the creation of our avatar. , Open up a "New..." project under the "File" tab and give this file a...
Step-by-Step Guide
-
Step 1: Open the application Adobe Photoshop CS6.
You must make sure the "Width" and "Height" settings for this is 250 pixels each.
The only other thing you will have to change yourself is the "Background Contents" to "Transparent".
You will be presented with a blank 250x250 pixels canvas to work with. , Now under the "File" tab select "Place..." and then browse your computer for the rendered image that you downloaded.
Once placed, the rendered image will be in the center of the canvas and you will have to manually resize it. ,, Pick a color that adds to your overall pictures theme, for example a "red grunge background".
Place that background over your render resizing to cover the whole canvas. , This should allow you to to see your rendered image layer that is directly under the background layer. , To do so, think of an effect you wish to add to the avatar and Google "gif" (for example, "fire gif").
Once you download your desired effect GIF, open it into a separate file first.
You can play your effect GIF and see the number of frames that make up the GIF; the example fire effect gif has 25 frames. , Create the exact number of frames that your effect GIF has using the "Duplicate selected frames" button.
Set the time of each frame to "0.1 seconds" and the loop from "Once" to "Forever". , Then select all the frames in your avatar and "Paste Frames". , Resize all frames of the effect GIF to fit the avatar to your preference and change each effect layer in each from from "Normal" to "Soft Light". , You may change the font, size, and color in the "Character" tab.
You should move your text around until you find your desired location for placement. , You have just made your very own video avatar using Photoshop and all there is left to do is to go under the "File" tab and "Save" the PSD file (so you can go back and edit the avatar) and then "Save for Web..." This will save your avatar in GIF format to be uploaded wherever you desire. -
Step 2: Under the "Window" tab
-
Step 3: select "Timeline"
-
Step 4: "Character" and "Layers" as you will be utilizing these in the creation of our avatar.
-
Step 5: Open up a "New..." project under the "File" tab and give this file a title.
-
Step 6: Use google and search for "renders" which are images without a background.
-
Step 7: Use the "Move Tool" and resize the render to fit the 250x250 pixels canvas to your liking.
-
Step 8: Find a background through a Google search.
-
Step 9: In the Layers tab
-
Step 10: change the background layer from "Normal" to "Soft Light."
-
Step 11: Make this avatar into a "video avatar" or GIF.
-
Step 12: Go back to your avatar and within the "Timeline" tab
-
Step 13: select "Create Video Timeline."
-
Step 14: Select all the frames in the effect GIF and "Copy Frames."
-
Step 15: When asked for your "Paste Method
-
Step 16: " select "Pasted Over Selection".
-
Step 17: Add our desired text to the avatar by using the "Horizontal Type Tool".
-
Step 18: Congratulations!
Detailed Guide
You must make sure the "Width" and "Height" settings for this is 250 pixels each.
The only other thing you will have to change yourself is the "Background Contents" to "Transparent".
You will be presented with a blank 250x250 pixels canvas to work with. , Now under the "File" tab select "Place..." and then browse your computer for the rendered image that you downloaded.
Once placed, the rendered image will be in the center of the canvas and you will have to manually resize it. ,, Pick a color that adds to your overall pictures theme, for example a "red grunge background".
Place that background over your render resizing to cover the whole canvas. , This should allow you to to see your rendered image layer that is directly under the background layer. , To do so, think of an effect you wish to add to the avatar and Google "gif" (for example, "fire gif").
Once you download your desired effect GIF, open it into a separate file first.
You can play your effect GIF and see the number of frames that make up the GIF; the example fire effect gif has 25 frames. , Create the exact number of frames that your effect GIF has using the "Duplicate selected frames" button.
Set the time of each frame to "0.1 seconds" and the loop from "Once" to "Forever". , Then select all the frames in your avatar and "Paste Frames". , Resize all frames of the effect GIF to fit the avatar to your preference and change each effect layer in each from from "Normal" to "Soft Light". , You may change the font, size, and color in the "Character" tab.
You should move your text around until you find your desired location for placement. , You have just made your very own video avatar using Photoshop and all there is left to do is to go under the "File" tab and "Save" the PSD file (so you can go back and edit the avatar) and then "Save for Web..." This will save your avatar in GIF format to be uploaded wherever you desire.
About the Author
Martha Hernandez
Committed to making practical skills accessible and understandable for everyone.
Rate This Guide
How helpful was this guide? Click to rate: