-Подписка по e-mail

 

 -Поиск по дневнику

Поиск сообщений в Photoshop_Tricks

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 30.04.2007
Записей:
Комментариев:
Написано: 1378


Анимация аватара: Неоновая линия

Четверг, 04 Июня 2009 г. 14:37 + в цитатник
Пятнистый_Щасвирнус все записи автора Доброго времени суток! :)

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

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





1. Откроем будущий аватар в Photochop, а также откроем панель слоев (F7).
Совет: картинку лучше подобрать более контрастную и не слишком светлую, чтобы эффект смотрелся красиво. Хорошо, если на картинке будет присутствовать легкое размытие.

2. Вооружимся инструментом Перо (Р).
Сразу оговорюсь: урок рассчитан на начинающих, поэтому для создания эффекта я выбрала Свободное перо. Если вы умеете пользоваться пером, прокладывая отрезки, проделайте следующий шаг самостоятельно - выйдет гораздо красивее. Пока же мы только знакомимся с тем, каким образом можно применять этот инструмент.

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



Теперь нарисуем с помощью пера спираль.
Вам потребуется немного терпения и усидчивости, чтобы линия получилась более ровной. Если результат вам не понравился, удалить линию можно, нажав Del.
(Сама я, как видите, старалась не очень :)))))



3. Теперь у нас есть контур будущей неоновой линии и нужно ее нарисовать.
Для этого нажмем D, чтобы восстановить цвета палитры по умолчанию, а затем нажмем X, чтобы поменять цвета переднего и заднего планов местами. Рабочим цветом стал белый.

4. Выберем мягкую круглую Кисть (В) со следующим настройками:



Нажмем F5 и увидим, что мы попали в настройки кисти.
Активируем динамику кисти, поставив галочку.



Теперь внимательно!!
а)Создадим новый прозрачный слой (Ctrl+Shift+N).
б)Снова возьмем инструмент Перо (Р).
в)Наведем перо на наш контур, нажмем правую кнопку мыши и в выпавшем меню выберем команду к обведению контура.



г)В следующем выпавшем окне поставим галочку, чтобы имитировать нажим.



Получилась белая линия, которая постепенно истончается.



Добавим эффектов.
Создадим еще один прозрачный слой (Ctrl+Shift+N).
Снова возьмем инструмент Кисть (В).
Снова нажмем F5 и в настройках кисти активируем разбрызгивание:



Повторяем пункты в-г.

Вокруг линии появились брызги.



Контур нам больше не нужен, нажмите Enter, чтобы его убрать.
Также нажмите Ctrl+E, чтобы объединить прозрачные слои с кистью.

5. Добавим нашей спиральной линии свечения. Для этого заходим в Стиль слоя - Внешнее свечение:



И ставим следующие настройки (цвет для свечения выбирайте яркий и подходящий по тону к вашей картинке):



Теперь возьмем ластик (Е) и сотрем ту часть спирали, которая должна быть за объектом, ножками то бишь.



Продублируем слой со спиралью (Ctrl+J) и отключим его видимость, нажав на глазик в панели слоев.



6. Мы готовы к анимации. Переходим в Image Ready (Shift+Ctrl+M).
Открываем окно с анимацией и окно со слоями (F7 и F11).

В окне анимации дублируем кадр:



Включаем видимость верхнего слоя со спиралью:



Создаем промежуточные кадры:





А затем снова дублируем кадр - выключаем видимость верхнего слоя и снова создаем такое же количество промежуточных кадров.

Наша линия замерцала, и аватар готов.
Сохраните анимацию как gif: Сохранить Оптимизированный Как... /Save Optimized As...
Результат:



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

Удачи! Критика, вопросы и пожелания всячески приветствуются.:)
Рубрики:  Делаем аватары


Процитировано 11 раз

Солнечный_лис   обратиться по имени Четверг, 04 Июня 2009 г. 15:11 (ссылка)
Спасибо! Очень интересный эффект!!!
Ответить С цитатой В цитатник
anikona   обратиться по имени Re: Анимация аватара: Неоновая линия Четверг, 04 Июня 2009 г. 20:54 (ссылка)
Какой классный урок))) Спасибо большое!

LI 7.05.22 beta
Ответить С цитатой В цитатник
Maxim_Ustinov   обратиться по имени Воскресенье, 07 Июня 2009 г. 00:59 (ссылка)
при использовании /Save Optimized As сохраняется только как jpg
при переименовании в gif исчезает эффект...
что делать?
спасибо
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Понедельник, 08 Июня 2009 г. 00:56 (ссылка)
Maxim_Ustinov, хм, вопрос интересный..
Признаться, сама такого ни разу не встречала, к тому же не знаю, какая версия ФШ у вас установлена.
Попробуйте перед тем, как сохранять через Save Optimized As, открыть в верхней панели: Окно (Window) - Оптимизация (Optimize) и проверить, стоит ли в окошечке формата слово GIF.
Ответить С цитатой В цитатник
Monro-Designs   обратиться по имени Воскресенье, 30 Августа 2009 г. 20:16 (ссылка)
Сделай пожалуйста урок на такой эффект
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Воскресенье, 06 Сентября 2009 г. 15:14 (ссылка)
MARGOLA, дым или спираль?
Ответить С цитатой В цитатник
Linulik   обратиться по имени Суббота, 12 Сентября 2009 г. 23:52 (ссылка)
Почему у меня линия не становится острой?????:(
Настройки поставила все такие, галочка стоит.....
Ответить С цитатой В цитатник
моё-небо   обратиться по имени Понедельник, 21 Сентября 2009 г. 09:51 (ссылка)
спасибо.
очень понравился.
и доступно всё написано.
вот что получилось у меня:
 (700x468, 531Kb)
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Понедельник, 21 Сентября 2009 г. 12:13 (ссылка)
Linulik, это может случиться только, полагаю, если при обведении контура линией забыли имитировать нажим:
 (500x107, 13Kb)
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Понедельник, 21 Сентября 2009 г. 12:14 (ссылка)
december_boys, линию бы чуть поровней, а так все здорово, спасибо:)
Ответить С цитатой В цитатник
Monro-Designs   обратиться по имени Пятница, 25 Сентября 2009 г. 22:33 (ссылка)

Ответ на комментарий Пятнистый_Щасвирнус

можно и то и другое!!!!!!!!!!!
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Понедельник, 28 Сентября 2009 г. 16:40 (ссылка)
MARGOLA, значит, я посмотрела на авик внимательно, вывод такой: спираль вполне по силам сделать в фотошопе, а дым анимирован, скорее всего, в программе Abrosoft Fantamorph или другой программе по морфингу изображений.
В ФШ вообще анимацию дыма сделать сложно - нужно очень много рисовать, так что если только имитацию попробовать сделать.
Ответить С цитатой В цитатник
моё-небо   обратиться по имени Вторник, 29 Сентября 2009 г. 17:43 (ссылка)
Пятнистый_Щасвирнус, а это задумка такая)
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Вторник, 29 Сентября 2009 г. 18:28 (ссылка)
december_boys, да, в этом даже что-то есть:)
Ответить С цитатой В цитатник
Fureur   обратиться по имени Вторник, 27 Октября 2009 г. 15:25 (ссылка)
спасибо! интересный урок!
Ответить С цитатой В цитатник
Jokerock-   обратиться по имени Суббота, 31 Октября 2009 г. 14:14 (ссылка)
спасибо. буду пробывать.х)
Ответить С цитатой В цитатник
Аноним   обратиться по имени Пятница, 06 Ноября 2009 г. 01:51 (ссылка)
Cool:) Thanx8)
Ответить С цитатой В цитатник    |    Не показывать комментарий
Аноним   обратиться по имени Неполучилось! Понедельник, 04 Января 2010 г. 17:31 (ссылка)
остались следы от ластика!

 (150x150, 17Kb)
Ответить С цитатой В цитатник
Аноним   обратиться по имени Понедельник, 04 Января 2010 г. 17:48 (ссылка)
Ну, теперь получше!
 (200x200, 116Kb)
Ответить С цитатой В цитатник
Аноним   обратиться по имени Четверг, 04 Февраля 2010 г. 07:53 (ссылка)
Исходное сообщение Maxim_Ustinov
при использовании /Save Optimized As сохраняется только как jpg

при переименовании в gif исчезает эффект...

что делать?

спасибо

В твоей версии ФШ скорее всего надо сохранять как "Сохранить для Web и устройств..."
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку