How to Blend Images with the Background Colors in Adobe Illustrator Blend Modes
Daniel Walter Scott
How to Blend Images with the Background Colors in Adobe Illustrator Blend Modes
Daniel Walter Scott
Lesson Info
22. How to Blend Images with the Background Colors in Adobe Illustrator Blend Modes
Lessons
Class Introduction to Advanced Adobe Illustrator CC
02:35 2Getting Started with Your Adobe Illustrator Advanced Tutorial
01:19 3Trick for Redrawing Hand Drawn Images in Adobe Illustrator CC
03:17 4Curvature Tool vs Pen Tool in Adobe Illustrator CC
10:27 5Advanced Pen Tool Tricks Using Adobe Illustrator CC
08:47 6How to Draw Flowing Curves in Adobe Illustrator with the Width Tool
13:14Mastering Corners with Adobe Illustrator CC Corner Widget Effects
05:27 8The Best Creation Tool in Adobe Illustrator CC the Shape Builder Tool
23:01 9More Shape Builder Goodness
11:02 10Using Live Shape Effects in Adobe Illustrator CC
06:03 11Class Project - Drawing Exercise Using Width, Curvature & Corner Widgets
01:38 12Drawing - Quiz
13Advanced Keyboard Shortcuts for Adobe Illustrator CC
11:05 14Keyboard Shortcuts - Quiz
15Advanced Color Tips & Tricks for Adobe Illustrator CC
15:44 16Using Color Themes in Adobe Illustrator CC
03:02 17How to Color a Real Hand Drawing Using Adobe Illustrator CC
07:07 18How to Use the Color Guide in Adobe Illustrator
02:47 19How to Change All the Colors at Once in Adobe Illustrator Recolour Artwork
04:19 20How to Make Gradients Bend in Adobe Illustrator CC Using Gradient Mesh
13:36 21How to Make Long Shadows in Adobe Illustrator CC
07:15 22How to Blend Images with the Background Colors in Adobe Illustrator Blend Modes
03:26 23How to Make Images Black & White in Illustrator & Mix with Color
07:44 24How Do You Make Anaglyphic Text Using Adobe Illustrator CC
06:12 25How to Make Gradient Stroke Overlap & Mix Colors in Adobe Illustrator
06:39 26How to Create a Duotone Image Effect in Adobe Illustrator CC
07:23 27Advanced Repeating Pattern Swatches in Adobe Illustrator CC
14:16 28Color & Patterns - Quiz
29How to Change The Default Font & Swatches in Adobe Illustrator CC
07:36 30Advanced Workflow Tricks for Adobe Illustrator CC
10:52 31Shortcuts for Aligning & Distributing in Illustrator CC Using Actions
04:28 32How to Proof Colors in Adobe Illustrator CC
01:25 33Adobe Illustrator is Running Slow, How Do I Speed Up Illustrator
09:40 34How Best to Use Illustrator With Other Adobe CC Software
08:13 35Workflow Speed - Quiz
36Advanced Fonts Tricks & Tips in Adobe Illustrator CC
07:52 37How to Put Text Type into the Shape of a Letter in Adobe Illustrator CC
08:40 38How to Use the Touch Type Tool in Adobe Illustrator CC
02:27 39Typography - Quiz
40How to Multiply Strokes to a Path in Adobe Illustrator CC
06:24 41How to Add a Stroke Line Around the Outside of Text or Shapes in Illustrator
03:45 42How to Make Multiple Lines Using Offset Path in Adobe Illustrator CC
09:33 43Introduction to 3D in Adobe Illustrator CC
11:10 44How to Make Semi Flat 3D Icons & UI Design Using Adobe Illustrator CC
15:22 45How to Make the Paper Cut Effect in Adobe Illustrator CC
09:35 46How to Make a Pie Chart Line Graph & Bar Graph in Adobe Illustrator CC
17:38 47Advanced Artboard & Pages Tricks in Adobe Illustrator CC
05:42 48Advanced CC Libraries Adobe Stock and Adobe Market
09:12 49Advanced Image Tricks & Tips in Adobe Illustrator CC
07:22 50How to Distort Bend Shapes & Type in Adobe Illustrator CC
03:39 51How to Make a 3D Ribbon in Adobe Illustrator CC
08:58 52How to Create Lots of Lines that Blend Together in Adobe Illustrator CC
09:24 53How to Make 3D Gradient Lettering Blends in Adobe Illustrator CC
11:25 5449. How to Make a Linocut Effect in Adobe Illustrator CC
08:26 55How to Use the Puppet Warp Tool in Adobe Illustrator CC
09:33 56Transform, Distort & Blend Quiz
57How to Use Adobe Illustrator for Web & UI Design
15:17 58How to Make an Animated GIF Using Adobe Illustrator CC
14:52 59What Next After Your Illustrator Advanced Course
01:07 60Final Quiz
Lesson Info
How to Blend Images with the Background Colors in Adobe Illustrator Blend Modes
Hi there in this video, we're going to crop a bike inside a giant letter. Our but really we want to look at the color blending, we can see how the image is blending with the background. We offset it a little bit kind of looks cool. Let's learn how to do that now. Using blending modes in illustrator. Alright, first up, open up the file called blending modes. You don't have to, it's just an orange box, you can draw your own. It doesn't quite work as well with like say, a solid black or a solid white color blending modes interact with them differently from colors. Okay, so what I first want to do is my giant letter with the image inside. It's easy to do. Right? So I'm gonna grow my type tool. I'm using museo sans rounded. I love it's such a cool font whenever you're doing font sizes as well. If you want to go so big, hold down, shift and hold down the key on a pc or the option key on a Mac to go real big with the font. Cool. Rather than using the option over here takes too long. Next thin...
g I wanna do is I want to bring in my image and resize my okay, command shift P is place or control shift P on a P. C. Picking the bike images took place and click and drag it so it's it's bigger than the letter R just has to be covering it up. Okay then you need to send it to the back. Okay, you can right click and arrange center back, select both of them and hit command seven, Okay? Or control seven on a pc that makes a clipping mask. And so that's the kind of basics right now we're going to play with the way it blends with the background with its select. I'm gonna go over here to opacity and this is the option here. So where it says normal, try darken, try to multiply. Actually, what I'll do is I'll move this over so you can zoom in when we do our edits so that you can kind of see a bit easier. What color Now? It will depend if you've got like green in the background, these won't all do the exact same. Okay, so well if you've got a different image, it might look different. So don't count on these, 100% what they're gonna do. It's all a bit of experimentation. Now, I quite like to overlay and multiply that. Cool. Now don't be afraid to use combinations, let's say we want to use um overlay, but also multiply. So I'm going to make a duplicate of this. Weirdly, it still works right, but with it over here, it's not interacting with the orange background, so it's still overlay. Anyway, this guy here, I'm going to change back to multiply and don't be afraid to play with the opacity as well if we felt it was a bit strong, you can just drag the opacity as well and you can lay them on top of each other so you guys laying on top. Okay. And they're kind of kind of a combo deal. Don't be afraid to offset them as well. You might do some sort of cool like, you know, misprint miss registration kind of three d ish kind of feel, I don't know. Anyway, so that is playing with blending modes. We've done it with images, but you can do it with just colored text and you'll get different effects and this is where I set our class exercise. What I'd like you to do is I want you to create your own giant letter with image. You can use any of the other images from the exercise files. Okay. There's a few other bikes in there and you could use your own your own giant letter and your own background color and your own blending modes, you can offset it. You don't have to, maybe you do arrange maybe do the whole alphabet. Okay. I'd like to see what you do remember reach out to me on instagram, on twitter. I'd love to see it also post your projects on this website so that other people can see what you've done. Alright, go and do some blending mode, magic