Данный видеоурок содержит базовые знания по работе с программой фотошоп и в первую очередь ориентирован на начинающих 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, экспорт нескольких слоев.
Hide player controls
Hide resume playing