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

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

 

Всем привет!

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

Так как автор урока (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

Данный материал подготовлен для Вас командой сайта /anime-look.ru

Данный материал предоставлен владельцами сайта anime-look.ru и имеют на него полные авторские права. При копировании или частичном использовании данных новостей на других сайтах, в обязательном порядке уведомить автора данной новости "Prescilla" и разместить активную ссылку на источник.

Комментарии к Как сделать Бигбар
Офлайн
Denya
Denya 21 июля 2014 09:58
вот мой результат)) Кстати где взять ту обводку? очень зочу)
Офлайн
krolli 31 марта 2014 12:50
У меня вопрос: а как сделать такую обводку? А то ну очень интересно
А урок очень понравился!)))
Офлайн
Mr.Nikford
Mr.Nikford 30 марта 2013 01:24

Спасибо за урок, старался как мог)
Офлайн
Ferry_Pistol
Ferry_Pistol 3 февраля 2013 15:34
спасибо за урок,ахах,я осознал что не фига не понимаю в фотошопе
Офлайн
vampirchig
vampirchig 22 января 2013 18:02
Извините конечно за может глупую просьбу,но все же,вы не могли бы сделать бигбар с вот этой картинкой?

p.s. я просто не смог разобраться :(
Офлайн
Prescilla 16 января 2013 15:29
Asou, сверху в панели (третья после смайликов).
--------------------
Офлайн
Kio Teru
Kio Teru 4 января 2013 18:50
Шикарный урок! Спасибо))
Офлайн
Asou
Asou 7 декабря 2012 21:24
Очень хороший урок, хоть и чуть-чуть недостаточно подробный для чайников как я))
Большое спасибо, выложил бы свой "шедевр" но не могу найти способа загрузки в комментарий изображения 0_о
Офлайн
KiRayne 21 ноября 2012 11:26
Потрясающий урок)) Большое спасибо)
Офлайн
Prescilla 4 ноября 2012 02:17
Цитата: Emionella
Только у меня вопрос: не могу разобраться с фотофильтрами. Как добавляю, палитра применяет оттенки серого, а цвета нет. Что за демоны мешают нормальной работе?

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

Работы у всех супер!
--------------------
Офлайн
stymestt
stymestt 1 ноября 2012 01:45
как-то так. думаю,что неплохо получилось для первого раза :)
Офлайн
Emionella
Emionella 27 октября 2012 12:29
Решила вот тоже поделиться результатом х) Только у меня вопрос: не могу разобраться с фотофильтрами. Как добавляю, палитра применяет оттенки серого, а цвета нет. Что за демоны мешают нормальной работе? Если что, я работаю в PS CS3
Офлайн
Prescilla 21 октября 2012 06:10
Цитата: lejsi99
Вот мой результат )))
Круто! Мне очень нравится
--------------------
Офлайн
lejsi99
lejsi99 20 октября 2012 18:37
Спасибо за урок
Вот мой результат )))
Ты был на аниме фестивале?