Quick and Easy Halftone Effect

Geen categorie

Today I’ll show you how to create a quick Halftone Effect in Photoshop. I found this effect after trying different ways to (re)create an effect that makes your photo looks like an old engraved picture or like a picture on money. This is the most easy way to create this effect. Even when this is a quick way, the possibilities are close to limitless.

Step 1: The Photo.

The first you’ll have to do is add a Black-White Adjustment Layer on top of the photo. The effect wil be created on a black-white photo.

Step 2: Halftone Layer.

Create a New Layer and fill with 50% Grey. Now make this layer into a Smart Object. A Smart Object lets us adjust the effect afterwards.

  • Now go to Filter => Filter Gallery: under the tab Sketch => Halftone Pattern. Set the values to: Size 2, Contrast 0. Pattern Type: Dot.
  • Under the same tab: Torn Edges. Set the values to: Image Balance 25, Smoothness 13, Contrast 1.

Set the Blend Mode of the Halftone Layer on Hard Mix and the Fill around 80%.

Step 3: Apply a Gradient Adjustment Layer.

Choose a gradient with different colors. Every photo will need a different gradient. Sometimes you’ll have to adjust the values of the halftone to fine tune the look with a gradient. Gradient in First photo: 924663 -> d5dbd3.

Step 4: Experiment.

The values in Step 2 are values that work with most pictures, but not with all. So you’ll have to play with the values in order to get the best result.

Gradient: 125e56 -> ffa0a0
Gradient: 30527d -> ffae2e
Torn Edges Balance: 23, Fill: 88% and the Gradient: 62174f -> ffca8b.
Gradient: 2d2c54 -> e8c9d5

Vector Swirling Circle

Geen categorie

In this Illustrator tutorial we’re going to create a swirling vector circle.

Step 1: Basic Shape.

This is the basic shape: to create it follow the next steps:

  • Create two circles: a large one and in the center a smaller one.
  • Copy the smaller one and align it to the left so that the left side touch the left side of the big circle.
  • Copy the left circle so that it touches the right side of the bigger circle.
  • Now copy the two circles and rotate them so that they stand horizontally.

Step 2: Shape Builder Tool.

The Shape Builder Tool lets you create any shape out of basic outlinings. First we need to turn off the stroke and fill. Press CTRL + Y to enter the Outline Mode.

Now select everything and hold the Shape Builder to select the shape you want.

Step 3: Adding more swirls.

Copy the new created shape 3 times and rotate it so you get this result:

Step 4: Giving Color.

Now we’re going to give color to the shape. Select the Live Paint Bucket (behind the Shape Builder), select a color and paint the segments in that color. Tap CTRL + y to exit the Outline Mode.

Now we have a complete solid color shape. We have to make every segment in a separate object. To do this select the shape and go to Object -> Expand. Then ungroup the object several times until every segment is a separate object.

Step 5: Gradient Color.

Select 1 object and give it a gradient fill. Then select everything and with the color picker select the gradient fill segment.

Now you can experiment with the gradient and its angle, different colors…

Photo Effect: At the Vintage Beach

Geen categorie

Stack of Adjustment Layers:

  1. Vibrance: + 25 / Saturation: -40 or -50.
  2. Gradient map: Blend Mode: Hard Light, 40%. With colors:
    1. #091610 (very dark cyan), location: 1%
    2. #8b432d (dark moderate red), location: 50%
    3. #f0e6b1 (very soft yellow), location: 100%
  3. Curves. Blend Mode: Soft Light, 30%. With Point:
    1. 0,0
    2. 66, 43
    3. 114, 130
    4. 255, 255
  4. Color Adjustment. Blend Mode: Soft Light, 25%:
    1. Blue: + 13, – 12, + 12, + 6
    2. Grey: + 60, -12, + 37, + 6
  5. Color Fill:
    1. Color: #aa6381 ( Mostly desaturated dark pink)
    2. Blend Mode: Soft Light, 45%
  6. Color Fill 2:
    1. Color: #ddad85 (very soft orange)
    2. Blend Mode: Color, 10%
  7. Grandient Map. Blend Mode: Exclusion, 10%. With colors:
    1. #5f531e (olive tone), position: 20%
    2. #e3e3ac (very soft yellow), position: 83%
    3. #cccc99 (slightly desaturated yellow), position: 93%
  8. Curves. Opacity: 75% With Points:
    1. RGB: 27,35 / 123,125 / 182,188 / 243,238
    2. Green: 0,0 / 118,120 / 169,175 / 255,255
    3. Blue: 0,0 / 187,190 / 232,241 / 255,255

Anaglyph Effect Part 2: Experiments

Geen categorie

In this tutorial we’re going to build further on the standard Anaglyph Effect we’ve created in Part 1.

Experiment 1: Vibrance

With a Vibrance adjustment layer we can make the Anaglyph less bright.

  • Set the Vibrance on a negative amount (I dit -51)
  • You can leave the Saturation on 0 or even decrease the vividness of the Red/Blue.

Experiment 2: Different colors.

In this experiment we’re going to stack some adjustment layers on top of each other.

  • 1: Color Lookup: Candlelight.
    • Opacity: around 37%
  • 2: Gradient overlay:
    • Color 1: #290a59 (very dark violet), position: 39%
    • Color 2: #ff7c00 (a pure orange), position: 100%
    • Linear, 143°
      • Bleding Mode: Color Dodge, 36%
  • 3: Color Lookup: Foggy Night
    • Opacity: around 74%

Variation:

  • Gradient overlay opacity: 20%
  • Second Color Lookup opacity: 100%

Experiment 3: Cold.

Add a Color Lookup adjusment layer and set the color on Crips Winter.

Anaglyph Effect Part 1

Geen categorie

The Anaglyph is a fun and easy effect to create in Photoshop. In this tutorial we’re going to create this effect and experiment with it. This effect is applicable to photos and drawings.

The Anaglyph Effect.

The creation of the Anaglyph Effect in Photoshop is quite simple and can be done in two different ways:

First way:

  • Duplicate your photo 2 times:
    • Name the top duplicate ‘Blue‘ and the second ‘Red
  • Select the Blue layer and go to Layer Style and Blending Option: uncheck the Red channel.
    • Move this layer to the right (I did 10 times)
  • Select the Red layer and uncheck the Green channel this time.
    • Move this layer to the left (same amount as the Blue layer)

Second way:

  • Duplicate the photo 1 time:
  • Go to Layer Style and Blending Options: unchech both the blue and green channels. So now you have a red copy of yout photo.
  • Move this duplicate to the left (the more stept you move the photo, the stronger the effect gets)

This is now your basic Anaglyph Effect.

Extra Effect: Noise

A fun extra effect to apply on top of the Anaglyph is a Noise layer:

  • Create a new layer
  • Fill the layer with black
  • Go to Effect: Noise: Add Noise:
    • set the effect on: 102%, Gaussian and Monochromatic
  • Set the Blending Mode to Screen and around 20% opacity.

You can create this effect with a black-white photo. Make sure the Mode is RGB.

Isometric New Year

Geen categorie

With this Illustrator tutorial I’m going to show you how to create Isometric Numbers. You can use these for a modern New Years card or Social Media banner. The first thing to do is to create an isometric grid. I’m going to ease the process by giving one to you.

The Isometric Gird: Download.

Step 1: Outline numbers.

When you have opened the isometric grid file, take the Pen tool with a stroke and no fill. Snap the Pen to a, Anchor Point to start. We’re going to make the numbers 3 squares wide and 5 high. When drawing in Illustrator you’re creating vectors so we can scale them infinitely.

Now we’re creating the 0 with the same size.

Step 2: Filling the numbers.

The numbers have strokes but we need them with a fill and no stroke. I filled the numbers with a light grey color. The middle part of the 0 is filled with white.

Step 3: Creating Depth.

Now we have a light grey flat numbers. To give them a sense of depth we need to draw with the Pen tool again. Set the stroke on and the fill off. Start drawing like this:

Now we’re going to fill the stroke elements. I used a darker grey.

Step 4: Making 2020

Now we have a Isomectric 20, to create the Year we just need to duplicate the first two numbers. Make sure every elemet of the numbers is grouped together.

Result

An easy way to create Isometric Numbers with a drawing:

Draw the numbers:

Then apply the 3D-effect: Extrude and Bevel:

Result:

An easy way to create Isometric Numbers with a Font:

Type the numbers and apply the 3D-effect: Extrude and Bevel:

Retro Camera

Geen categorie

This quick effect gives the photo a retro feeling.

Step 1: Color Balance.

Set the Color Balance to, without light intensity:

  • Shadows: Cyan-Red: + 49, Magenta-Green: -21, Yellow-Blue: -18
  • Midtones: Cyan-Red: + 19, Magenta-Green: 0, Yellow-Blue: 0
  • Highlights: Cyan-Red: + 45, Magenta-Green: + 8, Yellow-Blue: + 29

Step 2: Gradient fill.

Color: ff0000 (red) to Transparent

Set the Bleding Mode to Screen and the Opacity to around 35%

Step 3: Levels.

Set the Levels to:

Set the Opacity to around 50%