Host:
Team Discovery
Avatar/Graphics Help
1 edit | 3-D Frames tutorials... for creating 3-D images like the ones in the 3-D frames thread? I'll be glad to donate 5 toolpoints to the first 3 people to complete a tutorial, because I know there are several different ways to do it.
--
4 cams, 5 cats, 7 days a week.=^..^=
My Photo Gallery |
|
 Action_ManCurrently Appearing AsPremium
join:2003-07-22
England | Re: Would someone be willing to write a tutorial... said by tiggerstales:
I think someone ( Jon  hint, hint) should write a tutorial. 
Quote Quote ! |
|
|
|
 JonPremium
join:2001-01-20
Lisle, IL | reply to tiggerstales
I will be happy to do one.
I just don't know how quickly I can do it.
If I do end up being one of the first three though, No tool points are necessary. |
|
| reply to tiggerstales
Forgot to mention...if you don't want toolpoints, I'll donate animated avatar ability to someone of your choice. |
|
 marcelle19crossPremium,MVM
join:2002-03-02
Phelan, CA
kudos:1
 ·Verizon Online DSL
1 edit | reply to tiggerstales
Re: Would someone be willing to write a tutorial.. I'd say yes, tt, but I'm so lazy I haven't even finished an ImageReady animation tutorial that is really only waiting for the screen shots to be complete.:p
To say I'd do this wouldn't be a lie, but it would likely be completed after every other possible person who volunteered completed theirs.
You know, on second thought, maybe each of those who participated in the thread could tell how they made theirs? That would give a variety of methods to those who want to learn, and cover more than one application (so it would be put into that new part of the tutorials thread where things go that you don't know where else they would fit  ).
--
Some people think they gain through dishonest means, never realizing that in lying, cheating, and other dishonesty, they are losing pieces of themselves, which they can never recover. SPECIAL |
|
Action_ManCurrently Appearing AsPremium
join:2003-07-22
England | reply to tiggerstales
Re: Would someone be willing to write a tutorial... Its no good me doing one because hardly no-one has Fireworks , do they ? ... |
|
 dandelionPremium,MVM
join:2003-04-29
Germantown, TN
kudos:4
 ·Comcast
2 edits | reply to tiggerstales
I did all the pictures a different way, so not sure how helpful any tutorial I'd do would be, but this gives you an idea how to do it in photoshop
open your picture or can use this one:
duplicate layer, select filter/extract (in PSP can just delete the background after duplicating the layer)
Clean up the edges.
Click on the first layer to get it back onscreen
Choose rectangular tool, select the part of the picture that will be part of the background and click edit/cut
(the result will be what you have on your background color)
--
want to know what I'm doing? |
|
dandelionPremium,MVM
join:2003-04-29
Germantown, TN
kudos:4 Reviews:
·Comcast
1 edit | reply to tiggerstales
reselect your picture, click edit, transform, skew-click on the points and adjust the way you like.
I'm sorry I haven't figured out a better way to apply the transformation then click on another tool-I usually click on magic wand, then a pop-up will come up and ask if you want to apply this transformation)
Keep the selection as is and put your frame on, or inverse selection and add a texture to the "wall" before putting your frame on. I used a filter for the frame. You can add a dropshadow at that time if want.
(If you need to use the cloning tool on this layer-which we didn't in this picture because we just added, but sometimes, the background will need the object removed because we moved it to a different place-now's the time to do that also)
Go back to the layer you extracted by clicking on it in layer properties, I also click to turn off the eye in the background layer so I can see what I'm doing in this layer.
Do your final cleaning and "make it show" in first layer by clicking the eye to turn it back on (but make sure your paint brush is still on the second layer not the background.
Click move tool and move your extracted object where you want, I also used edit/free transform to turn the way I wanted. Add a drop shadow
--
want to know what I'm doing? |
|
dandelionPremium,MVM
join:2003-04-29
Germantown, TN
kudos:4 Reviews:
·Comcast
| reply to tiggerstales
Click layer/merge visible when all done.
Let me know any questions. Hope this helps some
--
want to know what I'm doing? |
|
| Yay! Thank you Dandy!  |
|
dandelionPremium,MVM
join:2003-04-29
Germantown, TN
kudos:4 Reviews:
·Comcast
| said by tiggerstales:
Yay! Thank you Dandy!
You're welcome, I posted the easiest way I did it-first one took me QUITE a long time!!
PS For some reason, couldn't go back and edit, but learned some further information thanks to MrSquire:
".... when you use the transform commands you will have a check button to confirm or an X button to cancel. Or you can just press the Enter key....." Enter key didn't work for me, but my computer likes to act funny a lot, and I may have a different version of photoshop.
--
want to know what I'm doing? |
|
ValkyrePremium,ExMod 2002
join:2000-12-25
Valhalla | reply to tiggerstales
Re: Would someone be willing to write a tutorial.. The first one I did of the Beetle coming out of the picture was pretty simple. I could do a tutorial of that. |
|
ValkyrePremium,ExMod 2002
join:2000-12-25
Valhalla
1 edit | reply to tiggerstales
 | 
Then, I clicked on the "freehand" tool icon | 
I used my mouse to trace around the outside of the car. You can see the broken lines showing where I traced. | 
Then, I clicked on "file" and then "new" to make a new image. This one is 800 x 800. Then I went to the original image and cop | 
Back to the origina image. I need to click on the "freehand" icon again and then right click to "cancel" it. Then, I clicked o | 
I was given four different choices. I chose "Navy Metallic", because the blue matched the color of the car. | 
I was given the option of "frame inside" or "frame outside" the image. I chose "frame outside". | 
This is what I ended up with. Oh! Remember to "merge" the layers. | 
Then I clicked on "Effects", "Geometric Effects" and then "Perspective Horizontal" | | 
I set the difference to a -32, so it would "skew" off to the left. You can see the car is slightly squished on the right side | 
This is what I have now. | 
Then, I went back to the "new image" and copied the cut out Beetle again. I pasted it over itself in the frame | 
I click on the "erase" icon next to erase some of the Beetle image that is over the frame at the bottom | 
You can see where I kind of cleaned it up at the bottom | 
After I merged the layers, you can see some of the Beetle in the original picture under the one I pasted over it | | 
This is where the "clone brush" comes in (More to come) | |
|
|
ValkyrePremium,ExMod 2002
join:2000-12-25
Valhalla
1 edit | 
Using the clone brush, I right click on the grass and sidewalk and then left click over the areas of the car I want covered. Th | | 
To save the background as transparent, I clicked on "file", "export" and "gif optimizer" | 
Obviously, I want to change this color to match the yellow. | 
To change the background color to match, just scroll the mouse over onto the color and click. It will change to the color you c | 
Then you just save it as whatever you want. This is the finished image. If you click on it, you will see it show up as a trans |
|
|
marcelle19crossPremium,MVM
join:2002-03-02
Phelan, CA
kudos:1 Reviews:
·Verizon Online DSL
3 edits | reply to tiggerstales
1. First, I had a .psd already made, but I needed a frame. I made the frame, and then placed it “behind” all the other graphic elements (frames can be made in a number of different ways: I often make mine by enlarging the canvas size (Image>Canvas Size) 
, then selecting the “border” that is made around a layer element that will not be selected along with that “border,” such as the background; I then add a new layer, place that layer behind all other layers, select that layer in the Layers Palette, then flood fill the “border.” Now it has it’s own layer that can be edited, so I play with Blending Options on that layer until I have the new “frame” looking like I want it to look (I often go for a “wood” look)
; then shrink the “frame” so that it is smaller in diameter than the other elements of the graphic.
2. At this point, the other graphic elements and the frame are in proportion to one another - with the exception of the background - but they don’t have that 3D look we’re going for, so some modifications have to be made. I did this by linking all layers together except for the “Frame”,
then selecting the Move Tool from the Tools Palette (black arrowhead in the upper right of the Tools Palette)
, and selecting the “Show Bounding Box” option from the Tools Options Bar (at top of the screen)
. Then, I clicked on the Bounding Box border (anywhere will do) to activate it, clicked on the chain link that appears between the Width and Height options that appear on the Tool Options Bar, clicked in either the Width or Height (it doesn’t matter when the chain between them is selected), and used the down arrow on my keyboard to uniformly (uniformly because the Width and Height options are linked together by the chain between them) reduce the size of those frames that were linked together, until they were not sticking out beyond the frame on any side. I would include a graphic example for this, but when the bounding box and its settings are selected, you can’t take a screen shot.
3. Next, I linked the new “frame” to the other linked elements, except for the spaceship elements; in this way, I am able to reduce the size of the background, frame, and other elements and leave the spaceship elements sticking out beyond the frame, giving it the 3D look, as if it is flying out of the frame.
4. I didn’t like the way it looked with any of the mattes that I placed behind it, so I created a new layer, filled it with red which I changed to brown using the Hue/Saturation Palette, then used a number of filters on it to get the texture of my “brick” wall – kind of a Brownstone effect.
5. I then went to Edit>Transform>Perspective, and “pulled” the two points on the left in towards each other (you only need to pull one, and the other one follows along) so that everything looked further away. The “wall” I had expanded (Edit>Transform>Scale, or use the Move Tool and click on the Show Bounding Box option) well beyond the perimeters of the canvas, so there was no need to do any other scaling to it. You can see some of the choices I used in the attachment.
And voila! The final product.
NOTE: I did use a mask to smooth the edges of the original “spaceship,” but there is already an excellent tutorial on that by cjs1, so I won’t go into that here. EDIT: I forgot attachment four, so I edited those useless brackets, the = sign and the number out.
--
Some people think they gain through dishonest means, never realizing that in lying, cheating, and other dishonesty, they are losing pieces of themselves, which they can never recover. SPECIAL |
|
 cybrog6Premium
join:2004-05-30
Westbrook, CT
1 edit | reply to tiggerstales
GIMP 3-D frames tutorial (part 1)
Create new image. | 
New image. | 
Filters> Render> Fractal Explorer. | | 
I selected Nebula. | 
Resulting image. | 
Filters> Light Effects> Supernova.. | | 
Click where you want it and click OK.. | 
Script-Fu> Decor> Add Border. | 
Make selections and click OK. | | 
Image> Merge Visible Layers. | 
Click on Perspective Tool. | | | 
Drag corners of grid and click Transform. | 
Resulting image, I saved as gif to be used later. |
Edit: More tomorrow:) |
|
cybrog6Premium
join:2004-05-30
Westbrook, CT
1 edit | reply to tiggerstales
GIMP 3-D frames tutorial (part 2)
Create a new transparent image. | | 
Filters> Render> Sphere Designer. | 
Texture/Noiseand color selection. | | 
The previous image was too wide, here is the rest of the Sphere Designer window. | 
Filters> Light Effects> Lighting Effects. | 
Drag effect where you want it. | 
More settings. | 
Filters> Blur> I used Gaussian Blur (RLE) | 
Blur Radius settings. | 
Resulting image. I saved as gif to be used later. |
|
|
cybrog6Premium
join:2004-05-30
Westbrook, CT | reply to tiggerstales
GIMP 3-D frames tutorial (part 3)
Create new transparent image. | | 
Add background layer. | 
Script-Fu> Alpha To Logo> Blended. | | 
Blended settings I used. | | 
This is the background I created for this tutorial. | 
Be sure to merge layers before next step. |
|
|
| reply to tiggerstales
Re: Would someone be willing to write a tutorial... I think I'll sticky this for a while to make sure everyone sees it. It will also be added to the tutorials link. |
|
marcelle19crossPremium,MVM
join:2002-03-02
Phelan, CA
kudos:1 | reply to tiggerstales
Re: Would someone be willing to write a tutorial.. You'll all have to forgive me for not giving some "thumbs up" for the tutorials - so much slips my mind these days!:p
Very good tutorials, and all deserving of multiple thumbs. |
|
