Целью данной шпаргалки является показать логику работы с программой Photoshop в контексте создания дизайна сайта. Она не претендует на роль самоучителя, но возможно откроет для Вас что то новое.

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

258 4

  1. Панель параметров активного инструмента.
  2. Панель инструментов.
  3. Основной цвет и цвет фона.
  4. Окно “Слои”. Это окно предназначено для быстрого доступа к слоям и управления ими.
  5. Прозрачность слоя или заливки. Т.е. можно менять прозрачность всего слоя в процентах или только заливки при этом стили слоя остаются не прозрачными.
  6. Непосредственно слои. Можно менять их последовательность в следствии чего будет меняться порядок наложения слоев друг на друга. Так же при вызове контекстного меню (правой кнопкой мыши) на конкретном слое можно удалять, дублировать, преобразовывать, а также объединять с другими слоями и др. Если активен значок глаза на против слоя, то значит он виден, если нет, скрыт. Что бы снять замок с фонового слоя нужно сделать двойной щелчок на по слою и в появившемся окошке кликнуть “Ок”
  7. Панель основных функций для работы со слоями. Она поможет создать слой, группу слоев, наложить быструю маску или вызвать диалоговое окно для стилей слоя.

258 1

 

  1.  Пункт меню “Окно”. Вызывает контекстное меню для работы с окнами.
  2. Активируя или де активируя пункты меню можно отобразить нужное окно или срыть его соответственно. Также можно перетащить нужное окно в правую или левую панель программы.

 258 2

Если в правом нижнем углу иконки инструмента есть треугольник это означает, что при нажатии и длительном удерживании появятся дополнительные схожие инструменты. Просто они сгруппированы для удобства пользователя. 

258 3

  1. Пункт меню “Изображение” вызывает меню в котором собраны функции которые помогут работать с изображениями начиная от размеров заканчивая коррекцией цветов.1
  2. Размер изображения – при помощи этой функции можно изменять размеры изображения. При этом изменяется размер всех слоев.
  3. Размер холста – эта функция позволяет уменьшать или увеличивать пространство вокруг изображения, при этом размеры слоев не меняются.

Используя эту функцию нужно помнить, что при уменьшении размера изображения  качество не теряется, а при увеличении теряется.

 258 5

Пункт Сохранить для Веб вызывает диалоговое окно с широкими возможностями настройки оптимизации изображений. При этом можно видеть результат до того как файл будет сохранен.

258 6 

  1. Вкладки различных комбинаций окон с оптимизированным изображением. Пощелкайте и поймете в чем суть.
  2. Инструменты для работы с оптимизируемым изображением
  3. Выбор формата для сохранения изображения. Если задумаете сохранять в png то выбирайте PNG-24.
  4. Качество изображения jpg чем меньше тем хуже качество, и соответственно меньше весит файл изображения. Можно экспериментировать до тех пор пока не получите нужного соотношения размер/качество
  5. Ширина и высота сохраняемого файла в пикселях. Можно изменять и смотреть результат в окне оптимизация.