+- 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: League Of Legends Text + Colors Tutorial! (/showthread.php?tid=4184532)
League Of Legends Text + Colors Tutorial! - Gørilla - Apr 20, 2014
What you will be making:
Spoiler (Click to View)
Step One:
Make a 'New Document' any size you'd like.
[img]http://i.minus.com/ioRNlYwx9DFgl.png[/img]
Step Two:
Grab your 'Paint Bucket' tool, and change the color of your paint to the code #333333 (also known as Hack Forum's background color in threads).
[img]http://i.minus.com/iStftxOOJnvK4.png[/img]
Step Three:
Grab your 'Text' tool and make it as big as you want, write what you want, and then make the first and last letter of your text 96pt, and the middle letters 72pt.
You should have something that looks like this
[img]http://i.minus.com/iby3nKI8i0ZC9S.png[/img]
Step Four:
Copy what I do in the following pictures. (This is the key step)
Only check the box that says 'contour' but do not change settings.
[img]http://i.minus.com/itQVcQaI6nHAw.png[/img]
Change the color of the stroke to #322700 and copy the settings of the stroke.
[img]http://i.minus.com/iV65ouwp54hVr.png[/img]
On the gradient's color arrows, type in the following color codes for each arrow.
Left and Right side arrows: #fbe869
The Middle arrow: #c98b27
[img]http://i.minus.com/ibwKxrvmjy1N6m.png[/img]
Then, just click the drop shadow box and you're done!
[img]http://i.minus.com/i9xFuxdZifOpQ.png[/img]
You should have an image that looks like this:
[img]http://i.minus.com/i9cNGdXRRVr4c.png[/img]
If you'd like a more in depth tutorial and a tutorial on how to make the background, please click this link and read/follow the directions! http://adduro.com/league-of-legends-logo-in-photoshop/#sthash.9BYg9fVH.dpbs
Spoiler (Click to View)
Step One:
Make a 'New Document' any size you'd like.
[img]http://i.minus.com/ioRNlYwx9DFgl.png[/img]
Step Two:
Grab your 'Paint Bucket' tool, and change the color of your paint to the code #333333 (also known as Hack Forum's background color in threads).
[img]http://i.minus.com/iStftxOOJnvK4.png[/img]
Step Three:
Grab your 'Text' tool and make it as big as you want, write what you want, and then make the first and last letter of your text 96pt, and the middle letters 72pt.
You should have something that looks like this
[img]http://i.minus.com/iby3nKI8i0ZC9S.png[/img]
Step Four:
Copy what I do in the following pictures. (This is the key step)
Only check the box that says 'contour' but do not change settings.
[img]http://i.minus.com/itQVcQaI6nHAw.png[/img]
Change the color of the stroke to #322700 and copy the settings of the stroke.
[img]http://i.minus.com/iV65ouwp54hVr.png[/img]
On the gradient's color arrows, type in the following color codes for each arrow.
Left and Right side arrows: #fbe869
The Middle arrow: #c98b27
[img]http://i.minus.com/ibwKxrvmjy1N6m.png[/img]
Then, just click the drop shadow box and you're done!
[img]http://i.minus.com/i9xFuxdZifOpQ.png[/img]
You should have an image that looks like this:
[img]http://i.minus.com/i9cNGdXRRVr4c.png[/img]
If you'd like a more in depth tutorial and a tutorial on how to make the background, please click this link and read/follow the directions! http://adduro.com/league-of-legends-logo-in-photoshop/#sthash.9BYg9fVH.dpbs
* - Senpai - Apr 20, 2014
This was nice, im sure a lot of people want the in Depth tutorial on how to make the background as well. Nice going pal!
Best regards,
Senpai 🤝
* - Gørilla - Apr 20, 2014
Read the bottom of the thread and you'll find out where to do that!
* - DᴇᴀᴅPᴏᴏʟ - Apr 20, 2014
Nice tutorial I have actually been looking for how to make the LoL text and colors.
God Job, keep it up.
* - Gørilla - Apr 20, 2014
(Apr 20, 2014 08:16 PM)-DeadPool- Wrote: Nice tutorial I have actually been looking for how to make the LoL text and colors.Well this is the thread for you then! I'm glad you liked it:).
God Job, keep it up.
* - Danonitp - Apr 21, 2014
Great tutorial, thank you for share it.
* - grady - Apr 21, 2014
Looks very nice, I've actually been looking for something like this (as a few members above me have said.)
I was also looking for the font, so thank you for that too.
Also, the gradient is actually inverted, on the actual LoL logo, it's dark->light->dark from top to bottom.
* - Gørilla - Apr 23, 2014
I believe you're right on that. But it looks like the League of Legends' text either way honestly. Thanks for catching that!
* - cyberducky - Apr 23, 2014
I have seen this before when I looked up a logo tutorial, thanks nonetheless.
* - Obli - Apr 24, 2014
It could use more work imo, but thanks anyway.
* - Fіction - Apr 24, 2014
It's really odd that the creator of league hasn't copyrighted that font already.. Usually the big companies do.
Unless it's a look-a-like.
* - Abstractionz - Apr 26, 2014
nice easy to follow tutorial & on the website, the .psd is given so even better! :)