Archiwum kategorii: Web Tools

Best Resources of 2020: Photoshop Text Effects & Layer Styles

Post pobrano z: Best Resources of 2020: Photoshop Text Effects & Layer Styles

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:

Old Movie Title

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.

Old Movie Title

Underwater Text Logo Effect

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.

Underwater Text Logo Effect

3D Text Effects Vol.2

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!

3D Text Effects Vol2

Chrome & Fire Photoshop Layer Styles

Really grab some attention with these chrome and fire Photoshop layer styles. The smoldering effect is really convincing. Comes with 15 layer styles! Awesome!

Chrome  Fire Photoshop Layer Styles

Play Dough Type

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!

Play Dough Type

Smoke Logo Text Effect

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!

Smoke Logo Text Effect

ShinyPixel’s Text Effect 

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!

ShinyPixels Text Effect

Liquid Tasty Text Effects

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!

Liquid Tasty Text Effects

Neon Christmas Layer Style

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.

Neon Christmas Layer Style

Good Vibes – Modern Neon Display Font

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! 

Good Vibes - Modern Neon Display Font

Grunge Layer Styles

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.

Grunge Layer Styles

80s Retro – Photoshop Layer Styles

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!

80s Retro - Photoshop Layer Styles

Paper Kingdom Photoshop Layer Styles

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! 

Paper Kingdom Photoshop Layer Styles

Ink Stamp Photoshop Layer Styles

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.

Ink Stamp Photoshop Layer Styles

Mad Metal – Text Effects

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!

Mad Metal  Text Effects

Sewing & Embroidery Photoshop Kit

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.

Sewing  Embroidery Photoshop Kit

Sport Logo Styles

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!

Sport Logo Styles

8 Wood Text Effects

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.

8 Wood Text Effects

Fabric Kingdom Photoshop Edition

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?

Fabric Kingdom Photoshop Edition

Chalk and Charcoal Photoshop Styles Volume 1

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!

Chalk and Charcoal Photoshop Styles Volume 1

Graffiti Text Effects

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!

Graffiti Text Effects

Acrylum – Modern Art Photoshop Action

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!

Acrylum - Modern Art Photoshop Action

Realistic Glitter Effect Toolkit

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!

Realistic Glitter Effect Toolkit

12 Retro Photoshop Text Effects

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! 

12 Retro Photoshop Text Effects

Real 3D Text Mockups Vol 1

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!

Real 3D Text Mockups Vol 1

The Ultimate 1001 Text Effects

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.

The Ultimate 1001 Text Effects

Retro Neon Styles Pack

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!

Retro Neon Styles Pack

Foil Balloon Text Effect for Photoshop

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.

Foil Balloon Text Effect for Photoshop

Retro Text Effects Vol 1

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.

Retro Text Effects Vol 1

3D Gold and Metal Effects

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. 

3D Gold and Metal Effects

80s Text Effects

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!

80s Text Effects

Simple 3D Text and Logo Effects

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. 

Simple 3D Text and Logo Effects

The Snow Text Generator

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!

The Snow Text Generator

Text Portrait Mockup

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.

Text Portrait Mockup

Salt and Sugar Generator

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!

Salt and Sugar Generator

Photoshop Text Effects Vol 25

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!

Photoshop Text Effects Vol 25

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.

Conclusion

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!

Best Resources of 2020: Photoshop Text Effects & Layer Styles

Post pobrano z: Best Resources of 2020: Photoshop Text Effects & Layer Styles

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:

Old Movie Title

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.

Old Movie Title

Underwater Text Logo Effect

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.

Underwater Text Logo Effect

3D Text Effects Vol.2

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!

3D Text Effects Vol2

Chrome & Fire Photoshop Layer Styles

Really grab some attention with these chrome and fire Photoshop layer styles. The smoldering effect is really convincing. Comes with 15 layer styles! Awesome!

Chrome  Fire Photoshop Layer Styles

Play Dough Type

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!

Play Dough Type

Smoke Logo Text Effect

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!

Smoke Logo Text Effect

ShinyPixel’s Text Effect 

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!

ShinyPixels Text Effect

Liquid Tasty Text Effects

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!

Liquid Tasty Text Effects

Neon Christmas Layer Style

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.

Neon Christmas Layer Style

Good Vibes – Modern Neon Display Font

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! 

Good Vibes - Modern Neon Display Font

Grunge Layer Styles

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.

Grunge Layer Styles

80s Retro – Photoshop Layer Styles

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!

80s Retro - Photoshop Layer Styles

Paper Kingdom Photoshop Layer Styles

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! 

Paper Kingdom Photoshop Layer Styles

Ink Stamp Photoshop Layer Styles

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.

Ink Stamp Photoshop Layer Styles

Mad Metal – Text Effects

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!

Mad Metal  Text Effects

Sewing & Embroidery Photoshop Kit

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.

Sewing  Embroidery Photoshop Kit

Sport Logo Styles

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!

Sport Logo Styles

8 Wood Text Effects

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.

8 Wood Text Effects

Fabric Kingdom Photoshop Edition

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?

Fabric Kingdom Photoshop Edition

Chalk and Charcoal Photoshop Styles Volume 1

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!

Chalk and Charcoal Photoshop Styles Volume 1

Graffiti Text Effects

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!

Graffiti Text Effects

Acrylum – Modern Art Photoshop Action

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!

Acrylum - Modern Art Photoshop Action

Realistic Glitter Effect Toolkit

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!

Realistic Glitter Effect Toolkit

12 Retro Photoshop Text Effects

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! 

12 Retro Photoshop Text Effects

Real 3D Text Mockups Vol 1

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!

Real 3D Text Mockups Vol 1

The Ultimate 1001 Text Effects

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.

The Ultimate 1001 Text Effects

Retro Neon Styles Pack

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!

Retro Neon Styles Pack

Foil Balloon Text Effect for Photoshop

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.

Foil Balloon Text Effect for Photoshop

Retro Text Effects Vol 1

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.

Retro Text Effects Vol 1

3D Gold and Metal Effects

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. 

3D Gold and Metal Effects

80s Text Effects

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!

80s Text Effects

Simple 3D Text and Logo Effects

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. 

Simple 3D Text and Logo Effects

The Snow Text Generator

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!

The Snow Text Generator

Text Portrait Mockup

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.

Text Portrait Mockup

Salt and Sugar Generator

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!

Salt and Sugar Generator

Photoshop Text Effects Vol 25

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!

Photoshop Text Effects Vol 25

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.

Conclusion

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!

Best Resources of 2020: Photoshop Text Effects & Layer Styles

Post pobrano z: Best Resources of 2020: Photoshop Text Effects & Layer Styles

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:

Old Movie Title

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.

Old Movie Title

Underwater Text Logo Effect

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.

Underwater Text Logo Effect

3D Text Effects Vol.2

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!

3D Text Effects Vol2

Chrome & Fire Photoshop Layer Styles

Really grab some attention with these chrome and fire Photoshop layer styles. The smoldering effect is really convincing. Comes with 15 layer styles! Awesome!

Chrome  Fire Photoshop Layer Styles

Play Dough Type

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!

Play Dough Type

Smoke Logo Text Effect

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!

Smoke Logo Text Effect

ShinyPixel’s Text Effect 

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!

ShinyPixels Text Effect

Liquid Tasty Text Effects

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!

Liquid Tasty Text Effects

Neon Christmas Layer Style

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.

Neon Christmas Layer Style

Good Vibes – Modern Neon Display Font

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! 

Good Vibes - Modern Neon Display Font

Grunge Layer Styles

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.

Grunge Layer Styles

80s Retro – Photoshop Layer Styles

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!

80s Retro - Photoshop Layer Styles

Paper Kingdom Photoshop Layer Styles

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! 

Paper Kingdom Photoshop Layer Styles

Ink Stamp Photoshop Layer Styles

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.

Ink Stamp Photoshop Layer Styles

Mad Metal – Text Effects

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!

Mad Metal  Text Effects

Sewing & Embroidery Photoshop Kit

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.

Sewing  Embroidery Photoshop Kit

Sport Logo Styles

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!

Sport Logo Styles

8 Wood Text Effects

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.

8 Wood Text Effects

Fabric Kingdom Photoshop Edition

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?

Fabric Kingdom Photoshop Edition

Chalk and Charcoal Photoshop Styles Volume 1

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!

Chalk and Charcoal Photoshop Styles Volume 1

Graffiti Text Effects

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!

Graffiti Text Effects

Acrylum – Modern Art Photoshop Action

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!

Acrylum - Modern Art Photoshop Action

Realistic Glitter Effect Toolkit

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!

Realistic Glitter Effect Toolkit

12 Retro Photoshop Text Effects

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! 

12 Retro Photoshop Text Effects

Real 3D Text Mockups Vol 1

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!

Real 3D Text Mockups Vol 1

The Ultimate 1001 Text Effects

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.

The Ultimate 1001 Text Effects

Retro Neon Styles Pack

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!

Retro Neon Styles Pack

Foil Balloon Text Effect for Photoshop

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.

Foil Balloon Text Effect for Photoshop

Retro Text Effects Vol 1

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.

Retro Text Effects Vol 1

3D Gold and Metal Effects

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. 

3D Gold and Metal Effects

80s Text Effects

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!

80s Text Effects

Simple 3D Text and Logo Effects

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. 

Simple 3D Text and Logo Effects

The Snow Text Generator

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!

The Snow Text Generator

Text Portrait Mockup

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.

Text Portrait Mockup

Salt and Sugar Generator

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!

Salt and Sugar Generator

Photoshop Text Effects Vol 25

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!

Photoshop Text Effects Vol 25

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.

Conclusion

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!

Best Resources of 2020: Photoshop Text Effects & Layer Styles

Post pobrano z: Best Resources of 2020: Photoshop Text Effects & Layer Styles

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:

Old Movie Title

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.

Old Movie Title

Underwater Text Logo Effect

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.

Underwater Text Logo Effect

3D Text Effects Vol.2

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!

3D Text Effects Vol2

Chrome & Fire Photoshop Layer Styles

Really grab some attention with these chrome and fire Photoshop layer styles. The smoldering effect is really convincing. Comes with 15 layer styles! Awesome!

Chrome  Fire Photoshop Layer Styles

Play Dough Type

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!

Play Dough Type

Smoke Logo Text Effect

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!

Smoke Logo Text Effect

ShinyPixel’s Text Effect 

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!

ShinyPixels Text Effect

Liquid Tasty Text Effects

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!

Liquid Tasty Text Effects

Neon Christmas Layer Style

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.

Neon Christmas Layer Style

Good Vibes – Modern Neon Display Font

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! 

Good Vibes - Modern Neon Display Font

Grunge Layer Styles

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.

Grunge Layer Styles

80s Retro – Photoshop Layer Styles

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!

80s Retro - Photoshop Layer Styles

Paper Kingdom Photoshop Layer Styles

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! 

Paper Kingdom Photoshop Layer Styles

Ink Stamp Photoshop Layer Styles

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.

Ink Stamp Photoshop Layer Styles

Mad Metal – Text Effects

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!

Mad Metal  Text Effects

Sewing & Embroidery Photoshop Kit

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.

Sewing  Embroidery Photoshop Kit

Sport Logo Styles

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!

Sport Logo Styles

8 Wood Text Effects

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.

8 Wood Text Effects

Fabric Kingdom Photoshop Edition

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?

Fabric Kingdom Photoshop Edition

Chalk and Charcoal Photoshop Styles Volume 1

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!

Chalk and Charcoal Photoshop Styles Volume 1

Graffiti Text Effects

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!

Graffiti Text Effects

Acrylum – Modern Art Photoshop Action

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!

Acrylum - Modern Art Photoshop Action

Realistic Glitter Effect Toolkit

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!

Realistic Glitter Effect Toolkit

12 Retro Photoshop Text Effects

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! 

12 Retro Photoshop Text Effects

Real 3D Text Mockups Vol 1

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!

Real 3D Text Mockups Vol 1

The Ultimate 1001 Text Effects

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.

The Ultimate 1001 Text Effects

Retro Neon Styles Pack

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!

Retro Neon Styles Pack

Foil Balloon Text Effect for Photoshop

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.

Foil Balloon Text Effect for Photoshop

Retro Text Effects Vol 1

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.

Retro Text Effects Vol 1

3D Gold and Metal Effects

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. 

3D Gold and Metal Effects

80s Text Effects

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!

80s Text Effects

Simple 3D Text and Logo Effects

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. 

Simple 3D Text and Logo Effects

The Snow Text Generator

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!

The Snow Text Generator

Text Portrait Mockup

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.

Text Portrait Mockup

Salt and Sugar Generator

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!

Salt and Sugar Generator

Photoshop Text Effects Vol 25

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!

Photoshop Text Effects Vol 25

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.

Conclusion

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!

How to Create Phone Case Mockups in Photoshop

Post pobrano z: How to Create Phone Case Mockups in Photoshop

Final product image
What You’ll Be Creating

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.

If you want to save time, you can always use a mobile case mockup generator on Placeit

Follow along with us over on our Envato Tuts+ YouTube channel:

What You Will Need

You can download these images to follow the tutorial directly:

How to Create Phone Case Mockups in Photoshop

Step 1

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.

select outline of the case

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.

selection example
refine edge

Step 3

Create a New Layer. Fill it with 50% gray and name it Shape.

fill the selection

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.

duplicate the 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.

select the element
use content aware fill
remove content aware
content aware remove elements

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.

create layer duplicate
blend if settings
remove light from photo
multiply blend mode

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.

remove bright tones from layer
soft light blend mode

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.

remove dark tones from layer
screen mode

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.

remove shadows from layer
linear dodge mode

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.

add square shape
add 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.

add pattern to square

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.

adjust perspective

Step 13

Hold Alt and click the line between this layer and the Shape layer to create a Clipping Mask. Name this layer Design.

create clipping mask

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.

add gaussian blur
add perspective blur
paint on mask

Step 15

Select the Background layer and add a Solid Color layer. Pick bright red and set the Blend Mode to Soft Light.

add solid color fill
change blend mode

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.

paint on layer mask
create reflected color

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.

add pattern to mockup
create phone mockup

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.

mockup phone case

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!

phone case materials

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:

Gradient Background Phone Case Mockup

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!

Gradient Background Phone Case Mockup

Professional iPhone Template

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.

Professional iPhone Template

Woman Holding Phone Case

Adding a human face to your design will make it more eye-catching. This phone case mockup will make your vision for the case look real immediately!

Woman Holding Phone Case

iPhone Case Mockup in Real Life Situation

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.

iPhone Case Mockup in Real Life Situation

Phone Mockup Without Background

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.

Phone Mockup Without Background

Good Job!

Now
you know how to create phone case mockups in Photoshop.

iphone template generator

You can learn more about creating iPhone mockups here:

How to Create Phone Case Mockups in Photoshop

Post pobrano z: How to Create Phone Case Mockups in Photoshop

Final product image
What You’ll Be Creating

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.

If you want to save time, you can always use a mobile case mockup generator on Placeit

Follow along with us over on our Envato Tuts+ YouTube channel:

What You Will Need

You can download these images to follow the tutorial directly:

How to Create Phone Case Mockups in Photoshop

Step 1

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.

select outline of the case

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.

selection example
refine edge

Step 3

Create a New Layer. Fill it with 50% gray and name it Shape.

fill the selection

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.

duplicate the 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.

select the element
use content aware fill
remove content aware
content aware remove elements

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.

create layer duplicate
blend if settings
remove light from photo
multiply blend mode

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.

remove bright tones from layer
soft light blend mode

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.

remove dark tones from layer
screen mode

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.

remove shadows from layer
linear dodge mode

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.

add square shape
add 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.

add pattern to square

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.

adjust perspective

Step 13

Hold Alt and click the line between this layer and the Shape layer to create a Clipping Mask. Name this layer Design.

create clipping mask

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.

add gaussian blur
add perspective blur
paint on mask

Step 15

Select the Background layer and add a Solid Color layer. Pick bright red and set the Blend Mode to Soft Light.

add solid color fill
change blend mode

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.

paint on layer mask
create reflected color

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.

add pattern to mockup
create phone mockup

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.

mockup phone case

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!

phone case materials

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:

Gradient Background Phone Case Mockup

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!

Gradient Background Phone Case Mockup

Professional iPhone Template

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.

Professional iPhone Template

Woman Holding Phone Case

Adding a human face to your design will make it more eye-catching. This phone case mockup will make your vision for the case look real immediately!

Woman Holding Phone Case

iPhone Case Mockup in Real Life Situation

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.

iPhone Case Mockup in Real Life Situation

Phone Mockup Without Background

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.

Phone Mockup Without Background

Good Job!

Now
you know how to create phone case mockups in Photoshop.

iphone template generator

You can learn more about creating iPhone mockups here:

How to Create Phone Case Mockups in Photoshop

Post pobrano z: How to Create Phone Case Mockups in Photoshop

Final product image
What You’ll Be Creating

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.

If you want to save time, you can always use a mobile case mockup generator on Placeit

Follow along with us over on our Envato Tuts+ YouTube channel:

What You Will Need

You can download these images to follow the tutorial directly:

How to Create Phone Case Mockups in Photoshop

Step 1

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.

select outline of the case

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.

selection example
refine edge

Step 3

Create a New Layer. Fill it with 50% gray and name it Shape.

fill the selection

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.

duplicate the 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.

select the element
use content aware fill
remove content aware
content aware remove elements

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.

create layer duplicate
blend if settings
remove light from photo
multiply blend mode

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.

remove bright tones from layer
soft light blend mode

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.

remove dark tones from layer
screen mode

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.

remove shadows from layer
linear dodge mode

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.

add square shape
add 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.

add pattern to square

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.

adjust perspective

Step 13

Hold Alt and click the line between this layer and the Shape layer to create a Clipping Mask. Name this layer Design.

create clipping mask

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.

add gaussian blur
add perspective blur
paint on mask

Step 15

Select the Background layer and add a Solid Color layer. Pick bright red and set the Blend Mode to Soft Light.

add solid color fill
change blend mode

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.

paint on layer mask
create reflected color

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.

add pattern to mockup
create phone mockup

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.

mockup phone case

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!

phone case materials

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:

Gradient Background Phone Case Mockup

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!

Gradient Background Phone Case Mockup

Professional iPhone Template

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.

Professional iPhone Template

Woman Holding Phone Case

Adding a human face to your design will make it more eye-catching. This phone case mockup will make your vision for the case look real immediately!

Woman Holding Phone Case

iPhone Case Mockup in Real Life Situation

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.

iPhone Case Mockup in Real Life Situation

Phone Mockup Without Background

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.

Phone Mockup Without Background

Good Job!

Now
you know how to create phone case mockups in Photoshop.

iphone template generator

You can learn more about creating iPhone mockups here:

How to Create Phone Case Mockups in Photoshop

Post pobrano z: How to Create Phone Case Mockups in Photoshop

Final product image
What You’ll Be Creating

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.

If you want to save time, you can always use a mobile case mockup generator on Placeit

Follow along with us over on our Envato Tuts+ YouTube channel:

What You Will Need

You can download these images to follow the tutorial directly:

How to Create Phone Case Mockups in Photoshop

Step 1

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.

select outline of the case

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.

selection example
refine edge

Step 3

Create a New Layer. Fill it with 50% gray and name it Shape.

fill the selection

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.

duplicate the 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.

select the element
use content aware fill
remove content aware
content aware remove elements

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.

create layer duplicate
blend if settings
remove light from photo
multiply blend mode

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.

remove bright tones from layer
soft light blend mode

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.

remove dark tones from layer
screen mode

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.

remove shadows from layer
linear dodge mode

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.

add square shape
add 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.

add pattern to square

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.

adjust perspective

Step 13

Hold Alt and click the line between this layer and the Shape layer to create a Clipping Mask. Name this layer Design.

create clipping mask

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.

add gaussian blur
add perspective blur
paint on mask

Step 15

Select the Background layer and add a Solid Color layer. Pick bright red and set the Blend Mode to Soft Light.

add solid color fill
change blend mode

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.

paint on layer mask
create reflected color

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.

add pattern to mockup
create phone mockup

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.

mockup phone case

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!

phone case materials

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:

Gradient Background Phone Case Mockup

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!

Gradient Background Phone Case Mockup

Professional iPhone Template

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.

Professional iPhone Template

Woman Holding Phone Case

Adding a human face to your design will make it more eye-catching. This phone case mockup will make your vision for the case look real immediately!

Woman Holding Phone Case

iPhone Case Mockup in Real Life Situation

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.

iPhone Case Mockup in Real Life Situation

Phone Mockup Without Background

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.

Phone Mockup Without Background

Good Job!

Now
you know how to create phone case mockups in Photoshop.

iphone template generator

You can learn more about creating iPhone mockups here:

How to Create Phone Case Mockups in Photoshop

Post pobrano z: How to Create Phone Case Mockups in Photoshop

Final product image
What You’ll Be Creating

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.

If you want to save time, you can always use a mobile case mockup generator on Placeit

Follow along with us over on our Envato Tuts+ YouTube channel:

What You Will Need

You can download these images to follow the tutorial directly:

How to Create Phone Case Mockups in Photoshop

Step 1

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.

select outline of the case

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.

selection example
refine edge

Step 3

Create a New Layer. Fill it with 50% gray and name it Shape.

fill the selection

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.

duplicate the 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.

select the element
use content aware fill
remove content aware
content aware remove elements

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.

create layer duplicate
blend if settings
remove light from photo
multiply blend mode

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.

remove bright tones from layer
soft light blend mode

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.

remove dark tones from layer
screen mode

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.

remove shadows from layer
linear dodge mode

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.

add square shape
add 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.

add pattern to square

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.

adjust perspective

Step 13

Hold Alt and click the line between this layer and the Shape layer to create a Clipping Mask. Name this layer Design.

create clipping mask

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.

add gaussian blur
add perspective blur
paint on mask

Step 15

Select the Background layer and add a Solid Color layer. Pick bright red and set the Blend Mode to Soft Light.

add solid color fill
change blend mode

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.

paint on layer mask
create reflected color

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.

add pattern to mockup
create phone mockup

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.

mockup phone case

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!

phone case materials

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:

Gradient Background Phone Case Mockup

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!

Gradient Background Phone Case Mockup

Professional iPhone Template

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.

Professional iPhone Template

Woman Holding Phone Case

Adding a human face to your design will make it more eye-catching. This phone case mockup will make your vision for the case look real immediately!

Woman Holding Phone Case

iPhone Case Mockup in Real Life Situation

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.

iPhone Case Mockup in Real Life Situation

Phone Mockup Without Background

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.

Phone Mockup Without Background

Good Job!

Now
you know how to create phone case mockups in Photoshop.

iphone template generator

You can learn more about creating iPhone mockups here:

How to Create an Animated Logo

Post pobrano z: How to Create an Animated Logo

Final product image
What You’ll Be Creating

Today, we will be looking at how to make a logo animation in just a few steps using Placeit’s animated logo maker by walking through how to make a gaming logo!

Follow along with me over on our Envato Tuts+ YouTube channel:

What You’ll Need

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

Find more resources on Envato Elements!

1. How to Make a Logo Animation

Step 1

Start everything off by putting in your team’s information.

Over to the left, we can input both our team name and the city of origin—or a slogan or catchphrase. 

customize text

Step 2

Next, let’s choose our mascot by using this search bar located on the right.

There are hundreds of mascots and images to choose from, and to preview any animation, you can hover your mouse over the icon.

If at any time you want to see your logo in action, you can go ahead and click Preview Video! This will generate a full preview of your logo, as opposed to just a still or keyframe.

choose logo

Step 3

Each logo will have different areas that we can customize.

To the right, you will see Background, Logo, and Accent. You can plug in your team colors, or just any colors you think might match well. 

Keeping with my team’s frozen theme, I am going to choose a grey for the background, a very pale blue for the logo color, and an icy neon blue for my accent color here. 

change colors

Step 4

Finally, we can wrap everything up by choosing our font faces!

I like Barbaro for my city’s name; however, I want something a bit more edgy for my team name, so let’s choose Amazdoom.

Now, hit Preview Video one last time to give everything one last look over. Make any final adjustments, and then hit Download!

Preview Video

We’ve Done It!

And there you have it! A quick and easy way to animate a logo, all inside your own browser! 

Need more inspiration? Check out some more animated logos you can create below!

Final Logo

Animated Logo Featuring a Kitsune Mask

Represent your own ninja clan with this kitsune fox mask animated logo, with moving kunai knife and all!  

Kitsune Mask

Animated Gaming Logo Featuring a Giant Robot Illustration

More of a tech lover than a ninja fan? Represent your team with this giant robot mech animated logo. Keep the sleek black and yellow color scheme, or mix it up with some color!   

Giant Robot

Animated Logo Featuring an Illustrated Skull

Show off your team’s dark side with this edgy animated skull logo, complete with a toxic bio-hazard gas mask.

Illustrated Skull

Animated Logo Generator for Sports Teams Featuring an Angry Wolf

Show that you are the alpha in any competition you enter with this winter wolf animated logo. Remember, you can customize the colors to go for more of a timber wolf as well! 

Angry Wolf

Animated Sports Logo Maker Featuring an Aggressive Basilisk Illustration

Ditch the typical and go with a fantasy creature animated logo with this basilisk! Showing extra snakey vibes with an animated tongue.  

Basilisk

Animated Ninja Clan Logo 

Who said you can’t be both deadly and beautiful? Show it off with this ninja shinobi animated logo. Another great choice for all you ninja warriors out there!

Ninja Clan

Get more logo and gaming graphics templates below!