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

 

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

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

 -Статистика

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


Анимация аватара: Появление аватара из-под кисти

Пятница, 05 Октября 2007 г. 19:10 + в цитатник
Пятнистый_Щасвирнус все записи автора В этом уроке рассказвается, как сделать анимированный аватар с эффектом его постепенного появления как будто бы из-под кисти.



Откроем Фотошоп и создадим новый файл (Ctrl+N). Размеры файла установим, например, 150 на 150 (равными размеру будущего аватара).

Возьмем стандартную кисть (B) со следующими настройками:



Создадим новый прозрачный слой (Shift+Ctrl+N) нажмем D, чтобы сделать рабочим цветом черный цвет и закрасим центр следующим образом:



Затем откроем файл с картинкой, из которой вы желаете сделать аватар, если необходимо, откадрируйте его , возьмите инструмент Перемещение (V) и перетащите картинку мышью прямо на нашу черно-белую заготовку. Когда перетащите картинку, тем же инструментом подровняйте ее расположение, чтобы ее границы совпали с границами аватара.
В панели слоев (F7) вы увидите, что у нас имеется три слоя: белый, прозрачный с черным рисунком и сама картинка для аватара.

Нажмите Ctrl+G, и у нас создастся маска слоя. После чего объединяем маску с предыдущим слоем (Ctrl+E). Продублируйте слой (Ctrl+J).

Теперь возьмем архивную кисть (Y) с такими настройками:



нажмем X, чтобы сделать рабочим цветом белый, и закрасим кусочек картинки:



Теперь еще раз продублируем слой (Ctrl+J) и закрасим еще кусочек картинки:



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

Старайтесь не делать большого количества слоев, иначе будущий аватар будет много весить!!!

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



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

Дублируем кадр, нажав на эту кнопочку в окне анимации:



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



Затем еще раз дублируем кадр, верхний слой делаем невидимым, а тот, что ниже его - видимым, нажимая на изображения глазика.

Повторяем операции, пока не дойдем до самого нижнего слоя. Поставим время показа последнего кадра - 0.5 с.



Посмотрите, что у вас получилось, нажав на кнопку воспроизведения в окне анимации. Если вас все устроило, в меню Файл выберите пункт Сохранить Оптимизированный Как... (Save Optimized As...) и сохраните ваш аватар как gif.

В итоге эффект должен смотреться вот так:



Удачи! Не стесняйтесь задавать вопросы. :)
Рубрики:  Делаем аватары


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

Lady_Elora   обратиться по имени Пятница, 05 Октября 2007 г. 19:25 (ссылка)
Щасвирнусик, спасибо за урок, а то у меня нет ни сил, ни желания ничего выкладывать. Дни пошли совершенно дурацкие. :( Спасибо!
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Пятница, 05 Октября 2007 г. 19:36 (ссылка)
Lady_Elora, держись, не сдавайся, все наладится! Держу за тебя кулачки...
Урок, надеюсь, вышел понятный... :)
Ответить С цитатой В цитатник
starrycat   обратиться по имени Пятница, 05 Октября 2007 г. 20:35 (ссылка)
ой, так интересно:) сейчас буду пробовать! если что-то получится, покажу:)
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Пятница, 05 Октября 2007 г. 21:30 (ссылка)
starrycat, обязательно покажи! :)
Ответить С цитатой В цитатник
starrycat   обратиться по имени Пятница, 05 Октября 2007 г. 21:41 (ссылка)
вот что получилось:)
 (150x150, 20Kb)
Ответить С цитатой В цитатник
starrycat   обратиться по имени Пятница, 05 Октября 2007 г. 21:43 (ссылка)
Пятнистый_Щасвирнус, Спасибо большое:))) Ура!!! получилось
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Пятница, 05 Октября 2007 г. 22:08 (ссылка)
starrycat, здорово! Я бы посоветовала стирать чуть более маленькими кусочками... :) Молодец!
Ответить С цитатой В цитатник
starrycat   обратиться по имени Пятница, 05 Октября 2007 г. 22:11 (ссылка)
Пятнистый_Щасвирнус, да, вижу, что как бы нет такого эффекты будто из-под кисти, но главное, что суть ясна и в другой раз будет получше:))
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Пятница, 05 Октября 2007 г. 22:15 (ссылка)
starrycat, понять принцип - это самое главное! :) Я рада, что у меня получилось все понятно объяснить! :)
Ответить С цитатой В цитатник
starrycat   обратиться по имени Пятница, 05 Октября 2007 г. 22:18 (ссылка)
Пятнистый_Щасвирнус, да, все очень понятно Молодец!
Ответить С цитатой В цитатник
Harupi   обратиться по имени Пятница, 12 Октября 2007 г. 23:10 (ссылка)
Ну ... кое-как но получилось :)))
СПАСИБО за урок! Просто супер!
 (350x335, 89Kb)
Ответить С цитатой В цитатник
Victim0fLove   обратиться по имени Суббота, 13 Октября 2007 г. 23:46 (ссылка)
у меня нет Image Ready ((( что делать?помогите пожалуйста(((
Ответить С цитатой В цитатник
LaSt_LiGhT_SoUl   обратиться по имени Понедельник, 15 Октября 2007 г. 18:06 (ссылка)
как-то не так получилось...(((
 (150x150, 30Kb)
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Среда, 17 Октября 2007 г. 10:51 (ссылка)
Vikusya03, молодец! :) Я бы посоветовала последнийкадр подлиннее по времени делать, чтобы успевать разглядеть картинку. :)
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Среда, 17 Октября 2007 г. 10:52 (ссылка)
LaSt_LiGhT_SoUl, как-то не так, получилось, потому что не очень удачно выбрана кисть для стирания, нет ощущения, что это вообще кисть.
И я бы посоветовала стирать поаккуратнее, тобы не оставалось следов.
А так - молодец! :)))
Ответить С цитатой В цитатник
сЛёзы_АнгелА_2008   обратиться по имени Среда, 14 Ноября 2007 г. 11:55 (ссылка)
у меня не получается. я не могу новый прозрачный слой создать(
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Воскресенье, 03 Февраля 2008 г. 14:23 (ссылка)
сЛёзы_АнгелА_2008, как ты создаешь новый прозрачный слой? Что делаешь?
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Воскресенье, 03 Февраля 2008 г. 14:23 (ссылка)
Victim_of_love_xD, какая у тебя версия ФШ?
Ответить С цитатой В цитатник
Melianna   обратиться по имени Вторник, 11 Марта 2008 г. 18:12 (ссылка)
вроде получилось....рисуется ))) НО!!! не могу сделать мазками.....саму картинку...не поняла ((
 (150x150, 34Kb)
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Воскресенье, 23 Марта 2008 г. 13:55 (ссылка)
Melianna, стирай рисунок не пятнами, а линиями по косой: сначала сверху вниз, потом следующее стирание в обратном направлении - снизу вверх.
Ответить С цитатой В цитатник
Анка_Оскаррр   обратиться по имени У меня не получается( Суббота, 28 Марта 2009 г. 19:43 (ссылка)
Я не знаю.. такое впечатление. будто вы кусочек урока пропустили((( Вот тот момент, когда перетягиваешь картинку аватары на эти два фона, белый и прозрачный с чёрной кистью... вот я когда перетягиваю, у меня рисунок поверх остальных слоёв. Но у вас на картинке края авы УЖЕ замазаны белым. А если вы сами замазали после того, как перетянули, то зачем тогда создавать остальные фоны? (белый и прозрачный с кистью)
Ответить С цитатой В цитатник
Анка_Оскаррр   обратиться по имени Т__Т Суббота, 28 Марта 2009 г. 20:08 (ссылка)
и вообще, когда я нажимаю Ctrl+G у меня идёт какая-то группировка, а вовсе не маска слоя(((
Ответить С цитатой В цитатник
Анка_Оскаррр   обратиться по имени =) Суббота, 28 Марта 2009 г. 20:29 (ссылка)
ну, как говорится, Если не понимаешь, что делать, делай - как хочешь =Р
 (198x309, 43Kb)
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Понедельник, 30 Марта 2009 г. 14:55 (ссылка)
Анка_Оскаррр, по поводу вашей проблемы: я не пропускала кусочков урока, просто я не выкладывала промежуточных рисунков, вроде перетащим слой - картинка1, нажмем Ctrl+G - картинка 2... (кстати, тут может быть вполне определенный косяк, в некоторых версиях ФШ для этого действия нужно нажимать комбинацию Ctrl+Alt+G, я этого раньше не знала, все выяснилось уже опытным путем, а вот урок я не подредактировала, верно)

Но у вас же получилось, и вполне неплохо. :) Только я бы вам советовала не стирать целыми линиями, а по половинке, тогда эффект будет выглядеть еще красивее.:))
Ответить С цитатой В цитатник
Jeannot   обратиться по имени Четверг, 07 Мая 2009 г. 22:58 (ссылка)
Мего!) всё получилось! Спасибо за замечательный урок)
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Среда, 13 Мая 2009 г. 12:25 (ссылка)
Elisabeth_Dragonheart, отлично!
Ответить С цитатой В цитатник
Аноним   обратиться по имени Среда, 05 Августа 2009 г. 16:34 (ссылка)
Спасибо огромное за урок, но уменя не совсем то что нужно получилось...
Ответить С цитатой В цитатник    |    Не показывать комментарий
Комментировать К дневнику Страницы: [1] [Новые]
 

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

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

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

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