RedDeadForums.Net

Community => Creative & Design => Topic started by: TheNex on September 05, 2010, 12:16:46 PM

Title: Graphics Tutorials
Post by: TheNex on September 05, 2010, 12:16:46 PM
[align=center]

(http://i856.photobucket.com/albums/ab127/ChristopherD68/TutHeader02.png)

TUTORIALS:
Clipping Images (http://www.reddead.net/forums/thread-tutorialized?pid=163123#pid163123) | Backgrounds 01 (http://www.reddead.net/forums/thread-tutorialized?pid=165651#pid165651) | Basic Animated GIF Creation in Photoshop (http://www.reddead.net/forums/thread-graphics-tutorials?pid=168990#pid168990) | Turning a Graphic Gold (http://www.reddead.net/forums/thread-graphics-tutorials?pid=190409#pid190409) | Fonts and Text Placement (http://www.reddead.net/forums/thread-graphics-tutorials?pid=207584#pid207584)
Scrolling SIG Without Scrollbar (http://www.reddead.net/forums/thread-graphics-tutorials-creative-tech-talk?pid=211063#pid211063) | Basic Fade In/Out in GIFs (http://www.reddead.net/forums/thread-graphics-tutorials-creative-tech-talk?pid=216304#pid216304) | Movement Using Tween (http://www.reddead.net/forums/thread-graphics-tutorials-creative-tech-talk?pid=217171#pid217171) | Controlling Filesize in Fireworks (http://www.reddead.net/forums/thread-graphics-tutorials-creative-tech-talk?pid=220684#pid220684)
Creating Text on a Path (PS) (http://www.reddead.net/forums/thread-graphics-tutorials-creative-tech-talk?pid=222283#pid222283) | Blending Techniques (PS) (http://www.reddead.net/forums/thread-graphics-tutorials-creative-tech-talk?pid=218921#pid218921) | Creating a Texture (PS) (http://www.reddead.net/forums/thread-graphics-tutorials-creative-tech-talk?pid=218997#pid218997) |
Killzone Signature (PS) (http://www.reddead.net/forums/thread-graphics-tutorials-creative-tech-talk?pid=405710#pid405710)

HELPFUL LINKS:
Adobe Photoshop (http://www.adobe.com/products/photoshop/photoshop/) | Microsoft GIF Animator (free) (http://download.cnet.com/Microsoft-GIF-Animator/3000-18512_4-12053.html) | GIMP (free) (http://www.gimp.org/downloads/) | Sqirlz Reflect (free) (http://www.xiberpix.net/SqirlzReflect.html) | dafont.com (http://www.dafont.com/) | typenow.net (http://www.typenow.net/) | flamingtext.com - Online Logo Creator (http://www.flamingtext.com/)
Real Life pics of every RDR weapon (http://younggunsposse.blogspot.com/2010/11/armas-reais-de-red-dead-redemption.html) | SIG Rotator  (http://rotasig.com/rotasig2/login.php) | Abduzeedo Tutorials (http://abduzeedo.com/) | PSD+ Tutorials (http://psd.tutsplus.com/) | Vector+ Tutorials (http://vector.tutsplus.com/) | DeviantArt (http://deviantart.com)

BRUSHES:
Blood Splatter Brushes (http://vexingart.deviantart.com/art/Blood-Splatter-Brushes-11819573) | Grunge Brushes (http://keren-r.deviantart.com/art/Grunge-Brushes-3-19930365) | Abstract Grunge Brushes (http://xaliasx.deviantart.com/art/abstract-grunge-brushes-17112056) |

[/align]

Use the links above to find the tutorial you want, but don't forget to browse the entire thread for other helpful hints and discussion!  A link will be added to those above when new tutorials are added.

A special thanks to TheNex for getting this tutorial thread started and thanks to ALL the members that have added to this thread!

--DBD

_______________________________________________________________

Note from TheNex:

I saw no thread for this purpose posted here before, so I thought I'd decide to start one.

Put simply, a thread for when people need help using software, i.e. getting certain effects on their images or wanting information on where to get resources, they can ask here.

I personaly would find this useful, as a novice in the software, and I would endevour to help other people who need help. Hopefully other people would also help new comers in learning the ropes. Maybe through this more people will branch into the world of Digital Art.

Let me just Specify that this is NOT a Signature Requesting thread.
Title: RE: Tutorialized
Post by: PredawnDwarf on September 05, 2010, 12:58:50 PM
I use quick mask rather than making the selection in the more old fashioned way. It's the rectangular button with a circle in it (at the bottom of the tool bar). It allows you to paint the selection which gives (IMO) more control.
Title: RE: Tutorialized
Post by: TheNex on September 05, 2010, 01:09:04 PM
I'll start off with a tutorial in cutting images out in Photoshop.

A lot of new people tend to use the "Magic Wand" quick selection tool to cut images out. There are advantages and disadvantages to using this, Yes it is quick and gets the job done easily, but the quality can be terrible in some cases.

I previously used the quick selection when I was new to the software, but I have quickly found that using the Pen Tool is ideal for cutting the image out without damaging quality.

NOTE: This Tutorial was done in CS3.

Begin by selecting your image then choosing the Pen Tool from the toolbar.
(http://i244.photobucket.com/albums/gg18/kistrovmaffioso/PenTool1copy.png)

The begin creating a path around the image, I did this quickly so it isn't the greatest quality it could be.
(http://i244.photobucket.com/albums/gg18/kistrovmaffioso/PenTool2copy.png)

Once you have gone all the way around your image, and joined the shape, you should then Right Click and hit "Make Selection".
(http://i244.photobucket.com/albums/gg18/kistrovmaffioso/PenTool3copy.png)

This Window should then pop up:
(http://i244.photobucket.com/albums/gg18/kistrovmaffioso/PenTool4copy.png)
I left it as default, but you can edit it accordingly.

Once selection is made, your image is then ready to be copied to a new image. Hit Ctrl + C to copy it and then create a new image, (it will automaticaly stick the dimensions of what you have copied in the image dimensions).
(http://i244.photobucket.com/albums/gg18/kistrovmaffioso/PenTool5copy.png)

Once Pasted you can begin erasing what isnt wanted:
(http://i244.photobucket.com/albums/gg18/kistrovmaffioso/PenTool6copy.png)

Untill eventualy you have just your image left:
(http://i244.photobucket.com/albums/gg18/kistrovmaffioso/PenTool7copy.png)

Finished Image: (http://i244.photobucket.com/albums/gg18/kistrovmaffioso/Alien6copy-2.png)

Not my greatest cut-out, but I hope this helps newbies. :]
Title: RE: Tutorialized
Post by: DiamondBackDylan on September 05, 2010, 01:18:47 PM
Yeas...would love to see one from Barca or MrBrokenTusk...their BGs are always so friggin cool!

Nice idea for a thread, Nex. :2thumbsup:
Title: RE: Tutorialized
Post by: HIT_THE_TRAIL on September 08, 2010, 04:03:17 AM
wish i had cs3. i did aquire cs2 and GIMP. actually you helped me out i think. i used the wand and it did an ok job. once i found the perfect setting between 1 and 100(i love guessing games, so much fun). i found 9 worked well and i cut a part then a part then a part. it did it almost super perfect only one tiny flaw i didnt see until much later but in the finished product no one will see it. dude i tried the damn scissors but after i made the full loop couldnt figure out what to do next. the help instructions suck so badly. im mostly just trial and erroring EVERYTHING but i made something cool. i used an image for the background and used the magic eraser healing bandage thing to take out the main focal point person and replaced it with my new image and then with a little magic art work and alot of time i made it look like my inserted image was the real first focal point image. talk about alot of time spent. thank god what i made was so cool to me it was all worth it. just looked at it again and it appears so simple and basic in a way im not sure it will impress anyone but me.

so basically i save the cutout like you show to my computer, i also did the transparency at the same time. not sure how but i got er done and thats all that matters. then loaded the background i had planned then did the quick and dirty bandage erase then placed the saved cutout in it. that took almost a day to figure that all out. i clicked on file then place. no i have no clue how to put a fancy patterned backdrop or whatever yet. they dont really float my boat but if you use the image distort/twirl thing you can make some very pretty patterns out of any image you desire.
Title: RE: Tutorialized
Post by: Bangs on September 08, 2010, 05:32:02 AM
Quote from: 'TheNex' pid='163123' dateline='1283706544'

I'm also wondering how people create the awesome effects in the background. I'm always finding myself with a lot of blank space in the background, don't know what to stick in there.

Any Help?


Sometimes just using your render [not sized down] in the background can create an interesting background as long as you choose an interesting part of it that doesn't make it obvious that it is  just the render. Then just use the blur tools to give yourself a sort of depth of field between your main focal and the background. Just make sure the bit you want people to focus on is the clearest and sharpest.

You can also smudge things and use the layer modes to make interesting backgrounds.

(http://a.imageshack.us/img594/113/rdrl.jpg)
^ The background for this one I just moved different copies of my render around and smudges them on different layers and then set the layer modes to different things depending on where I wanted the light to be. For example the areas I wanted to be the brightest I set the layer modes to color dodge or screen.
(http://a.imageshack.us/img34/7159/fanggf.jpg)
^ that one was done with smudging too.

(http://a.imageshack.us/img704/7374/70271407.png)
^ and the bakcground for this one was just the render itself in it's original size.

Hopefully that helps you out a little >.< lol I suck at explaining things.
Really just experiment and look at different tutorials, but more than anything experiment ! lol
Title: RE: Tutorialized
Post by: TheNex on September 08, 2010, 11:39:11 AM
Cheers for the advice, I'll try out the techniques you've detailed. Also this thread is free for anyone else who wants advise on their signitures, where to go with them, how to do certain stuff. So people should feel free to ask away and I'm sure the community here would be happy to help.
Title: RE: Tutorialized
Post by: DiamondBackDylan on September 08, 2010, 11:54:39 AM
When I get a chance, I think i will do one on basic GIF animation creation in PS.  Its WAY easier than you all might think.  The hard part is getting the filesize down.  Its why many animated SIGs end up looking low-res.

Might be a few weeks before i can get to it, tho.
Title: RE: Tutorialized
Post by: TheNex on September 08, 2010, 11:56:16 AM
Looking forward to it fella'. I've made Gifs in the past, but with some lame Gif maker. It would be nice to do it properly. :]
Title: RE: Tutorialized
Post by: HIT_THE_TRAIL on September 11, 2010, 01:46:47 AM
im looking for help to animate my sig slightly for the next contest. i for the life of me couldnt figure it out altho i tried. so i made and saved 3 or 4 PSD files with the small tweaks for the animation now im willing to go farther but if i cant figure out how to get each seperate "frame" i made into the animation palette..well..its pointless to work more on it and my last frame is the ultimate frame if i have to enter a static sig, i hope i get a quick reply. i really want to do this and enter it in the next competition, i mean my 3 "frames" are good enough and will get the point across but its not quite enough and a pleasing effect to me. it needs like 3 more at least i think. and how im going to do the last 3 frames and pull of such a sublte...hell i dont know what id call it...something fluttering in the wind..or...whipping in a gale, not sure which way to go. will take me a long while to figure out im sure. but to me it has to be done to really pull the animation of so it appears super realistic and makes every thing really appear the way i wish it to.

i know this can be done if Rebel Raven can take totally different images and put them in an animation....ERASED a long long rant. please help me someone im up against a deadline and feeling the pressure and im so close and yet so far. just helping me find a place on the web that can help me would be nice. anything........ photo shop just wants to talk about CS5 on their site.

EDIT im using CS2, i had a brain storm and ill save each image like a separate sig and see if GIMP can get er done for me.....havent messed with it much yet and maybe its way more user friendly...every one talks about photoshop so i gave it a go and im very unhappy with it to be honest at this point in time. just to damn hard to use and im not stupid its just not first time user friendly whatsoever lots of technical mumbo jumbo.
Title: RE: Tutorialized
Post by: DiamondBackDylan on September 12, 2010, 02:50:02 PM
You can do it in Photoshop (PS), TRAIL.

The key is to have each of the 'frames' as Layers in a single file.  I know you are new to PS, so not sure you are familiar w/layers.  Here is how to do this (I am 75% sure this will work in CS2):

1. Click 'Windows' in the top menu and click 'Layers'. This will open a layers panel where you can see them. Should look similar to this (I use CS4):
(http://i856.photobucket.com/albums/ab127/ChristopherD68/layersPanel.jpg)

2. Open ALL your seperate 'Frames' files.  Choose the file that is the 1st frame of the animation to use as your Main File.

3. Click and DRAG each of the other frames from the original file to the main file.  This will add them to that file as layers. You should be able to see them in the Layers panel you opened earlier.

4. Once you have all the 'Frames' in one file as Layers, click Windows in the top menu and choose 'Animation'.  This will open the Animation Panel and should look similar to this:
(http://i856.photobucket.com/albums/ab127/ChristopherD68/animationPanel01.jpg)

If it looks like THIS:
(http://i856.photobucket.com/albums/ab127/ChristopherD68/animationPanel02.jpg)

Then click the small button in the bottom right corner of the panel ((http://i856.photobucket.com/albums/ab127/ChristopherD68/button01.jpg)) to change the view. (I don't use the timeline...others may)

5. Now go back to your layer panel and make all the layers invisible except the one you want to be the 1st frame of your animation.  To do this, click the eyeball graphic ((http://i856.photobucket.com/albums/ab127/ChristopherD68/button02.jpg)) next to the layers you want to make invisible.

At this point, the 'Layer you still have visible should match the 1st 'Frame' in the animation panel.  You first frame is done.

6. Click the 'new frame' button ((http://i856.photobucket.com/albums/ab127/ChristopherD68/button03.jpg)) on the animation panel. You will now have your second Frame in the animation:
(http://i856.photobucket.com/albums/ab127/ChristopherD68/animationPanel03.jpg)

7. Change which frame is visible in your layers panel from the 1st Frame to the layer you want the second frame to be.

8. Repeat steps 6 and 7 until you have all the frames you need for the animation.  Remember to do the frames in the order they will appear.

9.  Below each Frame in the animation has a drop down menu for how long you want that frame to play:
(http://i856.photobucket.com/albums/ab127/ChristopherD68/Untitled-3-1.png)

Change each frame to the time you want it to show. You can hit the play button in the animation panel to preview it.

Once that is done, you're basically done.  Click 'File' and choose 'Save for Web and Devices..." and this will bring up a large save panel:
(http://i856.photobucket.com/albums/ab127/ChristopherD68/savePanel.jpg)

Use this panel to optimize your final GIF file.  This is very important...maybe the most important part of creating Animated GIFs; while THIS site has no requirements about file sizes, most websites where users can use graphics DO give file size limits.  Also, if the file size is too large, the animation may not run correctly or can get corrupted.  The smaller the File Size, the better it will run.

There are also several tricks to get the filesize down, like only animated the parts that actually move instead of seperate, complete frames. Its just a matter of finding a balance between the file size and the quality of the actual animation.

I hope this helps, TRAIL.  Some of it might be slightly different since we are using different versions of PS, but I think this will get you started.  You just gotta play with it for a while.

Good luck and can't wait to see your entry!!! :D
Title: RE: Tutorialized
Post by: TheNex on September 12, 2010, 04:31:16 PM
Thanks for the tutorial! I'll give it a go when I get some time, maybe I may use animation in the next competition ;]
Title: RE: Tutorialized
Post by: HIT_THE_TRAIL on September 12, 2010, 08:56:03 PM
thanks alot DBD i will study your tutorial and gleen all i can out of it. i believe i kinda understand but not quite so i will be studying your tutorial in great depth. the help you gave wont go to waste ill get it figured out im sure!

in the mean time i found another way to get er done with help from Rebel_Raven i downloaded a free Microsoft GIF Animator and its really simple imo to use. it requires you to do two things save your seperate frames as a GIF before putting them into the animator, and make them the same overall size. i already had all my "frames" so this was so easy for me to do.(the same size rule im gonna break in the future i bet but for the sig to appear the same size all the time all frames gotta be the same size and i screwed up on one)

i have 9 frames of animation so far 4 are really scene resetters. i was just screwing around with...well you will see...and trying to make a cool to me still sig featuring just...you will see. i made two still sigs that are ultimate cool to me, but didnt try putting my sig part on em. anyhow i just plopped em in the animator and holy smokes they are animated! i mean they appear to move but fluidly! its so wow looking to me. anyhow im not gonna mess with that part altho its not totally logical, it just looks amazing to my eye anyhow. wipes the scene nicely and my animation restarts. YAY ME!

NOW i wanna go in and do it using Photoshop and clean up the flaws that werent apperant to me when it was un animated, animation itself adds flaws itself like ghostly images altho hey what hes doing being kinda ghostly is no biggie. but there are things that i think i represented well but will people see it as what i represent? hell idk and i dont care. what i made is so whoa thats so cool i could enter what i have now in the contest and be super happy and proud of it. FLAWS and all.
Title: RE: Tutorialized
Post by: HIT_THE_TRAIL on September 13, 2010, 06:43:58 AM
for anyone having trouble using the photoshop animator this is also another way to animate something and i found it real easy to do. but i still will figure out to use the photoshops. i can see many advantages to it that this method lacks. i also posted this in the bi-weekly signature contest thread to help one person. perhaps posted here also it can help more people?

FREE MICROSOFT GIF ANIMATOR (http://download.cnet.com/Microsoft-GIF-Animator/3000-18512_4-12053.html)

check this toy out. if you can save something in GIF format (im 100% sure you can instead of jpg or whatever you save for web as now) then you can so easily then put it in this Microsoft GIF Animator and heres the cool part...its free. did i mention its so easy??? i have Rebel Raven to thank for letting me know how she created her sigs.

THANKS AGAIN REBEL_RAVEN. btw i asked for her permission to tell others her secret she had no problem with sharing shes so cool.

MICROSOFT GIF ANIMATOR INSTRUCTIONS YOU DONT REALLY HAVE TO READ THIS PART BUT IT WILL HELP WITH THE ONE OR TWO FLAWS IT HAS.
make all your frames the same size and saved as a GIF file. load your frames in backwards order to start(idk y its dumb but its free). select them all with the select all frames button set your delay and choose looping forever. it has one other flaw it wants to rush through the last frame in your animation as fast as it can so.. just drag the last frame to copy it into the next slot. set your duplicate last frame to a low short time is what i did like 10. then view it with the play button next to the help button that will actually help you because the tools so simple. tweak your timing on individual frames if you want and then save your new animated gif. so easy a caveman like me can do it and tell others how to. lmao

i swear on a stack of bibles if you can make two sigs one somehow different you can make an animated sig!

oh i suggest when making frames you make the PSD file name like "joker sig 1" and the gif save "joker sig gif 1" or some kinda easy system that its obvious which is what and what order. Plus you have an editable version of each frame with a PSD file save as well as the gif save for each frame. you might be in trouble if you only save a frame as a gif. cant tweak on the layers like you can on the original photoshop document file.
Title: RE: Tutorialized
Post by: sF Fizzy on September 14, 2010, 08:49:37 PM
I will eventually be making a youtube tutorial video explaining some of my sigs as ive been asked how to make em... theyre actually quite simple but ill post when i make it
Title: RE: Tutorialized
Post by: Kingcgc on September 15, 2010, 09:33:48 PM
Quote from: 'HIT_THE_TRAIL' pid='169418' dateline='1284374638'

for anyone having trouble using the photoshop animator this is also another way to animate something and i found it real easy to do. but i still will figure out to use the photoshops. i can see many advantages to it that this method lacks. i also posted this in the bi-weekly signature contest thread to help one person. perhaps posted here also it can help more people?


FREE MICROSOFT GIF ANIMATOR
http://download.cnet.com/Microsoft-GIF-A...12053.html

check this toy out. if you can save something in GIF format (im 100% sure you can instead of jpg or whatever you save for web as now) then you can so easily then put it in this Microsoft GIF Animator and heres the cool part...its free. did i mention its so easy??? i have Rebel Raven to thank for letting me know how she created her sigs.

THANKS AGAIN REBEL_RAVEN. btw i asked for her permission to tell others her secret she had no problem with sharing shes so cool.

MICROSOFT GIF ANIMATOR INSTRUCTIONS YOU DONT REALLY HAVE TO READ THIS PART BUT IT WILL HELP WITH THE ONE OR TWO FLAWS IT HAS.
make all your frames the same size and saved as a GIF file. load your frames in backwards order to start(idk y its dumb but its free). select them all with the select all frames button set your delay and choose looping forever. it has one other flaw it wants to rush through the last frame in your animation as fast as it can so.. just drag the last frame to copy it into the next slot. set your duplicate last frame to a low short time is what i did like 10. then view it with the play button next to the help button that will actually help you because the tools so simple. tweak your timing on individual frames if you want and then save your new animated gif. so easy a caveman like me can do it and tell others how to. lmao

i swear on a stack of bibles if you can make two sigs one somehow different you can make an animated sig!

oh i suggest when making frames you make the PSD file name like "joker sig 1" and the gif save "joker sig gif 1" or some kinda easy system that its obvious which is what and what order. Plus you have an editable version of each frame with a PSD file save as well as the gif save for each frame. you might be in trouble if you only save a frame as a gif. cant tweak on the layers like you can on the original photoshop document file.


(http://i53.tinypic.com/viftc7.jpg)
-Facepalm-
_______________________________________________________________
35 minutes till the download is finished
Title: RE: Tutorialized
Post by: HIT_THE_TRAIL on September 15, 2010, 09:45:05 PM
@Kingcgc are you still having troubles? 35 minutes? man it took me not long at all and i think my nets really slow. i just have basic DSL.

anyhow you can PM me if you want or need some help also.
Title: RE: Tutorialized
Post by: HIT_THE_TRAIL on September 17, 2010, 12:49:49 PM
can anyone tell me why the transparent part to the left of john shows up as white instead? just messing with a supposed image of a wolf soldier i found in the scary stories thread. i find it funny theres a deer laying down looking at john not the wolfman. i just added john and my user id.

(http://i931.photobucket.com/albums/ad152/HIT_THE_TRAIL/john-kills-werewolf.jpg) saved as JPEG



(http://i931.photobucket.com/albums/ad152/HIT_THE_TRAIL/john-kills-werewolf2.gif) saved as GIF
Title: RE: Tutorialized
Post by: PredawnDwarf on September 17, 2010, 01:16:48 PM
Quote from: 'HIT_THE_TRAIL' pid='172195' dateline='1284742189'

can anyone tell me why the transparent part to the left of john shows up as white instead? just messing with a supposed image of a wolf soldier i found in the scary stories thread. i find it funny theres a deer laying down looking at john not the wolfman. i just added john and my user id.

(http://i931.photobucket.com/albums/ad152/HIT_THE_TRAIL/john-kills-werewolf.jpg)


It's because you have saved your image in JPG. JPG does not support transparency. Save it in GIF.
Title: RE: Tutorialized
Post by: HIT_THE_TRAIL on September 17, 2010, 06:14:26 PM
Quote from: 'PredawnDwarf' pid='172207' dateline='1284743808'

Quote from: 'HIT_THE_TRAIL' pid='172195' dateline='1284742189'

can anyone tell me why the transparent part to the left of john shows up as white instead? just messing with a supposed image of a wolf soldier i found in the scary stories thread. i find it funny theres a deer laying down looking at john not the wolfman. i just added john and my user id.

(http://i931.photobucket.com/albums/ad152/HIT_THE_TRAIL/john-kills-werewolf.jpg)


It's because you have saved your image in JPG. JPG does not support transparency. Save it in GIF.


oh.....hey how do you know so much when you only made the one sig that i know of the whole time ive been a member? lol

Thanks for helping me yet again PredawnDwarf!
Title: RE: Tutorialized
Post by: PredawnDwarf on September 18, 2010, 02:44:30 AM
I really should make a new one, eh? :D

I spent 3 years of my life at vocational school learning to use Office, Photoshop, Flash, Fireworks, etc. softwares (and a lot of hardware and server stuff). My "knowledge" comes from there :D
Title: RE: Tutorialized
Post by: HIT_THE_TRAIL on September 18, 2010, 02:48:57 AM
cool altho i will always see you as the little avatar with the goatee you had for the longest time in your gamer stats sig thing.:cowboy:
Title: RE: Tutorialized
Post by: HIT_THE_TRAIL on September 27, 2010, 09:38:24 AM
um if anyone is real interested i could tell how to make and put a GIFSOUP gif onto a cool background...also i think i figured out a way to edit things from at least two GIFSOUP gifs into one cooler one...

anyone interested? Photoshop and Imageready are needed to do what i did, the way i did it. might be another free way to skin the cat so to speak tho.

i plan on seeing what GIMP can do in this regard as well. i know some form of animation is definitly possible using GIMP for sure. there is no doubt at all that a super artistic static sig can be done using GIMP as well. plus its freeware you could download almost immediatly. i got it but i just havent tried it out to much...from what i see if i can use Photoshop CS2 i can use GIMP...they look almost exactly alike.
Title: RE: Tutorialized
Post by: DiamondBackDylan on October 06, 2010, 11:55:49 AM
Making things "GOLD" in Photoshop:

Image to be changed:

(http://i856.photobucket.com/albums/ab127/ChristopherD68/RDR/Z1Olg-original.png)

End Result:

(http://i856.photobucket.com/albums/ab127/ChristopherD68/RDR/Z1Olg-gold.png)

Making things into 'Gold' is actually pretty damn easy.

First, use the lasso tool (I like Polygonal) to highlight the portion to be made gold:

(http://i856.photobucket.com/albums/ab127/ChristopherD68/RDR/Gold-01.gif)

TIP: The above was already pretty much grayscale ; if the image you are changing has color, then click Image > Adjustments > Desaturate:

(http://i856.photobucket.com/albums/ab127/ChristopherD68/RDR/Gold-02.gif)

After that, make sure your image is a middle gray and not black or dark gray...I adjusted the Brightness/Contrast on the image above to give the Gold I add later a shinier look:

(http://i856.photobucket.com/albums/ab127/ChristopherD68/RDR/Gold-01b.gif)

Once you have the Gray image the way you want, click Image > Adjustments > Color Balance:

(http://i856.photobucket.com/albums/ab127/ChristopherD68/RDR/Gold-03.gif)

...to bring up THIS panel:

(http://i856.photobucket.com/albums/ab127/ChristopherD68/RDR/Gold-04.gif)

Then add Yellow and Red to get the gold color.  You will just have to play with the settings depending on the image to get the "GOLD" you are looking for...remember, there are three different settings within the Color Balance Panel; Shadows, Midtones and Highlights...play with all of them:

(http://i856.photobucket.com/albums/ab127/ChristopherD68/RDR/Gold-05.gif)

(http://i856.photobucket.com/albums/ab127/ChristopherD68/RDR/Gold-06.gif)

(http://i856.photobucket.com/albums/ab127/ChristopherD68/RDR/Gold-07.gif)

Adjust the Brightness/Contrast again to get Final Product:

(http://i856.photobucket.com/albums/ab127/ChristopherD68/RDR/Z1Olg-gold.png)

THATS IT!  Pretty easy. :D
Title: RE: Tutorialized
Post by: PredawnDwarf on October 06, 2010, 03:23:34 PM
Nice tutorial Dylan. I would have used a color adjustment layer instead of changing the color balance, but your way works too. It's probably even better than my way.
Title: RE: Tutorialized
Post by: DiamondBackDylan on October 06, 2010, 04:12:27 PM
Thats an ongoing Graphic Designer debate, huh...lol  Most say that the color adjustment layer is more subtle, but I have yet to see something done with it that I couldn't do in the color balance panel...same with Brightness/Contrast vs. Curves...
Title: RE: Tutorialized
Post by: TheNex on October 07, 2010, 11:58:32 AM
Great tutorial man. I may try this out myself ^^
Title: RE: Tutorialized
Post by: PredawnDwarf on October 07, 2010, 01:51:58 PM
Quote from: 'DiamondBackDylan' pid='190615' dateline='1286395947'

Thats an ongoing Graphic Designer debate, huh...lol  Most say that the color adjustment layer is more subtle, but I have yet to see something done with it that I couldn't do in the color balance panel...same with Brightness/Contrast vs. Curves...


It's true that the layer is more subtle. I use color balance when I have a picture that has strong colors. Adjustment layer doesn't do well with those kind of images. But with images that only need a slight change and don't have much color (light shades), the adjustment layer is my tool.
Title: RE: Tutorialized
Post by: HIT_THE_TRAIL on October 08, 2010, 02:26:11 AM
yes im glad to see another way to skin the cat so to speak...i messed with adjustment layers on my movie sig...i got sickrages gun on my computer and im going to do this tutorial right now. the color you gotta start with might never thought of trying that desaturation thing. lol

i figured you might know a quick easy way DBD...as quick and easy as this appears...im shocked. lol

thanks a bunch for the tutorial.

also kinda thought getting the gun selected(split in handle) would be hard as well. its so cool i can see how you did it. because of the transparency you dont have to be detalailed at all on most of the gun just have it in the loop!
Title: Font Tutorial
Post by: Amazonagent on October 25, 2010, 04:11:13 AM
Hey everyone,
I thought about adding some helpful tips to this thread in regards to using fonts in avatars and signatures. Many times on different forums (not just here) I see people who have sigs/avvys that have great images that lose their strength with a misuse of fonts. It could be due to not having the right tools (having MS Paint rather than a more powerful photo editing program like Photoshop) or just lack of experience. It's nothing that can't be remedied with a few simple tricks. We all start as beginners but with practice and help from our fellow siggy making friends anyone can get proficient at making better sigs/avatars. I'm going to use some of my previous avatars and signatures to give some examples of how you can use fonts in your work. Just a note I work in photoshop 7 but a lot of this stuff can be used in a free program called GIMP .

First thing you should know is that when using a font with your image most times less is more. Basically you should try and start off using a more simpler font with your image. A lot of the time since you are working with a smaller area more decorative or elaborate fonts don't translate well than a more simpler font does.

Arial (used regular and bold, uppercase)
(http://webzoom.freewebs.com/amazonagent/happy_robbie.jpg)

Times New Roman (lower case)
(http://webzoom.freewebs.com/amazonagent/sliceNdice.jpg)

Cooper (lowercase w/dropshdow)
(http://webzoom.freewebs.com/amazonagent/better_xena.jpg)

Palatino Linotype (uppercase)
(http://webzoom.freewebs.com/amazonagent/family_sh.jpg)
As you can see a basic font can go a long way especially when you have a good, strong image. The font shouldn't overpower it, only enhance it.

Now while using simple fonts always work great, it's nice to change it up once in a while and use a font thats a little more decorative. Try to using a more decorative font that is crisp, legible, and that goes well with the theme of your avatar/sig. It's also a good idea to try and use drop shadows or adjusting the blending mode on the fonts to give it a little something extra. (oh and a lot of these fonts can be found on dafont.com)

Plain Germanica (lowercase)
(http://webzoom.freewebs.com/amazonagent/Cybil%20100/cybil_lookup3.jpg)
this font accentuates the image of the tough cop that Cybil is trying to survive in Silent Hill.

Mechanical Fun (italicized)
(http://webzoom.freewebs.com/amazonagent/haul_ass.jpg)
The slightly frantic, distored look of the font accentuate the severity of Muder and Scully's escape.

SF Movie Poster (top font) & Crack Babies (bottom font, uppercase, color=taupe (#B49E94), set to 'color dodge')
(http://webzoom.freewebs.com/amazonagent/PHBassart.jpg)
using opposite types of fonts add to the disjointed feel of the image of Pyramid Head holding a spear. Also using the word 'Enthusiasims' with a distorted font type contradicts the meaning of the word and adds to the disturbing feel of the signature.

Now once you get the hang of how to use your fonts to effect you can really have some fun with fonts by combing different techniques.

A nice way to keep a font from just blending into the background of a picture and making it "pop" is by using a nice brush or solid shape behind the font.

Fontdinerdotcom Sparkly
(http://webzoom.freewebs.com/amazonagent/suziehome.jpg)
I used a fun 50's style font to accentuate the humor of Scully going undercover as a suburban housewife. I put a pair of long rectangle shapes and skewed them at an angle to add to the 50's look and to make the font stand out a little.

Arial black (drop shadow)
(http://webzoom.freewebs.com/amazonagent/coward.jpg)
I wanted a monochromatic look to this one but I didn't want the font to just blend into everything so I added a little drop shadow to the font and I threw a little artistic square brush in a slightly darker blue behind it.

Hannibal Lecter
(http://www.fileden.com/files/2006/10/17/296645/sourgrl_sig1.2.jpg)
I used a nice scripty font to go with the whole dark, gothy look and tone of the Stone Temple Pilots song 'Sour Girl' BUT I feel like something's missing and the lyrics on the bottom kinda get lost in part of the image behind it...
(http://webzoom.freewebs.com/amazonagent/sourgrl_sig.jpg)
So I added some blood drip brushes in red behind the font. Now the font is more legible and the blood splatters add to the feel of the sig.

So those are just some of the things you can do with your fonts. I have a lot of brush work and adjustment to my images in some of the avvys/sigs but the font adjustments for the most part are simple to pull off even if you aren't an advanced photo manipulation user. If there are any questions about what I've shown just ask in this thread and I'll do my best to reply. Happy sig/avvy making!!! :D
Title: RE: Tutorialized
Post by: Immature Toast on October 25, 2010, 04:27:04 AM
Nice tutorial! I'm gonna try that now :P
Title: RE: Tutorialized
Post by: DiamondBackDylan on October 25, 2010, 03:18:54 PM
Yea, Amazon...Excellent advice! :2thumbsup:

And to anyone else reading it...it is not a slight on anyone...I have been doing graphics for many years and I still find myself struggling with Font choice and text placement, so no worries! :D
Title: RE: Tutorialized
Post by: Immature Toast on October 25, 2010, 03:27:34 PM
Really useful tutorials in this thread! =D
Title: RE: Tutorialized
Post by: HIT_THE_TRAIL on October 26, 2010, 03:08:23 AM
i agree with DBD and im glad Amazon wrote this tutorial. the hardest thing about making a sig for someone else is making the text look nice. if its animated or for myself i wont bother with it to much.

i just made a sig for brothers of chaos...the darn font took as long as all the rest and im still not sure i went the right way (i did several different text choices)  others around here seemed to really like what i made, im biased against chinese rocks text myself, never cared for it so i cant see what i made as really really really good. lol

basically half of a sig is the text. why i always felt contest entries must have a "signature" in them. not putting any text on a sig makes it way to easy. lol

i read the DWB pimp your sig thread(DBD's posse...the green team) he gave his posse mate some suggestions for font on a sig i thought looked really darn cool already. im kinda suprised all the tiny details his pro eye sees.  i think he can tell if you rastersize a layer or not and thats crazy to me. lol

he gave some good super pro advice i will go back and read again. i suggest to all aspiring sig makers to find that thread and look at all the cool sigs in it. they go all out on the sigs for the members and if i dont go there and look i might never see some of the guys and their super awesome sigs.

its also why i felt i didnt quite do chaos and his new posse justice. lol
Title: RE: Tutorialized
Post by: DiamondBackDylan on October 26, 2010, 11:46:08 AM
Thanks for the compliments, TRAIL.  There are actually a cpl graphic-savvy guys in DWB and I have learned a TON from Doc (DWB Leader), who is also a pro Graphic Artist.

And the brothers of chaos SIG you did is, imho, some of your best work so far (so is your current SIG, btw...Awesome!) here at RDnet!

Very subtle and the FONT placement and Style is what really makes the SIG for me.  The fact that it ever-so-slightly blends into the background, but you can still read it, is very cool!
Title: RE: Tutorialized
Post by: Amazonagent on October 26, 2010, 12:48:18 PM
Quote from: 'DiamondBackDylan' pid='209173' dateline='1288107968'


And the brothers of chaos SIG you did is, imho, some of your best work so far (so is your current SIG, btw...Awesome!) here at RDnet!

Very subtle and the FONT placement and Style is what really makes the SIG for me.  The fact that it ever-so-slightly blends into the background, but you can still read it, is very cool!

Exactly! Well said...I feel the same way.
Title: RE: Tutorialized
Post by: DiamondBackDylan on October 26, 2010, 01:59:33 PM
Well damn...couldn't get the 'Merge Threads' to work correctly, so had to make the changes creatively...lol

@TheNex:  You still have access to the first post, so if you would like to help me keep the links up to date, you are welcome too.  If not, no worries; I'll take care of them.  Your first Tutorial is now in the 3rd post.

I am in the process of adding the links now...

----------------------

EDIT:  Ok...links are added.  This is SUCH a cool thread, I wanted to organize and dress it up without having to start over.  I think it is easier to navigate now. :)

Again, no need to worry about the first post, Nex, unless you want to... ;)

Hope no one was around to see what a mess I made of this thread for a few minutes...lol  Is all good now tho.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: DiamondBackDylan on October 26, 2010, 04:05:35 PM
Ok...I guess its time to share a freeware that can create some impressive results...its one of my big secrets... (not really...lol)

Sqirlz Reflect (http://www.xiberpix.net/SqirlzReflect.html)

It is a program that is for water reflection effects and some weather effects.  it can also be used to create other effects as well.

Example: (I also wanted to show this here...this one turned out real nice...lol)
(http://i856.photobucket.com/albums/ab127/ChristopherD68/RDR/KuzuSIG04.gif)

I have added the link to download the program to the OP links. :)
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: Richard_Turpin on October 26, 2010, 04:12:33 PM
Sweeeet... I've always wondered how to do that kind of stuff, made several dreadful attempts at it so i'm glad you posted this :D
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: HIT_THE_TRAIL on October 26, 2010, 07:16:08 PM
yeah i was surprised no one was curious how i animated water. lol

sqirlz reflect is very easy to use. getting it just how you want it to look does take some time tho.

also make what ever your goint to reflect perfect first before using sqirlz id say not the other way around and then work on it photoshop. idk i only did it once so cant really give pro advice about it. i just was so go hung on doing water. got it perfect and went to do touch ups on a gif and lost some image quality.

also im gonna do a tutorial on the Brothers Of Chaos sigs text because really its nothing even a very first time sig maker couldnt do to make their text look cooler....i did it on my photobucket sigs alot. the only thing i did i couldnt then was bunch the letters up...mess with spacing and distribution of letters. i wrote it but i need to simplify it. also re read amazons advice and make sure im not restating what she did somewhere. also try to show and not tell so much. ill post it tomorrow.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: HIT_THE_TRAIL on October 26, 2010, 07:18:01 PM
[align=center](http://img827.imageshack.us/img827/645/brothersofchaos.jpg)[/align]

i think some people are curious how i did the text on this sig. its an old trick i did often in my photobucket.com days on the text. ill share it  cause its super useful if you got text that cant be seen for some reason but your in love with the text color. also it gives your text a 3 dimensional appearance. will make the plainest boring flat text really pop.

[align=center](http://img89.imageshack.us/img89/2/brosofchaosrebel.jpg)[/align]


above is 3 layers of text the top most layer is pure black like the background. (originally chaos wanted a rebel battle flag and its ok but without it being animated not so cool looking) for text i was gonna go black and all you would see is the white outline above and then see the horses shading is blueish so i was going to have that color outline under and to the right of the black letters in the shadow blue color (i made the lighting and shadow wrong in the example above to try to give it interest and perhaps a tiny touch of chaos lol)

with the grey skull flag he then asked for the blueish light on the horse and the white and blue outlines for the black text looked wrong so i had to do something different. this flag looked squarish so i changed fonts to RDR FONT (Chinese Rocks) plus hes a newer member and most newer members seem to think its awesome cool. but how to make the weird lighting that was so wrong to my eye on the flag less noticable? make the totally black text look flagish. i set the spacing and size and position just right using a little "file" looking icon on the top of the screen(sorry dont know the name) but it pops up a window that makes working with text way easier.

i used the options in that window to set my text height, width, spacing, font choice and color. you dont have to type in values you can click and drag next to the choices like a slider. i went with it bunched together so it was like a group of brothers as one unit basically and i never seen it done around here so style points. for the text color after clicking on the color option i moved the pointer over to the area of the flag i wanted to sample with the eye dropper till i chose the "right" spot.

i then duplicate my text layer and using the little file pop up text window i choose a different text color for that layer. easy i chose white. i then just used the move tool to offset that layer how i imagined the light was coming from above and slightly left kinda how it is on the riders skull.

still didnt look right so what the hell ill try an artistic touch and select black paint and about a 10 pixel brush. choose my flag greyish layer and try to paint it. you will be warned you need to "rastersize" the layer(no clue what the word means but if you dont you cant paint on it so you gotta. lol) i free hand drew a random wiggle line across the layer of text then took the smudge tool (new thing i never tried) and smeared it around a little. looked better reminded me of the flag going from new black to sun faded grey which was the kind of flag i had to put on the sig cause a straight black one would just blend in.



[align=center](http://img214.imageshack.us/img214/7637/brosofchaos2.jpg)[/align]


now i also had a blueish underline text layer and damn it was a hard decision whether to go with it or not but i chose not cause it looked simpler cleaner and yeah you have that it shows up but its also just a slight difference from your background thing going on as well. imo the blue underline makes the text the whole focus of the sig and not the rider and the flag. also if your subject is on the left and the text is on the right. well what ever is most right is always going to get more focus than the left. so it was over kill on the text imo. it looks more chaotic tho kinda bends the letters, so damn it was a tough call.

[align=center](http://img401.imageshack.us/img401/8642/brosofchaos3.jpg)[/align]


heres a sig without the duplicated different color layer...pretty simple looking. for me when i make a sig for myself the images is of upmost importance and if you look at the 3 with no highlight, just white highlight then white and blue highlight...the more you make the text on the right stand out alot the less focus you have on the subject image on the left.

the no highlight text when i look at it my eye is drawn to the skull on the flag and stays there on the super highlighted text my eye is drawn to the text and it stays there.

its a balancing act i tried doing and compromise is always a part of it.

i didnt want the posses name or the posse image to be more dominate than the other. wanted both to have impact tho as well.

DBD says (and others as well ive watched tutorials of) your eye wants to read images left to right so use it or counter act it if you want. lol

want someone to really see something put it in the bottomish right side. its the last thing they will see if everythings balanced.


feel like i wrote this tutorial assbackwards. ill come back and clean it up and make it more logical as best i can.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: TheNex on October 27, 2010, 08:10:48 AM
Sorry. I've been away in France on an Art Trip. Visiting all the Galleries. Cheers for the sticky DBD. I'm busy as of late, and if you are willing to take care of the links and such, then I shall not stand in your way. :]

Good work with the tutorials guys, keep it up!
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: DiamondBackDylan on October 27, 2010, 10:09:15 AM
No prob, dude...:)

And your current SIG reminds me of my Grandson...he has that look on his face most of the time...lol
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: HIT_THE_TRAIL on October 27, 2010, 05:02:55 PM
ok i promised a trutorial today but...man its a super simple thing to do. how do i super simple explain it?

then im asked to explain my scroller sig...lol its not that difficult really either but when you start getting detailed about it it sounds confusing and hard and its really not.
[align=center](http://img827.imageshack.us/img827/645/brothersofchaos.jpg)[/align]

simple answer for the BROTHERS OF CHAOS sig is duplicate your text layer and offset it. its 2 exact same text layers and i painted the upper one after locking the transparent pixels a shade of the flag and then drew a black line across it wiggly and used the smudge tool to mess it up some. i always like to pick a color from my subject if i do that technique. just "looks right" if you do imo.

double your text layers and offset them and super flat dull text can have either a "dropshadow" if black or like the BROS OF CHAOS sig a highlight oppisite of a drop shadow. or you can do both and get a cool 3d super text look. my Agony sig had that. photobucket is where i learned it.but your background cant be pure black has to be just lighter than black for the three layer to work.

EDITITING in instructions to set up your text spacing and positioning. since i made it i forget that one of the coolest looking parts is how the text is positioned around the horses head and the no spacing on the RDR FONT(chinese rocks text...available for free at dafont.com)

it was a fluke accident but one i enhanced by positioning the text with the horses head in "the hole" it just looked like it would fit nice after i put "brothers of chaos" on and knew it had to be 3 words one on top of another (altho its one layer not seperate layers for each line) it wasnt planned but my coolest sig ideas happen from freak occurences i see and capitilize on an enhance.

i recently learned there is a small mini pallette icon on the very top of the screen when working with the text tool. it looks like a funny looking file symbol to me...but its suppose to represent a pallet. if you put your pointer over it, it will say "Toggle the Character and Paragraph palletes"

HELL YEAH! YOU ALWAYS WANT IT ON WHEN WORKING WITH TEXT! assbackwards it doesnt come on unless you find the secret symbol!

to learn to use it i suggest you just toss some text on something and "place" that text in the normal basic way. select your text layer in the layers pallette and turn the Character and Paragraph pallette on and just play around with all the different settings. you can quickly change font styles, sizes, spacing, letter heights and widths, color...etc. you dont have to type in values either. if your pointer is on the left hand side of a box you can click and drag a virtual slider and adjust things.

its "HOW" i positioned my cool simple two layer text effect perfectly to my eye "around" the horse. i didnt use it to do the offset of the "white" layer tho. i just used the move tool. i had it all set up and it looked to tight to the horse so i used the X coordinate at the top of the screen with the move tool...moved both text layers over  5 pixels and walla a masterpiece to others eyes is born. lol

still dont quite see it as real cool myself..but how to make it better? idk. lol

[align=center](http://img714.imageshack.us/img714/5976/scrollingscarlet.gif)[/align]

simple answer for the scroller sig is use guides spaced at even intervals aproximatly 25 frames worth. my guides were set at 14 pixels apart from the bottom to move from her rearend to her face in 26 frames. her face was the only open unlined with guide parts before i started animating by creating a layer from the background selecting the rectangle "marquee tool" and the top open rectangle and creating a new "face" layer by copy. then a new frame and move the huge image layer up to the next higher guide, select the big face rectangle with the marquee tool make a layer from copy. do that till her rear end gets up to the "face" rectangle.

then you gotta double your frames and make sure the layers show in reverse on the way down. if i could show and not tell, everyone could make one and with highly accurate moves like i did. the math was kinda challenging. i had a distance to move of 364 pixels and i wanted roughly 20 frames of animation to move from the very bottom to the top (about a 10 pixel move i was thinking would be ideal) and i had to find a number that would divide into 364 perfectly. 14 was the answer.


learn to use guides if your going to mess with animation. it will make it so much easier and more pro looking. know when to set snap on and to turn it off. they are both found under the "view" option. on the very top of my photoshop screen. they seem easy enough to figure out to my construction background mind they need absolutely no explanation. i just didnt for the longest time know they existed. now i do, i use them on everything it seems now. on my version of CS2 there is a "tape measure" hidden under the eyedropper tool on the tools pallette. its damn near worthless if you dont have guides set up and snap turned on to measure thing quick and easy and accuratley.

oooh. i did use a sample BS layer painted white and semi transparent with guides placed where i wanted on the very bottom at first so i could see the frame at the very bottom and set up the face frame rectangle at the very top..and damn now it sounds super pro complex and it aint at all. i figured it out all on my own! you can to with the hints ive given if you really want to.. perhaps DBD can do it and do a show and not tell tutorial.

my next goal is to figure out how to set up some of these super time consuming animation projects using "automation" save me boatloads of time.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: MrBrokenTusks. on October 28, 2010, 05:26:34 AM
Anyone have any specific tutorials that they think  I should do? Any styles I use that others might want to know?
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: HIT_THE_TRAIL on October 28, 2010, 05:43:34 AM
Quote from: 'MrBrokenTusks.' pid='211639' dateline='1288257994'

Anyone have any specific tutorials that they think  I should do? Any styles I use that others might want to know?


i think your video game contest sig was pretty cool and i saw some of the behind the scenes images you used for it MBT. i think it would make an interesting "style how to tutorial"....if you do as well and its not to difficult to explain for you.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: MrBrokenTusks. on October 28, 2010, 05:57:37 AM
This one you mean?

(http://i56.tinypic.com/2jihl2.png)

I would be up for it, but it was more using blending modes to my advantage tbh. Not really a style, but if anyone wants to know how I will write a tutorial no probs.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: HIT_THE_TRAIL on October 28, 2010, 06:11:26 AM
just an idea. if you have a better sig that shows more techniques so people can learn...i say pick a good one.

maybe wait and see if DBD has a suggestion for you? you might do something he would like to know about.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: MrBrokenTusks. on October 28, 2010, 06:43:55 AM
I am writing one for it in microsoft word at the moment, so I can get it right I will post it when done, but if anyone has any other ideas. I will do them, but yeah this isn't going to be a very exciting read it is just going to be about using blending modes, but still get it to look seeable instead of the common "what is that" it will also be about duplicating layers, to make things look more dynamic and enhance colour.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: DiamondBackDylan on October 28, 2010, 01:24:50 PM
Great Tip on the Chaos Text and great tutorial on the scroll, TRAIL.  Will add a link to OP. ;)

Quote from: 'HIT_THE_TRAIL' pid='211063' dateline='1288213375'
i recently learned there is a small mini pallette icon on the very top of the screen when working with the text tool. it looks like a funny looking file symbol to me...but its suppose to represent a pallet. if you put your pointer over it, it will say "Toggle the Character and Paragraph palletes"

HELL YEAH! YOU ALWAYS WANT IT ON WHEN WORKING WITH TEXT! assbackwards it doesnt come on unless you find the secret symbol!

You can also get to this panel in the Windows dropdown of the top navigation. :)

And I am VERY interested in a tutorial for your Games entry, Tusks!  Blending is something I have never done in PS. Well...that isn't exactly true.  There are many aspects of PS that I have not had the chance over the years to get into.  I have a million and one work-arounds and procedures for manually doing things that could be done way easier if I knew how...a result of being self-taught ...lol

So Tutor away!!! Can't wait to read it! :D

And I have a:

QUICK TIP

Sharpening images, especially when the final product is going to be fairly small (like a Forum Signature) can make a huge difference in the way it ends up looking.

I use a .3 Radius in Unsharp Mask to almost everything I do!

To get to the Unsharp Mask (and ALWAYS use this, not the automatic sharpeners) click >filters >Sharpen >Unsharp Mask...

This will open a Panel that will look like this:

(http://i856.photobucket.com/albums/ab127/ChristopherD68/RDR/UnsharpMaskPanel.jpg)

You can make subtle changes with the 'Amount' but I usually don't use it.

Below is an example; first image is stock...second image is sharpened with a .6 Radius:

(http://i856.photobucket.com/albums/ab127/ChristopherD68/RDR/zebra01.jpg) (http://i856.photobucket.com/albums/ab127/ChristopherD68/RDR/zebra02.jpg)

Big difference. :)
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: HIT_THE_TRAIL on October 28, 2010, 04:18:43 PM
cool DBD ill try your sharpen technique.

someone should do a borders tutorial im thinking.

 i see a few new sig makers who i think would really like to know how.

if they dont atm...they will real soon.:cowboy:
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: MrBrokenTusks. on October 28, 2010, 04:24:48 PM
I actually prefer the first image is that the one you sharpened?
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: DiamondBackDylan on October 28, 2010, 04:26:31 PM
Yea...it was a quick tutorial...I actually would have used the Sharpen 'Tool' on that particular image so the legs wouldn't have gotten over-sharpened...but it gets the point across.

Might go back and put in a better example later.  its one of those things where I use it every five minutes, but the minute I need to show something, can't find a suitable image...lol
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: HIT_THE_TRAIL on October 29, 2010, 03:59:33 PM
@ DBD of DWB nice old time oval table bar sig DBD i was gonna rate it but i get beat all the time when i want to tell someone their sigs real cool....and heck yeah the wolf bannaer and posse sigs you made are awesome. i saw them recently.

dude i think the last frame of all my animations is getting rushed. i thought it was a Microsoft gif animator thing but my gun twirler sig looked like i screwed up and forgot a frame and my Scrolling Scarlett at the bottom jumps a frame fast and i didnt make it that way and now my TheSigGodHTT (black knight on a horse) skips a frame fast and man it bugs me. tell me does it skip a frame for you? if it scrolls for real for you keep it to yourself...lol

nope its the very first frame on this sig...man flaws in animation bug me so much, its not my fault either. ill have to double up the first frame probably to fix it but the timing is real important to me and the "feeling" of the sig. what a pain to adjust. i bet the timings different for everyone. whats slow to me and my computer is to fast on another computer.

maybe its an imageshack problem? dude i never saw this dropped frame stuff before with photoshop, now three sigs in a row and my halloween sig are screwed up animation wise.

ill try a photobucket version before i mess with anything else.

EDIT: YEP ITS IMAGESHACK! dont use it if your gonna do animation people.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: HIT_THE_TRAIL on October 29, 2010, 05:50:02 PM
@DBD a tech animation question...did you use tweening to do the fades to different scenes in the...idk what to call it. real looking but art, old west, oval sig?

i try tweening but it dont work right it seems for me always just ends up looking messed up. any tips on how to use it like a pro. i mean i didnt really even notice the fades to much until i really got to studying it intensley. it must be tweening...
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: DiamondBackDylan on November 01, 2010, 01:40:24 PM
Yea...a cpl tips, actually...

The first thing you could do to get a 'clean' fade is do it by hand, frame by frame.  A 20% downgrade on Tint per frame at .1 seconds produces a decent fade without the filesize going thru the roof, which I am sure you have seen happens pretty easy using tween.

So, create a frame of what you want to fade out and reduce the tint/transparency from 100% to 80%, create a new frame and reduce it to 60%, etc, etc...until down to 0%.  To get a smoother fade (in OR out), go inj increments of 10% instead of 20%.

Now, if you DO want to use the tween, this is something that is a simple fix but took me AGES to figure out (a duh moment for sure). This might be a bit difficult to explain...

Say you have 4 layers and you want each layer to be a frame of the animation, so the animation will have 4 frames (like my oval SIG has 4 frames b4 text). Now as you know already, to make each layer a frame of the animation, you would create a new frame and then make sure that the only layer with the eyeball next to it is the one you want in that frame.  Repeat this and you have your animation, but with no fade between frames.

So I believe this is where you are when you are trying to use the tween to fade one frame to another.  Its also where the 'duh' moment comes in...lol

The reason the result looks messy if you tween one of these frames to another is that there is a transparency that shows 1/2 way thru the tween cuz (and here is the kicker), there is nothing else showing UNDER the frames being tweened!  So, this means that as the first frame is fading OUT and the second frame is fading IN, there is a gap where both frames have a 50% tint, leaving the viewer to see what is below it and if there ISN'T anything below it, the whole tween kinda washes out.

To correct this, make sure that there is something showing below the frames being tweened, OR order the layers in a way that the frame fading in is above the one that is...oh hell, this is where its too hard to explain...gonna do some graphics to show what I mean...brb

-----------------

Ok...here is what we are working on:
(http://i856.photobucket.com/albums/ab127/ChristopherD68/StorySIG01-tutor.gif)

This is what the animation Panel looks like b4 tween:
(http://i856.photobucket.com/albums/ab127/ChristopherD68/AnimationPanel01-1.jpg)

Here is the LAYERS panel for first frame of animation:
(http://i856.photobucket.com/albums/ab127/ChristopherD68/LayerPanelFrame1.jpg)

Here is Layers Panel for Second Frame:
(http://i856.photobucket.com/albums/ab127/ChristopherD68/LayerPanelFrame2.jpg)

Notice how I left the layer for the first frame visible (eyeball) and BELOW the 2nd frame.

Here is the Animation Panel AFTER Tween w/a .1 second time on each frame:
(http://i856.photobucket.com/albums/ab127/ChristopherD68/AnimationPanel02-1.jpg)

Because the second frame is kept visible during the Tween, you don't get that washed out look.

-------------------------------------

Just reread this whole thing and it isn't the clearest, but not sure how to say it any more clear than this.  Hope it helps. :)



Btw, just curious what you all think the 'story' is in my SIG.  I'm wondering if what I intended is coming across...
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: HIT_THE_TRAIL on November 01, 2010, 03:10:24 PM
yeah it does help! exactly why tweening is messed up and looks wrong...that transpearancy showing in the middle. ill mess with it and reread your tutorial...i kinda think i get it but right now my brains fried. i put in a huge effort on Frank the bunnies sig and of course its to fast when i get here i got frames at different timings so its not a simple solution and one i got no will power to tackle whatsoever atm. maybe not even for a day or two. hahahaha
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: HIT_THE_TRAIL on November 02, 2010, 08:40:38 AM
hey the story of the sig is...a dude arrives in town obviously comes in by train..but theres an atmosphere of "marshall law" in the town. he goes to the saloon and parties it up and wins big at poker....guessing one of the guys thinks he was cheating or just got real mad for losing all his money and a fight ensues and then the law hangs the poor guy altho it probably wasnt his fault.

am i right?:cowboy:

PS i totally understand your tutorial on fading and tweening.

see i wanted tweening to move an object from one location to another and it does kinda. but if your subject moves halway from point A to point B and then theirs that transparancy totally in the middle and you have your object at point A showing in a layer underneath your two tweened start and ending frames....(why does this stuff sound so complex and extremly difficult when you start talking about it in detail? hahahaha)well it would move almost half way and then start fading out and seem to move backward and then halfway plus a little and then materialise more as it gets to the end point. ill do one just for fun to see if im right, and post it here.

its not much of an animation aid imo the tweening of two frames altho the help instruction make it sound like its an animators magical best friend. ill mess with it some more but its not the trick i would love it to be unfortunatly so far.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: DiamondBackDylan on November 02, 2010, 09:49:51 AM
Yea...Working w/animated GIFs is EXTREMELY limited.  The tween is only good for a cpl things, unlike the tween in other programs like Flash.  And filesize...its the biggest problem with GIFs.  A fairly complex animation in GIF format might be as much as 10 or 20 MEG (or more!).  The same animation done in Flash (or 3rd party flash maker like Swishmax) can have a filesize of 10 or 20 kilobytes and will run smooth as silk.

You should try Swishmax...wouldn't help any for Forums (no flash will EVER be allowed on ANY forum), but you would absolutely LOVE what you can do with it. ;)
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: HIT_THE_TRAIL on November 02, 2010, 09:54:44 AM
dude i was so wrong....look! i call it WTF! ANIMATION!

(http://i931.photobucket.com/albums/ad152/HIT_THE_TRAIL/WTFanimation.gif)

tween will move a layer from a point A to a point B accuratley and with no fade!

big deal right? well im thinking maybe instesd of taking hours and alot of hard work setting up and complicated math.....a scrolling sig could just take minutes to make!
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: DiamondBackDylan on November 02, 2010, 09:56:35 AM
You used tween to move the bike?

You gotta share that...new to me. :D
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: HIT_THE_TRAIL on November 02, 2010, 10:03:43 AM
i will be back with two images to show for examples but i placed the bike image on my hand drawn road back ground layer then i duplicated my animation frame and moved the bike layer to the other end of the road and hit "tween" and selected 20 frames and thats it!

oh i set a long delay on all frames so the image not fading could be seen in my crude example.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: DiamondBackDylan on November 02, 2010, 10:12:09 AM
Wow, man!  You learn something new every day!  That's awesome!  Will save me MUCH time in the future (I build GIF banners in my RL job too!)

Thanks!!! :D :D :D
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: HIT_THE_TRAIL on November 02, 2010, 10:30:38 AM
well ill just repost it on this page. i cant make an easier tutorial or example.

(http://i931.photobucket.com/albums/ad152/HIT_THE_TRAIL/WTFanimation.gif)


its just a background layer and one image layer placed on it at one end. on your animation pallete theres a little triangle button. make sure "new layers visible in all frames" is off and also turn off "create new layer for each new frame"

duplicate your first frame. select the move tool and move your placed image whever you want it to end up. select "tween" and choose the amount of frames you want and the software does the rest.


so why didnt i figure this out sooner you ask? well it dont work if say you have a movie captured off of you tube and you want the last image to move where the first image was. tween is for moving layers not for moving images altho images can be on a single layer. tween is for moving a layer over the top of another layer as a background.

anyhow im gonna try and make a massive scroller sig and time myself. actually i can see how it might take a little longer than seconds but man its like i was crawling and now im in a super sonic jet for animation on these suckers!(if it works and im 95% sure it will. lol)

[align=center](http://i931.photobucket.com/albums/ad152/HIT_THE_TRAIL/gunchickscrolls.gif)[/align]


it took me longer to get it uploaded on photobucket and displayed here than it did to make. about 10 minutes total build time. if i made it much smaller, and did the up and down version i would have to do the tween twice one for the going up and once for the coming down to make a scroller instead of a roller like this one.

crazy easy consideering how hard and painstaking and super time consuming (several boring hours of monotonus moves after alot of monotonous setup) my first two were to make i was never gonna make one again. hahahaha
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: DiamondBackDylan on November 02, 2010, 10:54:35 AM
Nice, TRAIL...added to OP links. :2thumbsWAYup: :D
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: HIT_THE_TRAIL on November 02, 2010, 11:40:48 AM
updated my tutorial with a 10 minute to make scrolling monster sig.:cowboy:

(i call it rolling because its like its on a cylinder just keeps rolling past)
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: DiamondBackDylan on November 02, 2010, 12:56:11 PM
You know what I wish you could do with GIFs using a Tween-like tool?  Zooming!

I wish you could change the size of a layer in different frames without it changing ALL the frames that layer is in...I know its the nature of the (GIF-making) beast, but doin it takes a long time to create a zoom and with so many layers to do it, filesize makes it impossible!
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: HIT_THE_TRAIL on November 02, 2010, 02:28:34 PM
well im thinking of doing a zoom experiment with tween.

i only got as far as thinking it was possible maybe with tween. take my first motorcyle image at normal size and then put it at the end of the test track and make it tiny and see what tween does. im guessing it will shrink as it goes along.

how file size fits into the equation...idk im clueless atm.

LMAO your sig changed while i was contemplating all these new tricks and i saw it in the official sig request thread! WOW that one is good!

did you see that knights in white satin video? your talking about zoom and your new sigs are reminiscent of the art in it :cowboy:
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: DiamondBackDylan on November 02, 2010, 02:37:16 PM
hadn't thought of that, TRAIL...will have to give it a try...not sure it will work tho.  PS (or Imageready) would have to 'create' new images for each tweened frame, and I don't think it will...worth a shot, tho!

And no, couldn't get the vid to work...
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: HIT_THE_TRAIL on November 02, 2010, 08:47:01 PM
well the large to tiny motorcycle zoom trick dont work but on one experiment the large motorcycle moved toward the little one and faded every frame until it disapeared at the end.

the large and small were on different layers and then i tried to tween the gap so to speak. the small just sat there and faded in to full...being. good easy way to do a ghost horse disappearing or something i guess. lol
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: sF Fizzy on November 03, 2010, 06:14:49 PM
(http://fc05.deviantart.net/fs70/f/2010/272/5/1/signature_tutorial_by_hellobrandon-d2zqt3h.jpg)
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: MrBrokenTusks. on November 03, 2010, 06:22:26 PM
This it the killer tutorial I was waiting for I can't wait to use this, On a predator, though I wish you used the one with all the lines (zombie or pig josh) how do you get them, and have the same effect they do on yours? I know how to do something similar but it never looks as good as that.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: sF Fizzy on November 03, 2010, 07:43:07 PM
[align=center]SCAN LINE TUTORIAL[/align]

1. In Photoshop, create a new image. From the drop-down menu, select File>New or click Ctrl+N with your keyboard. The New Image dialog box will open. Add the following information:

Width: 3 pixels
Height: 3 pixels
Resolution: 72 pixels/inch
Color Mode: RGB Color, 8 bit
Background Contents: Transparent

2. Since we're going to create a specific pixel by pixel 45-degree diagonal scanline pattern, zoom in the view to 1600%.

3. From the Tools palette, select the Pencil Tool. Set the brush size to 1px.

4. Also from the Tools palette, select Black for your foreground color.

5. Now we're ready to draw the pixel grid pattern with the Pencil Tool. Using the Pencil Tool, add the first black pixel to the top left of your image. Add the next pixel at the bottom middle of your image, and the third pixel to the right middle.
(http://i55.tinypic.com/1z5450n.jpg)

6. Create a pattern based on this pixel grid image: from the drop-down menu, select Edit>Define Pattern.

To use the pattern, just select your canvas (whatever you're working on) (I think it's select > all) then go to edit > fill and select the pattern option, then choose the pattern you made.

I usually use mine on overlay and drop the opacity.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: HIT_THE_TRAIL on November 04, 2010, 12:26:07 AM
interesting i could make a blue jeans sig or something using that pattern as well. it does have that rough canvas material look to it.

@DBD you were gonna do a tutorial on your bond sig and the light on the gold part...was that a clipping mask?

also im curious how your animating living creatures so nicely. my armadillo and eagle gunslinger/RDR sig and your butterfly now.  are you using perhaps the illustrator program? the butterfly appears so simple and to be honest other parts of the sig caught my attention alot more but now i want to know. how the heck do you do that? hahahaha

also i saw some smiley animated avatars you made...i saw some on photobucket a long time ago...i had no clue you made them!

they are so cool.
Title: GIF, JPG and PNG - The differences
Post by: Harrison jess on November 04, 2010, 05:52:48 AM
The GIF format is one of the most popular formats on the Internet. Not only is the format excellent at compressing areas of images with large areas of the same color, but it is also the only option for putting animation online (unless you want to use Flash or other vector-based animation formats, which typically cost more).
The JPEG format, with its support for 16.7 million colors, is primarily intended for photographic images. The internal compression algorithm of the JPEG format, unlike the GIF format, actually throws out information. Depending on what settings you use, the thrown out data may or may not be visible to the eye.
The third, and newest, file format that's widely supported by the Web is PNG (pronounced Ping). PNG was developed to surpass the limitations of GIFs, and as a means by which developers can avoid having to worry about the patent licenses associated with other formats. PNG was designed to offer the main features of the GIF format, including streaming and progressive file formats
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: DiamondBackDylan on November 04, 2010, 10:16:14 AM
Thanks, Colt, for the new tutorial!  Like Tusks, I also have been waiting for this one!!!  I will definitely be trying it! Will also add link to OP.

@TRAIL: While I HAVE done some animal animations, the armadillo was just an one I downloaded from animationfactory.com.  It is a pay site that has hundreds of thousands of animations.  I would add it to the OP's usefull links, but it's kinda expensive...

The smiley's you saw were from there as well.

For the record, I could do those if I wanted to... <> lmao

You always do give me more credit than I deserve, TRAIL...lol
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: MrBrokenTusks. on November 04, 2010, 01:52:16 PM
Me using your tutorial but still keeping it very different, well I think it is very different.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: DiamondBackDylan on November 04, 2010, 02:18:57 PM
Nice, tusks!  Similar, but w/your own style. :2thumbsup:
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: MrBrokenTusks. on November 04, 2010, 02:24:56 PM
I didn't do all the smudging that was in the tutorial. I tried it and was like "oh shit this is like a colt copy" so I changed it. I know it isn't really my usual style what I meant by that was I put my own spin on it because if I am honest it is not similar to anything I have done. And DBD Dw I will use your giger sig, I change my sigs and wallpapers like I change my clothes
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: sF Fizzy on November 04, 2010, 03:54:46 PM
nice one tusks :D
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: HIT_THE_TRAIL on November 05, 2010, 12:53:10 AM
well im still glad i asked DBD cause i didnt really know about animated clip art now i do tho obviously. thanks again for the tip.:cowboy:

i found mine on photobucket for free. i was going to replicate your current sig for fun but went a different way instead. i dont know why the idea to make a sig like i did never occured to me but once you said how you did the sigs well the how and for free part was pretty obvious.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: Dylan on November 05, 2010, 09:15:20 PM
Okay this is a tutorial to help people with Fireworks to keep the file size of Animated GIF's low. I use Adobe Fireworks CS5 (https://www.adobe.com/cfusion/tdrc/index.cfm?product=fireworks), but this can be done on any version...not sure if you can do this in Photoshop or Gimp. :-/

Anyway:

When you have you image made go to FILE>EXPORT WIZARD:
(http://img23.imageshack.us/img23/8955/filef.png)

Check the box Target Export File Size then type in the approx. size you want it to be, e.g 800KB (It may effect the quality depending on what you enter):
(http://img529.imageshack.us/img529/2557/targetexportsize.png)

Click Animated GIF
(http://img594.imageshack.us/img594/1638/animatedgif.png)

This is the Export Preview screen previewing what the GIF will look like:
(http://img132.imageshack.us/img132/612/imagepreviewf.png)

You can change Animation Speed and File Type if necessary
(http://img841.imageshack.us/img841/9629/optionsfileanimation.png)

When done, click (http://img233.imageshack.us/img233/6752/export.png)

Choose where to save file, it's name, etc.
(http://img221.imageshack.us/img221/9638/savet.png)

Then click save.(http://img602.imageshack.us/img602/3591/savecancel.png)
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: HIT_THE_TRAIL on November 05, 2010, 10:04:40 PM
a pro looking tutorial with the screen capture that i dont got a clue how to do for any tutorials i make...which almost makes them worthless. much better to show than tell imo.

i looked and i dont have that option export wizard or to preselect my file size. fireworks looks a little more user friendly than what im using(CS2) but i think its about all i can handle on my computer. hmmm im going to have to check out your link anyhow cause im curious. :cowboy:
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: Dylan on November 05, 2010, 10:09:44 PM
Yeah, I find Fireworks less complicated than any Photoshop lol. Fireworks CS5 is very large compared to the old ones, which is unnecessary because the only difference in it compared to the old is that it LOOKS better! lmao. So you could get the old Macromedia Fireworks becaues its WAY smaller...BTW to get pictures, I just pressed the Prt Scr/SysRq button on my keyboard then cropped the image. Maybe I could make a tutorial of that! lol
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: HIT_THE_TRAIL on November 05, 2010, 10:14:50 PM
yeah do, especially if its not a fireworks specific thing. id love to know how to do it! oooh i see a button like that on my own keyboard...um hold off on the TUT maybe...idk lol

ill have to mess with it.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: DiamondBackDylan on November 06, 2010, 11:04:18 AM
Nice, Dill!  I have always had the entire Adobe suites and have never even opened Fireworks, but your Tut makes me think that perhaps it is actually better for creating GIFs than PS.  Will check it out now.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: Dylan on November 06, 2010, 12:27:31 PM
Yeah, I find Fireworks much easier to use as I said before! lol I had PS CS4 trial but found it very complicated so I deleted it.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: Dylan on November 07, 2010, 12:13:52 AM
I'm gunna upload another tutorial for Fireworks tomorrow....can't remember what it is right now! lmao I'll upload it when I remember! :P

EDIT: Wait I remember - it was to show you how to modify text by making it go in any direction. :2thumbsup: I have something else in mind too!
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: DocRikowski on November 07, 2010, 08:43:07 PM
This could help when it comes to attach text to a shape or a path.
It's a tutorial from the Photoshop help pages:
(http://img176.imageshack.us/img176/6941/pathexpli1.jpg)
(http://img707.imageshack.us/img707/4273/pathexpli2.jpg)
(http://img832.imageshack.us/img832/1536/pathexpli3.jpg)
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: DiamondBackDylan on November 08, 2010, 11:10:29 AM
Thanks, Doc!  Perfect! ;)
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: HIT_THE_TRAIL on November 12, 2010, 04:20:34 AM
HEY DW007 i got a question for you. when you cut out an image what do you do...you can whip those babies out  quick and im curious is it a Fireworks thing that does it for you or do you got an easier faster and less painful way you do it?
Title: Converting Marquee to Path...
Post by: Dylan on November 12, 2010, 07:38:07 PM
^HERE YA GO TRAIL!! :2thumbsup:

Original Image
(http://img577.imageshack.us/img577/6558/journalist.jpg)

First of all cut out the background of your image and then select the Wand  (http://img176.imageshack.us/img176/7223/magicwandtool.png) tool and make sure the outline is set to hard.

Select the first section you want to convert and Right-click>Modify Marquee>Convert to Path
(http://img254.imageshack.us/img254/9390/convertpath.png)

It will then convert and create a new layer with the new path on it. Go to the Properties Bar to change it's colour, outline (if any), etc.
(http://img571.imageshack.us/img571/6404/changingcolouretc.png)

Add Text if needed
(http://img571.imageshack.us/img571/6462/addtxtifneeded.png)

Finish off the rest:
(http://img822.imageshack.us/img822/6546/finishoffrest1.png)
(http://img718.imageshack.us/img718/8834/finishoffrest2.png)


Eyes & Mouth
(http://img7.imageshack.us/img7/8995/eyesmouth.png)


Skin:
(http://img293.imageshack.us/img293/4660/facehands.png)

Go to (http://img714.imageshack.us/img714/7122/layerst.png) Panel

Deselect the (http://img844.imageshack.us/img844/3028/eyej.png) Tool

(http://img715.imageshack.us/img715/6348/deselecteye.png)

This will get rid of the slight outline on the image.

Choose Canvas Colour & you're done!
(http://img716.imageshack.us/img716/8120/choosecanvascolourdone.png)

Hope this wasn't too confusing! :2thumbsup:
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: HIT_THE_TRAIL on November 12, 2010, 08:13:49 PM
no i think its cool you also showed how you went about making your new avatar as well. i do see that fireworks also has a learning curve to it as well from all the amount of options to choose.


i also use that magic wand if the area is nicely defind such as a black line around it, and create a new layer by copy. i havent worked with a path...dont know what the advantages to that might be.
still im on a hunt to make cutouts that arent nicely defined quicker and much less painful. idk if there is such a thing. lol

you just over time increase your skill level at it....but i avoid it like the plague if i can and choose images on a one color looking background when i can then magic erase all the background...but thats rare.

i saw one person who thinks the pen tool is the only way to go and why. ive seen the mask method and the lassoo tool method...my version of CS2 even has an extract filter that never works it seems. hoping their was another i dont know of.

im gonna check out paths. i think thats what the pen tool creates and its one method i never really mesed with yet.

cut outs to me are probaly the hardest part of sig making. kinda why i dont do many static one image placed into another kind of sigs often. but atm there seems to be alot of sig requests asking for that and im dragging my feet. lol
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: HIT_THE_TRAIL on November 13, 2010, 06:43:27 PM
ok i wanna know how to put text on a sig or whatever say in white and then have it equally outlined aroud that text in black...i know theres a hidden thing somewhere that expands your duplicate text layer or something equally but ill be darned if i can find the secret command to get er done.

people do it all the time especially with RDR FONT(chinese rocks) ive been meaning to ask someone forever and then i forget to. also if someone could explain stroke to me...kinda think it could be the answer maybe...theres something that does that outline somehow...BUT WHERE!!! hahahaha
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: Dylan on November 13, 2010, 06:49:08 PM
Stroke is the outline!! :P
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: HIT_THE_TRAIL on November 13, 2010, 08:31:04 PM
yeah i got it figured out finally my new sig is evidence of it. i mean the where was stroke hidden in all the menus. well unless you try to paint your text layer and it asks you to rastersize it well that "stroke" wherever i found it wont be highlighted. i had a feeling stroke might be what i wanted from what i read long ago...anyhow i guess just asking made me try again to figure it out myself and i did.

some things that should be simple to do can be the most complex things to figure out on my version of photoshop. i mean its a common thing people do with text so why isnt it on the text pallette...the pallette was hidden from me and i didnt know it existed for the longest time as well.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: MrBrokenTusks. on November 14, 2010, 05:22:34 AM
^Not cool...
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: HIT_THE_TRAIL on November 15, 2010, 01:32:17 AM
^agreed...
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: DiamondBackDylan on November 15, 2010, 11:14:15 AM
If you are talking about TRAIL's banning, give me a f*cking break.  I disagree with James sometimes, but if any member posted sh*t like that towards me, I would ban them in a heart beat.

There are right ways of complaining/expressing your displeasure. Cussing at and insulting staff members is NOT the way to do it. Period.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: Immature Toast on November 15, 2010, 11:27:48 AM
Can we keep this on topic please, I'm learning a lot from this thread and improving every day :P
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: DiamondBackDylan on November 15, 2010, 11:31:12 AM
Right you are, Toast...right you are. :)
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: MrBrokenTusks. on November 15, 2010, 11:50:17 AM
No, if anything I agree with you I was saying not cool cause he took godzillacs sig and wrote a load of stuff on it that hit basically insulted him about it.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: DiamondBackDylan on November 15, 2010, 01:48:55 PM
Ahhh....cool.

I'm just tired of the whole thing really...been close to saying to Hell with this site a cpl times in the last month or so...I'm holding on for now, but if some things don't change in the near future, not sure how LONG I can hold on.

Ppl take these (or any, for that matter) forums WAY too seriously...
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: DiamondBackDylan on November 23, 2010, 01:37:16 PM
So where is that FIRE tutorial, Toast??? I been waiting and waiting... ;) :D
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: TheNex on November 23, 2010, 01:40:18 PM
I've been waiting for it eagerly too :P
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: Steahl_Senka on November 27, 2010, 08:27:37 AM
Hey guys I am using two pictures.

(http://images.trustedreviews.com/images/article/inline/4124-crackdown1.jpg) (I will cut out the higher level agent.

and (http://static.gamesradar.com/images/mb/GamesRadar/us/Games/C/Crackdown%202/Everything%20Else/Character%20Profile%20Feature/Finished/TheAgent_art--article_image.jpg)

I will get another picture to use as a backround. What I am asking is how do you make the pictures look like they are sticking out of the sig? Also how do you create a border. (If someone already posted this I am sorry but I dislike long texts on the internet)

PS: I am using gimp
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: Immature Toast on November 27, 2010, 08:41:55 AM
I will try to explain how to make a character pop out of a signature as best I can.

1. Create an image, make the dimensions about 500x600
2. When the new image comes up right click it then click on layer, transparency then add alpha channel
3. When you click add alpha channel it should turn into a transparent pattern. (If it doesn't, right click it again go to layer, transparency then click Colour to alpha)
4. Get your rectangle tool and make a rectangle about the same size as a signature
5. Get the fill tool and fill it with a colour of your choice so that you can see the rectangle your working with better
6. Add a backround of your choice to the rectangle
7.Add a cut out of a character of your choice to the image (You'll notice your cutout can now come out of the signature)
8. Once you have got everything to your liking, go to 'Image' and Autocrop it
9.Finally, save it as a .png file and your done!
(Optional) Before you save it you may want to Unsharp Mask by clicking on Filters then Enhance.

End Result:
(http://i1235.photobucket.com/albums/ff423/daftcameron1/VALJEANsSig11.png)
(^ A signature I made for Valjean a few weeks ago)
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: Steahl_Senka on November 27, 2010, 10:32:08 AM
I am having a hard time cutting out the agents :(. I used the scissors tool I got every nook and craney but every time I go around it and I press enter... it doesn't select it. What am I doing wrong?
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: Immature Toast on November 27, 2010, 10:34:15 AM
Quote from: 'Steahl_Senka' pid='234615' dateline='1290871928'
I am having a hard time cutting out the agents :(. I used the scissors tool I got every nook and craney but every time I go around it and I press enter... it doesn't select it. What am I doing wrong?

Use the lasso tool, and when your using the lasso make sure it joins up at the end.

And once you've lasso'd around the agent make sure you click on invert and then press delete.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: Steahl_Senka on November 27, 2010, 11:22:10 AM
Thanks for the help. But dude is their a way to be more accurate? From what I know Scissors is one of the most accurate..
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: Immature Toast on November 27, 2010, 11:41:25 AM
You could go on Planetrenders and get a render from there. It's already cut out for you. Apart from that, you can't really get much more accurate.

Found some already cut out

http://www.planetrenders.net/renders/displayimage.php?pid=54703&fullsize=1
http://www.planetrenders.net/renders/displayimage.php?pid=30182&fullsize=1

Save these (Make sure you delete the symbol on the first one) then add them to your signature.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: Steahl_Senka on November 27, 2010, 04:28:15 PM
Okay I am finished. It was a XCF file so I had to convert it to a JPEG file. Only problem is that its kinda blurry now...

(http://i1114.photobucket.com/albums/k521/Kajalamorth/Epic.jpg)

Here what do you think?

Oops I forgot to make it a png. Sorry.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: Immature Toast on November 27, 2010, 04:30:00 PM
It's really good man, but you should try to save it as a png.

1. If you save it as a png its transparent
2. It's slightly better quality

P.S You forgot to add an alpha channel to it. To do so, just follow the instructions  above ^

If you are having trouble I can get rid of the white bit for you and resize it to a signature size.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: Steahl_Senka on November 27, 2010, 04:33:40 PM
(http://i1114.photobucket.com/albums/k521/Kajalamorth/Epic-1.png) Here you go :)
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: Immature Toast on November 27, 2010, 04:35:23 PM
Quote from: 'Steahl_Senka' pid='234855' dateline='1290893620'
(http://i1114.photobucket.com/albums/k521/Kajalamorth/Epic-1.png) Here you go :)

Now you've got it! =D
That's awesome man!
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: MrBrokenTusks. on November 27, 2010, 04:39:01 PM
Immature, I dunno what it is about your signs but they always seem squashed, or pulled from left and right which ever way you want to look at it. This is what I think looks right, does it look normal on your screen. (http://i55.tinypic.com/29m182r.png)
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: Immature Toast on November 27, 2010, 04:41:17 PM
No, I'm not sure why it's like that, because on my screen it's fine. It could be an error on my screen or it might be an error on your screen. I'll ask around to see if anyone else is seeing it squashed. Thanks for the heads up :P
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: MrBrokenTusks. on November 27, 2010, 04:45:29 PM
This is it on my screen,

(http://i55.tinypic.com/295efzo.jpg)

pretty flat.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: Immature Toast on November 27, 2010, 04:57:10 PM
Quote from: 'MrBrokenTusks.' pid='234877' dateline='1290894329'
This is it on my screen,

(http://i55.tinypic.com/295efzo.jpg)

pretty flat.

Hmm, that's not what I'm seeing. What do you suggest to make it look less squashed. I want to see if I can fix it for both of us.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: MrBrokenTusks. on November 27, 2010, 05:32:25 PM
I dunno the one I posted up the page is what on my screen looks normal.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: Immature Toast on November 27, 2010, 05:34:48 PM
I found out the problem. I think you have different screen dimensions than me.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: TheNex on November 27, 2010, 05:35:52 PM
Yeah Toast. I think its your screen. On both of my monitors the image seems squashed. Theres not really much you can do, as far as I know. Not that I see it as a problem really.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: Immature Toast on November 27, 2010, 05:41:55 PM
I'll try using different signature dimensions. What do you use? :P
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: MrBrokenTusks. on November 27, 2010, 05:42:37 PM
Yeah as nex said its not really a problem. Is your monitor on highest screen resolouion? Can you do a prnt screen and post it here so I can see please. Just so I know if you could have a higher resolution
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: Steahl_Senka on November 27, 2010, 07:09:20 PM
It looks fine to me...

Ah man I have to shrink my sig :(.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: Bangs on November 27, 2010, 07:24:17 PM
Toast, if you use photoshop to make your signatures if you hold the shift button while resizing something [with say 'free transform'] it will keep it in proportion, so even if your screen is being awkward that should keep it looking normal for everyone else.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: Immature Toast on November 28, 2010, 05:22:33 AM
That slightly better?

(http://i1235.photobucket.com/albums/ff423/daftcameron1/CODSig2-1.png)
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: TheNex on November 28, 2010, 05:59:56 AM
Thats perfect Toast. :]
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: Immature Toast on November 28, 2010, 06:45:13 AM
Thanks =D I've put the redesigned one as my sig now :P
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: Immature Toast on December 08, 2010, 01:09:52 PM
(Sorry for double post) I'm currently having a problem with Photoshop. Whenever I make an image, it always turns out bigger than it was before I saved it. Any help would be appreciated =D
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: MrBrokenTusks. on December 08, 2010, 01:24:46 PM
you sure your at 100% zoom
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: Immature Toast on December 08, 2010, 01:26:19 PM
Quote from: 'MrBrokenTusks.' pid='243981' dateline='1291832686'

you sure your at 100% zoom


I think so, I'll check next time on, thanks! =D

If it is, I'll just need to learn to make my signatures smaller so that when it resizes itself it'll be the right size.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: DiamondBackDylan on December 08, 2010, 02:45:39 PM
It shouldn't resize when you save, Toast.  I can't think of any reason it shoud do that unless you used an 'action' to create a special way to save, but why would you do that?

Weird.

And your solution of making it smaller first, so that when it resizes it is right is BAD, BAD, BAD!  lol

You shouldn't ever make something bigger.  This is probably why all of your SIGs are always just a little bit fuzzy/pixelated.

I really tried to figure out what is happening, but i guess i need more info or some screenshots or something.

This is friggin bugging me now...lol :-/
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: lkkarus on December 11, 2010, 09:58:16 AM
I just downloaded Adobe Photoshop CS5 (trial) so I'm going to try and read some of these tips to get better, thanks guys! ;)
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: Dylan on December 11, 2010, 10:00:49 AM
That is an amazing first SIG Ikkarus!
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: lkkarus on December 11, 2010, 12:03:37 PM
Thanks Dill ;)

Question: What search engine do you guys use to find pictures?

I'm currently using Google but I can't find specific (hi res) images I want :(
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: Immature Toast on December 11, 2010, 12:04:48 PM
Quote from: 'No_Cause' pid='246500' dateline='1292087017'

Thanks Dill ;)

Question: What search engine do you guys use to find pictures?

I'm currently using Google but I can't find specific (hi res) images I want :(


Use Planetrenders. The images are already cut out and transparent plus they are HQ.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: Dylan on December 11, 2010, 12:05:47 PM
I use google. When you search for something select large images.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: lkkarus on December 11, 2010, 12:11:54 PM
Quote from: 'Immature Toast' pid='246502' dateline='1292087088'

Quote from: 'No_Cause' pid='246500' dateline='1292087017'

Thanks Dill ;)

Question: What search engine do you guys use to find pictures?

I'm currently using Google but I can't find specific (hi res) images I want :(


Use Planetrenders. The images are already cut out and transparent plus they are HQ.


Yeah, thats where I got my Drake IMG from :P
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: MrBrokenTusks. on December 11, 2010, 01:22:04 PM
Nice but you should of left his render un editied. his face his blurred.

I don't bother using renders, I use the backgrounds to my advantage like this.

(http://i52.tinypic.com/15plx1i.jpg)
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: lkkarus on December 11, 2010, 02:01:21 PM
Nice one Tusks!

Yeah I wanted his face to be blurred, IMO its looks better with the background

EDIT: Without the last blur layer

(http://img715.imageshack.us/img715/4827/drake2.jpg) (http://img715.imageshack.us/i/drake2.jpg/)
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: Immature Toast on December 11, 2010, 02:09:09 PM
Quote from: 'No_Cause' pid='246596' dateline='1292094081'

Nice one Tusks!

Yeah I wanted his face to be blurred, IMO its looks better with the background

EDIT: Without the last blur layer

(http://img715.imageshack.us/img715/4827/drake2.jpg) (http://img715.imageshack.us/i/drake2.jpg/)


If you sharpen it aswell, that will also help get rid of the blur.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: lkkarus on December 12, 2010, 11:16:19 AM
How do you make a 'light source' for your SIGs?

EDIT: Nevermind, I think I got it.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: TheNex on December 12, 2010, 02:42:41 PM
Does anyone here know how to create a Mask on a group of layers? I've been trying to remember how all day.
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: Immature Toast on December 12, 2010, 03:09:48 PM
This tutorial explains it better than I could Nex:

http://www.planetphotoshop.com/creating-a-mask-over-multiple-layers-2.html
Title: RE: Graphics Tutorials & Creative Tech Talk
Post by: DiamondBackDylan on December 14, 2010, 10:59:42 AM
Nice Toast...I was interested in that as well. ;)
Title: RE: Graphics Tutorials
Post by: lkkarus on December 20, 2010, 01:14:27 PM
the height limit 160 pixels right?

If not then I've been limiting myself...
Title: RE: Graphics Tutorials
Post by: Dylan on December 20, 2010, 01:41:44 PM
190 or 200 pixels. :)
Title: RE: Graphics Tutorials
Post by: lkkarus on December 20, 2010, 01:42:55 PM
Thanks Dilly, my next SIG will be larger now :P
Title: RE: Graphics Tutorials
Post by: DiamondBackDylan on December 20, 2010, 01:48:11 PM
200px high w/extra line for normal sized text will still scroll...175px high w/text line is safe for no scroll. ;)
Title: RE: Graphics Tutorials
Post by: lkkarus on December 20, 2010, 01:53:31 PM
Alright thanks for the clear up, don't want no scrolling here :)
Title: RE: Graphics Tutorials
Post by: lennonmichael on December 21, 2010, 12:58:01 AM
Sometimes, just use your done in the background creates an interesting background, as long as you choose an interesting part of what makes it obvious that this is what to do. Then just use the blur tool to give you a sort of depth of field between your main focal point and background.
Title: RE: Graphics Tutorials
Post by: lkkarus on December 27, 2010, 02:17:59 PM
I'll admit it's not my greatest work, but it's my first transparent SIG and the first where I used c4ds.
Feedback?

(http://img695.imageshack.us/img695/5695/lbpx.png) (http://img695.imageshack.us/i/lbpx.png/)
Title: RE: Graphics Tutorials
Post by: TheNex on December 27, 2010, 03:23:43 PM
Personally, transparency is one of my favourite tools in image making, especially with forum signatures. Yours works perfectly, it doesn't try to drag copious amounts of attention from the user, yet still contains artistic flare and craftsmanship. I love it. :]
Title: RE: Graphics Tutorials
Post by: DiamondBackDylan on December 27, 2010, 03:25:45 PM
Nice Lkk!  I agree completely w/Nex!

And that is a SacBoy, right? ;)
Title: RE: Graphics Tutorials
Post by: lkkarus on December 27, 2010, 04:52:57 PM
Thanks Nex! you too Dylan ;)

Yes it is a sackboy, love them lol

Great new SIG btw! I'm working on an animation one too
Title: RE: Graphics Tutorials
Post by: Immature Toast on December 27, 2010, 04:56:25 PM
Quote from: 'No_Cause' pid='256203' dateline='1293486777'

Thanks Nex! you too Dylan ;)

Yes it is a sackboy, love them lol

Great new SIG btw! I'm working on an animation one too


Awesome signature =) Can't wait to see the animated one!
Title: RE: Graphics Tutorials
Post by: lkkarus on January 03, 2011, 03:27:21 PM
Does anyone have any brush sets to download?

Btw the animation failed :(

So I'm working on something else.
Title: RE: Graphics Tutorials
Post by: Immature Toast on January 03, 2011, 03:54:40 PM
Quote from: 'lkkarus' pid='261457' dateline='1294086441'

Does anyone have any brush sets to download?

Btw the animation failed :(

So I'm working on something else.


This site as a lot of brushes you can download: http://www.deviantart.com/

I look forward to seeing your next signature =)
Title: RE: Graphics Tutorials
Post by: A Blunted Bullet on January 11, 2011, 07:59:52 AM
I`ve looked almost everywhere but I cant find the answer, so does anybody know the exact hight and width a sig needs to be so that I dont get a scroll bar on the side? I`ve gone as low as 150 hight and still get a scroll bar, perhaps the width is out?
Title: RE: Graphics Tutorials
Post by: CarntFace on January 11, 2011, 08:08:30 AM
Quote from: 'WitheredSeven' pid='267860' dateline='1294750792'

I`ve looked almost everywhere but I cant find the answer, so does anybody know the exact hight and width a sig needs to be so that I dont get a scroll bar on the side? I`ve gone as low as 150 hight and still get a scroll bar, perhaps the width is out?


Are you sure it's 150 pixels? And not something else.
Title: RE: Graphics Tutorials
Post by: Immature Toast on January 11, 2011, 11:13:37 AM
The limit is under 200px high. You might be zoomed in too much so eveything seems larger though.
Title: RE: Graphics Tutorials
Post by: DiamondBackDylan on January 12, 2011, 01:43:39 PM
The scrolls in MyBB SIGs are a major pain in the ass.  The limit IS 200px high, but if I do one at 200 high, it will NOT scroll at my work, but WILL scroll (just a tiny bit) at home.

It has something to do with what resolution you have your monitor set to.  I haven't experimented w/different resolution settings but am pretty sure it is one thing that affects it.

Anot6her I have noticed is that if you use the "Cntrl + Mouse-Scroll" trick to increase/decrease teh size of the text in a webpage, this can also cause the scrollbar.  I think that is what Toast means by "Zoomed in"...

No matter what tho, it is definitely annoying...
Title: RE: Graphics Tutorials
Post by: DiamondBackDylan on January 20, 2011, 04:01:50 PM
Ok...got a cool link for making quick and easy logos (some animated) online!

Some of you may know about it already, and I am sure its not the only site out htere like this, but this one works really well and has many choices and ways of customizing your logo.

http://www.flamingtext.com/

Here are a cpl examples:

(http://i856.photobucket.com/albums/ab127/ChristopherD68/RDR/DWBlogo08.jpg)

(http://i856.photobucket.com/albums/ab127/ChristopherD68/RDR/DWB-newLogo01.png)

(http://i856.photobucket.com/albums/ab127/ChristopherD68/RDR/coollogo_com-244591182.png)

(http://i856.photobucket.com/albums/ab127/ChristopherD68/RDR/coollogo_com-191883696.png)

(http://i856.photobucket.com/albums/ab127/ChristopherD68/RDR/coollogo_com-244614934.png)

(http://i856.photobucket.com/albums/ab127/ChristopherD68/RDR/DWB02.png)

Link added to OP...
Title: RE: Graphics Tutorials
Post by: CarntFace on January 21, 2011, 04:26:42 PM
Don't know where else to ask this
What is the limit for signature width?
I know 200 is for height, but what's the maximum for width?
Title: RE: Graphics Tutorials
Post by: DiamondBackDylan on January 21, 2011, 06:03:28 PM
800px is the absolute limit.  Anything larger will blow out the frames.

I tend to keep it to 750px max just to be safe. ;)
Title: RE: Graphics Tutorials
Post by: KillieDaKid on January 21, 2011, 06:37:59 PM
Hey can anyone get me Photo shop i need/want it bad....
Title: RE: Graphics Tutorials
Post by: A Blunted Bullet on January 24, 2011, 02:11:44 PM
No matter what sizes I try my sigs still have scroll bars, boohoo :bomb:
Title: RE: Graphics Tutorials
Post by: Dylan on January 24, 2011, 02:35:24 PM
Your current one doesn't...?
Title: RE: Graphics Tutorials
Post by: A Blunted Bullet on January 24, 2011, 02:43:41 PM
Hmmm, must be my IE settings then, cheers DillyWilly.
Title: RE: Graphics Tutorials
Post by: lkkarus on January 26, 2011, 11:35:15 AM
How do you guys do the change SIG every refresh?
Title: RE: Graphics Tutorials
Post by: Immature Toast on January 26, 2011, 02:24:23 PM
I use this site for doing it. You just paste the code of all the signatures you want in it and you're good to go =)
http://rotasig.com/rotasig2/login.php
Title: RE: Graphics Tutorials
Post by: lkkarus on January 26, 2011, 02:30:49 PM
Sweet, thanks Toast, will help stem the tide till I find a new Photoshop (whenever that is :-/)
Title: RE: Graphics Tutorials
Post by: DocRikowski on January 27, 2011, 09:04:54 AM
Quote from: 'Immature Toast' pid='282338' dateline='1296069863'

I use this site for doing it. You just paste the code of all the signatures you want in it and you're good to go =)
http://rotasig.com/rotasig2/login.php


Very nice link :2thumbsup:

---

Here's my tip: Billy Argel, absolutely my favorite font designer
Check it out:
http://www.dafont.com/billy-argel.d1573?fpp=50
Title: RE: Graphics Tutorials
Post by: Dylan on January 27, 2011, 03:31:17 PM
That Rotasig thingy won't let me log on!! Help?
Title: RE: Graphics Tutorials
Post by: Immature Toast on January 27, 2011, 03:37:41 PM
Have you tried registering again Dill?
Title: RE: Graphics Tutorials
Post by: Dylan on January 27, 2011, 03:42:42 PM
I registered twice and it won't work....
Title: RE: Graphics Tutorials
Post by: DiamondBackDylan on February 28, 2011, 04:31:07 PM
Here is a link I found to a blog (not english speaking) post that has RL pics of every RDR weapon!

Just thought everyone here would appreiciate a quick and easy way to get RDR weapon pics! ;)

http://younggunsposse.blogspot.com/2010/11/armas-reais-de-red-dead-redemption.html

Link added to OP.
Title: RE: Graphics Tutorials
Post by: A Blunted Bullet on February 28, 2011, 04:44:18 PM
Some useful pics on that link DBD, very nice!    :2thumbsup:
Title: RE: Graphics Tutorials
Post by: DiamondBackDylan on February 28, 2011, 04:52:03 PM
Quote from: 'Immature Toast' pid='282338' dateline='1296069863'

I use this site for doing it. You just paste the code of all the signatures you want in it and you're good to go =)
http://rotasig.com/rotasig2/login.php


Missed this!  Might very well use this soon!  Nice, Dilly!

Will add to OP.
Title: RE: Graphics Tutorials
Post by: TheNex on February 28, 2011, 05:00:27 PM
My bad, been a little pre-occupied recently.
Title: RE: Graphics Tutorials
Post by: Dylan on March 01, 2011, 02:42:20 AM
Quote from: 'DiamondBackDylan' pid='311061' dateline='1298929923'
Quote from: 'Immature Toast' pid='282338' dateline='1296069863'
I use this site for doing it. You just paste the code of all the signatures you want in it and you're good to go =)
http://rotasig.com/rotasig2/login.php

Missed this!  Might very well use this soon!  Nice, Toast!

Will add to OP.

Fixed. :P
Title: RE: Graphics Tutorials
Post by: BeckPilgrim on March 01, 2011, 05:22:20 PM
I think this might be the right thread for this question.

Does anyone know the basics to designing a website template?

I'm looking to make one for a posse and the real question on my mind is if it'd work with the website if I make my template around what the one on the site looks like already, or does one need to program the site from scratch to match the template.

I'm not an admin on it so I'm not sure if you can upload a template as just a .jpg or simple file.
Title: RE: Graphics Tutorials
Post by: TheNex on March 02, 2011, 12:29:14 PM
I've briefly skated around the edges of web design, and I believe that the template would be saved in a specific format for a web template, can't remember the name (I'm sure you could Google it). You should design the template around the how the site looks already in terms of links and text and such, as far as I know.
Title: RE: Graphics Tutorials
Post by: Dylan on March 02, 2011, 03:37:57 PM
I think its CSS or something....
Title: RE: Graphics Tutorials
Post by: DiamondBackDylan on March 02, 2011, 03:46:11 PM
If you are talking About BBedit or MyBBedit sites, then click the 'MyBB' link at the bottom of this page (or any RDnet page)...it leads to the boards for MyBBedit, where both MyBB and the 1st BBedit are discussed in MUCH detail, including producing templates for them.

if, on the other hand, you are talking about designing your own site, well, that is much more complicated in that not only must you design the formatting and look, you have to find an ISP, upload it yourself, etc. etc.

I will be putting my own personal site back up in the next months (if I ever get around to it) and while I am a web developer by profession, I am seriously considering using MyBB to do my next site just cuz it is just so much more simple and the final product is very clean.

there are also several good online website creators where you need no experience in HTML, XML, CSS, etc.  F*ckers are gonna put us web developers outta business! lol

Just google "online website creators".

Hope this helps.
Title: RE: Graphics Tutorials
Post by: BeckPilgrim on March 02, 2011, 04:05:29 PM
Ahh, the website I want to make a template for is one off webs(.)com, not BBedit, but thanks for the info, I think I'll try looking around the sites FAQs.
Title: RE: Graphics Tutorials
Post by: DiamondBackDylan on March 02, 2011, 04:32:50 PM
God I hate that f*cking site!  How DARE they make it easy for ppl to create websites! :pissed: lol
Title: RE: Graphics Tutorials
Post by: Dylan on March 02, 2011, 04:52:44 PM
lol I have used it before. :P And DBD, may I be nosy and ask what your website will be about? :3
Title: RE: Graphics Tutorials
Post by: BeckPilgrim on March 02, 2011, 07:36:41 PM
:D

Also, DW007, did you ever make different templates for it?
Or did you just use it for a short while?
Title: RE: Graphics Tutorials
Post by: Dylan on March 03, 2011, 01:39:38 PM
I just used basic templates that came w/ the site. There are some pretty good ones there.
Title: RE: Graphics Tutorials
Post by: redpatriot on March 03, 2011, 04:37:14 PM
It depends what you want your site for. But these days you really do not need an expensive hosting package if you decide to buy a domain name. You could start by downloading a free template you like the look of and open dreamweaver and insert the pictures you want. When you are ready with your site you might want to buy a domain now and it costs about £12 a year excluding a one time £9 set up fee. I have a site and atm it just hosts my CV and costs me £12 a year because all my images are going to be hosted on imageshack and I have a web host that is free yet I get unlimited subdomains, email accounts etc. I learnt HTML mainly, so BBCODE, and XHTML sometimes baffle me, but CSS is a simular principle to HTML but more advanced and a different language.

If you use FTP to upload your files to your host and domain you set your html document you want to appear when users access your site to index.html

Then you can branch the pages off from there with links to say about.html or contactus.html

You can host videos and images externally via youtube, vimeo, imageshack, photobucket and more, so all you really have to store on your hosts server is the HTML files.
Title: RE: Graphics Tutorials
Post by: DiamondBackDylan on March 04, 2011, 04:06:23 PM
Here is the site I work for: staugustine.com (http://staugustine.com)

It gets about 1.6 million hits a month.  It uses the Druple online content manager (google 'Druple').

Here are a cpl sites I have done on the side: sena.org (http://www.sena.org), staugustinewomans-exchange.com (http://www.staugustinewomans-exchange.com/)

I built the Sena Site strictly with Swishmax (3rd party Flash creator - Google 'Swishmax') and the second with HTML, using Dreamweaver.

There are a million ways to get a site these days...you just gotta research and figure out which one best fits your needs. ;)

Btw, CSS stands for Cascading Style Sheets.  It is not a site building language; it is a way of creating the look (or 'Styles'; i.e. fonts, colors, sizes, etc.) of your site's webpages sitewide. In other words, you can use CSS to format all your pages instead of doing it page by page, which forces you to touche every page shoud you want to change the styles/look sitewide.  So, basically a time-saver.
Title: RE: Graphics Tutorials
Post by: Gav on March 09, 2011, 01:14:05 PM
Hey... I'm having alot of trouble with sizing images. They always seems to be twice the size I make them on gimp and i don't know the size boundary before you get a scrollbar, tiny pic had a very limited choice and it can be quite a nuisance. Is there any specific size I should always make sigs so they fit? I also have trouble making bar sigs that go straight across because I don't know how to resize. Thanks for any help

Hope this helps... :)
Title: RE: Graphics Tutorials
Post by: DiamondBackDylan on March 09, 2011, 02:43:57 PM
The size for SIGs in RDnet is as follows:

Largest possible for no scroll: 200px high X 800px wide

Some have said they can get a width of 850px wide to fit in RDnet, but any time I do it, it breaks out the frames.  I also never go over 190px height just to make sure it doesn't scroll and usually go with 175px high.

The problem of creating something, uploading it to your server of choice (imageshack, tinypics, etc.) and having it then be bigger than what you intended sounds like you are uploading them with a DPI (dots per inch) higher than 72, which is the DPI ALL images on the net should be (not talkin HD here...that is still a ways off in the future for web).

In other words, if you upload an image that is 200px X 500px, but say your DPI when creating it is 144dpi, then the browser is going to basically change it to 72dpi and dbl it's actual size, so in this example, the final size once uploaded will turn out to be 400px X 1000px.

So just make sure that your files are 72dpi before you do the final upload and you should be good.

Hope this helps... ;)
Title: Gimp help needed
Post by: FTR Pisces on March 14, 2011, 11:08:44 PM
Hey friends and creative souls. I downloaded Gimp to try and make some cool sigs. I got everything on the program figured out except how to modify the text. Its driving me crazy! Can anyone help??
Title: RE: Gimp help needed
Post by: godzilliac on March 15, 2011, 12:04:55 AM
First click on text tool. Then open the option menu by right clicking on the screen. Click on "select", then in the sub menu click on "from path". You'll notice then that you're text is outlined. Then click on "select editor" to add an outline.

Alternatively you can also skip "select editor" and click on "filters" after you clicked "from path".

Hope that helped.
Title: RE: Gimp help needed
Post by: FTR Pisces on March 15, 2011, 01:24:22 AM
Quote from: 'godzilliac' pid='324854' dateline='1300161895'

First click on text tool. Then open the option menu by right clicking on the screen. Click on "select", then in the sub menu click on "from path". You'll notice then that you're text is outlined. Then click on "select editor" to add an outline.

Alternatively you can also skip "select editor" and click on "filters" after you clicked "from path".

Hope that helped.


Yes, it did. Thank you. I am having trouble getting the text to a different scale? Just stays real small.
Title: RE: Gimp help needed
Post by: DirtyD on March 15, 2011, 09:20:04 AM
I hate gimp's text.  I personally just like going to www.flamingtext.com and picking my font, my style, my color (Even though i can change this in gimp) and the size(again, can change this in gimp).  It makes the text look better, and is just easier to do.  Also gives you way more options
Title: RE: Graphics Tutorials
Post by: redpatriot on April 27, 2011, 04:32:52 AM
A few things...

1. webs.com is awful
                     
2.  I visted staugustine.com a few years ago, because when I grew up in England I used to live on a road called Augustine Road for around 20 years. I started to get really interested in all things related to this Saint. I believe he wasn't exactly the nicest of saints, although there is no hard evidence, he was a christian missionary in Hippo ( I think its now been divided between Niger, Libya and Algeria ) of course this ended in the colonisation of africa, the slave trade and now the conflict in Libya. But I am not going to pin the blame on this one christian missionary. That would be mean, I have also visited a district in Paris called St Augustine, specifically just because of my interest at the time. It was quite a nice place. Maybe not as nice as Montmartre, but still very small, central and a nice church with cafes and clothes shops.

3.  I do not use GIMP but I use Paint.net its not ms paint btw, its a very good programme, with lots of helpful tools simular to photoshop, but its a very small programme and doesnt require huge amounts of resources to run.

 And the main reason for this post is to post this FLAME TUTORIAL which is really easy to do, and really effective. Located on the paint.net forums

 http://forums.getpaint.net/index.php?/topic/12180-how-to-start-a-fire-with-paintnet/page__st__460__p__352469__fromsearch__1&#entry352469
Title: RE: Graphics Tutorials
Post by: Dylan on April 27, 2011, 10:01:30 AM
Quote from: 'Brandon Michael' pid='218997' dateline='1288827787'
[align=center]SCAN LINE TUTORIAL[/align]

1. In Photoshop, create a new image. From the drop-down menu, select File>New or click Ctrl+N with your keyboard. The New Image dialog box will open. Add the following information:

Width: 3 pixels
Height: 3 pixels
Resolution: 72 pixels/inch
Color Mode: RGB Color, 8 bit
Background Contents: Transparent

2. Since we're going to create a specific pixel by pixel 45-degree diagonal scanline pattern, zoom in the view to 1600%.

3. From the Tools palette, select the Pencil Tool. Set the brush size to 1px.

4. Also from the Tools palette, select Black for your foreground color.

5. Now we're ready to draw the pixel grid pattern with the Pencil Tool. Using the Pencil Tool, add the first black pixel to the top left of your image. Add the next pixel at the bottom middle of your image, and the third pixel to the right middle.
(http://i55.tinypic.com/1z5450n.jpg)

6. Create a pattern based on this pixel grid image: from the drop-down menu, select Edit>Define Pattern.

To use the pattern, just select your canvas (whatever you're working on) (I think it's select > all) then go to edit > fill and select the pattern option, then choose the pattern you made.

I usually use mine on overlay and drop the opacity.

I have recently figured out how to get this in Fireworks. :D It's a different way and maybe slightly easier. Will post a tut soo. :P
Title: RE: Graphics Tutorials
Post by: sF Fizzy on May 07, 2011, 09:24:09 PM
Did you? Heard of fireworks but don't know what it is exactly.
Title: RE: Graphics Tutorials
Post by: Gav on May 19, 2011, 01:52:11 PM
Can anyone reccomend a good, free font for a Resistance (the game) sig? Thanks :)
Title: RE: Graphics Tutorials
Post by: sF Fizzy on June 13, 2011, 01:36:23 PM
Tutorial:

(http://i52.tinypic.com/102mh42.jpg)
Title: RE: Graphics Tutorials
Post by: sF Fizzy on June 13, 2011, 03:43:30 PM
OK wtf how do I get it so you can view the whole thing at regular size :(
Title: RE: Graphics Tutorials
Post by: KilaueaKoa on June 14, 2011, 11:55:58 PM
Perhaps posting multiple posts of seperate pics of the steps.
Title: RE: Graphics Tutorials
Post by: sF Fizzy on June 15, 2011, 12:44:42 AM
hell no
Title: RE: Graphics Tutorials
Post by: dennywilliam on June 23, 2011, 07:31:47 AM
I create my own blog, where i put my tutorial and my created animation and designed web page. And google is the best source which provides you all the information as per your requirement.
Title: Graphics Tutorials
Post by: Tyler on June 23, 2011, 07:21:15 PM
Right.
Title: RE: Graphics Tutorials
Post by: TheNex on June 24, 2011, 05:11:17 PM
Can I just ask, why has this been unstickied?
Title: RE: Graphics Tutorials
Post by: TonberryChef on June 25, 2011, 12:16:36 PM
Sometimes threads get unstickied for some reason when a mod posts in them - I re-stickied for you. ;)
Title: RE: Graphics Tutorials
Post by: DiamondBackDylan on June 28, 2011, 04:52:17 PM
Quote from: 'LetsGoIndyBaby' pid='405822' dateline='1307994210'
OK wtf how do I get it so you can view the whole thing at regular size :(

Hey, Indy...

I had the same prob posting The Blackwater Ledger images.

My suggestion is that you split the image you have up into seperate images that are no higher than 750 - 800 pixels high and then post them right on top of each other and it will appear right on the page.

Example:

(http://i856.photobucket.com/albums/ab127/ChristopherD68/NAP/BWL-120p2-top02.jpg)
(http://i856.photobucket.com/albums/ab127/ChristopherD68/NAP/BWL-120p2-bottom02.jpg)

Code:
Code: [Select]
[IMG]http://i856.photobucket.com/albums/ab127/ChristopherD68/NAP/BWL-120p2-top02.jpg[/IMG]
[IMG]http://i856.photobucket.com/albums/ab127/ChristopherD68/NAP/BWL-120p2-bottom02.jpg[/IMG]

Hope that helps. :)
Title: RE: Graphics Tutorials
Post by: Apache Kid on July 02, 2011, 04:01:44 PM
For some reason, when I have made a GIF animation signature in the past, and tried to upload onto RD.net it doesn't play the animation I want it to.. I use Imageshack to host all of my signatures and stuff, is it something to do with what file hosting webstie I am using?

I hate this.. I have made some cool animation sigs in the past and haven't been able to use them.. Anybody know what is wrong?
Title: RE: Graphics Tutorials
Post by: TheNex on July 02, 2011, 04:04:40 PM
Hmm, I've had problems with image hosting and GIFs in the past aswell, try a different host and see if that fixes the problem. I use photobucket, occasionally I'll have problems with it but usually it works. It may be caused by the actual size of the file itself, some hosts may have problems with large GIF files.
Title: RE: Graphics Tutorials
Post by: Apache Kid on July 02, 2011, 04:16:53 PM
Thanks Nex, I'll try that, I will try Tinypic and Photobucket.. They seem to be the two most popular ones to use around here. Also, when I am making GIF's I will try to keep the file size down and see if that changed anything.
Title: RE: Graphics Tutorials
Post by: syen12jaap on July 05, 2011, 07:31:40 AM
Presently i am working on adobe photoshop cs5. Soon i will post tutorials of cs5 through this thread. Thanks for sharing.
Title: RE: Graphics Tutorials
Post by: A Blunted Bullet on July 05, 2011, 07:41:11 AM
^ No you wont, your banned.

OT I use PB and rarely get problems with GIFs. Did I mention rarely? :)
Title: RE: Graphics Tutorials
Post by: Dts95 on July 07, 2011, 08:48:21 PM
Photoshop is so complicated...
I think I have to give up, lol :P
Title: RE: Graphics Tutorials
Post by: swishswash123 on July 07, 2011, 11:27:48 PM
hey is anyone a good animator that would love to be in a gang i would try to pay you a 20$ gift card for playstation store everyonece in a while but we need an animator
Title: RE: Graphics Tutorials
Post by: sF Fizzy on July 09, 2011, 06:53:30 PM
Quote from: 'DiamondBackDylan' pid='418119' dateline='1309294337'
Quote from: 'LetsGoIndyBaby' pid='405822' dateline='1307994210'
OK wtf how do I get it so you can view the whole thing at regular size :(

Hey, Indy...

I had the same prob posting The Blackwater Ledger images.

My suggestion is that you split the image you have up into seperate images that are no higher than 750 - 800 pixels high and then post them right on top of each other and it will appear right on the page.

Example:

(http://i856.photobucket.com/albums/ab127/ChristopherD68/NAP/BWL-120p2-top02.jpg)
(http://i856.photobucket.com/albums/ab127/ChristopherD68/NAP/BWL-120p2-bottom02.jpg)

Code:
Code: [Select]
[IMG]http://i856.photobucket.com/albums/ab127/ChristopherD68/NAP/BWL-120p2-top02.jpg[/IMG]
[IMG]http://i856.photobucket.com/albums/ab127/ChristopherD68/NAP/BWL-120p2-bottom02.jpg[/IMG]

Hope that helps. :)

Genius. I shall attempt once I get my laptop back next week lol
Title: RE: Graphics Tutorials
Post by: Apache Kid on July 22, 2011, 10:14:11 AM
I feel I should contribute with a tutorial, so if anybody wished to know about "Layer Effects" which I use in some of my sigs to make the background a different colour or put a pattern overlay behind the picture subject without having to cut the image out, then please say. Here are a few examples;

(http://img402.imageshack.us/img402/5876/sig7d.png)

(http://img560.imageshack.us/img560/1859/sig12.png)

(http://img600.imageshack.us/img600/5350/sig17k.png)

(http://img535.imageshack.us/img535/9963/sig18w.png)
Title: RE: Graphics Tutorials
Post by: KilaueaKoa on July 23, 2011, 01:51:12 AM
Hey Apache Kid, in your Leigh sig how did you add that yellowish glow to his outline?
Title: RE: Graphics Tutorials
Post by: Apache Kid on July 23, 2011, 05:07:43 AM
That was the original colour of the background before I made it grey. I put a greyscale layer of the picture beneath the full colour one, and when I erased the colour layer on top of the greyscale one I left a small blurred part of the colour layer around Ezio, while the rest of grey.

This is the original picture, I just mirrored it because it looked better or there might of just been an already mirrored picture somewhere.. I'm not sure.

(http://www.videogamesblogger.com/wp-content/uploads/2010/11/assassins-creed-brotherhood-walkthrough-artwork.jpg)
Title: RE: Graphics Tutorials
Post by: KilaueaKoa on July 23, 2011, 10:58:32 AM
Alright thanks, ill try that.
Title: RE: Graphics Tutorials
Post by: sporks-_- on July 26, 2011, 12:47:38 PM
Not sure if this will help anyone, but I've been doing signatures for 10 years now. I use Paint Shop Pro, but I'm sure my tutorials can be adapted to Photoshop. Have a peek and see what ya think!

http://www.freewebs.com/sugaredconfections/
Title: RE: Graphics Tutorials
Post by: blitz on August 02, 2011, 07:07:30 AM
Websites I use, which I find extremely helpful:

dafont.com/
Abduzeedo.com/
psd.tutsplus.com/
vector.tutsplus.com/

All amazing, highly recommended ;)
Title: RE: Graphics Tutorials
Post by: Dylan on August 02, 2011, 12:04:46 PM
Nice Zee! Looking through Abduzeedo right now! Nice tuts on it. :2thumbsup:
Title: RE: Graphics Tutorials
Post by: blitz on August 02, 2011, 01:17:51 PM
Yup! Definitely, a lot of what I do is inspired from there. And my username :)
Title: RE: Graphics Tutorials
Post by: TheRicky on August 02, 2011, 02:31:53 PM
well i think that most people know this 1 and i dont know if its posted yet but,

deviantart.com has been a very good and helpfull site to me for tuts and brushes.
Title: RE: Graphics Tutorials
Post by: Dylan on August 02, 2011, 02:34:59 PM
Quote from: 'Zee' pid='451210' dateline='1312305471'
And my username :)

I noticed that. :P

@Ricky: Good site, that! :)
Title: RE: Graphics Tutorials
Post by: TheNex on August 02, 2011, 03:10:01 PM
I'll add them to the OP :]
Title: RE: Graphics Tutorials
Post by: Apache Kid on August 02, 2011, 04:43:20 PM
I get an awful lot of my brushes from deviantart, it is a great place to get some hi-res brushes. I'll post a few downloads up:

Blood Splatter Brushes by VexingArt (http://vexingart.deviantart.com/art/Blood-Splatter-Brushes-11819573)
Grunge Brushes by KeReN-R (http://keren-r.deviantart.com/art/Grunge-Brushes-3-19930365)
Abstract Grunge Brushes by xALIASx (http://xaliasx.deviantart.com/art/abstract-grunge-brushes-17112056)

I use the first set and third set quite a bit..

I think you should make a brushes section on the OP Nex, I think it would help a few people out.

A silly suggestion?
Just a mental congestion...
Left a bad impression?
Sad facial expression :[
Title: RE: Graphics Tutorials
Post by: TheNex on August 02, 2011, 09:07:13 PM
Good idea, I'll update the OP now :]
Title: RE: Graphics Tutorials
Post by: Gav on August 29, 2011, 11:29:54 AM
http://www.youtube.com/watch?v=Ph78At4eBGE

This is totally legit and YES!
Title: RE: Graphics Tutorials
Post by: anora on September 09, 2011, 08:23:00 AM
Thanks for sharing this tutorial.. It is really very good to share that type of tutorial with all of us..
Title: Re: Graphics Tutorials
Post by: Cheese on February 07, 2012, 09:09:54 PM
Does anyone know how to make a transparent image save transparent? All my saves replace the empty space with a white background.  :-\

Using Photoshop!
Title: Re: Graphics Tutorials
Post by: Chalk on February 12, 2012, 10:49:08 PM
Does anyone know how to make a transparent image save transparent? All my saves replace the empty space with a white background.  :-\

Using Photoshop!

If you save it as a .png then it should keep the transparency. On a lot of browser it may appear to have a white background or something, but when you open them up again they should be transparent.
Title: Re: Graphics Tutorials
Post by: Lasher_777 on September 18, 2012, 11:25:44 AM
Holy crap! What an awesome thread. And I never even knew it was here.

PNG is a newer format designed specifically for transperancy. It's a lot like JPG with good compression (ei. small file size) but with the added awesome of transparency.

So any other people use GIMP?
Title: Re: Graphics Tutorials
Post by: DiamondBackDylan on May 03, 2017, 02:10:40 PM
Wow...PNG being a 'NEW FORMAT'...I have been gone from here a long time...lol
Title: Re: Graphics Tutorials
Post by: Alphapug on May 03, 2017, 03:13:32 PM
Yeah I was going to recommend putting in AOL Keyword: "transparent" or use a good search engine like webcrawler or alta vista for more help.
Title: Re: Graphics Tutorials
Post by: Cheese on May 04, 2017, 11:47:35 AM
I tried that but someone picked up the telephone.
Title: Re: Graphics Tutorials
Post by: Chalk on May 04, 2017, 05:43:09 PM
(http://i3.kym-cdn.com/entries/icons/original/000/007/784/what-year-is-it-robin-williams.jpg)