Adobe Photoshop for Web Design (Spanish, Multisub)
Release date:2022
Author:Arturo Servín
Skill level:Beginner
Language:Spanish
Exercise files:Yes
Learn to easily design and lay responsive websites out
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.
01 – Welcome
02 – Adobe Photoshop interface for web design
03 – New document for web, mobile and other devices
04 – General measures of a website
05 – Practice Create the general screen measures of a website
06 – The advantage of using guidelines
07 – Reticles for the design of a computer website
08 – Reticles for the design of a mobile website
09 – General graphic diagram of a website
10 – Practice Generate the overall design structure of your website
11 – Editing the layers
12 – Layer Groups
13 – Embedded objects VS linked objects
14 – Smart objects
15 – Shapes
16 – Element Alignment
17 – Practice Design the home page of your website – Part 1
18 – Practice Design the home page of your website – Part 2
19 – Typography for web design
20 – Typographic tools
21 – Character styles
22 – Paragraph styles
23 – Computer navigation VS. mobile browsing
24 – Practice Design the navigation menu of your website – Part 1
25 – Practice Design the navigation menu of your website – Part 2
26 – Different brands, different screens
27 – Adjusting the design to tablets
28 – Adjusting the design to mobiles
29 – Vertical VS. horizontal
30 – Practice Adjust the design of your website for tablet and mobile
31 – The difference between JPG, PNG and SVG
32 – Export a web image
33 – Export a CSS style of an object
34 – Export a typographic CSS style
35 – Generate resources from a layer
36 – Generate resources from a layer group
37 – One-click multiformats
38 – Practice Generate the resources of your website
Adobe Photoshop for Web Design_Subtitles.7z
Channel
