SB's Complete Guide To Rendering and Sig Making

Hey.... [MENTION=28026]Selvaria Bles[/MENTION]; I'm using gimp btw.... How do you resize the render to fit it in the 500x300 mark????
 
You have to go the tool bar and go to scale image

I think its under image or another heading :p
 
I did that.... Just wouldn't let me.... Will I just mess around it a little longer..... Just recently started to use it.....
 
uukkhh,,,i find that using gimp is harder than photoshop>.<.....is it because i'm not used to it?=/
 
hmm...it's better if we use stocks and c4ds=/...but yeah...it good too to make our own bg:>
 
yeah...stock is ....a picture of something like...spacestock, springstocks etc....c4d is a like

3d render like this :

1684541-IMGP8WW.png


there are a lot of c4d...you can use both...stock and c4d to make a cool effect in your sig^^

oh wait there's fractal too...
 
Oh... I see... A mesh of stuff peoples already made to make an awesome bg from it....
 
yeah.....there are a lot of them in google....i still couldn't fully use it tho'...it usually turn out bad>_>
 
Rather find a simple bg than paste it than make all those complicate bg from all those stocks ans stuff.... Learning to make your own bg is better in the long run....
 
hmm...do you know about feature imageready in photoshop selva?...i can't find it in my ps
 
hmm....i was searching for tut in devian and youtube and found that some of them use adobe

imageready=/...but it looks like they have include imageready in ps....
 
Imageready is an software by adobe you have to install it seperately
Meaning its a different program then photoshop.
 
oh i see....how big is the file man?...and where can i download it?
 
Well you willl have to ether torrent it or download from the adobe website for morney.

Also not sure how big it is...
 
hmm...oh well...better use ps..it's already has adobe image ready features anyway=/


ok...thank you man^_^
 
Hi all since alot of people seem to have trouble cutting the proper renders, I thought a guide should be quite helpful.

note sigs are all about creativity, these steps are merely guidelines and not set rules

so don't be afraid to change things up a bit or introduce different techniques

Sigs can get very complex but I am merely doing a basic sig to get the creation process started. I will talk about advanced techniques later on.


Note: as more tips are learned this guide will be updated

there are many programs out there that can be used. The most Popular are Photoshop CS5(cracked or bought) and Gimp (free)

Many people use one or the other, I prefer to use both, Depending on the image, I use both to render. Most of my graphical work is done on gimp, the only my animation is done on photoshop, since it can't be done on gimp.

First step in the process is selecting the right image, which can be as easy or hard pending on the image

There two different types of image files we use The first on is .png and the other is .img

.png is usually the image with a transparent background, while. img comes with a simple or complex background.

1) Search for png images or pre-cut renders, so you all you have to do is paste on your background

if you can't find png images or you can't find the right image you want to use

2) Search .img images with a 1 color background, this way when you use a wand tool you can simple click the image and the whole thing will be selected

now if you still can't find an image your going to have to cut out an image manually using gimp or photoshop, meaning your in for a long and tedious process. it shouldn't take more then an hour to cut out an image if you work efficiently on gimp or photoshop. The quality of the render depends on your ability to cut it out.

The Second step in the process is finding the right background or creating one yourself

1) use google and find right background you want
2) using photoshop or gimp tool bar and go to the filters tab and create one using that.

Using photoshop or Gimp to create a background

Step 1

Create a new background and size according to forum rules of whichever forum you plan on creating it for
in asf case you will be making the sig 500 by 200pixels ( it can be 500 by 300 pixels aswell)

Step 2

Go to the filters bar and go to the down to the render section and you will see a nature tab , a cloud tab, a pattern tab

the tab we will be using is the nature one and we will be using something called a flame which basically puts a pattern on the background. there many pattern options in the flame tool, so don't hesitate to experiment. Bascially you will keep on using this tool til you get a crazy pattern, after which you can change the color with colorize button under the colors tab. There other ways to color it aswell, but I find this way effective.

Once your background is done now come the rendering the image portion of the guide

Step 1) Open the image or images up

once your image is open if its .png the image will appear with a transparent background, meaning all you have to is cut it and paste on your background. If its not follow the rest of the steps

If it has a simple color background (using photoshop only)

Step 2) click the wand tool and the entire image should be selected (in some simple background this may not work be warned)
Step 3) right click the image and select the button select from inverse or something with the word inverse in ( too lazy to look it up right now) this will no choose the image instead of the image shape in the background.
Step 4) Cut it and Paste

If the above method didn't work or if it has a complex background (c5 and gimp)
Step 2) using the wand tool and background eraser tool cut away the background without damaging the image
If your using the gimp you will be using the anchor tool instead which will have you placing anchors around the image. Once the anchors are placed, you will hold the shift button (if using a mac) and go to the select tool and scroll down to from path
Step 3) Cut it and paste it

Once your image is pasted on your background, now all you have to do is add effects by ether blending it in the background or using the many effects tools at your disposable in ether software.

Voila you now have a sig ( you can add a name in the sig if you want be creative and experiment)

How To Get Round Corners

1) Go to Filters Setting and click on decor and click round corners botton
2) Go under the layers tabs and make the white background transparent by clicking a button which unlocks it and gives it invisible background
3) Save it as .png file otherwise a white background will follow it

Pop up sigs
1) simply paste images on the the rounded image since its a png image it will go over the background if its large enough :p
2) you can also resize the image for different layout and show your creativity

Gifs

are simply many frames that come together to form a larger image like how cartoon is made
inorder to use gifs in your sigs you need to learn the size limit of the forum you want to use it, here we have a unwritten code of 500KB

Note All of the buttons you need are in the frame boxes which appear when you entering the frame section, if they don't go to the tool bar and click the show frame button

1) to go the animated tab in photoshop to see how many frames your gif has
2) copy the your sig over and and over again by clicking the new frame button, til it has the same amount as the gif
3) select all frame in the gif and click the copy button
4) select all frames in the sig and click the paste button
5) A small window will pop up and click the option that say to paste the image on the background, make your the the link the frames button is clicked. If this button is not clicked, you will have a much harder time moving the frames around later on. Basically this button allows all the frames to moved as one
6) now once its pasted the images should pop up on sig somewhere usually the top left corner
7) making sure all the frames are still selected, click the design tab. On the buttom right side of the screen will be a box with all the layers on it, simply click the lock button and click the top most layer and this but a chain logo on the side of the all the layers for the gif. Enabling you to move it as however you like.
8) once its moved, simple go back to the animation section and the play the gif to see all the frames moved properly
9) specify the frame duration and duration of the entire gif, you want it to run nonstop make the loop infinite ( there is button for the loop on the button left of the frame boxes
10) once done just save the the sig in .gif format

I hope all this guidelines help you and if you have any question don't hesitate to ask me :)

Nice Guide!!!
 
  • Like
Reactions: mekenimerlaur

Users who are viewing this thread

Latest profile posts

DarkSniper wrote on Shine's profile.
AUO wrote on Shine's profile.
Can you reupload this?
アオハループ
nobis_c wrote on Shine's profile.
Also, could you update this one please? The bugs are horrendous and they put many additional features. Thanks.
アノ子は僕の性奴隷
Morisoba1988 wrote on Shine's profile.

[240117][VRゲーム屋さん] 【VR】学びな日常~あなたの部屋が女の子たちのたまり場に!?~ [RJ01133621]

Do you have the latest versions of these?
nobis_c wrote on Shine's profile.
A reupload request. Do you still have this in your database?
お兄ちゃんは私だけのものなんだからっ!!