Skip to main content

How to Blend Images with the Background Colors in Adobe Illustrator Blend Modes

Lesson 22 from: Adobe Illustrator Mastery

Daniel Walter Scott

How to Blend Images with the Background Colors in Adobe Illustrator Blend Modes

Lesson 22 from: Adobe Illustrator Mastery

Daniel Walter Scott

buy this class

$00

$00
Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2200+ more >

Lesson Info

22. How to Blend Images with the Background Colors in Adobe Illustrator Blend Modes

Lessons

Class Trailer

Overview

1

Class Introduction to Advanced Adobe Illustrator CC

02:35
2

Getting Started with Your Adobe Illustrator Advanced Tutorial

01:19

Drawing

3

Trick for Redrawing Hand Drawn Images in Adobe Illustrator CC

03:17
4

Curvature Tool vs Pen Tool in Adobe Illustrator CC

10:27
5

Advanced Pen Tool Tricks Using Adobe Illustrator CC

08:47
6

How to Draw Flowing Curves in Adobe Illustrator with the Width Tool

13:14
7

Mastering Corners with Adobe Illustrator CC Corner Widget Effects

05:27
8

The Best Creation Tool in Adobe Illustrator CC the Shape Builder Tool

23:01
9

More Shape Builder Goodness

11:02
10

Using Live Shape Effects in Adobe Illustrator CC

06:03
11

Class Project - Drawing Exercise Using Width, Curvature & Corner Widgets

01:38
12

Drawing - Quiz

Keyboard Shortcuts

13

Advanced Keyboard Shortcuts for Adobe Illustrator CC

11:05
14

Keyboard Shortcuts - Quiz

Color & Patterns

15

Advanced Color Tips & Tricks for Adobe Illustrator CC

15:44
16

Using Color Themes in Adobe Illustrator CC

03:02
17

How to Color a Real Hand Drawing Using Adobe Illustrator CC

07:07
18

How to Use the Color Guide in Adobe Illustrator

02:47
19

How to Change All the Colors at Once in Adobe Illustrator Recolour Artwork

04:19
20

How to Make Gradients Bend in Adobe Illustrator CC Using Gradient Mesh

13:36
21

How to Make Long Shadows in Adobe Illustrator CC

07:15
22

How to Blend Images with the Background Colors in Adobe Illustrator Blend Modes

03:26
23

How to Make Images Black & White in Illustrator & Mix with Color

07:44
24

How Do You Make Anaglyphic Text Using Adobe Illustrator CC

06:12
25

How to Make Gradient Stroke Overlap & Mix Colors in Adobe Illustrator

06:39
26

How to Create a Duotone Image Effect in Adobe Illustrator CC

07:23
27

Advanced Repeating Pattern Swatches in Adobe Illustrator CC

14:16
28

Color & Patterns - Quiz

Workflow Speed

29

How to Change The Default Font & Swatches in Adobe Illustrator CC

07:36
30

Advanced Workflow Tricks for Adobe Illustrator CC

10:52
31

Shortcuts for Aligning & Distributing in Illustrator CC Using Actions

04:28
32

How to Proof Colors in Adobe Illustrator CC

01:25
33

Adobe Illustrator is Running Slow, How Do I Speed Up Illustrator

09:40
34

How Best to Use Illustrator With Other Adobe CC Software

08:13
35

Workflow Speed - Quiz

Typography

36

Advanced Fonts Tricks & Tips in Adobe Illustrator CC

07:52
37

How to Put Text Type into the Shape of a Letter in Adobe Illustrator CC

08:40
38

How to Use the Touch Type Tool in Adobe Illustrator CC

02:27
39

Typography - Quiz

Strokes & Lines

40

How to Multiply Strokes to a Path in Adobe Illustrator CC

06:24
41

How to Add a Stroke Line Around the Outside of Text or Shapes in Illustrator

03:45
42

How to Make Multiple Lines Using Offset Path in Adobe Illustrator CC

09:33

Depth, Perspective & 3D

43

Introduction to 3D in Adobe Illustrator CC

11:10
44

How to Make Semi Flat 3D Icons & UI Design Using Adobe Illustrator CC

15:22
45

How to Make the Paper Cut Effect in Adobe Illustrator CC

09:35

Charts & Graphs

46

How to Make a Pie Chart Line Graph & Bar Graph in Adobe Illustrator CC

17:38

Artboards & Pages

47

Advanced Artboard & Pages Tricks in Adobe Illustrator CC

05:42

Creative Cloud

48

Advanced CC Libraries Adobe Stock and Adobe Market

09:12

Images

49

Advanced Image Tricks & Tips in Adobe Illustrator CC

07:22

Transform, Distort & Blend

50

How to Distort Bend Shapes & Type in Adobe Illustrator CC

03:39
51

How to Make a 3D Ribbon in Adobe Illustrator CC

08:58
52

How to Create Lots of Lines that Blend Together in Adobe Illustrator CC

09:24
53

How to Make 3D Gradient Lettering Blends in Adobe Illustrator CC

11:25
54

49. How to Make a Linocut Effect in Adobe Illustrator CC

08:26
55

How to Use the Puppet Warp Tool in Adobe Illustrator CC

09:33
56

Transform, Distort & Blend Quiz

Web UI design

57

How to Use Adobe Illustrator for Web & UI Design

15:17

Animating

58

How to Make an Animated GIF Using Adobe Illustrator CC

14:52

Conclusion

59

What Next After Your Illustrator Advanced Course

01:07

Final Quiz

60

Final 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

Class Materials

Bonus Materials with Purchase

Exercise Files
6 Completed Files

RELATED ARTICLES

RELATED ARTICLES