Перед вами цикл уроков, которые учат пользоваться графическим редактором Photoshop - невероятно популярным и незаменимым в веб-дизайне инструментом, с помощью которого для сайта создаются не только кнопки, баннеры и логотипы, но даже целые макеты. Дизайн практически любого сайта, который вы посещали, изначально был прорисован в Photoshop, так что знание этой программы веб-мастеру будет однозначно полезным, хотя навыки обработки изображений и создания собственных рисунков простому пользователю ПК тоже не навредят. Оцифровка фотографий, ретушь старых снимков, создание открыток и коллажей - это только начало длинного списка полезных действий, которые позволяет совершать редактор, а цикл уроков поможет вам в нём освоиться.

Добавьте эту страницу в закладки, чтобы не терять оглавление и последовательно изучать статью за статьёй, постигая всё новые и новые приёмы работы в Photoshop.

Но что же вы узнаете в этих уроках?

• 1 Начало работы в Photoshop - быстрое выделение и заливка

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

• 2 Слои и текст
  

  Все изображения Photoshop строятся на слоях. Именно поэтому редактировать в программе так удобно. Урок расскажет, что такое слои, зачем они нужны и как с ними работать. Кроме того, здесь описаны приёмы создания и обработки надписей, а также перемещения расположенных на холсте объектов. После прохождения урока обработка многослойных документов не будет для вас проблемой.

• 3 Фильтры
  

  Вы познакомитесь с огромной библиотекой изменяющих картинку скриптов. Фильтры редактора могут не только придавать готовому изображению тот или иной эффект, но даже создавать новые объекты и обрамлять фото.

• 4 Работа с изображениями
  

  В статье даются основы обработки уже существующих графических файлов. Редактирование сразу нескольких изображений, перемещение объектов из одного рисунка в другой, изменение размеров и удаление ненужных частей - вот лишь неполный список тем урока.

• 5 Трансформация
  

  Урок научит масштабировать элементы изображения, изменять пропорции, наклонять, искажать и деформировать их

• 6 Рисование - кисть и карандаш
  

  Первая в череде рассказывающих об инструментах создания собственных шедевров статья. Уже давно компьютерные технологии развились до того, что позволяют имитировать рисование на бумаге. Вы научитесь творить с помощью виртуальных карандаша и кисти - эскизы и картины акварелью теперь можно легко рисовать и распространять на электронных носителях, делая неограниченное число копий и не переживая за сохранность труда.

• 7 Рисование - фигуры
  

  Создание объектов «от руки» - одно, а точность и скорость иногда бывают превыше всего. Урок рассказывает об инструментах, с помощью которых буквально в несколько щелчков можно создавать идеально ровные геометрические фигуры заданных размеров. От простого квадрата до эллипса, звезды и даже музыкальной ноты - в статье рассматривается всё.

• 8 Рисование - контуры и растровые изображения
  

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

• 9 Рисование - инструмент Перо
  

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

• 10 Рисование - инструмент Магнитное перо
  

  Магнитный режим инструмента Свободное перо стал настолько популярным, что его называют «Магнитным пером», хотя такого отдельного инструмента в Photoshop нет. Что же такого позволяет делать функция, за что её так сильно любят пользователи и чем она поможет лично вам - читайте в статье.

• 11 Инструменты ретуширования изображений
  

  Чтобы применять для интернета эти функции редактора, не нужно быть ни верстальщиком, ни дизайнером, ни веб-мастером - вообще никем. Достаточно быть активным пользователем социальных сетей. Как сделать лицо красивей, убрать родинки и веснушки? Как обработать старое отсканированное фото, чтобы цвета стали ярче, а царапины, пятна и пылинки - не так заметны? Чем аккуратно вырезать объект, переместить его или клонировать? Где находится инструмент, который буквально за пару минут поможет избавить фотоснимок от эффекта «красных глаз»? Ответы на эти и другие вопросы ищите в статье.

• 12 Инструменты коррекции изображений
  

  Вы уже так много знаете, что освоение новых инструментов не является проблемой. Мне оставалось только сделать обзор с описанием возможностей, позволяющих улучшать качество картинок - осветлять там, где слишком темно, затемнять там, где засвечено, размывать и добавлять резкость, смешивать и размазывать цвета. В общем, дополнительная информация о том, как ещё сделать изображение лучше, ждёт вас в уроке.

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

Уделив внимание каждому из уроков, разобрав практические примеры и поэкспериментировав самостоятельно, по мере освоения курса вы пройдёте путь от начинающего до продвинутого пользователя программы Photoshop и сможете самостоятельно углубиться в неё, переходя на новый уровень освоения, а поможет вам в этом крепкий и надёжный фундамент, заложенный циклом наших статей.

Если вы хотите стать настоящим профессионалом Photoshop, вам придется овладеть приемами недеструктивной работы, которая дает значительные преимущества в гибкости в процессе дизайна. Вместо того, чтобы стать необратимыми, все ваши изменения и манипуляции в любой момент времени будут доступны для редактирования и коррекции. Это очень полезно при работе с клиентами, если кто-нибудь потребует внести какие-либо изменения в конечный результат. И вам не обязательно будет переделывать все заново.

Ранее, мы уже публиковали подобную статью с другими 5 приемами недеструктивной работы.

Сегодня я представляю вашему вниманию другие 5 недеструктивных приемов работы в Photoshop. Я сам очень часто пользуюсь ими для оптимизации своего рабочего процесса, поэтому, надеюсь, они будут полезны и вам.

1. Применение стилей слоя к нескольким слоям
Настройка и применение одного и того же стиля слоя к множеству слоев – процесс довольно нудный. Хотя этот процесс можно ускорить, кликнув ПКМ на слое готовым стилем, выбрать “скопировать стиль слоя” (copy layer style), после чего применить этот стиль к нескольким нужным слоям.

Еще более быстрый способ – преобразовать ваши слои в смарт-объект.

Давайте рассмотрим конкретный пример:

Допустим, вам нужно применить стиль слоя Тень ко множеству слоев с текстом. У вас есть фоновый слой и несколько слоев, содержащих текст. Ваша структура слоев выглядит примерно вот так:

Выделите все слои, к которым намерены применить стиль слоя.

Ниже вы можете видеть как ваши слои будут выглядеть после преобразования в смарт-объект:

Теперь, кликните ПКМ по этому смарт-объекту на палитре слоев и выберите пункт “Параметры наложения” (blending options). Примените нужные стили слоя, и посмотрите что станет с вашими слоями с текстом. В данном конкретном примере я применил стиль слоя Тень:

2. Недеструктивное клонирование
Раньше, работая над ретушированием фотографий, я всегда испытывал трудности при клонировании участков, и делать это недеструктивно я тогда не умел. Мне приходилось создавать резервные копии на тот случай, если бы допустил ошибку. Как оказалось, существует более эффективный - обратимый способ применения инструмента штамп.

Посмотрите на портрет ниже. Здесь имеется хороший повод для применения клонирующего штампа, с помощью которого можно избавиться от нежелательной родинки:

Создайте новый слой и назовите его “Инструмент штамп”. Активируйте инструмент Штамп (clone stamp tool), после чего, на панели опций в верхней части окна программы найдите и поставьте галочку на пункте “Выравн. Образец” (aligned sample). После него располагается выпадающее меню. По умолчанию в нем выставлено значение “Активный слой” (current layer). Измените это значение на “Все слои” (all layers).

Таким образом, ваш инструмент будет клонировать пиксели ниже лежащих слоев, но эти клонированные пиксели будут отображаться только на новом слое, в нашем случае на слое “Инструмент штамп”.

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

Вы так же можете использовать опцию “образца от всех слоев” (sample all layers) и при работе с другими инструментами, такими, как например, Восстанавливающая кисть (healing brush).

3. Инструмент уточнения краев
Этот инструмент появился в версии Photoshop CS5. С его помощью можно прекрасно корректировать грани ваших отделенных от фона изображений. Этот способ тоже обратимый (недеструктивный), так как вы можете скопировать ваши уточненные грани на новый слой с маской.

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

При активном инструменте выделения кликните по опции “Уточнить край” (refine edge) на панели в верхней части окна программы.

В результате откроется окно настроек уточнения краев. Как вы можете заметить, область, которую вы намерены извлечь, отображена на белом фоне. Введите нужные вам параметры.

Здесь важно в пункте “Вывод в” (output to) задать значение “Новый слой со слоем-маской” (new layer with layer mask):

Кликнув OK, вы заметите что ваше выделенная область окажется скопированной на новый слой, а фон будет замаскированным.

Это отличный прием, который стоит включить в ваш недеструктивный рабочий процесс. Благодаря ему вы, используя слой-маску, можете подкорректировать участки граней в любой момент.

4. Маскирующие смарт-фильтры
Многим пользователям Photoshop уже приходилось использовать смарт-фильтры. Если вы сами не сталкивались с ними, то могу вас заверить, это тоже один из прекрасных приемов для применения фильтров к вашему изображению.

Теперь маскировать можно выборочные области смарт-фильтров.

Например, вам нужно размыть грани портрета. Типичный деструктивный процесс, при этом, выглядит примерно следующим образом:

1. Открываем портретное фото
2. Дублируем слой с портретом
3. Применяем к дубликату фильтр гауссовского размытия
4. Стираем центральную часть продублированного слоя, проявляя оригинальный не размытый слой
5. Ваш портрет с размытыми гранями готов, но его центральная часть слишком резка

Все это можно сделать недеструктивно при помощи смарт-фильтров. Как? Самое замечательное – вам достаточно будет одного единственного слоя – слоя с портретом.

Открываем портретное фото:

Пройдите в меню Фильтр > Преобразовать для смарт-фильтров (filter>convert for smart filters). Нажмите OK. Таким образом, ваше фото будет преобразовано в смарт-объект, что позволит вам применять фильтры недеструктивно.

Теперь пройдите в меню Фильтр > Размытие > Гауссовское размытие (filter>blur>gaussian blur). Примените гауссовское размытие интенсивностью (strength) 10 пикс.:

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

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

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

5. Недеструктивная обрезка фотографий
Кадрирование – еще один инструмент Photoshop, который мы, обычно, не рассматриваем в контексте недеструктивной работы. Совершенно напрасно!

Выберите инструмент Рамка (crop tool) на панели инструментов. Затем, на панели опций в верхней части окна программы включите пункт “Скрыть” (hide) вместо установленного по-умолчанию “Удалить” (delete).

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

Ниже вы можете видеть правильные установки кадрирования и предварительный результат:

Вот такое прекрасное, аккуратно кадрированное изображение получится в итоге:

Теперь, если вы захотите снова отобразить скрытые в процессе кадрирования области, у вас есть два пути. Либо через меню Изображение > Показать все (image>reveal all):

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

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

Как начать работать с Adobe Photoshop?

Запустить фотошоп

Что бы начать работу с Adobe Photoshop, его, как и любую другую программу, нужно сначала запустить (иконка для запуска почти всегда есть на рабочем столе ).

Запустите фотошоп

Открыть изображение

Что бы изменять фотографии в фотошопе, их нужно открыть в нем. Для этого идем в меню Файл → Открыть (или нажимаем сочетание клавиш Ctrl+O) и в открывшемся окошке выбираем нужную картинку (в моем случае – это картинка photo.jpg с архива в конце статьи) .

Откройте картинку

Изменение масштаба

Иногда фотографии бывают слишком большими (полностью не помещаются на экране), а иногда – слишком маленькими (ничего не видно).

В таких случаях неплохо помогает инструмент и его “дополнительные кнопочки” на панели инструментов (под главным меню). Думаю, очевидно, какая кнопка увеличивает изображение, а какая уменьшает.
Увеличьте масштаб фотографии в несколько раз и посмотрите как изменилось ее качество. Можно увидеть “кирпичики”, из которых строятся растровые изображения – пиксели.

Также увеличивать (уменьшать) фотографии можно с помощью меню Просмотр или сочетания клавиш Ctrl+ и Ctrl- соответственно. Это только несколько из множества способов менять масштаб в программе фотошоп.

Поменяйте масштаб

При работе с Adobe Photoshop нужно также уметь быстро задать изображению реальный размер . Для этого также есть множество способов. Вот несколько из них:

Приведите изображение к реальному размеру

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

• Кнопка “Размер оттиска” на панели инструментов;
• С помощью меню Просмотр 🙂

Задайте изображению размер, что будет при печати

Настройка интерфейса фотошоп

При работе с компьютерными программами каждый пользователь настраивает их интерфейс под себя: убирает(добавляет) панели инструментов, меняет их расположение и т.д. Как это сделать?

Для этого предназначены меню Окно и Просмотр . Давайте попробуем убрать все инструменты.
Это просто: в меню Окно убираем все галочки.

Уберите все панели и инструменты с окна

Окно стало “голеньким” и теперь уж точно не ясно, что можно сделать с изображением.

Отобразите:

• инструменты (“полоска” с разнообразными кнопками – обычно находится у левой границы окна),
• параметры (панель для настройки инструментов и изменения их свойств – расположена под главным меню),
• слои (вся работа в фотошоп основана на работе со слоями – через пару уроков мы рассмотрим, что это такое и с чем его едят),
• навигатор (это, что бы видеть миниатюру вашего изображения, как оно смотрится после изменений),
• и стили (а это уже готовые шаблоны для смены вида текста или других объектов вашего творения).
  Эти все настройки можно найти в меню Окно . Также могут очень помочь при работе Линейки. Найти и отобразить их можно в меню Просмотр .

  Отобразите, необходимые для работы инструменты и разместите их в удобных для вас местах

Что такое цветовые модели?

Рассмотрим теперь цветовые модели, то-есть способы и принципы построения цвета с помощью количественных характеристик.

Думаю все знают, что из трех основных красок можно сделать любой другой оттенок, например желтый+красный=оранжевый, красный+синий=фиолетовый и т.д.

По такому же принципу работает отображения цветов и в фотошопе. То-есть, образно говоря, берется несколько основных цветов и “смешиваются” в разных пропорциях – так получаются другие цвета и их оттенки.

Основные цветовые модели в фотошопе RGB и CMYK.

Что значит RGB?

RGB (Red-красный, Green-зеленый, Blue-синий) – это цветовая модель, которая используется, как основная во всех компьютерных системах. Для режима RGB в фотошопе доступны все функции редактирования изображений. И если вы готовите изображение для отображения на компьютере (для сайта, презентации, игры и т.д.), то это тот режим, который нужно использовать.

Что такое CMYK?

CMYK (Cyan-голубой, Magenta-пурпурный, Yelloy-желтый, Key-“ключевой”) – эта модель описывает реальные полиграфические краски. Голубая, пурпурная и желтая краски составляют полиграфическую триаду, но при их смешивании невозможно получить идеальный черный цвет, по-этому в число основных полиграфических красок была внесена основная краска – черная (думаю те, у кого есть принтеры, знают, что для печати необходимо три цветных и черная краски 🙂). Эта модель используется только в полиграфии, по-этому переход на нее необходимо производить уже непосредственно перед самой печатью, а редактировать изображение желательно в режиме RGB.

Для смены режима в Adobe Photoshop заходим в меню Изображение → Режим → Выбираем нужный режим .

Измените режимы отображения и посмотрите, изменится ли вид фото.

Как сделать фото черно-белым?

Таким же самым способом, как в предыдущем шаге, можно фото сделать черно-белым – режим Градации серого (но это, если Вы уж наверняка уверенны, что цветные краски Вам ни к чему, или в принтере закончился цветной картридж – для экспериментов с цветом есть другие способы, так как в этом режиме удаляются данные о цвете и их потом не восстановишь, даже если вернуть режим RGB).

Измените режимы отображения на Градации серого.

Что такое разрешение изображения?

Еще одна характеристика изображения – это разрешение – количество точек (пикселей) на дюйм. Соответственно, чем больше разрешение, тем больше размер файла. Но улучшается ли качество картинки при увеличении разрешения?
Это не совсем так.
Зависимо от цели подготовки изображений, их можно разделить на несколько групп:

• для вывода на экран (презентация, веб-страничка, анимация, видео) – считается правильным готовить такие изображения с разрешением 72 ppi или 96 ppi;
• при печати на принтере учитывается его разрешение — количество точек на дюйм, которые он может отобразить (лазерные и струйные принтера имеют разрешение от 600 до 1200 dpi). Соотношение между техническим разрешением принтера и разрешением изображения отличается в 4 раза. То-есть если техническое разрешение принтера 800 dpi, то изображение при печати будет иметь разрешение 200 ppi.
  Соответственно для печати на принтере нужно готовить изображения с разрешением 150-300 ppi.
• для полиграфический печати в типографии изображение должно иметь разрешение 300 ppi.

То-есть при создании изображения (Файл → Создать) необходимо указать название, размеры изображения, разрешение, цветовой режим и выбрать цвет фона.

Создайте новый документ для печати, размером стандартного фото (книжная ориентация) и с прозрачным фоном

Как в фотошопе открыть одновременно два окна?

У Вас теперь открыто два окна . Что бы их можно было видеть одновременно, воспользуйтесь меню Окно → Упорядочить → Мозаика. Инструментом “Перемещение” “перетащите” картинку на новый (пустой) документ и разместите ее в нужном месте (для этого нужно мышкой “схватить” картинку и тащить ее в нужное место, и только потом мышку отпустить).

Перенесите на свой новый файл картинку и расположите ее в нужном месте.

Сохраняем картинку в Adobe Photoshop

Что бы сохранить изображение, нужно в окне сохранения (меню Файл → Сохранить как… или Ctrl+S ) указать нужное название, тип файла (.jpg, .png, .gif и т.д.) и место сохранения. Если Вы собираетесь еще когда то редактировать это изображение, то нужно его сохранять в фотошопном формате.psd .

Сохраните свою “новую” картинку в двух форматах.png и.psd под название “Урок 1” (два файла)

В Adobe Photoshop cs5 есть панель, с помощью которой можно быстро настраивать вид окна: масштаб, додавать/убирать линейки, направляющие, упорядочивать окна и т.д. – мне кажется, это очень удобно.

На этом заканчиваем урок. 🙂

В следующем уроке рассмотрим, как выделять области изображений и работать с выделенными фрагментами.

1. Удалить текущий слой можно зажав Alt и нажав 3 раза L.

2. Работая с инстрмуентом Move Tool Вы можете выбрать любой слой кликнув по части объекта с нажатым Ctrl.

3. Двойной клик по верхней синей полосе, в любом окне палитры, свернет ее.

4. Двойной клик по серому фону откроет диалоговое окно для открытия файла, Shift+двойной клик откроет браузер Adobe Bridge.

5. Устали от серого фона вокруг изображения? Возьмите инструмент Paint Bucket Tool (Ведро), зажмите Shift+клик по серому фону и он сменится любым цветом, который Вы выбрали в качестве цвета переднего плана.

6. Чтобы выбрать все слои нажмите Alt+Ctrl+A.

7. Caps Lock сменит Ваш курсор на более четкий крестик.

8. Нажмите клавишу F, и Вы сможете выбрать один из 3х различных режимов экрана, что позволит сделать рабочую область больше.

9. Чтобы нарисовать прямую линию с помощью кисти или карандаша, сделайте один клик в точке начала, затем зажмите Shift+клик в точке конца.

10. Нажатый Ctrl превратит любой инструмент в Move Tool (Перемещение), пока удерживаете его.

11. Ctrl+Alt+клик создаст копию изображения и переместит его по ходу движения мышки.

12. Нажатый Space (Пробел) превратит любой инструмент в Hand Tool (Рука), пока удерживаете его.

13. Ctrl+Space+клик увеличит масштаб изображения, Alt+Space+клик –– уменьшит.

14. Нажав Ctrl и "+" или "-" изменит масштаб изображения в процентах.

15. Если использовать Eyedropper Tool (Пипетка) с нажатой Alt –– это позволит взять образец цвета для цвета фона.

16. Инструмент Measure Tool (Линейка) –– сделайте линию, а затем зажмите Alt и создайте другую линию из конца первой –– это поможет Вам определить угол между ними.

17. Ctrl+Alt+Z и Ctrl+Shift+Z используйте для отмены и возврата ряда действий.

18. Alt+Backspace и Ctrl+Backspace зальет изображение цветом переднего плана и фона соответсвенно. Shift+Backspace вызовет диалоговое окно для заливки изображения. Alt+Shift+Backspace и Ctrl+Shift+Backspace зальет изображение цветом переднего плана и фона соответсвенно, но оставив при этом прозрачные места прозрачными.

19. Если зажать Alt и вызвать свободную трансформацию с помощью Ctrl+T, то она будет производиться над копией объекта. Ctrl+Shift+T повторит любые последние трансформации.

20. Рамер холста легко можно увеличить используя инструмент Crop Tool, растяните его за пределы холста и нажмите Ок.

21. Ctrl+J создаст копию текущего слоя.

22. Ctrl+Shift+E сольет все видимые слои в один, Ctrl+Shift+Alt+E сольет копию видимых слоев в один новый слой.

23. При использовании Marquee Tool (Выделение), зажмите Alt, чтобы сделать стартовую точку центром выделенной области.

24. Ctrl+D для снятия выделения, Ctrl+Shift+D для возврата выделения.

25. Когда Вы создаете выделение с помощью инструментов Marquee Tool, зажмите Space, чтобы переместить выделение, отпустите, чтобы продолжить выделять.

26. Нажав Shift и "+" или "-" сменит режим наложения слоя на: Normal, Dissolve, Multiply, Screen, Overlay.

27. Если выбран инструмент Brush или любой другой, прозрачность слоя можно менять нажатием на соответсвующую цифру на клавиатуре:
– при нажатии на одну цифру
– для задания более точного % прозрачности [зажмите 7, а затем 2, что в результате даст 72%].

28. Зажмите Alt и сделайте клик по значку глаза рядом с иконкой слоя на палитре слоев, чтобы скрыть все остальные слои, кроме текущего.

29. Образец цвета можно взять не только с изображения в Photoshop, но и за пределами программы. Уменьшите окно фотошопа так, чтобы видеть изображение, на котором хотите определить цвет, возмите инструмент Eyedropper Tool (Пипетка), сделайте клик внутри фотошопа и не отпуская выведите ее за пределы окна.

30. Выберите слой, зажмите Alt и сделайте клик на границе между верхним и текущим слоем, чтобы создать Cliping Mask, т.о. верхний слой будет виден в рамках нижнего, а нижний заменит маску.

31. Удерживая Alt нажмите кнопку создания нового слоя "Create a new layer" на палитре слоев, чтобы появилось диалоговое окно с настройками для нового слоя.

32. Выберите слой и, удерживая нажатой Alt, сделайте клик по мусорной корзине на палитре слоев, т.о. слой удалится без лишнего вопроса. Сделайте выделения для прозрачности где Вы хотите, перейдите на вкладку Channels и нажмите Ctrl+клик по кнопке "Create new channel", т.о. создастся альфа-канал только для выделенных областей.

33. File > Automate > Contact Sheet II –– создаст небольшие превьюшки для каждого файла, октрытого в данный момент в фотошопе, в отдельном документе в ряд и подпишет их.

34. У инструмента Move Tool в настройках доступна опция автовыделения слоя "Auto Select Layer" в зависимости от места клика.

35. Работая с инструментом Move Tool, нажав Alt+Shift+клик правой кнопкой мыши по различным объектам изображения, расположеных на различных слоях, позволит выделить все эти слои.

36. Работая с сеткой Grid, потяните за верхний левый угол, где расположены шкалы для Grid, и начало отсчета для них станет в том месте, где Вы отпустите клавишу мыши. Двойной клик в верхнем углу, сбросит точку отсчета в первоначальное положение.

37. Создав путь с помощью инструмента Pen Tool можно скрыть/показать его вновь с помощью комбинации Ctrl+Shift+H.

38. Управление навигацией с помощью клавиш может быть часто эффективней мышки:

Home = пролистать в верхний левый угол
End = пролистать в правый нижний угол
PageUp = пролистать вверх на одну страницу
PageDown = пролистать вниз на одну страницу
Ctrl+PageUp = пролистать влево на одну страницу
Ctrl+PageDown = пролистать вправо на одну страницу
Shift+PageUp = пролистать вверх на 10 pixel
Shift+PageDown = пролистать вниз на 10 pixel
Ctrl+Shift+PageUp = пролистать влево на 10 pixel
Ctrl+Shift+PageDown = пролистать вправо на 10 pixel

39. Ctrl+Tab переключит Вас между различными окнами с изображениями.

40. F12 вернет состояние изображения, которое было при последнем сохранении.

41. Горячие клавиши для Каналов: RGB, CMYK, Indexed color

Ctrl+"~" = RGB
Ctrl+1 = red
Ctrl+2 = green
Ctrl+3 = blue
Ctrl+4 = other path
Ctrl+9 = other path
Ctrl+"~" = CMYK
Ctrl+1 = light green
Ctrl+2 = pink red
Ctrl+3 = yellow
Ctrl+4 = black
Ctrl+5 = other path
Ctrl+9 = other path
Ctrl+1 = Indexed
Ctrl+2 = other path
Ctrl+9 = other path

42. Удерживая Ctrl на палитре Navigator Вы можете растянуть красный прямоугольник, масштабируя тем самым изображение.

43. Зажмите Alt и сделайте клик на любом шаге в истории, т.о. шаг скопируется.

44. Нажмите Alt и потяните за шаг из одного Action в другой, получите копию действия.

45. В фильтре Lens Flare (Filter > Render > Lens Flare) задать точные координаты можно зажав Alt+кликнув по окошку предпросмотра.

46. Удерживая Shift+Alt трансформация объекта будет производиться пропорционально –– из центра.

47. Если у Вас выбран инструмент Move Tool, и Вы хотите что-то скопировать, то просто зажмите Alt и потяните за изображение. Удерживая Shift+Alt объект легко переместить вдоль напрявляющих Grid.

48. Если Вы хотите выровнять горизонт или неровные края после сканирования, то возьмите инструмент Measure Tool (Линейка), проведите линию вдоль Вашей кривой, затем идем в Image> Rotate Canvas> Arbitrary, значения угла поворота фотошоп подставит сам, осталось нажать Ок и изображение повернуто.

49. Если Вы создаете что-то в Illustrator"е, скоприуйте и вставьте в Photoshop, он спросит в каком виде вставлять: пиксельном либо в Shape.

50. Чтобы отобразить панель Rules, нажмите Ctrl+R.

51.Чтобы изображение было четко по центру Ctrl+A, Ctrl+X, Ctrl+V.

52. Ctr+E сольет текущий слой с нижележащим.

53. Если выбран инструмент Brush Tool, управлять диаметром кисти можно по средствам кнопок [ и ].

54. Двойной клик по инструменту Zoom Tool вернет масштаб изображения в 100%, а по инструменту Hand Tool растянет изображение на область экрана.

55. Работа с текстом:

Ctrl+H скроет выделение выделенных символов.

Если у Вас выделены символы, сделайте клик в строке выбора типа шрифта, и Вы сможете использовать стрелки на клавиатуре для выбора типа шрифта.

Alt+стрелка влево или вправо изменит отступ между символами на 10.

Ctrl+Alt+стрелка влево или вправо изменит отступ между сиволами на 100.

56. Ctrl+Alt+T создаст копию объекта, который Вы хотите трансформировать.

57. Ctrl+Alt+стрелка вправо, влево, вверх или вниз скоприует текущий слой и сдвинет на 1px.

58. Смените активный слой при помощи Alt+[ или ].

59. Переместите активный слой вверх или вниз при помощи Ctrl+[ или].

60. Чтобы скрыть направляющие Grid, нажмите Ctrl+

61. Ctrl+[клавиша плюс] увеличит масштаб изображения, Ctrl+[клавиша минус] –– уменьшит. Ctrl+Alt+[клавиша плюс] увеличит масштаб и размер окна, тоже самое для Ctrl+Alt+[клавиша минус].

62. Используя инструмент Polygonal Lasso Tool, нажмите Backspace, чтобы отменить последний шаг.

63. Нажмите X для перключения цвета переднего плана и фона местами.

64. Нажмите D чтобы сбросить настройки цветов для переднего плана и фона в цвета по умолчанию: черный и белый.

65. Чтобы отобразить палитру с настройками Brushes, нажмите F5.

66. Чтобы отобразить палитру Layers, нажмите F7.

67. Ctrl+клик по иконке слоя на палитре слоев создаст выделение содержимого слоя.

68. Если хотите увидеть содержимое маски слоя, то зажмите Alt и сделайте клик по маске слоя.

69. Alt+клик по иконке создания маски для слоя создаст черную маску.

70. Когда используете Polygonal Lasso Tool, зажмите Shift, чтобы создать прямые под углом с шагом в 45 градусов.

71. Для того, чтобы перемещаться по видимой части с помощью захвата, используйте зажатый пробел в режиме выбора (V).

72. Ctrl+Shift+N создаст новый файл, с выводом диалогового окна; Ctrl+Shift+Alt+N создаст новый слой в рабочем файле.

73. Вернемся к кистям, клавиши [ и ] уменьшают и увеличивают диаметр кисти, а Shift+[ или ] изменят жесткость кисти.

74. Нажмите Alt, чтобы Burning Tool стал выполнять функцию Dodge Tool, и наоборот.

75. Stamp Tool клонирует участки изображения (Alt+клик –– для определения участка под копирование). Это также работает, если в фотошопе открыто несколько изображений и Вы можете также клонировать любые участки из других изображений, достаточно лишь расположить изображения в пределах видимости на экране.

76. Ctrl+клик по иконке слоя создает выделение объекта на этом слое. Если необходимо выделить более чем 1 объект на нескольких слоях, удерживайте дополнительно еще и Shift.

77. Чтобы объединить палитры в одной, потяните за ярлычек любой вкладки на другую палитру к другим ярлычкам и она переместится.

78. Когда создаете текст, нажатие Enter создаст новую строку, чтобы закончить писать нажмите Ctrl+Enter или Enter на цифровой клавиатуре.

79. Вы можете переместить слой на любое другое открытое изображение в фотошопе, т.о. создастся копия слоя. Удерживайте при перетаскивании нажатой Shift и содержимое слоя вставится четко по центру.

80. Создайте новый документ в Photoshop размером 500х500px, создайте новый слой, возьмите инструмент Brush Tool, кисть выберите стандартную круглую, любого диаметра и поставьте точку вверху по центру (позиция как в часах у 12). Нажмите Ctrl+Alt+T, это создаст копию точки и позволит ее трансформировать. Потяните за точку в центре трансформируемого объекта Pivot Point и установите ее четко по центру изображения, вверху впишите угол повора 30 градусов и нажмите Ок. А теперь трюк –– нажмите Ctrl+Shift+Alt+T 10 раз и Вы увидите что получится.

81. Shift+клик по синей верхней полосе у панели инструментов или палитрах, переместит их к боковой границе окна.

82. Как выбрать группу слоев не используя палитру слоев? Как выделить один слой мы знаем из пункта 81, а добавить еще один слой в группу можно зажав Ctrl+Shift и сделав клик по части объекта, расположенному на другом слое.

83. Удалить сразу несколько слоев можно простым пертаскиванием группы слоев на иконку корзины на палитре слоев, как выбрать группу знаем из пункта 82.

84. Нажмите Tab, чтобы скрыть панель инструментов и палитры, Shift+Tab скроет только палитры.

85. После применения фильтра, его действие можно смягчить при помощи функции Fade, нажав Shift+Ctrl+F.

86. Скопировать маску слоя можно перетянув ее с нажатым Alt на другой слой.

87. Из вертикальной направляющей Grid легко можно получить горизонтальную, выбрав инструмент Move Tool, зажать Alt и кликнуть по самой направляющей. И наоборот.

88. Сохраняя документ при помощи Save for Web информация о документе теряется, чтобы сохранить информацию используйте Save As.

89. Для лучшей организации слоев –– сгруппируйте выделенные, нажав Ctrl+G.

90. Чтобы отобразить панель Rules, нажмите Ctrl+R

Научитесь обрабатывать быстро и качественно ваши снимки с курсом "Быстрая обработка фотографий в Photoshop от А до Я" Ссылка на курс:

Как уже говорилось в первом уроке по мастерству фотошопа, что вы никогда не перестаете учиться новому в этой программе. Всегда появляются новые методы и инструменты, доступные для использования. Мы решили собрать еще 25 приемов и советов в Фотошоп, необходимых каждому дизайнеру.
Садитесь, внимательно читайте и получайте удовольствие от неизведанного!

Мастер манипуляции с использованием инструмента «Марионеточная деформация» (Puppet Warp).

Данный инструмент не используется столь часто, как другие инструменты Фотошоп, но если он действует, то превращает вас в звезду дизайна! Марионеточная деформация позволяет устанавливать точки (булавки) на слое и затем манипулировать и сгибать объект в реалистичной манере. Другими словами, создается своеобразный каркас, позволяющий контролировать изменения объекта, как марионетку.

Ниже представлено изображение змеи, которое я извлек с фона и поместил на собственный слой.

Используя марионеточную деформацию (Puppet Warp), я добавил несколько контрольных точек на объект и изменил положение змеи на поверхности. Здорово, не правда ли?

Редактирование одним кликом с использованием наборов корректирующих слоев (Adjustment Layers).

Вы все знакомы с корректирующими слоями и знаете, какой невероятный результат можно получить, используя их. Но вы можете не заметить, что некоторые из корректирующих слоев содержат весьма интересные и полезные настройки. В моем примере ниже я открыл корректирующий слой «Кривые» (Layer-New Adjustment Layer –Curves) и вверху диалогового окна опции открыл выпадающее меню уже заданных настроек.

Мне особенно нравится набор настроек внутри корректирующего слоя «Черное и белое» (Black and White).

Знаете ли вы?

Вы можете использовать корректирующий слой, как обтравочную маску к определенному слою, если нажмете внизу диалогового окна коррекции иконку двух колец (Clipping Mask). В противном случае, коррекция будет влиять на все слои, находящиеся ниже.

Полный контроль над контурами в панели «Контуры» (Paths).

Если вы проводите время, рисуя контуры в Фотошоп, то панель «Контуры» (Paths) является для вас обязательной. Палитра контуров в фотошоп по сути такая же, как и палитра слоев, но служит только для создания контуров.

В данной панели вы можете создавать новые контуры и удалять их, загружать их выделение, обводить и заливать любым цветом.

Создание и редактирование ваших собственных сочетаний клавиш.

Имели ли вы когда-нибудь желание изменить сочетания клавиш в Фотошоп, заданных по умолчанию или создать свои? Это легко сделать. Переходим в меню Редактирование-Клавиатурные сокращения (Edit | Keyboard Shortcuts).

В данной панели вы можете изменить настройки по умолчанию и даже добавить свои.

Идеальный контроль над инструментом Текст (Type Tool) с палитрой «Символ» (Character).

Палитра «Символ» содержит все необходимые возможности для редактирования текста и абзацев. Доступ к палитре осуществляется через меню Window-Character (Окно-Символ) или при активном инструменте «Текст» (Type tool) нажимаем в верхнем меню крайнюю иконку справа.

Оптимизация рабочего процесса с использованием функции «Рабочая среда» (Workspace).

Фотошоп представляет пять рабочих настроек окна. По одному для 3D изображений, для дизайна, движения, рисования и фотографии. Выбрав одну из рабочих областей, вы увидите, что фотошоп открывает самые нужные панели для работы в данной области и организованные таким образом, что необходимые функции становятся легкодоступными.
Выбор рабочей среды осуществляется через меню Window | Workspace (Окно-Рабочая среда).

Вы можете также создавать и сохранять ваши собственные рабочие области. Переходим в меню Window | Workspace | New Workspace (Окно-Рабочая среда-Новая рабочая среда), присваиваем имя рабочей среде. Это очень полезный совет, если у вас используется несколько рабочих процессов.

Изгиб реальности с фильтром «Пластика» (Liquify).

Мой любимый фильтр в Фотошоп – Пластика (Filter | Liquify). Вы можете создавать здесь интересные деформирующие эффекты, но выглядящие реалистично.

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

Исключение путаницы в работе с функцией «Показать края слоя» (Showing Layer Edges).

Очень полезна функция показа края слоев во время вашей работы. Она удобна в том случае, если вы работаете в документе с множеством слоев и становится трудно сказать, где находится (на каком уровне) тот или иной слой. Доступ к данной функции производится через меню: View | Show | Edges Layer (Просмотр-Показать-Края слоя).

Теперь при нажатии на слой или несколько слоев, они будут выделены в рабочем окне документа.

Выделение конкретных цветов и оттенков с функцией «Цветовой диапазон» (Color Range).

Огромной частью работы в фотошоп является выделение объектов. И сделать это быстро и качественно вам поможет функция «Цветовой диапазон» (Color Range). Она позволяет выделить любой цвет или оттенок.

Доступ через меню: Select | Color Range (Выделение-Цветовой диапазон).
В верхней части диалогового окна вы можете выбрать любой цвет или диапазон светов, теней и полутонов.

Как только вы нажмете Ок, ваша выбранная область будет выделена. В примере ниже я выбрал на фото диапазон светов для выделения.

Организация и классификация документов.

В самой верхней панели программы находится иконка организации файлов с выпадающим меню. Это очень полезная функция в случае, если у вас открыто множество документов или если вы работаете с одним или несколькими документами одновременно.
В рабочей области экрана будет отражено такое количество файлов, какое вы выберите из списка.

Настройка меню Photoshop по умолчанию.

Если абсолютная рационализация процесса вам необходима, то вы можете настроить меню программы по умолчанию. Удалите то, в чем не нуждаетесь в процессе работы. Чтобы выполнить настройки, переходим в меню Edit | Menus (Редактирование-Меню).
Для удаления ненужных параметров просто нажимаем на иконку глаза в диалоговом окне настроек.

Знаете ли вы?

Вы также сожжете выделить определенные пункты меню любым цветом на панели меню. Просто нажимаем на слово «Нет» (None) в колонке и присваиваем любой цвет из выпадающего списка.

Редактирование и настройки вашей кисти.

Панель настроек кисти (Window-Brush или F5) позволяет полностью контролировать работу вашей кисти. Здесь вы можете внести любые изменения в уже существующие параметры инструмента или создать свои кисти и сохранить эти корректировки в виде новой кисти.

Использование палитры «Маски».

Маски слоя обеспечивают невероятные условия для неразрушающего редактирования слоев. Но если вы никогда не исследовали параметры данного способа, то не знаете и половины гибкости, присущей этому инструменту.

Маска слоя добавляется нажатием ее иконки внизу панели слоев (Add Layer Mask). Открываем палитру «Маски» (Window | Masks). При выборе маски, которую вы создали на слое, в панели масок сразу активируются все функции. Ниже я создал маску с копией красного альфа-канала (Red channel) на фото.

Регулируя функцию растушевки (Feather) в панели масок, я могу создать мягкий фокус-эффект на фотографии. Эффект сохраняется полностью и может быть отредактирован без ущерба для исходного фото.

Знание этих параметров дает намного больше гибкости процессу маскировки.

Редактирование JPG-изображений в Camera Raw.

Существует ряд великолепных инструментов, найденных в Camera Raw, и они не ограничиваются родными форматами камеры. Вы можете открыть любые JPG-изображения в Camera Raw. Открываем Bridge (иконка в самом верхнем меню), выбираем изображение и нажимаем по нему пр.кн.мыши, выбрав из меню – Открыть в Camera Raw (Open in Camera Raw).

Один из моих любимых инструментов с Camera Raw – это корректирующая кисть (Adjustment Brush). Ниже показан пример редактирования изображения с помощью данного инструмента. Урок по использованию корректирующей кисти вы можете посмотреть .

Использование Альфа-каналов для более точного выделения.

Часто упускается из виду метод изолирования объекта с фона на маску при помощи альфа-каналов.

Например, у нас есть птица на белом фоне, который необходимо удалить. Открываем палитру каналов (Channels Palette) и выбираем самый контрастный канал для нашего изображения. На данной фотографии синий канал (Blue) является наиболее контрастным.
Копируем этот канал, перетащив его миниатюру на иконку нового канала внизу палитры.

При желании, мы можем удалить на птице оставшиеся черные области, используя белую Кисть (Brush). Далее, загружаем выделение данного канала (Ctrl+клик по его иконке), возвращаемся в панель слоев (Layers) и скрываем фон на маске, нажав ее иконку внизу панели слоев.

Рельефный дизайн с функцией «Текстуризатор» (Texturizer).

Это один из малых фильтров программы, который может вдохновлять на эксперименты время от времени. Загружаем данный фильтр через меню Filter | Texture | Texturizer (Фильтр-Текстура-Текстуризатор).

Я использовал фото дерева для создания текстуризации.

В диалоговом окне фильтра выбираем текстуру холста (Canvas). Эффект неплохой, но не особенно интересный.

Настоящим удовольствием будет использование своих собственных текстур. Вы можете загрузить их в фильтр, нажав на стрелку рядом с разделом «Текстура». Единственным требованием является то, что формат загружаемой текстуры должен быть PSD.

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

Создание Gif-анимации в Фотошоп.

Создание Gif-анимации это не то, чем я часто занимаюсь, но когда есть возможность, я ее использую. Делать кадры анимации в фотошоп не только невероятно просто, но и интересно. Открываем панель анимации (Window | Animation) и создаем новый кадр, нажав внизу панели его иконку. Вы можете редактировать, добавлять и переставлять документ для каждого кадра. Затем выбираем время отображения кадра, нажав стрелку внизу миниатюры кадра. Для просмотра анимации используем клавиши плейра внизу панели. Чтобы сохранить анимацию в формате Gif, переходим в меню File | Save for Web & Devices (Файл-Сохранить для Веб и устройств). Выбираем Gif в качестве формата файла.

Прояснение с панелью «Инфо».

Вы можете спросить, что же это за панель «Инфо» (Info) и зачем она занимает место на экране. Я тоже задавал это вопрос себе много раз, но правда в том, что в панели «Инфо» содержится много полезной для работы информации.

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

Работа с цветовыми схемами через расширение «Kuler».

Если вы интересовались цветовыми схемами сверх установленных по умолчанию программы, то, наверное, знаете о проекте компании «Adobe’s Kuler project» . Это сообщество в интернете, посвященное цветам с огромным количеством интересных вариантов и цветовых идей. Доступ к расширению «Kuler» осуществляется через меню Window | Extensions | Kuler (Окно-Расширения-Кулер). С помощью панели «Кулер» вы можете искать и просматривать любые варианты цвета, а также можете посетить страничку сайта. Как только вы найдете понравившиеся цветовые решения, вы можете их добавить в свою палитру «Образцы» (Swatches) для дальнейшей работы.

Редактирование видео в Фотошоп.

Я держу пари, что вы не знали о том, что видео может быть изменено в пределах программы Фотошоп. Это очень легко сделать. Вы можете импортировать видео через меню: Layer | Video Layers | New Video Layer From File (Слой-Слои видео-Новый видео-слой из файла). Все кадры видео редактируются как обычный слой. Чтобы получить доступ к отдельным кадрам, нужно открыть временную шкалу анимации (Window | Animation). Кроме того, вы можете сделать глобальные изменения в видео, добавив корректирующие слои в панели слоев.

Быстрый видео-урок по использованию видео-слоев представлен .

Создание виньетки с использованием корректирующих слоев.

Недавно я обнаружил способ создания виньетки с помощью корректирующего слоя «Градиент» (Gradient Fill). Я люблю корректирующие слои, поэтому внес данный метод в копилку своих трюков.

Откройте любую свою фотографию. Я использовал фото, которое вы видите ниже.

Теперь добавляем корректирующий слой «Градиент» (клик по иконке коррекций внизу панели слоев и выбираем из списка – Gradient Fill). Устанавливаем направление цвета градиента от белого прозрачного к черному. Изменяем режим смешивания данного слоя на Мягкий свет (Soft Light).

Далее, на слое «Градиент» (Gradient Fill) открываем стили слоя (клик по иконке «Add Layer Style») внизу панели слоев и добавляем стиль «Наложение градиента» (Gradient Overlay), но уже с радиальным стилем. Снова используем цвет от полупрозрачного белого к черному.

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

Идеальное размещение при использовании объектов выравнивания.

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

При активации инструмента Перемещение (Move Tool (V)) в верхней панели появляются иконки выравнивания. Когда вы выберите множество слоев (Ctrl+клик по миниатюрам слоев), то далее попробуйте нажать на любую из данных иконок, и посмотрите, что произойдет.

Зная эти функции, можно сэкономить кучу времени в рабочем процессе.

Использование фильтра «Сдвиг» (Offset) для создания повторяющегося узора.

Часто приходится создавать свои текстуры и узоры, поэтому необходима функция фильтра «Сдвиг» (Offset).

Для создания повторяющегося узора необходимо выбрать квадрат из вашего файла текстуры. Предпочтительнее тот, который имеет однородный тон. Скопируйте (Ctrl+C) выделенный квадрат в новый файл размером 500×500 рх.

Теперь переходим в меню: Filter | Other | Offset (Фильтр-Другие-Сдвиг) и устанавливаем сдвиг вправо и вниз по горизонтали и вертикали на +250.

Я ввел значение +250, потому что у меня размер документа 500 рх, т.е. сдвиг наполовину размера документа.

Теперь, используя инструмент Штамп (Clone Stamp Tool (S)), удаляем линии по центру документа. Этот файл может быть сохранен в виде повторяющегося узора и будет выглядеть как бесшовный файл размером 500 рх.

Организация вашей панели слоев при помощи группировки.

Можно хорошо знать эту особенность программы, но есть некоторые нюансы. Я обычно не выполняю сведение слоев, поэтому результат моих проектов может состоять из множества десятков слоев. Чтобы в работе сохранять порядок, я группирую слои в структурные части. Это важный момент в работе, потому что группировка позволяет не путаться в деталях при обмене файлами и работе в группе.

Знаете ли вы?

Внутри групп можно создавать новые группы для дальнейшей организацией слоев в панели.