+- Hack Forums (https://hackforums.net)
+-- Forum: Tech (https://hackforums.net/forumdisplay.php?fid=444)
+--- Forum: Graphics (https://hackforums.net/forumdisplay.php?fid=156)
+---- Forum: Graphics (https://hackforums.net/forumdisplay.php?fid=6)
+---- Thread: [Photoshop] Clean, Simple, Cool Avatar (/showthread.php?tid=4460835)
[Photoshop] Clean, Simple, Cool Avatar - Centuries - Sep 24, 2014
![[Image: ARvat1q.gif]](https://i.imgur.com/ARvat1q.gif)
Hello! I see you want to see how to make a Clean,Simple, and Cool logo :).
Well first things first you will need:
- Neon Style
- Photoshop
Download list:
I can not supply Photoshop sorry.
Neon: Download Link
Lets begin:
First open a new project, the size will be: 120x120 pixels.
Add a new layer
Now color it in. (Color I used is 51,51,51)
Spoiler (Click to View)
![[Image: 89dd444ccbacbe21ba742274762681b2.png]](https://i.gyazo.com/89dd444ccbacbe21ba742274762681b2.png)
Now add your text
You can add a style to it
Now drag it below the pic
Spoiler (Click to View)
![[Image: e6939a88ed8f5d2ab02bb683af25ea30.png]](https://i.gyazo.com/e6939a88ed8f5d2ab02bb683af25ea30.png)
At the bottom hit enable timeline and the 3 squares that says Animate
Spoiler (Click to View)
![[Image: 3bca60aa53e7a681cd76c8222c8e7dd4.png]](https://i.gyazo.com/3bca60aa53e7a681cd76c8222c8e7dd4.png)
Now create a new frame (the page button)
You will see under the 2 frames you have something that says "5 sec" click the drop down arrow and hit "No Delay"
Now in layer 2 drag your text up
Spoiler (Click to View)
![[Image: 58fb4b70da4b72aeb916792208066e99.png]](https://i.gyazo.com/58fb4b70da4b72aeb916792208066e99.png)
Now create another layer
In this layer drag it all the way off (Make sure it is set to No Delay)
Now hit CTRL and select Layer 1 and 2
Hit the button with the circles
Spoiler (Click to View)
![[Image: 6abcaeff00af43a5bd248d7ebc8c81cd.png]](https://i.gyazo.com/6abcaeff00af43a5bd248d7ebc8c81cd.png)
Now type in 50
Now select the last 3 layers
Spoiler (Click to View)
![[Image: a81452729d561ffa79ecfa68b7860afe.png]](https://i.gyazo.com/a81452729d561ffa79ecfa68b7860afe.png)
Now click the circles again and add 52 (if circles doesn't open just click the 2 right before the last frame)
Spoiler (Click to View)
![[Image: 88969c157ba0120ea16cc0bea38210ab.png]](https://i.gyazo.com/88969c157ba0120ea16cc0bea38210ab.png)
REMEMBER TO CLICK LOOP FOREVER
Now go to file > save for web > At the top preset should say GIF 64 No Dither
then at the bottom hit save :) upload it somewhere and enjoy!
I KNOW THIS ONE GOES UP WAY FASTER THAN MINE, YOU CAN EDIT THIS BY THE AMOUNT OF FRAMES
* - Abstractionz - Sep 28, 2014
thanks! tutorial could be laid out a tad better, to be easier on the eyes, but simple and efficient all the same :)
* - BiscuitEdi - Sep 29, 2014
Outer glow is outdated in my opinion.
If anyone decides to do this, try some sweet font without the outer glow.
* - Centuries - Sep 29, 2014
(Sep 29, 2014 03:48 PM)BiscuitEdi Wrote: Outer glow is outdated in my opinion.
If anyone decides to do this, try some sweet font without the outer glow.
I just downloaded a style that was bright and that I liked.
* - b0lt - Sep 30, 2014
This is not a logo? It's an animated text..
* - Centuries - Sep 30, 2014
(Sep 30, 2014 08:58 AM)PixelArts Wrote: This is not a logo? It's an animated text..
I meant avatar. I couldn't spit the words out.
* - Eaesi - Sep 30, 2014
You know the timeline animation is a lot more fluid, and if anything easier. Click the button in the bottom left corner of the animation panel.