(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 13 & Adobe Premiere Elements 13. Возможность использования для платформ Windows и MAC OS. Язык интерфейса:... Adobe Photoshop Elements 13 & Adobe Premiere Elements 13 Windows, Русский, Полная лицензия
Лицензия на обновление с предыдущих версий для частных пользователей и коммерческих организаций: из двух продуктов Adobe Photoshop Elements 13 & Adobe Premiere Elements 13. Возможность использования для платформ Windows и MAC OS. Язык интерфейса:... Photoshop Elements 13 & Adobe Premiere Elements 13 Английский, Обновление
Полнофункциональная версия продукта. Подписка  Adobe Creative Cloud для рабочих групп предоставляет возможность доступа к любым приложениям из пакета Adobe Creative Suite 6, а также ПО Adobe Photoshop Lightroom 4, Adobe Acrobat... Adobe Creative Cloud for teams Subscription Commercial - СКИДКА 30%
Новая лицензия для частных пользователей и коммерческий организаций: Полнофункциональная версия Adobe Premiere Elements 13. Возможность использования только для платформы Windows. Язык интерфейса: Русский. Поставка по электронной почте: Ключ и ссылка... Adobe Premiere Elements 13 Windows, Русский, Полная лицензия
Новая лицензия для частных пользователей и коммерческих организаций: Полнофункциональная версия из двух продуктов Adobe Photoshop Elements 13 & Adobe Premiere Elements 13. Возможность использования для платформ Windows и MAC OS. Язык интерфейса:... Adobe Photoshop Elements 13 & Adobe Premiere Elements 13 Английский, Полная лицензия
 
Другие предложения...
 
Курсы обучения   WWW.ITSHOP.RU
 
Другие предложения...
 
Магазин сертификационных экзаменов   WWW.ITSHOP.RU
 
Другие предложения...
 
3D Принтеры | 3D Печать   WWW.ITSHOP.RU
Мировая классика, этот цвет один из самых темных и самый черный цвет в мире. Мы долго трудились над тем, чтобы сделать его наиболее насыщенно черным. Катушка ABS-пластика Myriwell 1.75 мм 1кг., черная
Трехмерный принтер MakerBot Replicator Mini. Один из самых портативных, настольный 3D-принтер MakerBot Replicator Mini прост в использовании и подойдет всем, от новичков до профессионалов. MakerBot Replicator Mini
Новый PICASO 3D Designer 1.2. PICASO 3D Designer (Красный)
3D принтер ProJet 1500 – персональный принтер, использующий технологию FTI, также как V-flash. Он также применяет пластик в качестве модельного материала. Его главное отличие от V-flash – работает материалами шести цветов, что позволяет получать... 3D принтер ProJet 1500
3D принтер ProJet 5000 – самая крупная система трёхмерной печати в линейке продуктов ProJet, имеет максимальную рабочую камеру размером 550x393x300 мм и позволяет создавать прототипы максимального размера и максимальное количество деталей одновременно. 3D принтер ProJet 5000
 
Другие предложения...
 
Книжный магазин   WWW.ITSHOP.RU
Книга посвящена разработке Web-приложений для платформы Google App Engine и на основе фреймворка Google Web Toolkit на языке программирования Java и с использованием среды разработки Eclipse. Рассмотрено создание проектов и запуск GWT-приложений и... Google App Engine Java и Google Web Toolkit: разработка Web-приложений
В этой книге описаны все основные средства языка С++ - от элементарных понятий до супервозможностей. После рассмотрения основ программирования на C++ (переменных, операторов, инструкций управления, функций, классов и объектов) читатель освоит такие... C++. Базовый курс
Если вы хотите освоить и научиться эффективно пользоваться Photoshop CS6 для решения своих творческих задач, то эта книга как ничто поможет вам в этом. В ней вы найдете грамотное, доступное и структурированное описание всевозможных инструментов и... Adobe Photoshop CS6. Официальная русская версия. Учебный курс
Книга является руководством разработчика LSP-, FAS- и VLX-приложений, функционирующих в среде графического процессора AutoCAD версий 2005 и 2006. Содержит полную информацию по языкам AutoLISP и Visual LISP. Освещает вопросы СОМ-связи с внешними... AutoLISP и Visual LISP в среде Autocad (+ CD-ROM)
Книга знакомит с принципами создания визиток, буклетов, постеров, упаковок, календарей, аппликаций, коллажей, открыток и других графических работ с помощью программ компьютерной графики CorelDRAW и Photoshop. Рассматривается, как восстановить старые... Подарки своими руками с CorelDRAW и Photoshop (+ CD-ROM)
 
Другие предложения...
 
Новости по теме
 
Рассылки Subscribe.ru
Информационные технологии: CASE, RAD, ERP, OLAP
Новости ITShop.ru - ПО, книги, документация, курсы обучения
Краткие описания программ и ссылки на них
eManual - электронные книги и техническая документация
Компьютерные книги. Рецензии и отзывы
Программирование на Visual Basic/Visual Studio и ASP/ASP.NET
 
Рассылки Maillist.ru
Информационные технологии: CASE, RAD, ERP, OLAP
Новости ITShop.ru - ПО, книги, документация, курсы обучения
SoftParad - обзоры лучших программ и утилит
eManual - электронные книги и техническая документация
 
Статьи по теме
 
Новинки каталога Download
 
Исходники
 
Документация
 
Обсуждения в форумах
Как извлечь рисунки из файла Word (24)
Вообще-то есть еще способ - сделать в Word-е Copy рисунка, открыть Microsoft Photo Editor и там:...
 
Corel. Сохранение файла в старом формате. (20)
у меня есть горящий вопрос по Корелу и никто мне не может дать на него ответ. Я работаю в...
 
Уроки CorelDraw: Визитная карточка (3)
Подскажите пожалуйста, как правильно вставить уже готовую визитную карточку (созданную в Corel...
 
Как заказчики обманывают наивных художников и дизайнеров (2)
Ни один уважающий себя деловой человек не будет бесплатно раздавать свою работу и тратить время...
 
Уроки CorelDraw: Растительный орнамент., Рисуем модные узоры (3)
Здравствуй, автор, у меня возникла проблема на этапе "Придадим форму основе орнамента, применив...
 
 
 



    
rambler's top100 Rambler's Top100