If you want to learn how to remove a background in Photoshop or how to make a background transparent in Photoshop, in this tutorial I will show you the most universal method for achieving this goal. I’ll teach you how to isolate the object, and how to keep its edges smooth in the process.
First, we need to tell Photoshop where the object ends and the background starts. There are many selection tools available, but if you want to be precise, it’s best to use the Pen Tool (P). Try to imagine the selection outline. Zoom in and click somewhere on this imaginary outline.
Step 2
Find another place to click—this time click and hold. A line will appear between the two points. If you move your cursor now, you’ll have a chance to control the shape of the curve. Try to make it fit the imaginary selection outline.
Remember not to drag too far—the handle you’re dragging should land on the outline. The curvier the area, the closer you should place your points. Don’t be afraid to Undo and try again if you placed a point too far away.
Step 3
Once you’ve gone around the whole object, simply click the first point to close the outline.
Step 4
Sometimes, objects have an inner outline as well. Select it the same way.
Step 5
Press Control-Enter to turn the path into a selection.
Step 6
You could remove the background now, but we can do one more thing to make the effect more convincing. Press Control-Alt-R to refine the edge of the selection. Change the View Mode to On Black, and check Smart Radius.
Step 7
Experiment with the Radius and Adjust Edge settingsto make the edge of selection smoother and more natural. If the background was blurry, the object should have slightly blurry edges as well.
Step 8
When you’re done, setthe Output to Layer Mask and press OK.
Step 9
The background has disappeared! But sometimes, only after removing the background do you notice a flaw in the selection. It’s not a problem at all—just click the Layer Mask to select it and then paint carefully with black and white. Black will remove the area, and white will bring it back. You can also use various shades of gray to create a semi-transparent effect.
Step 10
Additionally, you can use this technique to bring back the shadow that belongs to the object, not the background. This will make the isolated object look more complete.
Step 11
If you’re happy with the selection, right-click the Layer Mask and select Apply Layer Mask. The background will be permanently removed.
If you ever wanted to know how to change the background color in Photoshop, now you’re able to do it—use the Paint Bucket Tool (G) on a layer below, or place a photo, or fill it with a pattern.
Good Job!
Now you know how to remove a background in Photoshop!
Do you want to learn more about creating photo effects, or maybe even Photoshop actions? Try these tutorials as well:
If you want to learn how to remove a background in Photoshop or how to make a background transparent in Photoshop, in this tutorial I will show you the most universal method for achieving this goal. I’ll teach you how to isolate the object, and how to keep its edges smooth in the process.
First, we need to tell Photoshop where the object ends and the background starts. There are many selection tools available, but if you want to be precise, it’s best to use the Pen Tool (P). Try to imagine the selection outline. Zoom in and click somewhere on this imaginary outline.
Step 2
Find another place to click—this time click and hold. A line will appear between the two points. If you move your cursor now, you’ll have a chance to control the shape of the curve. Try to make it fit the imaginary selection outline.
Remember not to drag too far—the handle you’re dragging should land on the outline. The curvier the area, the closer you should place your points. Don’t be afraid to Undo and try again if you placed a point too far away.
Step 3
Once you’ve gone around the whole object, simply click the first point to close the outline.
Step 4
Sometimes, objects have an inner outline as well. Select it the same way.
Step 5
Press Control-Enter to turn the path into a selection.
Step 6
You could remove the background now, but we can do one more thing to make the effect more convincing. Press Control-Alt-R to refine the edge of the selection. Change the View Mode to On Black, and check Smart Radius.
Step 7
Experiment with the Radius and Adjust Edge settingsto make the edge of selection smoother and more natural. If the background was blurry, the object should have slightly blurry edges as well.
Step 8
When you’re done, setthe Output to Layer Mask and press OK.
Step 9
The background has disappeared! But sometimes, only after removing the background do you notice a flaw in the selection. It’s not a problem at all—just click the Layer Mask to select it and then paint carefully with black and white. Black will remove the area, and white will bring it back. You can also use various shades of gray to create a semi-transparent effect.
Step 10
Additionally, you can use this technique to bring back the shadow that belongs to the object, not the background. This will make the isolated object look more complete.
Step 11
If you’re happy with the selection, right-click the Layer Mask and select Apply Layer Mask. The background will be permanently removed.
If you ever wanted to know how to change the background color in Photoshop, now you’re able to do it—use the Paint Bucket Tool (G) on a layer below, or place a photo, or fill it with a pattern.
Good Job!
Now you know how to remove a background in Photoshop!
Do you want to learn more about creating photo effects, or maybe even Photoshop actions? Try these tutorials as well:
Create cool text effects in seconds! Check out this collection of Photoshop layer styles and text effects from Envato Market and Envato Elements.
Create cool text effects in seconds! Check out these amazing layer styles below.
21 Photoshop Text Effects & Layer Styles
Your ideas need great design, so try a quick text effect! With Photoshop layer styles, you get the option of trying out multiple effects to find the best fit. Design impressive web and print graphics with 3D text and more.
Today, we bring you 21 of the best Photoshop Layer Styles from Envato Market and Envato Elements. Create cool, creative effects in less time with these professional styles.
Featuring
some of the best-selling items of 2020, these styles are incredible resources you’ll want to add to your collection.
Enjoy professionally made templates that are easy to use! Or get quality help from our design experts at Envato Studio.
What Are Layer Styles?
New to Photoshop? Learn how to install and use Photoshop layer styles from this video:
This old movie style text effect can add a nostalgic vibe to your project. Simply use the included PSD file and smart objects to easily jump right in and start experimenting with your own text.
What a striking text effect! Check this one out; it simulates underwater text in such a believable and beautiful way! You won’t believe how easy it is to jump right in and use this awesome text effect.
Add some depth to your text with this collection of 3D text effects. This pack has a large variety of different styles to try out. Works with text, vector shapes, and logos!
Really grab some attention with these chrome and fire Photoshop layer styles. The smoldering effect is really convincing. Comes with 15 layer styles! Awesome!
Check out this fun, playful, playdough-inspired text effect! It comes with a PSD which contains a variety of letters, numbers and special characters which you can customize, mix, match, and experiment with!
Wow, check out this amazing smoke text effect! It’s so detailed and so striking. This effect is super easy to use too; just open up the template and insert your text. It’s really that simple!
This sweet text effect could add some visual interest to your next project! Check out these fun and stylish results! This effect works with simple text, shapes, or vector logos too!
Looking for an oooey, gooey effect for your text? Looking for something fun, different, and memorable? Then this is the text effect for you! It comes in eight different styles, and editing them is a snap!
Check out this fun and festive neon light text effect! This versatile effect can be applied to any outline shape object, as well as to light to medium fonts.
Check out this cool, stylish aesthetic! It could be a great fit for your music, sports, events, and a whole host of different projects! This stylish Photoshop action also comes with a bonus neon action!
Need to add a bit of grit and grunge to your project? Try out these instant grunge layer styles. Change out the colors and customize how the textures are displayed to suit your project’s needs.
Love the 80s? Then you’re going to love this collection of Photoshop layer styles! There are 22 different styles to mix, match, and enjoy! Try it on text, shapes, and logos, too!
How about a hand-crafted paper look? Meet Paper Kingdom, an amazing set of assets with so many possibilities! We’re talking over 200 paper styles, over 200 seamless paper textures, and more!
These lovely, ink stamp inspired Photoshop layer styles are an awesome way to add some texture to your projects! The set includes 12 individual layer styles, as well as instructions to help you get started.
How about a bold, hard-hitting aesthetic? Check out this text effect! It has nine different layer styles that are super easy to customize and really fun to use!
Check out this sewing kit pack! Comes with 40 different brushes and 10 fabric layer styles. The pattern styles are seamless, making them versatile to use.
These sport logo styles are perfect for logos, badges, and more! This set includes nine different styles, examples, and even free fonts to test and try out!
These wood effects are super easy to customize and look awesome! Not only that, they also include eight different styles! Simply change the text in the provided PSD files to start creating some wood styled type in a flash.
Fabric Kingdom is a graphic design tool box with a cute fabric motif. Contains 14 different layer styles, 288 stitch brushes, and other goodies. Isn’t it the cutest?
Check out these chalkboard styles and patterns. This set comes with 15 chalk and 15 charcoal effects. The layer styles are so quick and easy to use! Give it a try!
Looking for graffiti text effects? Check out this pack! It contains ten different styles and includes ten different mockups, ten sets of styles, and extra help files too!
This modern art Photoshop action lets you turn any photo into a beautiful, painted piece! This one can be used with one simple click, but it also has a variety of customization options!
You don’t need to get messy to make realistic, glittery text. Try out this pro toolkit, designed to make quality glitter effects so much easier. Make pretty designs with shiny text perfect for weddings and more!
Get inspired by retro vintage textures with this extraordinary pack of text effects. Choose from 12 different effects to apply to your work. Make amazing typographic compositions with polished effects you’ll love!
Phenomenal 3D designs are possible in Photoshop. And you can achieve a clean, classic look with this pack of 3D mockups. Choose from six Photoshop files with organized layers and groups. Save time with this download!
Prep yourself for any scenario with this ultimate collection of 1,001 text effects. Whether you’re new to Photoshop or more experienced, these stylish effects are certainly easy to use. Get this collection to enjoy amazing gold and metal effects.
See your name in lights? Make it happen with this elegant retro styles pack. Any lover of vintage design will appreciate this incredible resource of 18 Photoshop files with over 80 layer styles. Create that wonderful retro diner look with this effect!
Foil balloons are super popular on Instagram! And you can celebrate all your special achievements with this incredible text effect. Built using smart objects in Photoshop, this text effect requires version CS6 and above.
From vintage sports signs to exciting neon lights, this text effect pack includes ten colorful options. It works well at 300 dpi, ensuring that you’ll have a high-quality result. Just add your text to the simple-to-use smart objects to enjoy this effect.
Give your work that professional polish with this set of 18-carat text effects. This suite includes ten Photoshop files with 3D gold and metal text effects to make your titles look awesome. Great for web and print work.
Design a new Facebook cover with this awesome 80s text effect. Inspired by the trendy neon colors and sci-fi typefaces of the 80s, this package includes ten Photoshop files that are fully editable. Try it out for a cool result!
Need a simple effect that’s also multipurpose? Try out this phenomenal bundle! This pack includes ten 3D text and logo effects featuring a minimalist design. They’re very easy to use, so you’ll have no problems changing the colors or textures.
Get ready for winter with this super creative text effect. Packed with 12 iced snow backgrounds, this package includes many amazing elements for a wintry look. You’ll love the selection!
Turn your pictures into cool text portraits with this Photoshop mockup. This download includes four Photoshop files with everything you need inside. Create a high-quality effect that will work well on any T-shirt or graphic design.
Spell out your messages with this fun generator. This download includes two Photoshop actions to generate salt and sugar text. The effect is realistic and clean, and features highly detailed textures to inspire phenomenal design. Enjoy it now!
Apply brilliant metal textures to your designs with the help of these layer styles. This incredible pack includes several inspiring designs featuring grunge and metal designs. They’re 100% scalable too, so you can easily insert them into your projects!
17 Awesome Text Effect Tutorials
Want to create these effects yourself? Try one of these Photoshop tutorials to get you started. Design epic typography with 3D effects and more.
This list features exciting
resources for the avid designer
familiar with Adobe Photoshop. For
additional help with your typography needs, enlist the skills of a talented
professional by choosing one of the amazing designers from Envato Studio.
And
with loads of Photoshop layer styles available at your fingertips, chances are we’ve
missed a few to add to your personal collection. Be sure to browse Envato Market and Envato Elements for more resources, and let us know your favorites in the comments below!
Create cool text effects in seconds! Check out this collection of Photoshop layer styles and text effects from Envato Market and Envato Elements.
Create cool text effects in seconds! Check out these amazing layer styles below.
21 Photoshop Text Effects & Layer Styles
Your ideas need great design, so try a quick text effect! With Photoshop layer styles, you get the option of trying out multiple effects to find the best fit. Design impressive web and print graphics with 3D text and more.
Today, we bring you 21 of the best Photoshop Layer Styles from Envato Market and Envato Elements. Create cool, creative effects in less time with these professional styles.
Featuring
some of the best-selling items of 2020, these styles are incredible resources you’ll want to add to your collection.
Enjoy professionally made templates that are easy to use! Or get quality help from our design experts at Envato Studio.
What Are Layer Styles?
New to Photoshop? Learn how to install and use Photoshop layer styles from this video:
This old movie style text effect can add a nostalgic vibe to your project. Simply use the included PSD file and smart objects to easily jump right in and start experimenting with your own text.
What a striking text effect! Check this one out; it simulates underwater text in such a believable and beautiful way! You won’t believe how easy it is to jump right in and use this awesome text effect.
Add some depth to your text with this collection of 3D text effects. This pack has a large variety of different styles to try out. Works with text, vector shapes, and logos!
Really grab some attention with these chrome and fire Photoshop layer styles. The smoldering effect is really convincing. Comes with 15 layer styles! Awesome!
Check out this fun, playful, playdough-inspired text effect! It comes with a PSD which contains a variety of letters, numbers and special characters which you can customize, mix, match, and experiment with!
Wow, check out this amazing smoke text effect! It’s so detailed and so striking. This effect is super easy to use too; just open up the template and insert your text. It’s really that simple!
This sweet text effect could add some visual interest to your next project! Check out these fun and stylish results! This effect works with simple text, shapes, or vector logos too!
Looking for an oooey, gooey effect for your text? Looking for something fun, different, and memorable? Then this is the text effect for you! It comes in eight different styles, and editing them is a snap!
Check out this fun and festive neon light text effect! This versatile effect can be applied to any outline shape object, as well as to light to medium fonts.
Check out this cool, stylish aesthetic! It could be a great fit for your music, sports, events, and a whole host of different projects! This stylish Photoshop action also comes with a bonus neon action!
Need to add a bit of grit and grunge to your project? Try out these instant grunge layer styles. Change out the colors and customize how the textures are displayed to suit your project’s needs.
Love the 80s? Then you’re going to love this collection of Photoshop layer styles! There are 22 different styles to mix, match, and enjoy! Try it on text, shapes, and logos, too!
How about a hand-crafted paper look? Meet Paper Kingdom, an amazing set of assets with so many possibilities! We’re talking over 200 paper styles, over 200 seamless paper textures, and more!
These lovely, ink stamp inspired Photoshop layer styles are an awesome way to add some texture to your projects! The set includes 12 individual layer styles, as well as instructions to help you get started.
How about a bold, hard-hitting aesthetic? Check out this text effect! It has nine different layer styles that are super easy to customize and really fun to use!
Check out this sewing kit pack! Comes with 40 different brushes and 10 fabric layer styles. The pattern styles are seamless, making them versatile to use.
These sport logo styles are perfect for logos, badges, and more! This set includes nine different styles, examples, and even free fonts to test and try out!
These wood effects are super easy to customize and look awesome! Not only that, they also include eight different styles! Simply change the text in the provided PSD files to start creating some wood styled type in a flash.
Fabric Kingdom is a graphic design tool box with a cute fabric motif. Contains 14 different layer styles, 288 stitch brushes, and other goodies. Isn’t it the cutest?
Check out these chalkboard styles and patterns. This set comes with 15 chalk and 15 charcoal effects. The layer styles are so quick and easy to use! Give it a try!
Looking for graffiti text effects? Check out this pack! It contains ten different styles and includes ten different mockups, ten sets of styles, and extra help files too!
This modern art Photoshop action lets you turn any photo into a beautiful, painted piece! This one can be used with one simple click, but it also has a variety of customization options!
You don’t need to get messy to make realistic, glittery text. Try out this pro toolkit, designed to make quality glitter effects so much easier. Make pretty designs with shiny text perfect for weddings and more!
Get inspired by retro vintage textures with this extraordinary pack of text effects. Choose from 12 different effects to apply to your work. Make amazing typographic compositions with polished effects you’ll love!
Phenomenal 3D designs are possible in Photoshop. And you can achieve a clean, classic look with this pack of 3D mockups. Choose from six Photoshop files with organized layers and groups. Save time with this download!
Prep yourself for any scenario with this ultimate collection of 1,001 text effects. Whether you’re new to Photoshop or more experienced, these stylish effects are certainly easy to use. Get this collection to enjoy amazing gold and metal effects.
See your name in lights? Make it happen with this elegant retro styles pack. Any lover of vintage design will appreciate this incredible resource of 18 Photoshop files with over 80 layer styles. Create that wonderful retro diner look with this effect!
Foil balloons are super popular on Instagram! And you can celebrate all your special achievements with this incredible text effect. Built using smart objects in Photoshop, this text effect requires version CS6 and above.
From vintage sports signs to exciting neon lights, this text effect pack includes ten colorful options. It works well at 300 dpi, ensuring that you’ll have a high-quality result. Just add your text to the simple-to-use smart objects to enjoy this effect.
Give your work that professional polish with this set of 18-carat text effects. This suite includes ten Photoshop files with 3D gold and metal text effects to make your titles look awesome. Great for web and print work.
Design a new Facebook cover with this awesome 80s text effect. Inspired by the trendy neon colors and sci-fi typefaces of the 80s, this package includes ten Photoshop files that are fully editable. Try it out for a cool result!
Need a simple effect that’s also multipurpose? Try out this phenomenal bundle! This pack includes ten 3D text and logo effects featuring a minimalist design. They’re very easy to use, so you’ll have no problems changing the colors or textures.
Get ready for winter with this super creative text effect. Packed with 12 iced snow backgrounds, this package includes many amazing elements for a wintry look. You’ll love the selection!
Turn your pictures into cool text portraits with this Photoshop mockup. This download includes four Photoshop files with everything you need inside. Create a high-quality effect that will work well on any T-shirt or graphic design.
Spell out your messages with this fun generator. This download includes two Photoshop actions to generate salt and sugar text. The effect is realistic and clean, and features highly detailed textures to inspire phenomenal design. Enjoy it now!
Apply brilliant metal textures to your designs with the help of these layer styles. This incredible pack includes several inspiring designs featuring grunge and metal designs. They’re 100% scalable too, so you can easily insert them into your projects!
17 Awesome Text Effect Tutorials
Want to create these effects yourself? Try one of these Photoshop tutorials to get you started. Design epic typography with 3D effects and more.
This list features exciting
resources for the avid designer
familiar with Adobe Photoshop. For
additional help with your typography needs, enlist the skills of a talented
professional by choosing one of the amazing designers from Envato Studio.
And
with loads of Photoshop layer styles available at your fingertips, chances are we’ve
missed a few to add to your personal collection. Be sure to browse Envato Market and Envato Elements for more resources, and let us know your favorites in the comments below!
Create cool text effects in seconds! Check out this collection of Photoshop layer styles and text effects from Envato Market and Envato Elements.
Create cool text effects in seconds! Check out these amazing layer styles below.
21 Photoshop Text Effects & Layer Styles
Your ideas need great design, so try a quick text effect! With Photoshop layer styles, you get the option of trying out multiple effects to find the best fit. Design impressive web and print graphics with 3D text and more.
Today, we bring you 21 of the best Photoshop Layer Styles from Envato Market and Envato Elements. Create cool, creative effects in less time with these professional styles.
Featuring
some of the best-selling items of 2020, these styles are incredible resources you’ll want to add to your collection.
Enjoy professionally made templates that are easy to use! Or get quality help from our design experts at Envato Studio.
What Are Layer Styles?
New to Photoshop? Learn how to install and use Photoshop layer styles from this video:
This old movie style text effect can add a nostalgic vibe to your project. Simply use the included PSD file and smart objects to easily jump right in and start experimenting with your own text.
What a striking text effect! Check this one out; it simulates underwater text in such a believable and beautiful way! You won’t believe how easy it is to jump right in and use this awesome text effect.
Add some depth to your text with this collection of 3D text effects. This pack has a large variety of different styles to try out. Works with text, vector shapes, and logos!
Really grab some attention with these chrome and fire Photoshop layer styles. The smoldering effect is really convincing. Comes with 15 layer styles! Awesome!
Check out this fun, playful, playdough-inspired text effect! It comes with a PSD which contains a variety of letters, numbers and special characters which you can customize, mix, match, and experiment with!
Wow, check out this amazing smoke text effect! It’s so detailed and so striking. This effect is super easy to use too; just open up the template and insert your text. It’s really that simple!
This sweet text effect could add some visual interest to your next project! Check out these fun and stylish results! This effect works with simple text, shapes, or vector logos too!
Looking for an oooey, gooey effect for your text? Looking for something fun, different, and memorable? Then this is the text effect for you! It comes in eight different styles, and editing them is a snap!
Check out this fun and festive neon light text effect! This versatile effect can be applied to any outline shape object, as well as to light to medium fonts.
Check out this cool, stylish aesthetic! It could be a great fit for your music, sports, events, and a whole host of different projects! This stylish Photoshop action also comes with a bonus neon action!
Need to add a bit of grit and grunge to your project? Try out these instant grunge layer styles. Change out the colors and customize how the textures are displayed to suit your project’s needs.
Love the 80s? Then you’re going to love this collection of Photoshop layer styles! There are 22 different styles to mix, match, and enjoy! Try it on text, shapes, and logos, too!
How about a hand-crafted paper look? Meet Paper Kingdom, an amazing set of assets with so many possibilities! We’re talking over 200 paper styles, over 200 seamless paper textures, and more!
These lovely, ink stamp inspired Photoshop layer styles are an awesome way to add some texture to your projects! The set includes 12 individual layer styles, as well as instructions to help you get started.
How about a bold, hard-hitting aesthetic? Check out this text effect! It has nine different layer styles that are super easy to customize and really fun to use!
Check out this sewing kit pack! Comes with 40 different brushes and 10 fabric layer styles. The pattern styles are seamless, making them versatile to use.
These sport logo styles are perfect for logos, badges, and more! This set includes nine different styles, examples, and even free fonts to test and try out!
These wood effects are super easy to customize and look awesome! Not only that, they also include eight different styles! Simply change the text in the provided PSD files to start creating some wood styled type in a flash.
Fabric Kingdom is a graphic design tool box with a cute fabric motif. Contains 14 different layer styles, 288 stitch brushes, and other goodies. Isn’t it the cutest?
Check out these chalkboard styles and patterns. This set comes with 15 chalk and 15 charcoal effects. The layer styles are so quick and easy to use! Give it a try!
Looking for graffiti text effects? Check out this pack! It contains ten different styles and includes ten different mockups, ten sets of styles, and extra help files too!
This modern art Photoshop action lets you turn any photo into a beautiful, painted piece! This one can be used with one simple click, but it also has a variety of customization options!
You don’t need to get messy to make realistic, glittery text. Try out this pro toolkit, designed to make quality glitter effects so much easier. Make pretty designs with shiny text perfect for weddings and more!
Get inspired by retro vintage textures with this extraordinary pack of text effects. Choose from 12 different effects to apply to your work. Make amazing typographic compositions with polished effects you’ll love!
Phenomenal 3D designs are possible in Photoshop. And you can achieve a clean, classic look with this pack of 3D mockups. Choose from six Photoshop files with organized layers and groups. Save time with this download!
Prep yourself for any scenario with this ultimate collection of 1,001 text effects. Whether you’re new to Photoshop or more experienced, these stylish effects are certainly easy to use. Get this collection to enjoy amazing gold and metal effects.
See your name in lights? Make it happen with this elegant retro styles pack. Any lover of vintage design will appreciate this incredible resource of 18 Photoshop files with over 80 layer styles. Create that wonderful retro diner look with this effect!
Foil balloons are super popular on Instagram! And you can celebrate all your special achievements with this incredible text effect. Built using smart objects in Photoshop, this text effect requires version CS6 and above.
From vintage sports signs to exciting neon lights, this text effect pack includes ten colorful options. It works well at 300 dpi, ensuring that you’ll have a high-quality result. Just add your text to the simple-to-use smart objects to enjoy this effect.
Give your work that professional polish with this set of 18-carat text effects. This suite includes ten Photoshop files with 3D gold and metal text effects to make your titles look awesome. Great for web and print work.
Design a new Facebook cover with this awesome 80s text effect. Inspired by the trendy neon colors and sci-fi typefaces of the 80s, this package includes ten Photoshop files that are fully editable. Try it out for a cool result!
Need a simple effect that’s also multipurpose? Try out this phenomenal bundle! This pack includes ten 3D text and logo effects featuring a minimalist design. They’re very easy to use, so you’ll have no problems changing the colors or textures.
Get ready for winter with this super creative text effect. Packed with 12 iced snow backgrounds, this package includes many amazing elements for a wintry look. You’ll love the selection!
Turn your pictures into cool text portraits with this Photoshop mockup. This download includes four Photoshop files with everything you need inside. Create a high-quality effect that will work well on any T-shirt or graphic design.
Spell out your messages with this fun generator. This download includes two Photoshop actions to generate salt and sugar text. The effect is realistic and clean, and features highly detailed textures to inspire phenomenal design. Enjoy it now!
Apply brilliant metal textures to your designs with the help of these layer styles. This incredible pack includes several inspiring designs featuring grunge and metal designs. They’re 100% scalable too, so you can easily insert them into your projects!
17 Awesome Text Effect Tutorials
Want to create these effects yourself? Try one of these Photoshop tutorials to get you started. Design epic typography with 3D effects and more.
This list features exciting
resources for the avid designer
familiar with Adobe Photoshop. For
additional help with your typography needs, enlist the skills of a talented
professional by choosing one of the amazing designers from Envato Studio.
And
with loads of Photoshop layer styles available at your fingertips, chances are we’ve
missed a few to add to your personal collection. Be sure to browse Envato Market and Envato Elements for more resources, and let us know your favorites in the comments below!
Create cool text effects in seconds! Check out this collection of Photoshop layer styles and text effects from Envato Market and Envato Elements.
Create cool text effects in seconds! Check out these amazing layer styles below.
21 Photoshop Text Effects & Layer Styles
Your ideas need great design, so try a quick text effect! With Photoshop layer styles, you get the option of trying out multiple effects to find the best fit. Design impressive web and print graphics with 3D text and more.
Today, we bring you 21 of the best Photoshop Layer Styles from Envato Market and Envato Elements. Create cool, creative effects in less time with these professional styles.
Featuring
some of the best-selling items of 2020, these styles are incredible resources you’ll want to add to your collection.
Enjoy professionally made templates that are easy to use! Or get quality help from our design experts at Envato Studio.
What Are Layer Styles?
New to Photoshop? Learn how to install and use Photoshop layer styles from this video:
This old movie style text effect can add a nostalgic vibe to your project. Simply use the included PSD file and smart objects to easily jump right in and start experimenting with your own text.
What a striking text effect! Check this one out; it simulates underwater text in such a believable and beautiful way! You won’t believe how easy it is to jump right in and use this awesome text effect.
Add some depth to your text with this collection of 3D text effects. This pack has a large variety of different styles to try out. Works with text, vector shapes, and logos!
Really grab some attention with these chrome and fire Photoshop layer styles. The smoldering effect is really convincing. Comes with 15 layer styles! Awesome!
Check out this fun, playful, playdough-inspired text effect! It comes with a PSD which contains a variety of letters, numbers and special characters which you can customize, mix, match, and experiment with!
Wow, check out this amazing smoke text effect! It’s so detailed and so striking. This effect is super easy to use too; just open up the template and insert your text. It’s really that simple!
This sweet text effect could add some visual interest to your next project! Check out these fun and stylish results! This effect works with simple text, shapes, or vector logos too!
Looking for an oooey, gooey effect for your text? Looking for something fun, different, and memorable? Then this is the text effect for you! It comes in eight different styles, and editing them is a snap!
Check out this fun and festive neon light text effect! This versatile effect can be applied to any outline shape object, as well as to light to medium fonts.
Check out this cool, stylish aesthetic! It could be a great fit for your music, sports, events, and a whole host of different projects! This stylish Photoshop action also comes with a bonus neon action!
Need to add a bit of grit and grunge to your project? Try out these instant grunge layer styles. Change out the colors and customize how the textures are displayed to suit your project’s needs.
Love the 80s? Then you’re going to love this collection of Photoshop layer styles! There are 22 different styles to mix, match, and enjoy! Try it on text, shapes, and logos, too!
How about a hand-crafted paper look? Meet Paper Kingdom, an amazing set of assets with so many possibilities! We’re talking over 200 paper styles, over 200 seamless paper textures, and more!
These lovely, ink stamp inspired Photoshop layer styles are an awesome way to add some texture to your projects! The set includes 12 individual layer styles, as well as instructions to help you get started.
How about a bold, hard-hitting aesthetic? Check out this text effect! It has nine different layer styles that are super easy to customize and really fun to use!
Check out this sewing kit pack! Comes with 40 different brushes and 10 fabric layer styles. The pattern styles are seamless, making them versatile to use.
These sport logo styles are perfect for logos, badges, and more! This set includes nine different styles, examples, and even free fonts to test and try out!
These wood effects are super easy to customize and look awesome! Not only that, they also include eight different styles! Simply change the text in the provided PSD files to start creating some wood styled type in a flash.
Fabric Kingdom is a graphic design tool box with a cute fabric motif. Contains 14 different layer styles, 288 stitch brushes, and other goodies. Isn’t it the cutest?
Check out these chalkboard styles and patterns. This set comes with 15 chalk and 15 charcoal effects. The layer styles are so quick and easy to use! Give it a try!
Looking for graffiti text effects? Check out this pack! It contains ten different styles and includes ten different mockups, ten sets of styles, and extra help files too!
This modern art Photoshop action lets you turn any photo into a beautiful, painted piece! This one can be used with one simple click, but it also has a variety of customization options!
You don’t need to get messy to make realistic, glittery text. Try out this pro toolkit, designed to make quality glitter effects so much easier. Make pretty designs with shiny text perfect for weddings and more!
Get inspired by retro vintage textures with this extraordinary pack of text effects. Choose from 12 different effects to apply to your work. Make amazing typographic compositions with polished effects you’ll love!
Phenomenal 3D designs are possible in Photoshop. And you can achieve a clean, classic look with this pack of 3D mockups. Choose from six Photoshop files with organized layers and groups. Save time with this download!
Prep yourself for any scenario with this ultimate collection of 1,001 text effects. Whether you’re new to Photoshop or more experienced, these stylish effects are certainly easy to use. Get this collection to enjoy amazing gold and metal effects.
See your name in lights? Make it happen with this elegant retro styles pack. Any lover of vintage design will appreciate this incredible resource of 18 Photoshop files with over 80 layer styles. Create that wonderful retro diner look with this effect!
Foil balloons are super popular on Instagram! And you can celebrate all your special achievements with this incredible text effect. Built using smart objects in Photoshop, this text effect requires version CS6 and above.
From vintage sports signs to exciting neon lights, this text effect pack includes ten colorful options. It works well at 300 dpi, ensuring that you’ll have a high-quality result. Just add your text to the simple-to-use smart objects to enjoy this effect.
Give your work that professional polish with this set of 18-carat text effects. This suite includes ten Photoshop files with 3D gold and metal text effects to make your titles look awesome. Great for web and print work.
Design a new Facebook cover with this awesome 80s text effect. Inspired by the trendy neon colors and sci-fi typefaces of the 80s, this package includes ten Photoshop files that are fully editable. Try it out for a cool result!
Need a simple effect that’s also multipurpose? Try out this phenomenal bundle! This pack includes ten 3D text and logo effects featuring a minimalist design. They’re very easy to use, so you’ll have no problems changing the colors or textures.
Get ready for winter with this super creative text effect. Packed with 12 iced snow backgrounds, this package includes many amazing elements for a wintry look. You’ll love the selection!
Turn your pictures into cool text portraits with this Photoshop mockup. This download includes four Photoshop files with everything you need inside. Create a high-quality effect that will work well on any T-shirt or graphic design.
Spell out your messages with this fun generator. This download includes two Photoshop actions to generate salt and sugar text. The effect is realistic and clean, and features highly detailed textures to inspire phenomenal design. Enjoy it now!
Apply brilliant metal textures to your designs with the help of these layer styles. This incredible pack includes several inspiring designs featuring grunge and metal designs. They’re 100% scalable too, so you can easily insert them into your projects!
17 Awesome Text Effect Tutorials
Want to create these effects yourself? Try one of these Photoshop tutorials to get you started. Design epic typography with 3D effects and more.
This list features exciting
resources for the avid designer
familiar with Adobe Photoshop. For
additional help with your typography needs, enlist the skills of a talented
professional by choosing one of the amazing designers from Envato Studio.
And
with loads of Photoshop layer styles available at your fingertips, chances are we’ve
missed a few to add to your personal collection. Be sure to browse Envato Market and Envato Elements for more resources, and let us know your favorites in the comments below!
Create cool text effects in seconds! Check out this collection of Photoshop layer styles and text effects from Envato Market and Envato Elements.
Create cool text effects in seconds! Check out these amazing layer styles below.
21 Photoshop Text Effects & Layer Styles
Your ideas need great design, so try a quick text effect! With Photoshop layer styles, you get the option of trying out multiple effects to find the best fit. Design impressive web and print graphics with 3D text and more.
Today, we bring you 21 of the best Photoshop Layer Styles from Envato Market and Envato Elements. Create cool, creative effects in less time with these professional styles.
Featuring
some of the best-selling items of 2020, these styles are incredible resources you’ll want to add to your collection.
Enjoy professionally made templates that are easy to use! Or get quality help from our design experts at Envato Studio.
What Are Layer Styles?
New to Photoshop? Learn how to install and use Photoshop layer styles from this video:
This old movie style text effect can add a nostalgic vibe to your project. Simply use the included PSD file and smart objects to easily jump right in and start experimenting with your own text.
What a striking text effect! Check this one out; it simulates underwater text in such a believable and beautiful way! You won’t believe how easy it is to jump right in and use this awesome text effect.
Add some depth to your text with this collection of 3D text effects. This pack has a large variety of different styles to try out. Works with text, vector shapes, and logos!
Really grab some attention with these chrome and fire Photoshop layer styles. The smoldering effect is really convincing. Comes with 15 layer styles! Awesome!
Check out this fun, playful, playdough-inspired text effect! It comes with a PSD which contains a variety of letters, numbers and special characters which you can customize, mix, match, and experiment with!
Wow, check out this amazing smoke text effect! It’s so detailed and so striking. This effect is super easy to use too; just open up the template and insert your text. It’s really that simple!
This sweet text effect could add some visual interest to your next project! Check out these fun and stylish results! This effect works with simple text, shapes, or vector logos too!
Looking for an oooey, gooey effect for your text? Looking for something fun, different, and memorable? Then this is the text effect for you! It comes in eight different styles, and editing them is a snap!
Check out this fun and festive neon light text effect! This versatile effect can be applied to any outline shape object, as well as to light to medium fonts.
Check out this cool, stylish aesthetic! It could be a great fit for your music, sports, events, and a whole host of different projects! This stylish Photoshop action also comes with a bonus neon action!
Need to add a bit of grit and grunge to your project? Try out these instant grunge layer styles. Change out the colors and customize how the textures are displayed to suit your project’s needs.
Love the 80s? Then you’re going to love this collection of Photoshop layer styles! There are 22 different styles to mix, match, and enjoy! Try it on text, shapes, and logos, too!
How about a hand-crafted paper look? Meet Paper Kingdom, an amazing set of assets with so many possibilities! We’re talking over 200 paper styles, over 200 seamless paper textures, and more!
These lovely, ink stamp inspired Photoshop layer styles are an awesome way to add some texture to your projects! The set includes 12 individual layer styles, as well as instructions to help you get started.
How about a bold, hard-hitting aesthetic? Check out this text effect! It has nine different layer styles that are super easy to customize and really fun to use!
Check out this sewing kit pack! Comes with 40 different brushes and 10 fabric layer styles. The pattern styles are seamless, making them versatile to use.
These sport logo styles are perfect for logos, badges, and more! This set includes nine different styles, examples, and even free fonts to test and try out!
These wood effects are super easy to customize and look awesome! Not only that, they also include eight different styles! Simply change the text in the provided PSD files to start creating some wood styled type in a flash.
Fabric Kingdom is a graphic design tool box with a cute fabric motif. Contains 14 different layer styles, 288 stitch brushes, and other goodies. Isn’t it the cutest?
Check out these chalkboard styles and patterns. This set comes with 15 chalk and 15 charcoal effects. The layer styles are so quick and easy to use! Give it a try!
Looking for graffiti text effects? Check out this pack! It contains ten different styles and includes ten different mockups, ten sets of styles, and extra help files too!
This modern art Photoshop action lets you turn any photo into a beautiful, painted piece! This one can be used with one simple click, but it also has a variety of customization options!
You don’t need to get messy to make realistic, glittery text. Try out this pro toolkit, designed to make quality glitter effects so much easier. Make pretty designs with shiny text perfect for weddings and more!
Get inspired by retro vintage textures with this extraordinary pack of text effects. Choose from 12 different effects to apply to your work. Make amazing typographic compositions with polished effects you’ll love!
Phenomenal 3D designs are possible in Photoshop. And you can achieve a clean, classic look with this pack of 3D mockups. Choose from six Photoshop files with organized layers and groups. Save time with this download!
Prep yourself for any scenario with this ultimate collection of 1,001 text effects. Whether you’re new to Photoshop or more experienced, these stylish effects are certainly easy to use. Get this collection to enjoy amazing gold and metal effects.
See your name in lights? Make it happen with this elegant retro styles pack. Any lover of vintage design will appreciate this incredible resource of 18 Photoshop files with over 80 layer styles. Create that wonderful retro diner look with this effect!
Foil balloons are super popular on Instagram! And you can celebrate all your special achievements with this incredible text effect. Built using smart objects in Photoshop, this text effect requires version CS6 and above.
From vintage sports signs to exciting neon lights, this text effect pack includes ten colorful options. It works well at 300 dpi, ensuring that you’ll have a high-quality result. Just add your text to the simple-to-use smart objects to enjoy this effect.
Give your work that professional polish with this set of 18-carat text effects. This suite includes ten Photoshop files with 3D gold and metal text effects to make your titles look awesome. Great for web and print work.
Design a new Facebook cover with this awesome 80s text effect. Inspired by the trendy neon colors and sci-fi typefaces of the 80s, this package includes ten Photoshop files that are fully editable. Try it out for a cool result!
Need a simple effect that’s also multipurpose? Try out this phenomenal bundle! This pack includes ten 3D text and logo effects featuring a minimalist design. They’re very easy to use, so you’ll have no problems changing the colors or textures.
Get ready for winter with this super creative text effect. Packed with 12 iced snow backgrounds, this package includes many amazing elements for a wintry look. You’ll love the selection!
Turn your pictures into cool text portraits with this Photoshop mockup. This download includes four Photoshop files with everything you need inside. Create a high-quality effect that will work well on any T-shirt or graphic design.
Spell out your messages with this fun generator. This download includes two Photoshop actions to generate salt and sugar text. The effect is realistic and clean, and features highly detailed textures to inspire phenomenal design. Enjoy it now!
Apply brilliant metal textures to your designs with the help of these layer styles. This incredible pack includes several inspiring designs featuring grunge and metal designs. They’re 100% scalable too, so you can easily insert them into your projects!
17 Awesome Text Effect Tutorials
Want to create these effects yourself? Try one of these Photoshop tutorials to get you started. Design epic typography with 3D effects and more.
This list features exciting
resources for the avid designer
familiar with Adobe Photoshop. For
additional help with your typography needs, enlist the skills of a talented
professional by choosing one of the amazing designers from Envato Studio.
And
with loads of Photoshop layer styles available at your fingertips, chances are we’ve
missed a few to add to your personal collection. Be sure to browse Envato Market and Envato Elements for more resources, and let us know your favorites in the comments below!
Create cool text effects in seconds! Check out this collection of Photoshop layer styles and text effects from Envato Market and Envato Elements.
Create cool text effects in seconds! Check out these amazing layer styles below.
21 Photoshop Text Effects & Layer Styles
Your ideas need great design, so try a quick text effect! With Photoshop layer styles, you get the option of trying out multiple effects to find the best fit. Design impressive web and print graphics with 3D text and more.
Today, we bring you 21 of the best Photoshop Layer Styles from Envato Market and Envato Elements. Create cool, creative effects in less time with these professional styles.
Featuring
some of the best-selling items of 2020, these styles are incredible resources you’ll want to add to your collection.
Enjoy professionally made templates that are easy to use! Or get quality help from our design experts at Envato Studio.
What Are Layer Styles?
New to Photoshop? Learn how to install and use Photoshop layer styles from this video:
This old movie style text effect can add a nostalgic vibe to your project. Simply use the included PSD file and smart objects to easily jump right in and start experimenting with your own text.
What a striking text effect! Check this one out; it simulates underwater text in such a believable and beautiful way! You won’t believe how easy it is to jump right in and use this awesome text effect.
Add some depth to your text with this collection of 3D text effects. This pack has a large variety of different styles to try out. Works with text, vector shapes, and logos!
Really grab some attention with these chrome and fire Photoshop layer styles. The smoldering effect is really convincing. Comes with 15 layer styles! Awesome!
Check out this fun, playful, playdough-inspired text effect! It comes with a PSD which contains a variety of letters, numbers and special characters which you can customize, mix, match, and experiment with!
Wow, check out this amazing smoke text effect! It’s so detailed and so striking. This effect is super easy to use too; just open up the template and insert your text. It’s really that simple!
This sweet text effect could add some visual interest to your next project! Check out these fun and stylish results! This effect works with simple text, shapes, or vector logos too!
Looking for an oooey, gooey effect for your text? Looking for something fun, different, and memorable? Then this is the text effect for you! It comes in eight different styles, and editing them is a snap!
Check out this fun and festive neon light text effect! This versatile effect can be applied to any outline shape object, as well as to light to medium fonts.
Check out this cool, stylish aesthetic! It could be a great fit for your music, sports, events, and a whole host of different projects! This stylish Photoshop action also comes with a bonus neon action!
Need to add a bit of grit and grunge to your project? Try out these instant grunge layer styles. Change out the colors and customize how the textures are displayed to suit your project’s needs.
Love the 80s? Then you’re going to love this collection of Photoshop layer styles! There are 22 different styles to mix, match, and enjoy! Try it on text, shapes, and logos, too!
How about a hand-crafted paper look? Meet Paper Kingdom, an amazing set of assets with so many possibilities! We’re talking over 200 paper styles, over 200 seamless paper textures, and more!
These lovely, ink stamp inspired Photoshop layer styles are an awesome way to add some texture to your projects! The set includes 12 individual layer styles, as well as instructions to help you get started.
How about a bold, hard-hitting aesthetic? Check out this text effect! It has nine different layer styles that are super easy to customize and really fun to use!
Check out this sewing kit pack! Comes with 40 different brushes and 10 fabric layer styles. The pattern styles are seamless, making them versatile to use.
These sport logo styles are perfect for logos, badges, and more! This set includes nine different styles, examples, and even free fonts to test and try out!
These wood effects are super easy to customize and look awesome! Not only that, they also include eight different styles! Simply change the text in the provided PSD files to start creating some wood styled type in a flash.
Fabric Kingdom is a graphic design tool box with a cute fabric motif. Contains 14 different layer styles, 288 stitch brushes, and other goodies. Isn’t it the cutest?
Check out these chalkboard styles and patterns. This set comes with 15 chalk and 15 charcoal effects. The layer styles are so quick and easy to use! Give it a try!
Looking for graffiti text effects? Check out this pack! It contains ten different styles and includes ten different mockups, ten sets of styles, and extra help files too!
This modern art Photoshop action lets you turn any photo into a beautiful, painted piece! This one can be used with one simple click, but it also has a variety of customization options!
You don’t need to get messy to make realistic, glittery text. Try out this pro toolkit, designed to make quality glitter effects so much easier. Make pretty designs with shiny text perfect for weddings and more!
Get inspired by retro vintage textures with this extraordinary pack of text effects. Choose from 12 different effects to apply to your work. Make amazing typographic compositions with polished effects you’ll love!
Phenomenal 3D designs are possible in Photoshop. And you can achieve a clean, classic look with this pack of 3D mockups. Choose from six Photoshop files with organized layers and groups. Save time with this download!
Prep yourself for any scenario with this ultimate collection of 1,001 text effects. Whether you’re new to Photoshop or more experienced, these stylish effects are certainly easy to use. Get this collection to enjoy amazing gold and metal effects.
See your name in lights? Make it happen with this elegant retro styles pack. Any lover of vintage design will appreciate this incredible resource of 18 Photoshop files with over 80 layer styles. Create that wonderful retro diner look with this effect!
Foil balloons are super popular on Instagram! And you can celebrate all your special achievements with this incredible text effect. Built using smart objects in Photoshop, this text effect requires version CS6 and above.
From vintage sports signs to exciting neon lights, this text effect pack includes ten colorful options. It works well at 300 dpi, ensuring that you’ll have a high-quality result. Just add your text to the simple-to-use smart objects to enjoy this effect.
Give your work that professional polish with this set of 18-carat text effects. This suite includes ten Photoshop files with 3D gold and metal text effects to make your titles look awesome. Great for web and print work.
Design a new Facebook cover with this awesome 80s text effect. Inspired by the trendy neon colors and sci-fi typefaces of the 80s, this package includes ten Photoshop files that are fully editable. Try it out for a cool result!
Need a simple effect that’s also multipurpose? Try out this phenomenal bundle! This pack includes ten 3D text and logo effects featuring a minimalist design. They’re very easy to use, so you’ll have no problems changing the colors or textures.
Get ready for winter with this super creative text effect. Packed with 12 iced snow backgrounds, this package includes many amazing elements for a wintry look. You’ll love the selection!
Turn your pictures into cool text portraits with this Photoshop mockup. This download includes four Photoshop files with everything you need inside. Create a high-quality effect that will work well on any T-shirt or graphic design.
Spell out your messages with this fun generator. This download includes two Photoshop actions to generate salt and sugar text. The effect is realistic and clean, and features highly detailed textures to inspire phenomenal design. Enjoy it now!
Apply brilliant metal textures to your designs with the help of these layer styles. This incredible pack includes several inspiring designs featuring grunge and metal designs. They’re 100% scalable too, so you can easily insert them into your projects!
17 Awesome Text Effect Tutorials
Want to create these effects yourself? Try one of these Photoshop tutorials to get you started. Design epic typography with 3D effects and more.
This list features exciting
resources for the avid designer
familiar with Adobe Photoshop. For
additional help with your typography needs, enlist the skills of a talented
professional by choosing one of the amazing designers from Envato Studio.
And
with loads of Photoshop layer styles available at your fingertips, chances are we’ve
missed a few to add to your personal collection. Be sure to browse Envato Market and Envato Elements for more resources, and let us know your favorites in the comments below!
If you want to create an iPhone mockup, you can use an iPhone template or create your own phone case mockup in Photoshop. The second option may sound complicated, but it gives you more flexibility. In this tutorial, I will show you how to create phone case mockups in Photoshop using a photo as a base.
Open your image in Photoshop (I used this one). Use the Pen Tool (P) in Path mode to select the outline of the phone case. Don’t forget to select the elements inside the outline that should not be a part of the case as well.
Step 2
Press Control-Enter to create a selection. Then go to Select > Refine Edge. Check Smart Radius and increase the Radius to make the edge of the selection smooth. Press OK.
Step 3
Create a New Layer. Fill it with 50% gray and name it Shape.
Step 4
Use the same selection and go to the Background layer. Press Control-J to copy the outline of the case. Drag it over the Shape layer.
Step 5
Use the Lasso Tool (J) to select the elements that are not a default part of the case. Then go to Edit > Fill and use the Content-Aware fill. Repeat the process for all elements like this.
Step 6
Duplicate the layer with Control-J and hide the copy. Double-click the original and adjust the Blend If settings. Drag the upper white marker to the left to remove bright parts of the case. Use the Alt key to split the marker and create a smoother transition. Set the Blend Mode to Multiply and name the layer Shadow.
Step 7
Duplicate the hidden copy and make it visible. Repeat the process, this time leaving more midtones between black and white. Set the Blend Mode to Soft Light and name the layer Midtone.
Step 8
Repeat the process, this time setting the Blend Mode to Screen and dragging the black marker to the right, to remove the dark parts of the case. Lower the Opacity to make the effect subtler, and name the layer Shine.
Step 9
Make the last copy visible without copying it—this will be the last one. Set its mode to Linear Dodge and drag the black marker far to the right, to leave only the brightest parts. Name this layer Highlight.
Step 10
The shading is done, so now we need to prepare the place for the design. Select the Shape layer and use the Rectangle Tool (U) in Shape mode. Hold Shift to draw a perfect square.
Step 11
Double-click the square layer and check Pattern Overlay. Select a pattern that will make it easy to see the perspective of the case, and press OK. Then right-click and select Rasterize Layer Style. Then again right-click and select Convert to Smart Object.
Step 12
Use the Free Transform Tool (Control-T) to rotate and resize the pattern to fit the perspective of the case. Hold Control and drag the corners to make the sides of the square parallel to the sides of the case. When you’re done, press Enter.
Step 13
Hold Alt and click the line between this layer and the Shape layer to create a Clipping Mask. Name this layer Design.
Step 14
Go to Filter > Blur > Gaussian Blur. Make the pattern as blurry as the blurriest of the fingers in the photo. Then paint on the Layer Mask with gray to remove the blur from the areas close to the sharp fingers. This will add more depth to the photo.
Step 15
Select the Background layer and add a Solid Color layer. Pick bright red and set the Blend Mode to Soft Light.
Step 16
Fill the Layer Mask with black and then paint with white, using a soft brush, to mark the shadows that should be colored by the reflection of the case. Name this layer Reflected Light and hide it.
Step 17
Finally, it’s time to add the actual design. Double-click the Design layer and go to File > Place to add your design. Resize it, save the file, and close it to go back to the mockup file. Your design will be automatically modified the way you modified the square before.
Step 18
Now, all you need to do is adjust the Opacity of the shading layers and pick a color for the Reflected Light layer.
There’s no perfect recipe for the values you should use—they will depend on the material of the case. For example, plastic will have medium shadows and bright highlights, rubber will have bright shadows and dark highlights, and metal will have contrasting shadows and highlights. Experiment to get the results you need!
Ready-to-Use iPhone Templates
Now you know how to create a cell phone case mockup, but as you can see, it’s not exactly a quick process. If you want to save time, you can always use a mobile case mockup generator on Placeit. Yes, you will be less flexible this way, but the upsides are speed, ease of creation, and the sheer number of options. Let’s take a look at a few examples:
Let’s start with something simple. This phone case mockup comes with a customizable gradient background. You can also add text to create a promo image right away!
This iPhone mockup looks very clean and professional, giving you a view of both the back and the front of the phone. You can change the color of the background, or remove it altogether.
You can make the mockup look even better by adding some context. Maybe show the phone being used in a realistic situation? This will drag the attention away from the case, making it more believable.
Or maybe you just need something simple and effective? This cell phone case mockup comes without a background by default, so you can replace it with any colors or photo.
Good Job!
Now
you know how to create phone case mockups in Photoshop.
You can learn more about creating iPhone mockups here:
If you want to create an iPhone mockup, you can use an iPhone template or create your own phone case mockup in Photoshop. The second option may sound complicated, but it gives you more flexibility. In this tutorial, I will show you how to create phone case mockups in Photoshop using a photo as a base.
Open your image in Photoshop (I used this one). Use the Pen Tool (P) in Path mode to select the outline of the phone case. Don’t forget to select the elements inside the outline that should not be a part of the case as well.
Step 2
Press Control-Enter to create a selection. Then go to Select > Refine Edge. Check Smart Radius and increase the Radius to make the edge of the selection smooth. Press OK.
Step 3
Create a New Layer. Fill it with 50% gray and name it Shape.
Step 4
Use the same selection and go to the Background layer. Press Control-J to copy the outline of the case. Drag it over the Shape layer.
Step 5
Use the Lasso Tool (J) to select the elements that are not a default part of the case. Then go to Edit > Fill and use the Content-Aware fill. Repeat the process for all elements like this.
Step 6
Duplicate the layer with Control-J and hide the copy. Double-click the original and adjust the Blend If settings. Drag the upper white marker to the left to remove bright parts of the case. Use the Alt key to split the marker and create a smoother transition. Set the Blend Mode to Multiply and name the layer Shadow.
Step 7
Duplicate the hidden copy and make it visible. Repeat the process, this time leaving more midtones between black and white. Set the Blend Mode to Soft Light and name the layer Midtone.
Step 8
Repeat the process, this time setting the Blend Mode to Screen and dragging the black marker to the right, to remove the dark parts of the case. Lower the Opacity to make the effect subtler, and name the layer Shine.
Step 9
Make the last copy visible without copying it—this will be the last one. Set its mode to Linear Dodge and drag the black marker far to the right, to leave only the brightest parts. Name this layer Highlight.
Step 10
The shading is done, so now we need to prepare the place for the design. Select the Shape layer and use the Rectangle Tool (U) in Shape mode. Hold Shift to draw a perfect square.
Step 11
Double-click the square layer and check Pattern Overlay. Select a pattern that will make it easy to see the perspective of the case, and press OK. Then right-click and select Rasterize Layer Style. Then again right-click and select Convert to Smart Object.
Step 12
Use the Free Transform Tool (Control-T) to rotate and resize the pattern to fit the perspective of the case. Hold Control and drag the corners to make the sides of the square parallel to the sides of the case. When you’re done, press Enter.
Step 13
Hold Alt and click the line between this layer and the Shape layer to create a Clipping Mask. Name this layer Design.
Step 14
Go to Filter > Blur > Gaussian Blur. Make the pattern as blurry as the blurriest of the fingers in the photo. Then paint on the Layer Mask with gray to remove the blur from the areas close to the sharp fingers. This will add more depth to the photo.
Step 15
Select the Background layer and add a Solid Color layer. Pick bright red and set the Blend Mode to Soft Light.
Step 16
Fill the Layer Mask with black and then paint with white, using a soft brush, to mark the shadows that should be colored by the reflection of the case. Name this layer Reflected Light and hide it.
Step 17
Finally, it’s time to add the actual design. Double-click the Design layer and go to File > Place to add your design. Resize it, save the file, and close it to go back to the mockup file. Your design will be automatically modified the way you modified the square before.
Step 18
Now, all you need to do is adjust the Opacity of the shading layers and pick a color for the Reflected Light layer.
There’s no perfect recipe for the values you should use—they will depend on the material of the case. For example, plastic will have medium shadows and bright highlights, rubber will have bright shadows and dark highlights, and metal will have contrasting shadows and highlights. Experiment to get the results you need!
Ready-to-Use iPhone Templates
Now you know how to create a cell phone case mockup, but as you can see, it’s not exactly a quick process. If you want to save time, you can always use a mobile case mockup generator on Placeit. Yes, you will be less flexible this way, but the upsides are speed, ease of creation, and the sheer number of options. Let’s take a look at a few examples:
Let’s start with something simple. This phone case mockup comes with a customizable gradient background. You can also add text to create a promo image right away!
This iPhone mockup looks very clean and professional, giving you a view of both the back and the front of the phone. You can change the color of the background, or remove it altogether.
You can make the mockup look even better by adding some context. Maybe show the phone being used in a realistic situation? This will drag the attention away from the case, making it more believable.
Or maybe you just need something simple and effective? This cell phone case mockup comes without a background by default, so you can replace it with any colors or photo.
Good Job!
Now
you know how to create phone case mockups in Photoshop.
You can learn more about creating iPhone mockups here:
Adobe PhotoshopHow to Create a Cool Glitch Photo Effect in Adobe PhotoshopMelody Nieves
Photo EffectsHow to Create a Cut-Up Photo Effect in PhotoshopJohn Negoita
Photoshop ActionsHow to Add a Glowing Photo Effect to a Portrait in PhotoshopMonika Zagrobelna
Photoshop ActionsWhat Are Photoshop Actions and How to Install Photoshop ActionsKirk Nelson
Photoshop ActionsHow to Create a Cyberpunk Photoshop Effect ActionMarko Kožokar
