First  Prev  1  2  Next  Last
Post Reply |Feat|Avatars: Questions and Tutorial Requests
Creator
515 cr points
Send Message: Send PM GB Post
39 / F / In your heart
Offline
Posted 9/12/08
So, got questions on anything specific you want to learn about making avatars? Or perhaps there is something you want to know but can't find a tutorial on that specific thing you want to learn? Well then, ask your questions and make your tutorial requests here. We'll answer your questions the best we can and provide you with the information if we can't provide you answers from experience. No question will be turned down. So, step right up and fire away.
4733 cr points
Send Message: Send PM GB Post
28 / F / the land of boredom
Offline
Posted 9/26/08
uhm.. can u teach us how did u make ur existing avatar right now? uhm.. step by step.. XD i dont know how to make avatars..
4733 cr points
Send Message: Send PM GB Post
28 / F / the land of boredom
Offline
Posted 9/26/08
erh... btw.. im a noob.. XD how to make layers? and wat is layers?
Creator
515 cr points
Send Message: Send PM GB Post
39 / F / In your heart
Offline
Posted 9/26/08

Drawme wrote:

erh... btw.. im a noob.. XD how to make layers? and wat is layers?


Ok well to actually do the tutorial for making layers, what program are you going to be using?


As for your second question, I went and looked for the answer myself (for the what is layers question), which can explain it better than I can.


A layer is simply one image stacked on top of another. Imagine I have a piece of paper and I paint it red. Then I take a peice of clear celophaine and paint a yellow circle, and lay it over the paper. Now I take another peice of cellophane and paint some blue type and laythat on top of the yellow circle. I now have a background (red) and 2 layers (yellow and blue.) Just like in the picture below.




There are a number of ways to make layers, and I'll show you each. (if your using photoshop)

One way is to use the new layer button on the layers palette here:





Another is to use the main menu:






Here's one more way to make a layer:


Creator
515 cr points
Send Message: Send PM GB Post
39 / F / In your heart
Offline
Posted 9/26/08 , edited 9/26/08

Drawme wrote:

erh... btw.. im a noob.. XD how to make layers? and wat is layers?
Just a continued post from the previous one.....

And since I am not familiar with GIMP at all, if you're using GIMP, this should help you with the layering issue:



The first step in getting started is to make sure you have the Layers window in your taskbar. It may not be there when you first install Gimp, and granted it can get cluttered down there with alot of open windows, but having it there and ready to be used makes things alot easier.

Start Gimp and then create a new image of any size. If you don't see an item in your taskbar named Layers, Channels, Paths, look to the top of your image window screen and click Dialogues. Now click Create New Dock and then Layers, Channels & Paths, as in the image below.




Now you should have a Layer dialogue window similar to the one underneath.


Having this window handy at all times is almost a requirement for making skins. As you progress on your work, you will find that you will switch layers alot, shut layers off, lower the opacity of them and all sorts of things.

THE LAYER DIALOGUE WINDOW

This window has numerous options to make your layer fit your needs. Sometimes you may need a layer, such as a weathering detail, to be not so "visible", so you lower the opacity of it to make background items visible through it. This is only one of many ways that a layer can be adjusted to fit a particular purpose. Let's get to some basics.

Creating a new layer is done simply by clicking the New layer.. button at the bottom left of the window. When you click it a new window pops up. This window allows us to enter a certain size of the new layer, name the layer, and also select the layer fill type. By default, the layer size will be the size of the entire image. For example, a standard void file is 1024x1024, so your new layer will automatically be that size. Not to worry though, if you want to resize it later you can.


The size and name options are self explanitory, but what about the fill types? They are quite simple too. Choosing the foreground colour option will fill the layer with the same colour you have chosen as your foreground colour in the main Gimp window. Background colour does the same, but with your current background colour. White means that the layer will be filled with white. Transparency will leave the layer transparent with no colour whatsoever. For skinning purposes, Transparency is the choice of layer.

For now, create two new layers, with transparency as the Fill Type. Now you see that some buttons that were greyed out, are now available for use. To the right of the New Layer button are two arrows. These are the Raise layer and Lower layer buttons. Clicking these buttons will move the layer that you have currently selected up or down. You can also click and hold on the layer and drag it up or down.



You may notice that you can't lower a layer underneath the Background layer. That is because the Background layer can't be transparent by default. We can, however, make it transparent so that we can put a layer underneath of it or even erase parts of it. For now, we'll stick with the basics, and get to that later.

Next to the Raise and Lower layer buttons is the Duplicate layer button (circled in green above). This will create an exact duplicate of the layer you have selected. Everything that is on that layer, will be made into a new layer.

The next button has an anchor on it. This is the Anchor Layer button. If you have copied a layer, and want to paste it down, or anchor it, pressing this button will do so.

The last button is the Delete Layer button. This can be a source of anguish, despair and gnashing of teeth if pressed by accident. Don't worry though! Almost everything done can be undone. If you find you have deleted a layer and really need it back, simply go to Edit in your image window, and click Undo.....whatever you just did. Pressing <Ctrl+Z> also undoes an operation.

At the top of the Layer dialogue are some other functions.
The very top contains a bar which has the name of the image you are working on. (circled in red below)
This tells you what image the layers shown are from. If you are working on more than one image at once, you can click on this bar and switch between the layers for each image.
There is a button to the right of this bar named Auto. When this is activated, this causes the layer dialogue to "follow" the image you are working on. For example, if you are working on a Zero skin, and need to switch to a Markings template, the layer dialogue will change to the Markings image automatically, without you having to do so with the bar. This is very useful.


Underneath of the Layer bar and Auto button, you will see some tabs. Depending on how you have set Gimp up, you may only have one. In the image above there are four. Circled in green you can see a small arrow button, and an X button. Pressing the arrow button brings up a layer related menu. One of the things you can do in this menu is add more tabs to your Layer window. This keeps the clutter down in the task bar, and is useful if you have alot of windows open at the same time. Clicking the X closes and removes the current tab. Don't click this unless you don't want the tab anymore.


Finally, in the middle area of the layer window, we have the layer mode dropdown, the opacity slider, and the layers themselves.
Clicking the layer mode dropdown brings up a whole slew of different mode types. Each mode type has it's use for a particular aspect of skinning. The times when I most often change a mode is for weathering a skin. I'll try to put together a tutorial for that in the future. For now, just experiment with the layer modes to find out for yourself the effects they have.

The opacity slider simply sets the opacity of a layer from 0 (invisible) to 100 (fully visible). You can change the opacity by clicking and sliding the button, rolling your centre mouse wheel while over the slider, or by typing a value into the number box.

The layers are right in the middle of the window. As I said before, when a layer is highlighted in blue, it means that it is the current layer. If you draw some lines in the image, they will be applied to that specific layer.
Next to each layer, is a button with an eyeball on it. (below in red) This is the visibility button. When the eyeball is not there, the layer is invisible, or turned off. Click it again and it becomes visible.
To the right of the visibility button is a button that, when activated, shows a picture of a chain (circled in green). This allows you to group layers together for an operation, such as moving them. Every layer with a chain will be affected by the move.


Next to each image name, is a small thumbnail which shows what that particular layer looks like. A transparent layer will show up as a "checkerboard" with whatever you have drawn on it.

MAKING BACKGROUND LAYERS TRANSPARENT (ADD ALPHA CHANNEL)

As I said before, it is possible to change a background layer to a transparent layer. Sometimes this is a necessary operation. To do so, make sure the layer is selected. Now at the top of your image screen click Layer, Transparency, and then Add Alpha Channel. (You can also right click anywhere on your image and have all of the menus at the top of your screen, available right where you are working.)

Now your background layer has the ability to be transparent. You will be able to erase it, make it invisible whatever you want. It should be noted that when you flatten your image and convert it to the .bmp format, it will not be transparent. (No invisible planes unfortunately!)


That's about all for the basics of using layers. As always, playing around with various settings will help you get the hang of using them. Remember, the Gimp manual is available for download, and has context sensitive help at the press of a button. It has an excellent Glossary which explains the Layer mode types. Let me know if something isn't clear to you, and I'll certainly lend a hand.
4733 cr points
Send Message: Send PM GB Post
28 / F / the land of boredom
Offline
Posted 9/27/08
wow, thank u, i use adobe fireworks but it has same features as yours , and yeah, GIMP too.. thnks..
Creator
515 cr points
Send Message: Send PM GB Post
39 / F / In your heart
Offline
Posted 9/27/08 , edited 9/27/08

Drawme wrote:

wow, thank u, i use adobe fireworks but it has same features as yours , and yeah, GIMP too.. thnks..


I see, your welcome...I could have done one for fireworks as well, but if what I provided you with has helped you already, then I guess its not really needed then, is it?

And as for the other request, I'm working on it now, just takes a little longer to do.
Creator
515 cr points
Send Message: Send PM GB Post
39 / F / In your heart
Offline
Posted 10/3/08

purpiff_01 wrote:

Angel_Of_Tenderness wrote:

We've all seen them at one point or another, and probably been wondering how they do so well at making them...now here's your chance to learn how to make your very own. We'll be starting off with the basics of making an avatar then move on to more complex ones. Please no commenting unless you have a tutorial or link to one for this subject. All other non-essential comments will be deleted/moved to the corresponding thread.


ok how do i reneder i asked some groups and they answered but i still did not get it..so can you help me?


I'll do what I can to provide you with the answers.

From what I found, there are at least two ways to render. The first thing to do is to make a selection with the magnetic lasso tool (for either way) of what you want to keep and then go to make selection then cut the background. Or you can select the background, make it black, then set the transparency on the black to where it doesn't show.

Here is a video tutorial link to the cutting way of rendering.
Render Tutorial for Gimp I will try to actually find a more clear tutorial either video or picture and instructions that will do better, this is just a quick explanation.
Creator
515 cr points
Send Message: Send PM GB Post
39 / F / In your heart
Offline
Posted 11/29/08 , edited 11/29/08


In answer to your question...you're not seeing a little palette window that has one more more things listed like history, layers, and such, right? There's an easy way to fix that, just go to window and go down to the second section to open the palette(s) you use most often and then you should have that little palette window open up in your work area. This little bit is also mentioned in the basics course for Photoshop CS2 users that I have gone over below.

Also for photoshop CS2 beginners, and I mean real beginners who just have gotten the program, I'd suggest taking these online courses to familiarize yourself with photoshop's layout. It helped me progress a lot faster and with more understanding of photoshop than if I had tried to without them.

Photoshop CS2 Basics Online Course

The courses are free and I can tell you from experience that you will be better off after using these, even if they don't really go into any real detail on creating things...these are more just for learning your way around photoshop a little before you get started in anything more complicated.

Also, I would appreciate any other questions to something in particular be posted here rather than in the tutorial thread...cause I have a post I have to delete now. You can quote it there then copy and paste it here so that I can get your question and not have to worry about deleting and offending someone for deleting the post and answering them here.
Creator
515 cr points
Send Message: Send PM GB Post
39 / F / In your heart
Offline
Posted 12/21/08


Are you talking about font resources for gimp? Or font effects done in gimp? For resources or text effects just make a forum for them. If you're asking where to find those resources...well I suppose we'll have to do some research to find resources...but one place to find tutorials and other resources for gimp...try their official site. www.gimp.org
Member
838 cr points
Send Message: Send PM GB Post
26 / F / Philippines
Offline
Posted 12/24/08


My question is: where can you find that occupancy (red font)? is it the same with opacity? Thank you!
Member
838 cr points
Send Message: Send PM GB Post
26 / F / Philippines
Offline
Posted 12/24/08
hi! just wanna ask what photoshop edition are you using? mine's 6.0. because as i was following the instructions in the tutorial i've noticed some things that were mentioned but not found in the program that i'm using.. and also where can i download brushes? tanx so much! Merry Christmas!
Creator
515 cr points
Send Message: Send PM GB Post
39 / F / In your heart
Offline
Posted 12/24/08

miminghanna wrote:



My question is: where can you find that occupancy (red font)? is it the same with opacity? Thank you!


It would be my guess that whoever did this tutorial meant to say opacity instead of occupancy...but it would help if I could see the pictures to know for sure. Could you leave me a link to the tutorial so that I can check it myself?


miminghanna wrote:

hi! just wanna ask what photoshop edition are you using? mine's 6.0. because as i was following the instructions in the tutorial i've noticed some things that were mentioned but not found in the program that i'm using.. and also where can i download brushes? tanx so much! Merry Christmas!


and the current tutorials we have on here are for photoshop 7+...guess i need to edit the posts for the photoshop tutorials so that people will know which ones the tutorials work with best. Thanks for pointing that out. I will try to add some for the earlier version tutorials for photoshop since you don't have photoshop 7 when I have some time. Or get one of the mods to.

Member
838 cr points
Send Message: Send PM GB Post
26 / F / Philippines
Offline
Posted 12/25/08 , edited 12/25/08
Hi! tanx for replying to my questions. this is the link that you requested earlier..
http://www.crunchyroll.com/forumtopic-325534/FeatAvatar-tutorials-for-Photoshop.html#16257251
Creator
515 cr points
Send Message: Send PM GB Post
39 / F / In your heart
Offline
Posted 12/25/08

miminghanna wrote:

Hi! tanx for replying to my questions. this is the link that you requested earlier..
http://www.crunchyroll.com/forumtopic-325534/FeatAvatar-tutorials-for-Photoshop.html#16257251


Lol, no problem...that's what I'm here for...and thanks for leaving the link...I kind of thought it was one of the ones I had added on here...and yes it means to change the opacity...I guess I need to change that word...because I just copied pasted all the tutorial from the original site to here...so it wasn't my doing. Fixing that now.
First  Prev  1  2  Next  Last
You must be logged in to post.