Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Adobe Photoshop - from scratch to template designer/stocker
Rating: 4.6 out of 5(5 ratings)
20 students

Adobe Photoshop - from scratch to template designer/stocker

{stocks, themeforest/creativemarket/templatemonster}
Created byRoman Saiapin
Last updated 6/2018
English

What you'll learn

  • At the end of the course you will be able:
  • Sell your templates on the stock sites, turn those into HTML,
  • or start taking orders for design in freelancing,
  • or, if you want, join our stock team.

Explore related topics

Course content

3 sections • 26 lectures • 5h 25m total length

  • Lesson 1-1 Setting up Photoshop and reviewing tools for web design.12:42

    Navigate Photoshop's web design interface, set performance and pixel units, create a 72 ppi RGB document, and master essential tools, layers, and alignment for web design.

  • Lesson 1-2 Grids, guides, positioning12:05
  • Lesson 1-3 Layers and Masks12:29

    Learn how to manage layers and masks in Photoshop, name and group layers, apply clipping masks, use blending and opacity, and align text with guides for web page design.

  • Lesson 1-4 Color, gradient, vector and raster graphics14:57
  • Lesson 1-5 Typography Tools 118:13
  • Lesson 1-6 Typography Tools 29:42
  • Lesson 1-7 The system of nets in web design. Bootstrap14:41

    Learn design grids and the bootstrap grid system to build responsive, structured web layouts with containers, columns, and gutters.

  • Lesson 1-8 Your first site layout - blog design 125:18

    Design a blog layout in Photoshop using a 12-column grid, typography pairing (Roboto, Monserrat), text blocks, headings, bullet lists, and a block quote, while mastering spacing, alignment, and canvas adjustments.

  • Lesson 1-9 Your first site layout - blog design 222:40

    Design a blog post layout in Photoshop by building a header with logo, navigation, and a hero image. Apply a readability-friendly overlay and center the h1 for clear hierarchy.

  • Lesson 1-10 UI Web 111:25
  • Lesson 1-11 UI Web 213:01

    Explore web user interface elements including select dropdowns, check boxes, radio buttons, and switches, and learn to design interactive states, hover effects, focus, input fields, and forms.

  • Lesson 1-12 UI Web 317:23

    Design interactive Photoshop UI elements, including breadcrumbs, modal dialogs with centered overlays, and social sharing icons, using grid layouts and tag boxes for clear, promotional layouts.

  • Lesson 1-13 Finalizing the page layout. HW7:26

    Finalize a blog page layout by positioning a three-column sidebar with widgets, nested comment hierarchy, and post lists, and design two pages showcasing typography, categories, recent posts, and hashtags.

Requirements

  • You will need to install Adobe Photoshop.
  • You must be able to work with the computer at the initial level.

Description

This course is designed for beginners in design. With it, you can go from scratch to confident possession of Adobe Photoshop enough to work with design stocks, which statistically expose higher requirements, take orders for freelancing, or start working somewhere as a designer offline.

Features:

* The bet is made to start from scratch, mastering the basic elements, layout design and, as a result, the sale of those on the stock sites.

* Curse contain homework, you have an opportunity to consult with other newcomers and people from our team.

* After the course ends, there is an opportunity to join our stock team.

* The course is recorded in a video format and involves feedback. No webinars, water, DLC, which will come out later, subscriptions and time bindings. You can study materials at a time convenient for you.

Module 1: Photoshop for Beginners

1.1 Setting up Photoshop and reviewing tools for web design. 1.2. Grids, guides, positioning. 1.3 Layers and masks. 1.4 Color, gradient, vector and raster graphics. 1.5 Tools for typography # 1. 1.6 Tools for typography # 2. 1.7 The system of nets in web design, bootstrap. 1.8 Your first site layout. Design of the blog # 1. 1.9 Your first site layout. Design of the blog # 2. 1.10 UI Web # 1. 1.11 UI Web # 2. 1.12 UI Web # 3. 1.13 Finalizing the page layout. Homework.

Module 2: Web Design for Beginners

2.1 Selection of a color palette for your design. 2.2 Working with indentations, the theory of proximity. 2.3 Composition, anchor objects, placement of accents. 2.4 Resources for the web designer: photographs, vector graphics, use licenses. 2.5 Typical templates sections Themeforest. Designed by WordPress. 2.6 We design a small landing page # 1 Data collection and preparation for design. 2.7 We design a small landing page. Homework. 2.8 We design a small landing page # 3 Design for WordPress. Homework. 2.9 The online approach to designing a website design. Homework. 2.10 Wireframing. Overview of tools. 2.11 Where to draw inspiration? The right approach to design. Homework.

Module 3: Preparing the layout for downloading on Themeforest

3.1 Preparing the layout for uploading on Themeforest # 1. 3.2 Preparing the layout for uploading on Themeforest # 2.

* Analysis of the resulting layout if desired.

Who this course is for:

  • For anyone who wants to learn Adobe Photoshop with specific end goals and monetize their knowledge.

Report abuse