A way to create a cocktail glass

[MadJik]

This tutorial is available as a PDF. Click here to view or download it

 

A way to create a cocktail glass
with a slice of lemon for your lemonade.

 

Why this tutorial?

This glass was made for a competition https://forums.getpaint.net/index.php?showtopic=111506

 

A tie for the second place... I think that would be the first place if we could taste the beverage.  

 

 

The first time I created this glass was a lot of do/undo/redo without recording each and every step.

For this tutorial, I started with my files and layers to try to describe a method to draw this glass.

This means that the result might be slightly different from the original.

 

As usual I recommend to work with large image. My original version was 5000x5000. It helps to get rid of orphan pixels here and there after resizing down. You will see below the image are 600x600, some are sadly pixelated.

 

The coordinates are corresponding to this dimension (600x600). Easiest way to use this tutorial with a large dimension should be to use 6000x6000. Theoretically just add a zero should work...

 

Plugins needed:

Bevel selection (BoltBait’s plugins pack)

Gradient (BoltBait's version in BoltBait’s plugins pack)

(Optional) Inner shadow selection (for the droplets)

https://forums.getpaint.net/index.php?showtopic=32048

 

Mirror Rotate (Toli’s plugins pack)

https://forums.getpaint.net/index.php?showtopic=6828

 

Paneling (MadJik’s plugin)

https://forums.getpaint.net/index.php?showtopic=2617 

 

Shape3D (MKT’s plugin)

https://forums.getpaint.net/index.php?showtopic=18968 

(Be sure to have the latest version if you want to use the XML files)

 

A. The lemon slice

Easiest part of this tutorial.

 

Spoiler

This image will be saved in a separate file.

 

You could also adapt from this tutorial https://forums.getpaint.net/topic/17295-how-to-make-a-sliced-3d-orange-with-video-tut/

 

1.

Start a new image 600x600

Select all (Ctrl+A) and Delete to have an empty canvas.

 

 

2.

Select from the bottom 50% of the height (for 600 it's 300) on the full width.

Select from the bottom 7% of the height (for 600 it's 42) on the full width.

 

 

3.

Choose the color green citrus or orange or yellow. I take #96C963. Press Backspace to fill the selection.

 

 

4.

Add noise with color saturation to 0.

 

 

5.

Press M two times for "move selection" mode and reduce down about 1/4 from the top. Your selection should be 600x31 now.

Open the adjustment brightness & contrast tool and apply +40 to brightness.

 

 

6.

Copy/Paste the selection to a new layer. I'm going too fast? Ok the same but slowly.

 

Copy the selection (Ctrl+C).

Add a new layer (Ctrl+Shift+N).

Paste (Ctrl+V).

Tip: You could save a step using Ctrl+Shift+V it pastes in a new layer.

 

Open again the adjustment brightness & contrast tool and apply +60 to brightness.

 

7.

Press M two times for "move selection" mode and move top, left then right by 6 pixels and bottom by 1 pixel. Your selection should now be 588x24.

 

 

8.

Press Delete. Duplicate the layer. Run Paneling plugin (distort menu) with 1/4 of the width (150).

 

9.

Duplicate the layer again (Ctrl+Shift+D). Repeat paneling (Ctrl+F). Repeat this step 9.

 

 

 

>>> It’s time to save your work!

 

 

10.

Flatten the image.

Run Shape3D with these settings (no XML file).

 

 

11.

Final result. The center of the slice is the one-pixel line on the bottom of the previous image.

Instead of the cylinder you could try with the sphere in the Shape3D effect. But I don't find it better in the end.

 

12.

You could add some droplets to make it juicier!

 

Using the conditional Hue/Saturation you could make it an orange slice!

Or a yellow lemon slice...

 

Save your work as PDN files, merge the layers and save as PNG file.

 

 

 

 

B. The cocktail glass

As someone said, the glass does not matter as much as the lemonade.

 

Spoiler

This is what we want to achieve:

 

As we need to work with a lot of transparency I suggest to start with a gradient background.

 

 

1.

Start a new image 600x600. Reset Primary/Secondary colors. Select Gradient/Radial and make a gradient from the center to a corner. Call this layer "Background".

 

 

2.

Add a new layer. Select a color to start to draw with (not white, not black). Example #800080 (near red wine color?). Select the shapes tools, ellipse. Set the brush width to 1. Disable Antialias. This to have as less as possible polluting pixels. Draw a thin ellipse (162x144 - 440x170).

 

 

 

 

3.

Select the lines/curves tool. From the left of the ellipse draw an oblique line.

 

 

4.

Draw a vertical straight line a bit away from last line.

 

 

5.

Draw a curved line to link the two previous lines.

 

 

6.

Select the shapes tools, ellipse again. Draw a thin ellipse (183x552 - 419x577).

 

 

7.

Select another color (red or blue) to make difference with previous draws. Select the lines/curves tool. From the left of the ellipse draw a curved line to the last straight line.

 

8.

I want the glass to be symmetrical. Duplicate the layer, flip it and merge down should do the trick. But the ellipses aren't symmetrical. So, I first delete the right side of the glass. With the selection tool, select from the right to a bit less before the center and delete the selection.

 

 

9.

Duplicate the layer,

 

 

10.

flip it horizontally and merge down. The glass is perfectly symmetrical. Call this layer "model".

 

 

>>> It’s time to save your work!

 

 

11.

Add a new layer. Call this layer "foot1". Select primary color white. Set the brush width to 2. Enable Antialias. Draw an ellipse over the foot of the glass (same position than step 6: 183x552 - 419x577).

 

 

 

12.

Duplicate the layer. Call the top layer "foot3". Select the layer below ("foot1"). Press M to enter "Move selected pixels" mode and use the cursor keys (on the keyboard) two times down.

 

 

13.

Duplicate layer "foot1". Call the new layer "foot2". Invert the colors (Ctrl+Shift+I).

Duplicate layer "foot3". Call the new layer "foot4". Invert the colors (Ctrl+Shift+I).

 

 

 

14.

Select layer "foot4". Select the gradient tool (you could change the gradient type as you like) in transparency mode. Draw the gradient. A part of the white ellipse let see the black ellipse of layer "foot3".

 

 

15.

Hide the layer "model". Repeat the operation on the other layer "foot3", "foot2" and "foot1. Undo/redo till you are happy with what should look like a foot of glass.

Merge the four "foot" layer into one and call this layer "foot".

 

 

16.

Show the layer "model" and hide the layer "foot". Add a new layer on top. Call this layer "body". Select the layer "model". With the magic wand tool, hold Shift and click outside the glass. Hold Alt (subtract to the selection) click again outside the glass. The selection must be the transparent pixel inside the glass. With this selection go to the layer "body".

 

 

17.

Bevel the selection to give it the first volume.

 

 

 

Show the layer "foot".

 

 

18.

Some more subtle volume could be added by a white croissant to the bottom of the glass.

Add a new layer. Call this layer "croissant".

Select white as primary color. With the ellipse selection tool, make a selection 269x203 to 331x333. Press Backspace to fill the selection with white.

 

 

19.

With the ellipse selection tool, make a new selection 262x194 to 358x324.

 

 

20.

and press delete. It remains the white croissant.

 

 

21.

Another subtle effect on the foot of the glass is to add some white and blurry shapes. Select the layer "body" and add a new layer. Call this layer "shiny foot".

The shape is made of a circle and a triangle. Do the circle first.

 

 

 

 

22.

Then add the triangle on the same layer.

 

 

 

23.

Apply a zoom blur like this.

 

 

24.

Press M to enter "Move selected pixels" mode and click anywhere to select all the layer. Then move, drag and resize the selection to reduce it and place it over the foot of the glass.

 

25.

Duplicate the layer. Flip it horizontally and merge down.

 

 

>>> It’s time to save your work!

 

 

26.

As for the foot of the glass, the top border need some shiny effect.

With the dimension and position of the top ellipse (162x144 - 436x170, some pixels lost at step 10) redo the steps 11 to 15.

Call this layer "top".

 

 

27.

Select the layer "model".

With the magic wand tool select the top ellipse and hold Ctrl to select the body of the glass.

 

 

28.

Add a new layer. Call this layer "shiny body".

Select primary color white and secondary color transparent (opacity-alpha=0).

 

Draw two gradients and try to keep them on one side of the glass.

 

 

29.

Select the layer "model". With the magic wand tool select the top ellipse only.

Select the layer "shiny body". Run the effect Mirror/Rotate - Vertical mirror.

 

 

30.

Press F4 to open the properties of the layer and reduce the opacity between 100 and 160 (as you feel it).

 

 

31.

You could repeat the last step on the other layers top, croissant, shiny foot and foot.

 

 

>>> It’s time to save your work!

 

 

32.

The glass is finished. You could make some corrections.

For my example, my foot has some too dark spots I have to reduce.

 

 

33.

Final version of the glass.

 

 

 

C. The cocktail recipe

Or how to fill the glass

Spoiler

Unlike the lemon slice which could be a separated file, for the beverage we of course need the glass (to fill in). But you could save the empty glass as a model and restart from it for your different recipes (remember me at what time is the party?).

 

1.

What volume of drink this glass can receive?

To find the answer, select the layer "model". With the magic wand tool select outside the glass. With the rectangle selection tool, hold the Ctrl key to select the foot up till the bottom of the croissant. See the picture.

 

 

 

2.

Revert the selection. Select the layer "model". Add a new layer. Call this layer "model drink".

 

 

3.

Fill the selection (Backspace) with a color. This is the volume the glass could receive.

 

 

4.

Duplicate the layer. Call this layer "drink".

With the active selection run the effect Gradient (BoltBait's version), vertical from red to green, type HSV (short, will passing through yellow).

 

 

5.

Press Enter (or click on Deselect icon).

Use the layer rotate/zoom tool to reduce and move down the liquid.

 

 

6.

Hide the layer "model drink".

Use the color picker to set the primary color orange/yellow from the middle of the supposed liquid.

 

 

7.

Add a new layer. Call this layer "surface".

Select the shapes tools, ellipse. Set the draw mode to “filled”.

Draw a thin ellipse (198x196 - 401x222).

 

 

8.

Press F4 to open the properties of the layer and reduce the opacity between 120 and 200 (as you feel it).

 

 

>>> It’s time to save your work!

 

 

9.

The liquid part is finished. You could make some corrections. For my example, I make some transparent gradients over the croissant as the cut is too clean.

 

 

10.

Add some features? Why not!

Sugar frost: Duplicate the layer "top". Call this layer "sugar frost", reset the opacity to 255.

Run the effect Crystalize with cell size to 2. Adjust Brightness/Contrast (90,77).

 

 

11.

Ice cube: Create a cube of ice, you could try this tutorial:

https://forums.getpaint.net/index.php?showtopic=107658

(Strange, some pictures are missing...) or create something more or less looking like an ice cube.

 

 

12.

Add a new layer on the second place from top of the list (below "shiny body"). Call this layer...?

if you said "ice cube" it's a good answer!

 

Copy/Paste the ice cube. It need to be resized and moved over the surface of the liquid.

 

 

13.

It is possible to add 1-2 more ice. Be careful to not overfill the glass!

Press F4 to open the properties of the layer and set the blend mode to overlay.

 

 

14.

On the layer "surface" use the magic wand tool to select the ellipse.

Go back on the layer "ice cube" and copy the selection.

 

 

15.

Add a new layer on the second place from top of the list (below "shiny body"). Call this layer...?

Who said "iceberg" first?

Paste the last copy (part of the ice). Press F4 to open the properties of the layer and set the blend mode to lighten and play with opacity (as you feel it).

 

 

 

>>> It’s time to save your work!

 

 

D. The return of the lemon slice!

Is that a title for a movie?

 

Spoiler

To correctly add the slice on the border of the glass we have to take care of what is in or out and what is back or front of the rest, etc.

 

1.

Add a new layer on the second place from top of the list (below "shiny body"). Call this layer "fruit slice".  Copy/Paste the lemon slice made in the part A of this tutorial.

From your previous multilayers file you could use Ctrl+Shift+C to copy at once the image.

 

 

 

2.

Then move drag and resize the selection to reduce it and place the center of the slice over the left top edge of the glass.

As the image of the slice is flat (not in 3D), it is much better to put it on left or the right.

 

 

3.

Hide this layer "fruit slice". And hide the layer “background”. Press Ctrl+Shift+C to copy a flattened version of what is displayed at the screen.

 

 

4.

Show back the layers "background" and "fruit slice". Select the layer "fruit slice". Add a new layer. Call this layer "all glass". Paste the last copy (all the glass with transparent background).

 

 

5.

On the layer "model" use the magic wand tool to select the ellipse only. With the rectangle selection tool, hold the Ctrl key to add to the selection the upper right quarter of the fruit. See the picture.

 

 

6.

Select the layer "fruit slice". Press Ctrl+C to copy the selection.

Add a new layer on the second place from top of the list (below "shiny body"). Call this layer "front of fruit".

 

Paste the last copy (quarter of the fruit). The sugar frost is partly hidden.

 

Move the layer "sugar frost" before the layer "all glass".

Move the layer "fruit slice" before the layer "foot".

Hide the layer "all glass".

See the picture as "a picture is worth a thousand words".

 

 

7.

To add the straw, it needs to use the method of the ice cube and the method of the fruit slice.

I let you figure out how to do that…

Of course, you could use the tutorial for the straw itself here:

https://forums.getpaint.net/index.php?showtopic=111710   

 

 

 

 

8.

Finish the work with a background etc.

 

 

 

Thank you for reading this long long tutorial.

 

Voilà, enjoy and share your results here, please!

 

NB: it’s a long text and English isn’t my first language. If I misspell some words or use wrong words, just make the effort to inform me about it and how to make it correct (yes I use sometime Google translator). 

 

edit 2017-09-02: correction on step A.2 (50% was wrong reminiscence from a test with the sphere instead the cylinder.), added spoilers.

[MJW]

A very useful and thorough tutorial! I'd like to see more people (including me) explain how they made their comp entries. Especially their OOTF entries, since that's when we pull out our best tricks.

[Ego Eram Reputo]

Woah! That's an impressively comprehensive tutorial MadJik! The results are fabulous.

 

[Pixey]

Fabulous tutorial @MadJik.  I certainly will get to doing this, but not for a couple of weeks as I have family visiting.  Thank you for making this.  It's always a revelation for me to use the Shape 3D and I learn more each time .

[Seerose]

 Dear @MadJik!    Thank you for your effort, and for the time.  

 

[Maximilian]

Certainly a very commendable tutorial, MadJik! Your efforts are highly appreciated. I'll read it more carefully as soon as possible    

[MadJik]

@MJW @Ego Eram Reputo @Pixey @Seerose @Maximilian. Thank you all. I have just find an error on step A.2... Post and PDF updated.

 

@Pixey yes I like Shape3D. The idea come from an old tuto to make eyes with sphere.

 

nb: @stuff doesn't always work!

[lynxster4]

What a tutorial @MadJik!        I'll try this as soon as I can.   Thank you for sharing!   

[Woodsy]

Great tutorial @MadJik! I haven't seen a tut that goes into such detail before. Are you in a competition with @welshblue for the longest tut? 

[Seerose]

 @MadJik!  I would like to thank. That was a big challenge for me.  Again and again many thanks for your effort and for the time.    

 

Edited April 16, 2018 by Seerose

[MadJik]

@Seerose As is th first result posted here I want to thank you (not friendly with smileys so instead this text you must read redheart x3, piece of pie x2,  cup of tea x1, etc.)

 

 

To improve your result you should read again points

- B.32 (blue text) concerning the limit between the foot of the glass and its long "leg"  and

- C.9 concerning the bottom of the glass container, you should use the transparent gradient to smooth the beverage around the croissant.

 

(not speaking to seerose only but to all over readers)

Following up until the end of this tutorial requires a big investment of time and patience. I did it to show some of my thoughts and tricks using paint.net and its plugins.
If you do not find this tasty (ok, it depends on the drink), then, at least, do it for practice to increase your skills.

 

[lynxster4]

I would like to say that this was one of the more difficult tutorials for me.  My glass stem is too thick, so just pretend I have very cheap glassware!  

 

It was very fun, though, and I am going to try it again.

 

 

 

Thank you so much @MadJik!    

[lynxster4]

I'm sorry, @MadJik ....I had to try this again.  I like my 2nd attempt much better than the first.

 

 

This was very challenging.  I refused to quit!   

[MadJik]

45 minutes ago, lynxster4 said:

I like my 2nd attempt much better than the first.

 

Yes it looks more 3D.

Just for the shadow. The glass and the liquid are partly transparent to produce a colored shadow. Not the slice of lemon!  

[lynxster4]

15 hours ago, MadJik said:

Just for the shadow. The glass and the liquid are partly transparent to produce a colored shadow. Not the slice of lemon! 

 

I plead......fatigue!       I had been at it for hours!    Thanks for pointing it out Madjik!    

[MadJik]

28 minutes ago, lynxster4 said:

I had been at it for hours!

Me too writing the tuto and testing it again. (Seerose and ) you make me proud of this. You have too to be proud of your work. Keep up the good work!

[lynxster4]

2 hours ago, welshblue said:

so I went for a mocktail with a S3D render

 

Excellent glass and drink Welshy....it looks so real.  Kudos!!    

[Seerose]

 @MadJik! Thank you for your cooperation and for the good advice.  

[Seerose]

 Dear @lynxster4! For very cheap glass nevertheless very nice.  Your second try also very beautifully succeeded. Thank you.  

[Seerose]

 @welshblue! Masterful glass.  I would be glad if I could do something like that. Thank you.  

[Pixey]

Thank you so much @MadJik for your tutorial.  My take on it & Cheers .

 

 

 

[MadJik]

@Pixey where is the party?