Adobe Illustrator Tutorial: Create a Vector Pizza from Sketch (HD)

Summary

In this Adobe Illustrator tutorial, Dom Designs demonstrates how to transform a hand-drawn sketch of a pizza slice into a vibrant vector illustration. Starting with a rough sketch, the video guides viewers through importing the sketch into Illustrator, creating a template, tracing with the Pen tool, and refining lines with the Width tool. The tutorial then covers organizing layers, adding color with the Shape Builder tool, detailing toppings, and enhancing the illustration with shadows and a background. The step-by-step process is designed to help beginners create professional-looking vector art.

Takeaways

• 🎨 Start with a rough sketch: The tutorial begins with creating a rough sketch of a slice of pizza on paper, emphasizing the importance of initial planning.
• 📱 Digitize the sketch: The sketch is then captured via a phone camera and transferred to a computer for further work in Adobe Illustrator.
• 🖥️ Place the sketch in Illustrator: The image is placed on a 1920x1080p canvas using the placement option (Command + Shift + P).
• 🔒 Turn the image into a template: The sketch is made into a template by enabling template mode, which dims and locks the image for tracing.
• ✍️ Trace with the Pen Tool: The outline of the pizza is traced using a dark red color and a 10-point thickness with the Pen Tool (P).
• 🛠️ Refine with the Width Tool: The Width Tool is used to taper lines, creating a more realistic and varied stroke width.
• 🗑️ Clean up with Shape Builder: Unnecessary lines are removed, and strokes are adjusted using the Shape Builder tool.
• 🎨 Add color with layers: Colors are added to the illustration using a new layer named 'color', with the crust and cheese filled using specific colors from the Dom Designs Master Color Palette.
• 🍕 Detail the toppings: Toppings like pepperoni are added with attention to detail, including shadows for depth, using the Shape Builder and Path Offset tools.
• 🖼️ Finalize with background and shadow: The illustration is completed with a background and a shadow beneath the pizza slice for a finished look.

Q & A

What is the main focus of the tutorial video?

The main focus of the tutorial video is to demonstrate how to transform a hand-drawn sketch of a slice of pizza into a vibrant vector illustration using Adobe Illustrator.

Why does the creator suggest starting with rough sketches?

The creator suggests starting with rough sketches to plan out the drawing, which serves as a foundation before transferring the sketch to Adobe Illustrator.

How does the creator transfer the sketch to the computer?

The creator takes a picture of the sketch with a phone and then transfers it to the computer, placing it on an empty canvas in Adobe Illustrator.

What keyboard shortcut is used to place the image in Adobe Illustrator?

The keyboard shortcut used to place the image in Adobe Illustrator is Command + Shift + P.

How does the creator turn the image into a template in Adobe Illustrator?

The creator turns the image into a template by double-clicking on the layers panel icon and enabling the template mode, which dims and locks the image.

What tool does the creator use to draw the outline of the pizza?

The creator uses the Pen tool (P on the keyboard) to draw the outline of the pizza.

What is the purpose of using the Width tool in the tutorial?

The Width tool is used to taper in some lines, making the end of the stroke thinner or thicker, which adds detail to the illustration.

How does the creator clean up and remove unnecessary lines?

The creator uses the Shape Builder tool to select and delete unwanted strokes and also to remove the round cap on some of the strokes.

What does the creator do to separate the pizza into shapes for coloring?

The creator uses the Shape Builder tool to separate the pizza into shapes by selecting the crust and the middle part of the pizza, allowing for individual coloring.

How does the creator add color to the illustration?

The creator adds color by creating a new layer named 'color', copying the outline, and pasting it in back, then dragging it down to the color layer to fill the shapes with color from the Dom Designs master color palette.

What additional details does the creator add to the pepperoni toppings?

The creator adds details to the pepperoni by creating a shadow using a darker red color with reduced opacity, and then using the Offset Path feature to add depth.

How does the creator add shadows to the pizza illustration?

The creator adds shadows to the pizza by drawing the desired shadow areas with the Pen tool and then using the Shape Builder tool to delete unnecessary shapes, creating a realistic shadow effect.

What final touches does the creator add to complete the illustration?

The creator completes the illustration by adding a bubble with a heart icon, a background, and a shadow underneath the pizza.

Outlines

00:00

🎨 Introduction to Adobe Illustrator Tutorial

Dom Designs introduces a new Adobe Illustrator tutorial video, focusing on transforming a sketch of a slice of pizza into a vibrant vector illustration. The tutorial is aimed at new subscribers interested in Adobe Illustrator drawing tutorials. Dom encourages viewers to subscribe and enable notifications for future uploads. The process begins with creating rough sketches, transferring the sketch to a computer, and placing it on an empty canvas in Adobe Illustrator. The image is then turned into a template to trace over, using the Pen Tool for outlining the pizza slice. Overlapping lines are addressed, and the Width Tool is introduced for tapering lines. The tutorial emphasizes the importance of cleaning up the artwork and removing unnecessary lines, and rounding off the strokes for a polished look.

05:07

🍕 Adding Color and Details to the Pizza Illustration

After completing the base outline of the pizza, Dom proceeds to add color. A new layer is created for the color, and the outline is copied and pasted below the original artwork layer. The pizza is separated into shapes using the Shape Builder Tool, allowing for individual coloring of the crust and the cheese with specific colors from the Dom Designs Master Color Palette. The tutorial then moves on to drawing the toppings, creating a separate layer for organization. For the pepperoni, Dom demonstrates how to create a red fill, add details, and create a shadow using a darker red with reduced opacity. Additional toppings are added, and shadows are created to give depth to the illustration.

10:20

🖌️ Finalizing the Illustration with Background and Shadow

The final steps of the tutorial involve adding a bubble with a heart icon and creating a background and shadow for the pizza slice to complete the illustration. Dom uses the Pen Tool to draw the shadow and the Shape Builder Tool to refine it. The tutorial concludes with a satisfied view of the completed vector illustration, transforming a simple pencil sketch into a detailed and appetizing digital artwork in Adobe Illustrator. Dom expresses hope that viewers found the tutorial helpful and invites feedback, thanking them for watching and promising to see them in the next video.

Keywords

💡Adobe Illustrator

Adobe Illustrator is a vector graphics editing program used for creating illustrations, logos, icons, typography, and more. In the context of the video, it is the primary software used to transform a hand-drawn sketch of a pizza slice into a vibrant vector illustration. The script mentions using various tools within Illustrator, such as the Pen tool and Shape Builder tool, to achieve the final design.

💡Vector Illustration

A vector illustration is a type of digital art that uses mathematical calculations to represent images in computer graphics. It is defined by points, lines, and curves, which makes it scalable without loss of quality. In the video, the tutorial focuses on creating a vector illustration of a pizza slice, emphasizing the use of vector tools in Adobe Illustrator to achieve a clean and detailed final product.

💡Sketch

A sketch is a rough, preliminary drawing that serves as a basis for a more detailed work of art. In the script, the creator starts by making a sketch of a pizza slice on paper, which is then used as a reference for the digital illustration process in Adobe Illustrator. Sketching is an essential step in the creative process, allowing artists to plan and visualize their ideas before moving to the digital medium.

💡Pen Tool

The Pen tool in Adobe Illustrator is used for creating and editing vector paths, which are the basis for shapes and outlines in vector graphics. The script describes using the Pen tool to trace the outline of the pizza slice, creating a smooth and accurate path that forms the basis of the vector illustration. This tool is crucial for achieving precision and control over the shapes in the artwork.

💡Template Mode

Template mode in Adobe Illustrator is a feature that allows users to place a raster image (like a photograph or scanned sketch) as a reference for tracing with vector tools. The script mentions turning on template mode to dim the sketch, making it easier to trace over. This feature is helpful for creating vector versions of raster images while maintaining the original sketch's integrity.

💡Shape Builder Tool

The Shape Builder tool in Adobe Illustrator is used for combining, subtracting, and editing shapes with ease. In the video, the tool is used to separate the pizza into different shapes, such as the crust and the cheese, and to remove unwanted strokes. This tool streamlines the process of creating complex vector shapes by allowing for quick and intuitive editing.

💡Color Palette

A color palette refers to a set of colors used in a design or artwork. The script mentions using the 'dom designs master color palette' to add color to the illustration, indicating a curated selection of colors that work well together. Choosing the right color palette is essential for creating a cohesive and visually appealing final product.

💡Toppings

In the context of the video, toppings refer to the additional elements added to the pizza slice illustration, such as pepperoni and other pizza ingredients. The script describes a process for creating these toppings digitally, including adding color, shadows, and details to make them look realistic and appetizing. Topping details contribute to the overall visual interest and authenticity of the vector illustration.

💡Shadows

Shadows are used in digital illustrations to create depth and a three-dimensional effect. The script describes adding shadows to the pizza toppings and the pizza itself to give the illustration a more realistic appearance. Shadows are an important aspect of design as they help to convey the form and texture of the objects being depicted.

💡Background

The background in a digital illustration refers to the area behind the main subject. In the script, the creator mentions adding a background to the pizza illustration to complete the scene. A well-designed background can enhance the overall composition, provide context, and make the main subject stand out.

Highlights

Introduction to a new Adobe Illustrator tutorial video by Dom Designs.

Tutorial demonstrates turning a sketch of a pizza slice into a vector illustration.

Advice for new viewers to subscribe and enable notifications for updates.

Starting with rough sketches and transferring to Adobe Illustrator.

Using the placement option (Command Shift P) to import the sketch.

Turning the sketch into a template by enabling template mode.

Creating a new layer named 'artwork' for outlining the pizza.

Using a dark red color and 10 points thickness for the outline.

Tracing the sketch with the Pen Tool (P) and fixing curves as needed.

Using the Width Tool to taper lines for a more realistic look.

Cleaning up the illustration by removing unnecessary lines with the Shape Builder Tool.

Separating the pizza into shapes for coloring using the Shape Builder Tool.

Adding color to the illustration using Dom Designs' master color palette.

Creating a 'toppings' layer for organizing the toppings of the pizza.

Adding details to the pepperoni toppings and creating shadows for depth.

Using the Offset Path feature to add texture and detail to the toppings.

Adding extra toppings and shadows to complete the pizza illustration.

Finalizing the illustration with a bubble and heart icon.

Adding a background and shadow to give the pizza a finished look.

Conclusion of the tutorial with a recap and call for viewer feedback.

Transcripts

hi everyone this is dom designs here back  with a new adobe illustrator tutorial video  

in today's video i will show you how to  take a sketch i made of a slice of pizza  

and turn it into a beautiful and vibrant vector  illustration in adobe illustrator if you're new  

to the channel and you're interested in adobe  illustrator drawing tutorials and process videos  

then please consider subscribing to my channel  and hit that bell icon so you never miss an upload  

so let's dig into this illustrator tutorial  

firstly i try to always start planning out  my drawings by creating some rough sketches  

here you'll see me draw out that slice  of pizza on a piece of paper with a

pencil i then took a picture with my  phone and transferred it to my computer  

then place the image using the placement option  which is command shift p on your keyboard on an  

empty 1920x1080p canvas in adobe illustrator our  next step is to turn this image into a template  

by double clicking on the layers panel icon it  will open up a box where you will be given the  

option to turn on the template mode this  automatically dims down our image by 50  

and it also locks it down i'll then create a  new layer and name it artwork this is where  

the outline of our pizza will be using a dark red  color as our outline at a 10 points thickness we  

will draw our outline of the pizza let's trace out  our image using the pen tool p on your keyboard  

don't be afraid to go back and restart  or fix your curves along the way

using this method you will notice we have a lot  of overlapping lines we will take care of those  

in a little bit what i'd like to do next is to  taper in some lines using one of my favorite tools  

the width tool the width tool can be found  on your panel to the left or you can just  

use shift w on your keyboard by clicking and  dragging you can see that i can make the end  

of the stroke thinner or thicker so i'll go ahead  and do all the lines i think would need tapering

now that we're done with that let's clean up  and get rid of all the lines we don't need  

by using the shape builder  we can also select strokes  

so holding down the option key on your keyboard we  will be able to delete the strokes we don't want  

also let's remove the round cap  on some of these strokes as well

so let's do this exact process  for the crust of our pizza  

awesome now that we have the  base of the pizza completed  

let's add some color to it let's create a new  layer and name it color so what we want is to  

add color to our illustration below the outline  layer so what i'll do is select the outline  

and copy and paste it in back i'll then go to the  layers panel and drag that little red square on  

our artwork layer down to the color layer since  our original drawing was composed of lines only  

we would need to separate the pizza into shapes  so let's take out our handy shape builder tool to  

help us out i'll select the whole illustration  on our color layer and go to our shape builder  

let's click on the crust and the middle part  of the pizza now this will separate our shapes  

into two we can then select them and remove the  stroke and add some fill using our dom designs  

master color palette let's give the cheese a  nice saturated yellow and the crust a brownish  

tone turning off our color layer so that we  can see our template let's draw our toppings  

to make things more organized i'll create  a third layer on top and name it toppings

so for the color of the pepperoni i do a copy and  paste in back of the original stroke and invert  

the stroke to fill now let's give this a nice red  color now let's add some details to it let's do a  

copy and paste in front of the color then i'll  drag a third copy holding option on a keyboard  

using the shape builder tool let's  delete the parts that we don't want  

and then create our shadow i like to use a  darker red and then bring down the opacity  

this allows my drawing to be evenly saturated  let's now give it some detail going to our  

object panel go down to path and then offset  path let's bring the offset down a little  

and click on ok next we will bring down the  stroke width as you can see we have a shape  

that fits into our pepperoni i'll then  cut it in half and taper off the strokes

i'll finish this off by adding a few more details

next i'll add extra toppings to the

pizza

now we will add some shadows to our pizza  

on our color layer using the pen tool i'll  draw out where i want the shadow to be  

then using the shape builder tool we will select  all and delete the shapes that we don't need

i'll do the same process for  the remainder of our pizza

ah

awesome this looks tasty  

finally we will complete our illustration  by adding the bubble with the heart icon

so

and to end things off let's add a nice  background and shadow underneath the pizza  

and there you have it how to take  your pencil sketch of a pizza and  

turn it into a vector illustration in adobe  illustrator i hope you enjoyed the video and  

let me know if my tutorial was helpful for  you thank you and see you next time everyone