Guild Emblem Creation Guide

[Honky Tonk]

Guild Emblem Creation Guide Version 1.5.4
Created by XpsypieX
“Give a man a fish; you have fed him for today. Teach a man to fish; and you have fed him for a lifetime.” - Unknown


Index ------------------------------------------------------------------------------


Legend of the Index:
[text] means a short cut for Adobe PS



Understanding the Emblem ------------------------------------------------------------------------------


1) This is a 24x24 pixel Image. It is not a 10000x10000 high quality image, or a 200x200 image. Shrinking anything down will look like ****, usually.

2) You have to start small, Making the emblem big then shrinking it will not work.

3) Pixel text is the best, using some font, and the adobe text edit thing will not work, you must draw the text your self.

4) When shrinking works:
....A) When it is something that will fill the whole 24x24 space (abstract)
........1) Or if you want to make a 1 pixel border, like a rectangle and the rest transparent.
....B) When you don't need transparencies, and not using a border
....C) When you have a background like in my example.
....D) When you are a Master Emblem Maker like me. Somethings I can't do.




What you need -----------------------------------------------------------------------------------


To make emblems as well as I do, Adobe Photoshop is required to do so, and for this guide.

Your other possibilities for making an emblem are MS Paint. A simple image editing program that comes default with most Windows OS. To start MS Paint in windows go to start>run. type mspaint and hit enter. The rest of this guild does not support the use of MS Paint.



The Steps-----------------------------------------------------------------------------------


1) Open adobe photoshop. Once open go to file > new [ctrl+n]


2) Img 24x24 pixels big.


3) Now that we have a new small image ready to be worked with, remove that crap in the top left of the canvas (if it is there). [alt+h]. Color the img in with the transparent color for RO. FF00FF is the hex code for it. Use the paint bucket tool on the background layer to do this.


4) Make a new layer. [ctrl+shift+n]. Hit enter. This will be the layer for your white triangular border.


5) now that we have the new layer. select the pencil tool. From the tool menu. If you see a paint brush instead of a pencil click and hold.


6) Use the navigator to enlarge your image, typing in 1600% or dragging the scroll to the left.


7) Like before to change the color to FF00FF, change it to white FFFFFF. Hit Ok and close the box. Start drawing a small rectangle with the pencil tool. Hold shift to make a straight line. Make sure the pencil's brush size is 1px.

8) After you have your rectangle you'll need to color the top and bottom of the image with that FF00FF hot pink. it should look like this. (right now you probably have a layer called "background" that is filled with hot pink. You should trash that layer and be working with "layer1." Layer 1 has the white box/rectangle in it.)


9)find a stock photo, i suggest "google's image search". Im looking for some.. apple pie! Im going to use this image


10)Now that we have found our stock photo, copy it by right mouse clicking and going to copy.


11)To paste the pie into the 24x24 image so that we can work with it, zoom out, the way you zoomed in(see step 6). 100% will be fine. Paste the pie image, [ctrl+v]
11a)now use [ctrl+t], the short cut for free transform.
11b)click a corner of the box that became visible (your mouse should change into while over the corner), hold shift and and drag it inward (holding shift keeps it proportional). When done the pie should be about the same size as the image. Hit enter.

12)Click and drage the pie layer below the white rectange layer.


13)You should now see what is shaping up to be a nice emblem. Now all you need is some "pie" text. Make a new layer and hit [d] to reset the color pallet.

14)Zoom in to 1600% on the new layer. Draw a pixel PIE with the pencil tool.

14a)Give it a white border after you do the black PIE. To give the pie text a white border, make a new layer and drag it below the layer that the black "PIE" text is on. Then using the pencil tool, and making sure the color is white fill in the area behind the black "PIE" text. Just draw that white right on there.

15)Click the move tool, then use the up, left, down, right arrow keys nudge the pie text around. I decided bottom left for mine. It's up to you where text should go.


16)You are pretty much done at this point. To save it as a 8 bit bmp. go to image > mode > index color. This will flatten the image and reduce it to 8bit. make sure you save it as a psd before you do this (Saving it as a psd before flattening is so you can go back and edit it really easy).


17)Go to file > save or hit [ctrl+s]. Drop down the "Format:" box and select "BMP."
\

18) Test it out in RO.






Tips ------------------------------------------------------------------------------


Image > Adjustments > Brightness/Contrast
This will brighten and make your images stand out more. Make sure you are not on a layer that has the FF00FF pink color. Using this tool on that layer will effect the transparency in RO( itwill make it not transparent)

Image > Adjustments > Color balance [ctrl+b]
This will let you change the image's color. This tool works really well. If the image isn't color you want repeat the process. Same warning: don't use this tool on a layer containing FF00FF.

Use this?


or these fonts

http://pixelfonts.style-force.net/




Final Note------------------------------------------------------------------------------


If something doesn't make sense, Post and I'll try and help.
I can't spell, I don't pretend to. I am sure there are 50+ errors. Don't tell me unless it changes the the perception of the directions.
If I didn't cover something you can't do and you need help doing, post.
I'll up date this as I see fit.





Credits------------------------------------------------------------------------------



Made by: XpsypieX
Product: Adobe Photoshop
Reason: Fat n00b people that can't do it their selves

[Leroux]

And up you go!

[Honky Tonk]

YAYAYAYA!! CHEERS!!!!! YAYAYAY!!! Thanks Leroux!!!!!

[DeathAgain]

Thanks now i can create my own emblems

[DancerofLuck4]

great guide! espically for me cause thats the program i use /heh

[Doku]

Nice guide for making emblem it all we need to downloads the photoshop from website it free.

[taibbq]

11)Paste it into the 24x24 image. zoom out, the way you zoomed in. 100% will be fine. Paste the pie image, [ctrl+v]
11a)now go to [ctrl+t] the short cut for free transform.
11b)click a corner, hold shift and and drag it inward. When done the pie should be about the same size as the image. Hit enter.


Hey i don't get it from 11 and on.. You say Paste it into the 24x24 image which is the rectangle with pink top and bottum? Or a new image that is 24x24? After that, you say paste the pie image again? Where do i paste it..

Well thanks for the guide.. its really helpful after all, its the first one i've seen

[Honky Tonk]

"...Paste it into the 24x24 image which is the rectangle with pink..." Yes, that one.

I think it is clear "... into the 24x24..." there is only one this size. I was restating to paste with the shortcut for paste in windows OS. I'll make it less confusing now.

[sugarcookie]

What about those emblems with the clear bg, something to do with RGB settings? I dont know how to do that >.<

[Honky Tonk]

hum, the color for the see through is #ff00ff, and to make the emblem 8 bit.. you need to change the RGB settings to index. its image > mode > index color. that should flatten and reduce the image file size.

[sugarcookie]

Thanks heaps ^^ The guild logo before looked really crap, hopefully it looks a lot better now teehees.

[XdarkheartzX]

Great guide dude.

Got a problem in pasting pics, though.

Does the size of the pic matters? Cause im pasting 205x264 pic and it fills in with black. I also went to the google sit to find your apple pic, to test it out. But, it gives portion of the pie in large size.

If it is the paste problem, all i did to the pic is copy and ctrl+v to the layer.

[Honky Tonk]

hum if you keep reading it tells you how to fix the problem you are having.

see step 11 through 11b

[UrbanKilla]

this is like the best emblem guide i have ever seen so far!! thnx fior making this guide!keep it up!

[InfernoSin]

Wow, this is by far the best Emblem guide i've seen ; Thanks for making it. It REALLY helped. No more rubbish old Paint ones for me

[hobomann]

kool!!

Originally Posted by xpsypiex

"...Paste it into the 24x24 image which is the rectangle with pink..." Yes, that one.

I think it is clear "... into the 24x24..." there is only one this size. I was restating to paste with the shortcut for paste in windows OS. I'll make it less confusing now.

kool kool!

[wordisbond]

great guide, one question though

im making a emblem w/ a clear all ff00ff background, and for the foreground layers i use the magic wand tool to shape it out and pink up around it, but i still have a pink border around all my images in RO so i mustve missed by a pixel or so, i tried to use a square brush to pink up the missed parts but its kind of a hard shape to do and i still end up with pink along with a kind of messed up shaped mvp logo XD

any tips or tricks for this?

[Honky Tonk]

the image you want as your emblem, duplacate the layer like 20 times, then merge them all together. that should solidify any see throughish pixels. delete the ones that are still seethroughish, they will combine with the ff00ff color thus making pink border if you dont.

[wordisbond]

will do, thanks for tips ^ ^, if that doesnt work then f it, ill just make a square background and try to play ti off XD

[~.UranuS.~]

the emblem is already ready but when i selected it in the guild info...

the system said that it needs an 8 bit color blahblah

the option down to 16 bit color blah blah


what shall i do? pls help

[Honky Tonk]

@ ~.UranuS.~, before you save it as a bmp. go to Image>Mode>Index Color. Also see step 16

[lord_thrashed]

hi im still not that pro with adobe... and i was thinkin of creating an emblem out of an image i got from a wall paper... its too big for an emblem so i would want to reisize it without having the image distorted and preserving all the details from the original image.... can any1 help me out with this?

[Honky Tonk]

I can. It depends on wal paper size. Cause... If you shrink something from 1000+px to 24px it WILL look like ****.

[Kyuusai]

Originally Posted by lord_thrashed

hi im still not that pro with adobe... and i was thinkin of creating an emblem out of an image i got from a wall paper... its too big for an emblem so i would want to reisize it without having the image distorted and preserving all the details from the original image.... can any1 help me out with this?

ahh.. i can say how to do that , but i dont think u'll be glad with result , cuz it will look like cr*p XD

ok let's start

pick your move tool ( or press V )
on top of screen u can see text : show transform controls ( click on little box XD )
now press ctrl + - (few times. XD )
and u can see some dots. hold
hold corner dot and hold shift. resize it.


hope i helped u XD

[NatJay]

I have my emblem made and all set, but how do I add it to RO? I click on the "edit" button in the guild menu and it doesn't do anything. What's the steps to putting the guild emblem on RO?