RateMyServer Ragnarok Community

Ragnarok Online => Guides => Topic started by: Allie on May 13, 2009, 12:05 am

Title: Making Simple Guild Emblems
Post by: Allie on May 13, 2009, 12:05 am
This is a very simple guide that only supports Paint. I'll add how to make guild emblems with Photoshop CS4 later when I have the time. (My very first guide too!)

I. Pixel by Pixel Emblem Making.
II. Using a Stock Image.
III. Transparency & Borders.



I. Pixel by Pixel Emblem Making.
I, personally, very rarely use this method. If I do use this method, I almost always use only one color for the emblem.

1. Open your Paint program.
(http://i620.photobucket.com/albums/tt290/oALLIEo/Part1-1.jpg)

2. On Paint, go to Image -> Attributes and set the width and height to 24 x 24 Pixels.
(http://i620.photobucket.com/albums/tt290/oALLIEo/Part2.jpg)

3. Zoom in to enlarge the file. This will be easier for you to work on.
(http://i620.photobucket.com/albums/tt290/oALLIEo/Part3.jpg)

4. Use the pencil tool to draw the base of your emblem. For this guide, I'm going to make a very simple cross. NOTE: I do not use any measurements whatsoever; it just comes off the top of my head.
(http://i620.photobucket.com/albums/tt290/oALLIEo/Part4.jpg)

5. You can then fill in the colors of the emblem's base and add text if you wish.
(http://i620.photobucket.com/albums/tt290/oALLIEo/Part5.jpg)
(You can refer to fonts here (http://"http://pixelfonts.style-force.net/"))

6. Now that you have your emblem finished, make sure to save your emblem in your Gravity emblems folder (or to your respective server's emblems folder). Make sure to save your emblem as a 24-bit Bitmap file or it will not show up in the drop-down menu (Edit Emblem) in your guild window.
(http://i620.photobucket.com/albums/tt290/oALLIEo/Part6.jpg)



II. Using a Stock Image.

Repeat steps 1 and 2 from the Pixel by Pixel Emblem Making section.

3. Look for a stock image that you'd wish to use. I go to DeviantArt for my images. This is what I'm going to use for the tutorial:
(http://i620.photobucket.com/albums/tt290/oALLIEo/Vazha_Leaf_II_by_krishnachandranu.jpg)

4. Go to the stock image's folder to open the stock image in Paint (Right click -> Edit).
(http://i620.photobucket.com/albums/tt290/oALLIEo/Part7.jpg)

5. Choose a section of the stock image (using the "Select" tool) that you wish to include in your emblem. Again, I estimated the measurement of the section of the stock image (about 24x24). Copy and paste the section of the stock image to your empty 24x24 Paint file.
(http://i620.photobucket.com/albums/tt290/oALLIEo/Part8.jpg)

(http://i620.photobucket.com/albums/tt290/oALLIEo/Part9.jpg)


III. Transparency & Borders
In this tutorial, I am going to use the part of the stock image we used from the Using a Stock Image section.

6. Zoom into the emblem. Now, isolate the part of the emblem that you want using the Pencil tool (I recommend you use black).
(http://i620.photobucket.com/albums/tt290/oALLIEo/Part10.jpg)

7. You can either color the outer (or inner) isolated part with white or the transparency color. This color will appear transparent in RO.
(http://i620.photobucket.com/albums/tt290/oALLIEo/Part11.jpg)
This is the location of the transparency color in a standard Paint palette (the encircled color in between blue and yellow). This color is a mixture of 255 Red, and 255 Blue.

For this tutorial, I will color the isolated part of the emblem with the transparency color.
(http://i620.photobucket.com/albums/tt290/oALLIEo/Part12.jpg)

8. You can now add text to the emblem if you want.
(http://i620.photobucket.com/albums/tt290/oALLIEo/Part13.jpg)

Now, repeat step 6 from the Pixel by Pixel Emblem Making section to save your file.


Here is the link to the finished product: http://i620.photobucket.com/albums/tt290/oALLIEo/Part13-1.jpg

Here are some border ideas that I thought of :D :
(http://i620.photobucket.com/albums/tt290/oALLIEo/Border2.jpg)
(http://i620.photobucket.com/albums/tt290/oALLIEo/Border1-1.jpg)
(http://i620.photobucket.com/albums/tt290/oALLIEo/Border3-1.jpg)
(http://i620.photobucket.com/albums/tt290/oALLIEo/Border4-2.jpg)
Sorry for the ambiguous parts of my guide! I'll try my best to improve this guide as soon as I can.
Title: Re: Making Simple Guild Emblems
Post by: Pow on May 13, 2009, 12:14 am
Great guide! This will really help all those influx of "how i mke emblm" posts.. I applaud you for trying to get the scourge away from the forums.

I never thought I would say this but..

Stickied : Please PM me Allie as to if you want this topic locked or if you'd like it like it kept open.

-Pow
Title: Re: Making Simple Guild Emblems
Post by: robb14 on May 13, 2009, 08:18 am
very nice..... it helped me ^_^ now my guild is at top 10 ranking!! rank is:6 name is :-Disabled-
Title: Re: Making Simple Guild Emblems
Post by: Exosferatu on Jul 21, 2009, 03:39 pm
Very Nice~
Title: Re: Making Simple Guild Emblems
Post by: Odetsute on Aug 16, 2009, 03:55 pm
Nicw i can create emblems now! Thanks a lot  ;D
Title: Re: Making Simple Guild Emblems
Post by: blast on Oct 17, 2009, 11:04 am
Very nice guide,I am making an emblem now.xD
Title: Re: Making Simple Guild Emblems
Post by: Tom~ on Oct 17, 2009, 11:26 am
Great guide for begginers. Really helpful.

I'm waiting for your Photoshop guide  ;D

Good job,
Tom~
Title: Re: Making Simple Guild Emblems
Post by: semih27 on Nov 09, 2009, 04:15 pm
guild name: Most Valuable Players
initials: MVP
type of design: evil,vampiric,skull things
color : #ce4d31(orange) and black
thanks
Title: Re: Making Simple Guild Emblems
Post by: Omni on Nov 09, 2009, 04:28 pm
Very cool.
Title: Re: Making Simple Guild Emblems
Post by: .::AsSaSsiN-X::. on Dec 22, 2009, 11:40 am
thx.......
you help me out.....
Title: Re: Making Simple Guild Emblems
Post by: Mephias on Jun 19, 2010, 03:49 pm
Is there any easy way to do the text, or do you just try to draw it pixel by pixel?
Title: Re: Making Simple Guild Emblems
Post by: DarkDevine on Jun 20, 2010, 06:24 am
Is there any easy way to do the text, or do you just try to draw it pixel by pixel?
Fonts will be too large, too full of details and are possibly anti-aliased.
The best way is to draw it pixel by pixel, but remember that it doesn't even need to look like one of the letter you learned in school back then, it just needs to look a bit like the letter you want to use.
Title: Re: Making Simple Guild Emblems
Post by: Tom~ on Jun 20, 2010, 09:35 am
Or you can use Victor's Pixel Font.

(http://fc07.deviantart.net/fs6/i/2005/079/5/b/Victor_s_Pixel_Font_1_0_by_tybee.png)
Click here! (http://browse.deviantart.com/?qh=&section=&q=victor's+pixel#/d9jqzw)

Enjoy :D
Title: Re: Making Simple Guild Emblems
Post by: Mephias on Jun 21, 2010, 04:38 pm
Mmm ok.  Thanks guys!  ;D
Title: Re: Making Simple Guild Emblems
Post by: Jiri on May 16, 2011, 07:06 am
*edit*
Title: Re: Making Simple Guild Emblems
Post by: 8yearsro on Apr 19, 2012, 12:30 am
nice guide! I usually googling for good pics then resize them because I can't draw a good one myself  /heh
Title: Re: Making Simple Guild Emblems
Post by: oniwashu on Jul 02, 2014, 12:42 am
Thanks for the guide. At least I can start to make some emblems with my own designs.



I've been into signatures lately but I want to be good in making emblems too. Have a good day everyone. /no1
Title: Re: Making Simple Guild Emblems
Post by: Miuwens13 on Jul 16, 2014, 04:22 am
what color i can used for transparent?
Title: Re: Making Simple Guild Emblems
Post by: Yrgav on Jul 16, 2014, 08:39 am
For transparent parts use magenta (255,0,255 or #FF00FF).
Title: Re: Making Simple Guild Emblems
Post by: Royal on Jul 16, 2014, 04:11 pm
Great guide, was looking for something like this  /ok