aguba Posted February 13, 2010 Posted February 13, 2010 This tutorial is available as a PDF. Click here to open or download the PDF This tutorial, in my opinion, requires a lot of time and patience, so make sure you have the time to work on this before starting. Things can get really meticulous. This will be the end result, and what we are ultimately shooting for: 1. Start off with a blank canvas, using a white-to-light-grey gradient as the background-color, and a simple single-color shape. The shape can be whatever you want, a star, circle, even letters and numbers, and whatever color you choose (remember to put this on a new layer). Here, we used a simple grey square: 2. To put some perspective on this, using the Rotate/Zoom adjustment in the Adjustments Menu, rotate the shape as if it were the surface of a 3D object in space: 3. This next part may get a little tedious. Duplicate your shape layer. Select ( ) the entirety of the lower layer and move it down one pixel using the arrow keys on your keyboard. Duplicate that layer, and again move the lower of the two down one pixel. Pattern: Now, merge the lower two shape layers. Duplicate the merged layer, select the bottom one, and move it down two pixels. Merge the two, duplicate, and move the bottom four pixels. Merge, duplicate, move eight pixels. Repeat this pattern with the lower two shape layers until you end up moving it down 32 pixels. Merge the two lower layers, leaving only one thin upper layer and a thick lower layer: (miscellaneous info: I chose this method to create the depth of the shape because it was very clean and precise, more so than using a motion blur, despite its tediousness) 4. Here you are going to want to create some alpha masks, so with both your thin layer and your thick one, use the Hue/Saturation adjustment in the Adjustments Menu to turn them black by sliding the Lightness slider all the way to the left. Create a layer above your background layer and fill it with white. Hide the thick shape layer and save as a flattened image. Show the thick layer, hid the thin and save as another flattened image. Now, undo all of this, to the point right before you blackened your shapes. Go to your thick layer and darken it, enough so that you can distinguish between it and your thin layer. 5. This is where the image will start to get a bit layer-heavy, so name both your thin shape layer and your thick one. Here we will use Surface for the thin layer and Depth for the thick layer. Create a layer above your Surface layer, and name it Surface Highlights. Create a layer beneath your background layer and fill it with black. Switch to the Clone Stamp tool and use a brush size of 90 to 300, depending on the size of your shape (try to make the diameter of the brush size around 1/4 to 1/2 of the size of your shape). Click the More >> button on the Colors Window and adjust the Transparency - Alpha value. The value you choose depends on the size and color of your shape, the brush size you selected, and overall personal preference. Create an origin on the black-filled layer, switch to the Surface Highlights layer and lightly brush over a portion of your shape (this is all personal preference, but I generally try to have the brush strokes to be very subtle yet noticeable). When you're done, open up the Alpha Mask... plugin in the Effects Menu, click Browse..., and open the alpha mask of your Surface Layer (then referred to as the thin layer). This is done to eliminate any brush-strokes outside of the shape's area (the Mix Alpha check-box must me ticked, but you may also need to tick the Invert Mask check-box). Repeat all of this with the Depth Layer, on a layer right above it called Depth Highlights, using a smaller brush size, and with white instead of black: (on the Depth Highlights layer, depending on the color and brightness/darkness of your shape, you may or may not want to set the layer on Overlay) 6. Duplicate your Surface layer. Turn the duplicate white by sliding the Lightness slider all the way to the right in the Hue/Saturation adjustment. Duplicate that, and invert the new layer's color, turning it black. On the black Surface layer, run Feather with True Feather checked on, at a moderate Feather Radius and a high Effect Strength. Merge this onto the white Surface layer: Run Alpha Mask... to get rid of the black areas, set the layer to Overlay and name it Surface Outline. Create a layer above your Depth layer and name it Depth outline. Using the Line/Curve tool, create straight white lines over all of the sharp vertical edges of your shape. Set this layer to overlay. You may want to play with the opacity of both outline layers. 7. Again duplicate your Surface layer, turn the duplicate white, and move it to the very top of your Layers Window. Create a layer above that and draw a black Bezier Curve over the white area. Use the Pen Tool to create a line connecting both ends of your Bezier Curve around one side of the white area. Using a Tolerance of 67-69%, use the Paint Bucket Tool to fill the newly created enclosed area with black. Merge onto the white Surface layer: Run Alpha Mask... to rid the image of the black areas: Apply various gradients to the white area to create a sort of gloss. Name this layer Surface Gloss. 8. Go to your Depth layer and duplicate it twice. Blur the top duplicate at a Radius of 40 to 60: Go to the lower duplicate and move the image down until it appears to be physically under the entirety of the original Depth layer: Lower the opacity of this layer and name it Reflection. 9. Create a new layer at the very top and name it Shine. Draw white lines with a Brush Width of two across a few Surface layer edges that visibly connect with the top of the Depth layer: Draw a selection around one of the lines and, using either Radial or Linear (Reflected) modes, draw a gradient from the center of the line to its edges. Do this for each line: Apply a glow to this layer: By now, you can flatten your image and call it a day. However, you may also apply two (optional) extra steps: With your image flattened, run Soften Portrait with Softness and Warmth turned all the way down: The effectiveness of Soften Portrait really depends on the colors you used in the image, as well as the images darks and lights. Many times, this plugin can really make an image. However, use it with discretion, as sometimes it may be completely unnecessary. Now, apply a light Vignette and you're done: Quote aguba.deviantart
pipp92 Posted February 13, 2010 Posted February 13, 2010 looks sweet, but with text it is a bit harder to do Quote Personal Gallery
georgian Posted February 13, 2010 Posted February 13, 2010 oh god,i waited this tutorial for days.. since i saw your work,i've been trying to make this 10/10 tutorial here's my first try,but i'm sure i'll try again.. Quote
0(-.-)0 Posted February 13, 2010 Posted February 13, 2010 FINALLY! Thank you! I shall post a result soon. Quote - Any thoughts? -
Ego Eram Reputo Posted February 14, 2010 Posted February 14, 2010 @aguba: you have 378 posts and have been on this forum for three years and you still post pictures that are too wide? C'mon, you know better than that! Please resize the larger images down to a maximum dimension of not greater than 800pixels. Quote ebook: Mastering Paint.NET | resources: Plugin Index | Stereogram Tut | proud supporter of Codelab plugins: EER's Plugin Pack | Planetoid | StickMan | WhichSymbol+ | Dr Scott's Markup Renderer | CSV Filetype | dwarf horde plugins: Plugin Browser | ShapeMaker
aguba Posted February 14, 2010 Author Posted February 14, 2010 Whoops, my bad. It should be fixed, but Photobucket might take awhile to update Quote aguba.deviantart
0(-.-)0 Posted February 14, 2010 Posted February 14, 2010 May I suggest Flickr? It updates instantly. AND it doesn't delete entire tutorials...which would be really sad because this one is amazing...so many uses. Epicness. Quote - Any thoughts? -
EscapistAngel Posted February 15, 2010 Posted February 15, 2010 Wow. Pure awesomeness. This, my sir, is a tutorial worthy even of stickying, perhaps? Clicky Quote Please forgive my possible complaints. I'm but an annoying little perfectionist when it comes to using english... "I tremble in the presence of your terrifying skills of gardening."
aguba Posted February 15, 2010 Author Posted February 15, 2010 Sorry mods, looks like Photobucket is having a bit of a problem updating the resized pictures. I may have to switch to Flickr as 0(-.-)0 suggested. Scratch that, looks like they're properly resized. Although I may just start using Flickr from now on. Angel, awesome result. I may just start regretting divulging my secrets Awesome, I gots me a sticky! Yay Quote aguba.deviantart
0(-.-)0 Posted February 15, 2010 Posted February 15, 2010 Congrats on the sticky! This tutorial most definitely deserves it. I'm excited to see what else comes of it and am looking forward to more great work and tutorials. Also, flickr ftw! May Photobucket burn and die the death it deserves. Quote - Any thoughts? -
aguba Posted February 15, 2010 Author Posted February 15, 2010 This tutorial could've been a lot more polished actually, and I completely forgot a step. Unfortunately, I did this at like 1am and I was in one of those "let's get this over with" moods. Quote aguba.deviantart
HELEN Posted February 15, 2010 Posted February 15, 2010 Very nice tutorial. I like the way you think. Quote Don't spit into the well, you might drink from it later. -----Yiddish ProverbGlossy Galaxy Ball---How to Make FoliageMy Gallery PDN Fans--My DA
pyrochild Posted February 15, 2010 Posted February 15, 2010 Sorry mods, looks like Photobucket is having a bit of a problem updating the resized pictures. I may have to switch to Flickr as 0(-.-)0 suggested.Scratch that, looks like they're properly resized. Although I may just start using Flickr from now on. When updating images, always clear your browser's cache. Otherwise, it might display the old versions. Reloading the page with [Ctrl][F5] will do it. Quote ambigram signature by Kemaru [i write plugins and stuff] If you like a post, upvote it!
aguba Posted February 16, 2010 Author Posted February 16, 2010 Aww, you'd think the mods would actually post a personal comment every now and then. Just kidding pyro, thanks for the help and thanks to everyone else who did comment Quote aguba.deviantart
pyrochild Posted February 16, 2010 Posted February 16, 2010 Aww, you'd think the mods would actually post a personal comment every now and then. I'm not wearing any pants right now. How's that for personal? Quote ambigram signature by Kemaru [i write plugins and stuff] If you like a post, upvote it!
aguba Posted February 16, 2010 Author Posted February 16, 2010 Hmm....what kind of pants are you not wearing... Now there's something to think about. Quote aguba.deviantart
0(-.-)0 Posted February 16, 2010 Posted February 16, 2010 O.O He's not wearing khakis... Quote - Any thoughts? -
Ego Eram Reputo Posted February 17, 2010 Posted February 17, 2010 I'm not wearing any pants right now. How's that for personal? Too much information :!: :shock: Quote ebook: Mastering Paint.NET | resources: Plugin Index | Stereogram Tut | proud supporter of Codelab plugins: EER's Plugin Pack | Planetoid | StickMan | WhichSymbol+ | Dr Scott's Markup Renderer | CSV Filetype | dwarf horde plugins: Plugin Browser | ShapeMaker
~ROFLCOPTER~ Posted February 18, 2010 Posted February 18, 2010 Very good job. I like your sig also. Quote All your images are belong to us
Nathan_Misch Posted February 20, 2010 Posted February 20, 2010 Aguba, Great tutorial! The result looks amazing. In my own separate image attempts, I had done some steps very similarly; the alpha masking sections are far superior to what I tried,though.Thanks for sharing your amazing skills with the community! Gonna go give it a whirl now. Quote
Mike Ryan Posted February 26, 2010 Posted February 26, 2010 Excellent tutorial. I've worked a lot on 3D before (check out my Gallery if you want to see) and we share a few differences in style. For instance, where you duplicate the layer a lot of times, I duplicate it two or three times then make it a solid using Pyrochild's Outline Object color using a color that is actually lighter than the object (or darker). I found this fixes some depth issues. For any newcomers: The currently published version of Alpha Mask Import does not work as described in this tutorial. For that, I suggest instead using my Isolate White / Black plugin. Quote
PancakePaint Posted February 27, 2010 Posted February 27, 2010 I knew that you would make a tutorial soon... It's much more complex than I thought though. I just chose a random letter... It's a bit blurry. Quote Using Paint.net for 5 months.
Lance McKnight Posted March 1, 2010 Posted March 1, 2010 aguba, I didn't follow your tutorial, but I wanted to share my work with you. I hope you won't feel bad. Quote Officially retired from this forum. Have a nice day.
aguba Posted March 2, 2010 Author Posted March 2, 2010 I'd say you did a fair job there Lance @Nathan: Thanks, I had always used alpha masking for things like this. It gives a very clean cut. @Mike: What changed in the Alpha Mask Import plugin? @waffle: Awesome result Quote aguba.deviantart
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.