View Full Version: Tips/Tutorial Thread

Die Hard Baseball > Tutorials > Tips/Tutorial Thread



Title: Tips/Tutorial Thread


RedRuffing15 - January 2, 2006 01:09 AM (GMT)
Paint

As I said before, I made a tutorial on how to make sigs and GFX on Paint, what i did is only for basic, but soon enough I'll do the advanced one.

Hope you like it.

Paint Tutorial Page

bosoxdiehard - January 2, 2006 01:20 AM (GMT)
Gimp

I didn't make it, but its good.

Learn to use GIMP

amped3 - January 13, 2006 12:41 AM (GMT)
Gimp


Well, I am not an expert at GIMP but I know 3 things that could make your signatures, avators, or banners look more professional and have more style.

Adding Borders: To add a border, simply select a layer in the layer dialog box that you want to put the border into. Then, in your signature window, go to "Script-Fu" on the menu bar. Drag your mouse down to "Decor" in that menu and you will see "Add Border" as a subdropdown under "Decor". Select "Add Border". Next, you will choose the size of your border for the "X" (horizontal) and "Y" (vertical) intervals. I usually size them both at "1". Choose the color of the border and click "OK". I don't know how to use that color value or whatever it is called. A border should appear after clicking "OK".

Example: (look on the edges at the border)
user posted image

Adding Grids or Scanlines: To add a grid, select the layer that you wish to add the grid to. Then, on the menu bar, go to "Filters" > Render > Pattern > Grid. When you get to the Grid box, choose the spacings and color that you want in the grid. A preview shows up on the top left of that box. After choosing everything, click "OK" and your grid should show up.

Example: (look in the BG)
user posted image

Putting a logo into the Background: All you do is select the picture you would like to put in the background and lower the opacity of it towards the top of the Layers Dialog box.

Example: (look at Mets logo)
user posted image

These are just a couple of things to make your graphics closer to a professional designer quality.

sidthekid87 - January 19, 2006 04:34 AM (GMT)
Photoshop

Step 1:

Okay…you wanna open up photoshop and select new from the file drop down menu. Make it 400 pixels wide by 150 pixels high as shown in the box below…

user posted image


Step 2:

Now its time to make your background….stay with me here..go to filter….then when it drops down go to render….then out of the render selections click DIFFERENCE CLOUDS….the first set of clouds may not be that good…use ‘ctl+F’ to scroll through the different clouds till you see one you like….

user posted image

Step 3:

Now we add a bit of colour to the background…hit ‘ctl+U’ and you will see a text box like the one in the picture below come up….this is where u pic the colour of the background…click colorize In the bottom right corner and scroll the hue bar till you see a colour you like…for this we r using 214…after if oyu like you can play with the saturation and lightness bars to get the setting of your choice….click ok once you have the colour you desire….

user posted image

Step 4:

Okay now its time to pick the picture you want to have in there,,,for our purposes im using BJ and his wife...there r lot sof good pictures on google images…okay usually the pictures are too big..so get your rectangle selector tool from the top left of the margin and select the whole picture, then hit ‘ctl+T’ and when u see the little boxes appear in all the corners use them to resize it to what works on you sig.

user posted image





Step 5:

Now we have to drag the picture onto our sig…for this you make sure the selection tool is turned off..to do that you can grab the lasso tool located right under the rectangle selection tool u just used and click it once on the picture….then get the grab tool…iots locad right beside the rectangle selevtion tool and click on the picture and hold it…then drag it over to the signature and let go of the mouse to drop it there..then still using the grab tool position it to where you want to on the sig…I put it in the right hand side for ezample as you can see below.

user posted image

Step 6:

Okay this is the tough part and the part that most people screw up on…what you need to gdo is cut BJ and his wife out of the background…for this we grab the eraser tool…or the lasso tool…either will do…personally I use the lasso tool to delete large sections of undesired picture and then do the hard close in stuff with the eraser…u can right click when using the eraser to change the size of it if need be..i like to keep mine in te 6-8 range. Carefully cut out BJ and his wife or whatever pic u want to use….and u should end up like the pic below.

NOTE***** if you screw up erasing a part and he loses a led...go to file undo or go over to the history window on the right side and right click on the wrong move and hit delete....this will save you from redoing all the other steps....

user posted image


Step 7:

Youa re almost DONE,,, now we have to put some text in there….grab the text tool the big ‘T’ off the menu to the left and click it on the sig, you can ove the text around after….now choose a cool font and appropriate font size and something witty to say and type it in…then position it properly on the sig…

user posted image

Now this was just an easy way to make a good sig but as you get better you can start to play around with the opacity as well as the background. Under the filter drop down there are tones of cool background effects..my personal fav is liquefy and plastic wrap…

Neways guys that should get ya strarted … any questions just ask them below and I will respond or ne other graphics efforts….

THANKS FOR TAING SIDTHEKID87’s TUTORIAL

Santana - March 26, 2006 03:39 PM (GMT)
Photoshop

Step 1:
The first thing I’m going to do is open up a picture.

user posted image

Step 2:
After you have opened your picture your going to use, duplicate the layer, or (CTRL+J)

user posted image

Step 3:
Now, where going to make the picture a little darker, using the “Blending Change”

Step 4:
While on the top layer, click the dropdown box of the blending changes. Put it to “Overlay”

Step 5:
Now merge the two layers together. (CTRL+E)

user posted image

Step 6:
Duplicate the layer again. (CTRL+J)

user posted image

Step 7:
With the bottom layer selected, go to Filter>Blur>Motion Blur

user posted image

Step 8:
Keep the distance 20, but you can mess around with the angles. (My angle is at 0)

Step 9:
Selecting the top layer, change the opacity to 80%

Step 10:
Merge down the layer(CTRL+E)

This is what it looks like when it's done:
user posted image

Santana - April 3, 2006 02:37 PM (GMT)
Fonts

Step 1:
Go to www.dafont.com
user posted image

Step 2:
Find the font you want and on the right hand side, click on Download.
user posted image

Step 3:
A window should pop up and click on save to disk (Mozilla Users) then click OK.
user posted image

Step 4:
The zip file should go in “My Documents”
user posted image

Step 5:
When the download is done, click on “open”
user posted image

Step 6:
It should take you into winzip, and then click on the font file.
user posted image

Step 7:
Go up to the icons and click on “extract”
user posted image

Santana - April 3, 2006 02:38 PM (GMT)
Step 8:
Then another window should pop up and at the top, put in C:\WINDOWS\Fonts
user posted image

Step 9:
Now go check if the font file is in your “fonts” folder.
user posted image


user posted image


user posted image


user posted image

Santana - April 12, 2006 04:04 AM (GMT)
Borders
  • Make a new layer
  • Go to the Rectanglur Marquee
  • Highlight the whole sig
  • Right-Click>Stroke>Have it on 3 pixel inside and make it black
  • With the layer still highlighted, Right-Click>Stroke>Have it on 3 pixels center and make it white
  • Now, with the layer still highlighted, Right-Click>Stroke>Have it on 1 pixel inside and make it black

Element - April 15, 2006 01:51 AM (GMT)
From now on, make a new topic. (Not pinned)

Closed




Hosted for free by InvisionFree