Jump to content


Photo

Make 3D glass filled with orange juice


  • Please log in to reply
39 replies to this topic

#1 yellowman

yellowman
  • Members
  • 1,489 posts
  • Reputation:62

Posted 05 July 2009 - 08:36 AM

In this tutorial we will make this glass:

Posted Image

Plugins needed for this tutorial:
Shape 3D by MKT visit plupin page http://paintdotnet.f...php?f=16&t=5271

1-Start with new image 800x800.
2-Fill it with Black.
3-Add new layer name it interior fill it with transparent white 40.
4-Duplicate Interior layer and name the new layer exterior.
You will have something like this:
Posted Image

5-Add new layer, name it liquid and fill about 3/4 of this layer, or any level you want with the color you like, this will be the level of the liquid in the glass ( I used orange color to fill about 3/4 of the liquid layer)
To get something like this:
Posted Image

6-Add new layer on top off all layers, name it highlight, and draw random vertical white rectangles from top edge to the bottom using Rectangle tool from Tools window, like this:
Posted Image

7-Fade up the top and bottom edges of the white rectangles created in the highlight layer, to do that use Linear Gradient :LinearGradient: with with Transparency Mode :AlphaChannel: :AlphaChannel: , as shown with details in the image below
Posted Image

8-Turn off liquid layer temporary and select interior layer and apply the Shape 3D plugin on it with values and effects shown with 11 red arrows(you can change the values as your desire but keep the Cylinder mode and un-check the Top box and check the Bottom box in All Faces)
Posted Image

Hint:
-Keep the values you made unchanged in Shape 3D plugin cause we will use them same almost in all other layers.
-For better clean edges use higher Anti Alias value but that will slower the rendering, so make last checked box the Anti Alias box when you are satisfied with your shape and wait for the final render.

you should get something like this:
Posted Image

9-Apply Shape 3D plugin on liquid layer using exactly same values and effects.
Hint: If you want transparent juice effect then put liquid layer under interior layer, if no then put it on top of interior layer.( I chose transparent)
Posted Image

10-Select exterior layer, apply the Shape 3D and change only the values shown below:
Posted Image
Move exterior layer down(behind all but not the black background layer)

11-Duplicate highlight layer and name the new layer back highlight and move it behind liquid layer.

12-Select highlight layer (this layer is already on top of all layers, if not then move it on top )and apply Shape 3D with same values as exterior layer changing only the Textural Map from Half Cylinder Map(Repeat) to Half Cylinder Map and better to un-check the Light box, as shown below:
Posted Image

13-Select back highlight layer and apply the Shape 3D again with values of highlight layer changing only the Axis-1=345 and Axis-2=180 in the Object Rotation as shown below:
Posted Image

14-Add new layer on top of liquid layer and draw an orange ellipse using Ellipse :EllipseTool: tool with Filled Shape mode to cover the top opening of the juice surface, then merge this layer with liquid layer:
Hint: select the ellipse shape with Rectangle Select tool and move or re-shape it with Move Selected :MoveTool: Pixels to fit exactly on the top of the juice surface as shown:
Posted Image

15-Add new layer on top of all layers and draw a white ellipse on the top edge of the glass using this time Shape Outline mode for Ellipse tool, use the last hint to fit the ellipse:
Posted Image

16-Add some gradient to the last ellipse using Gradient tool with Linear(Reflected) :LinearReflectedGradient: and Transparency Mode, start from the center of the ellipse down toward the edge of the glass shift a little to the right by moving the 2 knobs as shown below, then merge this layer with highlight layer:
Posted Image

17-Select interior layer and add Linear Transparency Mode gradient effect on it starting from the bottom of the glass up to the edge of the liquid:
Posted Image

18-Merge interior layer with liquid layer, open Rotate / Zoom effect (find it in Layers > Rotate/Zoom) and add some more 3D effect to the liquid layer (the last resulted layer from merging) put these values or use your own ones but make sure to align the shape using Pan and Zoom options, something like this:
Posted Image

19-Merge all layers down except the black background and repeat Rotate / Zoom effect with same values.

20-Use the Bulge :Bulge: effect find it in Effect > Distort > Bulge to add some curvature to the right and left sides of the glass as shown below:
-For the right side:
Posted Image

-And for the left side just slide the "x" value from 1 to -1:
Posted Image

It looks like the glass is wide so lets change the width of the image from 800 to 750 or less, yes looks much better, and lets add a good background, some reflection and a frame to get the final result as this:
Posted Image

I hope that you enjoyed the tutorial
Here are some more images of glass:
Posted Image Posted Image Posted Image

#2 Boude

Boude
  • Members
  • 592 posts
  • LocationThe Netherlands
  • Reputation:1

Posted 05 July 2009 - 10:41 AM

We're getting some good tuts lately, well done.

Here is my humble attemp:
Posted Image
Posted Image
History repeats itself, because nobody was paying attention the first time.

#3 Athena.mm

Athena.mm
  • Banned
  • 34 posts
  • LocationCampbell River, BC, Canada
  • Reputation:0

Posted 06 July 2009 - 01:30 AM

Wow. Nice! 8)

#4 Gutspill

Gutspill
  • Newbies
  • 3 posts
  • Reputation:0

Posted 09 July 2009 - 05:43 AM

Nice! Looks cool. I did something wrong and one of my highlights was misaligned with the glass, though. I just got frustrated and quit >.<

ah well ill make one later :3
Posted Image

#5 m2lucky

m2lucky
  • Members
  • 164 posts
  • Reputation:0

Posted 13 July 2009 - 04:54 AM

wow nice tut really well done I have always liked to experiment with glass, I will have to try this later...

Music Brings color to the world
Posted Image
My Gallery|Frozen Text|Snowy Font|MSNBC Effect


#6 m2lucky

m2lucky
  • Members
  • 164 posts
  • Reputation:0

Posted 14 July 2009 - 04:01 AM

heres my attempt its not perfect by any means but i think its ok...
Posted Image

Music Brings color to the world
Posted Image
My Gallery|Frozen Text|Snowy Font|MSNBC Effect


#7 EscapistAngel

EscapistAngel
  • Members
  • 133 posts
  • LocationFinland, the land of [add good phrase]
  • Reputation:0

Posted 18 July 2009 - 07:48 PM

Thank you for this! Made this one based on this tut. Easy and yet very versatile and easily extended. Very nice! :)

Posted Image
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."


#8 arik-so

arik-so
  • Members
  • 56 posts
  • LocationGMT+1
  • Reputation:1

Posted 21 July 2009 - 12:37 PM

awesome tut, really!

but I modified the methods nevertheless *smirk*, slightly, though.

which nevertheless made me see the superiority of your way. that's my (failed) attempt:

Posted Image

*edit*: I forgot the drops which cause the surface to ripple :(

#9 pink77punk

pink77punk
  • Members
  • 19 posts
  • Reputation:0

Posted 21 July 2009 - 08:19 PM

My first try....

Posted Image

Second attempt:
Posted Image

#10 Gamer_World14

Gamer_World14
  • Members
  • 1,775 posts
  • Locationhttp://gamerworld14.deviantart.com
  • Reputation:1

Posted 23 July 2009 - 04:13 AM

Wow, sweet tutorial! :D

It was very easy to follow and I really enjoyed it. Here is my outcome with a little twist. ;)

It took me ~2 hours. :shock:

Posted Image

Now I wish I made a bigger size. One helpful tip though.

Mini-Tut for reflection:
Hidden Content:

Posted Image

deviantART | Paint.NET Gallery | **Find me more active at dA**


#11 yellowman

yellowman
  • Members
  • 1,489 posts
  • Reputation:62

Posted 23 July 2009 - 07:51 AM

Boude, thanks, good shape if could just make the top exact ellipse.
Athena.mm, thanks.
Gutspill, try again, once then it will be very easy to you.
m2lucky, looks ok, you just need to add a thickness to the glass and use :AntiAliasingOn: not :AntiAliasingOff:
EscapistAngel, you welcome I saw your image looks very nice, I like the highlight very much.
arik-so, awesome, I like your idea, very well done.
pink77punk, I like the second one, it has nice details not like mine just flat simple :) .Btw Goonfella made a good tutorial for doing wine glass shape like the one you did.
Gamer_World14, wow , that is excellent, better than my version, 2-hours for first time next one will be 10 minutes as long as you got the trick.
and thanks for the tip( btw I don't use wet floor reflection plugin for my important projects, for good result I use the hard way, without plugins)

#12 alexmcgillvary

alexmcgillvary
  • Newbies
  • 2 posts
  • Reputation:0

Posted 24 July 2009 - 05:11 AM

Here's my attempt. I couldn't find a good way to add a reflection.
I think the Wet Floor reflection plugin is just awful; it's really laggy and renders horribly.
It ended up looking better without a reflection.

Posted Image

#13 bamaplaya1

bamaplaya1
  • Members
  • 31 posts
  • Reputation:0

Posted 24 July 2009 - 09:13 AM

nice tut

Posted Image
Posted Image

#14 Gamer_World14

Gamer_World14
  • Members
  • 1,775 posts
  • Locationhttp://gamerworld14.deviantart.com
  • Reputation:1

Posted 24 July 2009 - 05:28 PM

@ alexmcgillvary: Try my reflection tip...

Mini-Tut for reflection:
Hidden Content:


The average blur really helps the outcome. ;)

Posted Image

deviantART | Paint.NET Gallery | **Find me more active at dA**


#15 arik-so

arik-so
  • Members
  • 56 posts
  • LocationGMT+1
  • Reputation:1

Posted 24 July 2009 - 08:51 PM

though your glass image is the best, and you managed to do a good job on your reflection, realistic reflection is impossible with Paint.NET, because it has to work the following way: where the object that is reflected touches the reflector, the immediate vertical line of pixels above that touching point is shown flipped on the area of the reflector. So if the touching line of an object is not absolutely horizontal, which means it is the same distance away from us one the one side as it is on the other, we cannot make a realistic reflection by means of this grapphics-editing software :(

But, no! Now, I've had an "epiphany", and I found out how it can be made, using MaDJik's Gravity plugin!
I'll post a tutorial soon.

#16 Gamer_World14

Gamer_World14
  • Members
  • 1,775 posts
  • Locationhttp://gamerworld14.deviantart.com
  • Reputation:1

Posted 24 July 2009 - 09:09 PM

We cannot make a realistic reflection by means of this grapphics-editing software :(

But... you can try ;)

Posted Image

deviantART | Paint.NET Gallery | **Find me more active at dA**


#17 arik-so

arik-so
  • Members
  • 56 posts
  • LocationGMT+1
  • Reputation:1

Posted 25 July 2009 - 09:06 AM

I've edited my reply. It can be done using MaDJik's gravity plugin. I'll post a tutorial.

Hidden Content:


#18 Dimitriye98

Dimitriye98
  • Newbies
  • 3 posts
  • Reputation:0

Posted 08 August 2009 - 03:28 AM

I've edited my reply. It can be done using MaDJik's gravity plugin. I'll post a tutorial.

Hidden Content:

MaDJik made a reflection plugin I think...Maybe it was someone else.
Any way here's mine
Hidden Content:

Posted ImagePosted Image
Google is a secret plan to destroy the world. :lol:

#19 Pixey

Pixey
  • Members
  • 572 posts
  • LocationIsle of Man Home of the "TT" races
  • Reputation:36

Posted 09 August 2009 - 12:34 PM

Here's my 1st attempt :| Many thanks for the tutorial (I couldn't do step 18, so just skipped it). BTW I love your glassy flower.

Posted Image

#20 arik-so

arik-so
  • Members
  • 56 posts
  • LocationGMT+1
  • Reputation:1

Posted 09 August 2009 - 03:03 PM

Looks good :wink:

The drink isn't aligned very well, though. :idea: