Как сделать выстрелы в фотошопе
Автор: Ольга Максимчук (Princypessa). Дата публикации: 17 января 2020 . Категория: Уроки рисования в фотошопе.
В уроке "Как сделать взрыв в фотошопе" мы будем с нуля рисовать взрыв планеты.
Благодаря графическому редактору Adobe Photoshop мы можем создать разрушение в стиле Армагеддона и сделаем мы это даже не выходя из дома, а сидя у компьютера!
Сначала мы создадим новый документ и зальем фоновый слой черным цветом. Затем при помощи инструмента Эллипс нарисуем круг, к которому применим стили слоя Наложение градиента и Тень. Далее с помощью инструмента Лассо мы нарисуем трещины, сольем слои с фоном и кругом в один и применим фильтр Полярные координаты. После этого мы повернем холст на 90 градусов по часовой стрелке, несколько раз применим фильтр Ветер с разными настройками, повернем холст в исходное положение и снова применим фильтр Полярные координаты, вернув планете круглую форму. В завершение мы создадим дубликат слоя с планетой, применим к дубликату слоя фильтр Радиальное размытие и с помощью корректирующего слоя Цветовой баланс придадим оттенок нашей планете.
Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже.
В панели слоев щелкаем по «замочку» у фонового слоя, чтобы разблокировать слой для дальнейшего редактирования.
Переименовываем фоновый слой в «Фон». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.
Заливаем слой «Фон» черным цветом. Для этого переходим в меню Редактирование-Выполнить заливку и в появившемся окне в верхней строке выбираем черный оттенок.
В панели слоев переименовываем слой с фигурой в «Круг».
В панели слоев дважды щелкаем по слою «Круг», чтобы открыть стили слоя.
Результат после применения стилей слоя.
При активном слое «Круг» переходим в меню Слои-Растрировать-Фигуру.
Активируем инструмент Лассо и создаем выделение, как на рисунке ниже. Зажимаем клавишу Shift или в верхней панели настроек инструмента Лассо нажимаем на иконку добавления к выделенной области, отмеченную на скриншоте стрелочкой, и создаем несколько выделений.
При активном выделении нажимаем на клавиатуре клавишу Delete. Снимаем выделение (Ctrl+D).
Активируем инструмент Овальная область и создаем выделение круга, как на рисунке ниже. Чтобы подкорректировать выделение, после создания выделения кликните ПКМ по холсту и выберите «Трансформировать выделенную область». После этого появится рамка, потянув за ползунки которой можно изменить выделение. При активном выделении переходим в меню Фильтр-Искажение-Поляризация и вводим настройки, как на рисунке ниже. Снимаем выделение (Ctrl+D).
Нажимаем сочетание клавиш Ctrl+E, чтобы слить слои в один. Переименовываем образовавшийся слой во «Взрыв».
Переходим в меню Фильтр-Искажение-Полярные координаты и вводим настройки, как на рисунке ниже.
Переходим в меню Редактирование-Трансформирование-Повернуть на 90 градусов по часовой стрелке.
Переходим в меню Фильтр-Стилизация-Ветер и вводим настройки, как на рисунке ниже.
Нажимаем сочетание клавиш Ctrl+F, чтобы повторить действие последнего примененного фильтра.
Снова переходим в меню Фильтр-Стилизация-Ветер, только на этот раз применяем следующие настройки.
Еще раз нажимаем сочетание клавиш Ctrl+F, чтобы повторить действие последнего примененного фильтра.
Переходим в меню Редактирование-Трансформирование-Повернуть на 90 градусов против часовой стрелки.
Переходим в меню Фильтр-Искажение-Полярные координаты и вводим следующие настройки.
Создаем дубликат слоя «Взрыв» (Ctrl+J) и переименовываем дубликат слоя на «Взрыв 2».
Переходим в меню Фильтр-Размытие-Радиальное размытие и вводим настройки, как на рисунке ниже.
В панели слоев понижаем прозрачность слоя «Взрыв 2».
Выше всех слоев в панели слоев создаем корректирующий слой Цветовой баланс. Вводим настройки, как на рисунке ниже. Вы можете использовать другие значения на свое усмотрение.
В этом уроке вы узнаете, как с помощью слой-маски и кисти, создать красивый эффект пиксельного взрыва в одно мгновение.
Сложность урока: Легкий
С помощью данного интересного эффекта Photoshop можно взорвать любое изображение на миллион пикселей. В этом уроке вы узнаете, как с помощью слой-маски и кисти, создать красивый эффект пиксельного взрыва в одно мгновение!
Итоговый результат:
Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант изображений для выполнения урока.
1. Настраиваем рабочее пространство
Шаг 1
Давайте начнём! Откройте своё исходное изображение в программе Photoshop. Если вы хотите добавить больше пространства к своему изображению, на котором изображена динамика движения, то просто откорректируйте размеры, для этого идём Изображение – Размер холста (Image > Canvas Size). Данное изображение с бегуньей имеет текущие размеры 3.9×5.2 дюймов, поэтому, я собираюсь изменить эти размеры на 6×5.2 дюймов. Дважды щёлкните по слою с бегуньей, в данном случае, это слой с Задним фоном (background layer), чтобы преобразовать его в Слой 1 (layer 1). С помощью инструмента Перемещение (Move Tool (V)), сместите бегунью в левую часть сцены.
Примечание переводчика: эффект пиксельного взрыва отлично смотрится на фотографиях, на которых присутствует динамика движения, поэтому автор увеличивает размеры изображения.
2. Создаём взрыв
Шаг 1
Создайте новый слой, залейте этот слой белым цветом. Сместите данный слой вниз, расположив ниже слоя с бегуньей, чтобы закрыть прозрачные пиксели.
Примечание переводчика: 1. Вы можете назвать слой с белой заливкой Белый (White) 2. Автор закрывает прозрачные пиксели, образовавшиеся после изменения размеров холста.
Теперь выберите инструмент Волшебная палочка (Magic Wand Tool (W)). С помощью данного инструмента, выделите белый задний фон. Щёлкните правой кнопкой по слою и в появившемся окне выберите опцию Инверсия (Inverse). Далее, используйте инструмент Прямолинейное лассо (Polygonal Lasso Tool (L)), чтобы добавить любые участки к выделенной области, которые возможно были обрезаны при выделении, таким образом, полностью выделив объект на фотографии. Когда вы завершите коррекцию выделенной области, нажмите клавиши (Ctrl+J), чтобы продублировать изображение вашей модели на новый слой.
Шаг 2
Ещё раз нажмите клавиши (Ctrl+J), чтобы создать ещё один дубликат изображения с бегуньей. Далее, удалите оригинальный слой с изображением бегуньи на белом фоне. Нажмите клавиши (Ctrl+T) для активации режима свободной трансформации. Значительно увеличьте масштаб изображения бегуньи. Расположите второй увеличенный дубликат бегуньи справа от первого слоя с бегуньей. Продублируйте слой с увеличенным масштабом бегуньи, а затем временно отключите видимость этого дубликата слоя, который мы используем позже.
Далее, к каждому слою с бегуньей, добавьте слой-маску. Слой-маска слоя с бегуньей с оригинальными размерами, должна оставаться белой. Выберите инструмент Заливка (Paint Bucket Tool (G)), чтобы залить чёрным цветом слой-маску слоя с увеличенным изображением бегуньи. Заливка слой-маски чёрным цветом скроет изображение бегуньи.
Шаг 3
Далее, мы настроим пиксельную кисть! Выберите инструмент Кисть (Brush Tool (B)). Щёлкните правой кнопкой мыши в любом месте по холсту и появившемся окне настроек кисти щёлкните по маленькому значку в верхнем правом углу панели настроек, чтобы открыть меню. Теперь выберите опцию Квадратные кисти (Square Brushes) из выпадающего меню. Когда появится окно, которое запросит заменить существующие кисти на новые, нажмите кнопку ‘OK’.
Нажмите клавишу (F9), чтобы появилась вкладка Кисть (Brush). Выберите одну из квадратных кистей, далее, перейдите в настройку Рассеивание (Scattering). Установите Рассеивание (Scatter) на 1000%. Если вы работаете с планшетом, то вы также можете использовать опцию Нажим пера с изменением Непрозрачности (Pen Pressure for Opacity), это сделает края квадратиков светлее, в противном случае, края будут жёсткие.
Шаг 4
Теперь мы используем настроенную кисть для создания эффекта взрыва пикселей. Перейдите на слой с чёрной слой-маской. Начните рисовать белые квадратики на чёрной слой-маске, постепенно восстанавливая отдельные фрагменты увеличенного изображения бегуньи.
Продублируйте этот слой, чтобы пиксельный эффект стал более выраженным. Теперь проделайте то же самое со слоем с белой слой-маской. На этот раз, используйте кисть чёрного цвета, прокрасьте кистью бегунью, разбивая её тело на мелкие квадратики. Варьируйте размер кисти для разнообразия эффекта.
Шаг 5
Теперь включите видимость дубликата слоя с увеличенным изображением бегуньи. Расположите данный дубликат слоя ниже слоя с бегуньей с белой слой-маской. Далее, идём Фильтр – Размытие – Размытие в движении (Filter > Blur > Motion Blur). Установите Угол (Angle) на 47 градусов, а Смещение (Distance) на 762 px.
3. Заключительные пиксели
Шаг 1
Для завершения эффекта, добавьте ещё пикселей, чтобы хорошо совместить все элементы сцены. Создайте новый слой поверх слоя с размытием в движении, на этом слое мы применим пиксельную кисть, которую мы применяли ранее. Выберите инструмент Кисть (Brush Tool (B)), используйте клавишу (alt) для отбора образцов цветовых оттенков с изображения бегуньи. Используйте отобранные цветовые оттенки для добавления квадратиков, а также для усиления динамики и усиления взрыва. С помощью инструмента Ластик (Eraser Tool (E)), вы можете удалить лишние пиксели в любой момент.
Надеюсь, что вам понравился этот простой и интересный эффект. Попробуйте воссоздать данный эффект на своих фотографиях, а также поделитесь своими работами в комментариях к уроку.
Описание Action
Вот так выглядят, заявляемые авторами результаты обработки фотографий.
Картинка, как всегда прекрасная, но вы должны понимать, что один Action здесь не справится.
Настройка цветов , работа с яркостью и контрастом исходного фото – все это ложится на плечи дизайнера, а задача Warfighter Action в данном случае заключается в автоматизации процесса создания эффекта взрыва и рассеивания частиц. Расположение которых, кстати говоря, можно менять.
Warfighter Action представлен для бесплатного скачивания на сайте PixelBudda .
В пакет установки входят:
1 вариант – взрыв снега
Сначала протестируем работу Action на следующем фото.
Фото само по себе прекрасно, но, предположим, что нам нужно обработать его для создания вот такого плаката.
1 Шаг.
Рассматриваемое действие работает в англоязычной версии Photoshop. Если у вас стоит русскоязычная версия, почитайте о том, как сменить язык интерфейса в статье « Как сделать русский Photoshop английским »
2 Шаг.
Далее, необходимо открыть фото и проверить его соответствие следующим требованиям:
- Режим – RGB, 8 bit (Image – Mode – RGB Color и 8 bit chanel)
- Размер одной из сторон — не менее 2000 px. То есть изначально фото должно быть качественным.
- Слой с фотографией является фоновым и называется Background.
3 Шаг.
Загрузите кисть Warfighter Brushes, идущую в наборе с действием. Как это сделать, я подробно описала в статье « Бесплатные кисти Photoshop для коммерческого использования »
4 шаг.
Над слоем с фотографией создайте новый слой и назовите его brush. Перейдите на данный слой и, используя кисть с жесткостью 60-70%, закрасьте область фотографии, на которую будут накладываться эффекты взрыва.
Обратите внимание, что я достаточно детально проработала выделение, так как Warfighter Action преобразует края закрашенной области на слое brush в контуры и по ним вырезает объект из фона. В результате могут быть видны погрешности.
Гриву лошади я прорисовывала не досконально – кисточкой разного размера сама рисовала волоски, стараясь повторять имеющуюся форму. Конечно, такую прорисовку лучше делать с помощью планшета, но в данном случае было достаточно и мышки.
Еще мне помогли кисти волос, которые я так же скачала, используя инструкцию из статьи про бесплатные кисти.
5 шаг.
Теперь можно загружать скаченный бесплатный Action в окно Действия и запускать его.
Обратите внимание, чтобы прозрачность инструмента Кисть (Opacity) была выставлена в 100%, иначе Action выдаст ошибку.
Если результат вас устраивает – оставляйте все, как есть. Если нет – все слои открыты для редактирования. Например, я поменяла следующие настройки.
- Отключила видимость группы Adjustment, чтобы
- В группе BG изменила цвет фона (слой BG-Color) на белый
- Добавила текст после группы ParticlesGR и создала для него слой маску, в которой затерла часть букв, чтобы сделать видимость того, что лошадь перескакивает через буквы.
Мечты, как кони рвутся ввысь
Их забывать не торопись.
Пока мечтаешь, ты – живой
Мечты и есть вся жизнь!
Я бы назвала такой вариант обработки более нежным и спокойным. А все-таки Warfighter Action предполагает более брутальную обработку.
2 вариант – фото с реалистичным эффектом взрыва
Теперь посмотрим, как можно обыграть такое фото
Добавим настоящий взрыв с помощью бесплатного Action!
Для того, чтобы добиться такого эффекта взрыва нужно отредактировать тот вариант, который получился в результате применения экшена. А получилось вот что (Последовательность шагов та же, что и в первом случае).
Я предупреждала, что Action не может выполнить за вас всю работу.
Внесем следующий изменения в имеющийся набор слоев, чтобы получить такой же результат как у меня.
Шаг 1.
Выберите в группе BG слои со взрывами и поменяйте для них цветовую схему. Для этого создайте для каждого выбранного слоя корректирующий слой Solid Color и выберите необходимый цвет – желтый, красный, коричневый. Самые темные цвета внизу.
Для слоя Explosion установите режим наложения – Multiply
Для слоя Explosion 2 – Color Dodge
Скройте видимость слоя Gradient Fill 1
Вот так у меня выглядят слои в группе BG
Шаг 2.
Отключите группу Adjustment
Перейдите в группу Main Photo, и в корректирующем слое Vibrance 1 измените значение Vibrance до +100.
Для слоя Main Photo создайте еще один корректирующий слой Hue Saturation и снизьте значение Saturation (насыщенность) до – 69.
Шаг 3.
Не забудьте о блике на очках. Я скопировала часть фона, поместила его над слоем с мотоциклистом, стерла лишнее и установила режим наложение на Multiply.
Шаг 4.
Так же, как и в шаге 1 я поменяла цветовую схему некоторых искр в группе Over Effect
Как видите, пришлось повозиться с настройками слоев, прежде чем получить нужный результат. Исходный файл с моими изменениями для получения реалистичного эффекта взрыва, можно скачать ЗДЕСЬ
Уверена, рассмотренный в статье Action вам придется по душе. С его помощью можно получить абсолютно разные варианты обработки фото. От реалистичного эффекта взрыва до романтичного, снежного коллажа. Все зависит от вашей задумки и навыков.
Подписывайтесь на обновления блога «Дизайн в жизни»
по e-mail или социальных сетях
и мы обязательно опубликуем для вас еще больше полезных бесплатных ресурсов!
Небольшая статья-заметка для дизайнеров, которая расскажет о том, как нарисовать стрелку в фотошопе. Пригодится как новичкам, так и бывалым пользователям популярного графического редактора, которых по какой-то причине «заклинило» и они не могут вспомнить, с помощью какого же инструмента рисуются стрелки.
Прямая стрелка в Photoshop
Сделать стрелку в фотошопе нам поможет прямая линия — один из векторных инструментов в фотошопе!)))
- Выберите инструмент Линия на панели инструментов.
- На горизонтальной панели Параметры после того, как определитесь с цветом заливки и цветом контура, выберите значок шестеренкой – откроется окно « Параметры контура », где можно выбрать, где должна быть стрелка на линии – в начале, в конце или в обоих концах.
Фигурная стрелка в Photoshop
Если вам нужна фигурная стрелка, можете воспользоваться стандартным набором векторного инструмента Произвольная фигура – Стрелки.
Для этого выберите инструмент Произвольная фигура и в окне Параметры найдите выпадающий список со списком фигур, нажмите на кнопку Настройки и выберите группу Стрелки .
Как нарисовать стрелку в Фотошопе кистью
Один из самых простых и быстрых способов нарисовать стрелку в Photoshop — воспользоваться кистью. Именно к нему я прибегаю чаще всего.
Создайте слой, выберите кисть нужного цвета, размера и жесткости.
Поставьте первую точку в начале, зажмите клавишу Shift и щелкните левой клавишей мыши там, где будет заканчиваться стрелка. Так вы нарисуете прямую линию с помощью инструмента Кисть (Brush).
Таким же образом нарисуйте уголок стрелки.
Простая тема, которая иногда даже профессионалов ставит в тупик. Поместите в закладки данную статью и у вас точно не возникнет вопросов о том, как нарисовать стрелку в фотошопе.
Подписывайтесь на обновления блога «Дизайн в жизни»
по e-mail или социальных сетях
и мы обязательно опубликуем для вас еще больше полезных бесплатных уроков!
Нарисовать огонь в Photoshop может даже новичок. Как это сделать, я покажу на примере создания горящего текста. Применить данный эффект можно будет и на любой другой форме. Так же рассмотрим другие не менее интересные приемы рисования огня, но без использования фильтров.
Рисуем огонь в Photoshop с помощью фильтров
Полученный эффект огня выглядит, как нарисованный, поэтому используете его для цифровой живописи, а не для манипуляций с фотографиями
Говорят, что есть 3 вещи, на которые можно смотреть бесконечно: как горит огонь, как течет вода и как сияет звездное небо.
Шаг 1.
Создайте новое изображение и залейте его черным цветом.
Шаг 2.
Добавьте текст белого цвета на изображение и переместим его в нижнюю часть рабочей области. Используйте графичный шрифт, чтобы эффект был более реалистичным.
Для демонстрации я использовала шрифт DS Eraser 2 от Nikolay Dubina (не для коммерческого использования)
Шаг 3.
Выделите оба слоя на панели слоев и создадим совмещенную копию, нажав сочетание клавиш:
Shift + Ctrl (Cmd) + Alt + E
Шаг 4.
Полученный слой поверните на 90 градусов против часовой стрелки.
Шаг 5.
Выберите пункт меню Фильтр -> Стилизация -> Ветер
Примените его несколько раз, чтобы эффект был заметен
Шаг 6.
Поверните холст на 90 градусов по часовой стрелке.
Примените фильтр Фильтр – Размытие — Размытие по гауссу с небольшим радиусом.
Шаг 7.
Выберите пункт Изображение -> Коррекция -> Цветовой тон / Насыщенность….
Нужно выбрать такие параметры, чтобы получился оранжевый цвет (Не забудьте поставить галочку «Тонирование» в правом нижнем углу):
Шаг 7.
Продублируйте слой с оранжевым огнем и примените к нему команду
Изображение -> Коррекция -> Цветовой тон / Насыщенность….
Только цвет настройте как красный:
Режим смешивания установите, как « Осветлитель основы »
Шаг 8.
Выполните сведение двух верхних слоев с оранжевым и красным огнем.
Вызовите Фильтр – Пластика
С помощью инструмента «Палец» добейтесь большей реалистичности огня.
Шаг 9.
Скопируйте слой с текстом «Огонь» и переместите его на самый верх.
Цвет текста сделайте черным.
Эффект огня в Photoshop готов! По-моему получился интересный горящий текст.
Рисование огня без фильтров
Теперь давайте поговорим о других способах рисования огня в Photoshop.
С помощью кисти
Самый очевидный способ – использовать кисть. Простую круглую кисть средней мягкости.
В этом случае нужно грамотно распределить цветовые слои. Например, так:
Как видите накладывается один цветовой слой на другой, размытие краев кисти при этом уменьшается. То есть кисть берется все жестче и жестче.
Цветовая палитра данного рисунка огня выглядит следующим образом (от темного к светлому)
Цветовая палитра для рисования огня – 6 цветов
С помощью инструмента палец
Еще один очевидный способ – это смешивать цвета с помощью инструмента «Пластика» или инструмента «Палец»
Мягкой кисточкой нарисуйте друг на друге три круга, меняя их размер от большего к меньшему и цвет от темного к светлому
Цветовая палитра для рисования огня – 4 цвета
С помощью инструмента Палец рисуйте языки пламени снизу вверх, как на картинке выше. Имейте ввиду, что все слои с кружками должны быть сведены (или изначально сделаны на одном слое). Только тогда цвета будут смешиваться.
Примеры рисования огня в цифровой живописи
Как я уже упомянула ранее, огонь, нарисованный по описанным методам, отлично подойдет для цифровой живописи и будет гармонично смотреться на подобных работах.
Заключение
Рисование огня в Photoshop или на бумаге требует практики и понимания того, какие цвета использовать. Инструкции данные в статье помогут создать реалистичный эффект огня даже новичку. Используйте готовые цветовые палитры и вдохновляйтесь приведенными примерами.
Подписывайтесь на обновления блога «Дизайн в жизни»
по e-mail или социальных сетях
и мы обязательно опубликуем для вас еще больше полезных и интересных материалов!
Читайте также: