Thread: Hugging FavIcons?

it is easy to create just edit the created one smiley and remove the current favicon then replace your favicon logo and thats that
for example i created this rvt favicon as requested mine friend so i just edited created one n replace rvt logo n created this favicon it is easy

Originally Posted by sakingsny

it is easy to create just edit the created one smiley and remove the current favicon then replace your favicon logo and thats that
for example i created this rvt favicon as requested mine friend so i just edited created one n replace rvt logo n created this favicon it is easy

wow what is great guide

How to Make The Hugging Favicon Smilies!

First, check here to see if your wanted smiley is already made!

I will take requests to make the smilies, in fact, I have already made a good portion of them, they're just not posted. However, I made a guide in case you want to make your own.

It may be a little tricky at first, but once you get used to it, they'll be very simple to do.

First of all, you need Adobe Fireworks installed on your computer. I'm sure there are other options for programs, but for this tutorial, thats what I'm gonna be using. You can download the free 30 day trial from the Adobe website if you're interested in taking that route.

Before we start, you should know:
If you ever mess up in FireWorks you can click cntrl+z to undo your previous changes. It's probably the most important thing for you to remember.

Step One:
You need an existing hugging smiley.
I typically use elektronik's because the outline is easy to see and it's still easy to delete the favicon out of it.
So.
<--- drag/copy this to your desktop.

You also need the favicon graphic from the site you're doing. I personally take a screen shot of my browser bar and crop out the background. (For methods on taking screenshots, refer to Google, I would only be able to explain how to do it on a mac.)

Step Two:
Open both graphics in Fireworks. You can open them by hitting cntrl+o and selecting the files.
It should now look something like this:


Obviously the graphics we are working with are very small so you need to zoom in.
You can do this by hitting cntrl+ (as in the plus sign) (cntrl- is to zoom out.)
Do this for both graphics, I like to zoom into about 800%, but you can choose whatever works best for you.


Step Three:
If your favicon has anything in the background, it all needs to be taken out of the frame.
To do this, use the magic wand tool (w), select everything other than the favicon. To select more than one area hold down shift while you're doing it.
It should now look like this:


Then simply hit delete. You're now done editing the favicon and it should look like this:



Step Four:
Now go to your pre-made smiley graphic.
If you do not have the the magic wand tool (w), please select it again.
You need to select the hand on your smiley. Remember to hold shift to select more than one area.
When the hand is selected, it should look like this:


Now you need to cut (cntrl+x) the hand out of the frame. DO NOT DELETE IT. You can also cut through the edit menu and in your right-click menu.
The hand should now be missing:



Step Five:
Switch to the subselection tool (a or 1) and drag your favicon into the smiley's window.


Line up the favicon over the existing one, still using the subselection tool (a or 1)


Sometimes, your new favicon will not completely cover the old one. So before you drag the new favicon over you need to get the marquee tool, select the area you want to erase and hit delete.

Step Six:
Paste (cntrl+v) the hand back in. It will go in the exact spot you cut it out of, your frame should look complete.


Step Seven:
You are not done. You have finished one frame out of six. To switch to the next frame, there is a forward button in the bottom of your smiley's window. Click that.


Step Eight:
Repeat steps four through seven until all six frames are done.

Note that in the last frame (frame 6), the favicon moves over one pixel to the left.


Step Nine:
You're done!
You may now zoom out (cntrl-) to 100%, and push play to test your smiley.
Play is located at the bottom of the window around the same area that the "next" button was.
Your smiley should look like this:


Save it (cntrl+s) how it is. Try not to use "Save as.." because it may turn the background white.

If you learn how to do this, you can even figure out how to edit some of the other smilies.

Anyway, I hope this tutorial helped. Feel free to give me feedback.

good work, Grind$oFine !

i especially like the fact that it's "made with a mac".

Big thx for guide Grind$oFine!!!

been waiting for this...

Im going mine in photoshop. it's simple there too.

Also, I couldn't post my huge gathering of smilies here, because you can only post 100 images in one post.
And there are more than 100 smilies, so I made a blog for them.
http://grindsofinefromfst.blogspot.c...-database.html
I'll update it there, I intend on making some more.

here is my first moveing BN also my first hug smile



edit: here is one more Midnight-torrents