Эффект взрыва для фотошопа: Создаём Эффект Взрыва Осколков в Photoshop

Взрыв в фотошопе | Уроки Фотошопа (Photoshop)

Приветствую, друзья! Сегодня я научу вас создавать взрыв в фотошопе. Мы возьмём фотографию города, и сделаем огромный взрыв в его центре.

Вы можете посмотреть на финальный результат взрыва в фотошопе:

Ну а теперь приступим!

Взрыв в фотошопе

1. Первое, что вам нужно сделать — найти изображение города как минимум с высоты птичьего полёта, и 3-4 (а лучше больше) фотографии облаков.

Я выбрал такие:

Можете взять эти фотографии, или поискать другие.

2. Создайте новый документ размером 1280x1024px. Перетащите из папки изображение с городом (у меня это City.jpg). Сразу растеризуйте его:

Таким же образом вставьте поверх фотографию облаков (файл Clouds.jpg):

Не забудьте растеризовать и её.

3. Создайте дубликат фотографии облаков (Ctrl+J) и пройдите в Edit (Редактирование) -> Transform (Трансформация) -> Flip Horizontal (Отразить по горизонтали).

Режим смешивания установите Overlay, а затем слейте слои (Ctrl+E):

4. Нажмите Ctrl+U (Цветовой тон/Насыщенность), отметьте галочку Colorize (Тонирование) и установите такие настройки:

Режим смешивания установите Сolor Dodge (Осветление цвета):

А сейчас возьмите ластик (Eraser Tool) с мягкими краями и сотрите всё, кроме будущего эпицентра взрыва в фотошопе и неба:

5. Теперь вставьте на холст другие облака (у меня это файл Clouds3.jpg):

Растеризуйте их и сотрите всё лишнее:

Теперь нажмите Ctrl+U, установите такие настройки:

Поработайте ещё немного ластиком, непрозрачность снизьте до 90%. Сейчас взрыв в фотошопе выглядит так:

Ему катастрофически не хватает объёма и насыщенности.

6. Берем файл Clouds1, вставляем на холст и разворачиваем таким образом:

Как вы уже наверно догадались, это и будет основная часть нашего взрыва. Нажимаем Ctrl+U, настраиваем цвет:

Устанавливаем режим смешивания Overlay и стираем лишнее. Видим такой взрыв в фотошопе:

Уже лучше, но всё ещё недостаточно хорошо, верно?

7. Скопируйте слой (Ctrl+J), перейдите в Image -> Transform -> Flip Horizontal и сдвиньте его вправо

Теперь скопируйте слой ещё разок. Сейчас взрыв в фотошопе выглядит весьма неплохо:

Внимательно осмотрите изображение взрыва на предмет косяков (лишних кусков взрыва, к примеру :)):

и уберите их.

8. Если хотите ещё что-то добавить к взрыву в фотошопе, сделайте это сейчас. Потому что мы сливаем все слои (правой кнопкой мыши по любому из них -> Flatten Image (Плоское изображение) ) и начинаем цветокоррекцию взрыва в фотошопе.

Цветокоррекция взрыва в фотошопе

9. Создайте новый слой (Shift+Ctrl+N) и залейте его цветом #8d3e04, режим смешивания Overlay, непрозрачность 20%.

10. Повторите тоже самое, только с цветом #dd880e:

11. Снова слейте все слои и скопируйте получившийся слой, перейдите в Curves (Ctrl+M) и отредактируйте кривые примерно так:

Режим смешивания установите Soft Light, непрозрачность 20%:

12. Слейте эти слои и создайте новый, режим смешивания Overlay, непрозрачность 60%. Возьмите мягкую белую кисть и начинайте осветлять те участки, которые взрыв должен освещать (у нас же огромный взрыв на весь город). Красным я отметил те участки, которые осветил (крыши домов, трассу, рёбра ближайших к взрыву домой и т.д.)

На этом всё, взрыв в фотошопе готов:

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

P.S. Если у вас есть вопросы, не стесняйтесь — задавайте их в комментариях!

Фотоэффект «Взрыв пикселей» · Мир Фотошопа

Конечный результат:

Шаг 1

Откройте фотографию девушки в Фотошопе. Поверните девушку в другую сторону, чтобы взрыв пикселей происходил вправо. Для этого перейдите в меню Image ? Image Rotation ? Flip Canvas Horizontal.

Шаг 2

Для разброса пикселей нужно больше места на правой стороне. Инструментом Crop Tool (C) увеличьте ширину холста.

Шаг 3

Инструментом Rectangular Marquee Tool (M) выделите фотография, не считая чёрного фона.

Шаг 4

Скопируйте выделенную часть на отдельный слой (Ctrl + J) и назовите его «inverted».

Шаг 5

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

Шаг 6

Для взрыва пикселей мы создадим свою кисть. Создайте новый документ в Фотошопе (Ctrl + N) размером 512х512 пикселей. Инструментом Rectangular Marquee Tool (M) создайте квадратное выделение, удерживая Shift. Заполните его чёрным цветом.

Шаг 7

Перейдите в меню Edit ? Define Brush Preset, чтобы сохранить кисть.

Шаг 8

Откройте панель кистей (F5) и измените созданную кисть, как показано ниже.

Шаг 9

Сохраните кисть через контекстное меню. Назовите её «Pixel Explosion». Заркойте текущий документ и вернитесь к первому.

Шаг 10

Создайте новый слой в основном документе и выберите инструмент Clone Stamp Tool (S) и кисть, которую мы создали. Определите источник клонирования на руке и нарисуйте квадратные элементы разного размера. Меняйте размер и непрозрачность кисти, чтобы частицы не были одинакового размера.

Шаг 11

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

Шаг 12

Теперь нужно стереть часть пикселей на девушке. Создайте новый слой и выберите инструмент Brush Tool (B). Белым цветом закрасьте правую сторону девушки той же кистью, которую мы создали.

Шаг 13

Создайте корректирующий слой Curves для всей сцены, чтобы улучшить общую контрастность.

Шаг 14

В завершение создадим виньетирование. Создайте новый слой и залейте его белым цветом. Примените фильтр Lens Correction (Filter ? Lens Correction).

Во вкладке Custom настройте секцию Vignette. Установите режим наложения слоя на Multiply.

Конечный результат:

огонь, взрыв, эффект материал PNG, эффект взрыва Векторные изображения, PSD файлы

Световой эффект столкновения

1000*1000

Эффект взрыва

1000*1000

эффект взрыва оранжевого порошка

1200*1200

Желтый эффект взрыва

1000*1000

взрыв в силу элемент творческой чернила

1200*1200

Элемент эффекта взрыва

2000*2000

взрыв

1200*1200

Эффект взрыва

1024*1024

эффект взрыва золота

1200*1200

Желтая звездная точка взрыва спецэффект света

1200*1200

игра взрыва спецэффекты

1200*1200

коммерческий желтый эффект взрыва пограничный элемент

2000*2000

пламя изображения

2000*2000

Эффект взрыва игры красный огонь

1200*1200

Эффект взрыва красной сферической линии

1200*1200

Эффекты взрыва и огня

2000*2000

Прохладный эффект взрыва фейерверка без схемы эффекта кнопки

1200*1200

Эффект взрыва пылающего пламени игры

1200*1200

Фейерверк фейерверк воспламеняя взрывчатое вещество

2000*2000

Красный фейерверк без взрывов спецэффекты

1200*1200

Желтый эффект взрыва фейерверк отрыв спецэффект

1200*1200

световой эффект желтого прожектора

2000*2000

Фейерверк взрыва распространения эффекта элементов материала

2000*2000

Эффект взрыва пламени золотой фейерверк

1200*1200

Фиолетовый эффект взрыва специальный свет

1200*1200

Спецэффект ореола вспышки желтого излучения

1200*1200

Эффект взрыва рисованной взрыв

3000*3000

взрыв порошок

1200*1200

оптический эффект взрыва

1200*1200

желтый взрыв поп стиль диалоговое окно орнамент

2000*2000

Красный свет двухцветный эффект взрыва спецэффект

1200*1200

взрыв

3000*2000

ядерный взрыв дымовая фотография

2000*2000

Облака в небе игра эффект взрыва

1200*1200

розовый акварельный эффект

1200*1200

элемент эффекта взрыва

1200*1200

Рекламный бордюр с эффектом желтой волны

5000*5000

красный взрывной эффект наклейки

1200*1200

Иллюстрация спецэффектов золотого рассеивания света

1200*1200

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

5000*5000

взорванный эффект комиксов в стиле комиксов

2000*2000

Мультфильм комбинация эффекта взрыва

1200*1200

Розовая сфера вспыхивает вспышка гало спецэффект

1200*1200

Белая креативная линия игровой эффект взрыва

1200*1200

краска всплеск эффект

1667*1667

Красная граница чата с эффектом взрыва

1200*1200

эффект дыма png прозрачный фон

1500*1500

взрывы

427*412

Световой эффект сливы красный синий специальный эффект

1200*1200

Классический эффект звездного фона в фотошопе

В этом учебном пособии по эффектам Photoshop мы узнаем, как создать классический фон «звездного взрыва», тот же эффект, который вы, несомненно, видели сотни раз в продуктовых магазинах, универмагах и на тех еженедельных листовках, которые заполняют ваш почтовый ящик. Создать эффект легко. Мы будем использовать инструмент Polygon для Photoshop, слой заливки «Сплошной цвет», команду «Свободное преобразование» и одну из малоизвестных, но очень полезных функций Photoshop — «Transform Again». Попутно мы узнаем, как найти точный центр документа Photoshop, используя линейки и направляющие, и как привязать объекты к направляющим!

Вот пример фона «starburst», который мы будем создавать:

Фон звездообразования, созданный в Photoshop.

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

Шаг 1: создайте новый документ Photoshop

Первое, что нам нужно сделать, это создать новый документ Photoshop. Перейдите в меню «Файл» в верхней части экрана и выберите «Создать» … или используйте сочетание клавиш Ctrl + N (Победа) / Command + N (Mac). В любом случае открывается диалоговое окно Photoshop New.

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

Создайте новый документ Photoshop.

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

Новый документ Photoshop появляется.

Шаг 2: Показать линейки

Чтобы эффект вырвался из центра изображения, нам нужно знать, где находится центр нашего изображения. Самый простой способ найти точный центр изображения — использовать линейки и руководства Photoshop. Давайте сначала включим правителей. Для этого перейдите в меню «Вид» в верхней части экрана и выберите «Линейки»:

Перейдите в «Просмотр»> «Линейки».

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

Вы также можете включать и выключать линейки, нажимая Ctrl + R (Победа) / Command + R (Mac). Теперь, когда линейки включены, они будут отображаться в верхней и левой частях окна документа:

Линейки теперь видны вдоль верхней и левой части окна документа.

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

Шаг 3: убедитесь, что опция «Snap» включена

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

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

Чтобы включить функцию привязки, вернитесь в меню «Вид» в верхней части экрана. Вы увидите опцию Snap прямо под опцией Rulers. По умолчанию опция Snap включена, поэтому вы должны увидеть галочку слева от опции. Если вы видите галочку, это означает, что Snap уже включен, и нет необходимости нажимать на него. Если вы не видите галочку, это означает, что опция Snap в настоящее время отключена, поэтому нажмите на эту опцию, чтобы включить ее. В моем случае (и, скорее всего, также и у вас) Snap уже включен:

Галочка рядом со словом «Snap» говорит о том, что опция уже включена.

Шаг 4. Убедитесь, что «Привязка к направляющим» включена

Пока мы здесь, мы должны убедиться, что включена еще одна опция, Snap To Guides. Это приведет к тому, что все, что мы перетащим рядом с направляющей, будет привязано непосредственно к нему, что облегчит нам размещение чего-либо непосредственно в центре нашего документа, как мы увидим чуть позже. Чтобы включить функцию привязки к направляющим, вернитесь в меню «Вид». Вы увидите опцию «Привязать к» прямо под опцией «Привязка», которую мы только что рассмотрели на предыдущем шаге. Наведите указатель мыши на параметр «Привязать к» на секунду или две, и появится подменю. В верхней части подменю вы увидите опцию Guides. Если вы видите галочку слева от слова «Направляющие», это означает, что опция уже включена, и вам не нужно нажимать на нее. Если флажок отсутствует, нажмите «Направляющие», чтобы включить параметр:

Убедитесь, что опция «Привязка к направляющим» включена в меню «Вид».

Шаг 5: перетащите горизонтальную направляющую в середину документа

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

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

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

Шаг 6: перетащите вертикальное руководство в середину документа

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

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

Теперь, когда мы вытащили два наших гида, нам больше не нужно включать линейки. Вы можете оставить их включенными, если хотите, но я собираюсь выключить их, нажав сочетание клавиш Ctrl + R (Победа) / Command + R (Mac).

Шаг 7: добавь сплошной цвет заливки

Теперь, когда наши направляющие готовы, давайте начнем создавать фоновый эффект «звездного взрыва». Мы собираемся создать эффект таким образом, чтобы нам было легко менять цвета в любое время, когда мы захотим, поэтому давайте добавим слой Solid Color Fill, который будет служить фоновым цветом для эффекта. Нажмите на значок « Новый заливочный или корректирующий слой» в нижней части палитры слоев:

Нажмите на значок «Новый слой заливки или корректировки».

Затем выберите Сплошной цвет в верхней части появившегося списка:

Выберите «Сплошной цвет» в верхней части списка.

Шаг 8: выбери цвет для фона

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

Используйте палитру цветов, чтобы выбрать цвет для фона.

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

Документ теперь заполнен выбранным цветом.

Если мы посмотрим на нашу палитру слоев, то увидим, что теперь у нас есть два слоя — фоновый слой внизу и наш недавно добавленный слой заливки сплошным цветом с именем «Цвет заливки 1», расположенный над ним:

Палитра «Слои», показывающая заливку «Сплошной цвет» над фоновым слоем

Шаг 9: выбери инструмент многоугольника

Далее нам нужно нарисовать простой треугольник, и самый простой способ нарисовать треугольник в Photoshop — использовать инструмент Polygon Tool. По умолчанию инструмент «Многоугольник» прячется за инструментом «Прямоугольник» в палитре «Инструменты», поэтому щелкните инструмент «Прямоугольник», а затем удерживайте кнопку мыши нажатой в течение секунды или двух. Появится всплывающее меню, показывающее другие доступные инструменты. Нажмите на инструмент Polygon Tool, чтобы выбрать его:

Нажмите на инструмент «Прямоугольник» в палитре «Инструменты», затем выберите инструмент «Многоугольник» из всплывающего меню.

Шаг 10: установите количество сторон для инструмента «Многоугольник» на 3

Треугольник, как все знают, имеет 3 стороны, поэтому мы должны сказать Photoshop, что мы хотим нарисовать 3-сторонний многоугольник. Выбрав Polygon Tool, посмотрите вверх на панели параметров в верхней части экрана. Вы увидите опцию Sides, которая по умолчанию установлена ​​на 5. Измените количество сторон на 3:

Измените параметр «Стороны» на панели параметров на 3.

Шаг 11: Убедитесь, что инструмент Polygon настроен для рисования фигур

Как и все инструменты для работы с фигурами в Photoshop, инструмент Polygon дает нам три различных варианта использования. Мы можем нарисовать векторную фигуру, мы можем нарисовать контур и нарисовать пиксельную форму. Мы хотим нарисовать векторную форму, которая позволит нам сделать наш треугольник любого размера без потери качества изображения. Чтобы нарисовать векторную фигуру, убедитесь, что на панели параметров выбран параметр «Форма»:

Выберите параметр «Форма» на панели параметров.

Шаг 12: нарисуй треугольник

Мы готовы нарисовать наш треугольник. С выбранным Polygon Tool, количеством сторон, установленным на 3, и параметром Shapes, выбранным на панели параметров, щелкните где-нибудь в верхнем левом углу документа и вытяните треугольник. Любой размер пока подойдет. Неважно, где вы рисуете свой треугольник, я просто пытаюсь держать нас обоих на одной странице, так как рисую мой в левом верхнем углу. Вы хотите убедиться, что ваш треугольник направлен вниз. Под этим я подразумеваю, что верхняя сторона выглядит совершенно горизонтальной. Самый простой способ сделать это — удерживать клавишу Shift, когда вы вытаскиваете треугольник. Это заставит треугольник привязываться к определенным углам. Перемещайте указатель мыши влево или вправо при перетаскивании (удерживая клавишу Shift), пока треугольник не защелкнется в положение «направлено вниз».

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

Вытяните треугольник с помощью Polygon Tool. Удерживайте «Shift», чтобы ограничить угол треугольника при перетаскивании.

Пока не беспокойтесь о цвете вашего треугольника. Мы можем легко изменить это позже.

Шаг 13: выбери инструмент перемещения

Теперь, когда у нас есть наш треугольник, нам нужно переместить его в такое положение, чтобы нижняя точка находилась точно в центре документа. Чтобы переместить его, выберите инструмент «Перемещение» из палитры «Инструменты» или нажмите букву V на клавиатуре, чтобы получить к нему доступ с помощью ярлыка:

Выберите инструмент «Перемещение».

Шаг 14: перемести треугольник в центр документа

Выбрав инструмент «Перемещение», щелкните треугольник в окне документа и перетащите его в центр документа, чтобы нижняя точка касалась точного центра (точки, где пересекаются две направляющие). Как только вы приблизитесь к центру, треугольник зафиксируется на месте, и это потому, что мы снова включили функцию «Привязать к направляющим» на шаге 4:

Перетащите треугольник на место с нижней точкой в ​​точном центре документа.

Шаг 15: переключись на «полноэкранный режим с панелью меню»

Через мгновение мы собираемся растянуть треугольник вверх за пределы нашего холста, что означает, что нам понадобится немного больше места для работы, если мы хотим видеть, что мы делаем. Если вы работаете со своим документом в окне документа, которое является стандартным способом работы в Photoshop, нажмите букву F на клавиатуре, чтобы переключить режим просмотра в полноэкранный режим с помощью строки меню . Как видно из названия, это переключает вас в полноэкранный режим в Photoshop, оставляя панель меню на месте в верхней части экрана. Затем, чтобы освободить себе место для работы, пару раз нажмите Ctrl + — (Win) / Command + — (Mac), чтобы уменьшить масштаб. Теперь у вас должно появиться немного пустого серого пространства вокруг документа:

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

Шаг 16: Очистить направляющие

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

Выберите «Очистить направляющие» в меню «Вид», чтобы удалить направляющие.

Шаг 17: растяните треугольник за верхнюю часть холста со свободным преобразованием

Нажмите Ctrl + T (Победа) / Command + T (Mac) на клавиатуре, чтобы открыть окно «Свободное преобразование» в Photoshop и обвести треугольник. Нажмите на ручку (маленький квадрат) в центре верхней части поля «Свободное преобразование» и перетащите вверх, чтобы растянуть треугольник, делая его длиннее и более узким. Продолжайте перетаскивать, пока треугольник не выйдет далеко за верхнюю часть холста, вот так:

Перетащите верхнюю часть поля «Свободное преобразование» за верхнюю часть холста, чтобы растянуть треугольник.

Причина, по которой мы растягиваем треугольник за верхнюю часть холста, станет понятна через мгновение. Нажмите Enter (Win) / Return (Mac), когда вы закончите, чтобы принять преобразование и выйти из команды Free Transform. Вы заметите, что, хотя мы растянули треугольник за верхнюю часть холста, в документе остается видимой только часть, которая попадает в границы области холста. Остальная часть треугольника над холстом в настоящее время видна только как контур.

Шаг 18: снова подними коробку свободного преобразования вокруг треугольника

Нажмите Ctrl + T (Победа) / Command + T (Mac), чтобы еще раз открыть окно «Свободное преобразование» и обвести треугольник. Я знаю, мы только что открыли Free Transform минуту назад, и я сказал вам, чтобы закрыть его, а теперь я говорю вам, чтобы открыть его снова. Что дает? Ну, причина в том, что на этот раз мы будем использовать Free Transform, чтобы вращать треугольник, и когда мы закончим, мы будем использовать малоизвестную команду Transform Again, чтобы Photoshop повторил вращение снова и снова и снова все вокруг документа для нас, который создаст наш эффект звездообразования!

Шаг 19: перетащите центральную точку поля свободной трансформации вниз к нижней центральной ручке

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

Чтобы сделать это, нажмите на целевой значок, затем перетащите его вниз на маркер (маленький квадрат) в нижнем центре поля «Свободное преобразование», который поместит его в точный центр документа непосредственно над нижней точкой треугольник Как только вы подойдете достаточно близко к ручке, значок зафиксируется на месте:

Перетащите значок цели из центра поля «Свободное преобразование» вниз на нижнюю центральную ручку.

Шаг 20: вращай треугольник

Теперь, когда значок цели расположен в центре документа, мы готовы повернуть треугольник. Наведите указатель мыши за верхний правый угол поля «Свободное преобразование». Вы увидите, как курсор мыши изменится на маленький значок поворота (изогнутая линия со стрелкой на обоих концах). Удерживайте нажатой клавишу Shift, которая заставит треугольник поворачиваться с шагом 15 градусов, что значительно упростит нам задачу. Затем, удерживая нажатой клавишу Shift, нажмите и перетащите мышь вниз и вправо, чтобы повернуть треугольник по часовой стрелке. Вы заметите две вещи при перетаскивании. Во-первых, треугольник вращается вокруг центра изображения, а во-вторых, он вращается с шагом 15 градусов, а не вращается плавно.

Поверните свой треугольник в общей сложности на 45 градусов по часовой стрелке (три шага по 15 градусов), после чего он будет вытянут за верхний правый угол холста:

Удерживая клавишу Shift, поверните треугольник на 45 градусов по часовой стрелке.

Причина, по которой мы растянули треугольник так далеко за верхнюю часть холста обратно на шаге 17, заключалась в том, что он был достаточно большим, чтобы по-прежнему выходить за границы холста даже в этих угловых секциях. Нажмите Enter (Win) / Return (Mac), когда ваш треугольник повернут, чтобы принять преобразование и выйти из команды Free Transform.

Теперь, когда мы использовали Free Transform, чтобы повернуть треугольник один раз, мы позволим Photoshop сделать всю остальную работу за нас, повторяя вращение вокруг документа, чтобы создать эффект звездообразования!

Шаг 21: Используйте «Transform Again», чтобы повторить вращение вокруг документа

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

Каждый раз, когда вы использовали команду «Свободное преобразование», у вас есть возможность повторить преобразование с «Преобразовать снова». Если вы зайдете в меню «Редактировать» в верхней части экрана и выберите «Преобразовать», в верхней части следующего подменю вы увидите опцию «Снова». Обратите внимание, что сочетание клавиш для команды «Преобразовать снова» — это Shift + Ctrl + T (победа) / Shift + Command + T (Mac). Мы собираемся использовать сочетание клавиш, потому что нам нужно получить доступ к команде несколько раз подряд, чтобы создать наш звездный взрыв. Однако нам также нужно создавать копию нашего треугольника каждый раз, когда мы его поворачиваем. Чтобы создать копию, нам нужно добавить клавишу Alt (Win) / Option (Mac) в комбинацию клавиш. Итак, чтобы создать копию треугольника и одновременно повернуть ее, используя Transform Again, нажмите Shift + Ctrl + Alt + T (Победа) / Shift + Command + Option + T (Mac). Копия треугольника появится в документе и будет повернута еще на 45 градусов:

Копия треугольника, повернутая еще на 45 градусов, появляется в документе.

Продолжайте нажимать Shift + Ctrl + Alt + T (Победа) / Shift + Command + Option + T (Mac), добавляя еще одну повернутую копию треугольника каждый раз, пока не создадите эффект звездообразования вокруг документа:

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

Если мы посмотрим на нашу палитру слоев, то увидим, что теперь у нас есть слой Shape с именем «Shape 1» над слоем «Color Fill 1», и мы можем видеть нашу звездную форму внутри миниатюры предварительного просмотра слоя:

Форма звездного взрыва появляется на собственном слое Shape в палитре Layers. Форма видна в миниатюре предварительного просмотра слоя.

Шаг 22: скрой контуры фигуры

Заметьте, как каждый из треугольников, составляющих форму звездного взрыва, имеет контур, появляющийся вокруг него? Это потому, что форма в настоящее время активна. Чтобы деактивировать форму и скрыть контуры, просто щелкните непосредственно на миниатюре предварительного просмотра слоя «Форма» (обведено красным на предыдущем шаге). Когда форма активна, вы увидите белую рамку выделения вокруг миниатюры предварительного просмотра слоя формы, как вы можете видеть на скриншоте выше. Когда вы нажимаете на миниатюру предварительного просмотра, верхняя граница исчезает, а контуры также исчезают, оставляя нам эффект более чистого вида звездообразования.

Я собираюсь переключить Photoshop обратно в стандартный режим просмотра, который поместит мое изображение обратно в плавающее окно документа, дважды нажав клавишу F на моей клавиатуре. Если вы используете Photoshop CS3, вам нужно будет нажать F три раза, чтобы вернуться в стандартный режим просмотра, поскольку CS3 включает дополнительный режим просмотра, который вам нужно будет циклически проходить. Я также собираюсь нажать Ctrl ++ (Win) / Command ++ (Mac) пару раз, чтобы увеличить мое изображение и заполнить окно документа, удалив все лишние серые области вокруг холста:

Форма звездного взрыва появляется на собственном слое Shape в палитре Layers. Форма видна в миниатюре предварительного просмотра слоя.

Шаг 23: измени цвет слоя формы

На данный момент сам эффект звездообразования завершен, но я не слишком доволен цветом. Я хотел бы изменить черный цвет на что-то более захватывающее, например, ярко-оранжевый. К счастью, изменение цвета в эффекте легко. Чтобы изменить цвет формы звездообразного объекта, просто дважды щелкните непосредственно на образце цвета слоя «Форма»:

Дважды щелкните образец цвета слоя «Форма», чтобы изменить его цвет.

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

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

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

Тот же эффект с новым цветом для формы звездообразования.

Вы можете изменить цвет фона для эффекта так же легко. Просто дважды щелкните непосредственно на образце цвета «Цветная заливка 1» в палитре слоев:

Дважды щелкните образец цвета для «Color Fill 1», чтобы изменить цвет фона эффекта.

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

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

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

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

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

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

Шаг 24: убедитесь, что форма звездообразования активна

Чтобы сохранить фигуру как пользовательскую фигуру в Photoshop, сначала нужно убедиться, что фигура активна в данный момент. Как я уже упоминал, когда форма активна, вокруг формы в окне документа появляются контуры, а вокруг миниатюры предварительного просмотра слоя «Форма» в палитре «Слои» появляется белая рамка выделения. На данный момент наша форма звездообразования не активна. Мы намеренно отключили его на шаге 22, чтобы скрыть контуры фигуры. Нам нужно активировать его снова. Чтобы сделать это, просто нажмите на эскиз предварительного просмотра формы в палитре слоев:

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

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

Контуры теперь видны вокруг фигуры.

Шаг 25: Определите пользовательскую форму

Теперь, когда фигура активна, перейдите в меню «Правка» в верхней части экрана и выберите «Определить пользовательскую фигуру»:

Перейдите в Edit> Define Custom Shape.

Примечание. Если вы забыли сначала сделать активную форму, вы обнаружите, что параметр «Определить пользовательскую форму» выделен серым цветом и недоступен. Вам нужно будет активировать фигуру, а затем повторите попытку.

После того, как вы выбрали опцию «Определить пользовательскую форму», в Photoshop появится маленькое диалоговое окно с просьбой ввести имя для новой пользовательской формы. Я собираюсь назвать мой «Starburst»:

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

Нажмите OK, когда вы закончите, чтобы выйти из диалогового окна и сохранить пользовательскую форму. Теперь мы можем использовать нашу форму «Starburst» в любое время, когда нам это нужно! Просто выберите Custom Shape Tool из палитры инструментов. Он сгруппирован со всеми другими инструментами Shape в том же месте, где мы нашли инструмент Polygon:

Выберите инструмент Custom Shape Tool.

Затем, выбрав инструмент Custom Shape Tool, перейдите на панель параметров в верхней части экрана, щелкните область предварительного просмотра Shape, чтобы открыть окно выбора Custom Shape, и выберите фигуру «Starburst» из списка. Если в настройках Photoshop включен параметр «Показывать подсказки для инструментов», при наведении на него имени появится имя фигуры:

Выберите свою форму на панели параметров.

С выбранной формой «Starburst» просто щелкните в любом месте около центра вашего документа и начните перетаскивать форму! Как только вы начали перетаскивать, удерживайте клавишу Shift, чтобы ограничить пропорции фигуры, чтобы не искажать ее внешний вид, и удерживайте нажатой клавишу Alt (Победа) / Option (Mac), чтобы перетащить фигуру из его центр, а не из угла. Здесь я создал новый документ того же размера, что и в прошлый раз, и уже добавил слой «Сплошная заливка» (см. Шаги 7 и 8), чтобы использовать его в качестве цвета фона для своего эффекта. Я перетаскиваю фигуру «Звездный взрыв» откуда-то рядом с центром документа:

Нажмите рядом с центром документа и перетащите фигуру, удерживая нажатой клавишу «Shift», а также клавишу «Alt» (Win) / «Option» (Mac) при перетаскивании.

Продолжайте перетаскивать фигуру до тех пор, пока она не заполнит весь документ, затем отпустите кнопку мыши, после чего фигура окажется заполненной сплошным цветом. Чтобы изменить цвет, дважды щелкните образец цвета слоя «Форма» в палитре «Слои», как мы делали в шаге 23, и выберите новый цвет в палитре цветов. Вот мой эффект после перетаскивания моей формы и изменения ее цвета:

Эффект после перетаскивания «Starburst» пользовательской формы и изменения ее цвета.

Если вы хотите убедиться, что звездная вспышка идеально выровнена по точному центру документа, перейдите в меню «Выбор» в верхней части экрана и выберите «Все» или используйте сочетание клавиш Ctrl + A (Победа) / Command + A (Mac). Это поместит выделенную область вокруг всего документа:

Выберите «Выделение»> «Все», чтобы разместить выделение вокруг всего документа.

Выбрав весь документ, выберите инструмент «Перемещение» из палитры «Инструменты» или нажмите V на клавиатуре, чтобы выбрать его с помощью ярлыка:

Выберите инструмент «Перемещение».

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

Нажмите значки «Выровнять вертикальные центры» (слева) и «Выровнять горизонтальные центры» (справа) на панели параметров, чтобы отцентрировать фигуру.

Вернитесь в меню «Выбор» и выберите «Отменить выделение», чтобы удалить выделение из документа, или используйте сочетание клавиш Ctrl + D (Победа) / Command + D (Mac). Контур выделения исчезнет, ​​и ваша форма звездного взрыва будет идеально выровнена по центру документа:

Форма звездообразования теперь выровнена по центру документа.

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

Зарезервирован — [Udemy] 2D Explosion Animations Make Cartoony VFX in Photoshop [ENG-RUS]

Анимация 2D-взрывов — Создавайте мультяшные эффекты в Photoshop
«Udemy» на русском ​

)​
Автор: Think Citric

Студия: Udemy

Год: 2020

Продолжительность: 04 часа 22 минуты

Язык: Английский

Программное обеспечение: Adobe Photoshop

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

С помощью Photoshop вы научитесь создавать различные виды взрывных эффектов, которые можно легко использовать в играх, видеороликах или любых других 2D-анимационных проектах.

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

Почему стоит выбирать Photoshop для 2D-эффектов взрывов?

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

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

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

Что вы получите от этого курса?

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

В этом курсе мы:

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

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

Этот курс даст вам навыки и знания, необходимые для проектирования и создания собственных 2D-эффектов взрыва в будущем!

Почему стоит выбрать этот курс для обучения созданию 2D-анимации взрывов?

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

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

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

Мы любим игры и обожаем анимацию. Этот курс создания 2D-эффектов стремится дать возможность другим аниматорам (новичкам и продвинутым) расширить свои возможности и иметь возможности создавать свои собственные веселые мультипликационные ресурсы для различных сфер применения.

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

Итак, записывайтесь на курс и начните создавать свои собственные потрясающие 2D-анимации взрывов!

Спойлер: Оригинальное описание Get ready to make 2D visual effects of things go BOOM in a truly fun cartoony way! Because this course is all about awesome 2D explosion effects!

Using Photoshop you will learn to create various kinds of explosive VFX that could easily be used as game assets, video FX or materials for any other 2D animation projects.

We have fire explosion, water bubble burst, lightning strike and more cool animations waiting to be brought to life. So, let’s get to it!

Why choose Photoshop for your 2D explosion FX?

Being a leading visual editing software on the market, Photoshop also provides a very comfortable environment for creating visual effects.

It is a powerful software, packed with useful tools that are easy to learn and enjoyable to use. Those qualities combined make Adobe Photoshop a go-to software for the majority of visual artists, photographers, and animators.

Making frame by frame visual effects such as 2D cartoony explosions is a fun and rewarding process. Photoshop makes it also an easy one.

What will you get from this course?

This course will teach you how to make your own 2D explosion animation sprite sheet from scratch. No previous Photoshop knowledge, or artistic skills required. Just a desire to learn making your own cartoony VFX!

In this course we will:

— Go over the basics of Photoshop to get ready for working with the software
— Draw frame by frame our own cartoony explosion animations
— Create various kinds of explosion FX including dust, gas and fire explosions
— Test our 2D explosions and enhance them to become powerful VFX
— Export our explosion animations as sprite sheets from Photoshop

Throughout the course we will look at the complete process of visual effect creation, enhancing and finally exporting the animation ready to use in cartoons, games or videos.

This course will provide you with the skill and knowledge to design and create your own 2D explosion VFX in the future!

Why choose this course to learn creating 2D explosion animations?

As an independent studio we often have to rely on our own skills in creating assets. Luckily for us, we enjoy creating cool cartoony looking stuff quite a lot.

This course is our way of sharing our knowledge with fellow artists. We tried to make it as clear and detailed as we could, to better serve both beginner animators and those of you who already have experience in the field.

Going over various kinds of explosion animations, this course is aiming to grant you an understanding of how to design and bring to life your own 2D VFX.

Moreover, we offer you:

— Personal guidance and answer to any questions (within reasonable response time of up to 1-2 work days, depending on the day of the week).
— Quizzes to fortify your knowledge.
— Lifetime access to course materials (including any future updates in the course).

We love games and adore animation. This 2D VFX creation course is designed to make it possible to other animators (beginners and advanced) to expand their abilities and be able to create their own fun cartoony assets.

Hope you enjoy taking this course, as much as we enjoyed creating it.

So, sign up, and start making your own awesome 2D explosion animations!

Страница курса:

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

Нажмите, чтобы раскрыть…

Пример перевода:

Курс зарезервирован Rusminin, начнёт переводить, когда запишутся минимум 50-55 человек

 

Cinema 4D + Photoshop: Взрываем трёхмерный текст, 3-д эффект — Мои статьи — Каталог статей

Explosive Typographic Effects

В этом уроке я создам объемный текст слово которое буду использовать это“collide.”
Использовать буду программу Cinema 4d.
пройдем этапы:
— выдавливание текста в Cinema 4d
— использования карты смещения в Cinema 4d
— создание взрыва в Cinema 4d
— экспорт в фотошоп из Cinema 4d
— уникальная цветокоррекция в Photoshop
— различные действия со слоями в Photoshop для достижения наилучшего светового эффекта

(Нужно базовое знание обоих пакетов программ)

STEP 1: Создание 3-д текста

Я создал новый документ в C4d и добавил некоторый текст используя text tool.

Я набрал слово COLLIDE в менеджере Атрибутов (Attributes manager).

Я применил Extruderude Nurbs делая это родителем моего текста. parent\child

Родитель\Ребенок (Parent\Child), отношение показанное в моем Objects Manager.(Менеджере Объектов)

Есть маленькая проблема в слове “collide”, оно рассмотрено как один объект , а я хочу манипулировать отдельными буквами. Для того чтобы мне надо разделить сегменты (Explode Segments) в меню функций (Function menu).

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

Я должен соединить сплайны в буквах О и D, так как после разъединения сегментов у нас сплайны получились индивидуальные (т.е. внешний круг буквы О идет отдельно от внутреннего, что нам НЕ нужно. То же самое с буквой D). Затем я выбрал два нужных сегмента и нажал Connect. Теперь я могу выдавливать буквы по отдельности и размещать где хочу в своей композиции.

Я применил Extrude nurbs к каждому сегменту в отдельности. Смотрим мое окно объектов, для ясности.

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

К каждой букве я применил Extrude Nurbs и регулирую Fillet Cap. Я выбрал 3 шага с Radius — 3. Это дает хорошую видимость края, для каждой буквы.

Я выбрал каждую букву, и поменял их позицию, и повернул в хаотичном порядке.

STEP 2: Создание отражающего материала для 3d текста.

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

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

Я добавил свет и облака к моей сцене.

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

Я добавил новый материал на мое небо и экспериментировал с Projection method (Метод прогнозирования). Кубический в конце, который я выбрал как основа на моем пути, что бы это смотрелось с мои текстом.

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

Мои материалы не выглядели слишком яркими. Поэтому я добавил немного голубого на оригинальный материал.

Это результат добавления голубого цвета. Намного лучше смотрится, чем до этого.

STEP 3: Использование displacement map для создания эффекта взрыва.

Я скопировал некоторые буквы из слова“collide” и и применил displacement map для создания столкновения.

Я скопировал свой отражающий материал для слова “collide” затем проверил “displacement” box и загрузил текстуру. Cinema 4d есть встроенные текстуры, которыми вы можете экспериментировать, чтобы лучше добиться эффекта столкновений и взрывчатости. Обычно черное и белое работает лучшим образом. Я выбрал “brick” из предоставленных пресетов. Я также использовал черные и белые jpegs полосы и другие текстуры которые создал в Illustrator.

Здесь вы можете видеть как я установил Height на 500m и применил strength на 100%. Это именно тот шаг который я мог потерять в процессе экспериментирования с другими высотами, текстурами, и даже с прогнозированным методом для этого материала.Это даст нам новые результаты, более изумительные!

Это результат моих настроек на displacement material.

STEP 4: Добавление взрыва, и взрыва частичек в мое столкновение.

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

В этом шаге добавляем Explosion FX. Я использовал Explosion later.

Для того чтобы Explosion FX работал, он должен быть ребенок к родителю (объект который будет взорван, есть parent(родитель)). Я скорректировал Thickness пока не обнаружил нужные мне понравившееся установки.

Вот как моя пирамида выглядит после редактирования параметров времени (Time) и длины (Strength) для взрыва.

Далее я скопировал свою пирамиду дважды. на одном из них я оставил настройки, а менял только позицию для удвоения эффекта взрывающихся сегментов. На моей 3rd copy пирамиды я добавил Explosion rather потом Explosion FX.Это дало мне эффектов кусков металла летящего через воздух, и небольшие куски которые создавались из моих 2 пирамид.

Вы можете видеть добавление большего количества частиц.

STEP 5: Добавление финальных эффектов в Photoshop

В моих настройках рендера я использовал альфа канал (что бы сохранить картинку отдельно от заднего фона). Я сохранил картинку выбрав Render to Picture Viewer в меню рендера C4d.

Когда я открыл файл .tif в Photoshop он содержал alpha channel полученный из C4d.

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

Моя работы выглядит слишком серым и я добавил облаков в мою работу, что бы сделать чувство атмосферы.

Затем я выделили некоторую часть облаков и смягчил края полученного выделения с помощью Refine Edge.

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

Дальше нам понадобиться картинка дыма.

Копируем и вставляем картинку, инвертируем изображение ( “I”) и меняем режим слоя на Screen Mode.

Я добавил к слою маску (Layer/Layer mask/Reveal all). Я взял airbrush, далее на маске слоя начал стирать участки дыма, чтобы он выглядел объемным по отношению к тексту.

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

Я чувствую что нужно больше яркого цвета чтобы сделать его стильным, я создал слой и кистью большого размеры добавил розового цвета. Слой установил на режим Soft Light , и поместил ниже слоя с текстом “collide” , чтобы получить эффект цветов заднего фона, а не моего текста 3d.

Картинка молнии нам понадобиться дальше.

Я вставил молнию в мою композицию, обесцветил ее, и слой установил режим слоя на screen.

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

Результат слоев в Фотошопе.

Финальный результат:

Уроки фотошопа — Россия — территория войны! — ЖЖ

Добавляем радугу на фото                        Add Realistic Rainbow To A Photo	Цифр. фото в стиле Ломо(фотоаппарат такой)                        How To Make Digital Photos Look Like Lomo Photography	Раскачивающийся силуэт                        Creating a Rocking Silhouette
Отражение на солнцезащитных очках                        Adding Reflections To Sunglasses	Эффект старения(жен)                        Age Progression — women	Эффект старения(муж)                        Age Progression — men
Вторжение инопланетян                        Alien Invasion	Темный Арт-стиль                        Dark Art Picture Style	Оживляем каменную статую                        Bringing a Stone Statue to Life
Меняем цвет волос                        Changing Hair Color	Мняем цвета фото                        Photo Edit Color Effects	Добавляем еще одно измерение                        Add Another Dimension
Эффект выстрела и трещин                        Crack and Peel	Эффект полутонов                        Cool Halftone Effect	Эффект фильма                        Film effect
Создаем энергетические сферы                        Creating Energy Spheres	Дьявольский взгляд                        Devil’s Eye	Динамичное освещение                        Dynamic Lighting
Работа со светом                        Lignting	Необычные глаза                        Eery-Eye Photo Manipulation	Выразительные световые эффекты                        Expressive lighting effects
В стиле фэнтези                        Fantasy Art	Огненный космический взрыв                        Fiery Photoshop Space Explosion	Меняем цвет волос                        Color hair locks
Эффект прекрасной леди                        Beautiful Lady Effect	Мозаика: заполняем фото другими фотками                        Mosaic, Fill A Photo With Photos	Фокусируемся на свете                        Focus with light
Супер сумеречное освещение                        Super Slick Dusky Lighting Effects	Эффект зомби                        Zombie	Из человека в пришельца                        Transform a person into an alien
Классный эффект взрыва                        Seriously Cool Photoshop Explosion Effect	Портрет в стиле Coldplay/Apple                        Coldplay/Apple Style Portrait	Пузырьки с отражениями                        Reflective bubbles
Эффект акварели                        Easy Watercolor Painting Effect	Круглые пиксели в стиле pop-art                        How to Make Circle Pixels (Pop-art Style)	Изображения в стиле Urban                        An Urban-Style Piece of Artwork
Реалистичные тату                        Realistic Tattos	Эффект акварели                        Watercolor effect	Лягушка-робот                        Robotic frog
Горящий текст                        Firing text	Имитация карандашного рисунка                        Pencil Painting	Векторные портреты                        Vector portraits
Эффект комикса                        Sin City Style	Профи работа в ФШ                        Martin Missf	Векторизуем портрет                        Creating a Vector Composite Effect from a Photo
Совмещаем несколько слоев                        Compositing with Adjustment Layers	Капли чернил                        Using Ink Drops in Your Digital Compositions	Магические ночные глаза                        Fairy Night Eye
Мистический портрет                        The Making of Mystic	Линии огня                        Fire Lines	Фото в стиле мафии                        Giving a Mafia-Look to a Business Photo

Обучение работе с Photoshop Lunacore — Учебное пособие по эффекту взрыва

Откройте новое изображение. Я создал небольшое изображение размером 400×300 и оставил его маленьким, чтобы можно было использовать его в этом уроке. Пока вы используете этот размер, у вас будет много проблем. с рекомендованным размером кисти или настройкой размытия по Гауссу позже. Но учебник не должен давать вам никаких специальностей. проблемы, даже если вы выберете гораздо больший размер.

Пресс буква D на ваша клавиатура, которая делает цвет переднего плана белый и фон черный цвет.

Теперь возьмите инструмент Paint Bucket из панель инструментов и залейте фон черным.
Перейдите в палитру слоев и нажмите на кнопку «Создать». новый Значок слоя, чтобы добавить новый слой.

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

В моем случае я выбрал цвет в правом верхнем углу (A) который имеет значение FF0000 (В).

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

Размер кисти немного зависит от размера начального изображения. с участием.

Собирались использовать 3 цвета:

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

После того, как мы закончили с этим, мы выберите желтый цвет, я выбрал # FFFC00.

На этот раз закрасьте изнутри красным, но не слишком близко к граница. Рассмотрите возможность одного или двух (или более) отдельных желтые области, если они находятся внутри красной формы.Если кисть слишком большая, просто вернитесь к параметрам ползунок, чтобы выбрать меньший размер, или нажмите [ a несколько раз на клавиатуре. Нажмите ] на сделайте кисть больше. Снова попробуйте нарисовать фигуру (или формы), что довольно случайно.

Последний цвет, который мы выбираем, — белый (#FFFFFF). На этот раз нарисуйте внутри желтых фигур, опять же не слишком близко к в границы и при необходимости измените размер кисти.

Вот пример того, как это может выглядеть:

В красной форме у нас есть две желтые фигуры, а внутри них две. белые формы. Не все так уж случайно, но это будет достаточно для Теперь. Зайдите в меню и выберите Filter / Blur / Gaussian. Размытие …
Выберите радиус 40 пикселей и нажмите ОК.
Опять же рассказ с кистью; радиус зависит от размера изображение.Используйте меньший радиус для меньшего изображения, больший радиус для большего.

Теперь нажмите Create an Adjustment. Значок слоя в палитру слоев и выберите Оттенок / Насыщенность … и нажмите ОК.
Теперь у нас есть корректирующий слой оттенка и насыщенности, и мы собираемся его изменить. Это к вырезка Слой поверх нашего слоя с размытой формой, нажав Ctrl + G (Command + грамм на на Mac) или Ctrl + Alt + G (Command + Option + G на Mac), если вы используете Photoshop CS2.

Превращая его в обтравочный слой, мы убеждаемся, что Оттенок и Насыщенность корректирование повлияет только на нижний слой (это как вырезка слои работают).
Какова функция этого слоя Hue & Saturation? Я объясню позже. Для Теперь оставьте настройки этого корректирующего слоя по умолчанию, как есть.

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

Как и в шаге № 1, мы собираемся изменить переднюю и снова цвета фона; нажмите букву D на ваша клавиатура, которая делает цвет переднего плана черным и цвет фона белый.

Заливаем слой черным (цвет не действительно важно) используя Paint Ковшовый инструмент в панель инструментов.

Теперь перейдите в меню и выберите Filter / Render / Clouds.

Результат — случайный результат.Если вам не нравятся сгенерированные «облака», просто нажмите Ctrl. + F (команда + F на Mac), пока не увидите то, что вам нравится. Вы можете повторяйте это так часто, как хотите.

набор режим наложения этот слой на Color Dodge.

Теперь нажмите на Создание корректировки Значок слоя в палитру слоев и выберите «Уровни»… а также нажмите ОК.
Теперь у нас есть корректирующий слой уровней, и, как и в шаге 5, мы собираемся изменить Это к вырезка Слой и на этот раз поверх слоя с облаками, нажав Ctrl + G (Command + грамм на на Mac) или Ctrl + Alt + G (Command + Option + G на Mac), если вы используете Photoshop CS2. Превращая его в обтравочный слой, мы убеждаемся, что уровни корректирование повлияет только на слой облаков.

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

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

Конечный результат

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

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

я пришлось несколько раз вернуться к слою облаков в этом последний пример, чтобы получить желаемый эффект. Так что еще раз помнить; если ты не как и конечный результат, подумайте о том, чтобы вернуться к облакам слоя и нажмите Ctrl + F (Command + F на Mac) несколько раз поиграйте с серым ползунком принадлежащий Регулировка уровней или раскрашивание разных форм.

Примечание: Be осторожно с Ctrl + F, потому что вы должны быть Убедитесь, что последним эффектом, который вы использовали, был Render / Clouds.
Все Ctrl + F повторяет в последний эффект что было использовано. Если вы нажмете Ctrl + F и что-то пойдет не так, просто отмените, нажав нажав Ctrl + Z (Command + Z на Mac), вернитесь в меню и снова выберите Filter / Render / Clouds. После этого вы можете снова использовать Ctrl + F.

А как насчет корректирующего слоя Hue & Saturation , который мы добавили ранее?
Откройте настройку оттенка и насыщенности. Слой по двойной щелчок по его значку в палитра слоев.
Теперь используйте ползунок Hue, чтобы изменить цвета облака или используйте ползунок насыщенности, чтобы изменить насыщенность.

Суммируем все 5 основных шагов:

• Создать черный фон
• Добавьте новый слой, раскрашивая цветные формы мягким кисть и размытие слоя
• Добавьте корректирующий обтравочный слой «Оттенок и насыщенность»
• Добавьте новый слой, залейте его черным цветом и примените эффект облаков, режим наложения слоя установлен на цвет dodge
• Добавьте корректирующий слой отсечения уровней

Анимация

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

• Ctrl + F (Command + F на Mac) для повторного рендеринга облаков эффект
• Корректирующий слой для коррекции оттенка и насыщенности
• Корректирующий слой для коррекции уровней

Благодаря этому легко создавать рамки, которые могут использоваться в такой программе, как ImageReady.

Поскольку корректирующие слои уровней не поддерживаются в ImageReady (какой позор!), нам придется экспортировать каждый кадр в отдельный файл. Рекомендуется экспортировать все файлы (кадры) в специальный каталог и присвойте каждому файлу номер. Рекомендуется использовать числа вроде 9,10,11 и т. Д., Но включите все предшествующие нули, поэтому в моем примере числа должны быть 09,10,11 и т. д. Это позволяет избежать файлы отсортированы неправильно.

Откройте ImageReady и выберите в меню Файл / Импорт / Папка. как фреймы … и программа конвертирует все ваши файлы как фреймы. Как вы оттуда пойдете, все зависит от вас и подробное описание того, как настроить или расширить анимация в Imageready выходит за рамки этого руководства. Я могу скажу вам, что результаты могут быть весьма впечатляющими, в зависимости от о том, как вы создавали кадры в Photoshop для начала и сколько кадров вы использовали.

Вот очень простой пример только с шестью кадрами в замедленной съемке

Опять же, как всегда; повеселись!

Для получения дополнительной помощи с Photoshop ознакомьтесь с нашим разделом.

Как создать эффект взрыва пикселей в Photoshop

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

---

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

Как всегда, это последнее изображение, которое мы будем создавать:

---

Подробности руководства

• Программа : Adobe Photoshop CS3
• Приблизительное время выполнения: 40 минут
• Сложность: Начальный-Средний

---

Ресурсы

---

Шаг 1

В этом уроке мы расскажем, как создать эффект взрыва пикселей в Photoshop 11, который можно легко применить к вашим фотографиям.
Откройте файл «Девушка». Это основа, на которой мы создадим эффект взрыва пикселей. Прежде чем мы начнем работать над эффектом, мы перевернем изображение по горизонтали — так мы получим iPad справа, а взрыв слева. Перейдите в Image> Image Rotation> Flip Canvas Horizontal , чтобы перевернуть изображение.

---

Шаг 2

Нам понадобится больше места для размещения нашего пиксельного взрыва. Давайте изменим размер холста. Выберите Crop Tool ( C ) и перетащите правый маркер, чтобы изменить размер изображения вправо, как показано ниже.

---

Шаг 3

Используйте инструмент Rectangular Marquee Tool , чтобы создать выделение вокруг левого белого прямоугольника нашей фотографии (игнорируя черную область).

---

Шаг 4

Нажмите Ctrl + J , чтобы выделить выделение на новом слое, и назовите этот слой «Инвертированный».

---

Шаг 5

Создайте новый слой ( Ctrl + Shift + Alt + N ) и залейте его белым ( Shift + F5 ).Поместите этот слой ниже слоя «Перевернутый». Как вы можете видеть, сделав это, мы скроем уродливый черный прямоугольник, который появился во время изменения размера нашего изображения.

---

Шаг 6

Теперь мы создадим специальную кисть для нашего эффекта взрыва пикселей. Создайте новый (временный) документ ( Ctrl + N ) 512 x 512 пикселей. Выберите инструмент Rectangular Marquee Tool ( M ) и удерживайте shift при создании квадратного выделения.Нажмите D , чтобы установить цвета по умолчанию, и нажмите Alt + Backspace , чтобы заполнить прямоугольник белым.

---

Шаг 7

Выберите Edit> Define Brush Preset и дайте имя этой кисти («Базовая кисть» в моем случае). По завершении нажмите Ok . Вы также можете нажать Ctrl + D , чтобы отменить выбор всего.

---

Шаг 8

Откройте палитру кистей ( F5 ) и добавьте динамическое поведение размера и угла, как показано ниже.Затем перейдите на вкладку Brush Tip Shape и увеличьте Spacing до 46% .

---

Шаг 9

Сохраните эту кисть, щелкнув значок маленькой стрелки (находится в правой верхней части палитры кистей) и выберите New Brush Preset . Назовите кисть «Pixel Explosion» и нажмите ok . Закройте этот временный документ и вернитесь к нашему основному документу. Не забудьте сохранить документ ( Ctrl + S ) на случай, если произойдет что-то неожиданное (например, сбой питания или сбой Photoshop).

---

Шаг 10

Создайте новый слой ( Ctrl + Shift + Alt + N ) и выберите инструмент Clone Stamp Tool ( S ).

Из палитры Наборы кистей (Окно > Наборы кистей ) выберите кисть взрыва пикселей, которую мы создали на предыдущих шагах.

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

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

---

Шаг 11

Создайте новый корректирующий слой Curves (Слой > Новый корректирующий слой> Кривые ) и перетащите кривую вниз, чтобы затемнить. Обрежьте корректирующий слой Curves Adjustment Layer по клонированным пикселям из шага 10 , удерживая клавишу Alt и щелкая между двумя слоями в палитре слоев.

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

---

Шаг 12

А теперь давайте создадим недостающие части руки и платья девушки.

Создайте новый слой ( Ctrl + Shift + Alt + N ) и выберите инструмент «Кисть » ( B ).Выберите белый цвет в качестве цвета переднего плана и нарисуйте белым цветом (с выбранной нашей кастомной пиксельной кистью взрыва) руку девушки, как показано ниже.

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

---

Шаг 13

Мы почти закончили! Давайте улучшим общий вид нашей сцены, увеличив контраст и затемняя сцену. Создайте новый корректирующий слой Curves (Слой > Новый корректирующий слой> Кривые ) и используйте настройки, показанные ниже.

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

---

Шаг 14

В заключение создадим эффект виньетки.

Создайте новый слой ( Ctrl + Shift + Alt + N ) и залейте его белым цветом ( Shift + F5 ).

Выберите Filter> Lens Correction и перейдите на вкладку Custom . Используйте настройки, указанные ниже, чтобы создать красивую симметричную виньетку.

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

---

Готово!

Эффект взрыва Апокалипсиса Учебное пособие по Photoshop Учебное пособие по Photoshop

www.psd-dude.com

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

Твитнуть

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

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

Для создания эффекта апокалипсиса я буду использовать этот экшен Photoshop Dead Zone, который вы можете скачать с Graphicriver.Вы должны загрузить все файлы (ABR, PAT и ATN) в Photoshop, чтобы использовать экшен.

Перейдите в Edit> Preset Manager и выберите Brushes из типа предустановки. Нажмите «Загрузить» и загрузите файл ABR.

Перейдите в Edit> Preset Manager и выберите Patterns из типа предустановки. Нажмите «Загрузить» и загрузите файл PAT.

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

Перейдите в «Окно »> «Действия » и щелкните в правом верхнем углу. Выберите Загрузить действия , чтобы загрузить файл ATN.

Итак, у вас есть один слой, содержащий изображение, с которым вы хотите работать. Щелкните действие «DED ZONE» и нажмите Играть .

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

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

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

Действие останавливается для вас, чтобы:

• 1. Перетаскивание узора Overlay для слоя с эффектом дыма
• 2. Перетащите наложение узора для слоя «токсичный дождь»

Итак, откройте стиль слоя Smoke Effect и перетащите на экран накладываемый узор , чтобы он выглядел так:

Итак, откройте стиль слоя Toxic Rain и перетащите Pattern Overlay вверх на экран, чтобы он выглядел так:

Возобновите воспроизведение, когда будете готовы.

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

Итак, это окончательный результат. Теперь вы можете внести небольшие изменения. Например, вы можете перейти к слою Toxic rain и внутри маски слоя прокрасить слона. Если вы решите внести изменения, вам нужно сначала удалить слой Sharpen Effect .

На новом слое, над всеми другими слоями, добавьте эту текстуру бликов и установите режим наложения на Screen .

После внесения всех необходимых настроек нажмите Shift — Control — Alt — E , чтобы сделать копии всех слоев.

Перейдите к Filter> Other> High Pass .

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

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

Статьи по теме

Предыдущий пост

Magic Sparkle Fairy Tale Night Учебное пособие по фотошопу

Следующее сообщение

Учебное пособие по использованию блестящего текста в золотом стиле в Photoshop

Создайте потрясающий взрыв пикселей в Photoshop

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

Программное обеспечение: Adobe Photoshop CC

Сложность: Начинающий

Время выполнения: 1 час

Изображения, использованные в этом руководстве:

39688880 © ostill

Окончательный эффект:

Настройте холст

Шаг 1

Приступим! Откройте ваше изображение в Photoshop.Если вы хотите создать больше места для позы действия, просто отрегулируйте размер, выбрав Изображение> Размер холста. Это изображение бегуна в настоящее время имеет размер 3,9 × 5,2 дюйма, поэтому я собираюсь изменить его на 6 × 5,2 дюйма. Дважды щелкните фоновый слой, чтобы превратить его в слой 1, и используйте инструмент Move Tool (V) , чтобы переместить бегунок влево.

Создание взрыва

Шаг 2

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

Теперь возьмите инструмент Magic Wand Tool (W) и выберите белый фон. Щелкните правой кнопкой мыши и выберите Обратный . Теперь используйте инструмент Polygonal Lasso Tool (L) , чтобы добавить любые области к выделению, которые могут быть обрезаны, чтобы выделить весь объект. Когда вы закончите, нажмите Control-J , чтобы создать копию вашей модели на новом слое.

Шаг 3

Нажмите Control-J еще раз, чтобы создать дубликат копии и удалить слой с бегунком, прикрепленным к белому фону. Control-T от до Произвольное преобразование и изменение размера бегуна, сделав его намного больше. Расположите ее справа от первого слоя. Дублируйте слой с большим бегуном и скройте видимость на будущее.

Затем добавьте маску слоя к каждому слою. Оставьте маску слоя белого бегуна меньшего размера и с помощью инструмента Paint Bucket Tool (G) залейте маску слоя большей копии черным цветом. Если заполнить эту маску слоя черным, большая копия исчезнет.

Шаг 4

Теперь о пиксельной кисти! Выберите инструмент «Кисть » (B). Щелкните правой кнопкой мыши на холсте, чтобы открыть небольшую панель кистей, и нажмите раскрывающийся список в правом верхнем углу, чтобы выбрать Квадратные кисти из списка предустановок. Когда будет предложено заменить существующие кисти новым набором, нажмите OK.

Нажмите F9 на клавиатуре, чтобы открыть панель кистей . Выберите одну из квадратных кистей и выберите параметр Рассеяние .Установите Scatter на 1000%. Если вы работаете с графическим планшетом, вы также можете включить параметр «Нажим пера» для параметра «Непрозрачность» , чтобы края стали светлее; в противном случае держите квадратную щетку твердой.

Шаг 5

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

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

Шаг 6

Теперь покажите видимость большого дублированного бегуна. Поместите этот слой под слой с белой маской. Перейдите в Filter> Blur> Motion Blur. Установите угол на 47 градусов и расстояние на 762 пикселя.

Последние пиксели

Шаг 7

Чтобы завершить этот эффект, добавьте больше пикселей, чтобы все хорошо смешалось. Создайте новый слой поверх размытия в движении и используйте пиксельную кисть, которую мы использовали ранее. Выберите инструмент «Кисть » (B) и используйте клавишу alt, чтобы выбрать цвета по всему бегуну. Используйте эти цвета, чтобы нарисовать больше квадратов вокруг для большего движения и взрыва. Сотрите излишки в любое время с помощью ластика (E).

Вот окончательный результат.

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

Другие учебники, ориентированные на пиксели, которые вам понравятся:

Создайте 3 простых эффекта пикселизации в Photoshop

Учебник по самому милому рисунку в стиле пиксель-арт для начинающих

Эффект взрыва Photoshop от Sevenstyles

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

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

Экшен протестирован и работает в Photoshop (только на английском языке) CS4, CS5, CS6, CC, CC 2015.5, CC 2017, CC 2018, CC 2019, 2020+

Важно знать

• Убедитесь, что вы используете английскую версию Photoshop для запуска действия.Все действия Sevenstyles будут работать только в английской версии Photoshop.
• Убедитесь, что вы используете версию Photoshop, поддерживаемую Action.
• Посмотрите видеоурок , чтобы убедиться, что ваш файл Photoshop настроен правильно. Вы можете просмотреть видеоурок в разделе « Tutorial » выше. Ссылка на руководство также включена в файл « Readme » в загружаемом файле.
• Используйте фотографии с высоким разрешением с помощью Action для достижения наилучших результатов и во избежание ошибок.Оптимальное разрешение фотографии составляет от 2000 до 4500 пикселей.
• С помощью Adobe Creative Cloud вы можете установить нескольких версий Photoshop . Если вам нравится этот экшен, но он не поддерживается вашей версией Photoshop, вы всегда можете установить дополнительную версию Photoshop, чтобы запустить этот экшен. После того, как действие было протестировано и работает в версии Photoshop , оно всегда будет работать.
• Используйте изображения Jpeg для запуска действия на . Другие типы файлов, такие как TIFF, BMP, PNG, PSD, могут вызывать проблемы с действиями, поскольку Photoshop отключает различные функции для разных типов файлов.
• Если действие Sevenstyles Action включает в себя файл кисти ( .abr ), узор ( .pat ) или фигур ( .csh ) в загружаемом файле, то его необходимо загрузить в Photoshop перед воспроизведением действия.
• Не используйте действие для логотипов или изображений в стиле клип-арт , так как отсутствие деталей и цветового контраста могут привести к ошибкам.

Возникли проблемы с действием?

1. Дважды проверьте правильность настройки файла, как показано в начале видеоурока.
2. Проверьте разрешение вашего фото. Если это фотография с низким разрешением (<1000 пикселей), возьмите самую короткую длину фотографии и увеличьте ее примерно до 2500 пикселей или более.
3. Посмотрите мои темы поддержки здесь . Я перечисляю все распространенные ошибки с решениями.
4. Если вы все еще застряли, пришлите мне по электронной почте снимок экрана всего интерфейса Photoshop, на котором отображается ошибка. Пожалуйста, дайте мне знать, какую версию Photoshop вы используете, чтобы я мог помочь вам быстрее.Вы можете найти мой адрес электронной почты в теме « Как со мной связаться, » на странице поддержки.

Создание собственных эффектов

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

1. Запустите первое действие над вашей фотографией.
2. Если вы довольны результатом, сохраните свой дизайн как изображение Jpeg.
3. Закройте файл Photoshop и снова откройте только что сохраненное изображение.
4. Теперь запустите еще одно действие над вашей фотографией! Затем второй эффект будет складываться поверх первого.

Есть так много неоткрытых эффектов, которые можно создать!

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

Создание огненных шаров и взрывов — Уроки

Фабио Сассо использует собственные кисти и слои для создания взрывной сцены в Photoshop.

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

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

Здесь Фабио Сассо покажет вам, как создавать собственные кисти, которые убедительно воссоздают дым и огненные шары.Вы можете использовать собственное фоновое изображение или, если вы хотите использовать то же изображение, что и Фабио, вы можете купить его на http://www.istockphoto.com/file_closeup.php?id= 000004942141. Вам также понадобится изображения танков, орудий и парашютистов.

01. В Photoshop откройте пейзажное изображение. Найдите изображения пушек и танков, похожие на те, что я использовал здесь, и разместите их на новых слоях. Дублируйте слой с резервуаром и сделайте новый меньше, как если бы они были в строю. Затем измените насыщенность изображения дороги: перейдите в Image> Adjustments> Hue / Saturation, используйте -40 для Saturation.Теперь перейдите к слою с пушкой и снова выберите Image> Adjustments> Hue / Saturation. На этот раз используйте Hue 35, Saturation 25, Lightness: 0 и выберите Colorize.

02. Для дыма создадим две кисти. Начните с создания нового слоя с белым фоном и черным передним планом. Затем перейдите в Filter> Render> Clouds. Затем с помощью инструмента «Лассо» (L) используйте растушевку 40 пикселей и создайте выделение, затем выберите «Правка»> «Определить набор кистей». Назовите его «Дым 1».

03.Выберите Brush Tool (B) и перейдите в Brush Engine (Window> Brushes). Выберите кисть «Smoke 1» и активируйте следующие настройки: для Brush Tip Shape выберите 25% Spacing. Для динамики формы используйте 100% для джиттера размера, 75% для минимального диаметра и выберите «Перевернуть дрожание по оси X» и «Перевернуть дрожание по оси Y». Для Scattering используйте 135% для Scatter и выберите Both Axis, используйте 10 для счетчика и 60% для джиттера счетчика. Выберите «Динамика цвета» и используйте 92% для дрожания переднего плана / фона, затем 50% для дрожания оттенка, насыщенности и яркости.Для чистоты используйте 100%. Наконец, выберите Other Dynamics и используйте 20% для Opacity Jitter.

04. Создайте столб дыма с новой кистью, используя 50% серый для переднего плана и черный для цветов фона. Затем выберите «Слой»> «Стили слоя»> «Внутренняя тень». Используйте затемнение цвета для режима наложения, непрозрачность 30%, расстояние 50 пикселей, дросселирование 0, размер 10 пикселей. Затем выберите Gradient Overlay, используйте Color Dodge для Blend Mode, 100% Opacity и Style Radial. В качестве цветов используйте черный и коричневый (R: 188, G: 135, B: 8).Переместите градиент в нижнюю часть столбца, чтобы создать эффект огненного шара. Наконец, перейдите в Filter> Blur> Motion Blur, используйте угол 90º и расстояние 30 пикселей.

05. Поверните колонну, чтобы она упала под углом 30º. Затем создайте больше огненных шаров, повторив предыдущий шаг. Используйте кисти разного размера и размытия.

06. Создайте вторую кисть, которую мы будем использовать для больших струй дыма. Для этого повторите шаги, которые мы использовали для создания первой кисти, однако, когда вы используете инструмент «Лассо», используйте растушевку размером 100 пикселей вместо 40 пикселей и сделайте другое выделение.Назовите его «Smoke 2».

07. Чтобы создать плотный дым, выберите кисть «Smoke 2» с 50% серым и черным цветами. Начните рисовать с очень маленького размера, затем увеличивайте размер кисти по мере продвижения вверх. Снова уменьшите размер, чтобы добавить дыму больше деталей. Чтобы сделать его темнее, добавьте Color Overlay со стилями слоя. Вы можете использовать черный цвет в обычном режиме наложения. Создайте два черных столбика дыма.

08. Для взрывов и пожаров мы будем использовать два слоя. Для первого используйте кисть «Smoke 1» с размером 200 пикселей и создайте небольшое облако перед огненным шаром.Затем выберите «Слой»> «Стили слоя»> «Выбрать наложение градиента». Используйте Color Dodge для режима наложения, 100% Opacity, Style Radial, а для цветов используйте желтый (R: 255, G: 192, B: 0) и коричневый (R: 127, G: 92, B: 23).

09. На втором слое используйте ту же кисть, но меньшего размера (примерно 50 пикселей). Для стилей слоя измените цвета на белый и темно-коричневый (R: 61, G: 37, B: 17). Повторите это несколько раз, чтобы создать взрывы.

10. Добавьте больше шлейфов дыма и пыли, используя тот же процесс, но изменив стили слоя.Для дыма выберите Color Overlay с Нормальным режимом наложения, установленным на нормальный. Нарисуйте песок вокруг резервуаров, используя цвет песочного цвета. С помощью инструмента Elliptical Marquee Tool (M) создайте эллипс, а с помощью кисти «Smoke 1» создайте воздушную волну, окружающую взрыв на земле.

11. Найдите изображение парашютистов и поместите его. Используйте Multiply для режима наложения и создайте новый слой. Затем выберите кисть Smoke 2 и с помощью Brush Tool (B) создайте еще один столб дыма, повторяя шаги, которые мы использовали для создания других темных столбов в воздухе.На этот раз, однако, используйте фиолетовый в качестве цвета, установите Режим наложения на Экран в настройках Наложения цвета.

12. Создайте слой поверх остальных, выберите кисть «Smoke 2» очень большого размера, используйте светло-серый цвет и нарисуйте немного дыма. Измените режим наложения слоя на Linear Light. Затем добавьте новый слой перед предыдущим и нарисуйте еще несколько клубов дыма. На этот раз установите Blend Mode на Screen. Добавление дыма перед пулеметом придаст сцене дополнительный оттенок реализма.

13. Теперь настройте изображение. Перейдите в Layer> New Adjustment Layer> Photo Filter, используйте Deep Yellow для фильтра с яркостью 60%. Затем снова выберите Layer> New Adjustment Layer> Gradient Fill, выберите черный и коричневый (R: 174, G: 110, B: 47) для цветов и Radial для стиля. Коричневая часть градиента должна быть в центре большого взрыва. Эти два корректирующих слоя должны находиться под дымом перед пулеметом.

14.Чтобы сделать сцену более реалистичной, добавьте размытие движения на первом резервуаре. Выберите слой «Танки» и перейдите в Фильтр> Размытие> Размытие в движении, используйте 0º для угла и 30 пикселей для расстояния.

Кто: Фабио Сассо из Порту-Алегри, Бразилия, работает графическим дизайнером и веб-дизайнером. Помимо Zee, небольшой студии веб-дизайна, у Фабио есть блог о творчестве, Abduzeedo, который он использует для учебных пособий, экспериментов и статей о Photoshop, Illustrator и других творческих приложениях. Контакт: http://abduzeedo.com
Программное обеспечение: Adobe Photoshop CS3
Время выполнения: 45 минут, плюс время на поиск изображений.

Weichert Creative | Создание эффекта взрыва с помощью Adobe Photoshop

В этом уроке будет создано изображение, подобное этому:

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

Создайте новый документ, 500 x 500 пикселей, 72 пикселей на дюйм, режим RGB, с прозрачным фоном.Используйте настройки ниже, чтобы создать новый документ.

Установите черный цвет переднего плана и белый цвет фона. (Вы можете сделать это, просто нажав клавишу d на клавиатуре.)

Удерживая нажатой клавишу option / alt, выберите в меню «Фильтр»> «Рендеринг»> «Облака».

Удерживание клавиши option / alt заставляет фильтр облаков иметь больший контраст.

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

Вернитесь в меню фильтров и выберите «Фильтр»> «Художественный»> «Пластиковая пленка». Установите фильтр, как показано на рисунке ниже.

Изображение должно выглядеть примерно так:

Убедитесь, что контраст достаточен для этого эффекта.Выберите в меню «Изображение»> «Коррекция»> «Уровни» и нажмите кнопку кнопку «авто», как показано ниже. Вы также можете сделать это, удерживая Command-shift (Mac) или Control-shift (ПК), а затем нажмите клавишу L на клавиатуре.

В меню выберите «Фильтр»> «Стилизация»> «Вытягивание».

Измените настройки в окне, чтобы они соответствовали показанным на изображении ниже.

Изображение должно выглядеть примерно так:

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

А теперь раскрасим!

Выберите в меню «Изображение»> «Коррекция»> «Оттенок / насыщенность». Вы также можете использовать Command-u (Mac) или Control-u (ПК), чтобы открыть диалоговое окно Hue / Saturation.

Установите флажок «Раскрасить» и настройте параметры, как показано на рисунке ниже.

Нажмите «ОК». Изображение должно выглядеть примерно так:

Затем продублируйте этот слой, чтобы добавить глубины цвета.На клавиатуре зажать Клавиша Command (Mac) или Control (ПК) и нажмите клавишу j. Это должно дублировать ваш текущий слой на новый слой.

Снова вызовите диалоговое окно «Оттенок / насыщенность» (Command-u / Control-u) и просто введите «-45» в поле оттенка (без кавычек), затем нажмите «ОК».

Изображение должно стать красным, например:

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

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

Создайте новый слой над двумя существующими слоями.

Удерживая нажатой клавишу выбора (Mac) или клавишу alt (ПК), выберите «Объединить видимые изображения» из всплывающее меню на палитре слоев. Это объединит два нижних слоя в новый пустой слой без удаления каких-либо слоев.

В меню выберите «Фильтр»> «Размытие»> «Радиальное размытие» и установите все, как показано на рисунке ниже.

Изображение должно выглядеть примерно так:

Довольно крутой эффект прямо здесь. Но мы здесь не для этого. Измените режим наложения этого слоя размытия на «Светлее» и уменьшите его непрозрачность примерно до 30%.

Вот ты где. Теперь у вас должно быть изображение, подобное приведенному ниже.

Есть вопрос? .