Go Back   The PokéCommunity Forums > ROM Hacking > Tools, Tutorials & Resources
Reload this Page [Tutorial] Making and Indexing the Curvy "VERSION" text on title screens

Notices
For all updates, view the main page.

Tools, Tutorials & Resources Various tools to help you develop your hacks can be found here.
New threads in this forum are to be approved by a moderator before they are displayed.



Reply
 
Thread Tools
  #1    
Old September 6th, 2012 (09:56 AM). Edited September 7th, 2012 by RetroRoller.
RetroRoller's Avatar
RetroRoller RetroRoller is offline
Pop-Punk Pizza Party
 
Join Date: Jun 2011
Location: England
Gender: Male
Nature: Jolly
Posts: 111
This is my first tutorial for PC, so sorry if there's something that's not well written or you can't understand.


This a tutorial on how you can recreate this text:


So, I'm going to show you how to create the curvy effect - you need the following tools.
  • Microsoft Word - I know, I know, but it's the easiest way to create the logo. (I'm using 2010, but 2007 and 98-2003 work fine too.)
  • Photoshop - Or any free alternative. It basically allows us to apply the finishing touches to the image.
Really important stuff is boldfaced!


Also, remember this is NOT a tutorial on how to insert the logo, just a tutorial on how to create and prepare it FOR inserting.


Step One:
Spoiler:
Open up Microsoft Word, and create a Blank Document.



Step Two:
Spoiler:
Go to the INSERT tab, click Text Box, and click DRAW TEXT BOX.



Step Three:
Spoiler:
Draw out the textbox, however big you want, but avoid putting the box over the 'I' shaped typing cursor just in case..


Step Four:
Spoiler:
We need to make a few adjustments to the textbox and the text inside. First off, when the textbox is selected, click FORMAT, then SHAPE OUTLINE, and click NO OUTLINE.



Step Five:
Spoiler:
Now we can type in our title. Let's say I have a hack called Pokémon Titanium Version (I don't). Use whichever font you think suits best. For example, I'm using a medium ITC Avant Garde Pro, if you played the Fallout games you might recognize it. I set the text size to 72, and set it to bold.




Step Six:
Spoiler:
To create the curvy text we want, go back to FORMAT, click TEXT FILL, and click NO FILL, if your page background is white. If not, click white.



Then go to TEXT OUTLINE, and choose BLACK. Click Text Outline again and click WEIGHT, and change it to what you thing looks best. Personally, I think 3pt looks the best.



Step Seven:
Spoiler:
Creating the actual CURVE. First, center the text so the arch will look how it is intended.


Then go to FORMAT, TEXT EFFECTS, and TRANSFORM.


Click ARCH UP on the FOLLOW PATH section.



Step Eight:
Spoiler:
Saving it. There are two ways you can save this, the first is PRINT SCREEN and going into Paint and cropping it out.


The way I use, is SNIPPING TOOL for Windows 7, which does the cropping for you. Once you've got the picture, click SAVE and save it.


Step Nine:
Spoiler:
Preparing the image to be indexed. We're done with Word now so you can close it.


Open up Photoshop and open our image.



Step Ten:
Spoiler:
Photoshop Editing. Think about this logically, when we index the image, the white background will be included, ruining our logo.


Use the brush selection tool to select everything that is NOT your text.


Once its selected, press DELETE and the white "waste" will be deleted.



Step Eleven:
Spoiler:
There's still some waste on our image. Resize the brush selection tool if you need to and click the holes in the letters with holes in them, like: A, D, B, P, O, R, Q and any others.


Step Twelve:
Spoiler:
To insert the image, follow THIS TUTORIAL, or whichever one you find most suitable to follow.


Resize the image we have currently, to make it more suitable for adding to the unLZ graphic.



Click Image > Image Size and resize it however you want, but I recommend something like 256 width with whatever height the Constrain Proportions gives you.


Step Thirteen:
Spoiler:
It's okay, we're done now. On the saved image, copy the logo.


On the saved unLZ image, click the Pipette Tool, and choose the green background. Goto the brush tool and draw over the "FireRed".






On the saved unLZ graphic, paste in your logo. It should be far too big, so resize it by pressing CTRL+T and holding SHIFT. Or, goto Edit > Free Transform.




And that's it! It should be prepared and ready to be inserted!
__________________
Eat pizza and stay punk rock

I map for the Source SDK and dabble in ROM Hacking hmu.
Reply With Quote
  #2    
Old September 7th, 2012 (09:25 AM).
Spherical Ice's Avatar
Spherical Ice Spherical Ice is online now
Moderator
CS
 
Join Date: Nov 2007
Location: Leicester, UK
Posts: 3,494
Send a message via Skype™ to Spherical Ice
To be honest, I find using Photoshop, the Stroke layer effect, and text curving closer to the original than using Word, but good tutorial nonetheless.
__________________
Reply With Quote
  #3    
Old September 7th, 2012 (11:52 AM).
RetroRoller's Avatar
RetroRoller RetroRoller is offline
Pop-Punk Pizza Party
 
Join Date: Jun 2011
Location: England
Gender: Male
Nature: Jolly
Posts: 111
Quote originally posted by Spherical Ice:
To be honest, I find using Photoshop, the Stroke layer effect, and text curving closer to the original than using Word, but good tutorial nonetheless.
I guess, but I prefer this as an easier alternative.
__________________
Eat pizza and stay punk rock

I map for the Source SDK and dabble in ROM Hacking hmu.
Reply With Quote
Reply
Quick Reply

Sponsored Links
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are UTC -8. The time now is 08:26 AM.