(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
Полнофункциональная коробочная версия продукта. БОНУС! WinZip Pro в комплекте с WinDVD Pro 11... Corel WinDVD Pro 11 Mini-Box, Коробочная английская версия
Купить Corel CorelDRAW Technical Suite X6 Corel CorelDRAW Technical Suite X6 ML (DVD Case), Коробочная версия
Количество ограничено, перед покупкой уточните наличие у менеджера ITShop. CorelCAD (DVD Case), Коробочная версия
Программное обеспечение Pixologic ZBrush 4R6 – это новая, значительно усовершенствованная версия программы для трехмерного моделирования... ZBrush 4R6 Win Commercial Single License ESD
Полнофункциональная коробочная версия продукта Corel Pinnacle Studio 17... Corel Pinnacle Studio 17 ML, Коробочная версия
 
Другие предложения...
 
Курсы обучения   WWW.ITSHOP.RU
 
Другие предложения...
 
Магазин сертификационных экзаменов   WWW.ITSHOP.RU
 
Другие предложения...
 
3D Принтеры | 3D Печать   WWW.ITSHOP.RU
Новый PICASO 3D Designer 1.2. PICASO 3D Designer (Желтый)
CubeX - следующее обновление предшественника Cube. Теперь в принтере увеличена камера построения (275 × 265 × 240 мм). CubeX
3D ручка Myriwell создана для того, чтобы создавать 3D объекты путем расплавления ABS пластика, 3D ручка проста в использовании и дешева в эксплуатации. Этот продукт должен быть интересен художникам, дизайнерам, энтузиастам, школьникам и студентам. 3D ручка Myriwell, голубая
Такой же белый, как падающий снег или свежо пастеризованное молоко или свежевыкрашенный забор. Этот цвет ярче, чем натуральный. С этим цветом вы сможете достигнуть нового уровня яркости моделей. Катушка ABS-пластика Myriwell 1.75 мм 1кг., белая
CubeX Trio — 3D-принтер с тремя печатающими головками и областью построения 185 × 265 × 240 мм. CubeX Trio
 
Другие предложения...
 
Книжный магазин   WWW.ITSHOP.RU
Программа AutoCAD уже многие годы является одним из наиболее мощных и широко распространенных инструментов проектирования. Данная книга представляет собой превосходное практическое руководство по AutoCAD 2014 - новейшей версии программы. Издание... AutoCAD 2014 ( + CD с видеокурсом) (+ CD-ROM)
HTML5 и CSS3 - будущее веб-программирования, но не обязательно ждать будущего, чтобы начать применять эти стандарты уже сегодня. Хотя спецификации этих языков еще находятся в разработке, большинство современных браузеров и мобильных устройств... HTML5 и CSS3. Веб-разработка по стандартам нового поколения
Сделать идеальный снимок практически невозможно, но его совсем не трудно поправить впоследствии, если знать, как это делается. Из этой книги вы узнаете, как творить с изображениями буквально чудеса средствами Photoshop CS6: от сглаживания морщин и... Photoshop CS6 для "чайников"
В книге последовательно излагается методика интеграции стратегического планирования и финансового анализа и планирования. Синтез этих подходов позволяет эффективно работать и реализовывать стратегию максимизации рыночной стоимости компании.
Книга... Реализация стратегии компании. Финансовый анализ и моделирование
С помощью данной книги вы сможете установить, переустановить, обновить, восстановить работоспособность Windows 8, настроить ее и решить проблемы с настройками. При этом не требуется никаких предварительных компьютерных навыков и знаний. Все... Установка, переустановка, восстановление, настройка Windows 8. Экспресс-курс по решению проблем с системой
 
Другие предложения...
 
Новости по теме
 
Рассылки Subscribe.ru
Информационные технологии: CASE, RAD, ERP, OLAP
Новости ITShop.ru - ПО, книги, документация, курсы обучения
Adobe Photoshop: алхимия дизайна
Delphi - проблемы и решения
Программирование на Visual С++
 
Рассылки Maillist.ru
Информационные технологии: CASE, RAD, ERP, OLAP
Новости ITShop.ru - ПО, книги, документация, курсы обучения
Adobe Photoshop - уроки для каждого
Delphi - проблемы и решения
Oracle с нуля
Программирование на Visual С++
 
Статьи по теме
 
Новинки каталога Download
 
Исходники
 
Документация
 
Обсуждения в форумах
Удалённая работа программистом ASP.NET(C#) (46)
Знанию asp.net(C#) . Знаком с паттернами проектирования по книги M.Файлера.Знание HTML,...
 
AutoCAD помощь чайнику (158)
Здравствуйте, Я только начал осваивать AutoCAD. Слышал такое определение как лимиты чертежа,...
 
Пишу программы на заказ профессионально (1199)
Пишу программы на заказ на языках Pascal (численные методы, списки, деревья, прерывания) под...
 
Программы Delphi на заказ (131)
Пишу программы в среде Delphi на заказ http://bddelphi.ucoz.ru/
 
70-671 экзмен на русском языке. (356)
Уже в третий раз пытался сдать экзамен MSP 70-671 на русском языке и все без результатно,...
 
 
 



    
rambler's top100 Rambler's Top100