https://youtu.be/-FDvH-oFruQ
Данный видеоурок содержит базовые знания по работе с программой фотошоп и в первую очередь ориентирован на начинающих html-верстальщиков. В уроке демонстрируется веб-разработчикам получать информацию об элементах, содержащихся в макете в формате фотошоп, т.е psd. Например, как узнать размеры блоков и отступы между ними, определить цветовые характеристики элементов, настройки фонов и градиентов, характеристики текстовых блоков, такие как размер и семейство шрифта, его цвет, интерлиньяж и т.д.
Объем знаний, необходимый для выполнения всех задач верстальщиков, относительно мал и последовательно рассмотрен в данном уроке.
Содержание видеоурока:
01:05 – важные настройки фотошопа для верстальщиков: единицы измерений и настройки цветов.
02:20 – открытие, закрытие и компоновка окон настроек и правой панели (окна «слои», «символ», «история», «инфо» и др.).
05:50 – добавление файлов в программу, переключение между проектами.
06:50 – сохранение рабочей среды в шаблон.
07:45 – панели инструментов: выбор, настройка параметров.
08:45 – линейки.
09:08 – направляющие.
09:45 – снятие (определение) размеров элементов, инструменты «выделение», «линейка», вкладка «инфо».
13:40 – панель «история».
14:20 – панель «символ», выбор слоев и групп элементов, определение данных текстовых блоков: семейство шрифта, жирность (плотность), размер, интерлиньяж, расстояния между символами, масштабирование текста, цвет, трансформации. Инструмент «текст».
19:40 - работа с панелью «слои», фильтр слоев.
20:53 эффекты слове: обводки, тени, градиенты и т.д.
24:15 - экспорт графических изображений: форматы jpeg, png, svg, экспорт нескольких слоев.