7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
  1. Design & Illustration
  2. Adobe Photoshop

Photoshop in 60 Seconds: Create a Hero Image Using Scene Generators

Read Time: 2 mins
This post is part of a series called In 60 Seconds: Adobe Photoshop.
How to Make a Flower Brush in Photoshop
Photoshop in 60 Seconds: Create Custom Brushes From Texture Graphics
This post is part of a series called Adobe Photoshop in 60 Seconds.
Photoshop in 60 Seconds: How to Use Smart Objects
Photoshop in 60 Seconds: Using a Pressure-Sensitive Tablet
This post is part of a series called 60 Second Video Tutorials.
How to Make a Flower Brush in Photoshop
Illustrator in 60 Seconds: How to Create a Microphone Icon
Final product imageFinal product imageFinal product image
What You'll Be Creating

Welcome to our Photoshop in 60 Seconds series, in which you can learn a Photoshop skill, feature, or technique in just a minute!

Hero Images & Scene Generators

Hero images are larger banners used in web design as the central focus of your website. They draw visitors into your work and provide a great visual of what to expect next.

Learn more about hero images and how to create them in this quick video. 

What Is a Hero Image?

A hero image is a term used in web design for the popular trend of placing a large banner image front and center on any website. It's the perfect way to introduce your visitors to you as well as your art and designs. And to create these stunning images, you can select from a wide variety of scene generators right on Envato Market.

Example of a Hero ImageExample of a Hero ImageExample of a Hero Image

Open the files for the scene generator of your choice in Adobe Photoshop. Here you'll be able to create your own scene using the assets included or choose from a selection of pre-made designs.

Switch out the background textures, tweak the lighting and overall color scheme with adjustment layers, and customize your hero images even further by dropping your own art into the customizable smart objects for a more personalized touch.

If you're a newbie to design, you can create your own hero images utilizing the vast array of scene generators from Envato Market. Mix and match details, or use pre-made scenes to create the perfect banner designs. You can try out these specific scenes for yourself using this Watercolor Mockup Scene Generator.

Creating a Hero ImageCreating a Hero ImageCreating a Hero Image

A Bit More Detail

Learn more about Adobe Photoshop on Envato Tuts+:

60 Seconds?!

This is part of a series of quick video tutorials on Envato Tuts+ in which we introduce a range of subjects, all in 60 seconds—just enough to whet your appetite. Let us know in the comments what you thought of this video and what else you'd like to see explained in 60 seconds!

Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Scroll to top
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.