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

Уроки 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 Photoshop Elements 12 позволяет легко и просто упорядочивать, редактировать и создавать великолепные фотографии, а затем демонстрировать их в напечатанном виде, через Интернет, в Facebook и многими другими способами. Adobe Photoshop Elements 12 Английский, Полная лицензия
Полнофункциональная версия продукта. Подписка  Adobe Creative Cloud для рабочих групп предоставляет возможность доступа к любым приложениям из пакета Adobe Creative Suite 6, а также ПО Adobe Photoshop Lightroom 4, Adobe Acrobat... Adobe Creative Cloud for teams Subscription Commercial - СКИДКА 30%
Бессрочная полная лицензия Adobe Flash Builder Standard 4.5 Русский. Adobe Flash Builder Standard 4.5 Русский, Полная лицензия
Полнофункциональная версия продукта для установки на ОС Windows. Русский язык. Photoshop Elements 12 & Adobe Premiere Elements 12 Windows, Русский, Полная лицензия
Создавайте свои лучшие фотоработы вместе с Corel PaintShop Pro X7. Благодаря более интеллектуальным функциям редактирования, на 30% более быстрым кистям, новым креативным инструментам и упрощенным средствам выбора цвета этот полнофункциональный ... Corel PaintShop Pro X7 ML Mini-Box, Русская коробочная версия
 
Другие предложения...
 
Курсы обучения   WWW.ITSHOP.RU
 
Другие предложения...
 
Магазин сертификационных экзаменов   WWW.ITSHOP.RU
 
Другие предложения...
 
3D Принтеры | 3D Печать   WWW.ITSHOP.RU
3D принтер Myriwell HL-300A является лидером в сегменте бюджетных (домашних) 3D принтеров. Стильный дизайн. Красивый дизайн и удобное управление помогут с легкостью воплотить ваши идеи в реальность. Простота использования. Объемная печать .. 3D принтер Myriwell HL-300A, пурпурный
Новые стандарты в персональной 3D печати! Профессиональный персональный 3D-принтер MakerBot Replicator устанавливает новые стандарты в мире 3D-печати. Область печати на 11% больше, чем у MakerBot Replicator 2. MakerBot Replicator 5th GEN
CubeX Trio — 3D-принтер с тремя печатающими головками и областью построения 185 × 265 × 240 мм. CubeX Trio
Мировая классика, этот цвет один из самых темных и самый черный цвет в мире. Мы долго трудились над тем, чтобы сделать его наиболее насыщенно черным. Катушка ABS-пластика Myriwell 1.75 мм 1кг., черная
PrintBox3D One - новый российский 3D принтер, спроектированный с участием лучших инженеров по ЧПУ оборудованию. Благодаря этому точность печати достигает 50 мкм! Это в два раза меньше, чем размер пикселя экрана Apple iPhone 4! PrintBox3D One
 
Другие предложения...
 
Книжный магазин   WWW.ITSHOP.RU
"UML для простых смертных" является прекрасным руководством, в котором показываю преимущества применения UML. Эта книга знакомит читателя с различными типами диаграмм и методиками моделирования; в ней приводятся случаи из реальной жизни, которые... UML для простых смертных. Руководство
В нашей стране ежедневно регистрируется около 1500 юридических лиц. Из них по мнению большинства специалистов более 60% являются созданными без намерения осуществлять законную предпринимательскую деятельность. Наследие лихих 90-х в виде... Защита финансовых интересов государства. Противодействие фирмами-однодневками и уклонению от уплаты налогов. Учебное пособие
Книга является руководством разработчика LSP-, FAS- и VLX-приложений, функционирующих в среде графического процессора AutoCAD версий 2005 и 2006. Содержит полную информацию по языкам AutoLISP и Visual LISP. Освещает вопросы СОМ-связи с внешними... AutoLISP и Visual LISP в среде Autocad (+ CD-ROM)
Самоучитель не только расскажет, но и покажет, как пользоваться Windows 8. Шаг за шагом, изучая материал последовательно, с помощью подробно иллюстрированных инструкций вы узнаете все об этой самой современной операционной системе, которая максимально... Современный самоучитель Windows 8. Цветное пошаговое руководство
Книга знакомит с принципами создания визиток, буклетов, постеров, упаковок, календарей, аппликаций, коллажей, открыток и других графических работ с помощью программ компьютерной графики CorelDRAW и Photoshop. Рассматривается, как восстановить старые... Подарки своими руками с CorelDRAW и Photoshop (+ CD-ROM)
 
Другие предложения...
 
Новости по теме
 
Рассылки Subscribe.ru
Информационные технологии: CASE, RAD, ERP, OLAP
Новости ITShop.ru - ПО, книги, документация, курсы обучения
Adobe Photoshop: алхимия дизайна
Corel DRAW - от идеи до реализации
Компьютерная библиотека: книги, статьи, полезные ссылки
 
Рассылки Maillist.ru
Информационные технологии: CASE, RAD, ERP, OLAP
Новости ITShop.ru - ПО, книги, документация, курсы обучения
Adobe Photoshop - уроки для каждого
SoftParad - обзоры лучших программ и утилит
 
Статьи по теме
 
Новинки каталога Download
 
Исходники
 
Документация
 
Обсуждения в форумах
Как извлечь рисунки из файла Word (24)
Вообще-то есть еще способ - сделать в Word-е Copy рисунка, открыть Microsoft Photo Editor и там:...
 
Corel. Сохранение файла в старом формате. (20)
у меня есть горящий вопрос по Корелу и никто мне не может дать на него ответ. Я работаю в...
 
Уроки CorelDraw: Визитная карточка (3)
Подскажите пожалуйста, как правильно вставить уже готовую визитную карточку (созданную в Corel...
 
Как заказчики обманывают наивных художников и дизайнеров (2)
Ни один уважающий себя деловой человек не будет бесплатно раздавать свою работу и тратить время...
 
Уроки CorelDraw: Растительный орнамент., Рисуем модные узоры (3)
Здравствуй, автор, у меня возникла проблема на этапе "Придадим форму основе орнамента, применив...
 
 
 



    
rambler's top100 Rambler's Top100