Как можно сделать фотошоп: Как фотошопить, если не дизайнер: инструкция по Photoshop — Главная

Содержание

Как фотошопить, если не дизайнер: инструкция по Photoshop

Инструкции

Прикладной гайд для маркетологов, digital-специалистов и всех, кто работает с изображениями

Слои Обработка фото Выделение областей с гладкими контурами Создание фигур и векторных контуров Маски Настройки текста Рисование и выделение сложных объектов Создание gif-анимации Пакетная обработка изображений

Мы в Telegram

В канале «Маркетинговые щи» только самое полезное: подборки, инструкции, кейсы.
Не всегда на серьёзных щах — шуточки тоже шутим =)

Станьте email-рокером 🤘

Пройдите бесплатный курс и запустите свою первую рассылку

Подробнее

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

Слои

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

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

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

Блокировка. Чуть выше списка слоёв есть панель с иконками. Найдите среди них замок и кликните. Замок переместится на выбранный слой — и тогда он «приклеится» к рабочей области, нельзя будет ничего двигать. Это удобно, чтобы случайно не сдвинуть один слой при работе с другим.

Переименование. Просто кликните дважды по названию слоя.

Группировка. Несколько слоёв можно перемещать вместе, если выделить их одновременно — это можно сделать удерживая клавишу Ctrl. А можно объединить выбранные слои в папку — клавишей Ctrl+G. Тогда вам не придётся то и дело выделять разные слои, достаточно будет кликнуть по группе.

Прозрачность. Она измеряется в процентах. Графа находится над списком слоёв — если её подкрутить, под одним слоем будет просвечиваться другой.

Удаление. В самом нижнем углу есть иконка корзины. Она удаляет слой навсегда, и вернуть его удастся, только отменив действие (клавишами Ctrl+Z).

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

Есть ещё интересная штука — режимы смешивания слоёв. Это меню находится слева от графы прозрачности. Режимы смешивания актуальны, если у вас есть, как минимум, два слоя: они будут по-разному накладываться один на другой. По умолчанию установлена опция Normal, и мы видим обычные цвета изображения в заданной прозрачности. Но можно переключать эффекты в списке. Photoshop будет сам менять прозрачность, цвета и контрастность выбранного слоя. Могут получаться интересные результаты.

Так, например, розовый эллипс накладывается на фото в режиме Overlay:

Обработка фото

Для работы с фотографиями в Photoshop очень много инструментов.

Большинство из них можно найти в контекстном меню Image на панели вверху. Там вы увидите:

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

В третьем блоке Image Size отвечает за уменьшение или увеличение конкретной картинки на слое. Команда Rotate помогает повернуть картинку на нужное количество градусов. Впрочем, это всё можно сделать и вручную, без меню. Кликните по картинке, потом нажмите клавишу T и вуаля — можно вертеть, уменьшать и растягивать изображение, потягивая за уголки. Также в меню есть ещё один полезный инструмент Canvas Size — он меняет размер всей рабочей области.

Меню Adjustments

Тут можно вручную скорректировать фото по цвету, яркости и насыщенности. Рассмотрим самые интересные инструменты.

Brightness/Contrast. Помогает из бледной тёмной фотографии сделать яркую и контрастную. Тут всё просто, аналогичный функционал есть почти в любом смартфоне.

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

Открываем инструмент Levels. Здесь нас интересует:

Кнопка Auto справа для автоматической коррекции — если хотите довериться Photoshop.
Гистограмма по шкале от 0 до 255 с тремя ползункам. Каждый ползунок отвечает за тени, средние тона и света. Попробуйте перемещать их по шкале и посмотрите, как меняется картинка.
Самое интересное — три пипетки справа. Они тоже отвечают за тени, света и средние тона, но работать с ними можно прямо на изображении. Возьмите пипетку для светлых тонов, найдите — на глаз — самую светлую точку изображения, и кликните туда. Проделайте то же самое с тенями и средними тонами.

Если изображение было бледным и с каким-то неестественным оттенком, от этих действий оно значительно улучшится:

Curves. Это более удобный инструмент для тонкой настройки светов и теней. Видите, например, что наша фотография после обработки в Levels стала слишком уж контрастная? Можно сделать градации света и тени поспокойнее, слегка подвигав кривые. Нижняя точка отвечает за тени, верхняя — за света, между ними можно поставить дополнительные точки в нужных местах.

Hue/Saturation. Позволяет регулировать отдельно цветовой оттенок изображения, его светлоту и насыщенность. И получать, например, вот такие результаты:

Color Balance. Более точный инструмент для перекрашивания фото. Тут три шкалы: от голубого до красного, от розового до зелёного и от жёлтого до синего. По каждой шкале можно менять значения, добиваясь конкретного желаемого оттенка. Например, сделать фиолетовое небо и оранжевую траву.

Black & White. Чёрно-белый фильтр есть в любом простейшем редакторе, но в Photoshop он очень крут — можно регулировать светлоту каждого оттенка. Например, решить, что зелёный будут светло-серым, а синий — тёмно-серым. Смотрите, как необычно выходит:

В меню Adjustments ещё много функционала. Можете поэкспериментировать с другими инструментами самостоятельно, но вряд ли они будут часто вам пригождаться.

Добавление и удаление фрагментов изображения

Одна из главных фишек Photoshop — возможность «достраивать» объекты на фото или, наоборот, убирать ненужное.

Представим, что на фото нам не нравятся камни и пальмы по бокам, хотим оставить только одно дерево. В этом поможет Spot Healing Brush Tool — инструмент на панели слева с иконкой пластыря. Выбирайте её и закрашивайте кистью все неприглядные места. Важное уточнение — кисть работает только на однородном фоне. Ракушку среди камней она не уберёт, а пальму на траве — вполне.

Для удаления более сложных вещей есть инструмент Clone Stamp c иконкой печати. Он помогает позаимствовать кусочек фона из изображения и перетащить его на то место, которое хочется закрасить. Например, мы могли бы «клонировать» кусочек неба и наложить его на пальму. Также с помощью этого инструмента можно дублировать нужные предметы: например, из одного дерева сделать рощу.

Выбрав инструмент Clone Stamp, нужно с зажатым Alt кликнуть на область, которую вы хотите копировать, а потом начать рисовать в желаемом месте, как кистью — и нужный объект будет проявляться.

Выделение областей с гладкими контурами

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

Magic Wand

В последней версии Photoshop добавили хороший инструмент — автоматическое выделение предмета на фото. Правда, оно лучше работает для объектов, у которых гладкие контуры: давайте возьмём другое изображение. Например, фото чайника на плите. Выберем инструмент Magic Wand с иконкой волшебной палочки. Вверху будет опция Select Subject — выбираем её, и Photoshop сам выделяет нам чайник.

Выделенный объект можно залить каким-то цветом с помощью инструмента Fill (иконка с банкой краски), раскрасить (иконка с кистью). А можно перенести его на отдельный слой клавишами Ctrl+J — тогда у вас получится просто предмет без фона, который потом можно будет вставить в баннер или пост. Кстати, у нас есть отдельный гайд по удалению фона с картинки — в нём рассмотрены все способы.

С помощью «Волшебной палочки» в Photoshop можно не только автоматически выделять предметы, но и вручную выделять однородные области. Это удобно, когда фон однородный и контрастный к предмету. Просто кликаете по области, и она выделяется. И есть пара настроек:

Tolerance вверху: в графе можно задать число от 1 до 100. Если стоит 1, Photoshop будет работать придирчиво: выделит, например, все белые пиксели фона, а чуть сероватые или бежевые — нет. А при высоких значениях, наоборот, будет выделять все более-менее похожие куски. Для большинства задач подходят средние значения.

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

Инверсия. Если вы выделили фон, а нужен предмет, переместить выделение на него можно с помощью клавиш Ctrl+Shift+I.

Lasso

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

Marquee Tool

Прямо над инструментом Lasso есть Marquee Tool. С ним всё просто: оно выделяет прямоугольные и круглые области. Можно построить на картинке квадрат или кружок, с зажатым Ctrl перетащить его в нужное место, и область выделена! Так легко, например, выделить прямоугольный шкаф или круглую тарелку — совсем простые объекты.

Создание фигур и векторных контуров

В Photoshop за пару кликов можно создавать простые фигуры — с помощью инструмента Shape Tool. Он находится внизу левой панели. По умолчанию там иконка с квадратом. Также можно выбрать эллипс, прямоугольник, треугольник и другие простые формы — просто кликните по иконке и растяните фигуру по рабочей области. Такие объекты могут служить плашками или фоновыми элементами. Для них доступны следующие настройки:

Построение равносторонней фигуры. Для этого надо при растягивании зажимать Shift.

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

Заливка. Она может быть однотонной или градиентной. Выбор и настройка цвета — на верхней панели слева.

Обводка. Инструмент расположен рядом с заливкой — можно задать цвет и толщину в пикселях.

Можно рисовать и более сложные векторные фигуры. Например, сделать простую иконку или обвести по контуру какой-то предмет. Для этого понадобится инструмент Pen Tool — он позволяет строить кривые, которые становятся контурами объекта.

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

Обратите внимание на окошко в верхней панели слева: там по умолчанию указано Shape. Так строятся фигуры. Но можно ещё заменить этот пункт на Path. В работе над кривыми ничего не изменится, но фигуры не получится — будет только контур. Потом по нему можно будет кликнуть и выбрать пункт Make Selection. Получится выделение, как с «Лассо» или «Волшебной палочкой» — только более точное. Когда нужно выделить все изгибы предмета максимально аккуратно, стоит пользоваться именно пером.

Маски

Photoshop известен впечатляющими коллажами — в основном они сделаны при помощи масок. Посмотрим, как работают две самые распространённые маски.

Layer Mask

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

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

Стереть часть маски (и изображения) инструментом Eraser Tool — у него на левой панели иконка с ластиком. На верхней панели можно изменять степень прозрачности ластика и мягкость его контуров.
Сделать градиент — Gradient Tool расположен прямо под ластиком. Тогда изображение будет как бы постепенно выцветать в выбранном направлении. Белый цвет в градиенте на маске будет отвечать за яркие участки изображения, средние тона будут полупрозрачными, а в чёрных участках картинка будет вообще отсутствовать.

По умолчанию маска перемещается вместе со слоем. Но это можно исправить — если, например, хочется подвинуть маску. Для этого нажмите на иконку скрепки между слоем и маской. А при повторном клике они снова «сцепятся».
Чтобы избавиться от маски, но сохранить её эффект, кликните по ней правой кнопкой мыши и примените — выберите опцию Apply Mask. Но после этого восстановить стёртые фрагменты вы уже не сможете.

Готовое изображение с маской можно сохранить в формате PSD или PNG, чтобы потом накладывать на какой-то фон — в рекламе или в постах. А можно сразу сделать коллаж. Чтобы избавиться от прозрачности, под картинкой с маской надо положить непрозрачный слой:

Clipping Mask

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

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

Увидеть, что маска применена, вы всегда можете в списке слоёв — там будет отображаться стрелочка. Чтобы снять маску, надо повторно сделать щелчок с зажатым Alt. Если хотите сохранить результат, можно выделить два слоя, кликнуть правой кнопкой мыши и выбрать пункт Merge Layers — два слоя превратятся в один. Готовое изображение можно сочетать с другими фотографиями, наложить на цветной фон или просто сохранить на будущее.

Настройки текста

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

Photoshop автоматически отображает все шрифты, установленные на компьютер: их можно менять в списке на верхней панели. Правее на верхней панели также можно:

поменять начертание шрифта: например, жирное или курсивное;
задать размер в пунктах (pt) — выбрать из списка или вписать своё значение;
выбрать выравнивание — по правому краю, по левому или по центру;
выбрать цвет текста.

Базовые настройки теста находятся здесь:

Есть ещё расширенный набор инструментов для работы с текстом. Чтобы до него добраться, надо открыть контекстное меню на верхней панели, кликнув по иконке с документом.

В этом меню можно:

Задать межстрочный интервал. По умолчанию в графе написано Auto, но можно увеличить или уменьшить расстояние.

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

Рисование и выделение сложных объектов

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

Нужно кликнуть по кружочку на верхней панели — откроется меню кистей.

В меню доступны:

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

Размер кисти.
Жёсткость кисти — задаётся в процентах. При значении 0 края будут максимально мягкие, как градиент. А при значении 100 получится чёткая линия.
Направление кисти. Это неважно для круглых кистей. А вот если у неё прямоугольная или каплевидная форма, от направления зависит, как ляжет мазок. Поменять направление можно в большом квадрате, расположенном слева в меню.

В верхнем правом углу есть значок с шестерёнкой. Это расширенные настройки, но там, помимо прочего, есть функция импорта кистей. Она пригодится, если захотите загрузить что-то интересное. Для Photoshop созданы тысячи кистей, их можно найти на бесплатных ресурсах — например, Brusheezy или All Free. И получить, например, текстуру или брызги краски.

У Brush Tool есть ещё одна важная опция — с помощью рисования можно выделять самые сложные объекты. Скажем, пушистого кота. Нужно подобрать кисть, похожую на шерсть, и нажать в Photoshop клавишу Q. Это так называемый «режим быстрой маски». Все области, которые вы закрасите кистями, будут выделены. Остаётся только обвести кота по контуру соответствующей кисточкой, меняя её направление соответственно росту шерсти.

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

Создание gif-анимации

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

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

У этого длинного окна есть иконка с ещё одним маленьким меню, она находится вверху справа. Там следует выбрать пункт Make frames from layers, и слои превратятся в кадры.

Что тут можно сделать:

под каждым кадром — указать время его показа в секундах;
прямо под кадрами — выбрать опции цикла: чтобы анимация проигрывалась единожды, трижды или бесконечно;
сделать предпросмотр — для этого есть привычная кнопка Play.

Если вам всё нравится, гифку можно cохранять. Это делается через меню File — Export — Save for web. Откроется вот такое окно: там можно согласиться со всеми параметрами и сохранить анимацию в нужную папку:

В результате может получиться, например, что-то такое:

Пакетная обработка изображений

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

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

Для записи экшена нужно зайти в меню Window. Справа появится окно с готовыми экшенами, которые предлагает Photoshop — там, в основном, разные фильтры для фото. Если вам нужен собственный Action, жмите плюс внизу, и откроется новое маленькое окошко.

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

СВЕЖИЕ СТАТЬИ

Другие материалы из этой рубрики

Не пропускайте новые статьи

Подписывайтесь на соцсети

Делимся новостями и свежими статьями, рассказываем о новинках сервиса

«Честно» — авторская рассылка от редакции Unisender

Искренние письма о работе и жизни. Свежие статьи из блога. Эксклюзивные кейсы и интервью с экспертами диджитала.

Оставляя свой email, я принимаю Политику конфиденциальности

Наш юрист будет ругаться, если вы не примете 🙁

Как фотошопить, если не дизайнер: инструкция по Photoshop

Инструкции

Прикладной гайд для маркетологов, digital-специалистов и всех, кто работает с изображениями

Мы в Telegram

Станьте email-рокером 🤘

Пройдите бесплатный курс и запустите свою первую рассылку

Подробнее

Слои

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

Переименование. Просто кликните дважды по названию слоя.

Так, например, розовый эллипс накладывается на фото в режиме Overlay:

Обработка фото

Для работы с фотографиями в Photoshop очень много инструментов. Большинство из них можно найти в контекстном меню Image на панели вверху. Там вы увидите:

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

Меню Adjustments

Открываем инструмент Levels. Здесь нас интересует:

Кнопка Auto справа для автоматической коррекции — если хотите довериться Photoshop.
Гистограмма по шкале от 0 до 255 с тремя ползункам. Каждый ползунок отвечает за тени, средние тона и света. Попробуйте перемещать их по шкале и посмотрите, как меняется картинка.
Самое интересное — три пипетки справа. Они тоже отвечают за тени, света и средние тона, но работать с ними можно прямо на изображении. Возьмите пипетку для светлых тонов, найдите — на глаз — самую светлую точку изображения, и кликните туда. Проделайте то же самое с тенями и средними тонами.

Добавление и удаление фрагментов изображения

Одна из главных фишек Photoshop — возможность «достраивать» объекты на фото или, наоборот, убирать ненужное.

Выделение областей с гладкими контурами

Magic Wand

Lasso

Marquee Tool

Создание фигур и векторных контуров

Построение равносторонней фигуры. Для этого надо при растягивании зажимать Shift.

Заливка. Она может быть однотонной или градиентной. Выбор и настройка цвета — на верхней панели слева.

Обводка. Инструмент расположен рядом с заливкой — можно задать цвет и толщину в пикселях.

Маски

Layer Mask

Стереть часть маски (и изображения) инструментом Eraser Tool — у него на левой панели иконка с ластиком. На верхней панели можно изменять степень прозрачности ластика и мягкость его контуров.
Сделать градиент — Gradient Tool расположен прямо под ластиком. Тогда изображение будет как бы постепенно выцветать в выбранном направлении. Белый цвет в градиенте на маске будет отвечать за яркие участки изображения, средние тона будут полупрозрачными, а в чёрных участках картинка будет вообще отсутствовать.
По умолчанию маска перемещается вместе со слоем. Но это можно исправить — если, например, хочется подвинуть маску. Для этого нажмите на иконку скрепки между слоем и маской. А при повторном клике они снова «сцепятся».
Чтобы избавиться от маски, но сохранить её эффект, кликните по ней правой кнопкой мыши и примените — выберите опцию Apply Mask. Но после этого восстановить стёртые фрагменты вы уже не сможете.

Clipping Mask

Настройки текста

Верстать длинные тексты удобнее в Figma или Adobe Illustrator, но для коротких надписей Photoshop вполне подойдёт. Нужно перейти в меню Text — это иконка с буквой «Т» на панели справа. При клике на рабочую область появится текст-рыба, который можно редактировать.

поменять начертание шрифта: например, жирное или курсивное;
задать размер в пунктах (pt) — выбрать из списка или вписать своё значение;
выбрать выравнивание — по правому краю, по левому или по центру;
выбрать цвет текста.

Базовые настройки теста находятся здесь:

В этом меню можно:

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

Рисование и выделение сложных объектов

Нужно кликнуть по кружочку на верхней панели — откроется меню кистей.

В меню доступны:

Выбор самой кисти — по умолчанию в Photoshop есть несколько вариантов разной формы.
Размер кисти.
Жёсткость кисти — задаётся в процентах. При значении 0 края будут максимально мягкие, как градиент. А при значении 100 получится чёткая линия.
Направление кисти. Это неважно для круглых кистей. А вот если у неё прямоугольная или каплевидная форма, от направления зависит, как ляжет мазок. Поменять направление можно в большом квадрате, расположенном слева в меню.

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

Создание gif-анимации

Что тут можно сделать:

под каждым кадром — указать время его показа в секундах;
прямо под кадрами — выбрать опции цикла: чтобы анимация проигрывалась единожды, трижды или бесконечно;
сделать предпросмотр — для этого есть привычная кнопка Play.

В результате может получиться, например, что-то такое:

Пакетная обработка изображений

СВЕЖИЕ СТАТЬИ

Другие материалы из этой рубрики

Не пропускайте новые статьи

Подписывайтесь на соцсети

Делимся новостями и свежими статьями, рассказываем о новинках сервиса

«Честно» — авторская рассылка от редакции Unisender

Оставляя свой email, я принимаю Политику конфиденциальности

Наш юрист будет ругаться, если вы не примете 🙁

Как создать слайд-шоу в Photoshop (шаг за шагом)

Дженн Мишра

А- А+

Скачать как PDF

Подпишитесь ниже, чтобы скачать статью немедленно

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

Основы бизнеса

Шпаргалки

Детская фотография

Красочные городские пейзажи

Состав

Творческая фотография

Креативные концепции портрета

Цифровые фотоколлажи

Сказочная портретная фотография

Фотография еды

Интерьерная фотография

Редактирование ландшафта

Пейзажная фотография

Обработка Lightroom

Пресеты Lightroom

Длинная выдержка

Макрофотография

Фотография Млечного Пути

Моя камера и фотография

Органический маркетинг

Домашние животные

Фотография товара

Фотография неба

Социальные сети

Натюрморт

Интервальная съемка

Туристическая фотография

Городская фотография

Фотография дикой природы

Ваша конфиденциальность в безопасности.

Я никогда не поделюсь вашей информацией.

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

В этой статье мы покажем вам, как создать слайд-шоу в Photoshop.

Визуальное повествование

Фантастические фотоприключения

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

Магазин Предложения

Проверить цену на

Купить у

Недоступно

Создание слайд-шоу в Photoshop

Шаг 1.

Выберите изображения

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

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

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

Шаг 2. Открытие изображений в Photoshop

Открывайте изображения как отдельные слои в одном файле Photoshop. Есть несколько способов сделать это. Если ваши изображения находятся в Lightroom, выберите фотографии. Перейдите в раскрывающееся меню Фото. Выберите Photo > Edit In > Open as Layers in Photoshop .

Снимок экрана Lightroom Classic, показывающий, как открывать файлы как слои в Photoshop

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

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

Шаг 3: изменение размера изображений

В Интернете ведется много споров о том, какой размер лучше всего подходит для слайд-шоу. Размер ограничен монитором. Большинство мониторов 1920 x 1080 пикселей с соотношением сторон 16:9. Используйте это соотношение сторон, если вам нравится внешний вид. Если нет, увеличьте размер холста, чтобы он соответствовал вашему самому большому изображению. Если вам нужно увеличить или уменьшить его, выберите Изображение > Размер холста .

Измените размер изображений, чтобы они соответствовали размеру вашего холста. Вы можете включать фотографии разных размеров, но ваше шоу будет выглядеть лучше, если слои будут одного размера. Сначала преобразуйте каждый слой в смарт-объект. Перейдите в раскрывающееся меню «Слой» и выберите «Слой » > «Смарт-объекты» > «Преобразовать в смарт-объект 9».0099 . Затем выберите Редактировать > Свободное преобразование (Ctrl или ⌘T). Перетащите углы фотографии, чтобы изменить размер.

Снимок экрана Photoshop, показывающий, как изменить размер слоя с помощью инструмента «Свободное преобразование»
Если ваша фотография меньше холста, вы можете добавить фон. Используйте инструмент заливки, чтобы заполнить цветом. Черный и белый – это классика. Не стесняйтесь добавлять текст, если хотите. Вы также можете продублировать и увеличить фотографию, чтобы заполнить фон. Перетащите фоновый слой под слой с изображением и уменьшите непрозрачность. Наконец, объедините слои, выбрав оба и нажав Слои > Объединить слои (Ctrl или ⌘E).
Шаг 4. Создание временной шкалы видео
Если вы ранее не редактировали видео в Photoshop, панель временной шкалы может быть не видна. Чтобы открыть панель временной шкалы, перейдите в раскрывающееся меню «Окно» и выберите «Окно» > «Временная шкала ». В нижней части экрана откроется окно редактирования видео с панелью инструментов временной шкалы.
Первые четыре инструмента слева управляют воспроизведением, за ними следует аудиоинструмент. Далее идет механизм настроек, который включает в себя дополнительные функции и инструмент разделения, который выглядит как ножницы. Справа находится инструмент перехода.
Снимок экрана Photoshop, показывающий, как открыть окно временной шкалы видео
Нажмите кнопку «Создать временную шкалу видео» в нижней части экрана. Photoshop откроет все слои на панели временной шкалы и добавит звуковой слой.
Каждый слой представляет собой фиолетовую полосу на отдельной дорожке. Поместите изображения на одну дорожку, выделив все дорожки. Щелкните стрелку рядом со значком диафильма. Есть по одному на каждый трек. Неважно, что вы выберете. Выберите «Новая группа видео из клипов». Это создает одну временную шкалу видео со всеми вашими изображениями подряд и одной звуковой дорожкой.
Скриншот Photoshop, показывающий, как группировать клипы на одну дорожку
Шаг 5: Порядок изображений
По умолчанию нижний слой является первым изображением в вашем шоу. Вы можете изменить порядок, захватив изображение и перетащив его в другое место на временной шкале.
Шаг 6: Слайды времени
По умолчанию каждое изображение длится 5 секунд. Чтобы изменить время, возьмитесь за правый конец фиолетовой полосы и перетащите. Вы можете увеличить временную шкалу с помощью ползунка внизу, если это поможет вам точно настроить время.
Снимок экрана Photoshop, показывающий, как изменить время на слайдах
Шаг 7. Добавьте переходы и эффекты (необязательно)
Переходы и эффекты сделают вашу презентацию более профессиональной. Откройте значок перехода. Это квадрат, разделенный на два треугольника. У вас будут такие варианты, как Fade и Crossfade.
Выберите один из переходов и установите время. Значение по умолчанию — 1 секунда, но этот переход может показаться вам слишком быстрым. Перетащите переход между слайдами. Непрозрачный символ появляется в конце полосы изображения или между полосами в зависимости от эффекта. Нажмите кнопку воспроизведения, чтобы увидеть, как выглядят переходы.
Снимок экрана Photoshop, показывающий, как перетаскивать переходы на временную шкалу. Crossfade создает перекрытие между изображениями для плавного перехода
Эффекты добавляют движение к вашим изображениям. Чтобы добавить эффект, щелкните стрелку в правом верхнем углу каждой фиолетовой полосы. По умолчанию установлено значение «Нет движения». Щелкните раскрывающееся меню, чтобы увидеть другие параметры. У вас есть различные комбинации панорамирования, масштабирования и поворота. Панорамирование перемещает изображение по экрану. Увеличение приближает или отдаляет изображение. Поворот скручивает изображение. Вы можете менять углы и направления.
Снимок экрана Photoshop, показывающий, как открыть панель эффектов
Шаг 8.
Добавление музыки (необязательно)
Добавление аудиоклипа необязательно, но оно улучшает вашу презентацию. Щелкните стрелку рядом со значком музыкальной ноты на звуковой дорожке. Выберите «Добавить аудио». Перейдите к звуковой дорожке, сохраненной на вашем компьютере. Обратите внимание, что музыка, защищенная авторским правом, не разрешена в социальных сетях, если вы не приобрели лицензию на использование музыки или использование музыки, являющейся общественным достоянием.
Вы можете сделать звуковую дорожку длиннее или короче, перетаскивая правый конец зеленой полосы. Или вы можете поместить синюю точку воспроизведения в конце вашего шоу. Затем щелкните инструмент обрезки, который выглядит как ножницы. Это разрежет вашу звуковую дорожку на две части. Удалите половину, которая вам не нужна.
Чтобы точно настроить звук, щелкните стрелку в конце зеленой полосы. У вас есть возможность изменить громкость и приглушить звук.
Снимок экрана Photoshop, показывающий, как добавить звуковую дорожку
Шаг 9: Создание видео слайд-шоу
Последний шаг — создание видео вашего шоу. Щелкните значок стрелки в левом нижнем углу окна временной шкалы, чтобы открыть рабочую область экспорта. Измените последовательность изображений Photoshop на Adobe Media Encoder. Нажмите кнопку Render, чтобы экспортировать видео.
Снимок экрана Photoshop, показывающий, как визуализировать видео слайд-шоу
Заключение
С помощью Photoshop вы можете создать слайд-шоу, чтобы разместить его на своем веб-сайте или отправить друзьям. Создайте вступительный слайд с текстом и финальными титрами, чтобы сделать слайд-шоу более профессиональным. Слайд-шоу Photoshop — это простой инструмент для создания видеопроекта.
Визуальное повествование
Фантастические фотоприключения
Если вам нужны инструкции о том, как создать потрясающее слайд-шоу в Photoshop, вам могут помочь наш проектный видеокурс и шпаргалка. С помощью 16 часов видеоуроков и шпаргалок вы научитесь создавать фантастические изображения для повествования.
Магазин Предложения
Проверить цену на
Купить у
Недоступно
Как сделать логотип в фотошопе
(Изображение предоставлено Мэттом Смитом / Будущее)
Если вы задаетесь вопросом, как сделать логотип в Photoshop, то сначала следует сделать важное уточнение. Фотошоп не создавался для создания логотипов. Хотя Photoshop, безусловно, представляет собой гораздо больше, чем просто фотографии, и предлагает огромный набор инструментов для дизайнеров и иллюстраторов, есть причина, по которой он обычно не используется для создания логотипов.
Обычно вам нужно сделать логотип, который можно масштабировать вверх и вниз без потери качества. Для этого дизайнеры используют программное обеспечение для векторного проектирования, такое как Adobe Illustrator. Пиксельная база Photoshop менее подходит для разработки логотипов, потому что, если вам нужно увеличить свой дизайн на более позднем этапе, вы обнаружите, что его качество ухудшается, становясь «пиксельным», хотя вы можете векторизовать свой дизайн в программном обеспечении.
Хорошей новостью является то, что если у вас есть Photoshop в рамках плана подписки Adobe All-Apps, у вас также будет доступ к Illustrator. В этом случае вы можете посмотреть наш учебник о том, как создать логотип в Illustrator (откроется в новой вкладке), который проведет вас через весь процесс, от концепции до завершения.
Однако, если у вас есть Photoshop только как отдельное приложение или как часть плана Adobe Photography Plan, не беспокойтесь. Вы можете сделать логотип в Photoshop, но имейте в виду, что у вас могут возникнуть проблемы, если вы захотите изменить его размер. Если у вас нет ни одного из этих программ, ознакомьтесь с нашими руководствами по загрузке Photoshop и Adobe Illustrator.
В приведенном ниже руководстве мы познакомим вас с базовым вариантом создания логотипа в Photoshop с использованием простых инструментов формы, градиентов и параметров текста. Конечно, вы захотите создать в Photoshop логотип, отражающий ваш бренд, а не конкретный пример, который мы собираемся создать для демонстрации, но вы можете использовать те же концепции и инструменты для создания собственного дизайна. Некоторые советы можно найти в нашей статье о том, как создать логотип.
Получите Adobe Creative Cloud сейчас (откроется в новой вкладке)
01. Создайте новый холст в Photoshop
(Изображение: © Joseph Foley)
Откройте Photoshop и создайте новый документ. Я использовал размер холста 500 x 500 пикселей, но большие размеры также подойдут. Вы можете изменить размер холста в любой момент. Перейдите в Edit > Preferences > Guides, grids, чтобы установить линию сетки каждые 50 пикселей. Затем включите сетки на холсте, нажав cmd + ‘ (ctrl + ‘ в Windows) или «Просмотр» > «Показать» > «Сетка» на панели параметров. Убедитесь, что флажок «Привязать к сетке» установлен в разделе «Просмотр» > «Привязать к».
02. Нарисуйте базовую форму
(Изображение: © Joseph Foley)
Выберите инструмент «Перо» на панели инструментов или нажмите P и убедитесь, что для него установлено значение «Форма», а не «Путь» в поле слева от панели параметров. С помощью пера нарисуйте форму наконечника стрелки, начиная с центральной точки холста и используя пересечения линий сетки для других точек (если вы не знакомы с инструментом «Перо», обратите внимание, что для рисования прямой линии достаточно просто нажмите и отпустите, где вы хотите, чтобы точки были — не удерживая нажатой, попробуйте нарисовать линию, как если бы это была кисть).
Именование слоев не обязательно для этого проекта, но может быть очень полезно в более сложных документах, где много слоев.
03. Дублируйте и редактируйте форму
Продублируйте слой, нажав cmd + J (ctrl + J) и щелкните новый слой, чтобы выбрать его. Используйте инструмент Direct Selection, ярлык A , чтобы щелкнуть самую верхнюю точку стрелки, расположенную в центре холста. Переместите эту точку вниз на несколько квадратов сетки, удерживая клавишу Shift, чтобы зафиксировать ее на оси Y.
04. Добавить цвет градиентом
(Изображение: © Joseph Foley)
Создайте новый градиент в раскрывающемся меню «Заливка» слева от панели параметров. В окне градиента дважды щелкните нижние ползунки, чтобы открыть параметры RGB, где вы можете выбрать свои цвета; Я выбрал светло-синий и темно-синий. Затем примените этот градиент к обоим объектам, изменив вращение градиента так, чтобы они противостояли друг другу. Если вы не видите параметры заливки, это может быть связано с тем, что у вас выбран инструмент «Перемещение», поэтому переключитесь на инструмент «Перо» или «Фигура».
05. Сгруппируйте и продублируйте слои
(Изображение: © Joseph Foley)
Сгруппируйте два слоя, выбрав их и нажав кнопку группы, которая выглядит как маленькая папка, расположенная в нижней части вкладки Слои. Это предотвратит беспорядок на вкладке «Слои» и упростит работу с двумя слоями вместе.
Дублируйте эту группу (щелкните правой кнопкой мыши и выберите «Дублировать группу»), а затем используйте функцию «Свободное преобразование», чтобы повернуть новую группу на девяносто градусов, удерживая нажатой клавишу Shift для поворота с шагом в пятнадцать градусов. Вы можете получить доступ к Free Transform, используя cmd + T или в разделе «Правка» > «Свободное преобразование». Теперь переместите вторую группу вверх, пока она не будет отражать исходную форму, используя центр холста как линию симметрии. Повторите, чтобы создать фигуру, показанную выше.
06. Преобразование фигур
(Изображение: © Joseph Foley)
Сдвиньте каждую фигуру вверх или вниз на один квадрат сетки от центральной точки, используя Shift + клавишу курсора.
07. Группа, дубликат, повтор
(Изображение: © Joseph Foley)
Используя тот же метод, что и в шаге 5, чтобы сгруппировать слои вместе, продублируйте группу и поверните на 45 градусов. Новая форма должна напоминать форму перекрестия.
08. Нарисуйте круг с помощью инструмента формы
(Изображение: © Joseph Foley)
Циклически переключайтесь между инструментами формы, пока не найдете круг, либо нажав и удерживая значок на панели инструментов, либо нажав Shift + U . Нажмите на центральную точку холста, удерживая Alt, чтобы нарисовать круг, исходящий из центра, и Shift, чтобы сохранить пропорции ширины и высоты. Если вы допустили ошибку, вы можете отменить или повторно отредактировать свою форму с помощью Free Transform.
09. Нарисуйте прямоугольник и выровняйте его по центру
(Изображение: © Joseph Foley)
Снова прокрутите инструменты формы, пока не найдете инструмент прямоугольника. Нарисуйте белую рамку над графикой над другими слоями, оставив достаточно места для текста. Вы можете выровнять его по центру холста, щелкнув слой прямоугольника и нижний слой (который должен быть белым квадратом того же размера, что и холст) и использовать инструменты выравнивания, которые можно найти в разделе «Слои»> «Выровнять» в строке меню. или кнопки выравнивания на панели параметров.
Более продвинутые пользователи могут использовать этот прямоугольник для вычитания из фигур ниже, выбрав Слой > Объединить фигуры, но пока мы просто будем использовать его как белый блок.
10. Добавьте свой текст
(Изображение: © Joseph Foley)
Далее в нашем простом методе создания логотипа в Photoshop мы добавим немного текста. Нарисуйте текстовое поле над прямоугольником, щелкнув значок T на панели инструментов или нажав T , а затем перетащив его по холсту. Введите текст в поле и отцентрируйте его, используя кнопки на вкладке «Символ». Снова используйте инструмент выравнивания, чтобы отцентрировать это на холсте.
11. Выберите подходящий шрифт
(Изображение: © Joseph Foley)
Выберите шрифт, который подходит вашему бренду. Существует множество бесплатных шрифтов, но очень важно выбрать тот, на использование которого у вас есть разрешение — посмотрите наш выбор лучших бесплатных шрифтов для некоторых идей. Поскольку этот логотип может отображаться на многих ваших ресурсах, вам следует убедиться, что вы не используете незаконно загруженный шрифт — вы можете быть удивлены, как быстро вы получите известие от владельца. Играйте с размером и цветом, пока вам не понравится то, что вы видите.
12. Настройте кернинг
(Изображение: © Matt Smith)
Керн текста. Это означает регулировку горизонтального интервала между отдельными буквами, чтобы максимально увеличить удобочитаемость слова. Вы можете сделать это на вкладке «Тип», отмеченной буквой V | A или щелкнув между буквами и нажав alt + влево или alt + вправо. Подробнее о кернинге читайте в нашей статье о том, как кернить шрифт.
13. Добавить окончательные данные и экспортировать
(Изображение: © Мэтт Смит)
Наконец, чтобы закончить создание логотипа в Photoshop, внесите необходимые окончательные корректировки, чтобы придать ему что-то особенное. Для основного изображения в верхней части этой страницы мы добавили две полосы меньшего размера над и под текстом, окрашенные тем же градиентом. Мы также добавили фон, тень и отражение, используя те же методы, что и в других шагах, а также используя маски слоя, чтобы добавить затухание.
Когда вы будете довольны, сохраните изображение в любом нужном вам формате, например RGB jpg для веб-формата. Рекомендуется сохранить его в формате psd, чтобы вы могли вернуться к нему и внести изменения в будущем.
14. Как векторизовать логотип в Photoshop
Photoshop — это растровая, а не векторная программа для дизайна, но она может векторизовать изображения для экспорта, что идеально, если вы хотите изменить их размер. Это, вероятно, тот случай, если вы делаете логотип в Photoshop. Сначала вам нужно отделить ваш логотип от фона. Для этого сделайте выделение и скопируйте его на новый слой или удалите фон.
Щелкните правой кнопкой мыши по выделению и выберите «Создать рабочий путь», затем нажмите A, чтобы перейти к инструменту прямого выбора. Щелкните правой кнопкой мыши еще раз и выберите «Создать векторную маску». Затем вы можете сохранить файл в формате Photoshop EPS.
Подробнее:
Лучшие логотипы всех времен
Лучшие альтернативы Photoshop
62 сочетания клавиш Photoshop для ускорения рабочего процесса
Спасибо, что прочитали 5 статей в этом месяце* Присоединяйтесь сейчас, чтобы получить неограниченный доступ
Наслаждайтесь первым месяцем всего за 1 фунт стерлингов / 1 доллар США / 1 евро
У вас уже есть учетная запись? Войдите здесь
*Читайте 5 бесплатных статей в месяц без подписки
Присоединяйтесь сейчас, чтобы получить неограниченный доступ
Попробуйте первый месяц всего за 1 фунт стерлингов / 1 доллар США / 1 евро
У вас уже есть аккаунт? Войдите здесь
Подпишитесь ниже, чтобы получать последние новости от Creative Bloq, а также эксклюзивные специальные предложения прямо на ваш почтовый ящик!
Свяжитесь со мной, чтобы сообщить о новостях и предложениях от других брендов Future.
Как можно сделать фотошоп: Как фотошопить, если не дизайнер: инструкция по Photoshop