Фотошоп для верстальщика

Фотошоп для верстальщика. Бесплатный мини-курс.

Три коротких видео, которые помогут разобраться в основных принципах работы с фотошопом для вёрстки.

Главная » Курс » Фотошоп для верстальщика. Бесплатный мини-курс.

«Фотошоп для верстальщика» — это одна из тем большого курса «Базовый Frontend: HTML и CSS». Но в итоге она отпочковалась и превратилась в самостоятельный мини-курс.

Фотошоп — громоздкий и сложный инструмент. Но если сосредоточиться только на нужном функционале для верстальщика, его можно освоить за час.

Для удобства изучения, материал разделен на три части:

  1. Настройка рабочей области
  2. Разбор инструментария
  3. Практическая работа

Настройка рабочей области

В этом видео рассказывается, как настроить рабочую область в Фотошопе для верстальщика.

Фотошоп — это огромный комбайн, с кучей функционала. А верстальщику из этого разнообразия нужно совсем чуть-чуть.

Уберите всё лишнее и оставьте только то, что пригодится для превращения макета photoshop в страницу html с нормальным css.

Дополнение к видео из комментариев

Ещё в настройках нужно изменить единицы измерения из пунктов в пиксели. Это же важно.

Для тех, кто будет настраивать единицы:
Edit — Preferences — Units & Rulers на Винде.

Если у вас Мак, вместо «Edit» — «Photoshop».
Photoshop — Preferences — Units & Rulers

Разбор инструментария

Обзор необходимого функционала в Фотошопе, который понадобится верстальщику в работе.

Пошагово рассматриваем те инструменты, которые настраивали в первом видео.

Практическая работа

В третьем видео из серии «Photoshop для верстальщика» мы на практике закрепим полученные знания из предыдущих видео.

Рекомендуется не только смотреть теорию, но и закреплять действия на практике. С таким подходом вы быстрее освоите фотошоп, да и практика в вёрстке лишней не будет 😉

Ссылка на исходные файлы для практической работы: bit.ly/31hAVVk

Если у вас остались вопросы по теме или вы хотите её дополнить собственными наблюдениями, — добро пожаловать в комментарии.