Page Index Toggle Pages: 1 Send TopicPrint
Normal Topic Create additional menu items with Photoshop 6.0 (Read 9873 times)
Administrator
Forum Administrator
*****
Offline


Yummm

Posts: 7
Location: Modders Rile
Joined: Oct 7th, 2014
Gender: Male
Create additional menu items with Photoshop 6.0
Sep 23rd, 2001 at 9:01pm
Print Post  
by Archangel

This tutorial is on how to create menu images with text in yabb font and the tiny black border going around the white writing.

Step 1.
Create a new file (CTRL-N)
with dimensions for your image (should be pretty small for images like these)

Step 2.
Get the little icon (image to be placed to the left of text) by copying and pasting and put it at the far left (not necessary, as you can always adjust later)

Step 3.
Get the Character Window out by going to Window > Show Character. Select the font (OCR A Extended), the style (regular), size (12?), tracking (-100) and colour (#FFFFFF)

Step 4.
Using the type tool, type whatever you want, all non-caps to fit in with the rest of the yabb buttons.

Step 5.
Take your cursor over to the layers window, and while holding down CTRL, click on the layer you have just created with the type tool. This will load the selection of the layer (the text)

Step 6.
Expand the selection by 1 (Select > Modify > Expand > 1)

Step 7.
Create a new layer and drag this layer underneath the text layer and fill the selection with black (#000000). You can do this by going to the colour pallette and selecting black for your foreground then press ALT-Backspace.

Step 8.
Link the text layer and this new layer and move them together to the position you want beside the little icon you got earlier (or alternatively, move the little icon instead).

Step 9.
Export as a gif image and you're done!

you might wanna resize the image to fit your needs before exporting.

Do this by merging visible (in RGB mode so you don't lose transparency) and selecting the whole thing (CTRL-left click on the single layer) and with this selection, press CTRL-C to copy, then CTRL-N to start a new image with the correct dimensions (don't change these preset dimensions! they're already resized to fit your needs!) and press CTRL-V.
« Last Edit: Sep 23rd, 2001 at 10:04pm by Administrator »  

The Administrator.
Back to top
WWW  
IP Logged
 
Archangel
New Member
*
Offline


Meh.

Posts: 2
Joined: Sep 20th, 2001
Gender: Male
Re: Create additional menu items with Photoshop 6.
Reply #1 - Sep 23rd, 2001 at 9:43pm
Print Post  
At the end, it should be Merge Visible instead of Flatten Image.


Smiley
  
Back to top
ICQ  
IP Logged
 
Administrator
Forum Administrator
*****
Offline


Yummm

Posts: 7
Location: Modders Rile
Joined: Oct 7th, 2014
Gender: Male
Re: Create additional menu items with Photoshop 6.
Reply #2 - Sep 23rd, 2001 at 10:04pm
Print Post  
fixed Smiley
  

The Administrator.
Back to top
WWW  
IP Logged
 
batchman
Global Moderator
*****
Offline


What's up?!

Posts: 1280
Location: Orlando
Joined: Apr 28th, 2002
Gender: Male
Re: Create additional menu items with Photoshop 6.
Reply #3 - May 10th, 2003 at 7:54pm
Print Post  
Methinks this was supposed to be placed in the Showcase board ....
  

Improving my forum, one mod at a time!


Now up and running again, with an accurate link.


Back to top
WWW  
IP Logged
 
Spikecity
God Member
*****
Offline


Beer anyone ?

Posts: 2630
Location: New York
Joined: Apr 16th, 2002
Gender: Male
Re: Create additional menu items with Photoshop 6.
Reply #4 - May 11th, 2003 at 12:10pm
Print Post  
Actually it started out as a tutorial made by Michael on how to create menu images.
But I will do some cleaning up here Grin

Edited:
DONE

  

Nothing to add here Smiley
Back to top
 
IP Logged
 
masterstanf2k
Ex Member


Re: Create additional menu items with Photoshop 6.
Reply #5 - May 20th, 2003 at 2:28am
Print Post  
eh? complicado...
  
Back to top
 
IP Logged
 
Shoeb Omar
God Member
*****
Offline


Mod Writer

Posts: 5665
Location: San Diego
Joined: Jun 29th, 2001
Gender: Male
Re: Create additional menu items with Photoshop 6.
Reply #6 - May 20th, 2003 at 5:13am
Print Post  
this thread actually served pupose for yabb 1 gold images which had the image and the text united. Just an FYI Tongue
  

YaBB SP2 BETA!
Now taking pay jobs in PHP or Perl.  Contact me for details.
Back to top
IP Logged
 
BeachBoy
New Member
*
Offline


I love YaBB 1G - SP1.2!

Posts: 17
Joined: Sep 13th, 2006
Re: Create additional menu items with Photoshop 6.
Reply #7 - Sep 21st, 2006 at 9:04pm
Print Post  
anywhere we can find the buttons for YaBB2?

It would be neat to have the layer and be able to translate them by changing the text only
  
Back to top
 
IP Logged
 
Spikecity
God Member
*****
Offline


Beer anyone ?

Posts: 2630
Location: New York
Joined: Apr 16th, 2002
Gender: Male
Re: Create additional menu items with Photoshop 6.
Reply #8 - Sep 23rd, 2006 at 7:00pm
Print Post  
  

Nothing to add here Smiley
Back to top
 
IP Logged
 
Crap Canon
New Member
*
Offline


Official Crap Canon

Posts: 5
Joined: Mar 18th, 2007
Gender: Male
Re: Create additional menu items with Photoshop 6.
Reply #9 - Mar 19th, 2007 at 7:32am
Print Post  
Does it also work with Adobe Photoshop Elements?
  

~.:Crap Canon:.~
Back to top
 
IP Logged
 
Page Index Toggle Pages: 1
Send TopicPrint