Из серии «Пффф, я это давно знал!».

На самом деле это скорее полезные инструменты и приёмы, которые помогают в работе над проектами в CG, айдентике и вебе о которых вы могли не знать.

Начнем с полезных приёмов в Фотошопе, и так, поехали!

1 - Заливка с учётом содержимого

Edit > Fill или Shift + Backspace

Удобный инструмент для удаления с изображения объектов с учётом содержимого, просто выделите с помощью лассо объект, нажмите Shift + Backspace и Ок .

2 - Blending Options

fx > Blending Options

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

3 - Defringe

Layer > Matting > Defringe

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

4 - Rubber Band

Верхняя панель управления > Rubber Band

Наверняка многие не знают, что в настройках пентула есть такая галочка, попробуйте, вам понравится:)

5 - Нормальный нойз

Filter > Camera RAW Filter или Shift + Cmd (Ctrl) + A

Стандартный фильтр нойза зачастую не подходит для композинга, он слишком «цифровой» и не имеет настроек, поэтому лучше использовать Grain в Camera RAW Filter , настройки которого позволяют изменять размер зерна и его резкость. Это часто помогает в финальном постпродакшене для придания оптической естественности изображению.

6 - Nik Collection от Гугл

Отличный плагин для фотошопа с различными эффектами и пресетами, есть точечное редактирование. Тут не без треша конечно, но есть и несколько неплохих инструментов. Например в Analog Efex Pro есть раздел Classic Camera , где можно имитировать оптические искажения камеры, там есть достаточно корректный эффект Бокэ, размытие по углам и другие инструменты, которые помогут сделать картинку реалистичнее и живее. А в Color Efex Pro есть удобные инструменты повышения контраста и детализации изображений (Tonal Contrast, Pro Contrast, Detail Extractor) .

7 - Хроматические аберрации

Filter > Lens Correction или Shift + Cmd (Ctrl) + R

Если на фото принято убирать хроматические аберарции, то при композинге, особенно сцен с использованием 3D эти искажения наоборот делают картинку натуральнее, оживляя сырые рендеры. Только держите себя в руках, не стоит им злоупотреблять:)

8 - Просмотр конкретного слоя

Alt + левая кнопка мыши находясь на слое

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

9 - Кроп с учётом содержимого

Crop Tool > верхняя панель управления > Content-Aware

Начиная с версии Photoshop CC (2015.5) появилась возможность делать кроп с учётом содержимого, для этого нажмите клавишу C и поставьте галочку Content-Aware в верхней панели управления. Кстати в этой же панели есть замечательный инструмент Straighten , который помогает выровнять горизонт, просто проведите линию вдоль объекта и алгоритм сам все сделает.

10 - Быстрый экспорт слоёв

Правая кнопка мыши по выделенным слоям > Export As…

Чтобы сохранить сразу несколько слоёв в отдельные файлы просто выделите их и нажав правую кнопку мыши , выберите Export As … и в появившемся окне можно изменить размер, выбрать необходимый формат и

Всем привет! Есть такой интересный инструмент в Фотошопе - микс- кисть. У нее множество разных возможностей и применений, особенно в рисовании.

Post written by at

Открытка к празднику.

Здравствуйте, дорогие подписчики и гости сайта

Сегодня у нас разговор о том, как самому сделать открытку к какому-нибудь празднику. А так как на пороге 8 марта, то мы и будем делать открытку С 8 марта . Я покажу только самое основное, а вы уж включите фантазию...

Это действительно простая работа, без заморочек, но ведь этот сайт для начинающих! Надеюсь, что хоть что-то полезное вы для себя почерпнете. А также под видео вы увидите ссылки на скачивание материалов для создания открыток к 3-м праздникам: 8 марта, День Святого Валентина и День защитника Отечества. 2 из них уже прошли, но ведь будет и следующий год.

Post written by at

Приветствую всех любителей Фотошопа!

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

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

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

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

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

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

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

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

• 3 Фильтры
  

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Сочетания клавиш для манипуляций со слоями.

Примечание: клавиша «Cmd» используется для компьютеров Mac, для компьютеров PC эта клавиша заменяется клавишей (Ctrl) .

Создание нового слоя.

Обычно при работе в программе необходимо быстрое добавление новых слоев.

Сэкономить время возможно при сочетании следующих клавиш:

Новый слой с диалоговым окном (Ctrl+Shift+N) ;

Новый слой без диалогового окна (Ctrl+Shift+Alt+N) .

Увеличение и уменьшение масштаба:

Увеличение и уменьшение масштаба является необходимым действием при создании моноблока с большим количеством деталей или при работе на большом печатном листе.

Увеличить масштаб (Ctrl+=) ;

Уменьшить масштаб (Ctrl+-) .

Еще один полезный трюк для подгонки холста под размер рабочего окна монитора: по размеру окна (Ctrl+0) .

Объединение слоев.

Это сочетание клавиш позволяет объединить два и более слоев в один и уменьшить размер документа или количество слоев вашей работы.

Объединение слоев (Ctrl+E) .

Группировка слоев.

Иногда требуется объединение определенных слоев в группу для организации порядка в работе. Для этого, сначала выделяем в палитре слоев нужные нам слои (Ctrl+клик по миниатюрам данных слоев) , затем нажимаем (Ctrl+G) .

Создание нового слоя со всеми видимыми слоями.

Этот прием может быть отличной находкой по многим причинам. Вы можете экспериментировать со сведением файла, фактически не сводя его. Часто этот прием используется в финальном процессе для повышения резкости всего изображения или при добавлении других окончательных корректировок. Чтобы создать новый слой со всеми видимыми слоями работы, нажимаем: (Ctrl+Shift+Alt+E) (Отпечатать видимые) .

Использование операций для персонализации рабочего процесса.

Одним из полезных функций фотошоп является панель Операции (Actions) . Что же это за операции? Зачем повторять бесконечное число шагов для каких-либо похожих действий, если все это можно просто записать, как на магнитофон, и приводить в действие одним нажатием мыши или сочетание клавиш?

Как это выглядит.

Давайте посмотрим на палитру операций в Фотошоп. Открываем ее через меню Windows-Actions (Окно-Операции) . Затем, загружаем операции «Производство» (клик по стрелке справа в диалоговом окне операций и выбираем из меню – Production) . Существует множество простых действий в данной коллекции. Рассмотрим подробно операции данной функции.

Например, обратите внимание на первое действие в наборе: Холст формата 150.. (Letter Canvas 150) . Создание документа размером 8,5 х 11 дюймов (inch) формата бумаги США вы, наверное, выполняете часто. Но такая заготовка в меню операций значительно ускорит процесс творчества. Активируете данную строку операции и нажимаете кнопку Пуск (Play) внизу панели операций. Нужный файл создан.

Создание собственных операций.

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

Например: вы хотите преобразовать документ в размер 800×500 рх, затем добавить водяной знак логотипа и сохранить файл в формате JPG для Web (Интернета) . Все эти операции можно записать последовательно и потом использовать одним нажатием кнопки.

Знаете ли вы?

Знаете ли вы о том, что палитру операций (Palette Actions) можно представить в виде кнопок? Чтобы это сделать, нажимаем на стрелку справа в диалоговом окне операций и выбираем из меню первый пункт – Представить в виде кнопок (Button Mode) . Теперь вы можете запускать действия, нажав на соответствующую кнопку.

Одновременная пакетная обработка 500+ файлов.

Пакетная обработка является чрезвычайно мощным инструментом. Представьте, что у вас есть 500 изображений, которые нужно уменьшить до размера 100х200 рх, преобразовать в черно-белые изображения и сохранить в формате Gif.

Мы только что узнали, что можно создать операцию и осуществить ее одним нажатием кнопки. Учитывая размер данной задачи, нам нужно открыть 500 изображений и нажать кнопку операций 500 раз?

Неправильно! Для этого воспользуемся пакетной обработкой (Batch Processing) , чтобы открыть все изображения один за другим, выполнить нужные действия и сохранить каждый файл. То, что может у вас отнять часы работы, Фотошоп сделает за несколько минут. Изучим возможности пакетной обработки через меню File | Automate | Batch (Файл-Автоматизация-Пакетная обработка) .

Знаете ли вы?

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

Использование функции наборов параметров (Tool Presets) для сохранения ваших лучших кистей.

Если вы потратили время для создания определенных настроек кисти, то почему бы не сохранить данные настройки в виде набора параметров? Например, вы потратили время для настройки кисти брызг из акварельного набора. Вместо того, чтобы заново настраивать каждый раз данную кисть, открываем палитру наборов параметров кистей через меню Window - Tool Presets (Окно-Наборы параметров) и нажимаем иконку нового набора (выглядит, как иконка нового слоя) внизу палитры.

Если у вас уже есть наборы кистей, то вы можете их сохранить для последующего использования. Для этого, нажимаем стрелку справа в диалоговом окне наборов параметров и выбираем из меню - Save Tool Presets (Сохранить набор параметров) .

В Фотошоп уже представлены несколько наборов инструментов. Просто выберите кисть (Brush) и в верхнем меню посмотрите данные наборы, открыв их панель.

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

Несколько отмен.

Как правило, в большинстве программных пакетов компании Adobe сочетание (Ctrl+Z) производит многократную отмену действий. В Фотошоп это же сочетание отменяет лишь одно действие, и если необходим повтор, нажатие производится еще раз.

Для нескольких отмен (Ctrl+Alt+Z) .

Переход от одного документа к другому.

Это удобный прием, позволяющий одновременно работать с множеством файлов в фотошоп. Переключение между документами (Ctrl+Tab) .

Перемещение (Move tool) .

Очень легко для запоминания. При работе над большим полотном или при перемещении работы в увеличенном варианте, инструмент Move tool имеет большое значение.
Удерживаем клавишу пробела и свободно передвигаем документ в рабочем окне, либо переключаемся на инструмент Рука (H) .

Показать или скрыть линейки и направляющие (Show/Hide Rulers and Guides) .

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

Переключение линеек (Ctrl+R) ;

Переключение направляющих (Ctrl+;) .

Поворот просмотра.

Если вы работаете на планшете, то для более реалистичного просмотра необходимо повернуть документ на 45 градусов. Поворот осуществляется клавишей R.

Палитра «История» (History) для быстрого экспериментирования.

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

Перед началом экспериментирования нажимаем иконку камеры внизу панели «История». Это создает снимок текущего состояния документа в палитре истории. Вы можете создать несколько снимков для сравнения разных экспериментов.

Знаете ли вы?

Снимки не сохраняются вместе с документом. Они действую только во время работы с документом, так что не забудьте сохранить работу в желаемом виде до ее закрытия.

Создание бесшовных текстур с функцией «Узоры» (Patterns) .

Часто упускается из виду функция создания бесшовной текстуры в фотошоп. Вы можете сделать мощные вещи, используя данную функцию. Например, нужно создать фон в стиле «Гранж», который увеличивается при расширении документа.

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

Создание и определение узоров.

Не все текстуры бесшовные, поэтому вам придется проявить изобретательность, чтобы достичь эффекта единого полотна. Самый лучший способ в Фотошоп для создания бесшовной текстуры осуществляется с помощью фильтра «Сдвиг» (Filter | Other | Offset) . Скажем, ваш холст размером 500х500 рх, поэтому вам нужно сделать сдвиг по вертикали и по горизонтали на 250 рх, т.е. наполовину.

После нажатия кнопки Ок, необходимо удалить границы сдвига. Для этой цели используем инструменты Штамп (Clone Stamp [S]) или Лечащая кисть (Healing Brush [J]) .

Чтобы определить текстуру, переходим в меню Edit | Define Pattern (Редактирование-Определить узор) и присваиваем имя нашему узору. Данный узор будет доступен при активации инструмента Заливка (Paint Bucket tool) в режиме узора (Pattern) или при создании слоя-заливки (Layer-New Fill Layer-Pattern..) .

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

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

Существует очень малое количество ограничений для создания кистей. Единственное, что вы должны иметь в виду, это размер кисти. Он не должен превышать 2500х2500 рх с результатом черно-белого цвета. Я обычно создаю документ в градациях серого (режим grayscale) с максимальным для кисти размером.

Выполняем сканирование объекта и фотографируем его в качестве материала-отпечатка для кисти.

Загрузив изображение в Фотошоп в режиме градаций серого (Grayscale) , определяем его, как кисть через меню Edit | Define Brush Preset (Редактирование-Определить кисть) . Присваиваем имя нашей кисти и нажимаем Ок. Теперь ваша кисть есть в наборе кистей программы и вы можете ее увидеть в самом конце палитры кистей, активировав инструмент Кисть (Brush) и открыв данную палитру.

Создавать пользовательские кисти очень интересно. Поэкспериментируйте со своими вариантами изображений и создайте свой стиль кистей.

Пользовательские векторные формы.

Пользовательские фигуры являются очень удобным инструментом в Фотошоп, но часть из них скрыта в программе. Чтобы найти то, что нам необходимо, активируем инструмент Произвольная фигура (Custom Shapes) , он находится в одной группе с векторными инструментами нажимаем пр.кн.мыши по иконке инструмента «Прямоугольник» (Rectangle Tool) и выбираем из контекстного меню инструмент «Произвольная фигура» (Custom Shape) .

В верхнем меню открываем палитру фигур (Shape) , затем, чтобы увидеть все фигуры программы, нажимаем в диалоговом окне палитры стрелку справа и открываем выпадающее меню наборов фигур. Выбираем нужное нам и нажимаем либо клавишу Добавить (Apply) , либо Ок (в случае замены предыдущих фигур) . В нашем примере все фигуры загружены.

Вы можете создавать и свои пользовательские фигуры из векторных файлов. Создаем контур любой фигуры в Иллюстраторе инструментом Перо (Pen tool) , затем переносим фигуру из Иллюстратора в Фотошоп (Ctrl+клик по контуру фигуры в иллюстраторе, затем Сtrl+C (копировать) ) и вставляем (Ctrl+V) как контур (Path) . Определяем контур как векторную фигуру через меню Edit - Define Custom Shape from (Редактирование-Определить произвольную фигуру) и присваиваем фигуре имя, нажимаем Ок. Теперь ваша фигура есть в наборе фигур программы в самом конце. Откройте и посмотрите сами.

Сочетания клавиш для кистей и инструментов.

Цвета по умолчанию или смена цвета:

Цвета по умолчанию («D») ;

Переключение цветов переднего и заднего плана («Х») .

Инструменты Кисть (Brush) и Ластик (Eraser tool) :

Кисть («B») ;

Ластик («E») .

Очень удобно изменять размер кисти или ластика клавишами квадратных скобок в процессе работы.

Увеличение размера кисти (]) ;

Уменьшение размера ([) .

Использование обтравочной маски (Clipping Mask) для показа/скрытия слоя.

Я уверен, что такой инструмент, как обтравочная маска (Clipping Mask) является мощным инструментом для неразрушающего и гибкого дизайна.

Для создания обтравочной маски нужно два слоя: нижний слой (или видимая его часть) , по форме которого будет создана маска и верхний, который и является самой маской и будет соответствовать форме низлежащего слоя. Обтравочная маска может затрагивать несколько слоев.

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

Чтобы создать обтравочную маску на текстурном слое (наш пример) , нажимаем пр.кн.мыши по миниатюре данного слоя и выбираем из контекстного меню – Create Clipping Mask (Создать обтравочную маску) . Снять обтравочную маску можно, нажав пр.кн.мыши по миниатюре слоя с маской и выбрав из меню - Release Clipping Mask.

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

Знаете ли вы?

К слою с обтравочной маской вы всегда можете добавить стили слоя (Layer Style) для дополнительного дизайна. Попробуйте тени и обводки!

Масштабирование с сохранением пропорций.

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

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

При изменении размеров объекта (Ctrl+T или Edit-Transform) обязательно удерживаем клавишу Shift, чтобы сохранить пропорции изображения.

Альтернативным методом является введение параметров высоты и ширины в верхнем меню при масштабировании (Ctrl+T) .

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

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

Эта новая функция появилась, начиная с версии Photoshop CS4. Она позволяет сохранить слои в неизменном виде и в то же время добавить некоторые эффекты на изображение и даже заменить содержание слоев!

Да, вы можете заменить смарт-объект чем-то совершенно новым и эффекты изменения будут оставаться отдельны от обрабатываемого слоя.

Как это работает.

Давайте попробуем попрактиковаться на примере. У нас есть изображение, которое нам необходимо сначала преобразовать в смарт-объект (клик пр.кн.мыши по миниатюре данного слоя и выбираем из меню – Convert to Smart Object) .

Теперь, применим к смарт-объекту фильтр «Размытие по Гауссу» (Фильтр | Размытие | Gaussian Blur) . Вы заметили, что фильтр применен в качестве смарт-фильтра (Smart Filter) . Это означает, что фильтр применен в качестве маски и вы можете рисовать по данной маске, добавляя что-либо, или удаляя ненужные элементы фильтра. Очень удобно!

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

Для этого, нажимаем пр.кн.мыши по миниатюре смарт-объекта и выбираем из меню – Заменить содержимое (Replace Contents) . Выбираем изображение, которое вам нужно и нажимаем клавишу Поместить (Place) .

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

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

Композиции слоев с функцией Layer Comps.

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

Чтобы применить данную функцию, открываем панель Layer Comps (Композиция слоев) через меню Окно-Композиция слоев (Window-Layer Comps) .

После того, как в вашем документе уже сложилась определенная структура слоев, вы можете записать ее в памяти программы, нажав внизу панели иконку новой композиции (New Layer Comp) . Теперь свободно продолжайте редактирование. В этот момент можно обновить текущий слой или создать новую композицию.

После того, как вы привыкнете к использованию Layer Comps, вы уже не сможете работать без него.

Маскировка в режиме Быстрой маски (Quick Mask) .

Одной из трудоемких задач в Фотошоп является выделение объектов. Выделение может быть очень простым при использовании режима Быстрой маски (Quick Mask) .

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

Знаете ли вы?

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

Быстрая маскировка с инструментом Быстрое выделение (Quick Selection) .

Если вы хотите выполнить выделение объекта еще быстрее, чем в предыдущем примере, то воспользуйтесь инструментом Быстрое выделение (Quick Selection) .

Этот инструмент выделяет похожие цвета, как будто вы обрисовываете выделяемый объект на холсте.

Как уточнить края вашего выделения.

Теперь, когда вы выполнили выделение объекта, вы зададитесь вопросом: «А как насчет зубчатых линий и жесткого края выделения?». Сделать выделение аккуратным нам поможет функция «Уточнить край» (Select | Refine Edge) . Откроется диалоговое окно с функциями уточнения.

Главным преимуществом этого способа является полный контроль над изменениями и возможность видеть процесс в реальном времени.

Точная настройка вашего выделения никогда еще не была такой простой и удобной.

Знаете ли вы?

Вы можете вывести ваше выделение в новый слой с маской, следуя принципу неразрушающего дизайна! Внизу диалогового окна выбираем раздел «Вывод в» (Output To) и в выпадающем меню указываем «Новый слой с маской слоя» (New Layer with Layer Mask) .

Использование инструмента Фоновый ластик (Background Eraser Tool) для быстрого удаления цвета фона.

Было бы неплохо стереть только фон, при этом не затрагивая изображение на переднем плане. Это возможно с инструментом Фоновый ластик (Background Eraser Tool) . Он находится в группе инструмента Ластик (Eraser tool) .

В верхней панели есть три варианта работы инструмента:

Проба непрерывно (Sampling Continuous) : стирает цвета, где вы проводите инструментом.

Проба однократно (Sampling Once) : стирает выбранные вами цвета (перед удалением указываем этот цвет, удерживая Alt и кликая по нему) .

Проба образец фона (Sample Background Swatch) : стирает цвет, установленный в качестве образца фона. Это мой любимый вариант применения инструмента.

Знаете ли вы?

Вы можете установить в качестве переднего плана цвет, который не хотите удалять с изображения. В верхнем меню активируйте флажок «Основной цвет» (Protect Foreground Color) и ваш выбранный оттенок не будет удален.

Сочетание клавиш для обработки выделения.

Добавить/удалить из области выделения.

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

Активируем инструмент Быстрое выделение (Quick Selection) , затем для добавления выделения нажимаем Shift+клик л.кн.мыши с перетаскиванием курсора. В случае удаления из выделения нажимаем Alt+клик л.кн.мыши с перетаскивание курсора.

Ограничение выделения.

С помощью инструмента выделения (Marquee tool) вы можете создать ровный круг или квадрат. Удерживая Shift, перетащите курсор мышью в любом направлении.

Создание выделения от центра.

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

Для рисования от центра квадрата и круга, нажимаем Alt+Shift+перетаскиваем курсор.

Сохранение цветовых схем с помощью палитры Образцы (Swatches) .

Итак, вы создали логотип и цветовую палитру для использования материалов брендинга для конкретного клиента и вы должны иметь доступ к данным схемам во множестве докуменов. Почему бы не сохранить данную цветовую схему, как набор образцов в панели «Цветовая палитра» (Swatches Palette) . Это довольно легко.

Открываем палитру через меню Окно-Образцы (Window-Swatches) и чтобы создать новый образец цвета, нажимаем иконку нового образца внизу панели (выглядит, как иконка нового слоя) . Цвет переднего плана будет взят за образец вашего цвета. Если нужно сохранить образцы для последующего применения, нажимаем в правом верхнем углу диалогового окна палитры стрелку и выбираем из меню – Save Swatches.

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

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

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

Появляется меню с коррекциями. Выберем для примера корректирующий слой «Уровни» (Levels) .

Появился новый слой выше всех предыдущих и открывается настройка данной коррекции. Здесь вы выполняете настройки, необходимые для слоя, к которому добавлена данная коррекция.

Еще одна деталь. Корректирующий слой имеет маску, на которой вы можете редактировать вашу коррекцию при помощи кисти (Brush) .

Сохранение ваших стилей слоя для использования в других документах.

Если вы дизайнер, то часто встречаетесь с созданием кнопок в фотошоп. Внешний вид кнопок предполагает наличие таких стилей, как наложение градиента (gradient overlay) , обводка (stroke) , тонкая тень (drop shadow) или внешнее свечение (outer glow) .

Для создания каждой кнопки понадобится множество кликов и времени, особенно в нескольких документах. Вы можете сохранить свои стили слоя в палитре стилей (Styles Palette) для будущего применения.

После добавления стилей слоя к изображению, нажимаем справа в диалоговом окне стилей клавишу «Новый стиль» (New Style) .

Теперь ваш стиль сохранен в палитре стилей. Если у вас есть коллекция стилей, то их можно сохранить в любом месте вашего компьютера, нажав в правом верхнем углу окна стилей и выбрав из меню – Save Styles (Сохранить стили) .

Использование нескольких источников с инструментом Штамп (Clone Stamp tool) .

Всем известен инструмент Штамп и его использование с одним источником клонирования. Но я уверен, что вы не знали, что Штамп можно применять с несколькими источниками, а именно до 5 включительно! Вы можете переключаться между источниками в палитре «Источник клонирования» (Clone Source) . Источником может быть множество слоев или документов.

Активируем инструмент Штамп (Clone Stamp tool) и в верхнем меню включаем панель клонирования (иконка в виде штампа) . Внутри окна нажимаем значок любого источника клонирования (от 1 до 5) и указываем источник клонирования (Alt+клик л.кн.мыши по образцу) . Продолжаем указывать источники, поочередно нажимая иконки внутри окна.

Применение нескольких фильтров одновременно с Галереей фильтров.

Иногда самой трудной частью является решение о выборе художественных фильтров в фотошоп. Чтобы облегчить эту задачу, воспользуемся галереей фильтров (Filter | Filter Gallery) . Здесь вы можете добавлять множество эффектов, редактировать и удалять их, как хотите.

Обратите внимание на нижнюю правую часть диалогового окна фильтров.

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

Функция «Заливка с учетом содержимого» (Content-Aware Fill) .

Эта новая функция позволяет удалять изображение или его часть без использования старых методов, таких как клонирование (Stamp Clone tool) и Лечащая кисть (Healing Brush) .

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

Создаем выделение вокруг столба любым инструментом выделения (Лассо) . Обводим столб на некотором расстоянии от его границ, выделение не должно быть совершенным – это одно из преимуществ данной функции.

Переходим в меню Edit-Fill (Редактирование-Выполнить заливку) и указываем в диалоговом окне заливки «Заливка с учетом содержимого» (Content-Aware) .

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

Я уверен, данные советы вам помогут в творчестве и пополнят вашу копилку знаний Фотошопа. Удачи!

Photoshop для вас в новинку? Мы поможем вам разобраться, что к чему!

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

1. Познакомьтесь с Инструментами

Это панель инструментов Photoshop.

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

А вы знали, что ее можно настроить под себя?

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

Так что настройте панель инструментов под себя - пусть это будет полезная напоминалка о том, что стоит попробовать новые инструменты!

Нажмите Edit > Toolbar (Редактирование > Панель инструментов…), чтобы вручную выбрать инструменты. Группируйте их, согласно уровням приоритетности - например, одну группу могут составить инструменты, которые еще предстоит освоить, а другую - те, что вы используете постоянно.

Не перегружайте панель инструментами, которые вы не используете; вместо этого поместите в нее свои самые любимые инструменты!

Определитесь с Основным набором инструментов

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

Здесь вы видите два разных проекта: рисунок на планшете и фотоманипуляцию. Обратили внимание, что инструменты для обоих проектов идентичны?

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

А еще не забывайте, что многие инструменты Photoshop можно использовать для разных целей. Например, инструментом Pen (Перо) можно воспользоваться как для того, чтобы отделить модель от фона, так и для создания векторной иллюстрации.

Есть и другие инструменты, которые вам понадобятся, но считайте их второстепенными. Например, инструменты Pen (Перо) и Move (Перемещение), на первый взгляд не кажутся особо креативными, однако они нужны (и порой нужны очень часто) для улучшения рабочего процесса.

А какие у вас основные инструменты?

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

2. Знакомство с Панелью слоев

Одновременное нажатие клавиш Control-Shift-N создает новый слой.

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

Но каким образом?

Ну, вообще, панель позволяет контролировать несколько параметров. Opacity (Непрозрачность), Fill (Заливка) и Color (Цвет) лишь немногие из них. При помощи этих параметров вы можете изменять свои слои, создавая множество классных эффектов.

Текстовые эффекты, например, зачастую создаются при помощи невероятных Layer Styles (Стилей слоя).

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

Испытываете проблемы с цветом? Попробуйте поработать с Layer Blend Modes (Режимы наложения слоев). Хотите получить более яркий результат? Возможно, ваше решение - это Adjustment Layer (Корректирующий слой).

3. Экономьте время при помощи Слой-Масок

Подошло время провести важный разговор - разговор о слой-масках.

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

Чтобы воспользоваться слой-маской:

Здесь я нарисовала круг посреди маски, чтобы показать белый фон под слоем, залитым синим цветом

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

Большинство времени сложности с этой функцией возникают из-за непонимания того, когда ей пользоваться. Новички зачастую просто воспользуются инструментом Eraser (Ластик), так как это самое быстрое решение.

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

4. Control-S Правильно?

Качество имеет значение, так что, прежде чем вы сохраните работу и закроете программу, подумайте вот о чем:

• Зачем мне нужен этот файл?
• Где я могу его хранить?
• В каком формате он мне нужен?
• Как сохранить его в наилучшем качестве?

Выше вы видите сравнение разных уровней качества, 1 - 83%, 2 - 1%. Изображение взято с Envato Elements.

Что и Где

Ответ на первый вопрос - это будет ли ваша работа использована онлайн. В графических материалах для постов онлайн качество не столь важно, в то время как печатные материалы должны быть сохранены с высоким разрешением. Исследуйте рекомендации для печати, чтобы понять, для чего нужны такие важные настройки, как Color Modes (Цветовой профиль) и как ими управлять.

Храните свои файлы в таком месте на компьютере, куда у вас имеется быстрый доступ. Photoshop может выдать ошибку, если в файле недостает некоторых элементов (например, шрифтов), поэтому постарайтесь содержать все в порядке.

Формат и качество

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

Нажмите File > Export > Save for Web (Файл > Экспортировать > Сохранить для Web).

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

Как хорошо будет выглядеть ваш дизайн в распечатанном виде?

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

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

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

Работайте согласно своей ситуации. Чтобы открыть/изменить Color Mode (Цветовой профиль) вашего файла, нажмите Edit > Color Settings (Редактирование > Настройка цветов…).

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

6. Наборы! Наборы! Наборы!

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

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

Чтобы просмотреть их все, нажмите Edit > Presets > Preset Manager (Редактирование > Наборы > Управление наборами).

Одни из моих любимых наборов - это наборы кистей. Наборы кистей от ваших любимых художников - это тоже круто, но воспользуйтесь и теми, которые у вас уже есть!

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

На скриншоте вы видите пример набора кистей Wet Media (Мокрые кисти).

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

7. С легкостью изменяйте цвета при помощи корректирующих слоев

Создавайте невероятные схемы освещения, сделав всего лишь пару кликов!

Adjustment Layers (Корректирующие слои) просто идеально подходят новичкам в Photoshop. Они позволяют без проблем изменить множество визуальных аспектов вашей работы.

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

Чтобы воспользоваться корректирующим слоем Color Lookup (Поиск цвета):

Нажмите Layer > New Adjustment Layer > Color Lookup (Слой > Новый Корректирующий слой > Поиск цвета). Выберите набор для файла 3DLUT File из выпадающего меню. Нажмите ОК и наслаждайтесь результатом.

Фотография со стока Envato Elements.

Корректирующий слои - это один из моих любимых инструментов, и меня безумно радует тот факт, что они так же подходят для иллюстраций на планшете!

Художники, специализирующиеся на рисовании в Photoshop, используют эти коррекции, чтобы попробовать разные цветовые палитры, прежде чем принять окончательное решение. Исследуйте разные схемы освещения и многое другое с невероятными инструментами, как, например, Curves (Кривые).

8. Научитесь организовывать свое Рабочее пространство

Шеф-повара любят содержать свои кухни в чистоте, так как это способствует их аккуратности и продуктивности. Так почему бы не создать себе чистое рабочее место в Photoshop?

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

Для начала закройте все лишние вкладки!

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

Затем нажмите Window > Arrange (Окно > Упорядочить).

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

Стандартное решение - это Consolidate All to Tabs (Объединить все на вкладках), но вы также можете выбрать, например, 2-up Vertical (2 вверх, по горизонтали), чтобы поместить образец рядом со своей работой.

Нужно вернуть свое рабочее место в первоначальный вид? Нажмите Window > Workspace > Reset Essentials (Окно > Рабочая среда > Сбросить Основная рабочая среда).

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

9. Освойте инструмент Перо

Инструмент Pen (Перо) (Р) порой может пугать, однако, со временем вы сможете полностью его освоить.

Для начала изучите сам инструмент. Опция Path (Контур) нужна для выделения области, а Shape (Фигура) позволяет вам создавать собственные фигуры.

Затем познакомьтесь с Path Operations (Операции с контуром), Alignment (Выравнивание контура) и Arrangement (Упорядочение контура). Дизайнерам, которые знакомы с Adobe Illustrator, может быть проще освоиться с этим инструментом.

Самый лучший способ что-либо освоить - это экспериментировать! Создайте кучу линий и завитушек, а потом поиграйте с настройками, вроде Blending Options (Параметры наложения). Возможности поистине безграничны! Не забывайте пользоваться инструментом Перо при создании текстовых эффектов, иллюстраций и многого другого!

10. Запомните Горячие клавиши

Горячие клавиши - это не новинка.

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

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

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

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

Чтобы увеличить размер кисти, например, нажмите правую или левую квадратную скобку: [ или ] .

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

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

Прежде, чем вы закроете этот урок, запомните:

1. Определитесь со своим основным набором инструментов
2. Познакомьтесь с панелью слоев
3. Экономьте время при помощи слой-масок
4. Правильно сохраняйте файлы
5. Знайте разницу между рекомендациями для печати и для интернета
6. Пользуйтесь наборами…
7. …и корректирующими слоями.
8. Организуйте свое рабочее место.
9. Изучите инструмент Перо.
10. Запомните горячие клавиши.

Опробуйте эти советы и расскажите нам в комментариях о самом полезном для вас!