Как сделать Бигбар с эффектом огня

Как сделать Бигбар

Всем привет!

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

Так как автор урока (JACOK) сделал объяснения для хорошо ориентирующихся пользователей фотошопа, то я решила (надеюсь, он не рассердиться^^) немного изменить урок и добавить скриншоты с меню фотошопа.

Поэтому в этом уроке я буду вместе с вами учиться создавать этот красивый эффект.

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

И так приступим к созданию Бигбара…

Я буду использовать Photoshop CS6, а вы можете работать на свое усмотрение.

Шаг 1. Для начала создадим документ размером 500х300px.

Создадим документ размером 500х300px

Шаг 2. Теперь откройте в фотошопе обоину из аниме Black Rock Shooter и перенесите ее на ваш документ.

Открываем в фотошопе обоину из аниме Black Rock Shooter

Обоину можно оставить так или сделать зеркальное отображение (что я собственно и сделала).

Оставляем так или делаем зеркальное отображение

После откроем любого персонажа без заднего фона и перенесем на наш баннер

\"Тэцуя

Если вы не хотите тратить время на вырезание картинки, то можно скачать необходимое вам изображение в галерее: Аниме картинок

Персонажа переносим на банер

Шаг 3. Теперь мы начнем рисовать ^^.

Создайте новый слой под слоем с персонажем.

Создайте новый слой под слоем с персонажем

Затем возьмите круглую кисть оранжевого цвета и сделайте форму как на примере.

(Заливать слой черным цветом не нужно, это я сделала для того что бы вам было четче видно что рисовать)

Круглой кистью оранжевого цвета делаем форму как на примере

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

Стирайте оранжевый цвет, постепенно придавая нужную форму

Шаг 5. Создайте новый слой под слоем с оранжевым элементом. Затем возьмите кисть белого цвета и повторите форму оранжевого элемента. После меньшим ластиком придайте нужную форму (как в шаге 4).

Повторяем форму оранжевого элемента

Шаг 6. Создайте новый слой поверх слоя с оранжевым цветом. Выберите инструмент свободное лассо, а затем сделайте выделение по форме оранжевого цвета, только меньше (примерно на 2 px меньше).

Делаем выделение по форме оранжевого цвета, только меньше

А затем выберите кисть желтого цвета и закрасьте область выделения.

Кистью желтого цвета закрашиваем область выделения

После снимите выделение (Ctrl+D) и размойте края.

Размываем края

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

Делаем небольшие линии на желтом цвете

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

Кое-где так же можно добавить оранжевого цвета и размыть.

Делаем более мягкие линии и добавляем небольшую белую линию

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

Не рисуйте черные линии и белую рваную часть (как в шаге 7).

Делаем вокруг персонажа языки пламении

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

\"Делаем

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

Красим нижнюю часть персонажа

После поставьте настройки слоя на Soft Light (мягкий свет).

Ставим настройки слоя на Soft Light

Шаг 11. Создайте новый слой. Возьмите круглую кисть с мягкими краями светло оранжевого цвета. Проведите по всем лучам огня, а затем включите режим наложения слоя на Screen (осветление), с прозрачностью 60-65%.

Включаем режим наложения слоя на Screen

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

Такие кисти можно скачать у нас на сайте: Скачать кисти блеск

\"Рисуем

Шаг 13. Новый слой: возьмите круглую кисть большого размера с мягкими краями, а затем нарисуйте по бокам черные разводы как показано на примере (белым слой заливать не нужно!).

Рисуем по бокам черные разводы

Ставим слой в режим Overlay с прозрачностью 60-75

Ставим слой в режим Overlay

Шаг 14. Новый слой: возьмите круглую кисть большого размера с мягкими краями, а затем нарисуйте с левой стороны белую линию как показано на примере.

Рисуем с левой стороны белую линию

Ставим слой в режим Overlay(перекрытие) с прозрачностью 40-50%

Ставим слой в режим Overlay

Шаг 15. Новый слой: добавьте свет в верхней части баннера (большая, мягкая кисть белого цвета)

Добавляем свет в верхней части банера

Шаг 16. Новый слой: выберите инструмент градиент в радиальном режиме с оранжевым цветом и прозрачной частью.

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

Затем выставляем режим слоя на Divide (Разделить)

Ставим слой в режим Divide

Шаг 17. Новый слой: возьмите круглую кисть большого размера с мягкими краями, а затем нарисуйте с правой стороны черные линии как показано на примере.

\"Рисуем

Ставим слой в режим Soft Light (мягкий свет) с не прозрачностью 100%

\"Ставим

Шаг 18. Перенесите такую текстуру на наш банер (Для сохранения увеличьте картинку, чтобы сохранить в максимальном размере.)

Текстура цветных огоньков

Измените ее настройки, переведя в режим Lighten (замена светлым).

\"Переведем

Шаг 19.Теперь перенесите такую текстуру (Для сохранения увеличьте картинку, чтобы сохранить в максимальном размере.)

Текстура прозрачных шариков

И установите режим Lighten (замена светлым).

\"Переведем

Шаг 20.На новом слое, кистью оранжевого цвета добавьте плавную линию как на примере

\"Добавляем

И установите режим Soft Light (мягкий свет)

\"Установите

Шаг 20. Установите на основной палитре цвета: белый и черный. После откройте Layer> New Adjustment Layer> Photo Filter (Слои> новый корректирующий слой> фотофильтр)

Установите цвета белый и черный

Затем установите режим Soft Light (мягкий свет) и прозрачность на 20%.

Установите режим Soft Light

Шаг 21. Установите на основной палитре цвета: синий и желтый. После опять откройте Layer> New Adjustment Layer> Photo Filter (Слои> новый корректирующий слой> фотофильтр)

Установите цвета синий и желтый

Затем установите режим Soft Light (мягкий свет) и прозрачность на 20%.

\"Установите

Шаг 22. Повторите все то же самое с коричневым и оранжевым цветом.

Повторите все с коричневым и оранжевым цветом

На маске фильтра черной мягкой кистью уберите ее часть как на примере.

Мягкой кистью убираем часть

Затем установите режим Light (свет) и прозрачность на 10-15%.

\"Установите

Шаг 23. Откройте Layer> New Adjustment Layer> Posterize (Слои> новый корректирующий слой>- постеризовать)

\"Постеризовать\"

Затем установите прозрачность на 10-15%.

\"Установите

Делаем подпись и обводку в 1px. И вот все готово!

\"Делаем

И не забываем Что оформить таким способом можно не только баннера, но и свои рисунки, аватары, открытки и многое другое. Так же можно делать огонь других цветов, например: голубой, зеленый, фиолетовый, ну и другие)

Предлагаю вашему вниманию и другие варианты Бигбаров:

\"Бигбар

\"Бигбар

\"Бигбар

Бигбар с эффектом огня

Автор: JACOK

Перевод с французского и оформление: Prescilla

Данный материал подготовлен для Вас командой сайта https://bakemono.ru

Понравилась статья? Поделиться с друзьями:
Bakemono.RU
Комментариев: 14
  1. Denya

    вот мой результат)) slobber Кстати где взять ту обводку? an очень зочу) be

  2. krolli

    У меня вопрос: а как сделать такую обводку? А то ну очень интересно fascinated
    А урок очень понравился!)))

  3. Mr.Nikford

    Спасибо за урок, старался как мог)

  4. Ferry_Pistol

    спасибо за урок,ахах,я осознал что не фига не понимаю в фотошопе

  5. vampirchig

    Извините конечно за может глупую просьбу,но все же,вы не могли бы сделать бигбар с вот этой картинкой?

    p.s. я просто не смог разобраться :(

  6. Prescilla

    Asou, сверху в панели (третья после смайликов).

  7. Kio Teru

    Шикарный урок! Спасибо))

  8. Asou

    Очень хороший урок, хоть и чуть-чуть недостаточно подробный для чайников как я))
    Большое спасибо, выложил бы свой "шедевр" но не могу найти способа загрузки в комментарий изображения 0_о

  9. KiRayne

    Потрясающий урок)) Большое спасибо)

  10. Prescilla

    Цитата: Emionella
    Только у меня вопрос: не могу разобраться с фотофильтрами. Как добавляю, палитра применяет оттенки серого, а цвета нет. Что за демоны мешают нормальной работе?


    Можно скин? немного не понято

    Работы у всех супер!

  11. stymestt

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

  12. Emionella

    Решила вот тоже поделиться результатом х) Только у меня вопрос: не могу разобраться с фотофильтрами. Как добавляю, палитра применяет оттенки серого, а цвета нет. Что за демоны мешают нормальной работе? Если что, я работаю в PS CS3

  13. Prescilla

    Цитата: lejsi99
    Вот мой результат )))

    Круто! Мне очень нравится db

  14. lejsi99

    Спасибо за урок kiss
    Вот мой результат )))

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:
Нажимая на кнопку "Отправить комментарий", я даю согласие на обработку персональных данных и принимаю политику конфиденциальности.