Hi there, this video is about blending modes and using it to make these kind of colored box accents, see the logo down the bottom there and this big kind of, I'm going to say fuchsia box at the top, They're super easy to do. Let's learn how to do it now in adobe Photoshop. First up, let's open the image we're going to work with. You can use any jpeg, we, if you want to follow exactly, we'll use 10 blending modes and go to color accent dot PSD. Now this is something we worked on earlier if you can't remember or you didn't do that earlier tutorial, there's three layers and turn the top two off so it's just the background and what we did is we copied the model out onto her own layer issues at the top there and in between we put this text so that when they're all piled on top of each other, we've got this cool laid effect. But you can do this just with plain old jpeg, you just won't get to tuck it behind the model. So first up, let's grab the rectangle tool. Okay, you might have had someth...

ing else selected. Let's grab the rectangle tool up here where it says stroke, I'm going to have a no stroke where it says Phil I'm going to pick a color, I'm gonna use this little huge slider. The switches are cool but I'm gonna use the hue slider and just pick something like what I actually want is can you see I just use the eyedropper tool if you got this huge picker open, you can just click in here and I want to kind of like dark green. So I want to maybe darken it down a little bit but you found the color click Ok, now we're going to do is click hold and drag out a rectangle. I kind of wanted it something like that. Right? And let's fancy it up a little bit. I'm gonna if yours is locked like this, I'm going to break the link and then click hold and drag that to the right. You can see over there we're gonna get one rounded corner. Alright. And the magic really happens is with this layer selected like in the last one. Okay, we're going to look at these different options now in our case dissolve. Never seems to do anything. But let's start with darkened nothing multiply. Pretty good. And you just got to kind of work your way through this list until you find something you like now because we're working with color modes for the next little bit or blending color modes. This clicking, clicking, clicking, clicking, clicking clicking will drive you mad. Okay, so there is a shortcut. It's pretty advanced. Okay, but it might be worth it. You might be going man, this is going to kill me. So if that is you, what you need to do is first you need to be on the move tool for some reason. I'm not sure why. Then hold down the shift key on your keyboard and then tap the plus key. It has to be the one up at the top. Okay, right next to all your numbers and above all your keys for some reason. That's the shortcut. It's a weird one. Okay. And you can see by tapping that, I'm just toddling all the way through. It's the same for mac and a pc. I'm just trying to find the one that works. That's kind of cool, like like that kind of effect color burn. It's kind of this overexposed greenie, you are kind of thing. That's what's gonna work for me now, the rest of it is just picking different colors and we're gonna add some text like you said at the beginning so you can skip on. Otherwise follow me and we'll do a little bit more. It's a rectangle tool Again, I'm going to pick a different field color. I'm going to go in here and pick what kind of a ready I want to say fuchsia. I'm not even sure what to call this color. I should know your designer dan. That works for me. I don't have that layer selected otherwise it changes that one. I'll leave that in there in case you make that same mistake. So I'm going to go to edit undo. Edit, can't do anything, go back to my move tool was halfway through picking a color with that little box up. So now I can go edit. Step backwards, I'll leave all that in there, it's good stuff. So instead of changing that color, what we're gonna do is you can click on any of these other layers and it will work fine or have nothing selected, there's kind of a great area in the bottom, that means I don't want any layers selected. Now, if I go to my rectangle tool, click up here, it's not going to change that later back to my future, you're allowed to correct me if I'm wrong. Pinky red, nuclear red. Anyway, so I've got my rectangle tool, I've got no stroke and I'm just drawing that big box off the page and down to the floor line because it looked kind of cool. Now I'm gonna use my shortcut, remember onto the move tool and then hold down, shift and tap plus if you tap minus it goes backwards even that that's just cool like that, we're gonna do duo tones in an upcoming video and it's going to use a similar sort of effect like this. But what the first thing I want to do is I want to drag this rectangle to be just behind the text here, so this is kind of like literally interaction Nous going, What's that one, Lindeberg looks kind of cool. It really depends on what you're looking for here, we're using blending modes now, just for visual effects, not anything super serious, but it's super easy to do and quite fun, that's going to work for me, I'm using multiply. This one down here is using color burn now I'm just going to add some text. I'm gonna grab my type tool and remember from our type tool exercise, don't click inside this box because it will try and turn that box into a text box. That's not what I want to do. So under typing. Go away. Oh and do typing escape key. Is that I didn't mean it key. Then you can go to edit step backwards and it should do that whole chunk undone. So when you are drawing out a text box, remember the square box around the outside is good if I try and do it inside this rectangle here or along the side here, I can get into trouble by linking the two together. So I'm just gonna drag my text box kind of out over here. I'm going to go to type and I'm going to before you go and fill with Lauren ipsum, you can pick a font size, that's more appropriate font size minds at point am I letting let's set it to auto so that when I go and go to type and say pace, Lauren ipsum, just placeholder text. It's not going to paste like giant texts that we might have done in the last tutorial. Cool, so that's gonna be my bit of text type tool again, you can skip on now and just listen about. I think you look cool, mainly looking and cool for the intro so that it sucks you in and makes you want to do this one when really we just change the blending mode on a colored box trick you in here bringing the logo as well. Let's go to file open. There's a logo in that same 10 blending modes. Okay, logo dot ai I'm going to click OK 60 copy in here, paste converted to a smart object because we're super serious about this Photoshop stuff and shrinking it down, moving it to where I want it to be. Have you ever figure 10? Alright, that is going to be it. I'm liking this rectangle less as a color burn. What you might notice is that layer there is actually underneath all of this. So I'm gonna bring it to the top. It's not making much of a difference now, but it might do if we change the blending mode of this green rectangle and I'm just gonna go to multiply. Everyone uses multiply. Actually I don't like to play now man, you should seriously skip on, I'm happy with that. Settled on linear light. Alright, friends, that is how to use blending modes to do kind of color accents in adobe, Photoshop CC in the next video

Class Materials

Bonus Materials with Purchase

Exercise Files

Completed Files Part 2

Completed Files Part 1

buy this class

$00

Buy Class

Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2000+ more >

79.7K Students

99% Recommend this Class

00 Student Work

0 Video lessons in HD
00h 00m of class content
Exclusive bonus content
Lifetime access, anywhere, anytime
Streaming access on desktop and mobile browsers
Download and offline access with class purchase
Offline sync with our iPhone & iPad apps
100% satisfaction guarantee

Daniel Walter Scott

Multi-award winning, influential media designer & Adobe Certified Instructor with 15+ yrs of experience.

SEE INSTRUCTOR'S CLASSES

topics covered in this class

Adobe Photoshop Beginner Fundamentals Photo Editing

Ratings and Reviews

JEWEL KHAN

Adobe Photoshop Fundamentals is very useful for a photo editor. I learned very important tricks from this course.

2,000+ classes ranging from fundamentals to advanced techniques.

Using Blending Modes as Color Accents in Photoshop

Using Blending Modes as Color Accents in Photoshop

Lesson Info

68. Using Blending Modes as Color Accents in Photoshop

Lessons

Class Introduction to Adobe Photoshop CC

Before you Start this Adobe Photoshop CC Tutorial

How to Use Layers in Adobe Photoshop CC

Basic Navigation & How to Combine Images in Photoshop

Layers - Quiz

How to Fix an Image Using Levels in Photoshop CC

How to Enhance Colors in Photoshop Using Vibrance

How to Change the Color of Something in Photoshop Using Hue

How to Change Just One Color in Adobe Photoshop CC

How to Make an Image Black & White in Photoshop CC

How to Add a Gradient to an Image & Text in Photoshop

Color & Adjustment Layers - Quiz

Creating a Specific Sized Document Adobe Photoshop CC

How to Draw Star Square Circle Shape in Photoshop CC

Stealing Colors & Adobe Color Themes

Shapes - Quiz

How to Create Text in Adobe Photoshop CC

How to Warp Text in Adobe Photoshop CC

How to Get Text to Follow a Line or Circle in Photoshop

Text - Quiz

How to Add a Line Around the Outside of Type in Photoshop

How to a Bevel or Emboss to Text in Photoshop CC

How to Add a Drop Shadow to Text in Photoshop CC

Presenting your Photoshop Work for your Portfolio

Project 1 - Creating your own Postcard

How to Crop an Image in Adobe Photoshop CC

How to Crop an Image for a Frame in Adobe Photoshop CC

How to Straighten the Horizon Line Using Photoshop CC

How to Copy from One Image to Another in Photoshop CC

How to Crop Images Inside of Text

How to Remove the Background in Adobe Photoshop CC

Class Project - Quick Select Tool

How to put Text Behind a Person in Adobe Photoshop CC

How to Create a Layer Mask in Adobe Photoshop CC

Class Project - Cut a Person out & put them into Another Image in Photoshop

How to Blend Fade one Image into Another in Photoshop CC

How to Weave Text in and out of a Photoshop Image

How to Select Hair in Adobe Photoshop CC

Class Project - Selecting Hair

How to Select Things with Straight Edges in Adobe Photoshop CC

How to get Text to Interact with Ink & Plants in Photoshop CC

Class Project - Text & Image Interaction

Selection & Masking - Quiz

How to Add Filters & Effects in Adobe Photoshop

How to Turn an Image into a Painting in Adobe Photoshop

Class Project – Oil Painting

How to Create the Dotted Halftone Poster Effect in Photoshop

Class exercise - Halftone

How to fake Realistic Motion Blur in Adobe Photoshop CC

The Lens Flare Right of Passage in Adobe Photoshop

Filters - Quiz

What is a Smart Object in Adobe Photoshop CC

How to Bend a Logo onto an Image Realistically in Photoshop

How to make a Sky Peeling like Fabric Revealing Background in Photoshop

Class Project - Peeling Sky

How to Shrink Body Parts in Adobe Photoshop CC Using Liquify

How to Create Dripping Paint Text Effect in Photoshop CC

Class Project - Drippy Paint Text

How to Remove People & Text from a Picture in Photoshop

Use Google Images to find your Image Before Retouching

How to Remove Red Eye from Photographs in Photoshop

How to Retouch Skin in Adobe Photoshop CC

Class Project - Retouching

Enhancing Eyes in Adobe Photoshop CC

How to Fix Teeth in Adobe Photoshop CC

Retouching

How to Instantly Remove the White Background of a Logo in Photoshop

Using Blending Modes as Color Accents in Photoshop

How to put Images Inside a Bottle Using Photoshop

Class Project - Boat in a Bottle

How to Create the Spotify Duotone Effect in Adobe Photoshop

Class Project - Duotones

How to Create the 3D Glasses Anaglyph Effect in Adobe Photoshop

Class Project - Anaglyph Effect