Adobe Photoshop for Web Design
A course by Arturo ServínWeb designer
A course by Arturo Servín, Web designer
Learn to easily design and lay out responsive websites
There are many great tools out there for web design, but the most comprehensive and well-known can be none other than Adobe Photoshop. In this 6-course Domestika Basics, web design expert and Adobe Certified Instructor Arturo Servín teaches you step by step how to use Photoshop to design and lay out responsive websites in a simple and uncomplicated way. If the teacher's name rings a bell, it's probably because of his first Domestika Basics: Introduction to Adobe XD for Cell Phone Apps, where he shows you how to build apps from scratch for iOS and Android.
Start this course by getting to know the basic principles of the program: from learning how to configure the interface and creating new documents, to starting to shape your website for different devices.
Learn to design your website layout using guides and Smart Guides, which allow you to create a grid to define the layout and structure of all the sections of your site.
In the third course, see how the layers work in order to keep all the elements organized and get to know the different options for positioning objects, which greatly optimizes the functioning of your web design.
In the fourth course, delve into the world of typography for screens. Discover what kind of fonts are best for the internet and learn to edit the texts to format them and give them style with Photoshop tools.
Next, Arturo explains everything you need to know about responsive design. Learn how to optimize the format of your web page according to the mobile or tablet model, keeping your design intact and adapted to any device.
In the last course, learn to generate resources for your page, look at formats to export the file, create CSS styles, and check out other resources that can help perfect and improve the assembly of your web page 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.
Recommended software & tools for this course
Reviews
- 5 days ago
Adorando... muito didático e inspirador.
- 1 month ago
El curso proporciona conceptos prácticos para aplicar los recursos de cada clase y estructurar nuestra propio diseño web sin muchos conocimientos en Photoshop. Me ha encantado.
- 1 year ago
Muy bien estructurrado el curso, facil de seguir y ayuda mucho para entender la logica del diseno web, aunque sin saber Photoshop esta muy bien explicado, al final da las bases para empezar a disenar sitios web de manera profesional!
- 1 year ago
Muito bom 👍
- 2 years ago
Very informative and lots of details.
He is currently the general director of La Constelación, a studio focused on digital marketing, e-commerce and web design.
Content
- U1
Welcome
- Welcome
- U1
The advantage of using guidelines
- The advantage of using guidelines
- U2
Adobe Photoshop interface for web design
- Adobe Photoshop interface for web design
- U2
Reticles for the design of a computer website
- Reticles for the design of a computer website
- U3
New document for web, mobile and other devices
- New document for web, mobile and other devices
- U3
Reticles for the design of a mobile website
- Reticles for the design of a mobile website
- U4
General measures of a website
- General measures of a website
- U4
General graphic diagram of a website
- General graphic diagram of a website
- U5
Practice: Create the general screen measures of a website
- Practice: Create the general screen measures of a website
- U5
Practice: Generate the overall design structure of your website
- Practice: Generate the overall design structure of your website
What to expect from a Domestika course
Learn at your own pace
Enjoy learning from home without a set schedule and with an easy-to-follow method. You set your own pace.
Learn from the best professionals
Learn valuable methods and techniques explained by top experts in the creative sector.
Meet expert teachers
Each expert teaches what they do best, with clear guidelines, true passion, and professional insight in every lesson.
Certificates
PLUSIf you're a Plus member, get a custom certificate signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Get front-row seats
Videos of the highest quality, so you don't miss a single detail. With unlimited access, you can watch them as many times as you need to perfect your technique.
Share knowledge and ideas
Ask questions, request feedback, or offer solutions. Share your learning experience with other students in the community who are as passionate about creativity as you are.
Connect with a global creative community
The community is home to millions of people from around the world who are curious and passionate about exploring and expressing their creativity.
Watch professionally produced courses
Domestika curates its teacher roster and produces every course in-house to ensure a high-quality online learning experience.
FAQs
This course is designed for people with basic Photoshop and graphic design knowledge, as it covers intermediate techniques focused on professional web design.
It's recommended to have basic Photoshop skills and a general understanding of web design to get the most out of this course.
The course covers interface setup, layer use, grid creation, responsive design, typography optimization, image export, and CSS style generation.
You'll learn how to create layouts that adapt to different devices using Photoshop tools and techniques to design and export responsive layouts.
The course teaches you how to use layers to separate and organize elements, making it easier to edit, optimize, and maintain your web projects.
You'll learn how to create and set up grids and guides to ensure your website layouts have a consistent, professional structure.
Optimizing typography improves readability and site performance. The course shows you how to select, adjust, and export fonts properly from Photoshop.