Topic: Photoshop and Digital Painting

Similar documents
UNDERSTANDING LAYER MASKS IN PHOTOSHOP

BRUSHES AND LAYERS We will learn how to use brushes and illustration tools to make a simple composition. Introduction to using layers.

XXXX - MAKING A FLYER BOOKLET COVER 1 N/08/08

Here s the photo I ll be starting with: The original photo. Let s get started! The final result.

Adobe Photoshop CS5 Tutorial

Rendering a perspective drawing using Adobe Photoshop

Adobe Photoshop CC 2018 Tutorial

Photoshop Blending Modes

The original image. The final rainbow effect.

ADDING A RAINBOW TO A PHOTOGRAPH

Using layer masks to remove backgrounds with Photoshop CS5 and CS6

Clipping Masks And Type Placing An Image In Text With Photoshop

ADOBE PHOTOSHOP CS TUTORIAL

Using Adobe Photoshop

IMAGE CORRECTION. You can find this and more information with video tutorials at

SAVING, LOADING AND REUSING LAYER STYLES

INTRO TO LAYERS (PART 2)

ITEC185 INTRODUCTION TO DIGITAL MEDIA

ADD TRANSPARENT TYPE TO AN IMAGE

The original image. Let s get started! The final rainbow effect. The photo sits on the Background layer in the Layers panel.

NMC Second Life Educator s Skills Series: How to Make a T-Shirt

For all question related to Photoshop that we cannot address in class, start by looking at the excellent Photoshop help: Help > Photoshop Help.

Digital Design and Communication Teaching (DiDACT) University of Sheffield Department of Landscape. Adobe Photoshop CS5 INTRODUCTION WORKSHOPS

The original image. As I said, we ll be looking at a few different variations on the effect. Here s the first one we ll be working towards:

COLORIZING IMAGES WITH GRADIENT MAPS

By Washan Najat Nawi

Lesson 16 Text, Layer Effects, & Filters

THE BACKGROUND ERASER TOOL

photoshop filters kelly ludwig assistant professor

The original image. Let s get started! The final light rays effect. Photoshop adds a new layer named Layer 1 above the Background layer.

FLAMING HOT FIRE TEXT

WORN, TORN PHOTO EDGES EFFECT

ADD A REALISTIC WATER REFLECTION

Painting Special Effects on Photographs

The final wrap text in 3D result.

MODULE 1 IMAGE TRACE AND BASIC MANIPULATION IN ADOBE ILLUSTRATOR. The Art and Business of Surface Pattern Design

Reflection Project. Please start by resetting all tools in Photoshop.

Easily Smooth And Soften Skin In A Photo With Photoshop

Introduction to Photoshop

Town and Village Tutorial

Photoshop 1. click Create.

Making Selections: 3 Ways to isolate an area in an image: Layer Mask : Mask the part of the layer you don t want to be visible

HIGH KEY GLOW EFFECT IN PHOTOSHOP

The original photo. The final result.

All Creative Suite Design documents are saved in the same way. Click the Save or Save As (if saving for the first time) command on the File menu to

TEXT PERSPECTIVE SHADOW EFFECT

Sharpening is an essential final step before output. But sometimes, you don t want to

GETTING STARTED MAKING A NEW DOCUMENT

Adobe Photoshop CS5 Layers and Masks

GETTING STARTED. 0 P a g e B a s i c s o f A d o b e P h o t o s h o p A g a P r i v a t e I n s t i t u t e f o r c o m p u t e r s c i e n c e

Contents. Introduction

Step 1: Open A Photo To Place Inside Your Text

Photoshop CS2. Step by Step Instructions Using Layers. Adobe. About Layers:

CREATE A BURNT EDGE EFFECT

ITNP80: Multimedia Adobe Photoshop Practical Weeks commencing 26 January and 2 February 2015.

SIMPLE POP ART EFFECT

Scanner Darkly Effect

Perspective Shadow Text Effect In Photoshop

Digital Imaging and Photoshop Fun / Marianne Wallace

Using Adobe Photoshop to enhance the image quality. Assistant course web site:

The horse image used for this tutorial comes from Capgros at the Stock Exchange. The rest are mine.

Turn A Photo Into A Collage Of Polaroids With Photoshop

Add Rays Of Sunlight To A Photo With Photoshop

Chapter 8. Working with Transparency, Effects, and Graphic Styles and Recoloring Artwork Delmar, Cengage Learning

Part 2 Highlights and Shadows

Add Transparent Type To An Image With Photoshop

ADDING FIREWORKS TO A PHOTO

EXTREME CONTRAST PHOTO EFFECT

HDR with Smart Objects

Advanced Photography. Topic 3 - Photoshop Filters. Learning Outcomes

Your texture pattern may be slightly different, but should now resemble the sample shown here to the right.

Source photo, sketchbook collage and digital collage

This tutorial will show you how to use artistic grunge overlays to transform your photos into works of art.

Quick Mask Setting Up your Work Environment Setting Up the Quickmask Parameters

Key Terms. Where is it Located Start > All Programs > Adobe Design Premium CS5> Adobe Photoshop CS5. Description

Students will be able to create movement through the use of line or implied line and repetition.

This Photoshop Tutorial 2012 Steve Patterson, Photoshop Essentials.com. Not To Be Reproduced Or Redistributed Without Permission.

METAL TEXT EFFECT. Step 1: Create A New Document. Step 2: Fill The Background With Black

VERY. Note: You ll need to use the Zoom Tools at the top of your PDF screen to really see my example illustrations.

GRINDHOUSE MOVIE POSTERS

COLORIZE A PHOTO WITH MULTIPLE COLORS

Adding Fireworks To A Photo With Photoshop

Turning Photograph Into Cartoon-Style Picture. Digital Media I West High School Susan M. Raymond

A quick note: We hope that you will find something from the Tips and Tricks that will add a little pizazz to your yearbook pages!

Figure 9.10 This shows the File Scripts menu, where there is now a new script item called Delete All Empty layers.

Build your character s back story

Make Watercolor and Marker Style Portraits with Illustrator

LESSON 04: ORGANIZE IT FOR PSE USERS COMPANION BOOK. Digital Scrapbook Academy. April 2018: Lesson 04 Organize It for Elements Users

Car Ad Photoshop Tutorial Miss Van Lenten Tools: Paint brush, Eraser, Quick Selection/Magic Wand, Quick Mask, Layer Mask

Reflections Project Tutorial Digital Media 1

Now we ve had a look at the basics of using layers, I thought we d have a look at a few ways that we can use them.

u Selections, Channels, Masks, and Paths

Blend Textures With Photos

Photoshop Backgrounds: Turn Any Photo Into A Background

8 Painting and Editing

Organizing artwork on layers

PHOTOSHOP. Introduction to Adobe Photoshop

Teton Technique C H A P T E R 3

How useful would it be if you had the ability to make unimportant things suddenly

Create a Candy Cane. Create a new canvas with the size 8x10 inches at 300 pixel/inch. See image below Ctrl + N

Transcription:

Let there be color! Photoshop is as much an artistic tool as it is for digitally altering images. But let s face it most people only relate the Adobe powerhouse program to the later category, hell it is now a verb for it ( That can t be real it has got to be photoshopped. ) However I actually use Photoshop just as often for coloring my hand rendered illustration work. In this tutorial I ll run you through how I do my digital painting, as I like to call it. We will see how to add some color, shading, highlights and textures to one of my illustrations. Step 1: Scan that sucker in Now the first step is to scan in your image, I ll leave how to do so up to you because different scanners can have different menus and procedures. I will say that we are best set if the image is of stark contrast (I like to ink mine with Micron pens on Bristol board and erase any pencil marks I had). Make sure that the image is at least 300 dpi and I would just scan it in as a jpeg for now. Step 2: Setting the file up When we get our image opened in Photoshop we will need to set up the art work to be colored. Here we need to double-click on the Background layer. This will let us name it and unlock it to make some additional changes. 1

I like to name the initial layer with my line drawing simply art (but you re free to name it what you wish). After naming it we want to change the layers opacity setting to Multiply from the drop down menu at the top of the Layers Palette. When that is done I also will click on the little lock icon to Lock the layer so that I don t alter it further by accident. You see when we set the opacity to Multiply it makes all the black opaque and the white transparent. We don t need to use this layer anymore because we are actually going to color BEHIND the image. Step 3: Organization is Everything As I said we are actually going to color behind the initial art, and for each color we add we are going to give it a layer of its own and name them accordingly. So let s start with our Whale here. I ll create a new layer behind the art layer and name it Whale so I can keep things straight and organized. 2

Step 4: Let s Talk Color The default Swatches palette in Photoshop can leave something to be desired, but there are many other options open to us. We could complete coloring this piece just using the color picker but having a palette of color to choose from gives us a bit more of a launching point than trying to figure out colors straight from our heads. For this I like to choose from the Swatches more options menu. Now there are a lot of options here but I tend to go for the TOYO COLOR FINDER, I find the palette has a more natural range of colors to work with. Step 5: Can t Paint Without a Brush With some colors to choose from its time to get our brush on. Choose the brush tool from the Tool Palette and set the size to something that can cover some ground, I also recommend setting the Hardness to 100% (we will be using softer brushes down the road). 3

Step 6: Get Coloring From here out as we set our initial colors it can be quite relaxing and actually pretty on par with coloring books from our childhood. Just fill in the designated area for the layer we are working on. And we have color 4

Play it again Sam From here on out we want to pick an area to color, create a layer for said area and make sure to name it so we can keep track of our layers. Step 7: Adding Shadow Now we haven t quite finished the inital coloring but before the number of layers gets any heavier lets take a look at adding a bit of depth to each of our parts. Here we need to create a new layer for our whale s shadow (justifiably named Whale-Shadow. ) Now we need to move our Whale-Shadow layer ABOVE our Whale layer. Once there hold down the Alt (Option) key and click with the mouse BETWEEN the two layers. The upper layer should connect to the lower layer as in the third image here. (Note that this attaching is a form of layer masking so as you paint anything outside of what is painted on the original layer is hidden from view.) 5

Setting opacity and color We are going to use the same blue as our whale on this layer but we are going to change the opacity setting to Multiply which will make what we paint a darker shade of the blue. Soften Up Those Brushes We can also reduce the hardness of our shading brush to get a better sense of depth. A couple initial passes over areas where shadow makes the most sense and we start getting a bit more depth to our illustration. 6

Step 8: Adding Highlights This is much of the same with two slight differences. We will make a Whale-Highlight layer and position it above the Whale-Shadow layer, remember to Alt (Option)+Mouse Click BETWEEN the layers to attach it. The two differences here are that I increase the brush hardness to 100% again and you DON T need to change the layers opacity setting from Normal. For color I just try to choose a lighter shade of the original blue. Step 9: Folders Okay so I ve jumped ahead a bit to save us from the repetitive stuff. Here we have finished the Whale and our Captain. As you can see the Layers Palette is getting a bit cramped. Once upon a time there would have been nothing to do but live with it but now we can put layers into folders to help unclutter our Layers. YAY! Just go to the bottom of the Layer Palette and click the Folder icon, name your folder as you would a layer then select, drag and drop the layers you want into the folder. 7

Step 10: Backgrounds In this case instead of drawing with a brush I like to use the Marquee Tool to select the area (remember to give each part it s own layer). So a bit of grey sky and the gradient tool for depth. The same for the sea, but here we can add another layer then play with some of Photoshop s brushes to give the sea a bit of wave-like texture. Step 11: There is No Permanent Self So you may have noticed the Captain Ahab/Moby Dick theme this piece has, but did you catch the mistake? Moby wasn t a Blue Whale, he was a giant White one. So let s go back into our Whale Folder and select the layer (we can just hold down Command and click on the little thumbnail on the layer and it will select just the painted part). Then fill the selection with white. We may or may not want to also adjust the Whale-Shadow and Whale-Highlight layers too. 8

Finale And there we have it. It can take a few tries to get this method straight but I ve found after years of hand rendering this is by far my favorite way to color my work. Enjoy! 9