Domestika Basics 6 courses Best Seller

Adobe Photoshop for Web Design

By Arturo Servín
Web designer. Mexico City, Mexico.
Joined July 2016
, Web designer

Learn to easily design and lay responsive websites out

  • Domestika Basics 6 coursesBest Seller Spanish with subtitles in English
  • 99% Positive reviews (281)
  • 10194 students
Adobe Photoshop for Web Design

Learn to easily design and lay responsive websites out


Spanish with subtitles in English
  • 99% Positive reviews (281)
  • 10194 students
  • 6 courses
  • Online and at your own pace
  • Audio: Spanish
  • Level: Beginner
  • 38 Lessons (7h 42m)
  • 30 downloads
  • Available from the app
  • Spanish, English, Portuguese, German, French, Italian, Polish, Dutch
  • Unlimited access forever
  • Certificate upon completion of the course


Domestika Basics · 6 courses included

This course is being updated to include new features in Adobe Photoshop and to give you the most thorough learning experience.

There are many tools to design a website, but one of them is the most complete to do it, and is none other than Adobe Photoshop. In this 6-course Domestika Basics, Arturo Servín — graphic designer specialized in web design and Adobe Certified Instructor — will teach you step-by-step how to use Photoshop to design and lay out responsive[/i] responsive websites in a simple and uncomplicated way .

If the name of the teacher sounds to you, it is probably because of his first Domestika Basics: Introduction to Adobe XD for mobile applications , where you share your knowledge to design apps from scratch for iOS and Android.

You will start this course knowing the basic principles of the program: from learning to configure the interface to creating new documents to start shaping your website for different devices.

Then, you will learn to diagram your website using the smart guides and guides, which will allow you to create a grid to define the layout and the structure of all sections of your page.

You will continue the third course with order as the protagonist. You will see how the layers work to keep all the elements in order and you will know the different options to position the objects, thus optimizing the operation of your web design.

In the fourth year you will enter fully into the world of screen typography. You will discover what are the optimal fonts for the web and you will learn to edit the texts to format and style them with Photoshop tools.

Next, Arturo will explain everything you need to know about the responsive . Thus, you will know how to optimize the format of your web page depending on the model of the mobile or tablet, keeping your design intact, always adapted to any device.

In the last course you will learn to generate resources for your page, you will see formats to export the file, you will create CSS styles, among other resources that aim to improve and improve the assembly of your website with the team of developers.

Technical requirements

    ⦁ A computer with Windows 10 or macOS 10.12 Sierra (or higher).
    ⦁ Adobe Photoshop CC (you can buy it or download the 7-day trial version on the Adobe website).
    ⦁ It is recommended to have a graphics tablet.


Reviews

10194 Students
281 Reviews
99% Positive ratings

Arturo Servín

TeacherPro
Web designer

Arturo Servín is a graphic designer specializing in web design and has been a web designer for a! Design, in addition to Community Professional for Adobe Systems for two years, and professor at different universities in Mexico, including Miami Ad School Mexico City. Guest instructor of different educational institutions, such as the Universidad Iberoamericana, Universidad Anáhuac campus Cancún, Tecnológico de Monterrey, Universidad de las Américas in Puebla, Universidad Autónoma de Guadalajara, among others. Founder of his own studio focused on ecommerce , web design and branding .


Contents

Course 1 – Basic Principles

  • U1

    Welcome

    • Welcome
  • U2

    Adobe Photoshop interface for web design

    • Adobe Photoshop interface for web design
  • U3

    New document for web, mobile and other devices

    • New document for web, mobile and other devices
  • U4

    General measures of a website

    • General measures of a website
  • U5

    Practice: Create the general screen measures of a website

    • Practice: Create the general screen measures of a website

Course 2 – Website Layout

  • U1

    The advantage of using guidelines

    • The advantage of using guidelines
  • U2

    Reticles for the design of a computer website

    • Reticles for the design of a computer website
  • U3

    Reticles for the design of a mobile website

    • Reticles for the design of a mobile website
  • U4

    General graphic diagram of a website

    • General graphic diagram of a website
  • U5

    Practice: Generate the overall design structure of your website

    • Practice: Generate the overall design structure of your website

Course 3 – Working with Layers

  • U1

    Editing the layers

    • Editing the layers
  • U2

    Layer Groups

    • Layer Groups
  • U3

    VS embedded objects. linked objects

    • Embedded objects VS linked objects
  • U4

    Smart objects

    • Smart objects
  • U5

    Shapes

    • Shapes
  • U6

    Element Alignment

    • Element Alignment
  • U7

    Practice: Design the home page of your website

    • Practice: Design the home page of your website - Part 1
    • Practice: Design the home page of your website - Part 2

Course 4 – Typography

  • U1

    Typography for web design

    • Typography for web design
  • U2

    Typographic tools

    • Typographic tools
  • U3

    Character styles

    • Character styles
  • U4

    Paragraph styles

    • Paragraph styles
  • U5

    Computer navigation VS. mobile browsing

    • Computer navigation VS. mobile browsing
  • U6

    Practice: Design the navigation menu of your website

    • Practice: Design the navigation menu of your website - Part 1
    • Practice: Design the navigation menu of your website - Part 2

Course 5 – Responsive Design

  • U1

    Different brands, different screens

    • Different brands, different screens
  • U2

    Adjusting the design to tablets

    • Adjusting the design to tablets
  • U3

    Adjusting the design to mobiles

    • Adjusting the design to mobiles
  • U4

    Vertical VS. horizontal

    • Vertical VS. horizontal
  • U5

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

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

Course 6 – Creating Resources

  • U1

    The difference between JPG, PNG and SVG

    • The difference between JPG, PNG and SVG
  • U2

    Export a web image

    • Export a web image
  • U3

    Export a CSS style of an object

    • Export a CSS style of an object
  • U4

    Export a typographic CSS style

    • Export a typographic CSS style
  • U5

    Generate resources from a layer

    • Generate resources from a layer
  • U6

    Generate resources from a layer group

    • Generate resources from a layer group
  • U7

    One-click multiformats

    • One-click multiformats
  • U8

    Practice: Generate the resources of your website

    • Practice: Generate the resources of your website

See the 6 courses content


About Domestika Basics

Domestika Basics is a series of courses focused on teaching the most commonly used software by creative professionals worldwide. The courses are taught in an easy, step-by-step fashion.
The content has been meticulously curated and is intended for both, beginning students going into a new creative field and more experienced professionals who need to polish their skills.
Learn with top Domestika teachers through hands-on lessons, plentiful resources and incremental challenges that will allow you to see results from the very first day.
Domestika Basics will allow you to step-up your professional game and be prepared to score better projects.

  • Without prior knowledge.

    Domestika Basics gives you everything you need to get started on a new creative field and become an expert on it.

  • Focused on the tool.

    Discover its principles, techniques, and the tried-and-true methods you need to master it.

  • Learn fast.

    With a straightforward, step-by-step approach, our outstanding professionals will teach you how to get the most out of the program.

  • Certificates New

    Certificates included in all courses: get a custom certificate signed by your teacher whenever you complete a course so you can share your achievements.

Adobe Photoshop for Web Design. A Web, and App Design course by Arturo Servín Best Seller

Adobe Photoshop for Web Design

By Arturo Servín
Web designer. Mexico City, Mexico.
Joined July 2016
  • 99% Positive reviews (281)
  • 10194 students