Archiwum kategorii: Web Tools

How to Create a Grunge Ultra-Violet Photo Manipulation Poster in Affinity Photo

Post pobrano z: How to Create a Grunge Ultra-Violet Photo Manipulation Poster in Affinity Photo

Final product image
What You’ll Be Creating

Today, we will be learning how to use simple shapes and textures to create a grungy party poster with a mystical edge!

This tutorial will focus on shapes, applying textures, and learning how to layer different adjustment layers on top of each other to completely transform an image’s mood and overall color, otherwise known as color grading. 

What You’ll Need

You’ll need the following resources in order to complete this project:

Find more resources on Envato Elements!

1. How to Create a Flat Minimal Background

First, we will be creating the base of our poster, which consists of simple flat shapes, to create a minimalistic starry night sky. 

Step 1

Create a New Document that is 1911 px by 2725 px.

Create a new Pixel Layer and, using the Flood Fill Tool (G), fill the pixel layer with a dark grey #1C1C1C.

grey background

Step 2

Create a triangle using the Triangle Tool, which can be found within the Rectangle Tool (U) by right-clicking, and create a large white triangle in the lower part of the canvas.

create white triangle

Step 3

Add an Outer Glow to the triangle by applying the Outer Glow layer effect located at the bottom of the Layers panel.   

Settings: 

  • Blend Mode: Screen
  • Opacity: 20%
  • Radius: 120%
  • Intensity: 59%
  • Color: White 

glow triangle

Step 4

Using the Rectangle Tool mentioned earlier, create a bunch of 4 px wide lines around the triangle. The heights can be different, and we want the placement to be a bit random. 

Feel free to copy and paste multiple lines at once to help quicken the pace!

add lines

Once you are happy with the line placement, group all the lines together into a group called „Lines” to help keep our Layers panel tidy.

Step 5

Let’s create some four- and eight-pointed stars ourselves using the Diamond Tool, which is also located within the Rectangle Tool. 

Create a very skinny diamond as you see below.

create a diamond

Step 6

Now, create a second, slightly shorter, skinny diamond and place it horizontally over the middle of the first skinny diamond.  

create a cross

And that’s how you make a four-pointed star! 

Step 7

Create an eight-pointed star in a similar fashion by placing two more shorter skinner diamonds diagonally in the middle of the four-pointed star in an „X”-like shape.

create a star

Group all the skinny diamonds that create the four-pointed star together and name it „4-Point Star”, and then do the same for the eight-pointed star. 

Step 8

Copy and paste the stars around the triangle!

current layers

2. How to Extract and Light a Subject 

Next, we will be placing our main subject, the Blond Model, into the center of our canvas and triangle. 

Step 1

Extract the subject from the background using your preferred method.

Today, we will be using the Selection Brush Tool (W) as the rougher cut edges will match the grungy style of our poster. 

Create a selection around the model by clicking and dragging with the Selection Brush Tool. Hit Delete once you are done selecting the background of the model. 

extract model

Step 2

We will be adding some quick lighting effects using layer effects. Normally, we would be hand painting most of our lighting and shadows, but in this case, layer effects work fine!

First, add an Outer Glow to the subject.

Settings: 

  • Blend Mode: Screen
  • Opacity: 20%
  • Radius: 120%
  • Intensity: 50%
  • Color: White 

Second, add an Inner Glow to the subject.

Settings: 

  • Blend Mode: Soft Light
  • Opacity:100%
  • Radius: 32%
  • Intensity: 50%
  • Color: White 

glow model

Step 3

Create a new Pixel Layer and nest it inside the subject layer by dragging and placing it on top of the subject layer. 

With a very large, soft, round brush, paint white towards the bottom of the subject to fade her into the triangle. 

light model

Step 4

Create a very large triangle using the Triangle Tool again, and place it at the bottom of the canvas. 

Set the triangle’s layer mode to Soft Light, located at the top of the Layers panel to the right of Opacity.  

create triangle

Step 5

Add an Outer Glow layer effect to the large triangle.

Settings: 

  • Blend Mode: Screen
  • Opacity: 20%
  • Radius: 120%
  • Intensity: 50%
  • Color: White 

current layers

3. How to Add Stylistic Hair Highlights 

Next up, we are going to do some very basic painting to give our subject’s hair some almost neon-looking hair highlights! 

I will be using a Wacom Intuos graphics tablet. However, I will include some tips for those of you who only have a mouse! 

Step 1

Create a new Pixel Layer above all the previous layers.

Select the Brush Tool (B) and make sure the „Force pressure to control size” button is pressed. Also, I’d recommend turning on the brush Stabilizer and setting it to Rope Mode with a 50 Length. 

Using a small, hard, round brush, paint white lines on top of the model’s hair strands. Try to trace over the already existing hair strands, painting in quick, short brush strokes. We want the white lines to be tapered and almost blend in with the subject’s hair, as if they are highlights. 

Change the size of the brush as needed!

paint hair

Don’t have a tablet? 

Use the Smudge Tool set to 72% Strength and smudge out the ends of your lines to give them the same kind of tapered effect you’d get with using a tablet. 

Step 2

Add an Inner Glow layer effect to the hair strands.

Settings: 

  • Blend Mode: Screen
  • Opacity: 50%
  • Radius: 29%
  • Intensity: 50%
  • Color: White 

glow hair

Step 3

On the same layer as the hair strands, and using the same brush and techniques, paint some highlights onto the subject’s side hair, jawline, and ears. 

paint face highlight

Step 4

As one last finishing touch to the model, add a crescent moon shape from the Solar System Planet Icons pack to the middle of the model’s forehead.

current layers

4. How to Add Text in Affinity Photo 

Next, we will be adding some text to our poster. We will be keeping it very minimalistic to go with the rest of our composite! 

Step 1

Make sure you have the FLOREN Typeface downloaded and installed on your computer. 

Floren is a simple serif font perfect for a bold, high-fashion look. You’ll want to use something similar to it at the very least. 

Step 2

Select the Artistic Text Tool (T), set the Font to Floren, and type out the words „Ultra Violet”

Settings

  • Font Size: 71.8 pt
  • Align Center 
  • Tracking: 492%
  • Leading Override: 88.5 pt

The last two options can be found by clicking on the Character button on the right side of the text tool’s toolbar and looking under Positioning and Transform.

type title

Step 3

Now, type out a date—in this case, 08.12.18 or August 12th, 2018—using all the same settings as before, only in a much smaller font size. 

Settings:

  • Font Size: 20 pt

type  date

Step 4

To finish up the text, add an Outer Glow to the larger font. 

Settings: 

  • Blend Mode: Screen
  • Opacity: 50%
  • Radius: 29%
  • Intensity: 50%
  • Color: White 

current layers

5. How to Do Ultra Violet Retro Color Grading 

Next up, we will be bringing everything together by giving everything a monochromatic color story using adjustment layers! 

The adjustment layers menu can be found at the bottom of the Layers panel toward the center-left. 

Step 1

Create a Gradient Map adjustment layer. 

Settings

Black to white gradient. Click on the circles to change the colors to black accordingly.

gradient map

Step 2

Create a Curves adjustment layer. 

Settings

Replicate what you see below by dragging the leftmost curve point up. This will fade all the blacks and shadows. 

curves one

Step 3

Create another Curves adjustment layer. 

Settings 

This time, we will be adjusting the Red, Green, and Blue curves. To change what curves you are adjusting, change Master to one of the three colors—in this case, we will be adjusting both the Red and Blue curves. 

Replicate what you see below. 

curves two - red
curves two - blue

Step 4

Create a Split Toning adjustment layer.

Settings

split toning

Group all the adjustment layers into a group and name it „Color Grading”.

current layers

6. How to Add Noise and Apply Texture

Next up, we will be adding in a splash of color so our poster has some actual ultraviolet on it. We will also be adding in a noise effect to give our poster some more texture.

Step 1 

Add „02” from the Violet Liquid Marble Backgrounds texture pack and place it vertically over the subject’s body. 

Set „02” to the layer mode Lighten. 

bottom texture

Step 2

Duplicate „02” and flip it vertically and horizontally. 

Place the texture over the subject’s face.

top texture

Step 3

To add some non-destructive noise to any image, create a new Pixel Layer and fill it with the color black. 

Set the layer mode to Screen which will „hide” the black.

Step 4

Go to Filter > Noise > Add Noise.

Settings

  • Intensity: 25%
  • Gaussian
  • Monochromatic 
current layers

7. How to Add Chromatic Aberration in Affinity Photo

To finish everything up, we are going to add some chromatic aberration to our poster.

Make sure you are happy with how everything looks before doing this step, as you won’t be able to go back and change anything without having to redo this step again! 

Step 1

Select all current layers and Right-Click > Merge Visible to make a flattened copy of the image. 

Name the layer „Copy”. 

Step 2

Duplicate the flattened image three more times, for a total of four layers. 

Rename the three new copied layers „Red”, „Blue”, and „Green”, and make sure they are above the „Copy” layer. 

Step 3

Change the „Red” layer’s layer mode to Add.

Create a Channel Mixer adjustment layer and nest it inside the „Red” layer. 

We will be using the different color channels, which you can change by clicking on Red located on the top of the Channel Mixer panel to the right of RGB and then changing it to the desired color. 

Settings (In the Red channel)

  • Red: 100%
  • Green: 0%
  • Blue: 0%

Settings (In the Green Channel)

  • Red: -200%
  • Green: -200%
  • Blue: -200%

Settings (In the Blue Channel)

  • Red: -200%
  • Green: -200%
  • Blue: -200%
red channel adjustment

Step 4

Change the „Green” layer’s layer mode to Add.

Create another Channel Mixer adjustment layer and nest it inside the „Green” layer.

Settings (In the Red channel)

  • Red: -200%
  • Green: -200%
  • Blue: -200%

Settings (In the Green Channel)

  • Red: 0%
  • Green: 100%
  • Blue: 0%

Settings (In the Blue Channel)

  • Red: -200%
  • Green: -200%
  • Blue: -200%
yellow channel adjustment

Step 5

Keep the „Blue” layer’s layer mode set to Normal. 

Create one more Channel Mixer adjustment layer and nest it inside the „Blue” layer.

Settings (In the Red channel)

  • Red: -200%
  • Green: -200%
  • Blue: 0%

Settings (In the Green Channel)

  • Red: -200%
  • Green: -200%
  • Blue: 0%

Settings (In the Blue Channel)

  • Red: 0%
  • Green: 0%
  • Blue: 100%

The image should look exactly as it did before. 

blue channel adjustment

Step 6

Now that we have our RGB layers set up, shift each color around by a few pixels either up, down, or to the left or right. 

For instance, shift the „Red” layer up 3 pixels, the „Green” layer down 3 pixels, and the „Blue” layer to the left 3 pixels. 

Group all the RGB and „Copy” layers together into a group and name the group „RGB”.

Current layers

We’ve Done It!

Just adding some simple shapes together can go a long way when combined with the right amount of imagery and texture. Along with adding effects that are normally retouched out of a photo, like chromatic aberration or noise, it’s the perfect way to give your composite an edge without compromising its minimalistic design. Sometimes less really is more! 

As always, keep experimenting with different techniques, and don’t forget to post your version below, along with any questions, comments, or critiques!

final product

Looking to learn more? Why not check out the following articles:

How to Create a Grunge Ultra-Violet Photo Manipulation Poster in Affinity Photo

Post pobrano z: How to Create a Grunge Ultra-Violet Photo Manipulation Poster in Affinity Photo

Final product image
What You’ll Be Creating

Today, we will be learning how to use simple shapes and textures to create a grungy party poster with a mystical edge!

This tutorial will focus on shapes, applying textures, and learning how to layer different adjustment layers on top of each other to completely transform an image’s mood and overall color, otherwise known as color grading. 

What You’ll Need

You’ll need the following resources in order to complete this project:

Find more resources on Envato Elements!

1. How to Create a Flat Minimal Background

First, we will be creating the base of our poster, which consists of simple flat shapes, to create a minimalistic starry night sky. 

Step 1

Create a New Document that is 1911 px by 2725 px.

Create a new Pixel Layer and, using the Flood Fill Tool (G), fill the pixel layer with a dark grey #1C1C1C.

grey background

Step 2

Create a triangle using the Triangle Tool, which can be found within the Rectangle Tool (U) by right-clicking, and create a large white triangle in the lower part of the canvas.

create white triangle

Step 3

Add an Outer Glow to the triangle by applying the Outer Glow layer effect located at the bottom of the Layers panel.   

Settings: 

  • Blend Mode: Screen
  • Opacity: 20%
  • Radius: 120%
  • Intensity: 59%
  • Color: White 

glow triangle

Step 4

Using the Rectangle Tool mentioned earlier, create a bunch of 4 px wide lines around the triangle. The heights can be different, and we want the placement to be a bit random. 

Feel free to copy and paste multiple lines at once to help quicken the pace!

add lines

Once you are happy with the line placement, group all the lines together into a group called „Lines” to help keep our Layers panel tidy.

Step 5

Let’s create some four- and eight-pointed stars ourselves using the Diamond Tool, which is also located within the Rectangle Tool. 

Create a very skinny diamond as you see below.

create a diamond

Step 6

Now, create a second, slightly shorter, skinny diamond and place it horizontally over the middle of the first skinny diamond.  

create a cross

And that’s how you make a four-pointed star! 

Step 7

Create an eight-pointed star in a similar fashion by placing two more shorter skinner diamonds diagonally in the middle of the four-pointed star in an „X”-like shape.

create a star

Group all the skinny diamonds that create the four-pointed star together and name it „4-Point Star”, and then do the same for the eight-pointed star. 

Step 8

Copy and paste the stars around the triangle!

current layers

2. How to Extract and Light a Subject 

Next, we will be placing our main subject, the Blond Model, into the center of our canvas and triangle. 

Step 1

Extract the subject from the background using your preferred method.

Today, we will be using the Selection Brush Tool (W) as the rougher cut edges will match the grungy style of our poster. 

Create a selection around the model by clicking and dragging with the Selection Brush Tool. Hit Delete once you are done selecting the background of the model. 

extract model

Step 2

We will be adding some quick lighting effects using layer effects. Normally, we would be hand painting most of our lighting and shadows, but in this case, layer effects work fine!

First, add an Outer Glow to the subject.

Settings: 

  • Blend Mode: Screen
  • Opacity: 20%
  • Radius: 120%
  • Intensity: 50%
  • Color: White 

Second, add an Inner Glow to the subject.

Settings: 

  • Blend Mode: Soft Light
  • Opacity:100%
  • Radius: 32%
  • Intensity: 50%
  • Color: White 

glow model

Step 3

Create a new Pixel Layer and nest it inside the subject layer by dragging and placing it on top of the subject layer. 

With a very large, soft, round brush, paint white towards the bottom of the subject to fade her into the triangle. 

light model

Step 4

Create a very large triangle using the Triangle Tool again, and place it at the bottom of the canvas. 

Set the triangle’s layer mode to Soft Light, located at the top of the Layers panel to the right of Opacity.  

create triangle

Step 5

Add an Outer Glow layer effect to the large triangle.

Settings: 

  • Blend Mode: Screen
  • Opacity: 20%
  • Radius: 120%
  • Intensity: 50%
  • Color: White 

current layers

3. How to Add Stylistic Hair Highlights 

Next up, we are going to do some very basic painting to give our subject’s hair some almost neon-looking hair highlights! 

I will be using a Wacom Intuos graphics tablet. However, I will include some tips for those of you who only have a mouse! 

Step 1

Create a new Pixel Layer above all the previous layers.

Select the Brush Tool (B) and make sure the „Force pressure to control size” button is pressed. Also, I’d recommend turning on the brush Stabilizer and setting it to Rope Mode with a 50 Length. 

Using a small, hard, round brush, paint white lines on top of the model’s hair strands. Try to trace over the already existing hair strands, painting in quick, short brush strokes. We want the white lines to be tapered and almost blend in with the subject’s hair, as if they are highlights. 

Change the size of the brush as needed!

paint hair

Don’t have a tablet? 

Use the Smudge Tool set to 72% Strength and smudge out the ends of your lines to give them the same kind of tapered effect you’d get with using a tablet. 

Step 2

Add an Inner Glow layer effect to the hair strands.

Settings: 

  • Blend Mode: Screen
  • Opacity: 50%
  • Radius: 29%
  • Intensity: 50%
  • Color: White 

glow hair

Step 3

On the same layer as the hair strands, and using the same brush and techniques, paint some highlights onto the subject’s side hair, jawline, and ears. 

paint face highlight

Step 4

As one last finishing touch to the model, add a crescent moon shape from the Solar System Planet Icons pack to the middle of the model’s forehead.

current layers

4. How to Add Text in Affinity Photo 

Next, we will be adding some text to our poster. We will be keeping it very minimalistic to go with the rest of our composite! 

Step 1

Make sure you have the FLOREN Typeface downloaded and installed on your computer. 

Floren is a simple serif font perfect for a bold, high-fashion look. You’ll want to use something similar to it at the very least. 

Step 2

Select the Artistic Text Tool (T), set the Font to Floren, and type out the words „Ultra Violet”

Settings

  • Font Size: 71.8 pt
  • Align Center 
  • Tracking: 492%
  • Leading Override: 88.5 pt

The last two options can be found by clicking on the Character button on the right side of the text tool’s toolbar and looking under Positioning and Transform.

type title

Step 3

Now, type out a date—in this case, 08.12.18 or August 12th, 2018—using all the same settings as before, only in a much smaller font size. 

Settings:

  • Font Size: 20 pt

type  date

Step 4

To finish up the text, add an Outer Glow to the larger font. 

Settings: 

  • Blend Mode: Screen
  • Opacity: 50%
  • Radius: 29%
  • Intensity: 50%
  • Color: White 

current layers

5. How to Do Ultra Violet Retro Color Grading 

Next up, we will be bringing everything together by giving everything a monochromatic color story using adjustment layers! 

The adjustment layers menu can be found at the bottom of the Layers panel toward the center-left. 

Step 1

Create a Gradient Map adjustment layer. 

Settings

Black to white gradient. Click on the circles to change the colors to black accordingly.

gradient map

Step 2

Create a Curves adjustment layer. 

Settings

Replicate what you see below by dragging the leftmost curve point up. This will fade all the blacks and shadows. 

curves one

Step 3

Create another Curves adjustment layer. 

Settings 

This time, we will be adjusting the Red, Green, and Blue curves. To change what curves you are adjusting, change Master to one of the three colors—in this case, we will be adjusting both the Red and Blue curves. 

Replicate what you see below. 

curves two - red
curves two - blue

Step 4

Create a Split Toning adjustment layer.

Settings

split toning

Group all the adjustment layers into a group and name it „Color Grading”.

current layers

6. How to Add Noise and Apply Texture

Next up, we will be adding in a splash of color so our poster has some actual ultraviolet on it. We will also be adding in a noise effect to give our poster some more texture.

Step 1 

Add „02” from the Violet Liquid Marble Backgrounds texture pack and place it vertically over the subject’s body. 

Set „02” to the layer mode Lighten. 

bottom texture

Step 2

Duplicate „02” and flip it vertically and horizontally. 

Place the texture over the subject’s face.

top texture

Step 3

To add some non-destructive noise to any image, create a new Pixel Layer and fill it with the color black. 

Set the layer mode to Screen which will „hide” the black.

Step 4

Go to Filter > Noise > Add Noise.

Settings

  • Intensity: 25%
  • Gaussian
  • Monochromatic 
current layers

7. How to Add Chromatic Aberration in Affinity Photo

To finish everything up, we are going to add some chromatic aberration to our poster.

Make sure you are happy with how everything looks before doing this step, as you won’t be able to go back and change anything without having to redo this step again! 

Step 1

Select all current layers and Right-Click > Merge Visible to make a flattened copy of the image. 

Name the layer „Copy”. 

Step 2

Duplicate the flattened image three more times, for a total of four layers. 

Rename the three new copied layers „Red”, „Blue”, and „Green”, and make sure they are above the „Copy” layer. 

Step 3

Change the „Red” layer’s layer mode to Add.

Create a Channel Mixer adjustment layer and nest it inside the „Red” layer. 

We will be using the different color channels, which you can change by clicking on Red located on the top of the Channel Mixer panel to the right of RGB and then changing it to the desired color. 

Settings (In the Red channel)

  • Red: 100%
  • Green: 0%
  • Blue: 0%

Settings (In the Green Channel)

  • Red: -200%
  • Green: -200%
  • Blue: -200%

Settings (In the Blue Channel)

  • Red: -200%
  • Green: -200%
  • Blue: -200%
red channel adjustment

Step 4

Change the „Green” layer’s layer mode to Add.

Create another Channel Mixer adjustment layer and nest it inside the „Green” layer.

Settings (In the Red channel)

  • Red: -200%
  • Green: -200%
  • Blue: -200%

Settings (In the Green Channel)

  • Red: 0%
  • Green: 100%
  • Blue: 0%

Settings (In the Blue Channel)

  • Red: -200%
  • Green: -200%
  • Blue: -200%
yellow channel adjustment

Step 5

Keep the „Blue” layer’s layer mode set to Normal. 

Create one more Channel Mixer adjustment layer and nest it inside the „Blue” layer.

Settings (In the Red channel)

  • Red: -200%
  • Green: -200%
  • Blue: 0%

Settings (In the Green Channel)

  • Red: -200%
  • Green: -200%
  • Blue: 0%

Settings (In the Blue Channel)

  • Red: 0%
  • Green: 0%
  • Blue: 100%

The image should look exactly as it did before. 

blue channel adjustment

Step 6

Now that we have our RGB layers set up, shift each color around by a few pixels either up, down, or to the left or right. 

For instance, shift the „Red” layer up 3 pixels, the „Green” layer down 3 pixels, and the „Blue” layer to the left 3 pixels. 

Group all the RGB and „Copy” layers together into a group and name the group „RGB”.

Current layers

We’ve Done It!

Just adding some simple shapes together can go a long way when combined with the right amount of imagery and texture. Along with adding effects that are normally retouched out of a photo, like chromatic aberration or noise, it’s the perfect way to give your composite an edge without compromising its minimalistic design. Sometimes less really is more! 

As always, keep experimenting with different techniques, and don’t forget to post your version below, along with any questions, comments, or critiques!

final product

Looking to learn more? Why not check out the following articles:

How to Create a Grunge Ultra-Violet Photo Manipulation Poster in Affinity Photo

Post pobrano z: How to Create a Grunge Ultra-Violet Photo Manipulation Poster in Affinity Photo

Final product image
What You’ll Be Creating

Today, we will be learning how to use simple shapes and textures to create a grungy party poster with a mystical edge!

This tutorial will focus on shapes, applying textures, and learning how to layer different adjustment layers on top of each other to completely transform an image’s mood and overall color, otherwise known as color grading. 

What You’ll Need

You’ll need the following resources in order to complete this project:

Find more resources on Envato Elements!

1. How to Create a Flat Minimal Background

First, we will be creating the base of our poster, which consists of simple flat shapes, to create a minimalistic starry night sky. 

Step 1

Create a New Document that is 1911 px by 2725 px.

Create a new Pixel Layer and, using the Flood Fill Tool (G), fill the pixel layer with a dark grey #1C1C1C.

grey background

Step 2

Create a triangle using the Triangle Tool, which can be found within the Rectangle Tool (U) by right-clicking, and create a large white triangle in the lower part of the canvas.

create white triangle

Step 3

Add an Outer Glow to the triangle by applying the Outer Glow layer effect located at the bottom of the Layers panel.   

Settings: 

  • Blend Mode: Screen
  • Opacity: 20%
  • Radius: 120%
  • Intensity: 59%
  • Color: White 

glow triangle

Step 4

Using the Rectangle Tool mentioned earlier, create a bunch of 4 px wide lines around the triangle. The heights can be different, and we want the placement to be a bit random. 

Feel free to copy and paste multiple lines at once to help quicken the pace!

add lines

Once you are happy with the line placement, group all the lines together into a group called „Lines” to help keep our Layers panel tidy.

Step 5

Let’s create some four- and eight-pointed stars ourselves using the Diamond Tool, which is also located within the Rectangle Tool. 

Create a very skinny diamond as you see below.

create a diamond

Step 6

Now, create a second, slightly shorter, skinny diamond and place it horizontally over the middle of the first skinny diamond.  

create a cross

And that’s how you make a four-pointed star! 

Step 7

Create an eight-pointed star in a similar fashion by placing two more shorter skinner diamonds diagonally in the middle of the four-pointed star in an „X”-like shape.

create a star

Group all the skinny diamonds that create the four-pointed star together and name it „4-Point Star”, and then do the same for the eight-pointed star. 

Step 8

Copy and paste the stars around the triangle!

current layers

2. How to Extract and Light a Subject 

Next, we will be placing our main subject, the Blond Model, into the center of our canvas and triangle. 

Step 1

Extract the subject from the background using your preferred method.

Today, we will be using the Selection Brush Tool (W) as the rougher cut edges will match the grungy style of our poster. 

Create a selection around the model by clicking and dragging with the Selection Brush Tool. Hit Delete once you are done selecting the background of the model. 

extract model

Step 2

We will be adding some quick lighting effects using layer effects. Normally, we would be hand painting most of our lighting and shadows, but in this case, layer effects work fine!

First, add an Outer Glow to the subject.

Settings: 

  • Blend Mode: Screen
  • Opacity: 20%
  • Radius: 120%
  • Intensity: 50%
  • Color: White 

Second, add an Inner Glow to the subject.

Settings: 

  • Blend Mode: Soft Light
  • Opacity:100%
  • Radius: 32%
  • Intensity: 50%
  • Color: White 

glow model

Step 3

Create a new Pixel Layer and nest it inside the subject layer by dragging and placing it on top of the subject layer. 

With a very large, soft, round brush, paint white towards the bottom of the subject to fade her into the triangle. 

light model

Step 4

Create a very large triangle using the Triangle Tool again, and place it at the bottom of the canvas. 

Set the triangle’s layer mode to Soft Light, located at the top of the Layers panel to the right of Opacity.  

create triangle

Step 5

Add an Outer Glow layer effect to the large triangle.

Settings: 

  • Blend Mode: Screen
  • Opacity: 20%
  • Radius: 120%
  • Intensity: 50%
  • Color: White 

current layers

3. How to Add Stylistic Hair Highlights 

Next up, we are going to do some very basic painting to give our subject’s hair some almost neon-looking hair highlights! 

I will be using a Wacom Intuos graphics tablet. However, I will include some tips for those of you who only have a mouse! 

Step 1

Create a new Pixel Layer above all the previous layers.

Select the Brush Tool (B) and make sure the „Force pressure to control size” button is pressed. Also, I’d recommend turning on the brush Stabilizer and setting it to Rope Mode with a 50 Length. 

Using a small, hard, round brush, paint white lines on top of the model’s hair strands. Try to trace over the already existing hair strands, painting in quick, short brush strokes. We want the white lines to be tapered and almost blend in with the subject’s hair, as if they are highlights. 

Change the size of the brush as needed!

paint hair

Don’t have a tablet? 

Use the Smudge Tool set to 72% Strength and smudge out the ends of your lines to give them the same kind of tapered effect you’d get with using a tablet. 

Step 2

Add an Inner Glow layer effect to the hair strands.

Settings: 

  • Blend Mode: Screen
  • Opacity: 50%
  • Radius: 29%
  • Intensity: 50%
  • Color: White 

glow hair

Step 3

On the same layer as the hair strands, and using the same brush and techniques, paint some highlights onto the subject’s side hair, jawline, and ears. 

paint face highlight

Step 4

As one last finishing touch to the model, add a crescent moon shape from the Solar System Planet Icons pack to the middle of the model’s forehead.

current layers

4. How to Add Text in Affinity Photo 

Next, we will be adding some text to our poster. We will be keeping it very minimalistic to go with the rest of our composite! 

Step 1

Make sure you have the FLOREN Typeface downloaded and installed on your computer. 

Floren is a simple serif font perfect for a bold, high-fashion look. You’ll want to use something similar to it at the very least. 

Step 2

Select the Artistic Text Tool (T), set the Font to Floren, and type out the words „Ultra Violet”

Settings

  • Font Size: 71.8 pt
  • Align Center 
  • Tracking: 492%
  • Leading Override: 88.5 pt

The last two options can be found by clicking on the Character button on the right side of the text tool’s toolbar and looking under Positioning and Transform.

type title

Step 3

Now, type out a date—in this case, 08.12.18 or August 12th, 2018—using all the same settings as before, only in a much smaller font size. 

Settings:

  • Font Size: 20 pt

type  date

Step 4

To finish up the text, add an Outer Glow to the larger font. 

Settings: 

  • Blend Mode: Screen
  • Opacity: 50%
  • Radius: 29%
  • Intensity: 50%
  • Color: White 

current layers

5. How to Do Ultra Violet Retro Color Grading 

Next up, we will be bringing everything together by giving everything a monochromatic color story using adjustment layers! 

The adjustment layers menu can be found at the bottom of the Layers panel toward the center-left. 

Step 1

Create a Gradient Map adjustment layer. 

Settings

Black to white gradient. Click on the circles to change the colors to black accordingly.

gradient map

Step 2

Create a Curves adjustment layer. 

Settings

Replicate what you see below by dragging the leftmost curve point up. This will fade all the blacks and shadows. 

curves one

Step 3

Create another Curves adjustment layer. 

Settings 

This time, we will be adjusting the Red, Green, and Blue curves. To change what curves you are adjusting, change Master to one of the three colors—in this case, we will be adjusting both the Red and Blue curves. 

Replicate what you see below. 

curves two - red
curves two - blue

Step 4

Create a Split Toning adjustment layer.

Settings

split toning

Group all the adjustment layers into a group and name it „Color Grading”.

current layers

6. How to Add Noise and Apply Texture

Next up, we will be adding in a splash of color so our poster has some actual ultraviolet on it. We will also be adding in a noise effect to give our poster some more texture.

Step 1 

Add „02” from the Violet Liquid Marble Backgrounds texture pack and place it vertically over the subject’s body. 

Set „02” to the layer mode Lighten. 

bottom texture

Step 2

Duplicate „02” and flip it vertically and horizontally. 

Place the texture over the subject’s face.

top texture

Step 3

To add some non-destructive noise to any image, create a new Pixel Layer and fill it with the color black. 

Set the layer mode to Screen which will „hide” the black.

Step 4

Go to Filter > Noise > Add Noise.

Settings

  • Intensity: 25%
  • Gaussian
  • Monochromatic 
current layers

7. How to Add Chromatic Aberration in Affinity Photo

To finish everything up, we are going to add some chromatic aberration to our poster.

Make sure you are happy with how everything looks before doing this step, as you won’t be able to go back and change anything without having to redo this step again! 

Step 1

Select all current layers and Right-Click > Merge Visible to make a flattened copy of the image. 

Name the layer „Copy”. 

Step 2

Duplicate the flattened image three more times, for a total of four layers. 

Rename the three new copied layers „Red”, „Blue”, and „Green”, and make sure they are above the „Copy” layer. 

Step 3

Change the „Red” layer’s layer mode to Add.

Create a Channel Mixer adjustment layer and nest it inside the „Red” layer. 

We will be using the different color channels, which you can change by clicking on Red located on the top of the Channel Mixer panel to the right of RGB and then changing it to the desired color. 

Settings (In the Red channel)

  • Red: 100%
  • Green: 0%
  • Blue: 0%

Settings (In the Green Channel)

  • Red: -200%
  • Green: -200%
  • Blue: -200%

Settings (In the Blue Channel)

  • Red: -200%
  • Green: -200%
  • Blue: -200%
red channel adjustment

Step 4

Change the „Green” layer’s layer mode to Add.

Create another Channel Mixer adjustment layer and nest it inside the „Green” layer.

Settings (In the Red channel)

  • Red: -200%
  • Green: -200%
  • Blue: -200%

Settings (In the Green Channel)

  • Red: 0%
  • Green: 100%
  • Blue: 0%

Settings (In the Blue Channel)

  • Red: -200%
  • Green: -200%
  • Blue: -200%
yellow channel adjustment

Step 5

Keep the „Blue” layer’s layer mode set to Normal. 

Create one more Channel Mixer adjustment layer and nest it inside the „Blue” layer.

Settings (In the Red channel)

  • Red: -200%
  • Green: -200%
  • Blue: 0%

Settings (In the Green Channel)

  • Red: -200%
  • Green: -200%
  • Blue: 0%

Settings (In the Blue Channel)

  • Red: 0%
  • Green: 0%
  • Blue: 100%

The image should look exactly as it did before. 

blue channel adjustment

Step 6

Now that we have our RGB layers set up, shift each color around by a few pixels either up, down, or to the left or right. 

For instance, shift the „Red” layer up 3 pixels, the „Green” layer down 3 pixels, and the „Blue” layer to the left 3 pixels. 

Group all the RGB and „Copy” layers together into a group and name the group „RGB”.

Current layers

We’ve Done It!

Just adding some simple shapes together can go a long way when combined with the right amount of imagery and texture. Along with adding effects that are normally retouched out of a photo, like chromatic aberration or noise, it’s the perfect way to give your composite an edge without compromising its minimalistic design. Sometimes less really is more! 

As always, keep experimenting with different techniques, and don’t forget to post your version below, along with any questions, comments, or critiques!

final product

Looking to learn more? Why not check out the following articles:

18 Best New Photoshop Actions & Photo Effects for 2018

Post pobrano z: 18 Best New Photoshop Actions & Photo Effects for 2018

Short on time? Use Photoshop actions and Photoshop templates for impressive photo effects! Check out the latest Photoshop actions from Envato Market and Envato Elements.

18 New Photoshop Actions, Photo Effects and Photoshop Templates

Photoshop actions transform your photos with just one click! Save countless hours with fast photo effects for incredible results!

Today we bring you an amazing collection of 18 Photoshop actions and photo effects from Envato Market and Envato Elements. This selection features the latest add-ons to hit the scene for 2018.

From modern duotone effects to beautiful bokeh overlays and so much more, you’ll just love the unlimited possibilities. Breathe life into your social media accounts with gorgeous imagery your followers will adore!

Need more help? Get quality advice from our experts at Envato Studio.

Learn More About Photoshop Actions

New to Photoshop? Follow along with our experts in these great lessons:

Aesthete Collection

Create the aesthetics of professional photography with this stunning collection of Photoshop actions. Aesthete includes 140 handcrafted artistic actions to apply various colors and moods to your work. Enjoy beautiful bokeh overlays and so much more!

Aesthete Collection

Confetti Overlay Effect in Photoshop

This magnificent collection of 42 premium overlays
will add delight to all your festive holiday photos! Great for
beginners and professionals, this pack includes 20 confetti overlays, 10 garland
bokeh images, and 12 stardust overlays. You’ll love this pack!

Confetti Overlay Effect In Photoshop

Wall Of Lights Photoshop Action

Design a beaming wall of lights! This Photoshop action makes it simple and easy to turn any subject into a rock star. Enjoy 20 color effects with fully editable graphical elements. Also included is a detailed video walk-through and guide.

Wall Of Lights Photoshop Action

Impressionist Photoshop Action

Tested on multiple versions of Photoshop, this
action is designed to create a beautiful painting effect inspired by
Impressionism. Create your very own works of art with one simple click!
Included are 20 total effects for non-destructive results.

Impressionist Photoshop Action

30 Duotone Photoshop Actions

Duotone Photoshop actions apply gorgeous color
filters to your photos in minutes! Get stunning results with this
incredible pack of 30 high-quality duotone actions. They’re super
easy to use with completely modifiable layers. Download them today!

30 Duotone Photoshop Actions

Typography Photoshop Actions Bundle

You won’t need to do any of the work to get these stunning typography effects! This five-in-one bundle includes high-quality actions with varying typographic compositions. Create awesome text overlays, exploding text, and so much more with one suite!

Typography Photoshop Actions Bundle

Facebook+Instagram Filter

Get unlimited filters for your Facebook and Instagram! This phenomenal pack includes 25 Facebook filters, 20 Instagram filters, and various color effects. Streamline your editing process with these remarkable and professional actions! Try it out today!

FacebookInstagram Filter

Sky Replacer Photoshop Actions

Easily replace the skies in your photos with this essential Photoshop action. Featuring an incredible auto-masking option, this action allows you to easily swap out the sky before tweaking the overall brightness and saturation. Presto! You’ll be done before you know it!

Sky Replacer Photoshop Actions

Pen Sketch Photoshop Action

Every traditional artist knows that ink pens are very difficult to work with. But you can achieve that fabulous pen sketch look with this Photoshop Action. Follow the step-by-step video tutorial to watch the process unfold, and then try it out yourself!

Pen Sketch Photoshop Action

Color Fusion Photoshop Actions

Blend abstract shapes with eye-popping color palettes using this Color Fusion action pack. Discover vibrant color schemes to draw in more followers and engagement. Included in this pack are six total files, eight lighting angles, and several color presets.

Color Fusion Photoshop Actions

Geometric Photoshop Action

Turn your photos into epic geometric pop art with this brilliant Photoshop action. A unique take on traditional comic-styled photo effects, this action breaks up your photos into dozens of triangular elements. You’ll want this style!

Geometric Photoshop Action

Call of Honor Photoshop Action

Modeled after the famous video game covers for Call of Duty, this Call of Honor action makes for an impressive photo effect. Just open your image to brush over any area with color before applying the action. In seconds, the action will apply explosive shards and dynamic pieces for maximum impact.

Call of Honor Photoshop Action

FilterGrade Light Leaks Bundle

Light leaks are an essential asset for photographers. Simply overlay them over any image for a realistic film look. This pack includes 32 easy light leaks designed specifically for Adobe Photoshop. They’re subtle and non-obtrusive and include eight additional film effects.

FilterGrade Light Leaks Bundle

Textum Lettering Photoshop Action

One of the easiest ways to improve your projects is with a Photoshop action. Textum, an unbelievable lettering action, features watercolor and sketch effects that will blow you away. Blend your favorite quotes and images together for a one-of-a-kind look. Try it out today!

Textum Lettering Photoshop Action

Retouching Action Bundle

Retouch away those pesky imperfections with this incredible bundle! This pack includes high-quality Photoshop actions to remove freckles, smooth skin, and so much more. Suitable for Photoshop versions CC and above, just install these actions to try them out now!

Retouching Action Bundle

Tattoo Photoshop Action

Get inked with epic tattoos created from your photos! Suitable for Photoshop versions CS3 and above, this awesome action creates high-end visual results in seconds! Follow the simple video walk-through to watch the effect unfold.

Tattoo Photoshop Action

Detonation Photoshop Action

Add explosive, fiery effects to your photos with this Detonation action. Paint the area where you would like to apply the effect, and then just press play! The action will instantly run for a magnetic, action-packed result. Adjust the intensity for even more variations. Have fun!

Detonation Photoshop Action

Dystopian Photoshop Actions

Lastly, let’s take a look at Dystopian, a lightning-fast action bundle. Apply futuristic, neon colors to your night-time scenes with this pack of Photoshop actions. All the effects are pre-rendered so you won’t have to test them out one by one. Enjoy this download!

Dystopian Photoshop Actions

Conclusion

This list features exciting
resources for the avid designer
familiar with Adobe Photoshop. For
additional help with your photo effect needs, enlist the skills of a talented
professional by choosing one of the amazing designers from Envato Studio.

And
with loads of Photoshop Actions available at your fingertips, chances are we’ve
missed a few to add to your personal collection. Be sure to browse Envato Market and Envato Elements for more resources, and let us know your favorites in the comments below!

18 Best New Photoshop Actions & Photo Effects for 2018

Post pobrano z: 18 Best New Photoshop Actions & Photo Effects for 2018

Short on time? Use Photoshop actions and Photoshop templates for impressive photo effects! Check out the latest Photoshop actions from Envato Market and Envato Elements.

18 New Photoshop Actions, Photo Effects and Photoshop Templates

Photoshop actions transform your photos with just one click! Save countless hours with fast photo effects for incredible results!

Today we bring you an amazing collection of 18 Photoshop actions and photo effects from Envato Market and Envato Elements. This selection features the latest add-ons to hit the scene for 2018.

From modern duotone effects to beautiful bokeh overlays and so much more, you’ll just love the unlimited possibilities. Breathe life into your social media accounts with gorgeous imagery your followers will adore!

Need more help? Get quality advice from our experts at Envato Studio.

Learn More About Photoshop Actions

New to Photoshop? Follow along with our experts in these great lessons:

Aesthete Collection

Create the aesthetics of professional photography with this stunning collection of Photoshop actions. Aesthete includes 140 handcrafted artistic actions to apply various colors and moods to your work. Enjoy beautiful bokeh overlays and so much more!

Aesthete Collection

Confetti Overlay Effect in Photoshop

This magnificent collection of 42 premium overlays
will add delight to all your festive holiday photos! Great for
beginners and professionals, this pack includes 20 confetti overlays, 10 garland
bokeh images, and 12 stardust overlays. You’ll love this pack!

Confetti Overlay Effect In Photoshop

Wall Of Lights Photoshop Action

Design a beaming wall of lights! This Photoshop action makes it simple and easy to turn any subject into a rock star. Enjoy 20 color effects with fully editable graphical elements. Also included is a detailed video walk-through and guide.

Wall Of Lights Photoshop Action

Impressionist Photoshop Action

Tested on multiple versions of Photoshop, this
action is designed to create a beautiful painting effect inspired by
Impressionism. Create your very own works of art with one simple click!
Included are 20 total effects for non-destructive results.

Impressionist Photoshop Action

30 Duotone Photoshop Actions

Duotone Photoshop actions apply gorgeous color
filters to your photos in minutes! Get stunning results with this
incredible pack of 30 high-quality duotone actions. They’re super
easy to use with completely modifiable layers. Download them today!

30 Duotone Photoshop Actions

Typography Photoshop Actions Bundle

You won’t need to do any of the work to get these stunning typography effects! This five-in-one bundle includes high-quality actions with varying typographic compositions. Create awesome text overlays, exploding text, and so much more with one suite!

Typography Photoshop Actions Bundle

Facebook+Instagram Filter

Get unlimited filters for your Facebook and Instagram! This phenomenal pack includes 25 Facebook filters, 20 Instagram filters, and various color effects. Streamline your editing process with these remarkable and professional actions! Try it out today!

FacebookInstagram Filter

Sky Replacer Photoshop Actions

Easily replace the skies in your photos with this essential Photoshop action. Featuring an incredible auto-masking option, this action allows you to easily swap out the sky before tweaking the overall brightness and saturation. Presto! You’ll be done before you know it!

Sky Replacer Photoshop Actions

Pen Sketch Photoshop Action

Every traditional artist knows that ink pens are very difficult to work with. But you can achieve that fabulous pen sketch look with this Photoshop Action. Follow the step-by-step video tutorial to watch the process unfold, and then try it out yourself!

Pen Sketch Photoshop Action

Color Fusion Photoshop Actions

Blend abstract shapes with eye-popping color palettes using this Color Fusion action pack. Discover vibrant color schemes to draw in more followers and engagement. Included in this pack are six total files, eight lighting angles, and several color presets.

Color Fusion Photoshop Actions

Geometric Photoshop Action

Turn your photos into epic geometric pop art with this brilliant Photoshop action. A unique take on traditional comic-styled photo effects, this action breaks up your photos into dozens of triangular elements. You’ll want this style!

Geometric Photoshop Action

Call of Honor Photoshop Action

Modeled after the famous video game covers for Call of Duty, this Call of Honor action makes for an impressive photo effect. Just open your image to brush over any area with color before applying the action. In seconds, the action will apply explosive shards and dynamic pieces for maximum impact.

Call of Honor Photoshop Action

FilterGrade Light Leaks Bundle

Light leaks are an essential asset for photographers. Simply overlay them over any image for a realistic film look. This pack includes 32 easy light leaks designed specifically for Adobe Photoshop. They’re subtle and non-obtrusive and include eight additional film effects.

FilterGrade Light Leaks Bundle

Textum Lettering Photoshop Action

One of the easiest ways to improve your projects is with a Photoshop action. Textum, an unbelievable lettering action, features watercolor and sketch effects that will blow you away. Blend your favorite quotes and images together for a one-of-a-kind look. Try it out today!

Textum Lettering Photoshop Action

Retouching Action Bundle

Retouch away those pesky imperfections with this incredible bundle! This pack includes high-quality Photoshop actions to remove freckles, smooth skin, and so much more. Suitable for Photoshop versions CC and above, just install these actions to try them out now!

Retouching Action Bundle

Tattoo Photoshop Action

Get inked with epic tattoos created from your photos! Suitable for Photoshop versions CS3 and above, this awesome action creates high-end visual results in seconds! Follow the simple video walk-through to watch the effect unfold.

Tattoo Photoshop Action

Detonation Photoshop Action

Add explosive, fiery effects to your photos with this Detonation action. Paint the area where you would like to apply the effect, and then just press play! The action will instantly run for a magnetic, action-packed result. Adjust the intensity for even more variations. Have fun!

Detonation Photoshop Action

Dystopian Photoshop Actions

Lastly, let’s take a look at Dystopian, a lightning-fast action bundle. Apply futuristic, neon colors to your night-time scenes with this pack of Photoshop actions. All the effects are pre-rendered so you won’t have to test them out one by one. Enjoy this download!

Dystopian Photoshop Actions

Conclusion

This list features exciting
resources for the avid designer
familiar with Adobe Photoshop. For
additional help with your photo effect needs, enlist the skills of a talented
professional by choosing one of the amazing designers from Envato Studio.

And
with loads of Photoshop Actions available at your fingertips, chances are we’ve
missed a few to add to your personal collection. Be sure to browse Envato Market and Envato Elements for more resources, and let us know your favorites in the comments below!

18 Best New Photoshop Actions & Photo Effects for 2018

Post pobrano z: 18 Best New Photoshop Actions & Photo Effects for 2018

Short on time? Use Photoshop actions and Photoshop templates for impressive photo effects! Check out the latest Photoshop actions from Envato Market and Envato Elements.

18 New Photoshop Actions, Photo Effects and Photoshop Templates

Photoshop actions transform your photos with just one click! Save countless hours with fast photo effects for incredible results!

Today we bring you an amazing collection of 18 Photoshop actions and photo effects from Envato Market and Envato Elements. This selection features the latest add-ons to hit the scene for 2018.

From modern duotone effects to beautiful bokeh overlays and so much more, you’ll just love the unlimited possibilities. Breathe life into your social media accounts with gorgeous imagery your followers will adore!

Need more help? Get quality advice from our experts at Envato Studio.

Learn More About Photoshop Actions

New to Photoshop? Follow along with our experts in these great lessons:

Aesthete Collection

Create the aesthetics of professional photography with this stunning collection of Photoshop actions. Aesthete includes 140 handcrafted artistic actions to apply various colors and moods to your work. Enjoy beautiful bokeh overlays and so much more!

Aesthete Collection

Confetti Overlay Effect in Photoshop

This magnificent collection of 42 premium overlays
will add delight to all your festive holiday photos! Great for
beginners and professionals, this pack includes 20 confetti overlays, 10 garland
bokeh images, and 12 stardust overlays. You’ll love this pack!

Confetti Overlay Effect In Photoshop

Wall Of Lights Photoshop Action

Design a beaming wall of lights! This Photoshop action makes it simple and easy to turn any subject into a rock star. Enjoy 20 color effects with fully editable graphical elements. Also included is a detailed video walk-through and guide.

Wall Of Lights Photoshop Action

Impressionist Photoshop Action

Tested on multiple versions of Photoshop, this
action is designed to create a beautiful painting effect inspired by
Impressionism. Create your very own works of art with one simple click!
Included are 20 total effects for non-destructive results.

Impressionist Photoshop Action

30 Duotone Photoshop Actions

Duotone Photoshop actions apply gorgeous color
filters to your photos in minutes! Get stunning results with this
incredible pack of 30 high-quality duotone actions. They’re super
easy to use with completely modifiable layers. Download them today!

30 Duotone Photoshop Actions

Typography Photoshop Actions Bundle

You won’t need to do any of the work to get these stunning typography effects! This five-in-one bundle includes high-quality actions with varying typographic compositions. Create awesome text overlays, exploding text, and so much more with one suite!

Typography Photoshop Actions Bundle

Facebook+Instagram Filter

Get unlimited filters for your Facebook and Instagram! This phenomenal pack includes 25 Facebook filters, 20 Instagram filters, and various color effects. Streamline your editing process with these remarkable and professional actions! Try it out today!

FacebookInstagram Filter

Sky Replacer Photoshop Actions

Easily replace the skies in your photos with this essential Photoshop action. Featuring an incredible auto-masking option, this action allows you to easily swap out the sky before tweaking the overall brightness and saturation. Presto! You’ll be done before you know it!

Sky Replacer Photoshop Actions

Pen Sketch Photoshop Action

Every traditional artist knows that ink pens are very difficult to work with. But you can achieve that fabulous pen sketch look with this Photoshop Action. Follow the step-by-step video tutorial to watch the process unfold, and then try it out yourself!

Pen Sketch Photoshop Action

Color Fusion Photoshop Actions

Blend abstract shapes with eye-popping color palettes using this Color Fusion action pack. Discover vibrant color schemes to draw in more followers and engagement. Included in this pack are six total files, eight lighting angles, and several color presets.

Color Fusion Photoshop Actions

Geometric Photoshop Action

Turn your photos into epic geometric pop art with this brilliant Photoshop action. A unique take on traditional comic-styled photo effects, this action breaks up your photos into dozens of triangular elements. You’ll want this style!

Geometric Photoshop Action

Call of Honor Photoshop Action

Modeled after the famous video game covers for Call of Duty, this Call of Honor action makes for an impressive photo effect. Just open your image to brush over any area with color before applying the action. In seconds, the action will apply explosive shards and dynamic pieces for maximum impact.

Call of Honor Photoshop Action

FilterGrade Light Leaks Bundle

Light leaks are an essential asset for photographers. Simply overlay them over any image for a realistic film look. This pack includes 32 easy light leaks designed specifically for Adobe Photoshop. They’re subtle and non-obtrusive and include eight additional film effects.

FilterGrade Light Leaks Bundle

Textum Lettering Photoshop Action

One of the easiest ways to improve your projects is with a Photoshop action. Textum, an unbelievable lettering action, features watercolor and sketch effects that will blow you away. Blend your favorite quotes and images together for a one-of-a-kind look. Try it out today!

Textum Lettering Photoshop Action

Retouching Action Bundle

Retouch away those pesky imperfections with this incredible bundle! This pack includes high-quality Photoshop actions to remove freckles, smooth skin, and so much more. Suitable for Photoshop versions CC and above, just install these actions to try them out now!

Retouching Action Bundle

Tattoo Photoshop Action

Get inked with epic tattoos created from your photos! Suitable for Photoshop versions CS3 and above, this awesome action creates high-end visual results in seconds! Follow the simple video walk-through to watch the effect unfold.

Tattoo Photoshop Action

Detonation Photoshop Action

Add explosive, fiery effects to your photos with this Detonation action. Paint the area where you would like to apply the effect, and then just press play! The action will instantly run for a magnetic, action-packed result. Adjust the intensity for even more variations. Have fun!

Detonation Photoshop Action

Dystopian Photoshop Actions

Lastly, let’s take a look at Dystopian, a lightning-fast action bundle. Apply futuristic, neon colors to your night-time scenes with this pack of Photoshop actions. All the effects are pre-rendered so you won’t have to test them out one by one. Enjoy this download!

Dystopian Photoshop Actions

Conclusion

This list features exciting
resources for the avid designer
familiar with Adobe Photoshop. For
additional help with your photo effect needs, enlist the skills of a talented
professional by choosing one of the amazing designers from Envato Studio.

And
with loads of Photoshop Actions available at your fingertips, chances are we’ve
missed a few to add to your personal collection. Be sure to browse Envato Market and Envato Elements for more resources, and let us know your favorites in the comments below!

How to Create a Comic-Book Ink Text Effect in Adobe Photoshop

Post pobrano z: How to Create a Comic-Book Ink Text Effect in Adobe Photoshop

Final product image
What You’ll Be Creating

This tutorial will show you how to create a cool-looking comic-book ink text effect using Photoshop’s layer styles, filters, and automatically applied custom brushes. 

This text effect is based on Comic Book Ink Actions from Envato Market. The Action transforms any text or shape into comic-book-style type in high-resolution 300 DPI with possible color customization.

Comic Book Ink Action
Comic Book Ink Actions – 300 DPI

Tutorial Assets

The following assets were used during this tutorial:

1. How to Set the Background for the Action

Open Adobe Photoshop, go to File > Open, and choose paper-background.jpg.

Paper Background

2. How to Install the Pattern and Brushes

Step 1

Go to Edit > Presets > Preset Manager… In the Preset Type, select Patterns, and then click Load… and choose the Comic-book-ink-pattern.pat.

Load Patterns

Step 2

Go to Edit > Presets > Preset Manager… In the Preset Type, select Brushes, and then click Load… and choose the Comic-book-ink-brushes.abr.

Load Brushes

3. How to Create the Text Layers

Step 1

Pick the Type Tool (T) and write „COMIC”, and then hit the key Enter and write „BOOK”. Choose the HVD Comic Serif font and then go to Window > Character and set the Size to 225 pt, Tracking to -50, and Leading to 183 pt. Then go Window > Paragraph and choose Center text.

Create the Text

Step 2

Go to Type > Warp text, and set the Style to Arc and Bend to +5%. Click OK.

Warp the Text

Step 3

You will now prepare text layers for the style you will apply. To do so, first go to Layer > Smart Object > Convert to Smart Object and then go to Layer > Duplicate Layer… and name the layer „COMIC BOOK 2”. Now repeat the duplicating until you have created a „COMIC BOOK 5” layer.

Duplicate the Text

4. How to Style the First Text Layer

Select the layer „COMIC BOOK” and double click this layer to apply the following layer style:

Step 1

Set the Blending Options:

  • Fill Opacity: 0%
Set the Blending Options

Step 2

Add a Bevel and Emboss with these settings:

  • Style: Inner Bevel
  • Technique: Smooth
  • Depth: 209%
  • Direction: Up
  • Size: 21 px
  • Soften: 4 px
  • Uncheck the Use Global Light box
  • Angle: 0
  • Altitude: 30
  • Gloss Contour: Cove – Deep
  • Check the Anti-aliased box
  • Highlight Mode: Linear Burn with color #000000
  • Highlight Mode – Opacity: 20%
  • Shadow Mode – Opacity: 0%
Add a Bevel

Step 3

Add a Contour with these settings:

  • Contour: Ring – Double
  • Check the Anti-aliased box
  • Range: 100%
Add a Contour

Step 4

Add an Inner Glow with these settings:

  • Opacity: 100%
  • Color: #ffffff
  • Technique: Softer
  • Source: Edge
  • Choke: 100%
  • Size: 4 px
  • Check the Anti-aliased box
Add an Inner Glow

Step 5

Add a Satin style with these settings:

  • Color: #5fbd13
  • Opacity: 100%
  • Angle: 0
  • Distance: 10 px
  • Size: 5 px
  • Check the Anti-aliased box
Add a Satin

Step 6

Add a Color Overlay with these settings:

  • Blend Mode: Multiply
  • Color: #92b506
  • Opacity: 24%
Add a Color Overlay

Step 7

Add a Pattern Overlay with these settings:

  • Opacity: 50%
  • Pattern: Comic-book-ink-pattern

Click OK.

Add a Pattern Overlay

5. How to Add a Filter for the First Text Layer

Go to Filter > Distort > Wave… and use these settings:

  • Number of Generators: 5
  • Wavelength: Min. 36 Max. 44
  • Amplitude: Min. 16 Max. 17
  • Scale: Horiz. 3% Vert. 3%
  • Type: Sine
  • Undefined Areas: Wrap Around

Click OK.

Add a Wave Filter

6. How to Style the Second Text Layer

Select the layer „COMIC BOOK 2” and then double click this layer to apply the following layer style:

Step 1

Set the Blending Options:

  • Fill Opacity: 0%
Set the Blending Options

Step 2

Add an Inner Shadow with these settings:

  • Color: #000000
  • Uncheck the Use Global Light box
  • Angle: -74
  • Distance: 5 px
  • Choke: 61%
  • Size: 4 px
  • Check the Anti-aliased box
Add an Inner Shadow

Step 3

Add an Outer Glow with these settings:

  • Opacity: 100%
  • Color: #000000
  • Technique: Softer
  • Spread: 86%
  • Size: 1 px
  • Check the Anti-aliased box
  • Range: 15%

Click OK.

Add an Outer Glow

7. How to Add a Filter for the Second Text Layer

Step 1

Go to Filter > Distort > Wave… and use these settings:

  • Number of Generators: 5
  • Wavelength: Min. 36 Max. 44
  • Amplitude: Min. 16 Max. 17
  • Scale: Horiz. 3% Vert. 3%
  • Type: Sine
  • Undefined Areas: Wrap Around

Click OK.

Add a Wave Filter

Step 2

Go to Layer > Smart Object > Convert to Smart Object.

Convert to Smart Object

8. How to Style the Third Text Layer

Select the layer „COMIC BOOK 3” and then double click this layer to apply the following layer style:

Step 1

Set the Blending Options:

  • Fill Opacity: 0%
Set the Blending Options

Step 2

Add a Color Overlay with these settings:

  • Blend Mode: Multiply
  • Color: #bbf100
  • Opacity: 52%
Add a Color Overlay

9. How to Add Filters for the Third Text Layer

Step 1

Go to Filter > Distort > Wave… and use these settings:

  • Number of Generators: 1
  • Wavelength: Min. 236 Max. 237
  • Amplitude: Min. 13 Max. 21
  • Scale: Horiz. 38% Vert. 28%
  • Type: Sine
  • Undefined Areas: Wrap Around

Click OK.

Add a Wave Filter

Step 2

Go to Filter > Distort > Wave… and use these settings:

  • Amount: 150%
  • Size: Large

Click OK.

Add a Ripple Filter

10. How to Style the Fourth Text Layer

Select the layer „COMIC BOOK 4” and then double click this layer to apply the following layer style:

Step 1

Set the Blending Options:

  • Fill Opacity: 0%
Set the Blending Options

Step 2

Add a Color Overlay with these settings:

  • Blend Mode: Multiply
  • Color: #7be300
  • Opacity: 63%
Add a Color Overlay

11. How to Add Filters for the Fourth Text Layer

Step 1

Go to Filter > Distort > ZigZag… and use these settings:

  • Amount: 2
  • Ridges: 9
  • Style: Around Center

Click OK.

Add a ZigZag Filter

Step 2

Go to Filter > Distort > Ripple… and use these settings:

  • Amount: -166%
  • Size: Large

Click OK.

Add a Ripple Filter

Step 3

Go to Filter > Distort > Wave… and use these settings:

  • Number of Generators: 5
  • Wavelength: Min. 97 Max. 120
  • Amplitude: Min. 5 Max. 25
  • Scale: Horiz. 11% Vert. 11%
  • Type: Sine
  • Undefined Areas: Repeat Edge Pixels

Click OK.

Add a Wave Filter

12. How to Style the Fifth Text Layer

Select the layer „COMIC BOOK 5” and then double click this layer to apply the following layer style:

Step 1

Set the Blending Options:

  • Fill Opacity: 0%
Set the Blending Options

Step 2

Add a Pattern Overlay with these settings:

  • Blend Mode: Overlay
  • Opacity: 100%
  • Pattern: Comic-book-ink-pattern
Add a Pattern Overlay

Step 3

Add an Outer Glow with these settings:

  • Color: #000000
  • Technique: Softer
  • Spread: 80%
  • Size: 1 px
  • Check the Anti-aliased box
  • Range: 54%

Click OK.

Add an Outer Glow

13. How to Add Filters for the Fifth Text Layer

Go to Filter > Distort > Wave… and use these settings:

  • Number of Generators: 5
  • Wavelength: Min. 24 Max. 79
  • Amplitude: Min. 8 Max. 10
  • Scale: Horiz. 11% Vert. 13%
  • Type: Sine
  • Undefined Areas: Repeat Edge Pixels

Click OK.

Add a Wave Filter

This is the result after you applied all of the styles and filters to the text layers.

Layer Styles Result

14. How to Create Layers for the Brushes

You will create seven blank layers for the brushes. To do so, you can use one of the options below.

Option 1: Click the Create New Layer button at the bottom of your Layers panel seven times, and then double click each layer’s name to rename the layers to „Brush 1”, „Brush 2”, and so on. 

Option 2: Go to Layer > New > Layer… and set the name to „Brush 1”, and then repeat this step and stop with the layer „Brush 7”.

Create Layers

15. How to Apply the First Brush

Step 1

Select the „Brush 1” layer and then hold down the Control key and click on the thumbnail of the „COMIC BOOK” layer to make a selection.

Make a selection

Step 2

Go to Window > Paths and click the Make work path from selection button at the bottom of the Paths panel.

Make a workpath

Step 3

Now go to Window > Brushes and select the Big dots brush, and then Right click on the Work Path layer in your Paths panel and select Stroke Path… from the menu. Select Tool: Brush, uncheck the Simulate Pressure button, and click OK.

Tip: Each time you do this step, the result will be different. So if you don’t like the brush result, you can hold down the Control key and hit the Z key to undo this step, and then repeat the stroke path.

Stroke Path

Step 4

While the „Brush 1” layer is selected, hold down the Control key and click on the thumbnail of „COMIC BOOK” layer to make a selection again, and then go to Layer > Layer Mask > Hide Selection to apply the selection as a mask for the „Brush 1” layer.

Mask the brush

16. How to Style the First Brush Layer

Select the layer „Brush 1” and double click this layer to apply the following layer style:

Step 1

Set the Blending Options:

  • Fill Opacity: 0%
  • Check the Layer Mask Hides Effects box
Add Blending Options

Step 2

Add an Inner Shadow with these settings:

  • Color: #000000
  • Uncheck the Use Global Light box
  • Angle: -90
  • Distance: 3 px
  • Choke: 48%
  • Size: 0 px
  • Check the Anti-aliased box
Add an Inner Shadow

Step 3

Add an Outer Glow with these settings:

  • Color: #000000
  • Technique: Softer
  • Spread: 49%
  • Size: 1 px
  • Check the Anti-aliased box
  • Range: 15%

Click OK.

Add an Outer Glow

This is the result with the first brush applied.

Result with the first brush

17. How to Apply the Second Brush

Step 1

Select the „Brush 2” layer.

Go to Window > Brushes, select the Big dots brush, and set the Size to 35 px. Then Right click on the Work Path layer in your Paths panel and select Stroke Path… from the menu. Select Tool: Brush, uncheck the Simulate Pressure button, and click OK.

Stroke Path with Brush

Step 2

While the „Brush 2” layer is selected, hold down the Control key and click on the thumbnail of „COMIC BOOK” layer to make a selection, and then go to Layer > Layer Mask > Hide Selection to apply the selection as a mask for the „Brush 2” layer.

Mask the brush

This is the result with the second brush applied.

Result with the second brush

18. How to Apply the Third Brush

Step 1

Select the „Brush 3” layer.

Go to Window > Brushes, select the Small dots brush, and then Right click on the Work Path layer in your Paths panel and select Stroke Path… from the menu. Select Tool: Brush, uncheck the Simulate Pressure button, and click OK.

Stroke path with the brush

Step 2

Double click the layer „Brush 3” to open the layer style window. In the Blending Options tab, hold down and move the left handle of Underlying Layer option to 120, and then hold down the Alt key and click and hold the right side of this handle. Move this part of the handle to 200, and click OK.

Set blending options

This is the result with the third brush applied.

Result with the third brush

19. How to Apply the Fourth Brush

Step 1

Select the „Brush 4” layer.

Go to Window > Brushes, select the Big lines brush, and then Right click on the Work Path layer in your Paths panel and select Stroke Path… from the menu. Select Tool: Brush, uncheck the Simulate Pressure button, and click OK.

Stroke path with the brush

Step 2

Double click the layer „Brush 4” to open the layer style window. In the Blending Options tab, hold down and move the left handle of Underlying Layer option to 120, and then hold down the Alt key and click and hold the right side of this handle. Move this part of the handle to 200, and click OK.

Set blending options

This is the result with the fourth brush applied.

Result with the fourth brush

20. How to Apply the Fifth Brush

Step 1

Select the „Brush 5” layer.

Go to Window > Brushes, select the Small drops brush, and then Right click on the Work Path layer in your Paths panel and select Stroke Path… from the menu. Select Tool: Brush, uncheck the Simulate Pressure button, and click OK.

Stroke path with the brush

Step 2

Double click the layer „Brush 5” to open the layer style window. In the Blending Options tab, hold down and move the left handle of Underlying Layer option to 120, and then hold down the Alt key and click and hold the right side of this handle. Move this part of the handle to 200, and click OK.

Set the blending options

This is the result with the fifth brush applied.

Result with the fifth brush

21. How to Apply the Sixth Brush

Step 1

Go to Window > Paths, select the Work Path layer, and click the Load path as a selection button. Then go to Select > Modify > Contract… and set Contract By to 6 px and hit OK. Finally, go back to your Paths panel and click the Make work path from selection button.

Make a new work path

Step 2

Select the „Brush 6” layer.

Go to Window > Brushes, select the Small lines brush, and then Right click on the Work Path layer in your Paths panel and select Stroke Path… from the menu. Select Tool: Brush, uncheck the Simulate Pressure button, and click OK.

Stroke path with the brush

Step 3

Double click the layer „Brush 6” to open the layer style window. In the Blending Options tab, hold down and move the left handle of Underlying Layer option to 120, and then hold down the Alt key and click and hold the right side of this handle. Move this part of the handle to 200, and click OK.

Set the blending options

This is the result with the sixth brush applied.

Result with the sixth brush

22. How to Apply the Seventh Brush

Step 1

Select the „Brush 7” layer, hold down the Control key, and click on the thumbnail of the „COMIC BOOK” layer. Then hold down the Control and Alt keys and click on the thumbnail of the „COMIC BOOK 2” layer to make a selection.

Make a selection

Step 2

Go to Select > Modify > Contract…, set Contract By to 3 px, and hit OK. Then go to Window > Paths and click the Make work path from selection button.

Make a work path

Step 3

Go to Window > Brushes, select the Double lines brush, and then Right click on the Work Path layer in your Paths panel and select Stroke Path… from the menu. Select Tool: Brush, uncheck the Simulate Pressure button, and click OK.

Stroke path with the brush

Step 4

Double click the „Brush 7” layer to open the layer style window. In the Blending Options tab, hold down and move the left handle of Underlying Layer option to 120, and then hold down the Alt key and click and hold the right side of this handle. Move this part of the handle to 200, and click OK.

Set the blending options

Congratulations! You’re Done!

In this tutorial, you learned how to use layer styles, filters and custom brushes to create a comic-book text effect in Adobe Photoshop.

We started by creating our text, and then we used layer styles and filters on our text layers, and finally we added different custom brushes.

Final result

I hope you have enjoyed this tutorial. Please feel free to leave your comments, suggestions and outcomes below. This text effect we just created is inspired by Comic Book Ink Actions – 300 DPI, which will automatically apply the comic-book effect to any text or shape in high resolution.

Comic Book Ink Action
Comic Book Ink Actions – 300 DPI

How to Create a Comic-Book Ink Text Effect in Adobe Photoshop

Post pobrano z: How to Create a Comic-Book Ink Text Effect in Adobe Photoshop

Final product image
What You’ll Be Creating

This tutorial will show you how to create a cool-looking comic-book ink text effect using Photoshop’s layer styles, filters, and automatically applied custom brushes. 

This text effect is based on Comic Book Ink Actions from Envato Market. The Action transforms any text or shape into comic-book-style type in high-resolution 300 DPI with possible color customization.

Comic Book Ink Action
Comic Book Ink Actions – 300 DPI

Tutorial Assets

The following assets were used during this tutorial:

1. How to Set the Background for the Action

Open Adobe Photoshop, go to File > Open, and choose paper-background.jpg.

Paper Background

2. How to Install the Pattern and Brushes

Step 1

Go to Edit > Presets > Preset Manager… In the Preset Type, select Patterns, and then click Load… and choose the Comic-book-ink-pattern.pat.

Load Patterns

Step 2

Go to Edit > Presets > Preset Manager… In the Preset Type, select Brushes, and then click Load… and choose the Comic-book-ink-brushes.abr.

Load Brushes

3. How to Create the Text Layers

Step 1

Pick the Type Tool (T) and write „COMIC”, and then hit the key Enter and write „BOOK”. Choose the HVD Comic Serif font and then go to Window > Character and set the Size to 225 pt, Tracking to -50, and Leading to 183 pt. Then go Window > Paragraph and choose Center text.

Create the Text

Step 2

Go to Type > Warp text, and set the Style to Arc and Bend to +5%. Click OK.

Warp the Text

Step 3

You will now prepare text layers for the style you will apply. To do so, first go to Layer > Smart Object > Convert to Smart Object and then go to Layer > Duplicate Layer… and name the layer „COMIC BOOK 2”. Now repeat the duplicating until you have created a „COMIC BOOK 5” layer.

Duplicate the Text

4. How to Style the First Text Layer

Select the layer „COMIC BOOK” and double click this layer to apply the following layer style:

Step 1

Set the Blending Options:

  • Fill Opacity: 0%
Set the Blending Options

Step 2

Add a Bevel and Emboss with these settings:

  • Style: Inner Bevel
  • Technique: Smooth
  • Depth: 209%
  • Direction: Up
  • Size: 21 px
  • Soften: 4 px
  • Uncheck the Use Global Light box
  • Angle: 0
  • Altitude: 30
  • Gloss Contour: Cove – Deep
  • Check the Anti-aliased box
  • Highlight Mode: Linear Burn with color #000000
  • Highlight Mode – Opacity: 20%
  • Shadow Mode – Opacity: 0%
Add a Bevel

Step 3

Add a Contour with these settings:

  • Contour: Ring – Double
  • Check the Anti-aliased box
  • Range: 100%
Add a Contour

Step 4

Add an Inner Glow with these settings:

  • Opacity: 100%
  • Color: #ffffff
  • Technique: Softer
  • Source: Edge
  • Choke: 100%
  • Size: 4 px
  • Check the Anti-aliased box
Add an Inner Glow

Step 5

Add a Satin style with these settings:

  • Color: #5fbd13
  • Opacity: 100%
  • Angle: 0
  • Distance: 10 px
  • Size: 5 px
  • Check the Anti-aliased box
Add a Satin

Step 6

Add a Color Overlay with these settings:

  • Blend Mode: Multiply
  • Color: #92b506
  • Opacity: 24%
Add a Color Overlay

Step 7

Add a Pattern Overlay with these settings:

  • Opacity: 50%
  • Pattern: Comic-book-ink-pattern

Click OK.

Add a Pattern Overlay

5. How to Add a Filter for the First Text Layer

Go to Filter > Distort > Wave… and use these settings:

  • Number of Generators: 5
  • Wavelength: Min. 36 Max. 44
  • Amplitude: Min. 16 Max. 17
  • Scale: Horiz. 3% Vert. 3%
  • Type: Sine
  • Undefined Areas: Wrap Around

Click OK.

Add a Wave Filter

6. How to Style the Second Text Layer

Select the layer „COMIC BOOK 2” and then double click this layer to apply the following layer style:

Step 1

Set the Blending Options:

  • Fill Opacity: 0%
Set the Blending Options

Step 2

Add an Inner Shadow with these settings:

  • Color: #000000
  • Uncheck the Use Global Light box
  • Angle: -74
  • Distance: 5 px
  • Choke: 61%
  • Size: 4 px
  • Check the Anti-aliased box
Add an Inner Shadow

Step 3

Add an Outer Glow with these settings:

  • Opacity: 100%
  • Color: #000000
  • Technique: Softer
  • Spread: 86%
  • Size: 1 px
  • Check the Anti-aliased box
  • Range: 15%

Click OK.

Add an Outer Glow

7. How to Add a Filter for the Second Text Layer

Step 1

Go to Filter > Distort > Wave… and use these settings:

  • Number of Generators: 5
  • Wavelength: Min. 36 Max. 44
  • Amplitude: Min. 16 Max. 17
  • Scale: Horiz. 3% Vert. 3%
  • Type: Sine
  • Undefined Areas: Wrap Around

Click OK.

Add a Wave Filter

Step 2

Go to Layer > Smart Object > Convert to Smart Object.

Convert to Smart Object

8. How to Style the Third Text Layer

Select the layer „COMIC BOOK 3” and then double click this layer to apply the following layer style:

Step 1

Set the Blending Options:

  • Fill Opacity: 0%
Set the Blending Options

Step 2

Add a Color Overlay with these settings:

  • Blend Mode: Multiply
  • Color: #bbf100
  • Opacity: 52%
Add a Color Overlay

9. How to Add Filters for the Third Text Layer

Step 1

Go to Filter > Distort > Wave… and use these settings:

  • Number of Generators: 1
  • Wavelength: Min. 236 Max. 237
  • Amplitude: Min. 13 Max. 21
  • Scale: Horiz. 38% Vert. 28%
  • Type: Sine
  • Undefined Areas: Wrap Around

Click OK.

Add a Wave Filter

Step 2

Go to Filter > Distort > Wave… and use these settings:

  • Amount: 150%
  • Size: Large

Click OK.

Add a Ripple Filter

10. How to Style the Fourth Text Layer

Select the layer „COMIC BOOK 4” and then double click this layer to apply the following layer style:

Step 1

Set the Blending Options:

  • Fill Opacity: 0%
Set the Blending Options

Step 2

Add a Color Overlay with these settings:

  • Blend Mode: Multiply
  • Color: #7be300
  • Opacity: 63%
Add a Color Overlay

11. How to Add Filters for the Fourth Text Layer

Step 1

Go to Filter > Distort > ZigZag… and use these settings:

  • Amount: 2
  • Ridges: 9
  • Style: Around Center

Click OK.

Add a ZigZag Filter

Step 2

Go to Filter > Distort > Ripple… and use these settings:

  • Amount: -166%
  • Size: Large

Click OK.

Add a Ripple Filter

Step 3

Go to Filter > Distort > Wave… and use these settings:

  • Number of Generators: 5
  • Wavelength: Min. 97 Max. 120
  • Amplitude: Min. 5 Max. 25
  • Scale: Horiz. 11% Vert. 11%
  • Type: Sine
  • Undefined Areas: Repeat Edge Pixels

Click OK.

Add a Wave Filter

12. How to Style the Fifth Text Layer

Select the layer „COMIC BOOK 5” and then double click this layer to apply the following layer style:

Step 1

Set the Blending Options:

  • Fill Opacity: 0%
Set the Blending Options

Step 2

Add a Pattern Overlay with these settings:

  • Blend Mode: Overlay
  • Opacity: 100%
  • Pattern: Comic-book-ink-pattern
Add a Pattern Overlay

Step 3

Add an Outer Glow with these settings:

  • Color: #000000
  • Technique: Softer
  • Spread: 80%
  • Size: 1 px
  • Check the Anti-aliased box
  • Range: 54%

Click OK.

Add an Outer Glow

13. How to Add Filters for the Fifth Text Layer

Go to Filter > Distort > Wave… and use these settings:

  • Number of Generators: 5
  • Wavelength: Min. 24 Max. 79
  • Amplitude: Min. 8 Max. 10
  • Scale: Horiz. 11% Vert. 13%
  • Type: Sine
  • Undefined Areas: Repeat Edge Pixels

Click OK.

Add a Wave Filter

This is the result after you applied all of the styles and filters to the text layers.

Layer Styles Result

14. How to Create Layers for the Brushes

You will create seven blank layers for the brushes. To do so, you can use one of the options below.

Option 1: Click the Create New Layer button at the bottom of your Layers panel seven times, and then double click each layer’s name to rename the layers to „Brush 1”, „Brush 2”, and so on. 

Option 2: Go to Layer > New > Layer… and set the name to „Brush 1”, and then repeat this step and stop with the layer „Brush 7”.

Create Layers

15. How to Apply the First Brush

Step 1

Select the „Brush 1” layer and then hold down the Control key and click on the thumbnail of the „COMIC BOOK” layer to make a selection.

Make a selection

Step 2

Go to Window > Paths and click the Make work path from selection button at the bottom of the Paths panel.

Make a workpath

Step 3

Now go to Window > Brushes and select the Big dots brush, and then Right click on the Work Path layer in your Paths panel and select Stroke Path… from the menu. Select Tool: Brush, uncheck the Simulate Pressure button, and click OK.

Tip: Each time you do this step, the result will be different. So if you don’t like the brush result, you can hold down the Control key and hit the Z key to undo this step, and then repeat the stroke path.

Stroke Path

Step 4

While the „Brush 1” layer is selected, hold down the Control key and click on the thumbnail of „COMIC BOOK” layer to make a selection again, and then go to Layer > Layer Mask > Hide Selection to apply the selection as a mask for the „Brush 1” layer.

Mask the brush

16. How to Style the First Brush Layer

Select the layer „Brush 1” and double click this layer to apply the following layer style:

Step 1

Set the Blending Options:

  • Fill Opacity: 0%
  • Check the Layer Mask Hides Effects box
Add Blending Options

Step 2

Add an Inner Shadow with these settings:

  • Color: #000000
  • Uncheck the Use Global Light box
  • Angle: -90
  • Distance: 3 px
  • Choke: 48%
  • Size: 0 px
  • Check the Anti-aliased box
Add an Inner Shadow

Step 3

Add an Outer Glow with these settings:

  • Color: #000000
  • Technique: Softer
  • Spread: 49%
  • Size: 1 px
  • Check the Anti-aliased box
  • Range: 15%

Click OK.

Add an Outer Glow

This is the result with the first brush applied.

Result with the first brush

17. How to Apply the Second Brush

Step 1

Select the „Brush 2” layer.

Go to Window > Brushes, select the Big dots brush, and set the Size to 35 px. Then Right click on the Work Path layer in your Paths panel and select Stroke Path… from the menu. Select Tool: Brush, uncheck the Simulate Pressure button, and click OK.

Stroke Path with Brush

Step 2

While the „Brush 2” layer is selected, hold down the Control key and click on the thumbnail of „COMIC BOOK” layer to make a selection, and then go to Layer > Layer Mask > Hide Selection to apply the selection as a mask for the „Brush 2” layer.

Mask the brush

This is the result with the second brush applied.

Result with the second brush

18. How to Apply the Third Brush

Step 1

Select the „Brush 3” layer.

Go to Window > Brushes, select the Small dots brush, and then Right click on the Work Path layer in your Paths panel and select Stroke Path… from the menu. Select Tool: Brush, uncheck the Simulate Pressure button, and click OK.

Stroke path with the brush

Step 2

Double click the layer „Brush 3” to open the layer style window. In the Blending Options tab, hold down and move the left handle of Underlying Layer option to 120, and then hold down the Alt key and click and hold the right side of this handle. Move this part of the handle to 200, and click OK.

Set blending options

This is the result with the third brush applied.

Result with the third brush

19. How to Apply the Fourth Brush

Step 1

Select the „Brush 4” layer.

Go to Window > Brushes, select the Big lines brush, and then Right click on the Work Path layer in your Paths panel and select Stroke Path… from the menu. Select Tool: Brush, uncheck the Simulate Pressure button, and click OK.

Stroke path with the brush

Step 2

Double click the layer „Brush 4” to open the layer style window. In the Blending Options tab, hold down and move the left handle of Underlying Layer option to 120, and then hold down the Alt key and click and hold the right side of this handle. Move this part of the handle to 200, and click OK.

Set blending options

This is the result with the fourth brush applied.

Result with the fourth brush

20. How to Apply the Fifth Brush

Step 1

Select the „Brush 5” layer.

Go to Window > Brushes, select the Small drops brush, and then Right click on the Work Path layer in your Paths panel and select Stroke Path… from the menu. Select Tool: Brush, uncheck the Simulate Pressure button, and click OK.

Stroke path with the brush

Step 2

Double click the layer „Brush 5” to open the layer style window. In the Blending Options tab, hold down and move the left handle of Underlying Layer option to 120, and then hold down the Alt key and click and hold the right side of this handle. Move this part of the handle to 200, and click OK.

Set the blending options

This is the result with the fifth brush applied.

Result with the fifth brush

21. How to Apply the Sixth Brush

Step 1

Go to Window > Paths, select the Work Path layer, and click the Load path as a selection button. Then go to Select > Modify > Contract… and set Contract By to 6 px and hit OK. Finally, go back to your Paths panel and click the Make work path from selection button.

Make a new work path

Step 2

Select the „Brush 6” layer.

Go to Window > Brushes, select the Small lines brush, and then Right click on the Work Path layer in your Paths panel and select Stroke Path… from the menu. Select Tool: Brush, uncheck the Simulate Pressure button, and click OK.

Stroke path with the brush

Step 3

Double click the layer „Brush 6” to open the layer style window. In the Blending Options tab, hold down and move the left handle of Underlying Layer option to 120, and then hold down the Alt key and click and hold the right side of this handle. Move this part of the handle to 200, and click OK.

Set the blending options

This is the result with the sixth brush applied.

Result with the sixth brush

22. How to Apply the Seventh Brush

Step 1

Select the „Brush 7” layer, hold down the Control key, and click on the thumbnail of the „COMIC BOOK” layer. Then hold down the Control and Alt keys and click on the thumbnail of the „COMIC BOOK 2” layer to make a selection.

Make a selection

Step 2

Go to Select > Modify > Contract…, set Contract By to 3 px, and hit OK. Then go to Window > Paths and click the Make work path from selection button.

Make a work path

Step 3

Go to Window > Brushes, select the Double lines brush, and then Right click on the Work Path layer in your Paths panel and select Stroke Path… from the menu. Select Tool: Brush, uncheck the Simulate Pressure button, and click OK.

Stroke path with the brush

Step 4

Double click the „Brush 7” layer to open the layer style window. In the Blending Options tab, hold down and move the left handle of Underlying Layer option to 120, and then hold down the Alt key and click and hold the right side of this handle. Move this part of the handle to 200, and click OK.

Set the blending options

Congratulations! You’re Done!

In this tutorial, you learned how to use layer styles, filters and custom brushes to create a comic-book text effect in Adobe Photoshop.

We started by creating our text, and then we used layer styles and filters on our text layers, and finally we added different custom brushes.

Final result

I hope you have enjoyed this tutorial. Please feel free to leave your comments, suggestions and outcomes below. This text effect we just created is inspired by Comic Book Ink Actions – 300 DPI, which will automatically apply the comic-book effect to any text or shape in high resolution.

Comic Book Ink Action
Comic Book Ink Actions – 300 DPI

How to Create a Comic-Book Ink Text Effect in Adobe Photoshop

Post pobrano z: How to Create a Comic-Book Ink Text Effect in Adobe Photoshop

Final product image
What You’ll Be Creating

This tutorial will show you how to create a cool-looking comic-book ink text effect using Photoshop’s layer styles, filters, and automatically applied custom brushes. 

This text effect is based on Comic Book Ink Actions from Envato Market. The Action transforms any text or shape into comic-book-style type in high-resolution 300 DPI with possible color customization.

Comic Book Ink Action
Comic Book Ink Actions – 300 DPI

Tutorial Assets

The following assets were used during this tutorial:

1. How to Set the Background for the Action

Open Adobe Photoshop, go to File > Open, and choose paper-background.jpg.

Paper Background

2. How to Install the Pattern and Brushes

Step 1

Go to Edit > Presets > Preset Manager… In the Preset Type, select Patterns, and then click Load… and choose the Comic-book-ink-pattern.pat.

Load Patterns

Step 2

Go to Edit > Presets > Preset Manager… In the Preset Type, select Brushes, and then click Load… and choose the Comic-book-ink-brushes.abr.

Load Brushes

3. How to Create the Text Layers

Step 1

Pick the Type Tool (T) and write „COMIC”, and then hit the key Enter and write „BOOK”. Choose the HVD Comic Serif font and then go to Window > Character and set the Size to 225 pt, Tracking to -50, and Leading to 183 pt. Then go Window > Paragraph and choose Center text.

Create the Text

Step 2

Go to Type > Warp text, and set the Style to Arc and Bend to +5%. Click OK.

Warp the Text

Step 3

You will now prepare text layers for the style you will apply. To do so, first go to Layer > Smart Object > Convert to Smart Object and then go to Layer > Duplicate Layer… and name the layer „COMIC BOOK 2”. Now repeat the duplicating until you have created a „COMIC BOOK 5” layer.

Duplicate the Text

4. How to Style the First Text Layer

Select the layer „COMIC BOOK” and double click this layer to apply the following layer style:

Step 1

Set the Blending Options:

  • Fill Opacity: 0%
Set the Blending Options

Step 2

Add a Bevel and Emboss with these settings:

  • Style: Inner Bevel
  • Technique: Smooth
  • Depth: 209%
  • Direction: Up
  • Size: 21 px
  • Soften: 4 px
  • Uncheck the Use Global Light box
  • Angle: 0
  • Altitude: 30
  • Gloss Contour: Cove – Deep
  • Check the Anti-aliased box
  • Highlight Mode: Linear Burn with color #000000
  • Highlight Mode – Opacity: 20%
  • Shadow Mode – Opacity: 0%
Add a Bevel

Step 3

Add a Contour with these settings:

  • Contour: Ring – Double
  • Check the Anti-aliased box
  • Range: 100%
Add a Contour

Step 4

Add an Inner Glow with these settings:

  • Opacity: 100%
  • Color: #ffffff
  • Technique: Softer
  • Source: Edge
  • Choke: 100%
  • Size: 4 px
  • Check the Anti-aliased box
Add an Inner Glow

Step 5

Add a Satin style with these settings:

  • Color: #5fbd13
  • Opacity: 100%
  • Angle: 0
  • Distance: 10 px
  • Size: 5 px
  • Check the Anti-aliased box
Add a Satin

Step 6

Add a Color Overlay with these settings:

  • Blend Mode: Multiply
  • Color: #92b506
  • Opacity: 24%
Add a Color Overlay

Step 7

Add a Pattern Overlay with these settings:

  • Opacity: 50%
  • Pattern: Comic-book-ink-pattern

Click OK.

Add a Pattern Overlay

5. How to Add a Filter for the First Text Layer

Go to Filter > Distort > Wave… and use these settings:

  • Number of Generators: 5
  • Wavelength: Min. 36 Max. 44
  • Amplitude: Min. 16 Max. 17
  • Scale: Horiz. 3% Vert. 3%
  • Type: Sine
  • Undefined Areas: Wrap Around

Click OK.

Add a Wave Filter

6. How to Style the Second Text Layer

Select the layer „COMIC BOOK 2” and then double click this layer to apply the following layer style:

Step 1

Set the Blending Options:

  • Fill Opacity: 0%
Set the Blending Options

Step 2

Add an Inner Shadow with these settings:

  • Color: #000000
  • Uncheck the Use Global Light box
  • Angle: -74
  • Distance: 5 px
  • Choke: 61%
  • Size: 4 px
  • Check the Anti-aliased box
Add an Inner Shadow

Step 3

Add an Outer Glow with these settings:

  • Opacity: 100%
  • Color: #000000
  • Technique: Softer
  • Spread: 86%
  • Size: 1 px
  • Check the Anti-aliased box
  • Range: 15%

Click OK.

Add an Outer Glow

7. How to Add a Filter for the Second Text Layer

Step 1

Go to Filter > Distort > Wave… and use these settings:

  • Number of Generators: 5
  • Wavelength: Min. 36 Max. 44
  • Amplitude: Min. 16 Max. 17
  • Scale: Horiz. 3% Vert. 3%
  • Type: Sine
  • Undefined Areas: Wrap Around

Click OK.

Add a Wave Filter

Step 2

Go to Layer > Smart Object > Convert to Smart Object.

Convert to Smart Object

8. How to Style the Third Text Layer

Select the layer „COMIC BOOK 3” and then double click this layer to apply the following layer style:

Step 1

Set the Blending Options:

  • Fill Opacity: 0%
Set the Blending Options

Step 2

Add a Color Overlay with these settings:

  • Blend Mode: Multiply
  • Color: #bbf100
  • Opacity: 52%
Add a Color Overlay

9. How to Add Filters for the Third Text Layer

Step 1

Go to Filter > Distort > Wave… and use these settings:

  • Number of Generators: 1
  • Wavelength: Min. 236 Max. 237
  • Amplitude: Min. 13 Max. 21
  • Scale: Horiz. 38% Vert. 28%
  • Type: Sine
  • Undefined Areas: Wrap Around

Click OK.

Add a Wave Filter

Step 2

Go to Filter > Distort > Wave… and use these settings:

  • Amount: 150%
  • Size: Large

Click OK.

Add a Ripple Filter

10. How to Style the Fourth Text Layer

Select the layer „COMIC BOOK 4” and then double click this layer to apply the following layer style:

Step 1

Set the Blending Options:

  • Fill Opacity: 0%
Set the Blending Options

Step 2

Add a Color Overlay with these settings:

  • Blend Mode: Multiply
  • Color: #7be300
  • Opacity: 63%
Add a Color Overlay

11. How to Add Filters for the Fourth Text Layer

Step 1

Go to Filter > Distort > ZigZag… and use these settings:

  • Amount: 2
  • Ridges: 9
  • Style: Around Center

Click OK.

Add a ZigZag Filter

Step 2

Go to Filter > Distort > Ripple… and use these settings:

  • Amount: -166%
  • Size: Large

Click OK.

Add a Ripple Filter

Step 3

Go to Filter > Distort > Wave… and use these settings:

  • Number of Generators: 5
  • Wavelength: Min. 97 Max. 120
  • Amplitude: Min. 5 Max. 25
  • Scale: Horiz. 11% Vert. 11%
  • Type: Sine
  • Undefined Areas: Repeat Edge Pixels

Click OK.

Add a Wave Filter

12. How to Style the Fifth Text Layer

Select the layer „COMIC BOOK 5” and then double click this layer to apply the following layer style:

Step 1

Set the Blending Options:

  • Fill Opacity: 0%
Set the Blending Options

Step 2

Add a Pattern Overlay with these settings:

  • Blend Mode: Overlay
  • Opacity: 100%
  • Pattern: Comic-book-ink-pattern
Add a Pattern Overlay

Step 3

Add an Outer Glow with these settings:

  • Color: #000000
  • Technique: Softer
  • Spread: 80%
  • Size: 1 px
  • Check the Anti-aliased box
  • Range: 54%

Click OK.

Add an Outer Glow

13. How to Add Filters for the Fifth Text Layer

Go to Filter > Distort > Wave… and use these settings:

  • Number of Generators: 5
  • Wavelength: Min. 24 Max. 79
  • Amplitude: Min. 8 Max. 10
  • Scale: Horiz. 11% Vert. 13%
  • Type: Sine
  • Undefined Areas: Repeat Edge Pixels

Click OK.

Add a Wave Filter

This is the result after you applied all of the styles and filters to the text layers.

Layer Styles Result

14. How to Create Layers for the Brushes

You will create seven blank layers for the brushes. To do so, you can use one of the options below.

Option 1: Click the Create New Layer button at the bottom of your Layers panel seven times, and then double click each layer’s name to rename the layers to „Brush 1”, „Brush 2”, and so on. 

Option 2: Go to Layer > New > Layer… and set the name to „Brush 1”, and then repeat this step and stop with the layer „Brush 7”.

Create Layers

15. How to Apply the First Brush

Step 1

Select the „Brush 1” layer and then hold down the Control key and click on the thumbnail of the „COMIC BOOK” layer to make a selection.

Make a selection

Step 2

Go to Window > Paths and click the Make work path from selection button at the bottom of the Paths panel.

Make a workpath

Step 3

Now go to Window > Brushes and select the Big dots brush, and then Right click on the Work Path layer in your Paths panel and select Stroke Path… from the menu. Select Tool: Brush, uncheck the Simulate Pressure button, and click OK.

Tip: Each time you do this step, the result will be different. So if you don’t like the brush result, you can hold down the Control key and hit the Z key to undo this step, and then repeat the stroke path.

Stroke Path

Step 4

While the „Brush 1” layer is selected, hold down the Control key and click on the thumbnail of „COMIC BOOK” layer to make a selection again, and then go to Layer > Layer Mask > Hide Selection to apply the selection as a mask for the „Brush 1” layer.

Mask the brush

16. How to Style the First Brush Layer

Select the layer „Brush 1” and double click this layer to apply the following layer style:

Step 1

Set the Blending Options:

  • Fill Opacity: 0%
  • Check the Layer Mask Hides Effects box
Add Blending Options

Step 2

Add an Inner Shadow with these settings:

  • Color: #000000
  • Uncheck the Use Global Light box
  • Angle: -90
  • Distance: 3 px
  • Choke: 48%
  • Size: 0 px
  • Check the Anti-aliased box
Add an Inner Shadow

Step 3

Add an Outer Glow with these settings:

  • Color: #000000
  • Technique: Softer
  • Spread: 49%
  • Size: 1 px
  • Check the Anti-aliased box
  • Range: 15%

Click OK.

Add an Outer Glow

This is the result with the first brush applied.

Result with the first brush

17. How to Apply the Second Brush

Step 1

Select the „Brush 2” layer.

Go to Window > Brushes, select the Big dots brush, and set the Size to 35 px. Then Right click on the Work Path layer in your Paths panel and select Stroke Path… from the menu. Select Tool: Brush, uncheck the Simulate Pressure button, and click OK.

Stroke Path with Brush

Step 2

While the „Brush 2” layer is selected, hold down the Control key and click on the thumbnail of „COMIC BOOK” layer to make a selection, and then go to Layer > Layer Mask > Hide Selection to apply the selection as a mask for the „Brush 2” layer.

Mask the brush

This is the result with the second brush applied.

Result with the second brush

18. How to Apply the Third Brush

Step 1

Select the „Brush 3” layer.

Go to Window > Brushes, select the Small dots brush, and then Right click on the Work Path layer in your Paths panel and select Stroke Path… from the menu. Select Tool: Brush, uncheck the Simulate Pressure button, and click OK.

Stroke path with the brush

Step 2

Double click the layer „Brush 3” to open the layer style window. In the Blending Options tab, hold down and move the left handle of Underlying Layer option to 120, and then hold down the Alt key and click and hold the right side of this handle. Move this part of the handle to 200, and click OK.

Set blending options

This is the result with the third brush applied.

Result with the third brush

19. How to Apply the Fourth Brush

Step 1

Select the „Brush 4” layer.

Go to Window > Brushes, select the Big lines brush, and then Right click on the Work Path layer in your Paths panel and select Stroke Path… from the menu. Select Tool: Brush, uncheck the Simulate Pressure button, and click OK.

Stroke path with the brush

Step 2

Double click the layer „Brush 4” to open the layer style window. In the Blending Options tab, hold down and move the left handle of Underlying Layer option to 120, and then hold down the Alt key and click and hold the right side of this handle. Move this part of the handle to 200, and click OK.

Set blending options

This is the result with the fourth brush applied.

Result with the fourth brush

20. How to Apply the Fifth Brush

Step 1

Select the „Brush 5” layer.

Go to Window > Brushes, select the Small drops brush, and then Right click on the Work Path layer in your Paths panel and select Stroke Path… from the menu. Select Tool: Brush, uncheck the Simulate Pressure button, and click OK.

Stroke path with the brush

Step 2

Double click the layer „Brush 5” to open the layer style window. In the Blending Options tab, hold down and move the left handle of Underlying Layer option to 120, and then hold down the Alt key and click and hold the right side of this handle. Move this part of the handle to 200, and click OK.

Set the blending options

This is the result with the fifth brush applied.

Result with the fifth brush

21. How to Apply the Sixth Brush

Step 1

Go to Window > Paths, select the Work Path layer, and click the Load path as a selection button. Then go to Select > Modify > Contract… and set Contract By to 6 px and hit OK. Finally, go back to your Paths panel and click the Make work path from selection button.

Make a new work path

Step 2

Select the „Brush 6” layer.

Go to Window > Brushes, select the Small lines brush, and then Right click on the Work Path layer in your Paths panel and select Stroke Path… from the menu. Select Tool: Brush, uncheck the Simulate Pressure button, and click OK.

Stroke path with the brush

Step 3

Double click the layer „Brush 6” to open the layer style window. In the Blending Options tab, hold down and move the left handle of Underlying Layer option to 120, and then hold down the Alt key and click and hold the right side of this handle. Move this part of the handle to 200, and click OK.

Set the blending options

This is the result with the sixth brush applied.

Result with the sixth brush

22. How to Apply the Seventh Brush

Step 1

Select the „Brush 7” layer, hold down the Control key, and click on the thumbnail of the „COMIC BOOK” layer. Then hold down the Control and Alt keys and click on the thumbnail of the „COMIC BOOK 2” layer to make a selection.

Make a selection

Step 2

Go to Select > Modify > Contract…, set Contract By to 3 px, and hit OK. Then go to Window > Paths and click the Make work path from selection button.

Make a work path

Step 3

Go to Window > Brushes, select the Double lines brush, and then Right click on the Work Path layer in your Paths panel and select Stroke Path… from the menu. Select Tool: Brush, uncheck the Simulate Pressure button, and click OK.

Stroke path with the brush

Step 4

Double click the „Brush 7” layer to open the layer style window. In the Blending Options tab, hold down and move the left handle of Underlying Layer option to 120, and then hold down the Alt key and click and hold the right side of this handle. Move this part of the handle to 200, and click OK.

Set the blending options

Congratulations! You’re Done!

In this tutorial, you learned how to use layer styles, filters and custom brushes to create a comic-book text effect in Adobe Photoshop.

We started by creating our text, and then we used layer styles and filters on our text layers, and finally we added different custom brushes.

Final result

I hope you have enjoyed this tutorial. Please feel free to leave your comments, suggestions and outcomes below. This text effect we just created is inspired by Comic Book Ink Actions – 300 DPI, which will automatically apply the comic-book effect to any text or shape in high resolution.

Comic Book Ink Action
Comic Book Ink Actions – 300 DPI

How to Create a Garden Gnome Illustration in Adobe Illustrator

Post pobrano z: How to Create a Garden Gnome Illustration in Adobe Illustrator

Final product image
What You’ll Be Creating

Do you like garden gnomes? Learn how to create a garden gnome illustration in Adobe Illustrator. 

For more images and inspiration, be sure to visit GraphicRiver to check their vector characters collection.

Let’s get started!

1. How to Create the Head of the Gnome

Step 1

After you’ve created a new document, let’s start to create the gnome. Use the Ellipse Tool (L) to draw an ellipse (fill color R=240, G=208, B=180). While keeping it selected, go to Effect > Warp > Fish and, in the new dialogue window, enter the options you see below. Then press OK.

how to create the head shape

Step 2

Change the fill color to R=140, G=88, B=56. Again, using the Ellipse Tool (L) and while holding down the Shift key (to create an even circle), create a tiny circle for the eye of the gnome.

To get the other eye, select the one you just created and hold down the Shift and Alt buttons. The Alt key will create a copy for you, and the Shift key will keep it perfectly aligned. So, while holding these two keys, move the existing eye to the right. You’ll notice that you just created another eye.

Change the fill color to R=232, G=1182, B=1450 and draw a small horizontal ellipse for the nose.

how to create the eyes and nose

Step 3

Let’s create the mustache. Set a white fill color and draw an ellipse using the Ellipse Tool (L). While keeping it selected, go to Effect > Warp > Flag and, in the new dialogue window, enter the options you see below. After pressing OK, expand the shape (Object > Expand Appearance). Keep in mind that you do not need the black stroke—it’s just there so you can tell it apart from the background.

how to create the mustaches

Step 4

Place the mustache behind the nose, or place the nose over the mustache (Control-X, Control-F). Next, while keeping the mustache selected, take the Reflect Tool (O) and click under the nose while pressing down the Alt key. In the new dialogue window, enter Axis Vertical, Angle 90 degrees and then press Copy. That’s how you’ll get the right part of the mustache.

You may have already noticed that the eyebrows are a copy of the mustache, which have shrunk vertically.

how to place the mustaches

Step 5

To get the beard, create a copy of the head behind (Control-C, Control-B), and stretch it horizontally. Keep in mind that you don’t need the stroke color—it’s there just for better visibility.

Every self-respecting gnome must have a red cap. So hit the Polygon Tool and click on your artboard. Enter Sides 3 with any Radius in the new window. Change its fill color to R=228, G=65, B=69.

how to create the bird and gnomes cap

2. How to Create the Body

Step 1

Change the fill color to green (R=129, G=175, B=69) and draw an ellipse. Use the  Rectangle Tool (M) to create a rectangle of any color overlapping it. You have to cover just the bottom part of the ellipse. 

Select both shapes and in the Pathfinder panel (Window > Pathfinder) press the Minus Front button. You’ll end up with one half of the ellipse which will be the upper body of the gnome.

how to create the upper body

Place the upper body under and behind the head.

how to place the upper body

Step 2

Set a darker fill color (R=111, G=147, B=55) and using the Rectangle Tool (M) draw a thin vertical rectangle on the upper body, behind the gnome’s head.

Change the fill color to yellow (R=221, G=176, B=64) and draw a horizontal rectangle, as we’re going to create the belt.

Make the fill color darker (R=191, G=121, B=29) and draw a tiny circle on the belt.

While keeping it selected, and while holding down the Shift and Alt keys, move the circle to the right. You’ll get a new copy of it. After that, press Control-D a few times, as this combination will create more copies that are perfectly aligned.

Delete the fill color and set the stroke color to R=249, G=208, B=93. Select the Rounded Rectangle Tool and draw a small rounded rectangle for the belt buckle.

Finally, add a tiny line using the Line Segment Tool (/). The gnome’s belt is finished!

how to create the belt

Step 3

To create the bottom part of the gnome’s body, simply create a copy of the upper part and turn it upside down.

Change the fill color to R=186, G=112, B=32.

how to create the bottom body

Step 4

Let’s create the red boot for our gnome. First, draw a red rectangle (R=228, G=65, B=69).

While keeping it selected, go to Effect > Warp > Arc Upper and enter the options you see below. Expand this shape (Object > Expand Appearance).

After that, create a triangle the same way as you created the gnome’s hat. Place the triangle as shown in the image below. That will be the upper part of the boot.

how to create the boot

Step 5

As we want our gnome boots have curled toecaps, we need to create a kind of crescent shape for it. Draw two overlapping circles as shown below. Be sure the smaller one is on top.

Then press the Minus Front button on the Pathfinder panel (Window > Pathfinder).

how to create the curled toe cap for the boot

Place the crescent shape on the boot we created. Make sure you don’t have any stroke color on the boot and it is grouped (right-click > Group).

how to combined all the parts from the boot

Step 6

Place the boot as shown below.

Now let’s make another boot. Select the existing one and create a copy of it in front (Control-C, Control-F). Then hit the Reflect Tool (O) and press the Enter key on your keyboard. In the new dialogue window, enter Axis Vertical, Angle 90 degrees and then press OK. After that, move the new boot to the right.

With a lighter fill color (R=252, G=114, B=114), draw a thin horizontal rectangle on top of the two boots. Then warp it (Effect > Warp > Arc).

how to place the boot and create another one

Step 7

To make sure the two legs are separated, draw a thin, black, vertically oriented rectangle where the two legs have to be divided.

Now, be sure your Transparency panel is open (Window > Transparency). Change the Opacity on the Transparency panel to Soft Light and lower the Opacity to 60%. See how the rectangle changed its color?

how to create visiual division of the legs

Step 8

We won’t create a new shape for the arms. Instead, we’ll create a copy of the upper body behind (Control-C, Control-B). Change its fill color to R=111, G=147, B=55. Stretch it down to the belt.

Then, draw a horizontal rectangle (R=178, G=211, B=127) behind the body and in front of the arms.

Change the fill color to R=240, G=208, B=180. Create a small ellipse and place it behind the whole body. It will be the left hand.

While holding the Shift and Alt keys, move the left hand to the right and you’ll get the right hand.

Delete the fill color and set the stroke color to R=232, G=182, B=145. Take the Arc Tool and draw a small curve to create the thumb of the gnome.

Create the same curve on the other hand. And your gnome is done!

how to create the hands

3. How to Create the Background

Step 1

Take the Rectangle Tool (M) and click on your artboard. In the new dialogue window, enter Width and Height 850 px and press OK. A big square will appear on your artboard, which is going to be the background. Make sure the background stays in the middle of your artboard. Set the fill color to R=244, G=234, B=208.

how to create the background

Place the gnome on the background.

how to place the gnome on the background

Step 2

Let’s create the fence. Set the white fill color with no stroke and draw a small rectangle.

Using the Pen Tool (P), put a new anchor point on top and in the middle of the fence. Using the Direct Selection Tool (A), move the new anchor point up. This will be the first wooden bar of the fence.

While holding down the Shift and Alt keys, move this wooden bar to the right. Then press Control-D a few times to get a line made of these bars.

Add a little darker horizontal rectangle in the middle of the line. The fence is done!

how to create the fence

Place the fence behind the gnome and in front of the background.

how to place the fence

Step 3

Add one more horizontal rectangle (R=242, G=224, B=184) where the gnome will stand.

how to add the shadow

4. How to Create the Trees

Step 1

Delete the fill color and set the stroke color to R=209, G=170, B=120. We will start with the trunk and branches. Draw a long, thick, vertical line, which will be the trunk. You can increase the stroke Weight on the Stroke panel (Window > Stroke).

Decrease the stroke Weight, take the Arc Tool, and draw a few branches.

Decrease the stroke Weight even more and draw some smaller branches.

how to create the trunk and branches

Step 2

Using the green fill color (R=129, G=175, B=69) and no stroke color, create a bunch of ellipses as the foliage. The black strokes on the image will guide you.

Change the fill color to a darker green (R=111, G=147, B=55) and create even more ellipses behind the branches. The first tree is done!

how to create the foliage

Step 3

Let’s create an apple. Start with a red (R=228, G=65, B=69) ellipse that is rotated to the left.

Create a copy of it in front (Control-C, Control-F). Hit the Reflect Tool (O) and then immediately press the Enter key twice. You just created a vertical reflection of the red ellipse. Move the new copy to the right, but not too far—just enough to get the shape of an apple.

Delete the fill color and set the stroke color to (R=224, G=203, B=155). Using the Line Segment Tool (/), draw a stem for the apple.

how to create the apple

Step 4

Create a green ellipse (R=178, G=211, B=127). Then, using the Convert Anchor Point Tool (Shift-C), make the anchor points sharp by clicking on the left and right anchor points. You’ll get a simple leaf shape.

how to create the leaf

Step 5

Place the leaf on the apple. Group the apple, make copies, and spread them on the tree.

how to spread apples on the tree

Step 6

In a similar way, we’ll create the pear tree. First, draw the trunk, and then add bigger and smaller branches.

Then add the leaves (fill color R=131, G=153, B=77).

how to create the tree

Step 7

Make sure you don’t have any stroke and have the fill color set to R=249, G=208, B=93.  Create a yellow ellipse.

While keeping it selected, go to Effect > Warp > Fish. Enter the options you see below. Expand the shape.

Add a stem (stroke color R=209, G=170, B=120).

Add green leaves (fill color R=178, G=211, B=127). And group the whole pear.

how to create the pear

Step 8

Spread copies of the pear on the tree.

how to spread pears on the tree

Step 9

Place the two trees we just created in front of the background but behind the gnome. And you’ve finished your illustration!

how to place the trees on the background

Conclusion

I hope you enjoyed going through this tutorial with me. Feel free to post your result—it’s always interesting to see.

final

If you enjoyed this tutorial, why not try some of my others: