Being able to convert video formats has
become essential nowadays, especially if you’re managing lots of video files,
using different types of devices, or sharing and distributing videos in any
way. It is easier than ever to convert video formats as well nowadays, as there
are many user-friendly video converters as well as online converters that can
be used.
However before you start to convert your
videos between different formats, there are a few important facts that you
should be aware of:
Store the original video file in its original quality
As far as
possible you should always store the original video file in its original
quality. That is due to the fact that while it is possible to downscale the
video or lower its bitrate to optimize it for certain devices, upscaling or
increasing its bitrate won’t restore its original quality.
If the original
video file is an uncompressed or lossless
video file that is too large for you to store, you should consider
compressing it once into a more accessible format with better compression (such
as MP4 with H.264). While not ideal, you can at least store that copy in as
close to the original quality as possible.
Of course if
storage space isn’t an issue, keeping a lossless copy of the video file is
ideal – and it is often what is done during professional video production.
Avoid transcoding a video file multiple times
Transcoding is
basically when you convert a video format from one codec to a different codec.
Because each codec uses different compression, some data from the original
video will be discarded.
If you were to
just transcode a video once that lost data won’t be that noticeable. However if
you transcode the same video multiple times (e.g. from H.264 to H.265 to H.264
again, and so on), eventually the data that is lost will start to add up and
affect the video quality.
That is why you
should always try to avoid transcoding any video file multiple times.
Additionally it is another reason why keeping the original video file is a good
policy – since you can transcode different versions of the video directly from
it and minimize the data loss.
Always check for hardware acceleration and not just software support
When you play a
video in any format on any device, it needs to be decoded from the compressed
video file before it can be displayed. That decoding can either be handled on a
software level (i.e. software support) or can be offloaded to the hardware.
As a rule it is
always best if the codec you use is supported by the hardware of the device it
is going to be played on. Software decoding is not only processor intensive,
but also consumes a lot of power – which can be an issue on devices with a
limited battery life.
In contrast
hardware decoding is more efficient and requires a fraction of the power,
making it certainly the preferable option. The only downside is that it takes
time for devices to have hardware support built-in.
Actually converting videos from one format
to another is the easy part, especially with a user-friendly movie converter. For example
you could try Movavi Video Converter if you need one with a wide range of
supported formats.
Regardless of the converter that you use each of these facts will help you to convert videos more effectively while preserving their quality. On your part, all you need to do is make it a point to keep them in mind the next time you need to convert a video.
Thanks to the growth of technology, it’s
now possible to work
at home and find success. However, it can be hard to achieve that success
if your work computer is not running at peak performance. In fact, if your
tools of the trade are lagging, it can be crippling to your online business.
There are few instances more exasperating than a new laptop or PC which takes all day to run programs or execute tasks. While you may be tempted to pull your hair out and purchase a new machine, your slowdowns may be preventable. To that end, we will discuss several avenues you can pursue that very well may be the cause for your computer’s slow performance.
Your Hard
Disk Space is Full
As time goes on, you will inevitably
download programs, applications, photos, files, and other types of data to your
computer. These things take up memory, with some filling up more space than
others. If you are making your living in graphic
design, you will no doubt use up more memory and hard disk space than would
someone who merely uses their computer for internet browsing. For this reason,
it is advised that you purchase an external
hard drive.
Eventually, as more and more files are
saved, your central processing unit will inevitably run out of space or grow
dangerously close to that capacity. Memory is necessary for programs to run
smoothly and it’s recommended that you leave at least 15%-20% space of hard
disk available for your computer to be able to run at peak performance.
Consider downloading a program like WinDirStat
in order to view disk usage statistics and then use it to remove some
unnecessary files. If you wish to manually check your disk space, take the
following steps:
Hit Start
Open Windows File Explorer
Click on your PC
Look below the Windows (C:) to
see the percentage of hard disk space available
If the hard disk is full,
remove programs that take up space
Programs are Running in the Background
A common culprit for computer slowdowns is
background programs that automatically and continuously run without your
directive. Such programs like ESET are
necessary to protect you from malicious software but should be set to scan manually
by your command, rather than on a continuous loop. Continuous scans use up a
ton of space and processing power, which in turn lead to slower speeds. In
order to see background programs and the CPU percentage they require, take the
following steps:
Open up Windows Task Manager
Go to Processes
Click on hidden and visible
programs
Double click the programs you
no longer want to run in the background
Hit “End Task”
Monitor Refresh Rate
The refresh rate of a monitor can have a
marked impact on input lag. For designers, such issues can seriously throw off
your ability to operate at peak levels. Your time
management might be thrown entirely out of whack by this small but annoying
slowdown. Read up on your monitor
refresh rate,
including what it is, how to view it, and ways to change it.
Stop Auto Launch
Many programs to try and launch
automatically every single time you turn on your PC. While our four
productivity apps for students are fantastic, if they are set to
auto-launch, they can lead to lags by diverting memory and processing that
should be working elsewhere. If you wish to stop the auto launch, take the
following steps:
Open up Settings
Hit “Applications”
Click “Startup”
Uncheck apps you do not want
set to autorun
Remove Browser Add-ons
Browser extensions
are fantastic tools that can improve your time on the internet. That said, they
may be responsible for slowdowns, especially if you have a lot of them running
at one time. Sometimes extensions crossfire and send out conflicting commands
that affects speed while browsing. By clicking on “manage extensions,” you can
see which add-ons you are running and how much space they take up.
Last Word
Computers are very sophisticated tools so there are several explanations for why they may be running at a snail’s pace. Carefully go through all of these suggestions to see if they are, in fact, the cause underlying your computer’s laggy performance before buying a new device.
The stitched felt effect action is also included in my new Christmas Photoshop Actions Bundle. The bundle contains 10 useful actions for the winter holidays.
Tutorial Assets
To create this Photoshop text effect, I will use the following assets:
Create a new document in Photoshop. The size of the canvas is 850 x 600px, resolution 72 dpi. If you use another canvas size, you have to adjust the layer styles.
Step 2
Add a new layer and call it Felt Background. Fill the layer with any color you like.
Step 3
Add a Pattern Overlay layer style. Click on the arrow to Load Patterns and choose the felt-pattern.pat file.
Step 4
Add a Color Overlay (color #428fc7)to the Felt Background layer.
2. How to Create the Felt Photoshop Text Effect
Step 1
I will create the text in a new document. So make a new file and add your text. Set the size to 320 pt.
Step 2
Toggle the Character and Paragraph panels and set the tracking for the selected characters to around 200.
Step 3
Press Control-J to make two copies of the text layer.
Step 4
Add a Stroke layer style of 15 px to the Felt Text 1 layer. The color of the border is not important, so you can choose any color you want.
Step 5
Add a Stroke layer style of 10 px to the Felt Text 2 layer. The color of the border is not important, so you can choose any color you want.
Step 6
Set the Fill of the Felt Text 3 layer to 0%.
Add a Bevel and Emboss layer style (color #ffffff and #000000) to the Felt Text 3 layer.
Step 7
Go to the Felt Text 1 layer, right-click and choose Convert to Smart Object. Do the same for the Felt Text 2 andFelt Text 3 layers.
Step 8
I will hide the Felt Text 2 andFelt Text 3 layers for now.
Go to the Felt Text 1 smart object and add these layer styles:
Drop Shadow (color #000000)
Color Overlay (color #328f1f)
Pattern Overlay (felt-pattern)
Bevel and Emboss (color #ffffff and #000000)
Step 9
To expand the text, go to Filter > Other > Minimum and set the Radius to 10 px.
Step 10
Go to the Felt Text 2 smart object and add these layer styles:
Drop Shadow (color #000000)
Color Overlay (color #c11a1a)
Pattern Overlay (felt-pattern)
Bevel and Emboss (color #ffffff and #000000)
Step 11
Go to the Felt Text 3 smart object and set the blend mode to Overlay.
Step 12
Go to Filter > Blur > Gaussian Blur and set the Radius to around 3.3 px.
Step 13
The felt text effect should now look like this. You can, of course, choose any colors you like for the felt pattern.
3. Create a Stitch Brush in Photoshop
Step 1
Let’s create a stitch brush for the felt Photoshop text effect.
Create a new PSD file, size 27 x 5 px. Fill the canvas with color black. Go to Edit > Define Brush Preset. Set the brush name to „stitch” and click OK.
Step 2
Choose the Brush Tool and select the „stitch” brush from the Brush Preset Picker. Toggle the Brush panel and make the following settings: Spacing750% and set the Angle Jitter to Direction.
Step 3
Click on the top right corner of the Brush panel and choose New Brush Preset. Name the new brush „stitch2”.
You can now close the file in which you created the brush.
4. Add a Stitch Effect in Photoshop
Step 1
Press Shift-Control-N to create a new layer called Stitch Effect.
Keep the Control key pressed and click on the thumbnail of the Felt Text 2 smart object to make a selection.
Step 2
Go to Select > Modify > Contract and contract by 12 pixels.
Step 3
Go to the Path tab and choose Make Work Path from the selection.
Step 4
Create a new layer above the Felt Text 3 layer and call it Stitch Effect.
Pick the Brush Tool and select the stitch brush.
Step 5
Go to the Path tab and choose Stroke Work Path.
Step 6
Press Delete to remove the work path.
Step 7
Add these layer styles to the Stitch Effect layer:
Drop Shadow (color #000000)
Color Overlay (color #e3dbc2)
Bevel and Emboss (color #ffffff and #000000)
5. Create the Felt Letters
Step 1
Select all the layers and right-click to Convert to Smart Object.
Step 2
Right-click on the Felt Text smart object and choose Duplicate Layer. For the Destination, choose the initial document, the one with the felt background.
Step 3
Make a copy of the Felt Text smart object and hide it. That way, you have the original text intact.
Rasterize the Felt Text smart object.
Step 4
Use the Rectangular Marquee Tool to select the letter F. Press Control-X and Control-V to cut and paste the letter F onto another layer.
Step 5
Do the same for all the letters. Now you have the felt text letters on separate layers.
Step 6
Press Control-T to Rotate and Move the letters as you like.
6. How to Make a Shadow in Photoshop
Step 1
As you can see, the letters look a little flat and have the same shadow. So to make them look more realistic, add different Drop Shadow layer styles to each letter.
Start with the F layer.
Step 2
Add a Drop Shadow layer style to the E layer.
Step 3
Add a Drop Shadow layer style to the L layer.
Step 4
Add a Drop Shadow layer style to the T layer.
You can also add an Inner Shadow layer style to each layer.
7. Change the Color of the Felt Photoshop Text Effect
If you want to change the color of the felt letters, add a Hue/Saturation adjustment layer for the letter that you want to modify. If you want to change the red color, choose the Reds channel.
Click the Clip to Layer button to add the adjustment only for that layer.
In the same way, you can change any letter you want.
8. Add Felt Ornaments
Step 1
Use the Pen Tool to add shapes like trees and clouds.
Step 2
Click on the Add to Shape Area if you want to create multiple shapes on the same layer.
I made two separate layers with tree shapes and one separate layer with cloud shapes. I did that because I want to add different colors to the shapes.
Step 3
For each layer, add these layer styles:
Drop Shadow (color #000000)
Color Overlay (choose the color that you like)
Pattern Overlay (felt-pattern)
Bevel and Emboss (color #ffffff and #000000)
Step 4
You can also create a new layer and use the Brush Tool to add some stitch effects using the stitch brush.
9. Create Clothes Buttons in Photoshop
Step 1
To create the clothes button, I use the Ellipse Tool. Keep the Shift key pressed and draw to create a circle.
Step 2
Click on the Subtract from Shape Area button and add a circle inside the first circle to make a hole. Do this three more times.
Step 3
Add these layer styles to the Clothes Button layer:
Drop Shadow (color #000000)
Color Overlay (color #c8350d or choose the color that you like)
Bevel and Emboss (color #ffffff and #000000)
Step 4
Create a new circle shape layer. Click on the Subtract from Shape Area button and add a large circle inside the first circle to make a hole.
Step 5
Go to the Clothes Button 1 layer, right-click and choose Copy Layer Style. Go to the Clothes Button 2 layer, right-click and choose Paste Layer Style.
You can modify the layer style as you wish to create endless results. Change the Color Overlay, the Bevel and Emboss settings, etc.
Step 6
Create a new layer and call it Thread. Use the Brush Tool to create a thread.
Create another layer and call it Thread. Use the Brush Tool to create another thread.
Step 7
Add these layer styles to the Thread layers:
Drop Shadow (color #000000)
Color Overlay (color #b9b9b9)
Inner Shadow (color #000000)
Bevel and Emboss (color #ffffff and #000000)
Step 8
In the same way, you can create more buttons with different colors and sizes.
Congratulations! You’re Done!
In this tutorial, you’ve learned how to create a felt text effect in Photoshop from scratch using brushes and patterns. Photoshop text effects are really useful, so I hope you’ve enjoyed this tutorial.
The new Christmas Photoshop Actions Bundle contains 10 actions that you can use for the winter festive holidays. The stitched felt effect action is also included in the bundle.
In this tutorial, I will show you how to create a realistic rubber stamp effect in Photoshop. Turn any photo into a rubber stamp in just a few quick steps.
The stitched felt effect action is also included in my new Christmas Photoshop Actions Bundle. The bundle contains 10 useful actions for the winter holidays.
Tutorial Assets
To create this Photoshop text effect, I will use the following assets:
Create a new document in Photoshop. The size of the canvas is 850 x 600px, resolution 72 dpi. If you use another canvas size, you have to adjust the layer styles.
Step 2
Add a new layer and call it Felt Background. Fill the layer with any color you like.
Step 3
Add a Pattern Overlay layer style. Click on the arrow to Load Patterns and choose the felt-pattern.pat file.
Step 4
Add a Color Overlay (color #428fc7)to the Felt Background layer.
2. How to Create the Felt Photoshop Text Effect
Step 1
I will create the text in a new document. So make a new file and add your text. Set the size to 320 pt.
Step 2
Toggle the Character and Paragraph panels and set the tracking for the selected characters to around 200.
Step 3
Press Control-J to make two copies of the text layer.
Step 4
Add a Stroke layer style of 15 px to the Felt Text 1 layer. The color of the border is not important, so you can choose any color you want.
Step 5
Add a Stroke layer style of 10 px to the Felt Text 2 layer. The color of the border is not important, so you can choose any color you want.
Step 6
Set the Fill of the Felt Text 3 layer to 0%.
Add a Bevel and Emboss layer style (color #ffffff and #000000) to the Felt Text 3 layer.
Step 7
Go to the Felt Text 1 layer, right-click and choose Convert to Smart Object. Do the same for the Felt Text 2 andFelt Text 3 layers.
Step 8
I will hide the Felt Text 2 andFelt Text 3 layers for now.
Go to the Felt Text 1 smart object and add these layer styles:
Drop Shadow (color #000000)
Color Overlay (color #328f1f)
Pattern Overlay (felt-pattern)
Bevel and Emboss (color #ffffff and #000000)
Step 9
To expand the text, go to Filter > Other > Minimum and set the Radius to 10 px.
Step 10
Go to the Felt Text 2 smart object and add these layer styles:
Drop Shadow (color #000000)
Color Overlay (color #c11a1a)
Pattern Overlay (felt-pattern)
Bevel and Emboss (color #ffffff and #000000)
Step 11
Go to the Felt Text 3 smart object and set the blend mode to Overlay.
Step 12
Go to Filter > Blur > Gaussian Blur and set the Radius to around 3.3 px.
Step 13
The felt text effect should now look like this. You can, of course, choose any colors you like for the felt pattern.
3. Create a Stitch Brush in Photoshop
Step 1
Let’s create a stitch brush for the felt Photoshop text effect.
Create a new PSD file, size 27 x 5 px. Fill the canvas with color black. Go to Edit > Define Brush Preset. Set the brush name to „stitch” and click OK.
Step 2
Choose the Brush Tool and select the „stitch” brush from the Brush Preset Picker. Toggle the Brush panel and make the following settings: Spacing750% and set the Angle Jitter to Direction.
Step 3
Click on the top right corner of the Brush panel and choose New Brush Preset. Name the new brush „stitch2”.
You can now close the file in which you created the brush.
4. Add a Stitch Effect in Photoshop
Step 1
Press Shift-Control-N to create a new layer called Stitch Effect.
Keep the Control key pressed and click on the thumbnail of the Felt Text 2 smart object to make a selection.
Step 2
Go to Select > Modify > Contract and contract by 12 pixels.
Step 3
Go to the Path tab and choose Make Work Path from the selection.
Step 4
Create a new layer above the Felt Text 3 layer and call it Stitch Effect.
Pick the Brush Tool and select the stitch brush.
Step 5
Go to the Path tab and choose Stroke Work Path.
Step 6
Press Delete to remove the work path.
Step 7
Add these layer styles to the Stitch Effect layer:
Drop Shadow (color #000000)
Color Overlay (color #e3dbc2)
Bevel and Emboss (color #ffffff and #000000)
5. Create the Felt Letters
Step 1
Select all the layers and right-click to Convert to Smart Object.
Step 2
Right-click on the Felt Text smart object and choose Duplicate Layer. For the Destination, choose the initial document, the one with the felt background.
Step 3
Make a copy of the Felt Text smart object and hide it. That way, you have the original text intact.
Rasterize the Felt Text smart object.
Step 4
Use the Rectangular Marquee Tool to select the letter F. Press Control-X and Control-V to cut and paste the letter F onto another layer.
Step 5
Do the same for all the letters. Now you have the felt text letters on separate layers.
Step 6
Press Control-T to Rotate and Move the letters as you like.
6. How to Make a Shadow in Photoshop
Step 1
As you can see, the letters look a little flat and have the same shadow. So to make them look more realistic, add different Drop Shadow layer styles to each letter.
Start with the F layer.
Step 2
Add a Drop Shadow layer style to the E layer.
Step 3
Add a Drop Shadow layer style to the L layer.
Step 4
Add a Drop Shadow layer style to the T layer.
You can also add an Inner Shadow layer style to each layer.
7. Change the Color of the Felt Photoshop Text Effect
If you want to change the color of the felt letters, add a Hue/Saturation adjustment layer for the letter that you want to modify. If you want to change the red color, choose the Reds channel.
Click the Clip to Layer button to add the adjustment only for that layer.
In the same way, you can change any letter you want.
8. Add Felt Ornaments
Step 1
Use the Pen Tool to add shapes like trees and clouds.
Step 2
Click on the Add to Shape Area if you want to create multiple shapes on the same layer.
I made two separate layers with tree shapes and one separate layer with cloud shapes. I did that because I want to add different colors to the shapes.
Step 3
For each layer, add these layer styles:
Drop Shadow (color #000000)
Color Overlay (choose the color that you like)
Pattern Overlay (felt-pattern)
Bevel and Emboss (color #ffffff and #000000)
Step 4
You can also create a new layer and use the Brush Tool to add some stitch effects using the stitch brush.
9. Create Clothes Buttons in Photoshop
Step 1
To create the clothes button, I use the Ellipse Tool. Keep the Shift key pressed and draw to create a circle.
Step 2
Click on the Subtract from Shape Area button and add a circle inside the first circle to make a hole. Do this three more times.
Step 3
Add these layer styles to the Clothes Button layer:
Drop Shadow (color #000000)
Color Overlay (color #c8350d or choose the color that you like)
Bevel and Emboss (color #ffffff and #000000)
Step 4
Create a new circle shape layer. Click on the Subtract from Shape Area button and add a large circle inside the first circle to make a hole.
Step 5
Go to the Clothes Button 1 layer, right-click and choose Copy Layer Style. Go to the Clothes Button 2 layer, right-click and choose Paste Layer Style.
You can modify the layer style as you wish to create endless results. Change the Color Overlay, the Bevel and Emboss settings, etc.
Step 6
Create a new layer and call it Thread. Use the Brush Tool to create a thread.
Create another layer and call it Thread. Use the Brush Tool to create another thread.
Step 7
Add these layer styles to the Thread layers:
Drop Shadow (color #000000)
Color Overlay (color #b9b9b9)
Inner Shadow (color #000000)
Bevel and Emboss (color #ffffff and #000000)
Step 8
In the same way, you can create more buttons with different colors and sizes.
Congratulations! You’re Done!
In this tutorial, you’ve learned how to create a felt text effect in Photoshop from scratch using brushes and patterns. Photoshop text effects are really useful, so I hope you’ve enjoyed this tutorial.
The new Christmas Photoshop Actions Bundle contains 10 actions that you can use for the winter festive holidays. The stitched felt effect action is also included in the bundle.
In this tutorial, I will show you how to create a realistic rubber stamp effect in Photoshop. Turn any photo into a rubber stamp in just a few quick steps.
The stitched felt effect action is also included in my new Christmas Photoshop Actions Bundle. The bundle contains 10 useful actions for the winter holidays.
Tutorial Assets
To create this Photoshop text effect, I will use the following assets:
Create a new document in Photoshop. The size of the canvas is 850 x 600px, resolution 72 dpi. If you use another canvas size, you have to adjust the layer styles.
Step 2
Add a new layer and call it Felt Background. Fill the layer with any color you like.
Step 3
Add a Pattern Overlay layer style. Click on the arrow to Load Patterns and choose the felt-pattern.pat file.
Step 4
Add a Color Overlay (color #428fc7)to the Felt Background layer.
2. How to Create the Felt Photoshop Text Effect
Step 1
I will create the text in a new document. So make a new file and add your text. Set the size to 320 pt.
Step 2
Toggle the Character and Paragraph panels and set the tracking for the selected characters to around 200.
Step 3
Press Control-J to make two copies of the text layer.
Step 4
Add a Stroke layer style of 15 px to the Felt Text 1 layer. The color of the border is not important, so you can choose any color you want.
Step 5
Add a Stroke layer style of 10 px to the Felt Text 2 layer. The color of the border is not important, so you can choose any color you want.
Step 6
Set the Fill of the Felt Text 3 layer to 0%.
Add a Bevel and Emboss layer style (color #ffffff and #000000) to the Felt Text 3 layer.
Step 7
Go to the Felt Text 1 layer, right-click and choose Convert to Smart Object. Do the same for the Felt Text 2 andFelt Text 3 layers.
Step 8
I will hide the Felt Text 2 andFelt Text 3 layers for now.
Go to the Felt Text 1 smart object and add these layer styles:
Drop Shadow (color #000000)
Color Overlay (color #328f1f)
Pattern Overlay (felt-pattern)
Bevel and Emboss (color #ffffff and #000000)
Step 9
To expand the text, go to Filter > Other > Minimum and set the Radius to 10 px.
Step 10
Go to the Felt Text 2 smart object and add these layer styles:
Drop Shadow (color #000000)
Color Overlay (color #c11a1a)
Pattern Overlay (felt-pattern)
Bevel and Emboss (color #ffffff and #000000)
Step 11
Go to the Felt Text 3 smart object and set the blend mode to Overlay.
Step 12
Go to Filter > Blur > Gaussian Blur and set the Radius to around 3.3 px.
Step 13
The felt text effect should now look like this. You can, of course, choose any colors you like for the felt pattern.
3. Create a Stitch Brush in Photoshop
Step 1
Let’s create a stitch brush for the felt Photoshop text effect.
Create a new PSD file, size 27 x 5 px. Fill the canvas with color black. Go to Edit > Define Brush Preset. Set the brush name to „stitch” and click OK.
Step 2
Choose the Brush Tool and select the „stitch” brush from the Brush Preset Picker. Toggle the Brush panel and make the following settings: Spacing750% and set the Angle Jitter to Direction.
Step 3
Click on the top right corner of the Brush panel and choose New Brush Preset. Name the new brush „stitch2”.
You can now close the file in which you created the brush.
4. Add a Stitch Effect in Photoshop
Step 1
Press Shift-Control-N to create a new layer called Stitch Effect.
Keep the Control key pressed and click on the thumbnail of the Felt Text 2 smart object to make a selection.
Step 2
Go to Select > Modify > Contract and contract by 12 pixels.
Step 3
Go to the Path tab and choose Make Work Path from the selection.
Step 4
Create a new layer above the Felt Text 3 layer and call it Stitch Effect.
Pick the Brush Tool and select the stitch brush.
Step 5
Go to the Path tab and choose Stroke Work Path.
Step 6
Press Delete to remove the work path.
Step 7
Add these layer styles to the Stitch Effect layer:
Drop Shadow (color #000000)
Color Overlay (color #e3dbc2)
Bevel and Emboss (color #ffffff and #000000)
5. Create the Felt Letters
Step 1
Select all the layers and right-click to Convert to Smart Object.
Step 2
Right-click on the Felt Text smart object and choose Duplicate Layer. For the Destination, choose the initial document, the one with the felt background.
Step 3
Make a copy of the Felt Text smart object and hide it. That way, you have the original text intact.
Rasterize the Felt Text smart object.
Step 4
Use the Rectangular Marquee Tool to select the letter F. Press Control-X and Control-V to cut and paste the letter F onto another layer.
Step 5
Do the same for all the letters. Now you have the felt text letters on separate layers.
Step 6
Press Control-T to Rotate and Move the letters as you like.
6. How to Make a Shadow in Photoshop
Step 1
As you can see, the letters look a little flat and have the same shadow. So to make them look more realistic, add different Drop Shadow layer styles to each letter.
Start with the F layer.
Step 2
Add a Drop Shadow layer style to the E layer.
Step 3
Add a Drop Shadow layer style to the L layer.
Step 4
Add a Drop Shadow layer style to the T layer.
You can also add an Inner Shadow layer style to each layer.
7. Change the Color of the Felt Photoshop Text Effect
If you want to change the color of the felt letters, add a Hue/Saturation adjustment layer for the letter that you want to modify. If you want to change the red color, choose the Reds channel.
Click the Clip to Layer button to add the adjustment only for that layer.
In the same way, you can change any letter you want.
8. Add Felt Ornaments
Step 1
Use the Pen Tool to add shapes like trees and clouds.
Step 2
Click on the Add to Shape Area if you want to create multiple shapes on the same layer.
I made two separate layers with tree shapes and one separate layer with cloud shapes. I did that because I want to add different colors to the shapes.
Step 3
For each layer, add these layer styles:
Drop Shadow (color #000000)
Color Overlay (choose the color that you like)
Pattern Overlay (felt-pattern)
Bevel and Emboss (color #ffffff and #000000)
Step 4
You can also create a new layer and use the Brush Tool to add some stitch effects using the stitch brush.
9. Create Clothes Buttons in Photoshop
Step 1
To create the clothes button, I use the Ellipse Tool. Keep the Shift key pressed and draw to create a circle.
Step 2
Click on the Subtract from Shape Area button and add a circle inside the first circle to make a hole. Do this three more times.
Step 3
Add these layer styles to the Clothes Button layer:
Drop Shadow (color #000000)
Color Overlay (color #c8350d or choose the color that you like)
Bevel and Emboss (color #ffffff and #000000)
Step 4
Create a new circle shape layer. Click on the Subtract from Shape Area button and add a large circle inside the first circle to make a hole.
Step 5
Go to the Clothes Button 1 layer, right-click and choose Copy Layer Style. Go to the Clothes Button 2 layer, right-click and choose Paste Layer Style.
You can modify the layer style as you wish to create endless results. Change the Color Overlay, the Bevel and Emboss settings, etc.
Step 6
Create a new layer and call it Thread. Use the Brush Tool to create a thread.
Create another layer and call it Thread. Use the Brush Tool to create another thread.
Step 7
Add these layer styles to the Thread layers:
Drop Shadow (color #000000)
Color Overlay (color #b9b9b9)
Inner Shadow (color #000000)
Bevel and Emboss (color #ffffff and #000000)
Step 8
In the same way, you can create more buttons with different colors and sizes.
Congratulations! You’re Done!
In this tutorial, you’ve learned how to create a felt text effect in Photoshop from scratch using brushes and patterns. Photoshop text effects are really useful, so I hope you’ve enjoyed this tutorial.
The new Christmas Photoshop Actions Bundle contains 10 actions that you can use for the winter festive holidays. The stitched felt effect action is also included in the bundle.
In this tutorial, I will show you how to create a realistic rubber stamp effect in Photoshop. Turn any photo into a rubber stamp in just a few quick steps.
The stitched felt effect action is also included in my new Christmas Photoshop Actions Bundle. The bundle contains 10 useful actions for the winter holidays.
Tutorial Assets
To create this Photoshop text effect, I will use the following assets:
Create a new document in Photoshop. The size of the canvas is 850 x 600px, resolution 72 dpi. If you use another canvas size, you have to adjust the layer styles.
Step 2
Add a new layer and call it Felt Background. Fill the layer with any color you like.
Step 3
Add a Pattern Overlay layer style. Click on the arrow to Load Patterns and choose the felt-pattern.pat file.
Step 4
Add a Color Overlay (color #428fc7)to the Felt Background layer.
2. How to Create the Felt Photoshop Text Effect
Step 1
I will create the text in a new document. So make a new file and add your text. Set the size to 320 pt.
Step 2
Toggle the Character and Paragraph panels and set the tracking for the selected characters to around 200.
Step 3
Press Control-J to make two copies of the text layer.
Step 4
Add a Stroke layer style of 15 px to the Felt Text 1 layer. The color of the border is not important, so you can choose any color you want.
Step 5
Add a Stroke layer style of 10 px to the Felt Text 2 layer. The color of the border is not important, so you can choose any color you want.
Step 6
Set the Fill of the Felt Text 3 layer to 0%.
Add a Bevel and Emboss layer style (color #ffffff and #000000) to the Felt Text 3 layer.
Step 7
Go to the Felt Text 1 layer, right-click and choose Convert to Smart Object. Do the same for the Felt Text 2 andFelt Text 3 layers.
Step 8
I will hide the Felt Text 2 andFelt Text 3 layers for now.
Go to the Felt Text 1 smart object and add these layer styles:
Drop Shadow (color #000000)
Color Overlay (color #328f1f)
Pattern Overlay (felt-pattern)
Bevel and Emboss (color #ffffff and #000000)
Step 9
To expand the text, go to Filter > Other > Minimum and set the Radius to 10 px.
Step 10
Go to the Felt Text 2 smart object and add these layer styles:
Drop Shadow (color #000000)
Color Overlay (color #c11a1a)
Pattern Overlay (felt-pattern)
Bevel and Emboss (color #ffffff and #000000)
Step 11
Go to the Felt Text 3 smart object and set the blend mode to Overlay.
Step 12
Go to Filter > Blur > Gaussian Blur and set the Radius to around 3.3 px.
Step 13
The felt text effect should now look like this. You can, of course, choose any colors you like for the felt pattern.
3. Create a Stitch Brush in Photoshop
Step 1
Let’s create a stitch brush for the felt Photoshop text effect.
Create a new PSD file, size 27 x 5 px. Fill the canvas with color black. Go to Edit > Define Brush Preset. Set the brush name to „stitch” and click OK.
Step 2
Choose the Brush Tool and select the „stitch” brush from the Brush Preset Picker. Toggle the Brush panel and make the following settings: Spacing750% and set the Angle Jitter to Direction.
Step 3
Click on the top right corner of the Brush panel and choose New Brush Preset. Name the new brush „stitch2”.
You can now close the file in which you created the brush.
4. Add a Stitch Effect in Photoshop
Step 1
Press Shift-Control-N to create a new layer called Stitch Effect.
Keep the Control key pressed and click on the thumbnail of the Felt Text 2 smart object to make a selection.
Step 2
Go to Select > Modify > Contract and contract by 12 pixels.
Step 3
Go to the Path tab and choose Make Work Path from the selection.
Step 4
Create a new layer above the Felt Text 3 layer and call it Stitch Effect.
Pick the Brush Tool and select the stitch brush.
Step 5
Go to the Path tab and choose Stroke Work Path.
Step 6
Press Delete to remove the work path.
Step 7
Add these layer styles to the Stitch Effect layer:
Drop Shadow (color #000000)
Color Overlay (color #e3dbc2)
Bevel and Emboss (color #ffffff and #000000)
5. Create the Felt Letters
Step 1
Select all the layers and right-click to Convert to Smart Object.
Step 2
Right-click on the Felt Text smart object and choose Duplicate Layer. For the Destination, choose the initial document, the one with the felt background.
Step 3
Make a copy of the Felt Text smart object and hide it. That way, you have the original text intact.
Rasterize the Felt Text smart object.
Step 4
Use the Rectangular Marquee Tool to select the letter F. Press Control-X and Control-V to cut and paste the letter F onto another layer.
Step 5
Do the same for all the letters. Now you have the felt text letters on separate layers.
Step 6
Press Control-T to Rotate and Move the letters as you like.
6. How to Make a Shadow in Photoshop
Step 1
As you can see, the letters look a little flat and have the same shadow. So to make them look more realistic, add different Drop Shadow layer styles to each letter.
Start with the F layer.
Step 2
Add a Drop Shadow layer style to the E layer.
Step 3
Add a Drop Shadow layer style to the L layer.
Step 4
Add a Drop Shadow layer style to the T layer.
You can also add an Inner Shadow layer style to each layer.
7. Change the Color of the Felt Photoshop Text Effect
If you want to change the color of the felt letters, add a Hue/Saturation adjustment layer for the letter that you want to modify. If you want to change the red color, choose the Reds channel.
Click the Clip to Layer button to add the adjustment only for that layer.
In the same way, you can change any letter you want.
8. Add Felt Ornaments
Step 1
Use the Pen Tool to add shapes like trees and clouds.
Step 2
Click on the Add to Shape Area if you want to create multiple shapes on the same layer.
I made two separate layers with tree shapes and one separate layer with cloud shapes. I did that because I want to add different colors to the shapes.
Step 3
For each layer, add these layer styles:
Drop Shadow (color #000000)
Color Overlay (choose the color that you like)
Pattern Overlay (felt-pattern)
Bevel and Emboss (color #ffffff and #000000)
Step 4
You can also create a new layer and use the Brush Tool to add some stitch effects using the stitch brush.
9. Create Clothes Buttons in Photoshop
Step 1
To create the clothes button, I use the Ellipse Tool. Keep the Shift key pressed and draw to create a circle.
Step 2
Click on the Subtract from Shape Area button and add a circle inside the first circle to make a hole. Do this three more times.
Step 3
Add these layer styles to the Clothes Button layer:
Drop Shadow (color #000000)
Color Overlay (color #c8350d or choose the color that you like)
Bevel and Emboss (color #ffffff and #000000)
Step 4
Create a new circle shape layer. Click on the Subtract from Shape Area button and add a large circle inside the first circle to make a hole.
Step 5
Go to the Clothes Button 1 layer, right-click and choose Copy Layer Style. Go to the Clothes Button 2 layer, right-click and choose Paste Layer Style.
You can modify the layer style as you wish to create endless results. Change the Color Overlay, the Bevel and Emboss settings, etc.
Step 6
Create a new layer and call it Thread. Use the Brush Tool to create a thread.
Create another layer and call it Thread. Use the Brush Tool to create another thread.
Step 7
Add these layer styles to the Thread layers:
Drop Shadow (color #000000)
Color Overlay (color #b9b9b9)
Inner Shadow (color #000000)
Bevel and Emboss (color #ffffff and #000000)
Step 8
In the same way, you can create more buttons with different colors and sizes.
Congratulations! You’re Done!
In this tutorial, you’ve learned how to create a felt text effect in Photoshop from scratch using brushes and patterns. Photoshop text effects are really useful, so I hope you’ve enjoyed this tutorial.
The new Christmas Photoshop Actions Bundle contains 10 actions that you can use for the winter festive holidays. The stitched felt effect action is also included in the bundle.
In this tutorial, I will show you how to create a realistic rubber stamp effect in Photoshop. Turn any photo into a rubber stamp in just a few quick steps.
The stitched felt effect action is also included in my new Christmas Photoshop Actions Bundle. The bundle contains 10 useful actions for the winter holidays.
Tutorial Assets
To create this Photoshop text effect, I will use the following assets:
Create a new document in Photoshop. The size of the canvas is 850 x 600px, resolution 72 dpi. If you use another canvas size, you have to adjust the layer styles.
Step 2
Add a new layer and call it Felt Background. Fill the layer with any color you like.
Step 3
Add a Pattern Overlay layer style. Click on the arrow to Load Patterns and choose the felt-pattern.pat file.
Step 4
Add a Color Overlay (color #428fc7)to the Felt Background layer.
2. How to Create the Felt Photoshop Text Effect
Step 1
I will create the text in a new document. So make a new file and add your text. Set the size to 320 pt.
Step 2
Toggle the Character and Paragraph panels and set the tracking for the selected characters to around 200.
Step 3
Press Control-J to make two copies of the text layer.
Step 4
Add a Stroke layer style of 15 px to the Felt Text 1 layer. The color of the border is not important, so you can choose any color you want.
Step 5
Add a Stroke layer style of 10 px to the Felt Text 2 layer. The color of the border is not important, so you can choose any color you want.
Step 6
Set the Fill of the Felt Text 3 layer to 0%.
Add a Bevel and Emboss layer style (color #ffffff and #000000) to the Felt Text 3 layer.
Step 7
Go to the Felt Text 1 layer, right-click and choose Convert to Smart Object. Do the same for the Felt Text 2 andFelt Text 3 layers.
Step 8
I will hide the Felt Text 2 andFelt Text 3 layers for now.
Go to the Felt Text 1 smart object and add these layer styles:
Drop Shadow (color #000000)
Color Overlay (color #328f1f)
Pattern Overlay (felt-pattern)
Bevel and Emboss (color #ffffff and #000000)
Step 9
To expand the text, go to Filter > Other > Minimum and set the Radius to 10 px.
Step 10
Go to the Felt Text 2 smart object and add these layer styles:
Drop Shadow (color #000000)
Color Overlay (color #c11a1a)
Pattern Overlay (felt-pattern)
Bevel and Emboss (color #ffffff and #000000)
Step 11
Go to the Felt Text 3 smart object and set the blend mode to Overlay.
Step 12
Go to Filter > Blur > Gaussian Blur and set the Radius to around 3.3 px.
Step 13
The felt text effect should now look like this. You can, of course, choose any colors you like for the felt pattern.
3. Create a Stitch Brush in Photoshop
Step 1
Let’s create a stitch brush for the felt Photoshop text effect.
Create a new PSD file, size 27 x 5 px. Fill the canvas with color black. Go to Edit > Define Brush Preset. Set the brush name to „stitch” and click OK.
Step 2
Choose the Brush Tool and select the „stitch” brush from the Brush Preset Picker. Toggle the Brush panel and make the following settings: Spacing750% and set the Angle Jitter to Direction.
Step 3
Click on the top right corner of the Brush panel and choose New Brush Preset. Name the new brush „stitch2”.
You can now close the file in which you created the brush.
4. Add a Stitch Effect in Photoshop
Step 1
Press Shift-Control-N to create a new layer called Stitch Effect.
Keep the Control key pressed and click on the thumbnail of the Felt Text 2 smart object to make a selection.
Step 2
Go to Select > Modify > Contract and contract by 12 pixels.
Step 3
Go to the Path tab and choose Make Work Path from the selection.
Step 4
Create a new layer above the Felt Text 3 layer and call it Stitch Effect.
Pick the Brush Tool and select the stitch brush.
Step 5
Go to the Path tab and choose Stroke Work Path.
Step 6
Press Delete to remove the work path.
Step 7
Add these layer styles to the Stitch Effect layer:
Drop Shadow (color #000000)
Color Overlay (color #e3dbc2)
Bevel and Emboss (color #ffffff and #000000)
5. Create the Felt Letters
Step 1
Select all the layers and right-click to Convert to Smart Object.
Step 2
Right-click on the Felt Text smart object and choose Duplicate Layer. For the Destination, choose the initial document, the one with the felt background.
Step 3
Make a copy of the Felt Text smart object and hide it. That way, you have the original text intact.
Rasterize the Felt Text smart object.
Step 4
Use the Rectangular Marquee Tool to select the letter F. Press Control-X and Control-V to cut and paste the letter F onto another layer.
Step 5
Do the same for all the letters. Now you have the felt text letters on separate layers.
Step 6
Press Control-T to Rotate and Move the letters as you like.
6. How to Make a Shadow in Photoshop
Step 1
As you can see, the letters look a little flat and have the same shadow. So to make them look more realistic, add different Drop Shadow layer styles to each letter.
Start with the F layer.
Step 2
Add a Drop Shadow layer style to the E layer.
Step 3
Add a Drop Shadow layer style to the L layer.
Step 4
Add a Drop Shadow layer style to the T layer.
You can also add an Inner Shadow layer style to each layer.
7. Change the Color of the Felt Photoshop Text Effect
If you want to change the color of the felt letters, add a Hue/Saturation adjustment layer for the letter that you want to modify. If you want to change the red color, choose the Reds channel.
Click the Clip to Layer button to add the adjustment only for that layer.
In the same way, you can change any letter you want.
8. Add Felt Ornaments
Step 1
Use the Pen Tool to add shapes like trees and clouds.
Step 2
Click on the Add to Shape Area if you want to create multiple shapes on the same layer.
I made two separate layers with tree shapes and one separate layer with cloud shapes. I did that because I want to add different colors to the shapes.
Step 3
For each layer, add these layer styles:
Drop Shadow (color #000000)
Color Overlay (choose the color that you like)
Pattern Overlay (felt-pattern)
Bevel and Emboss (color #ffffff and #000000)
Step 4
You can also create a new layer and use the Brush Tool to add some stitch effects using the stitch brush.
9. Create Clothes Buttons in Photoshop
Step 1
To create the clothes button, I use the Ellipse Tool. Keep the Shift key pressed and draw to create a circle.
Step 2
Click on the Subtract from Shape Area button and add a circle inside the first circle to make a hole. Do this three more times.
Step 3
Add these layer styles to the Clothes Button layer:
Drop Shadow (color #000000)
Color Overlay (color #c8350d or choose the color that you like)
Bevel and Emboss (color #ffffff and #000000)
Step 4
Create a new circle shape layer. Click on the Subtract from Shape Area button and add a large circle inside the first circle to make a hole.
Step 5
Go to the Clothes Button 1 layer, right-click and choose Copy Layer Style. Go to the Clothes Button 2 layer, right-click and choose Paste Layer Style.
You can modify the layer style as you wish to create endless results. Change the Color Overlay, the Bevel and Emboss settings, etc.
Step 6
Create a new layer and call it Thread. Use the Brush Tool to create a thread.
Create another layer and call it Thread. Use the Brush Tool to create another thread.
Step 7
Add these layer styles to the Thread layers:
Drop Shadow (color #000000)
Color Overlay (color #b9b9b9)
Inner Shadow (color #000000)
Bevel and Emboss (color #ffffff and #000000)
Step 8
In the same way, you can create more buttons with different colors and sizes.
Congratulations! You’re Done!
In this tutorial, you’ve learned how to create a felt text effect in Photoshop from scratch using brushes and patterns. Photoshop text effects are really useful, so I hope you’ve enjoyed this tutorial.
The new Christmas Photoshop Actions Bundle contains 10 actions that you can use for the winter festive holidays. The stitched felt effect action is also included in the bundle.
In this tutorial, I will show you how to create a realistic rubber stamp effect in Photoshop. Turn any photo into a rubber stamp in just a few quick steps.
The stitched felt effect action is also included in my new Christmas Photoshop Actions Bundle. The bundle contains 10 useful actions for the winter holidays.
Tutorial Assets
To create this Photoshop text effect, I will use the following assets:
Create a new document in Photoshop. The size of the canvas is 850 x 600px, resolution 72 dpi. If you use another canvas size, you have to adjust the layer styles.
Step 2
Add a new layer and call it Felt Background. Fill the layer with any color you like.
Step 3
Add a Pattern Overlay layer style. Click on the arrow to Load Patterns and choose the felt-pattern.pat file.
Step 4
Add a Color Overlay (color #428fc7)to the Felt Background layer.
2. How to Create the Felt Photoshop Text Effect
Step 1
I will create the text in a new document. So make a new file and add your text. Set the size to 320 pt.
Step 2
Toggle the Character and Paragraph panels and set the tracking for the selected characters to around 200.
Step 3
Press Control-J to make two copies of the text layer.
Step 4
Add a Stroke layer style of 15 px to the Felt Text 1 layer. The color of the border is not important, so you can choose any color you want.
Step 5
Add a Stroke layer style of 10 px to the Felt Text 2 layer. The color of the border is not important, so you can choose any color you want.
Step 6
Set the Fill of the Felt Text 3 layer to 0%.
Add a Bevel and Emboss layer style (color #ffffff and #000000) to the Felt Text 3 layer.
Step 7
Go to the Felt Text 1 layer, right-click and choose Convert to Smart Object. Do the same for the Felt Text 2 andFelt Text 3 layers.
Step 8
I will hide the Felt Text 2 andFelt Text 3 layers for now.
Go to the Felt Text 1 smart object and add these layer styles:
Drop Shadow (color #000000)
Color Overlay (color #328f1f)
Pattern Overlay (felt-pattern)
Bevel and Emboss (color #ffffff and #000000)
Step 9
To expand the text, go to Filter > Other > Minimum and set the Radius to 10 px.
Step 10
Go to the Felt Text 2 smart object and add these layer styles:
Drop Shadow (color #000000)
Color Overlay (color #c11a1a)
Pattern Overlay (felt-pattern)
Bevel and Emboss (color #ffffff and #000000)
Step 11
Go to the Felt Text 3 smart object and set the blend mode to Overlay.
Step 12
Go to Filter > Blur > Gaussian Blur and set the Radius to around 3.3 px.
Step 13
The felt text effect should now look like this. You can, of course, choose any colors you like for the felt pattern.
3. Create a Stitch Brush in Photoshop
Step 1
Let’s create a stitch brush for the felt Photoshop text effect.
Create a new PSD file, size 27 x 5 px. Fill the canvas with color black. Go to Edit > Define Brush Preset. Set the brush name to „stitch” and click OK.
Step 2
Choose the Brush Tool and select the „stitch” brush from the Brush Preset Picker. Toggle the Brush panel and make the following settings: Spacing750% and set the Angle Jitter to Direction.
Step 3
Click on the top right corner of the Brush panel and choose New Brush Preset. Name the new brush „stitch2”.
You can now close the file in which you created the brush.
4. Add a Stitch Effect in Photoshop
Step 1
Press Shift-Control-N to create a new layer called Stitch Effect.
Keep the Control key pressed and click on the thumbnail of the Felt Text 2 smart object to make a selection.
Step 2
Go to Select > Modify > Contract and contract by 12 pixels.
Step 3
Go to the Path tab and choose Make Work Path from the selection.
Step 4
Create a new layer above the Felt Text 3 layer and call it Stitch Effect.
Pick the Brush Tool and select the stitch brush.
Step 5
Go to the Path tab and choose Stroke Work Path.
Step 6
Press Delete to remove the work path.
Step 7
Add these layer styles to the Stitch Effect layer:
Drop Shadow (color #000000)
Color Overlay (color #e3dbc2)
Bevel and Emboss (color #ffffff and #000000)
5. Create the Felt Letters
Step 1
Select all the layers and right-click to Convert to Smart Object.
Step 2
Right-click on the Felt Text smart object and choose Duplicate Layer. For the Destination, choose the initial document, the one with the felt background.
Step 3
Make a copy of the Felt Text smart object and hide it. That way, you have the original text intact.
Rasterize the Felt Text smart object.
Step 4
Use the Rectangular Marquee Tool to select the letter F. Press Control-X and Control-V to cut and paste the letter F onto another layer.
Step 5
Do the same for all the letters. Now you have the felt text letters on separate layers.
Step 6
Press Control-T to Rotate and Move the letters as you like.
6. How to Make a Shadow in Photoshop
Step 1
As you can see, the letters look a little flat and have the same shadow. So to make them look more realistic, add different Drop Shadow layer styles to each letter.
Start with the F layer.
Step 2
Add a Drop Shadow layer style to the E layer.
Step 3
Add a Drop Shadow layer style to the L layer.
Step 4
Add a Drop Shadow layer style to the T layer.
You can also add an Inner Shadow layer style to each layer.
7. Change the Color of the Felt Photoshop Text Effect
If you want to change the color of the felt letters, add a Hue/Saturation adjustment layer for the letter that you want to modify. If you want to change the red color, choose the Reds channel.
Click the Clip to Layer button to add the adjustment only for that layer.
In the same way, you can change any letter you want.
8. Add Felt Ornaments
Step 1
Use the Pen Tool to add shapes like trees and clouds.
Step 2
Click on the Add to Shape Area if you want to create multiple shapes on the same layer.
I made two separate layers with tree shapes and one separate layer with cloud shapes. I did that because I want to add different colors to the shapes.
Step 3
For each layer, add these layer styles:
Drop Shadow (color #000000)
Color Overlay (choose the color that you like)
Pattern Overlay (felt-pattern)
Bevel and Emboss (color #ffffff and #000000)
Step 4
You can also create a new layer and use the Brush Tool to add some stitch effects using the stitch brush.
9. Create Clothes Buttons in Photoshop
Step 1
To create the clothes button, I use the Ellipse Tool. Keep the Shift key pressed and draw to create a circle.
Step 2
Click on the Subtract from Shape Area button and add a circle inside the first circle to make a hole. Do this three more times.
Step 3
Add these layer styles to the Clothes Button layer:
Drop Shadow (color #000000)
Color Overlay (color #c8350d or choose the color that you like)
Bevel and Emboss (color #ffffff and #000000)
Step 4
Create a new circle shape layer. Click on the Subtract from Shape Area button and add a large circle inside the first circle to make a hole.
Step 5
Go to the Clothes Button 1 layer, right-click and choose Copy Layer Style. Go to the Clothes Button 2 layer, right-click and choose Paste Layer Style.
You can modify the layer style as you wish to create endless results. Change the Color Overlay, the Bevel and Emboss settings, etc.
Step 6
Create a new layer and call it Thread. Use the Brush Tool to create a thread.
Create another layer and call it Thread. Use the Brush Tool to create another thread.
Step 7
Add these layer styles to the Thread layers:
Drop Shadow (color #000000)
Color Overlay (color #b9b9b9)
Inner Shadow (color #000000)
Bevel and Emboss (color #ffffff and #000000)
Step 8
In the same way, you can create more buttons with different colors and sizes.
Congratulations! You’re Done!
In this tutorial, you’ve learned how to create a felt text effect in Photoshop from scratch using brushes and patterns. Photoshop text effects are really useful, so I hope you’ve enjoyed this tutorial.
The new Christmas Photoshop Actions Bundle contains 10 actions that you can use for the winter festive holidays. The stitched felt effect action is also included in the bundle.
In this tutorial, I will show you how to create a realistic rubber stamp effect in Photoshop. Turn any photo into a rubber stamp in just a few quick steps.
The stitched felt effect action is also included in my new Christmas Photoshop Actions Bundle. The bundle contains 10 useful actions for the winter holidays.
Tutorial Assets
To create this Photoshop text effect, I will use the following assets:
Create a new document in Photoshop. The size of the canvas is 850 x 600px, resolution 72 dpi. If you use another canvas size, you have to adjust the layer styles.
Step 2
Add a new layer and call it Felt Background. Fill the layer with any color you like.
Step 3
Add a Pattern Overlay layer style. Click on the arrow to Load Patterns and choose the felt-pattern.pat file.
Step 4
Add a Color Overlay (color #428fc7)to the Felt Background layer.
2. How to Create the Felt Photoshop Text Effect
Step 1
I will create the text in a new document. So make a new file and add your text. Set the size to 320 pt.
Step 2
Toggle the Character and Paragraph panels and set the tracking for the selected characters to around 200.
Step 3
Press Control-J to make two copies of the text layer.
Step 4
Add a Stroke layer style of 15 px to the Felt Text 1 layer. The color of the border is not important, so you can choose any color you want.
Step 5
Add a Stroke layer style of 10 px to the Felt Text 2 layer. The color of the border is not important, so you can choose any color you want.
Step 6
Set the Fill of the Felt Text 3 layer to 0%.
Add a Bevel and Emboss layer style (color #ffffff and #000000) to the Felt Text 3 layer.
Step 7
Go to the Felt Text 1 layer, right-click and choose Convert to Smart Object. Do the same for the Felt Text 2 andFelt Text 3 layers.
Step 8
I will hide the Felt Text 2 andFelt Text 3 layers for now.
Go to the Felt Text 1 smart object and add these layer styles:
Drop Shadow (color #000000)
Color Overlay (color #328f1f)
Pattern Overlay (felt-pattern)
Bevel and Emboss (color #ffffff and #000000)
Step 9
To expand the text, go to Filter > Other > Minimum and set the Radius to 10 px.
Step 10
Go to the Felt Text 2 smart object and add these layer styles:
Drop Shadow (color #000000)
Color Overlay (color #c11a1a)
Pattern Overlay (felt-pattern)
Bevel and Emboss (color #ffffff and #000000)
Step 11
Go to the Felt Text 3 smart object and set the blend mode to Overlay.
Step 12
Go to Filter > Blur > Gaussian Blur and set the Radius to around 3.3 px.
Step 13
The felt text effect should now look like this. You can, of course, choose any colors you like for the felt pattern.
3. Create a Stitch Brush in Photoshop
Step 1
Let’s create a stitch brush for the felt Photoshop text effect.
Create a new PSD file, size 27 x 5 px. Fill the canvas with color black. Go to Edit > Define Brush Preset. Set the brush name to „stitch” and click OK.
Step 2
Choose the Brush Tool and select the „stitch” brush from the Brush Preset Picker. Toggle the Brush panel and make the following settings: Spacing750% and set the Angle Jitter to Direction.
Step 3
Click on the top right corner of the Brush panel and choose New Brush Preset. Name the new brush „stitch2”.
You can now close the file in which you created the brush.
4. Add a Stitch Effect in Photoshop
Step 1
Press Shift-Control-N to create a new layer called Stitch Effect.
Keep the Control key pressed and click on the thumbnail of the Felt Text 2 smart object to make a selection.
Step 2
Go to Select > Modify > Contract and contract by 12 pixels.
Step 3
Go to the Path tab and choose Make Work Path from the selection.
Step 4
Create a new layer above the Felt Text 3 layer and call it Stitch Effect.
Pick the Brush Tool and select the stitch brush.
Step 5
Go to the Path tab and choose Stroke Work Path.
Step 6
Press Delete to remove the work path.
Step 7
Add these layer styles to the Stitch Effect layer:
Drop Shadow (color #000000)
Color Overlay (color #e3dbc2)
Bevel and Emboss (color #ffffff and #000000)
5. Create the Felt Letters
Step 1
Select all the layers and right-click to Convert to Smart Object.
Step 2
Right-click on the Felt Text smart object and choose Duplicate Layer. For the Destination, choose the initial document, the one with the felt background.
Step 3
Make a copy of the Felt Text smart object and hide it. That way, you have the original text intact.
Rasterize the Felt Text smart object.
Step 4
Use the Rectangular Marquee Tool to select the letter F. Press Control-X and Control-V to cut and paste the letter F onto another layer.
Step 5
Do the same for all the letters. Now you have the felt text letters on separate layers.
Step 6
Press Control-T to Rotate and Move the letters as you like.
6. How to Make a Shadow in Photoshop
Step 1
As you can see, the letters look a little flat and have the same shadow. So to make them look more realistic, add different Drop Shadow layer styles to each letter.
Start with the F layer.
Step 2
Add a Drop Shadow layer style to the E layer.
Step 3
Add a Drop Shadow layer style to the L layer.
Step 4
Add a Drop Shadow layer style to the T layer.
You can also add an Inner Shadow layer style to each layer.
7. Change the Color of the Felt Photoshop Text Effect
If you want to change the color of the felt letters, add a Hue/Saturation adjustment layer for the letter that you want to modify. If you want to change the red color, choose the Reds channel.
Click the Clip to Layer button to add the adjustment only for that layer.
In the same way, you can change any letter you want.
8. Add Felt Ornaments
Step 1
Use the Pen Tool to add shapes like trees and clouds.
Step 2
Click on the Add to Shape Area if you want to create multiple shapes on the same layer.
I made two separate layers with tree shapes and one separate layer with cloud shapes. I did that because I want to add different colors to the shapes.
Step 3
For each layer, add these layer styles:
Drop Shadow (color #000000)
Color Overlay (choose the color that you like)
Pattern Overlay (felt-pattern)
Bevel and Emboss (color #ffffff and #000000)
Step 4
You can also create a new layer and use the Brush Tool to add some stitch effects using the stitch brush.
9. Create Clothes Buttons in Photoshop
Step 1
To create the clothes button, I use the Ellipse Tool. Keep the Shift key pressed and draw to create a circle.
Step 2
Click on the Subtract from Shape Area button and add a circle inside the first circle to make a hole. Do this three more times.
Step 3
Add these layer styles to the Clothes Button layer:
Drop Shadow (color #000000)
Color Overlay (color #c8350d or choose the color that you like)
Bevel and Emboss (color #ffffff and #000000)
Step 4
Create a new circle shape layer. Click on the Subtract from Shape Area button and add a large circle inside the first circle to make a hole.
Step 5
Go to the Clothes Button 1 layer, right-click and choose Copy Layer Style. Go to the Clothes Button 2 layer, right-click and choose Paste Layer Style.
You can modify the layer style as you wish to create endless results. Change the Color Overlay, the Bevel and Emboss settings, etc.
Step 6
Create a new layer and call it Thread. Use the Brush Tool to create a thread.
Create another layer and call it Thread. Use the Brush Tool to create another thread.
Step 7
Add these layer styles to the Thread layers:
Drop Shadow (color #000000)
Color Overlay (color #b9b9b9)
Inner Shadow (color #000000)
Bevel and Emboss (color #ffffff and #000000)
Step 8
In the same way, you can create more buttons with different colors and sizes.
Congratulations! You’re Done!
In this tutorial, you’ve learned how to create a felt text effect in Photoshop from scratch using brushes and patterns. Photoshop text effects are really useful, so I hope you’ve enjoyed this tutorial.
The new Christmas Photoshop Actions Bundle contains 10 actions that you can use for the winter festive holidays. The stitched felt effect action is also included in the bundle.
In this tutorial, I will show you how to create a realistic rubber stamp effect in Photoshop. Turn any photo into a rubber stamp in just a few quick steps.
The stitched felt effect action is also included in my new Christmas Photoshop Actions Bundle. The bundle contains 10 useful actions for the winter holidays.
Tutorial Assets
To create this Photoshop text effect, I will use the following assets:
Create a new document in Photoshop. The size of the canvas is 850 x 600px, resolution 72 dpi. If you use another canvas size, you have to adjust the layer styles.
Step 2
Add a new layer and call it Felt Background. Fill the layer with any color you like.
Step 3
Add a Pattern Overlay layer style. Click on the arrow to Load Patterns and choose the felt-pattern.pat file.
Step 4
Add a Color Overlay (color #428fc7)to the Felt Background layer.
2. How to Create the Felt Photoshop Text Effect
Step 1
I will create the text in a new document. So make a new file and add your text. Set the size to 320 pt.
Step 2
Toggle the Character and Paragraph panels and set the tracking for the selected characters to around 200.
Step 3
Press Control-J to make two copies of the text layer.
Step 4
Add a Stroke layer style of 15 px to the Felt Text 1 layer. The color of the border is not important, so you can choose any color you want.
Step 5
Add a Stroke layer style of 10 px to the Felt Text 2 layer. The color of the border is not important, so you can choose any color you want.
Step 6
Set the Fill of the Felt Text 3 layer to 0%.
Add a Bevel and Emboss layer style (color #ffffff and #000000) to the Felt Text 3 layer.
Step 7
Go to the Felt Text 1 layer, right-click and choose Convert to Smart Object. Do the same for the Felt Text 2 andFelt Text 3 layers.
Step 8
I will hide the Felt Text 2 andFelt Text 3 layers for now.
Go to the Felt Text 1 smart object and add these layer styles:
Drop Shadow (color #000000)
Color Overlay (color #328f1f)
Pattern Overlay (felt-pattern)
Bevel and Emboss (color #ffffff and #000000)
Step 9
To expand the text, go to Filter > Other > Minimum and set the Radius to 10 px.
Step 10
Go to the Felt Text 2 smart object and add these layer styles:
Drop Shadow (color #000000)
Color Overlay (color #c11a1a)
Pattern Overlay (felt-pattern)
Bevel and Emboss (color #ffffff and #000000)
Step 11
Go to the Felt Text 3 smart object and set the blend mode to Overlay.
Step 12
Go to Filter > Blur > Gaussian Blur and set the Radius to around 3.3 px.
Step 13
The felt text effect should now look like this. You can, of course, choose any colors you like for the felt pattern.
3. Create a Stitch Brush in Photoshop
Step 1
Let’s create a stitch brush for the felt Photoshop text effect.
Create a new PSD file, size 27 x 5 px. Fill the canvas with color black. Go to Edit > Define Brush Preset. Set the brush name to „stitch” and click OK.
Step 2
Choose the Brush Tool and select the „stitch” brush from the Brush Preset Picker. Toggle the Brush panel and make the following settings: Spacing750% and set the Angle Jitter to Direction.
Step 3
Click on the top right corner of the Brush panel and choose New Brush Preset. Name the new brush „stitch2”.
You can now close the file in which you created the brush.
4. Add a Stitch Effect in Photoshop
Step 1
Press Shift-Control-N to create a new layer called Stitch Effect.
Keep the Control key pressed and click on the thumbnail of the Felt Text 2 smart object to make a selection.
Step 2
Go to Select > Modify > Contract and contract by 12 pixels.
Step 3
Go to the Path tab and choose Make Work Path from the selection.
Step 4
Create a new layer above the Felt Text 3 layer and call it Stitch Effect.
Pick the Brush Tool and select the stitch brush.
Step 5
Go to the Path tab and choose Stroke Work Path.
Step 6
Press Delete to remove the work path.
Step 7
Add these layer styles to the Stitch Effect layer:
Drop Shadow (color #000000)
Color Overlay (color #e3dbc2)
Bevel and Emboss (color #ffffff and #000000)
5. Create the Felt Letters
Step 1
Select all the layers and right-click to Convert to Smart Object.
Step 2
Right-click on the Felt Text smart object and choose Duplicate Layer. For the Destination, choose the initial document, the one with the felt background.
Step 3
Make a copy of the Felt Text smart object and hide it. That way, you have the original text intact.
Rasterize the Felt Text smart object.
Step 4
Use the Rectangular Marquee Tool to select the letter F. Press Control-X and Control-V to cut and paste the letter F onto another layer.
Step 5
Do the same for all the letters. Now you have the felt text letters on separate layers.
Step 6
Press Control-T to Rotate and Move the letters as you like.
6. How to Make a Shadow in Photoshop
Step 1
As you can see, the letters look a little flat and have the same shadow. So to make them look more realistic, add different Drop Shadow layer styles to each letter.
Start with the F layer.
Step 2
Add a Drop Shadow layer style to the E layer.
Step 3
Add a Drop Shadow layer style to the L layer.
Step 4
Add a Drop Shadow layer style to the T layer.
You can also add an Inner Shadow layer style to each layer.
7. Change the Color of the Felt Photoshop Text Effect
If you want to change the color of the felt letters, add a Hue/Saturation adjustment layer for the letter that you want to modify. If you want to change the red color, choose the Reds channel.
Click the Clip to Layer button to add the adjustment only for that layer.
In the same way, you can change any letter you want.
8. Add Felt Ornaments
Step 1
Use the Pen Tool to add shapes like trees and clouds.
Step 2
Click on the Add to Shape Area if you want to create multiple shapes on the same layer.
I made two separate layers with tree shapes and one separate layer with cloud shapes. I did that because I want to add different colors to the shapes.
Step 3
For each layer, add these layer styles:
Drop Shadow (color #000000)
Color Overlay (choose the color that you like)
Pattern Overlay (felt-pattern)
Bevel and Emboss (color #ffffff and #000000)
Step 4
You can also create a new layer and use the Brush Tool to add some stitch effects using the stitch brush.
9. Create Clothes Buttons in Photoshop
Step 1
To create the clothes button, I use the Ellipse Tool. Keep the Shift key pressed and draw to create a circle.
Step 2
Click on the Subtract from Shape Area button and add a circle inside the first circle to make a hole. Do this three more times.
Step 3
Add these layer styles to the Clothes Button layer:
Drop Shadow (color #000000)
Color Overlay (color #c8350d or choose the color that you like)
Bevel and Emboss (color #ffffff and #000000)
Step 4
Create a new circle shape layer. Click on the Subtract from Shape Area button and add a large circle inside the first circle to make a hole.
Step 5
Go to the Clothes Button 1 layer, right-click and choose Copy Layer Style. Go to the Clothes Button 2 layer, right-click and choose Paste Layer Style.
You can modify the layer style as you wish to create endless results. Change the Color Overlay, the Bevel and Emboss settings, etc.
Step 6
Create a new layer and call it Thread. Use the Brush Tool to create a thread.
Create another layer and call it Thread. Use the Brush Tool to create another thread.
Step 7
Add these layer styles to the Thread layers:
Drop Shadow (color #000000)
Color Overlay (color #b9b9b9)
Inner Shadow (color #000000)
Bevel and Emboss (color #ffffff and #000000)
Step 8
In the same way, you can create more buttons with different colors and sizes.
Congratulations! You’re Done!
In this tutorial, you’ve learned how to create a felt text effect in Photoshop from scratch using brushes and patterns. Photoshop text effects are really useful, so I hope you’ve enjoyed this tutorial.
The new Christmas Photoshop Actions Bundle contains 10 actions that you can use for the winter festive holidays. The stitched felt effect action is also included in the bundle.
In this tutorial, I will show you how to create a realistic rubber stamp effect in Photoshop. Turn any photo into a rubber stamp in just a few quick steps.
