Illustrator draws a cup of realistic milk and ultra-textured oatmeal cookies tutorial

Source: Internet
Author: User
Tags mixed
I will give you a detailed analysis of the Illustrator software to share with you the tutorial on creating a cup of realistic milk and super-textured oatmeal cookies.
Tutorial sharing:
1. Create a crispy chocolate cookie
Step 1
First draw a circle of 250 * px, use the elliptic tool (L), and hold down the Shift key to draw a circle. Fill the circle with the Beach Yellow, select "effect-distortion and transformation-roughening" to 1%, select "relative", then adjust "details" to 5, and select "smooth ". Click "OK". The Circle edges become uneven.

 

Step 2
Select "object-extended appearance" and use "Shift + R" to make some areas of the circular edge more uneven. (Press the Alt key and Shift key to adjust the size of the deformation tool)

 

Step 3
Use radial gradient for cookies, from center to edge from bright to dark.

 

Step 4
By adding some dents to the biscuit surface, the surface is more textured. Select "elliptical tool (L)" to draw some circles so that they are different in size and randomly distributed on the biscuit surface.
Like the previous method of roughening the edge of a biscuit, the circle distributed on the biscuit is roughened, but this time the edge of the biscuit should be rougher, adjust the "size" value to 5%, select "relative", adjust "details" to 10, select "smooth", and click "OK ".
Select "object-extended appearance", and then use "deformation tool (Shift + R)" to adjust the edge shape.

 

Step 5
Fill the preceding shape with a linear gradient from white to orange. On the "transparency" attribute panel, select the blending mode as "front stacked ". In this way, the surface of the biscuit is concave, and the shadow effect is translucent.

 

Step 6
Now let's make the shape of the chocolate and scatter it on the biscuit surface. Use an elliptical tool to draw some brown circles, and then apply the "roughening" effect: "size" to 2%, select "relative", "details" to "10", and select "smooth ".
Select "object-extended appearance", adjust the edge of the circle, and apply a radial gradient to place the light color in the gradient near the upper edge of the chocolate shape.

 

Step 7
Select a Chocolate Bean, copy and paste it to the front (Ctrl + C, Ctrl + F) to zoom out the pasted layer and move it up to the top near the chocolate bean. Fill the pasted small chocolate beans with a linear gradient from top to bottom from brown to black.
Change the mixed mode to "filter color" to make the black color transparent and give a smooth highlight.
Repeat the preceding actions on each of the remaining chocolate beans to add highlights to make each element more realistic.

 

Step 8
Select the basic shape of the chocolate beans without highlights, copy and paste them behind (Ctrl + C, Ctrl + B), and press the down arrow key on the keyboard to move the copied layers down. Fill in a linear gradient from light brown to white. Adjust to the front-slice stacked mode, so that the lower part of the chocolate bean has a slight projection.

 

Step 9
Let's add some realistic details to cookies. We will use the default AI brush to draw cracks on the biscuit surface. Select "window-paint brush", and click the paint brush library in the lower left corner of the property box. Select "art effect-chalk charcoal pencil ". Next, find the "charcoal pen-fine" paint brush, and then select the paint brush tool (B ).

 

Step 10
Draw some cracks along the edge of the biscuit, from the edge to the center, draw long and short wave-shaped cracks around the circle to connect the cracks with short lines or points, freely spread on the cookies.

 

Step 2
After the cracks are painted, select all the cracks (select -- same -- stroke color to quickly select all cracks ), then select "object-extended appearance" to make the margins of these cracks rough (this step is critical to ensure that the path can be filled with gradient ). Keep the selected state, right-click to create a composite path (Ctrl + 8), and combine all the split cracks into a whole. (The composite path is to integrate each independent layer into one layer)
Finally, fill the new coating with radial gradient, from center to edge from light yellow to dark brown.

 

The cookie is like this. These cracks are deeper than the basic color of the cookies, so as to create a beautiful texture effect.

 

Step 2
Add highlights around the crack to make it more realistic. Select the compound path layer of the crack, copy it, paste it to the back (Ctrl + C-Ctrl + B)
Move the copied layer down to fill in the dark brown. Switch the blending mode to "filter color" to make the split replication layer lighter than the biscuit color.

 

Step 2
Let's add some paths to the last cookie to make it more effective in 3D. Copy the basic layer of the cookie and paste it to the front (Ctrl + C-Ctrl + F) to move the copied layer to the top right. Adjust the size to make it smaller.
Select the layer pasted to the front and the basic layer of the cookie (copy the basic layer of the cookie ), select "minus the previous shape" in the path finder to generate a fine edge. Fill the layer with a linear gradient from light brown to white. Switch to the hybrid mode of the front slice, so that a faint shadow is displayed around the cookies.

 

Step 2
Copy the basic layer of the cookies again, paste them to the front (Ctrl + C-Ctrl + F), and reduce the pasted layers. Fill the pasted layer with a radial gradient from center to edge that is dark brown to black. Switch the blending mode to "filter color" and give it a slight highlight effect. Move the shortest part of the gradient to the top.

 

2. Make a glass containing milk
Step 2
First, we create a bright background to make the glass transparent and white milk visible. Create a 600px * 600px square and fill in the radial gradient from center to edge to deep lake blue to dark blue.

 

Step 2
Let's start to present the glass. Use a rectangle tool to draw a 140px * 270px rectangle and fill it with white. Use the direct selection tool (A) to select the anchor in the lower left corner of the rectangle. Press the "enter" key, and a pop-up window is displayed. Set "horizontal" to 15px, and "vertical" to 0px. Click "OK" to move the anchor to the right by 15px.
Repeat the previous operation for the anchor in the lower-right corner. However, this operation sets the value of "horizontal" to-15px.
Finally, use the bending tool (shift ++ ~) Bend the bottom of this shape into a slight arc.

 

Step 2
We will smooth the lower corner, use the direct selection tool to select the anchor, and set the roundness to 5px in the toolbar above.
This feature is only available in ai cc. However, if you are using a previous version, you can select the "transform" tool in the top toolbar. Then, Shift + C is used to set the position of the anchor.
Let's start designing the top of the glass. Use the elliptical tool (L) to draw a flat oval shape on the top of the glass. Make it the same width as the glass. Copy the layer and paste it to the end (Ctrl + C-Ctrl + B) for future use.
Select the shape and glass of the flat oval shape and use the Union tool in the path finder tool to combine them. Copy this layer and paste it to the back (Ctrl + C-Ctrl + B) for backup. In the layer window, you can control the visible or invisible layers by controlling the eyes before the layers.

 

Step 2
Now, select the copied Oval, copy it again, copy it to the front, and move it to the front of the layer (Ctrl + Shift +]). select the upper-level ellipse and the glass shape copied above, and use the minus shape function in the path finder to get a slight arch.
Reduce the arch opacity to 65%. (The arched color is white)

 

Step 2
Go back to the copy layer of the glass shape we prepared in the previous steps. It should be under an arch.
Apply the linear gradient of a horizontal line. Set it to light blue at the rightmost and opacity to 50%. The leftmost is also the light blue of 50%. Finally, click the third color in the middle of the gradient bar and set it to 0% White to make the middle completely transparent.
Reduce the opacity of the entire shape to 50%

 

Step 2
Let's apply a gradient of the same three colors to the glass shape translucent layer at the top of the layer. You can use a straw tool (I) to copy the gradient color from the back layer.

 

Step 2
Now, return to the copied elliptical layer and move it to the front (ctrl + shift +, then draw a new ellipse in the top layer. Fill the Oval with light blue, and then click "object -- path -- offset path ". Set the value of the offset path to-1px, and create a smaller elliptic.
Select the two Ovans, and select "minus the first shape" in the path finder to remove the oval inside and get a thin edge at the top of the glass.

 

Step 2
Let's add the glass thickness to make it more 3D. Select the shape of the front glass, copy and paste it to the front.
Compress a little bit to make it narrower. Then, use the up key on the keyboard to move it up several pixels.
Select the two shapes and use the "minus the front shape" tool to remove the overlapping parts, so that only the edge of the outer ring is left, which serves as the edge of the glass.

 

Step 2
Now let's add fresh milk to the Cup.
Use an elliptical tool (L) to draw a white oval that is placed close to 1/4 near the top of the glass to fit the shape inside the glass (leave some space on the edge to look more thick)
Copy the shape of the front glass and paste it to the front. Compress the shape from both sides and bottom. Make it shorter and finer so that it is the same as the white elliptical width.

 

Step 2
Shorten the shape and leave more space at the bottom. Fill the shape with a horizontal linear gradient, including four colors: white, light blue, white, light blue.
Great! We have already loaded the milk and used the color gradient to create a realistic milk. We will continue to add more details to the glass.

 

Step 2
The glass surface is smooth. Shiny, and often with some reflection, highlights, and refraction. So let's add more realistic parts to the glass to make it more shiny.
Use the rectangle tool (M) to create two narrow strips on the left of the glass. At the same time, select two bars and combine them into a composite path (ctrl + 8). Use the direct selection tool to select all the anchors at the bottom and move them to the right to fit the left side of the glass.

 

Step 2
Copy the shape of the front glass, select the copy layer and the long shape layer, and use the "intersection" tool in the path finder to cut off the long strips outside the glass. Fill the linear gradient from white to black, switch to the filter color mixed mode, to create a glossy highlight.

 

Step 2
Keep the shape of the bar selected, use the eraser tool (Shift + E), draw a line through the bar, forming a line. Finally, adjust the position of the gradient bar, place it horizontally, and place the black end near the middle of the Cup.

 

Step 2
Add a highlight to the right of the cup in the same way. Add some water drops to the glass surface.

 

Submit a simple work
Step 2
Okay, now we have a cup of milk and a piece of crispy cookies, which can be combined into a simple and balanced work.
First of all, we need to adjust the size of the two objects and place them in the center of the canvas. Place the cookies in front of the glass (ctrl + shift +])

 

Step 2
We need to separate cookies from glass to show that they are not flat. We can do this by adding a slight shadow to the back of the cookie. Copy the cookie layer and paste it to the rear. Move the copied layer to the lower left to fill in a linear gradient from the light blue to the white, switch the blending mode to the front pane, and create a translucent shadow.

 

Step 2
Select the front part of the glass and the shadow of the cookies, and use the "shape generator" tool (shift + M) to delete the Shadow outside the glass. Move the mouse over the unwanted area, select the gray area, and hold down the ALT key.

 

Step 2
Add another cookie to the end of the first cookie. Copy the cookie and paste it to the back to make the copy layer smaller and move it to the right.
Copy the basic shape of the new cookie and paste it to the front by filling in a radial gradient from dark brown to white, and switch the blending mode to make the front slice darker to form a comparison.

 

Step 2
By adding another shadow, we can highlight the basic shape of the previous cookie and paste it to the back to the right to overwrite the cookies, use the "shape generation tool" to obtain unnecessary parts
Fill in a horizontal linear gradient from dark brown to white. The hybrid mode forms a shadow for the front slice.

 

Step 2
Finally, we add an integral shadow to the back of all objects to make the 3D effect better.
Create a flat ellipse at the bottom of the cup to fill in the radial gradient from center to edge to blue to white. The hybrid mode is used to stack the front slice and create a slight shadow at the bottom of the Cup. Add two smaller shadows at the bottom of each cookie.
Perfect! Now all objects look like they are on the same horizontal line.

 

Good job! We successfully completed this tutorial. I hope you will be happy when drawing these elements and learn new suggestions and skills to make your work easier and inspire you to try new things. Stay creative and look forward to more!

 

Okay, the above information is a small part of this software for all Illustrator users to bring a detailed drawing of a cup of realistic milk and super texture oatmeal biscuit tutorial analysis to share all the content., users now see the small editor here. I believe that everyone is very clear about the method of drawing. Then, you can draw oatmeal cookies by yourself according to the small editor's tutorial.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.