Sunglass Selfi Illustration - Adobe MAKE IT 2017 project begins with a photo of you taken when you arrive at the session. You will learn how to use Adobe Capture, Adobe Draw and Creative

Theresa Jackson | www.orchardviewcolor.com | @tjsorchard

Sunglass Selfi Illustration

Theresa Jacksonwww.orchardviewcolor.com | [email protected] | @tjsorchard

Mobile App Illustration with Adobe Capture & Adobe DrawIn this hands on creative lab you will illustrate a self portrait using an iPad Pro. The iPad and an Apple Pencil will be provided for you to draw with. The project begins with a photo of you taken when you arrive at the session. You will learn how to use Adobe Capture, Adobe Draw and Creative Cloud Libraries. At the end of the session you will leave with a fully vector art illustration of yourself and a JPEG file that you can use for your social media profile.

Session Outline• Check In | Receive assigned iPad Pro and Apple Pencil, take Selfie

• Introduction to Adobe Capture | create vector shape for illustration background

• Introduction to Adobe Draw | Create new project, tour of app features

• Create Illustration

1. Add image layer and place portrait

2. Trace portrait with black lines

3. Fill shapes with colors

4. Create a patterned background

5. Add highlights and shadows to illustration

6. Send Illustration to Adobe Illustrator on a laptop

7. Save as illustration as a PDF and a JPEG. Copy files to a thumb drive to take home.

1 of 10

Sunglass Selfie IllustrationTheresa Jackson


a

b

c

Adobe Capture

First Screen1. Select SHAPES tab

2. Tap +

Second Screen1. Aim iPad camera at the provided decorative paper

2. Adjust slider for detail

3. Tap large green button to capture image

Notes: (a) - Find images. (b) - Reverse camera. (c) - Inverse art Tap on screen for live preview/shape preview

2 of 10



Third Screen1. Tap Next

Notes: You may edit the shape with deselect, erase or crop, but it probably won’t be necessary.

Forth Screen1. Tap Next

Notes: Don’t turn on smoothing. It will slow down the process and it isn’t necessary.

Fifth Screen1. Tap SAVE SHAPE

Notes: (a) - Give the shape a descriptive name. (b) - You can chose a CC Library to save the shape too. For this workshop save the shape to the default ‘My Library’.

a

b

3 of 10



Adobe Draw

Get Started1. Tap on large + to create new project

2. Chose square format

Place Portrait Image1. Create an Image Layer by tapping on the plus, and then tapping on

Image Layer. Tap On my iPad to find your portrait.

4 of 10



2. Use a 2 finger pinch gesture to scale image. Fill the entire canvas with image. Tap Done to commit transform.

3. Tap and hold the image layer to activate it, then move the image layer below the draw layer. The layers should look like this.

4. Tap on the Image Layer to bring up the layer options. Set the opacity to 50%. Tap transform if you want to reposition the image.

5. Tap the Draw Layer to make it active. The active layer is highlighted in orange.

Draw Outlines1. Tap on the Basic Round brush (1st) to bring

up the brush settings. Tap size and slide up or down to adjust. Set size between 10-20.

2. Tap on color to bring up color picker. Adjust luminosity to 100% black.

5 of 10



3. Trace the contours of the sunglasses, face, chin, hair, shoulders and shirt. Avoid drawing in too much detail.

4. Make sure to draw enclosed shapes. Zoom in for more control. Use the eraser to clean up lines like this.

5. Zoom out on your illustration to view the outlining progress.

6. Hide the image layer visibility by double tapping on it. Make sure all of the important features are outlined with enclosed shapes, even the shoulders and torso that go off of the canvas.

Fill outlined shapes with color1. Double tap on the image layer to turn the

visibility back on. Make sure the draw layer stays active with the orange border.

2. Tap on the second brush to bring up the brush options. Tap-hold to bring up the color picker. Drag the color picker over the image to pick a flesh color. Pick a lighter tone.

3. The brush opacity should be set to 100%. The brush style, size and settings are irrelevant for the coloring process.

6 of 10



4. Tap-hold inside of outlined shapes to fill with the selected color. The brush settings and brush size are irrelevant for this process. Zoom in close to fill small areas with color.

5. Pick a different color by tapping on the color chip to bring up the color wheel.

6. Continue filling the shapes with colors until all of the shapes are filled.

7. Double tap on the image layer to hide the visibility. Check the progress of the illustration and make sure all of the shapes are filled.

Create a background1. Create a new draw layer between the image

layer and the current draw layer. Tap on the Shape menu and select the square shape by tapping on it. Scale the shape with a two finger gesture to fill the canvas.

2. Chose any brush. Select a bright color for the background. Make sure the opacity is set to 100%. Tap-hold on the new draw layer to fill the shape with color. Tap the X to close the square shape.

3. Add another draw layer above the solid color background layer.

4. Go back to the Shapes menu and tap on the My Library tab to find the custom shape you created with Capture. (see page 3)

7 of 10



5. Make sure the new draw layer is active. Scale the shape pattern to fill the canvas.

6. Select a brush color to compliment the background color.

7. Double tap to fill the shape with color. Tap the ‘X’ to close the shape.

8. Adjust the blend mode of the shape layer by tapping on the layer to bring up the layer options. Tap on Normal to bring up other blend mode options.

9. Experiment with different blend modes and transparency to find a look you like. The previews give a good idea of how each Blend Mode will look. I set mine to Opacity 51% and Blend Mode Multiply.

Add shading1. Add a new layer and move it to the top layer

priority. Change the blend mode of the new layer from Normal to Overlay.

2. Select the Basic Flat Brush (3rd from top) and adjust the settings. Start with a brush size of 30 and adjust as needed. Set the opacity between 20-25. Start with a white color.

8 of 10



3. Hide the three middle draw layers by double tapping on them. Make sure the top layer is active. Use the image as a guide to draw highlights. The brightness builds as you draw multiple times over the same area.

4. Turn on the visibility of the colored portrait layer to check the results.

5. Pick a dark brown color and follow the same steps to add dark tones. Draw on the same layer as the highlights. Areas will become darker as you draw over them several times.

6. Switch to the Basic Taper Brush (2nd from the top). Add hair highlights and low lights following the same technique and settings as in step 3.

7. Add another layer on the top of the stacking order. Change the blend mode to Multiply. Use this layer to create more shape, or add darker shadows.

9 of 10



8. Use either the Basic Taper or Basic Flat brush. Sample the flesh tone color and paint over flesh areas to create subtle blended shading. Sample a dark brown color to paint darker shadow areas.

9. The illustration is almost done. Double tap the hidden background layers to reveal them and view your finished illustration.

Send to Adobe Illustrator10. Tap on the Share menu and chose Adobe

Desktop Apps.

11. Tap on Illustrator CC to send the Draw file to Illustrator on the laptop.

12. Illustrator launches and opens the illustration by way of the Creative Cloud. All of the layers are retained.

13. Go to File>Save As... Chose Adobe PDF Illustrator default setting preset. The PDF can be further edited in Illustrator at a later time.

14. Go to File>Export>Export For Screens. Set the scale to 0.5x and the format to JPG 100.

10 of 10

Documents

Sunglass Selfi Illustration - Adobe MAKE IT 2017 project begins with a photo of you taken when you arrive at the session. You will learn how to use Adobe Capture, Adobe Draw and Creative