Adobe Photoshop for Web Design

Description

In this course, you will learn:

• Starting with the fundamentals of the application, you'll learn how to set the interface, create new documents, and start structuring your website for different devices.
• Then you'll learn how to diagram your website with smart guidelines and guides, which will allow you to establish a grid to describe the layout and structure of all of your page's sections.
• The third course will continue with order as the main character.
• You'll learn how layers function to maintain all of the pieces in order, as well as the various possibilities for positioning the objects, allowing your site design to run more smoothly.
• You'll learn how to modify texts with Photoshop tools to format and style them, as well as what typefaces are best for the web.
• Arturo will then walk you through everything you need to know about the responsive. As a result, you'll know how to adjust the format of your web page based on the mobile or tablet model, while keeping your design intact and always adapting to any device.
• In the last course, you will learn to generate resources for your page, see file formats, build CSS styles, and other resources aimed at improving and improving the assembly of your website with a team of professionals.
   

Syllabus:

• Course 1 – Basic Principles

  1.  Welcome

  2.  Adobe Photoshop interface for web design

  3.  New document for web, mobile and other devices

  4.  General measures of a website

  5.  Practice: Create the general screen measures of a website
      

• Course 2 – Website Layout

  1.  The advantage of using guidelines

  2.  Reticles for the design of a computer website

  3.  Reticles for the design of a mobile website

  4.  General graphic diagram of a website

  5.  Practice: Generate the overall design structure of your website
      

• Course 3 – Working with Layers

  1.  Editing the layers

  2.  Layer Groups

  3.  VS embedded objects. linked objects

  4.  Smart objects

  5.  Shapes

  6.  Element Alignment

  7.  Practice: Design the home page of your website
      

• Course 4 – Typography

  1.  Typography for web design

  2.  Typographic tools

  3.  Character styles

  4.  Paragraph styles

  5.  Computer navigation VS. mobile browsing

  6.  Practice: Design the navigation menu of your website
      

• Course 5 – Responsive Design

  1.  Different brands, different screens

  2.  Adjusting the design to tablets

  3.  Adjusting the design to mobiles

  4.  Vertical VS. horizontal

  5.  Practice: Adjust the design of your website for tablet and mobile
      

• Course 6 – Creating Resources

  1.  The difference between JPG, PNG and SVG

  2.  Export a web image

  3.  Export a CSS style of an object

  4.  Export a typographic CSS style

  5.  Generate resources from a layer

  6.  Generate resources from a layer group

  7.  One-click multiformats

  8.  Practice: Generate the resources of your website