Category Archives: Tutorial

Photoshop Basis Tutorials


VideoTutorials: Briefpapier en Visitekaartje

In deze serie videotutorials wordt uitgelegd hoe je in Illustrator werkt met ‘multiple artboards’ om een visitekaartje (voor- en achterkant) te maken en in hetzelfde document ook briefpapier. Ook wordt uitgelegd hoe je vanuit Illustrator verschillende documenten exporteerd als pdf. Het visitekaartje en het briefpapier apart van elkaar, en van beide een versie voor de client en een versie voor de drukker.

Maak een Magazine – Videotutorials InDesign

Deze playlist bevat een serie videotutorials over het maken van een magazine, porfolio, reader, etc. met behulp van Adobe InDesign CC. De software en de tutorials zijn in het Nederlands. De video’s zijn ingedeeld op onderwerp zodat je de video’s die je wil terugkijken makelijk kan vinden. (De geluidskwaliteit is niet helemaal zoals de bedoeling was.)

InDesign Magazine

Photoshop – Blending Modes? Blend If Sliders!

How to Use Blend If Sliders in Photoshop



How to Use Blend If Sliders in Photoshop

In today’s episode, we show you how to use the Blend If sliders in Photoshop.

The Power of Blend If

You’ll be amazed at what you can do when using the Blend If sliders. You can blend based off of information from the Layer you are on, or based off of information from the rest of the image. You can also target highlights or shadows which will definitely come in handy when you are using the Dodge & Burn technique.

RGB Examples

We create a layer with the colors: Black, White, Red, Green and Blue. We then pull up our Blend If dialog. We pay attention to the two sliders. The top slider uses information from the Layer you’re currently on. The bottom slider uses information from the rest of the image. We start with our top slider and as we slide from left to right we are left with only the White color remaining. If we use the top slider and slide from right to left, the colors disappear in the opposite order. Something else that’s awesome about Blend If sliders is that you can choose your default colors.

The bottom slider uses the information from the rest of the image to see what’s going to be visible and invisible. As we drag our slider from left to right, the information is pulled based off of what we have on the underlying layer. When we drag from right to left, the lights in the image disappear first and then the darks.

The last helpful tip with Blend If is the feathering option. Hold Alt or Option which will separate our sliders and allow us to feather our blending. The same effect still applies when moving the slider from one side to another, the difference is it isn’t as choppy as it was before. When using Blend If, we do advise that you use feathering. That’ll help give a more realistic approach.

Enhancing Highlights

We create a New Layer on top of our image and paint white over the area we want to add highlights. We pull up our Blend If dialog box and drag our bottom slider from left to right to start defining where our white highlights will be visible. (Remember to Feather!) We now change the Blend Mode in our dialog box from Normal to Soft Light. This really helps us add definition to our image.

Enhancing Shadows

We use a similar technique when adding shadows to our image. We create a new Layer and paint black over the areas we want shadows. We adjust our sliders to our liking and also bring down our Opacity a bit. We are now able to see how the dark areas of the image are affected in comparison to the Highlighted areas.

Grainy Textures in Illustrator


Create Grainy Textures

Grain Texture Illustrator Tutorial

Creating grainy textures are great for retro illustrations, typography, and logos. Alternatively, you can incorporate these effects into compelling new styles. You can always scan in similar textures and Live Trace them in Illustrator, but you can pretty easily create this type of effect all inside Illustrator!

Final Image

Here is a sample image of what these techniques can do. Further down in the tutorial, I give a quick breakdown of the process.

Final Image

Tutorial Details

  • Program: Adobe Illustrator CS5 (You should be able to create this tutorial in CS4 and CS3 but some of the tutorial images might look different.)
  • Difficulty: Beginner / Intermediate
  • Topics Covered: Grain Effect, Gradient, Gradient Meshes, Blends
  • Estimated Completion Time: 15-20 minutes

Grainy Textures

In the following sections I’ll show you how to create these grainy textures from a couple of different elements within Illustrator. Basically you can create these textures from any element that contains a graded value of color (like a gradient). I’m sure some of you have already figured out this technique by creating some of the past Vectips texture tutorials or on your own, but for those of you that haven’t, you should have fun.




First up is gradients. Gradient are good for creating grainy textures that don’t require any complex contours to the texture. To start, create a simple linear gradient with the default white and black color stops in a rectangle. With the gradient selected, go Effect > Texture > Grain. In the Grain Effects dialog, change the Intensity to 74 (you can experiment with this number to get the grain you desire), Contrast 50, and Grain Type to Sprinkles. That’s really all! The real magic comes when you apply color and blending modes to the texture.

Gradient Grain


You can change the color stops in your gradient, but I like to place an object or new fill below the grain effect and set the grain’s blending mode to Multiply because of the white space the Grain effect creates. Let’s take a look at doing this with the Appearance panel.

Take your same rectangle and fill it with a solid color. From the pop-up menu of the Appearance panel, select New Fill. Select the top copy and fill it with a linear gradient. Change the first color stop to white and the second to a darker color than your original. With the gradient fill still selected, apply your Grain effect and set the Blending Mode to Multiply from the Opacity item under the gradient fill.

Gradient Grain Color

Gradient Mesh


Gradient Meshes are great for creating more complex shapes with grainy textures. To start, draw an abstract shape with a tool of your choosing and fill it with black. You can either go Object > Create Gradient Mesh and set a specific numbers of points or use the Mesh tool (U) to click on your artwork to add mesh point. I’m using the Mesh tool (U), so deselect the artwork, select white from my swatches, and with the Mesh tool (U) click on the artwork to add points. Now, apply the grain effect like before.

Gradient Mesh Grain


Like with the Gradient technique, meshes work great with a color underneath and the grain’s blending mode to Multiply. Start the original shape a solid color and Copy (Command + C) and Paste in Front (F). Change the fill of the copy to a darker color of the original shape, apply the white mesh points, apply grain, and set to Multiply.

Gradient Mesh Grain Color



Blends tend to work great for either simple grainy textures or complex ones. It really just comes down to how you work and which is more comfortable, but the principle is pretty much the same. For the example, created a shape, go Object > Path > Offset, fill the offset with white, select both copies, and go Object >Blend > Make. Finally, apply your grain effect.

Blend Grain


Like both the Gradient and Gradient Mesh, it’s good to have an underlying color. Also like gradient meshes, you will need a copy of the original shape above the color with a darker color, grain, and blending mode set to Multiply.

Blend Grain Color

Quick Tutorial

Here is a quick tutorial utilizing some of the techniques. I won’t go into much depth, it’s just to get an idea of how to use these techniques in an illustration.

First, I created a sketch, scanned it, and traced it with the Pen tool (P). Next, I filled the trace with color, and added stroked paths set with one of Illustrator new Stroke Profiles (Width Profile 1). To add more depth with the grain textures, I started with the linear gradients in the skin and hair. I used a blend for the outline grain texture face shape and used a gradient mesh for the collar of the character’s shirt. For the background I used a big radial gradient grain texture. I also used a radial gradient with the first color stop white, the second white with 0 Opacity, grain, and set the Blending Mode to Overlay.

Grain Process


This is a great technique to experiment with! Experiment with different colors, shapes, blending modes, and layering of textures. Try these techniques on graphical elements other than illustrations. They work great on text, logos, UI elements, and more! You can even incorporate these effects with some of the other texture techniques I have written about.


Continue reading Grainy Textures in Illustrator