Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Learn the Process for Designing a Landing Page Header

Learn the Process for Designing a Landing Page Header

Discover the process for designing a landing page header
Created byAlbert Annan
Last updated 4/2020
English

What you'll learn

  • Photoshop Design

Explore related topics

Course content

2 sections • 19 lectures • 1h 41m total length

  • Introduction5:02

    Set a clear goal to get more kids and design the landing page header to appeal to the audience with an energetic health-focused feel.

  • User Profile5:30

    learn to design a landing page header by adopting the client’s perspective, building a user profile, and extracting customer insights to connect with the target audience.

  • Checking Brand Font3:23

    Learn to check brand fonts on websites using a chrome extension named cost funds, including how to download, install, and use it to inspect font usage for branding.

  • Bringing Text In Photoshop8:51

    Learn how to bring text into Photoshop to design a landing page header, then format and tailor typography—from color and fonts to hierarchy and alignment—to create a banner-ready, legible header.

  • Introducing Color Contrast In Headline2:47

    Learn to apply color contrast to the landing page header headline using Photoshop. Consider audience and simplicity to balance contrast and create a clear, impactful header.

  • Principles Of Creating A Good Layout3:47

    Explore layout principles that create mood and emphasize the product by using contrast in size, tone, winds, and balance.

  • Adding Product Image2:32

    Add product images to the landing page header by dragging and resizing with transform controls; manage multiple layers to keep visuals bold, and turn off controls to prevent accidental edits.

  • Adding Product Benefit10:06

    Learn to design a landing page header by illustrating benefits, selecting and customizing lines and anchors in a visual layout, and ensuring consistent spacing and alignment to boost impact.

  • Adding Buy Now Button7:08

    Design a buy now button by placing a green, centered cta, sizing it for visibility, optionally adding an icon, and refining text tracking and stroke to create breathing room.

  • Removing Background-15:13

    Learn to remove a model’s background using Photoshop with the pen tool for precise selection, then refine edges with a pencil tool to create a clean landing page header image.

  • Removing Background 27:54

    Remove background and place the image, resize and align it, fix lines to avoid distortion, and toggle visibility to create a realistic, copied-look header design.

  • Highlighting Key Benefit10:18

    Learn to highlight key benefits in a landing page header, applying practical steps for typography, shapes, rounding, strokes, color, contrast, and layout.

  • Adding Organic Product To Composition2:53

    Add an organic leaf to the landing page header to create an organic link with the brand, then remove backgrounds and resize for a cohesive look.

Requirements

  • Computer and Photoshop CC
  • Photoshop CS6
  • Photoshop CC 2020

Description

In this course, i walk you through my process for designing a landing page header.

Also another section about how to improve your graphic design any time you feel like you are stacked

This class is packed with actionable tips and techniques you can apply in your Photoshop personal project.

Project files are available for download in the resource section

Thank You!

Who this course is for:

  • Intermediate Photoshop Users

Report abuse