(495) 925-0049, ITShop интернет-магазин 229-0436, Учебный Центр 925-0049
  Главная страница Карта сайта Контакты
Поиск  
Вход
Регистрация
Рассылки сайта
 
 
 
 
Голосование
Вас интересует приобретение лицензий Oracle Database с бесплатной установкой?
 
 

Уроки Photoshop: Как рисовать анимированные смайлики, компьютерная анимация

Источник: demiart

Как рисовать анимированные смайлики в Photoshop? Ответ здесь! Часть 1-создание общего рисунка.

Шаг 1.
Создайте новый файл:50 на 50 px,с RGB Colour и прозрачным задним слоем. Назовите слой Outline(Внешняя обводка).
Выберите цвет #565656(Убедитесь,что у вас есть этот серый цвет).
Приблизьте картинку на 1600%. Возьмите Pencil tool(cool.gif размером 1px и сделайте горизонтальную линию длиной 5px. Далее опуститесь вниз и сдвиньтесь на 1px вправо. Нарисуйте линию длиной 2px. Сделайте всё,как показано на рисунке:
Как рисовать анимированные смайлики *

Шаг 2.
Создайте новый слой.Назовите его Fill(заполнение). Сейчас мы должны приступить к окрашиванию.
Возьмите цвет #A1A1A1 и закрасьте им те точки,которые показаны на рисунке:
Как рисовать анимированные смайлики *

Далее возьмите цвет #AEAEAE и повторите тоже самое:
Как рисовать анимированные смайлики *

Потом по очереди #C2C2C2:
Как рисовать анимированные смайлики *

#D2D2D2:
Как рисовать анимированные смайлики *

#D8D8D8:
Как рисовать анимированные смайлики *

#DEDEDE:
Как рисовать анимированные смайлики *

#E7E7E7:
Как рисовать анимированные смайлики *

#F0F0F0:
Как рисовать анимированные смайлики *

Шаг 3.
Создайте новый слой и назовите его Left hand(левая рука).Это для нас она левая,потому что смотрим на спереди,а для рисунка она правая(Прим.переводчика).
Возьмите цвет #565656 и нарисуйте им горизонтальную линию размером 2px.Проделайте всё так,как показано на рисунке:
Как рисовать анимированные смайлики *

На том же самом слое закрасьте верхний левый угол цветом #E7E7E7. Затем #D2D2D2 для верхнего правого угла и нижнего левого. Цвет #AEAEAE для нижнего правого угла:
Как рисовать анимированные смайлики *

Продублируйте слой Left hand и назовите его Right hand(Правая рука). Используйте Move Tool(V) и переместите слой на правую сторону:
Как рисовать анимированные смайлики *

Объедините слои Outline и Fill. Назовите новый слой Body(Тело):
Как рисовать анимированные смайлики *

Шаг 5.
Создайте слой-папку exp​ressions(Выражения лица). Для нашего рисунка существует два выражения лица:открытые глаза и закрытые глаза(мигающие).
Создайте в папке слой Open eyes(Открытые глаза) и на этом фоне цветом #565656 нарисуйте глаза,как показано на рисунке(3px в высоту и 2px между глазами):
Как рисовать анимированные смайлики *

В этой же папке создайте слой Closed eyes(Закрытые глаза). Спрячьте слой Open eyes и нарисуйте цветом #565656 горизонтальную линию размером 6px:
Как рисовать анимированные смайлики *

Шаг 6.
Если вы хотите поменять цвет,то зайдите в Layer > New Adjustment Layer > Hue/Saturation (Ctrl, U). Пометьте Colorize и поменяйте Hue and Saturation. Сохраните:
Как рисовать анимированные смайлики *

Далее проделайте тоже самое с другими слоями,нажимая на кнопку Load:
Как рисовать анимированные смайлики *

Часть 2-анимация.

Шаг 7.
Переходите в Adobe Image Ready (Ctrl, Shift, M).

Шаг 8.
Если вы хотите сделать нормальную анимацию,скажем просто движение руки,добавляйте по 1px всё время:
Как рисовать анимированные смайлики *

Тоже самое можно сделать с глазами,телом и т.д.
Если хотите быстрее,добавляйте больше,чем 1px.

Шаг 9.
Убедитесь,что вы сделали нашему смайлу мигающие глаза.Для этого нужно сначала сделать видимым слой Open eyes,а потом Closed eyes.Должно получиться что-то такое:
Как рисовать анимированные смайлики *

Шаг 10.
Чтобы заставить наш смайл двигаться,не надо делать его просто скользящим:это выглядит некрасиво.
Заставьте смайл "прыгать" вверх на 1px.Пусть в то же время он двигается вперёд на 1px.
Продолжайте до того,пока не захотите его остановить:
Как рисовать анимированные смайлики *

Шаг 11.
Вскоре вы поймёте,что сможете сделать своего смайла со своими собственными эмоциями и действиями. Например(вот что получилось у автора):
Как рисовать анимированные смайлики *

Другие примеры:
Как рисовать анимированные смайлики *Как рисовать анимированные смайлики *Как рисовать анимированные смайлики *Как рисовать анимированные смайлики *

Ссылки по теме


 Распечатать »
 Правила публикации »
  Обсудить материал в конференции Дизайн, графика, обработка изображений »
Написать редактору 
 Рекомендовать » Дата публикации: 18.01.2010 
 

Магазин программного обеспечения   WWW.ITSHOP.RU
Программное обеспечение для настольных систем Adobe InDesign CS6 представляет собой универсальное приложение для публикации контента, которое обеспечивает точный контроль над дизайном и типографикой на уровне пикселов... InDesign CS6 8 Windows Russian Retail
Обновление с предыдущих версий CorelCAD. При приобретении Upgrade версии пользователь должен предоставить подтверждения наличия легального продукта, с которого осуществляется Upgrade. Допускается приобретение Upgrade версии коробочных продуктов с... Corel CorelCAD 2013 ML Upgrade (DVD Case), Коробочная версия
Полнофункциональная коробочная версия продукта. С Pinnacle Studio 17 Ultimate вы получите все функции и надежные технологии содержащиеся в Pinnacle Studio Plus... Corel Pinnacle Studio 17 Ultimate ML, Коробочная версия
 
Другие предложения...
 
Курсы обучения   WWW.ITSHOP.RU
 
Другие предложения...
 
Магазин сертификационных экзаменов   WWW.ITSHOP.RU
 
Другие предложения...
 
3D Принтеры | 3D Печать   WWW.ITSHOP.RU
3D SET CUBE Принтер. Большой объем рабочей камеры! Сдвоенный экструдер! Это новая версия основанная на модели MakerBot от Replicator... 3D SET CUBE Принтер (Куб, 2 экструдера-2 цвета)
Makerbot Replicator персональный 3D-принтер с возможностью двухцветной печати, который позволяет печатать довольно крупные вещи! MakerBot Replicator 2-head
Новые стандарты в персональной 3D печати! Профессиональный персональный 3D-принтер MakerBot Replicator устанавливает новые стандарты в мире 3D-печати. Область печати на 11% больше, чем у MakerBot Replicator 2. MakerBot Replicator 5th GEN
 
Другие предложения...
 
Книжный магазин   WWW.ITSHOP.RU
Книга позволит быстро и эффективно освоить редактирование фотографий с помощью Adobe Photoshop CS4. Рассматривается решение самых востребованных и распространенных задач коррекции, ретуши и монтажа фотографий, создания панорамных снимков, исправления... Photoshop CS4 - это просто. Экспресс-методы обработки фотографий (+ DVD)
В данном официальном руководстве по работе с графическим редактором CorelDRAW, подготовленном автором в тесном сотрудничестве с разработчиками корпорации Corel, рассмотрены все возможности программы, начиная с настройки рабочего пространства и работе... CorelDRAW® X5. Официальное руководство
Рассмотрены инструменты программы Adobe Photoshop CS6 и основные приемы работы с ними: выделение и редактирование фрагментов изображения; ретушь и коррекция; создание различных эффектов, включая текстовые; работа с контурами и векторными фигурами;... Photoshop CS6. Самое необходимое
 
Другие предложения...
 

Новости по теме
 
Рассылки Subscribe.ru
Информационные технологии: CASE, RAD, ERP, OLAP
Новости ITShop.ru - ПО, книги, документация, курсы обучения
Adobe Photoshop: алхимия дизайна
Corel DRAW - от идеи до реализации
Web-дизайн и е-коммерция. Советы изнутри и снаружи.
Программирование в AutoCAD
 
Рассылки Maillist.ru
Информационные технологии: CASE, RAD, ERP, OLAP
Новости ITShop.ru - ПО, книги, документация, курсы обучения
Adobe Photoshop - уроки для каждого
 
Статьи по теме
 
Новинки каталога Download
 
Исходники
 
Документация
 
Обсуждения в форумах
Как извлечь рисунки из файла Word (24)
Вообще-то есть еще способ - сделать в Word-е Copy рисунка, открыть Microsoft Photo Editor и там:...
 
Corel. Сохранение файла в старом формате. (20)
у меня есть горящий вопрос по Корелу и никто мне не может дать на него ответ. Я работаю в...
 
Уроки CorelDraw: Визитная карточка (3)
Подскажите пожалуйста, как правильно вставить уже готовую визитную карточку (созданную в Corel...
 
Как заказчики обманывают наивных художников и дизайнеров (2)
Ни один уважающий себя деловой человек не будет бесплатно раздавать свою работу и тратить время...
 
Уроки CorelDraw: Растительный орнамент., Рисуем модные узоры (3)
Здравствуй, автор, у меня возникла проблема на этапе "Придадим форму основе орнамента, применив...
 
 
 



    
rambler's top100 Rambler's Top100