snlildude87
Aug 9 2005, 07:57 PM
Blurb Today, I will show you how to get an outline of a render. I saw in one of Brooks' sig where he used an outline of zelda, and I was interested in how he did that. Instead of IMing him or looking on good-tutorials, I learned it myself. Why? That's how I roll. Why? If you're ever in a situation where you need a good outline of a render, you can follow this simple tutorial to get one. You can even use the outline to make an icon or whatever. The choice is yours. Keep reading this, and I'll show you the sig that I used my outline in. How? That's a good question, and a good question has to be answered thoroughly. - Find a render where its outline would look good.
This is the most important step. Without a render, you will not have an outline, and if you choose a render where the appendages are close to the torso, you will not get a good result. I will be using the following Rise of Power render for this tutorial: 
I uploaded that for someone, so it's already there. Convenient. 
- Now that you have your render, open Photoshop.
- File -> Open (or ctrl+o) -> find your render -> click Open
- Ctrl+click on the render layer so that only the render is selected and not the background. (When you press ctrl while hovering your mouse over the render layer, the little hand cursor will have a dashed box in the bottom right.)
Screenshot:
Click to view attachment - Now that only the character is selected, go to Layer -> New Adjustment Layer -> Color Balance. Actually, it can be anything, but I use Color Balance. The New Layer window should come up telling you what you want to name the new layer. Press OK. You should now get a bunch of radio buttons and sliders. Play around with them. It doesn't matter what values you choose for each one though because the result will be grayscale. Press OK when you're done.
- Press ctrl+a to select all...including the background.
- Make a new image (ctrl+n). Press OK.
- Paste (ctrl+v)
- Voila! The result should be a black and white outline. Now, you can play with the image size to make it an icon or whatever. There's a website out there that makes icons out of images. I don't have the website at the moment.
- Anyway, this should be your result:
Click to view attachment
What about that Sig? Aww. You remembered. Here it is:  If you have any questions, because one of my steps is too confusing, post below. This is a very easy trick to get the outline (and there's probably another way), so I should be able to answer easily.  Edit: Fixed a typo. 
Reply
Johnny
Aug 9 2005, 08:40 PM
What a ripoff. Get your own ideas.   
Reply
truefusion
Aug 9 2005, 09:02 PM
There's an easier way of doing it using blending options. Since you're using a render that has the background taken out, half the work is already done for you. Fill Opacity: 0%, Color Overlay: White - Modify Opacity, Stroke. Then just resize the image to your liking.
Reply
Damann
Aug 9 2005, 09:03 PM
Meh, at least he figured it out by himself. Good tut, might never use it rating- 9/10
Reply
Johnny
Aug 9 2005, 09:06 PM
QUOTE(truefusion @ Aug 9 2005, 02:02 PM) There's an easier way of doing it using blending options. Since you're using a render that has the background taken out, half the work is already done for you. Fill Opacity: 0%, Color Overlay: White - Modify Opacity, Stroke. Then just resize the image to your liking. That's how I do mine too. At first I did a different way, but after a while I figured out the easy way. So Nguyen, you made a big fat tutorial for someone else's idea that can be explained in a sentence. 
Reply
snlildude87
Aug 10 2005, 01:42 AM
QUOTE(Johnny @ Aug 9 2005, 06:06 PM) That's how I do mine too. At first I did a different way, but after a while I figured out the easy way. So Nguyen, you made a big fat tutorial for someone else's idea that can be explained in a sentence. Dude, I figured it out myself, and that's basically how I do it. :-/ Whatever. I love my technique, and I did not use any tutorials for that, so 
Reply
Johnny
Aug 10 2005, 01:49 AM
QUOTE(snlildude87 @ Aug 9 2005, 06:42 PM) Dude, I figured it out myself, and that's basically how I do it. :-/ Whatever. I love my technique, and I did not use any tutorials for that, so Dude, it doesn't matter if you got it from a tutorial or not. The rest of us can do it in about 9 less steps. Lose the pride, jeez. I mean, it's cool that you figured it out yourself and all that, but all you had to do was ask, and you would've saved quite a bit of time. Sometimes it's good to take the lazy Johnny way out. 
Reply
pilgrim_of_mini-monkeys
Aug 10 2005, 08:43 PM
Cool tut. I think it can be done the same way in Fireworks, will try it tonight thanks. I thought of a different way, but I am unsure if it works. How about masking an object?
Reply
snlildude87
Aug 13 2005, 08:43 PM
QUOTE(pilgrim_of_mini-monkeys @ Aug 10 2005, 05:43 PM) How about masking an object? I have no idea what masking an object means. :-/ Sorry.
Reply
pilgrim_of_mini-monkeys
Aug 15 2005, 06:14 AM
Doesn't matter, I think I got it wrong, but if I didn't, it means taking a solid coloured outline of the object you have selected. Just ignore me on that one. I just upgraded my PC (to windows 2K) so that I can use Photoshop CS, and I am stuck with it. So, thanks for the tutorial.
Reply
bluhapp
Sep 15 2005, 01:34 AM
thanks dude... i think im more into techstyles too...
Reply
snlildude87
Sep 12 2005, 06:49 PM
QUOTE(bluhapp @ Sep 12 2005, 07:05 AM) good one... this is my damn good result <-- i think  is it good or not? haha Dang! Very good. I think your style is tech, so you should make more tech sigs. I love it. The only thing I'd change is the shadow of the render in the gap. Just take that out, and you'll be fine, but it looks awesome right now.
Reply
bluhapp
Sep 12 2005, 10:05 AM
good one... this is my damn good result <-- i think is it good or not? haha
Reply
snlildude87
Sep 11 2005, 01:43 AM
QUOTE(Johnny @ Sep 10 2005, 08:11 PM) Erm...color overlay. Done. That's nice. I like my method better. :-/ I might go back to this post and add an alternative method later.
Reply
Johnny
Sep 10 2005, 11:11 PM
QUOTE(Saint_Michael @ Aug 28 2005, 10:59 PM) you girls take to long, i do it in two steps load image ctrl+u and lower the lightness or raise it up. and oyu call yal selfs experts but either way its good tutorial for the beginners. Erm...color overlay. Done.
Reply
Similar Topics
Keywords : nguyens, outline, render, abstract, stuff, icons
- Gimp Abstract Signature Tutorial
Brushes required (9)
Filter/smudge Tutorial
no Brushes ***Render Warning*** (9) Step 1: Open up document 320x150 Step 2: Chose a render that you use will be using for
your background and as your main image then resize it as well to what ever you wish. Step 3:
Then make enough copies of the render to fill up the background space. Make Sure to deselect the
original so not to mess up. Step 4: Then make a new layer and then go to image and apply
image, next deselect all your copy images or if you want you can delete them cause now its just
nothing but copies of this background. For now Im just going to deselect my images for no....
Photoshop-ambience And Abstract!
PHOTOSHOP-Ambience and Abstract! (1) I've finally made the tutorial my both of my current signature images! I made a poll to see
if people wanted me to make it, and seven people said yes, so here you go: Important Note!
The outcome of the image depends on the number of lens flares and the positions of them in steps 4
and 5! Ambience: 1. Open Photoshop and creat a new document. Make sure that it is square.
Mine is 300x300. 2. Press ctrl + a to select all of the canvas, then right click on it and press
fill. Chose black or another dark colour to fill it with, then press ctrl + d to des....
Making Icons With Mspaint
And some icon uses and howtos. (9) Ok, so this is simple. Open up a canvas. Click atrobutes, size. Choose 16x16 or 32x32. Now just
paint away!!! Once you are done, save this as iconname.ico replacing iconname with
whatever you want to call it. Save it, and you will hopefully see the icon! you can use this on
your site by renaming it favicon.ico, but remember: it has to be 16x16 for sites. You can also use
it as something like a folder or document. Just right click and hit properties, then look for
something where you can change the icon (it should be 32x32) and BOOM! (I am using linux....
[photoshop]grunge Abstract Sig ~ Samma
Includes Multi Color Method (9) Im not sure if this has been done before... I havent seen a grunge abstract tut before, but anyways
here it is /tongue.gif' border='0' style='vertical-align:middle' alt='tongue.gif' /> Outcome:
1. Fill the canvas with black, and brush with white using a grunge brush. After you have
completely filled the whole layer with the grunge brush, go to Image > Adjustments > Auto Contrast,
then go to Filter > Sharpen > Sharpen Edges, then finaly go to Edit > Fade Sharpen Edges and do an
opacity of 50%. Make a new layer. Repeat Step 1. another 2 times using different gru....
Creating Sig Background Using Render
Defalts Only - Tutorial (2) Post your results and comments /wink.gif' border='0' style='vertical-align:middle' alt='wink.gif'
/> Topic title and description are VERY IMPORTANT. Edited. ....
Starting Out With Gfx
A complete tutorial for sigs and stuff (0) So how do we make GFX? Good question. Here's some misunderstandings: You DON'T download the
backgrounds renders don't have to be 3D, it's different. it takes like 3 minuites per sig if
you have a good eye for art, it's easyer for you brushes are more like stamps Ok, so let's
get started. First, get photoshop. If you cant, use the gimp It's free. Don't worry.
Let's download some brushes. Go to deviantart. Go to browse, then under the first thing go to
'resources' and then on the bottom box look for 'gimp brushes' or....
Blending A Render Into A Sig
Adobe Photoshop Blending Technique (8) QUOTE(Johnny @ Jul 6 2005, 07:07 PM) Ah. Simple and sleek. Looks nice. Good job. 158242
1. Open the Render, Put it on your sig over the background(mines black for the tut)And(make
shore that its just the renderas Shown) Sample: 2.Now Click the render's layer and Make a
Layer Mask As Shown Sample: 3.Now press d, Then Get you Brushes Out and select this brush As Shown
Sample: 4.Brush Around the Render so the white pizelated parts are gone As Shown Sample: 5.Now
You're Finished and it should look like this As Shown Sample: If You want to a....
Photoshop:render Extraction
Three different techniques (4) This tutorial will cover three techniques on how to extract pictures that are not on a single solid
color. First of all, you need to find yourself a nice picture. I shall be using this one, which came
with the Appleseed Fan Site Kit: There are several ways we can cut the render of Deunan Knute
out of the picture. Technique 1 This technique is the easiest, but also the most time wasting.
All you need to do is grab the Polygonal Lasso tool, And go around the edges like so:
Tips: When lasso-ing rounded corners or edges, keep your selections small, sh....
Adobe Photoshop --- Cyber Abstract
(14) Step 1. Open a new document, make it 800x600pixels and make the background white. Then press D on
your keyboard, this will make the colors reset to their default. (black and white) Step 2. Go to
Filter=>Render=>Difference Clouds, press ctrl+F to repeat this step again. Step 3. Next go to
Filter=>Pixelate=>Mezzotint, and use Long Lines Step 4. Go to Filter=>Blur=>Radial Blur and use the
settings shown in the image below: (make sure you pull the blur center up to the left corner!
THIS IS IMPORTANT!) Here is what I got: Step 5. Press Ctrl+U from your ke....
Render Blending
How to blend a render to your sig in Photoshop (12) Okay, this is a relatively simple tutorial on how to blend a render into your signature in
Photoshop, like this: STEP 1 -- Brush up your background Okay, the first thing you want to do
is to brush your background. Right now I'm using some grunge brushes. For this tutorial,
we're going to use black and white, then color it in later, so on your white background, use a
black brush (or vice versa) to put down your basic brushing. You should end up with something
similar to this, if you're using grunge.
http://www.rendersdesign.com/uploaded_graphics/blender1....
Adding A Render To A Sig
Add renders to your sigs in Photoshop (0) Okay, this is a short and simple tutorial on how to add a render (which is basically another
picture) to your signature in Photoshop, like this: STEP 1 -- Find a render Yes, this is the
most important step. Think about what kind of sig you want to make, and what you want on it. I
usually use game or comic characters on my sigs, so I'm going to be using this render of Vivi, a
Final Fantasy character, that I found on GameRenders.com.
http://rendersdesign.com/uploaded_graphics/render.jpg Tip - Don't go for renders that are
unclear or have hectic backgrounds.....
Abstract Bg- In Ps
(7) THis is a tut i made a while back. 1. Start with a 400 x 135 image. 2. filter>render>clouds 3.
Press ctrl+i to invert the image 4.Duplicate the background layer 5. On the duplicate layer use
the gradient tool on these settings, untill you get bright lines( blend mode should be on
lighten) 6.On the original background copy use the gradient tool also. 7. On the background copy
press ctrl+u to color it. 8.On the orignal layer do the same as step 7. thats it! The
outcome wont be the same as mine but the same idea. Here are some other ones i made. ....
C4d - Abstract Shapes - Technique #1
(4) C4D - Abstract Shapes - Technique #1 I've posted this quite a while ago on some graphics
sites (e.g. iced-designs.net and gamerenders.com), so i thought i might as well post it here too.
This is just one way of making abstract shapes in C4D, it's a new technique which I have come
across lately and I don't think many people know about it, so I made a tutorial for it.
I've tried to go into enough detail so that people who haven't used C4D before can use this
tutorial. Here is something you should get as a result of this tutorial: And here'....
Looking for nguyens, outline, render, abstract, stuff, icons
|
*RANDOM STUFF*
*SIMILAR VIDEOS*
Searching Video's for nguyens, outline, render, abstract, stuff, icons
*MORE FROM TRAP17.COM*
|
advertisement
|
|
