Meet the Staff
Staff Team
SalyaDarken Co-Admin Royal Designer Royal Designer Royal Designer Royal Designer
Royal Designer Royal Coder Royal Coder Royal Role-Player Royal Role-Player Royal Role-Player

Moderators
Events

Site-wide event
Mini Event: Grand Opening

RP Challenge
challenge title

Event title
Event title

Event title
Event title

Click the above icons for more info!

Links
Main Site Site Rules Canon List Discord --- --- --- --- Newbie pack Role-play Rules Game Hall --- --- --- --- ---

Chatbox
Featured Roleplay

RP Title
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.


Interested? Read more here!

[Tutorial] how to make a 100x100 Icon (old)

Find all of the artists & graphics-related classes, workshops, and tutorials here!
Post Reply
User avatar
SalyaDarken

Royal Admin
Class C
Posts: 236
Joined: 02 Feb 2025, 04:43
Location: Southern lands, reading with Mathias
Userbar: Image
Gender:
Contact:

[Tutorial] how to make a 100x100 Icon (old)

Post by SalyaDarken »

Okay I'm going to post this tut on how I make my icons. We are going to make a 100 by 100 icon.

Pictures used:
character
Musks


Okay, open up gimp. Then go to Fire>New and make it 100 by 100 PX. Then hit OK. Simple hm? here's what should show up:
Image

Now let's get the character photo. If the photo is saved to your pc then go to File>Open as Layer then pick the photo you want to use. If it's not saved and you just copy the photo like me then go to File> Create > from Clipboard. OR go Edit >Paste as >  New layer. Either way you do it, get your photo as a new layer over the background of our icon. Move it around until you got it where you want it. Mine looks like this:
Image

Okay next we pick a mask. You may pick any that you wish. I play around until I get the one I like. Oh yea, make sure you make a new layer. XD sorry forgot until I hit it.
Once you got your mask, move it behind the photo. Which you'll need to change the mode of your character photo to Multiply or Screen depending on your mask color.
Hint: White masks you'll need to change the mode to Multiply as Black masks you'll need to change it to Screen.
Mine so far:
Image

Moving on, we need a background. hmm You can do different things for the background, but here's what I'm doing. Make a Visible of what you got then delete the photo and mask layers. Then On the background layer, color it #00053f a dark blue shade. And then you are done unless you want to do more to it.
Image


If you want a border:
Then make a new layer. Use the background layer and select all of it. Then go to Selete > Border. A small pop up will show up and then you can set it by 2 px and  border style > Hard.
Image


If you want txt:
If you wanna add some text to the icon, you may but keep it small. Here's what I did with a text brush I have.
Image


If you don't want background but text:
you can. With the mask the mask I pick, you can. Just detele the background and leave the text layer. When you save this kind of icon. do it as a .png btw.
Image


Personality I like the last one. XD but that is all. If you try this tut out, show me in below. ^_^
#agtutorial
ImageImage Image Image Image

Post Reply

Return to “Classes, Workshops, and Tutorials”

Who is online

Users browsing this forum: No registered users and 1 guest