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

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

 

Всем привет!

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

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

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

 

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

 

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

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

 

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

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

 

 

 

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

Открываем в фотошопе обоину из аниме 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Ставим настройки слоя на Soft Light

 

 

 

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

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

 

 

 

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

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

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

 

 

 

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

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

 

 

 

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

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

 

 

 

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

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

 

 

 

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

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

 

 

 

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

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

 

 

 

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

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

 

 

 

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

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

 

 

 

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

Рисуем с правой стороны черные линии

 

 

 

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

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

 

 

 

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

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

 

 

 

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

Переведем текстуру в режим Lighten

 

 

 

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

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

 

 

 

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

Переведем текстуру в режим Lighten

 

 

 

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

Добавляем плавную линию оранжевого цвета

 

 

 

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

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

 

 

 

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

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

 

 

 

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

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

 

 

 

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

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

 

 

 

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

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

 

 

 

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

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

 

 

 

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

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

 

 

 

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

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

 

 

 

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

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

 

 

 

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

Установите прозрачность на 10-15%

 

 

 

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

Делаем подпись и обводку в 1px

 

 

 

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

 

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

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

 

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

 

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

 

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

 

Автор: JACOK

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

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

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

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

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

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

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

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