Post pobrano z: How to Create a Cinemagraph Photo Effect Action in Adobe Photoshop

In this tutorial, you will learn how to create an amazing cinemagraph effect in Adobe Photoshop. I will explain everything in so much detail that anyone can create it, even those who have just opened Photoshop for the first time. 

The effect shown above is the one I will show you how to create in this tutorial. If you would like to create the even more advanced, animated cinemagraph effect shown below, using just a single click and in only a few minutes, then check out my Cinemagraph Photoshop Action.

What You’ll Need

To recreate the design above, you will need the following resources:

• Stock Video

1. How to Start Creating an Action

First, open the video that you want to work with. To open your video, go to File > Import > Video Frames to Layers, choose your video, and click Open. Then, set the Range To Import to Selected Range Only and adjust the slider as shown below:

2. How to Crop the Video

Step 1

In this section, we are going to crop the video. In order to get a seamless looping animation, the first and last frame need to be as similar as possible. In this case, the 8 and 64 frames are very similar, so we need to make sure that the 8 frame is the first, and the 64 frame is the last frame in the Timeline panel. To do that, we are going to delete the frames outside this range.

Firstly, we are going to delete the layers that are included in these frames. Select the Layer 1 layer and Shift-click on the Layer 7 layer to select all layers between. Then, Right-click on any of the selected layers and choose Delete Layers.

Step 2

Select the 1 frame and Shift-click on the 7 frame to select all frames between. Then, in the Timeline panel, click on the top right-hand menu icon and choose Delete Frames.

Step 3

Now select the Layer 65 layer and Shift-click on the Layer 77 to select all layers between. Then, Right-click on any of the selected layers and choose Delete Layers.

Step 4

Select the 58 frame and Shift-click on the 70 frame to select all frames between. Then, in the Timeline panel, click on the top right-hand menu icon and choose Delete Frames.

3. How to Make Only a Specific Area Animated

Step 1

In this section, we are going to make only a specific area animated. Select Layer 1 and name it Base.

Step 2

Now select the Layer 9 layer and Shift-click on Layer 64 to select all layers between. Then, go to Layer > New > Group from Layers to create a new group from the selected layers and name it Active Area.

Step 3

Select the 1 frame and Shift-click on the 57 frame to select all frames between. Go to Layer > Layer Mask > Hide All to add a layer mask that hides the whole layer group.

Step 4

Now set the foreground color to #ffffff, choose the Brush Tool (B), pick a soft brush, and brush over the area that you want to stay active.

Step 5

Hide the Base layer and then show it again in order to make this layer visible through all the frames.

4. How to Save the Cinemagraph

In this section, we are going to save our cinemagraph as a looping animation. Go to File > Export > Save For Web and use the settings below:

You Made It!

Congratulations, you have succeeded! Here is our final result:

If you would like to create the even more advanced, animated cinemagraph effect
shown below, using just a single click and in only a few minutes, then
check out my Cinemagraph Photoshop Action.

The
action will create professional cinemagraph effects
from your videos with no work at all from your side! You simply brush
with a
color over the area that you want to stay active and just play the action. It’s really that simple! The action
will do all the work for you, leaving you fully layered and customizable
results that you can further modify.

The action comes with a detailed video tutorial that demonstrates how to use the action and customize the results to get the most out of the effect.

You may also like:

• 

  How to Create a Frozen Winter Adobe Photoshop Effect Action

  Learn how to use Adobe Photoshop to turn your photos into frozen winter photos inspired by white walkers from the Game of Thrones TV series.
• 

  How to Create a GTA Photo Effect Action in Adobe Photoshop

  In this tutorial you will learn how to create an amazing, artistic effect inspired by art style of the Grand Theft Auto video game, using Adobe Photoshop.
• 

  How to Create a Sketch Effect Action in Adobe Photoshop

  In this tutorial, I’m going to teach you how to create a Photoshop sketch effect. You will learn how to turn your photos into amazing, advanced sketches. I…
• 

  How to Make Watercolor Effects in Photoshop Quickly With Actions

  In this tutorial you will learn how to create an amazing watercolor effect in Adobe Photoshop, with simple instructions for Photoshop beginners.

Post pobrano z: How to Create a Cinemagraph Photo Effect Action in Adobe Photoshop

In this tutorial, you will learn how to create an amazing cinemagraph effect in Adobe Photoshop. I will explain everything in so much detail that anyone can create it, even those who have just opened Photoshop for the first time. 

The effect shown above is the one I will show you how to create in this tutorial. If you would like to create the even more advanced, animated cinemagraph effect shown below, using just a single click and in only a few minutes, then check out my Cinemagraph Photoshop Action.

What You’ll Need

To recreate the design above, you will need the following resources:

• Stock Video

1. How to Start Creating an Action

First, open the video that you want to work with. To open your video, go to File > Import > Video Frames to Layers, choose your video, and click Open. Then, set the Range To Import to Selected Range Only and adjust the slider as shown below:

2. How to Crop the Video

Step 1

In this section, we are going to crop the video. In order to get a seamless looping animation, the first and last frame need to be as similar as possible. In this case, the 8 and 64 frames are very similar, so we need to make sure that the 8 frame is the first, and the 64 frame is the last frame in the Timeline panel. To do that, we are going to delete the frames outside this range.

Firstly, we are going to delete the layers that are included in these frames. Select the Layer 1 layer and Shift-click on the Layer 7 layer to select all layers between. Then, Right-click on any of the selected layers and choose Delete Layers.

Step 2

Select the 1 frame and Shift-click on the 7 frame to select all frames between. Then, in the Timeline panel, click on the top right-hand menu icon and choose Delete Frames.

Step 3

Now select the Layer 65 layer and Shift-click on the Layer 77 to select all layers between. Then, Right-click on any of the selected layers and choose Delete Layers.

Step 4

Select the 58 frame and Shift-click on the 70 frame to select all frames between. Then, in the Timeline panel, click on the top right-hand menu icon and choose Delete Frames.

3. How to Make Only a Specific Area Animated

Step 1

In this section, we are going to make only a specific area animated. Select Layer 1 and name it Base.

Step 2

Now select the Layer 9 layer and Shift-click on Layer 64 to select all layers between. Then, go to Layer > New > Group from Layers to create a new group from the selected layers and name it Active Area.

Step 3

Select the 1 frame and Shift-click on the 57 frame to select all frames between. Go to Layer > Layer Mask > Hide All to add a layer mask that hides the whole layer group.

Step 4

Now set the foreground color to #ffffff, choose the Brush Tool (B), pick a soft brush, and brush over the area that you want to stay active.

Step 5

Hide the Base layer and then show it again in order to make this layer visible through all the frames.

4. How to Save the Cinemagraph

In this section, we are going to save our cinemagraph as a looping animation. Go to File > Export > Save For Web and use the settings below:

You Made It!

Congratulations, you have succeeded! Here is our final result:

If you would like to create the even more advanced, animated cinemagraph effect
shown below, using just a single click and in only a few minutes, then
check out my Cinemagraph Photoshop Action.

The
action will create professional cinemagraph effects
from your videos with no work at all from your side! You simply brush
with a
color over the area that you want to stay active and just play the action. It’s really that simple! The action
will do all the work for you, leaving you fully layered and customizable
results that you can further modify.

The action comes with a detailed video tutorial that demonstrates how to use the action and customize the results to get the most out of the effect.

You may also like:

• 

  How to Create a Frozen Winter Adobe Photoshop Effect Action

  Learn how to use Adobe Photoshop to turn your photos into frozen winter photos inspired by white walkers from the Game of Thrones TV series.
• 

  How to Create a GTA Photo Effect Action in Adobe Photoshop

  In this tutorial you will learn how to create an amazing, artistic effect inspired by art style of the Grand Theft Auto video game, using Adobe Photoshop.
• 

  How to Create a Sketch Effect Action in Adobe Photoshop

  In this tutorial, I’m going to teach you how to create a Photoshop sketch effect. You will learn how to turn your photos into amazing, advanced sketches. I…
• 

  How to Make Watercolor Effects in Photoshop Quickly With Actions

  In this tutorial you will learn how to create an amazing watercolor effect in Adobe Photoshop, with simple instructions for Photoshop beginners.

Post pobrano z: How to Create a Cinemagraph Photo Effect Action in Adobe Photoshop

In this tutorial, you will learn how to create an amazing cinemagraph effect in Adobe Photoshop. I will explain everything in so much detail that anyone can create it, even those who have just opened Photoshop for the first time. 

The effect shown above is the one I will show you how to create in this tutorial. If you would like to create the even more advanced, animated cinemagraph effect shown below, using just a single click and in only a few minutes, then check out my Cinemagraph Photoshop Action.

What You’ll Need

To recreate the design above, you will need the following resources:

• Stock Video

1. How to Start Creating an Action

First, open the video that you want to work with. To open your video, go to File > Import > Video Frames to Layers, choose your video, and click Open. Then, set the Range To Import to Selected Range Only and adjust the slider as shown below:

2. How to Crop the Video

Step 1

In this section, we are going to crop the video. In order to get a seamless looping animation, the first and last frame need to be as similar as possible. In this case, the 8 and 64 frames are very similar, so we need to make sure that the 8 frame is the first, and the 64 frame is the last frame in the Timeline panel. To do that, we are going to delete the frames outside this range.

Firstly, we are going to delete the layers that are included in these frames. Select the Layer 1 layer and Shift-click on the Layer 7 layer to select all layers between. Then, Right-click on any of the selected layers and choose Delete Layers.

Step 2

Select the 1 frame and Shift-click on the 7 frame to select all frames between. Then, in the Timeline panel, click on the top right-hand menu icon and choose Delete Frames.

Step 3

Now select the Layer 65 layer and Shift-click on the Layer 77 to select all layers between. Then, Right-click on any of the selected layers and choose Delete Layers.

Step 4

Select the 58 frame and Shift-click on the 70 frame to select all frames between. Then, in the Timeline panel, click on the top right-hand menu icon and choose Delete Frames.

3. How to Make Only a Specific Area Animated

Step 1

In this section, we are going to make only a specific area animated. Select Layer 1 and name it Base.

Step 2

Now select the Layer 9 layer and Shift-click on Layer 64 to select all layers between. Then, go to Layer > New > Group from Layers to create a new group from the selected layers and name it Active Area.

Step 3

Select the 1 frame and Shift-click on the 57 frame to select all frames between. Go to Layer > Layer Mask > Hide All to add a layer mask that hides the whole layer group.

Step 4

Now set the foreground color to #ffffff, choose the Brush Tool (B), pick a soft brush, and brush over the area that you want to stay active.

Step 5

Hide the Base layer and then show it again in order to make this layer visible through all the frames.

4. How to Save the Cinemagraph

In this section, we are going to save our cinemagraph as a looping animation. Go to File > Export > Save For Web and use the settings below:

You Made It!

Congratulations, you have succeeded! Here is our final result:

If you would like to create the even more advanced, animated cinemagraph effect
shown below, using just a single click and in only a few minutes, then
check out my Cinemagraph Photoshop Action.

The
action will create professional cinemagraph effects
from your videos with no work at all from your side! You simply brush
with a
color over the area that you want to stay active and just play the action. It’s really that simple! The action
will do all the work for you, leaving you fully layered and customizable
results that you can further modify.

The action comes with a detailed video tutorial that demonstrates how to use the action and customize the results to get the most out of the effect.

You may also like:

• 

  How to Create a Frozen Winter Adobe Photoshop Effect Action

  Learn how to use Adobe Photoshop to turn your photos into frozen winter photos inspired by white walkers from the Game of Thrones TV series.
• 

  How to Create a GTA Photo Effect Action in Adobe Photoshop

  In this tutorial you will learn how to create an amazing, artistic effect inspired by art style of the Grand Theft Auto video game, using Adobe Photoshop.
• 

  How to Create a Sketch Effect Action in Adobe Photoshop

  In this tutorial, I’m going to teach you how to create a Photoshop sketch effect. You will learn how to turn your photos into amazing, advanced sketches. I…
• 

  How to Make Watercolor Effects in Photoshop Quickly With Actions

  In this tutorial you will learn how to create an amazing watercolor effect in Adobe Photoshop, with simple instructions for Photoshop beginners.

Post pobrano z: How to Create a Cartoon Text Effect in Adobe Photoshop

In this tutorial I will show you how to create an easy cartoon text effect, using a pattern and a layer style. 

This cartoon text effect we will be creating is a part of Cartoon and Comic Book Styles from my Cartoon and Comic Book Collection.

Tutorial Assets

The following assets were used during this tutorial:

• Brady Bunch Remastered font
• Red Dots pattern
• Stars background

Before you start creating the cartoon text effect, download and install
the font and the pattern into your Photoshop, and also download the
background.

1. How to Load a Document Background

We will use the Stars background from the Tutorial Assets as our document background. It is an 850 x 600 px JPG file. Go to File > Open and open star-background.jpg.

2. How to Create and Warp Text

This text effect is made of one layer, so you can save it as a new style in your Styles palette when you are done.

Step 1

Pick the Type Tool and select the Brady Bunch Remastered font. Set the Font Size around 212 pt. Write „SMASH!” with capital letters and with any color.

Step 2

Now we need to stretch the letter spaces. Select the text layer, and then go to the Character panel and change the Tracking to -20. If you can’t see the character panel icon, go to Type > Panels > Character Panel.

Step 3

The last step before we start applying the layer style is to warp our text. Right-click with your mouse on the text layer and select Warp Text from the menu. Set the Style to Arc, select Horizontal, and set the Bend to 30% and Horizontal Distortion to -30%. Now hit OK to apply the changes.

3. How to Create a Cartoon Text Effect

Step 1

Select the layer SMASH! and Double-click the layer to apply the following layer style:

Add a Stroke with these settings:

• Size: 10 px
• Position: Outside
• Blend Mode: Normal
• Opacity: 100%
• Fill Type: Gradient
• Style: Shape Burst
• Angle: 0°
• Check the Dither box
• Set the Gradient with these 2 color stops:
• First gradient stop Color #f80000 and Location at 45%
• Second gradient stop Color #000000 and Location at 59%

Step 2

Add an Inner Shadow with these settings:

• Blend Mode: Normal with the Color #fff000
• Opacity: 100%
• Uncheck the Use Global Light before setting Angle: 180°
• Distance: 3 px
• Choke: 100%
• Size: 0 px
• Check the Anti-aliased box

Step 3

Add a Satin effect with these settings:

• Blend Mode: Normal with the Color #fff000
• Opacity: 100%
• Angle: 90°
• Distance: 2 px
• Size: 0 px
• Check the Anti-aliased box
• Uncheck the Invert box, if checked

Step 4

Add a Color Overlay with these settings:

• Blend Mode: Multiply
• Click on the Color box and choose the color #fff000
• Opacity: 100%

Step 5

Add a Pattern Overlay with these settings:

• Click on the Pattern box and choose the Red Dots pattern
• Opacity: 100%
• Scale: 100%

Now you can change the pattern position: just Left-click and Drag your mouse over the text in the document to move the pattern up or down.

Step 6

Add an Outer Glow with these settings:

• Blend Mode: Normal
• Opacity: 100%
• Set Color of glow #fff000
• Technique: Softer
• Spread: 94%
• Size: 11 px
• Check the Anti-aliased box

Step 7

As a final step, add a Drop Shadow with these settings:

• Blend Mode: Multiply and pick the Color #000000
• Opacity: 100%
• Uncheck the Use Global Light before setting Angle: 120°
• Distance: 8 px
• Spread: 100%
• Size: 20 px
• Check the Anti-aliased box

Hit OK to apply the layer style.

Congratulations! You’re Done!

In this tutorial, you learned how to create a cartoon text effect in Adobe Photoshop.

We
started out by creating and warping our text, and then we added multiple different effects in order
to create our final text effect.

I hope you’ve enjoyed
this tutorial, and if you like the final effect, don’t forget to save
this style to your Layer Styles palette for future projects.

This text effect we just created is a part of Cartoon and Comic Book Styles.

Post pobrano z: How to Create a Cartoon Text Effect in Adobe Photoshop

In this tutorial I will show you how to create an easy cartoon text effect, using a pattern and a layer style. 

This cartoon text effect we will be creating is a part of Cartoon and Comic Book Styles from my Cartoon and Comic Book Collection.

Tutorial Assets

The following assets were used during this tutorial:

• Brady Bunch Remastered font
• Red Dots pattern
• Stars background

Before you start creating the cartoon text effect, download and install
the font and the pattern into your Photoshop, and also download the
background.

1. How to Load a Document Background

We will use the Stars background from the Tutorial Assets as our document background. It is an 850 x 600 px JPG file. Go to File > Open and open star-background.jpg.

2. How to Create and Warp Text

This text effect is made of one layer, so you can save it as a new style in your Styles palette when you are done.

Step 1

Pick the Type Tool and select the Brady Bunch Remastered font. Set the Font Size around 212 pt. Write „SMASH!” with capital letters and with any color.

Step 2

Now we need to stretch the letter spaces. Select the text layer, and then go to the Character panel and change the Tracking to -20. If you can’t see the character panel icon, go to Type > Panels > Character Panel.

Step 3

The last step before we start applying the layer style is to warp our text. Right-click with your mouse on the text layer and select Warp Text from the menu. Set the Style to Arc, select Horizontal, and set the Bend to 30% and Horizontal Distortion to -30%. Now hit OK to apply the changes.

3. How to Create a Cartoon Text Effect

Step 1

Select the layer SMASH! and Double-click the layer to apply the following layer style:

Add a Stroke with these settings:

• Size: 10 px
• Position: Outside
• Blend Mode: Normal
• Opacity: 100%
• Fill Type: Gradient
• Style: Shape Burst
• Angle: 0°
• Check the Dither box
• Set the Gradient with these 2 color stops:
• First gradient stop Color #f80000 and Location at 45%
• Second gradient stop Color #000000 and Location at 59%

Step 2

Add an Inner Shadow with these settings:

• Blend Mode: Normal with the Color #fff000
• Opacity: 100%
• Uncheck the Use Global Light before setting Angle: 180°
• Distance: 3 px
• Choke: 100%
• Size: 0 px
• Check the Anti-aliased box

Step 3

Add a Satin effect with these settings:

• Blend Mode: Normal with the Color #fff000
• Opacity: 100%
• Angle: 90°
• Distance: 2 px
• Size: 0 px
• Check the Anti-aliased box
• Uncheck the Invert box, if checked

Step 4

Add a Color Overlay with these settings:

• Blend Mode: Multiply
• Click on the Color box and choose the color #fff000
• Opacity: 100%

Step 5

Add a Pattern Overlay with these settings:

• Click on the Pattern box and choose the Red Dots pattern
• Opacity: 100%
• Scale: 100%

Now you can change the pattern position: just Left-click and Drag your mouse over the text in the document to move the pattern up or down.

Step 6

Add an Outer Glow with these settings:

• Blend Mode: Normal
• Opacity: 100%
• Set Color of glow #fff000
• Technique: Softer
• Spread: 94%
• Size: 11 px
• Check the Anti-aliased box

Step 7

As a final step, add a Drop Shadow with these settings:

• Blend Mode: Multiply and pick the Color #000000
• Opacity: 100%
• Uncheck the Use Global Light before setting Angle: 120°
• Distance: 8 px
• Spread: 100%
• Size: 20 px
• Check the Anti-aliased box

Hit OK to apply the layer style.

Congratulations! You’re Done!

In this tutorial, you learned how to create a cartoon text effect in Adobe Photoshop.

We
started out by creating and warping our text, and then we added multiple different effects in order
to create our final text effect.

I hope you’ve enjoyed
this tutorial, and if you like the final effect, don’t forget to save
this style to your Layer Styles palette for future projects.

This text effect we just created is a part of Cartoon and Comic Book Styles.

Post pobrano z: How to Create a Cartoon Text Effect in Adobe Photoshop

In this tutorial I will show you how to create an easy cartoon text effect, using a pattern and a layer style. 

This cartoon text effect we will be creating is a part of Cartoon and Comic Book Styles from my Cartoon and Comic Book Collection.

Tutorial Assets

The following assets were used during this tutorial:

• Brady Bunch Remastered font
• Red Dots pattern
• Stars background

Before you start creating the cartoon text effect, download and install
the font and the pattern into your Photoshop, and also download the
background.

1. How to Load a Document Background

We will use the Stars background from the Tutorial Assets as our document background. It is an 850 x 600 px JPG file. Go to File > Open and open star-background.jpg.

2. How to Create and Warp Text

This text effect is made of one layer, so you can save it as a new style in your Styles palette when you are done.

Step 1

Pick the Type Tool and select the Brady Bunch Remastered font. Set the Font Size around 212 pt. Write „SMASH!” with capital letters and with any color.

Step 2

Now we need to stretch the letter spaces. Select the text layer, and then go to the Character panel and change the Tracking to -20. If you can’t see the character panel icon, go to Type > Panels > Character Panel.

Step 3

The last step before we start applying the layer style is to warp our text. Right-click with your mouse on the text layer and select Warp Text from the menu. Set the Style to Arc, select Horizontal, and set the Bend to 30% and Horizontal Distortion to -30%. Now hit OK to apply the changes.

3. How to Create a Cartoon Text Effect

Step 1

Select the layer SMASH! and Double-click the layer to apply the following layer style:

Add a Stroke with these settings:

• Size: 10 px
• Position: Outside
• Blend Mode: Normal
• Opacity: 100%
• Fill Type: Gradient
• Style: Shape Burst
• Angle: 0°
• Check the Dither box
• Set the Gradient with these 2 color stops:
• First gradient stop Color #f80000 and Location at 45%
• Second gradient stop Color #000000 and Location at 59%

Step 2

Add an Inner Shadow with these settings:

• Blend Mode: Normal with the Color #fff000
• Opacity: 100%
• Uncheck the Use Global Light before setting Angle: 180°
• Distance: 3 px
• Choke: 100%
• Size: 0 px
• Check the Anti-aliased box

Step 3

Add a Satin effect with these settings:

• Blend Mode: Normal with the Color #fff000
• Opacity: 100%
• Angle: 90°
• Distance: 2 px
• Size: 0 px
• Check the Anti-aliased box
• Uncheck the Invert box, if checked

Step 4

Add a Color Overlay with these settings:

• Blend Mode: Multiply
• Click on the Color box and choose the color #fff000
• Opacity: 100%

Step 5

Add a Pattern Overlay with these settings:

• Click on the Pattern box and choose the Red Dots pattern
• Opacity: 100%
• Scale: 100%

Now you can change the pattern position: just Left-click and Drag your mouse over the text in the document to move the pattern up or down.

Step 6

Add an Outer Glow with these settings:

• Blend Mode: Normal
• Opacity: 100%
• Set Color of glow #fff000
• Technique: Softer
• Spread: 94%
• Size: 11 px
• Check the Anti-aliased box

Step 7

As a final step, add a Drop Shadow with these settings:

• Blend Mode: Multiply and pick the Color #000000
• Opacity: 100%
• Uncheck the Use Global Light before setting Angle: 120°
• Distance: 8 px
• Spread: 100%
• Size: 20 px
• Check the Anti-aliased box

Hit OK to apply the layer style.

Congratulations! You’re Done!

In this tutorial, you learned how to create a cartoon text effect in Adobe Photoshop.

We
started out by creating and warping our text, and then we added multiple different effects in order
to create our final text effect.

I hope you’ve enjoyed
this tutorial, and if you like the final effect, don’t forget to save
this style to your Layer Styles palette for future projects.

This text effect we just created is a part of Cartoon and Comic Book Styles.

Post pobrano z: How to Create a Cartoon Text Effect in Adobe Photoshop

In this tutorial I will show you how to create an easy cartoon text effect, using a pattern and a layer style. 

This cartoon text effect we will be creating is a part of Cartoon and Comic Book Styles from my Cartoon and Comic Book Collection.

Tutorial Assets

The following assets were used during this tutorial:

• Brady Bunch Remastered font
• Red Dots pattern
• Stars background

Before you start creating the cartoon text effect, download and install
the font and the pattern into your Photoshop, and also download the
background.

1. How to Load a Document Background

We will use the Stars background from the Tutorial Assets as our document background. It is an 850 x 600 px JPG file. Go to File > Open and open star-background.jpg.

2. How to Create and Warp Text

This text effect is made of one layer, so you can save it as a new style in your Styles palette when you are done.

Step 1

Pick the Type Tool and select the Brady Bunch Remastered font. Set the Font Size around 212 pt. Write „SMASH!” with capital letters and with any color.

Step 2

Now we need to stretch the letter spaces. Select the text layer, and then go to the Character panel and change the Tracking to -20. If you can’t see the character panel icon, go to Type > Panels > Character Panel.

Step 3

The last step before we start applying the layer style is to warp our text. Right-click with your mouse on the text layer and select Warp Text from the menu. Set the Style to Arc, select Horizontal, and set the Bend to 30% and Horizontal Distortion to -30%. Now hit OK to apply the changes.

3. How to Create a Cartoon Text Effect

Step 1

Select the layer SMASH! and Double-click the layer to apply the following layer style:

Add a Stroke with these settings:

• Size: 10 px
• Position: Outside
• Blend Mode: Normal
• Opacity: 100%
• Fill Type: Gradient
• Style: Shape Burst
• Angle: 0°
• Check the Dither box
• Set the Gradient with these 2 color stops:
• First gradient stop Color #f80000 and Location at 45%
• Second gradient stop Color #000000 and Location at 59%

Step 2

Add an Inner Shadow with these settings:

• Blend Mode: Normal with the Color #fff000
• Opacity: 100%
• Uncheck the Use Global Light before setting Angle: 180°
• Distance: 3 px
• Choke: 100%
• Size: 0 px
• Check the Anti-aliased box

Step 3

Add a Satin effect with these settings:

• Blend Mode: Normal with the Color #fff000
• Opacity: 100%
• Angle: 90°
• Distance: 2 px
• Size: 0 px
• Check the Anti-aliased box
• Uncheck the Invert box, if checked

Step 4

Add a Color Overlay with these settings:

• Blend Mode: Multiply
• Click on the Color box and choose the color #fff000
• Opacity: 100%

Step 5

Add a Pattern Overlay with these settings:

• Click on the Pattern box and choose the Red Dots pattern
• Opacity: 100%
• Scale: 100%

Now you can change the pattern position: just Left-click and Drag your mouse over the text in the document to move the pattern up or down.

Step 6

Add an Outer Glow with these settings:

• Blend Mode: Normal
• Opacity: 100%
• Set Color of glow #fff000
• Technique: Softer
• Spread: 94%
• Size: 11 px
• Check the Anti-aliased box

Step 7

As a final step, add a Drop Shadow with these settings:

• Blend Mode: Multiply and pick the Color #000000
• Opacity: 100%
• Uncheck the Use Global Light before setting Angle: 120°
• Distance: 8 px
• Spread: 100%
• Size: 20 px
• Check the Anti-aliased box

Hit OK to apply the layer style.

Congratulations! You’re Done!

In this tutorial, you learned how to create a cartoon text effect in Adobe Photoshop.

We
started out by creating and warping our text, and then we added multiple different effects in order
to create our final text effect.

I hope you’ve enjoyed
this tutorial, and if you like the final effect, don’t forget to save
this style to your Layer Styles palette for future projects.

This text effect we just created is a part of Cartoon and Comic Book Styles.

Post pobrano z: How to Create a Cartoon Text Effect in Adobe Photoshop

In this tutorial I will show you how to create an easy cartoon text effect, using a pattern and a layer style. 

This cartoon text effect we will be creating is a part of Cartoon and Comic Book Styles from my Cartoon and Comic Book Collection.

Tutorial Assets

The following assets were used during this tutorial:

• Brady Bunch Remastered font
• Red Dots pattern
• Stars background

Before you start creating the cartoon text effect, download and install
the font and the pattern into your Photoshop, and also download the
background.

1. How to Load a Document Background

We will use the Stars background from the Tutorial Assets as our document background. It is an 850 x 600 px JPG file. Go to File > Open and open star-background.jpg.

2. How to Create and Warp Text

This text effect is made of one layer, so you can save it as a new style in your Styles palette when you are done.

Step 1

Pick the Type Tool and select the Brady Bunch Remastered font. Set the Font Size around 212 pt. Write „SMASH!” with capital letters and with any color.

Step 2

Now we need to stretch the letter spaces. Select the text layer, and then go to the Character panel and change the Tracking to -20. If you can’t see the character panel icon, go to Type > Panels > Character Panel.

Step 3

The last step before we start applying the layer style is to warp our text. Right-click with your mouse on the text layer and select Warp Text from the menu. Set the Style to Arc, select Horizontal, and set the Bend to 30% and Horizontal Distortion to -30%. Now hit OK to apply the changes.

3. How to Create a Cartoon Text Effect

Step 1

Select the layer SMASH! and Double-click the layer to apply the following layer style:

Add a Stroke with these settings:

• Size: 10 px
• Position: Outside
• Blend Mode: Normal
• Opacity: 100%
• Fill Type: Gradient
• Style: Shape Burst
• Angle: 0°
• Check the Dither box
• Set the Gradient with these 2 color stops:
• First gradient stop Color #f80000 and Location at 45%
• Second gradient stop Color #000000 and Location at 59%

Step 2

Add an Inner Shadow with these settings:

• Blend Mode: Normal with the Color #fff000
• Opacity: 100%
• Uncheck the Use Global Light before setting Angle: 180°
• Distance: 3 px
• Choke: 100%
• Size: 0 px
• Check the Anti-aliased box

Step 3

Add a Satin effect with these settings:

• Blend Mode: Normal with the Color #fff000
• Opacity: 100%
• Angle: 90°
• Distance: 2 px
• Size: 0 px
• Check the Anti-aliased box
• Uncheck the Invert box, if checked

Step 4

Add a Color Overlay with these settings:

• Blend Mode: Multiply
• Click on the Color box and choose the color #fff000
• Opacity: 100%

Step 5

Add a Pattern Overlay with these settings:

• Click on the Pattern box and choose the Red Dots pattern
• Opacity: 100%
• Scale: 100%

Now you can change the pattern position: just Left-click and Drag your mouse over the text in the document to move the pattern up or down.

Step 6

Add an Outer Glow with these settings:

• Blend Mode: Normal
• Opacity: 100%
• Set Color of glow #fff000
• Technique: Softer
• Spread: 94%
• Size: 11 px
• Check the Anti-aliased box

Step 7

As a final step, add a Drop Shadow with these settings:

• Blend Mode: Multiply and pick the Color #000000
• Opacity: 100%
• Uncheck the Use Global Light before setting Angle: 120°
• Distance: 8 px
• Spread: 100%
• Size: 20 px
• Check the Anti-aliased box

Hit OK to apply the layer style.

Congratulations! You’re Done!

In this tutorial, you learned how to create a cartoon text effect in Adobe Photoshop.

We
started out by creating and warping our text, and then we added multiple different effects in order
to create our final text effect.

I hope you’ve enjoyed
this tutorial, and if you like the final effect, don’t forget to save
this style to your Layer Styles palette for future projects.

This text effect we just created is a part of Cartoon and Comic Book Styles.

Post pobrano z: How to Create a Cartoon Text Effect in Adobe Photoshop

In this tutorial I will show you how to create an easy cartoon text effect, using a pattern and a layer style. 

This cartoon text effect we will be creating is a part of Cartoon and Comic Book Styles from my Cartoon and Comic Book Collection.

Tutorial Assets

The following assets were used during this tutorial:

• Brady Bunch Remastered font
• Red Dots pattern
• Stars background

Before you start creating the cartoon text effect, download and install
the font and the pattern into your Photoshop, and also download the
background.

1. How to Load a Document Background

We will use the Stars background from the Tutorial Assets as our document background. It is an 850 x 600 px JPG file. Go to File > Open and open star-background.jpg.

2. How to Create and Warp Text

This text effect is made of one layer, so you can save it as a new style in your Styles palette when you are done.

Step 1

Pick the Type Tool and select the Brady Bunch Remastered font. Set the Font Size around 212 pt. Write „SMASH!” with capital letters and with any color.

Step 2

Now we need to stretch the letter spaces. Select the text layer, and then go to the Character panel and change the Tracking to -20. If you can’t see the character panel icon, go to Type > Panels > Character Panel.

Step 3

The last step before we start applying the layer style is to warp our text. Right-click with your mouse on the text layer and select Warp Text from the menu. Set the Style to Arc, select Horizontal, and set the Bend to 30% and Horizontal Distortion to -30%. Now hit OK to apply the changes.

3. How to Create a Cartoon Text Effect

Step 1

Select the layer SMASH! and Double-click the layer to apply the following layer style:

Add a Stroke with these settings:

• Size: 10 px
• Position: Outside
• Blend Mode: Normal
• Opacity: 100%
• Fill Type: Gradient
• Style: Shape Burst
• Angle: 0°
• Check the Dither box
• Set the Gradient with these 2 color stops:
• First gradient stop Color #f80000 and Location at 45%
• Second gradient stop Color #000000 and Location at 59%

Step 2

Add an Inner Shadow with these settings:

• Blend Mode: Normal with the Color #fff000
• Opacity: 100%
• Uncheck the Use Global Light before setting Angle: 180°
• Distance: 3 px
• Choke: 100%
• Size: 0 px
• Check the Anti-aliased box

Step 3

Add a Satin effect with these settings:

• Blend Mode: Normal with the Color #fff000
• Opacity: 100%
• Angle: 90°
• Distance: 2 px
• Size: 0 px
• Check the Anti-aliased box
• Uncheck the Invert box, if checked

Step 4

Add a Color Overlay with these settings:

• Blend Mode: Multiply
• Click on the Color box and choose the color #fff000
• Opacity: 100%

Step 5

Add a Pattern Overlay with these settings:

• Click on the Pattern box and choose the Red Dots pattern
• Opacity: 100%
• Scale: 100%

Now you can change the pattern position: just Left-click and Drag your mouse over the text in the document to move the pattern up or down.

Step 6

Add an Outer Glow with these settings:

• Blend Mode: Normal
• Opacity: 100%
• Set Color of glow #fff000
• Technique: Softer
• Spread: 94%
• Size: 11 px
• Check the Anti-aliased box

Step 7

As a final step, add a Drop Shadow with these settings:

• Blend Mode: Multiply and pick the Color #000000
• Opacity: 100%
• Uncheck the Use Global Light before setting Angle: 120°
• Distance: 8 px
• Spread: 100%
• Size: 20 px
• Check the Anti-aliased box

Hit OK to apply the layer style.

Congratulations! You’re Done!

In this tutorial, you learned how to create a cartoon text effect in Adobe Photoshop.

We
started out by creating and warping our text, and then we added multiple different effects in order
to create our final text effect.

I hope you’ve enjoyed
this tutorial, and if you like the final effect, don’t forget to save
this style to your Layer Styles palette for future projects.

This text effect we just created is a part of Cartoon and Comic Book Styles.

Post pobrano z: How to Draw a Sugar Skull

Sugar skulls are traditional decorative skulls created for the celebration of Día de Muertos—the Mexican Day of the Dead holiday. It’s believed that on November 1 and 2 the souls of the deceased come down to reunite with their loved ones. To celebrate, families create special altars for remembrance of the lost members and decorate them with flowers, candles, food, and little ornamented skulls made of sugar or clay—one skull for each loved one.

Because of their distinctive look, sugar skulls have become an unofficial symbol of the holiday, and as such can be created in various mediums—sculpted, painted, drawn, and even used as a special make-up during the celebration.

Drawing a sugar skull is simple and relaxing. In this tutorial I will show you how to draw a sugar skull step by step, but you don’t have to follow my instructions strictly—feel free to decorate it your own way!

How to Draw a Sugar Skull

Step 1

First you need some kind of a template of a skull. It could be a photo of a real skull or a drawing. Feel free to use an illustration from my tutorial How to Draw a Skull. If you’re drawing digitally, just place it as a layer with low opacity. If you’re drawing traditionally, trace the skull to a new sheet of paper with a pencil. Do it lightly, so that you can erase these lines later.

Step 2

Draw the basic outline of your skull with ink or another dark tool. Sugar skulls tend to be heavily stylized, so feel free to modify the shape as a part of your style.

Step 3

Thick outlines are a good way to accentuate a shape. Give the eye sockets a flower-like edge, and outline the nose.

Step 4

Decorate the borders of the eye sockets with dots to make them less empty.

Step 5

Flowers are a very popular way to decorate a sugar skull! Let’s add some flowers then. Start with a round center.

Step 6

To draw the petals in a regular way, first draw the borders between them.

Step 7

Turn slightly towards the middle of the planned petal to sketch its shape.

Step 8

„Close” the petals by adding a ragged edge.

Step 9

Decorate the petals a little.

Step 10

Add some darkness to create an appealing contrast.

Step 11

Outline the teeth now. Again, no need to draw them realistically. You can draw them as a row of rectangles, or like a simple zip.

Step 12

There’s a lot of empty space between the elements we already have. Let’s fill it with ornaments.

Step 13

Any space left? Let’s add some new shapes:

Step 14

Finally, erase/remove the guide lines of the skull, and clean up the lines. Even a simple decoration will look intricate if you add some variety in the thickness of the lines.

Good Job!

Now you know how to draw a sugar skull! If you followed this tutorial, please share your end result in the comments—we’d love to see it!

If you want to try other tutorials about sugar skulls, we have something for you:

• 
  Photo Manipulation
  How to Create a Floral Sugar Skull Photo Manipulation With Adobe Photoshop
  Jenny Le

• 
  Illustration
  Create „Dia De Los Muertos” Decorations on a Skull in Adobe Illustrator
  Miss ChatZ

• 
  Day of the Dead
  How to Make a Neon Calavera Girl Vector Portrait in Adobe Illustrator
  Mary Winkler

And if you found this tutorial pleasantly relaxing, you can find similar ones here:

• 
  Drawing
  Art Therapy: How to Draw a Mandala
  Monika Zagrobelna

• 
  Drawing
  Art Therapy: Draw by Numbers for Adults
  Monika Zagrobelna

• 
  Typography
  How to Create Floral Typography With Ink
  Monika Zagrobelna