(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 Creative Cloud для рабочих групп предоставляет возможность доступа к любым приложениям из пакета Adobe Creative Suite 6, а также ПО Adobe Photoshop Lightroom 4, Adobe Acrobat... Adobe Creative Cloud for teams Subscription Commercial - СКИДКА 30%
Adobe Photoshop Elements 12 позволяет легко и просто упорядочивать, редактировать и создавать великолепные фотографии, а затем демонстрировать их в напечатанном виде, через Интернет, в Facebook и многими другими способами. Adobe Photoshop Elements 12 Английский, Полная лицензия
Полнофункциональная версия продукта для установки на ОС Windows. Русский язык. Photoshop Elements 12 & Adobe Premiere Elements 12 Windows, Русский, Полная лицензия
Бессрочная полная лицензия Adobe Flash Builder Standard 4.5 Русский. Adobe Flash Builder Standard 4.5 Русский, Полная лицензия
Лицензия Toad for DBA Suite for Oracle, включая 1 год технической поддержки. Toad for DBA Suite for Oracle представляет из себя комплект из четырех инструментов и включает в себя Toad for Oracle Xpert with the DB Admin Module, Spotlight on Oracle... Quest Software. Toad for DBA Suite for Oracle
 
Другие предложения...
 
Курсы обучения   WWW.ITSHOP.RU
 
Другие предложения...
 
Магазин сертификационных экзаменов   WWW.ITSHOP.RU
 
Другие предложения...
 
3D Принтеры | 3D Печать   WWW.ITSHOP.RU
PrintBox3D One - новый российский 3D принтер, спроектированный с участием лучших инженеров по ЧПУ оборудованию. Благодаря этому точность печати достигает 50 мкм! Это в два раза меньше, чем размер пикселя экрана Apple iPhone 4! PrintBox3D One
3D принтер ProJet 5000 – самая крупная система трёхмерной печати в линейке продуктов ProJet, имеет максимальную рабочую камеру размером 550x393x300 мм и позволяет создавать прототипы максимального размера и максимальное количество деталей одновременно. 3D принтер ProJet 5000
3D ручка – первое в мире устройство, при помощи которого вы можете рисовать объемные фигуры в воздухе. Это компактное и простое в использовании устройство, которое не требует программного обеспечения или компьютера. 3D ручка Myriwell, серая
3D ручка Myriwell создана для того, чтобы создавать 3D объекты путем расплавления ABS пластика, 3D ручка проста в использовании и дешева в эксплуатации. Этот продукт должен быть интересен художникам, дизайнерам, энтузиастам, школьникам и студентам. 3D ручка Myriwell, голубая
CubeX - следующее обновление предшественника Cube. Теперь в принтере увеличена камера построения (275 × 265 × 240 мм). CubeX
 
Другие предложения...
 
Книжный магазин   WWW.ITSHOP.RU
Это практическое руководство станет незаменимым помощником для тех, кто желает создавать сайты на основе базы данных. В пятом издании этого бестселлера вы узнаете, как с помощью языка PHP, используемого в 20 миллионах сайтов по всему миру, создать... PHP и MySQL. От новичка к профессионалу
В учебном пособии рассматриваются основы объектно-ориентированного подхода и простейшие примеры создания приложений с графическим интерфейсом (GUI) в среде визуального программирования Visual C++; приведен обзор наиболее часто используемых... Языки и методы программирования. Создание простых GUI-приложений с помощью Visual С++
Эта книга представляет собой наиболее полное и реалистичное руководство по планированию, проектированию, прототипированию, реализации, переносу, администрированию и сопровождению Windows Server 2012. В значительной мере переработанная, она содержит... Microsoft Windows Server 2012. Полное руководство
Книга позволит быстро и эффективно освоить редактирование фотографий с помощью Adobe Photoshop CS4. Рассматривается решение самых востребованных и распространенных задач коррекции, ретуши и монтажа фотографий, создания панорамных снимков, исправления... Photoshop CS4 - это просто. Экспресс-методы обработки фотографий (+ DVD)
Рассмотрено применение различных интерфейсов прикладного программирования Windows (Win32 API) при разработке приложений с использованием Borland Delphi. Описаны основы работы с API. Подробно освещены вопросы практического применения API при создании... Программирование Win32 API в Delphi (+ CD-ROM)
 
Другие предложения...
 
Новости по теме
 
Рассылки Subscribe.ru
Информационные технологии: CASE, RAD, ERP, OLAP
Новости ITShop.ru - ПО, книги, документация, курсы обучения
Adobe Photoshop: алхимия дизайна
Corel DRAW - от идеи до реализации
Вопросы и ответы по MS SQL Server
Новые ссылки от National Software Developers Alliance
 
Рассылки 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