Кислота. Pixelart. Анимация

Уроки по анимации

Модераторы: Globator, Сильфида, Любовь, NEWESTA

Правила форума
Уроки Photoshop по анимации - раздел предназначен для публикации своих и переводных уроков по анимации.
1. Публикация уроков с русскоязычных ресурсов не разрешается.
2. Если публикуете перевод урока с англоязычного сайта, то не забывайте указывать автора и ссылку на первоисточник.
3. Для собственных уроков - подписывайте ник или имя.
4. Внимание: для вопросов, связанных с Adobe Photoshop, есть раздел Вопросы по работе в Adobe Photoshop.
5. Бессмысленные комментарии к урокам типа: "круто", "супер" и т.п., а также комментарии содержащие одни смайлы - будут удаляться без предупреждения.
6. Запрещено размещение материалов без указания авторов и ссылки на первоисточник, а также размещение ссылок на скачивание таких материалов на depositfiles.com, rapidshare.com, letitbit.com и т.д.
7. Пользователям запрещено создавать дополнительные аккаунты. Создание нескольких аккаунтов наказывается баном этих аккаунтов.

Нужен ли видео урок для этой анимации?

Да
5
83%
Нет
1
17%
 
Всего голосов: 6

.all.nuanse.black.
Сообщения: 34
Зарегистрирован: Ср мар 31, 2010 8:24 pm
Пол: Мужской
Antispam: Да

Кислота. Pixelart. Анимация

Сообщение .all.nuanse.black. » Ср апр 07, 2010 6:01 pm

Автор: all.nuanse.black

У меня есть возможность создания видео уроков - если нужен, то я создам его.

Создадим новый документ с прозрачным фоном размером 20х100.
Нарисуем две тёмнозеленые линии вот так(замечу, что отступ слева и справа равен 2 пикселям):
Изображение

Зальем расстояние между ними ядовито-зелёным цветом:
Изображение

Придадим объем:
Изображение

Нарисуем крепления:
Изображение

И еще одни поменьше:
Изображение

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

Теперь зальем крепления:
Изображение

Добавим объема - у мальеньких креплений так как и на самом цилиндре, а на больших - с небольшим сдвигом и добавим тень под верхним креплением
Изображение


Теперь пузырики. Создадим новый документ размером 20х200 и нарисем там разных пузыриков:
Изображение

Добавим отблесков света и применим стиль: обводка, наружная, 1px, цвет - светлосерый, создадим пустой слой и объединим их(что бы пропали стили).
Изображение
Изображение

Теперь в слое с цилиндром перетаскиваем содержимое этого слоя и прикрепляем маску: и ставим параметры слоя как на рисунке:
Изображение

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

У меня получилось 37 копий + первый исходный.


Анимируем:
Изображение

Или вот еще один вариант:
Изображение
Изображение

Аватара пользователя
Bagira
Сообщения: 2631
Зарегистрирован: Вт май 26, 2009 2:05 pm
Пол: Женский
Antispam: Нет

Re: Кислота. Pixelart. Анимация

Сообщение Bagira » Ср апр 07, 2010 6:11 pm

Очень интересный урок. :good:

Аватара пользователя
Globator
Админ
Сообщения: 3469
Зарегистрирован: Пн янв 01, 2007 10:57 pm
Пол: Мужской
Откуда: Планета Photoshop
Контактная информация:

Re: Кислота. Pixelart. Анимация

Сообщение Globator » Ср апр 07, 2010 6:27 pm

.all.nuanse.black.,
интересно :)

Аватара пользователя
Oceloti
Сообщения: 243
Зарегистрирован: Чт апр 08, 2010 2:46 pm
Пол: Мужской
Antispam: Нет
Откуда: Ukraine
Контактная информация:

Re: Кислота. Pixelart. Анимация

Сообщение Oceloti » Вт апр 13, 2010 2:21 pm

может стоит акцентировать внимание на плавности движения, а не на длине и разнообразии пузырей
Последний раз редактировалось Oceloti Вт апр 13, 2010 8:28 pm, всего редактировалось 1 раз.

Аватара пользователя
romadievski
Сообщения: 2720
Зарегистрирован: Вс дек 13, 2009 5:44 pm
Antispam: Да

Re: Кислота. Pixelart. Анимация

Сообщение romadievski » Вт апр 13, 2010 6:44 pm

пузырики они ...по отдельности всплывают :no:
а у Вас одной упряжкой....в глаза бросается сразу

.all.nuanse.black.
Сообщения: 34
Зарегистрирован: Ср мар 31, 2010 8:24 pm
Пол: Мужской
Antispam: Да

Re: Кислота. Pixelart. Анимация

Сообщение .all.nuanse.black. » Чт апр 15, 2010 9:21 pm

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

P.S. Как только починю свой компьютер обязательно сделаю видео урок, сейчас сижу под линуксом, а там это крайне не удобно
Изображение


Вернуться в «Анимация»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость