[ смайлы ][ пиксель ][ цитаты ][ форум ]

дорожный указатель: [ главная ] » [ уроки ] » [ анимированный смайлик 2 ]



Анимированный смайлик [ 1 ][ 2 ][ 3 ][ 4 ][ 5 ][ 6 ][ 7 ]

Творение. День первый.
- Примите нас пожалуйста в пионеры.
- А что вы умеете делать?
Скворечники строить умеете?
А строем ходить?
Ну а смайлики рисовать - умеете?

Реализация.

   Открываем фотошоп и, проявляя воспитанность, вежливо улыбаемся в интерфэйс. Если версия вашей программы руссифицированна, в качестве приветствия можно произнести несколько слов по-русски - она и не такое терпит.

   В меню File выбираем New, даем будущему творению неброское имя и задаем размеры рабочего холста - я предпочитаю 60х60 пикселей, ибо не знаю наперед, достанет ли места для творческого замаха. Бывает,что не укладываюсь, но увеличить размер холста, как и обрезать лишнее, можно позжее, по мере наступающей на горло необходимости.


   Отмечаем Transparent, что даст нам возможность получить прозрачный бэкграунд и, удовлетворенные первым днем творения тыкаем ОК (в правом верхнем углу).

   Ну что ж, начало неплохое, но не будьте растяпой и сразу же, не откладывая на завтра, сохраните уже наметившийся контурами будущий шедевр. Как сохранить докУмент знаете, да? Не знаете?!
Ну это просто - в меню File выбираете Save, в открывшемся окне указываете место захоронения (рекомендую убрать подальше - времена теперь неспoкойные..), и жмите ОК.

   Неторопясь перекуриваем, оправляемся.

   В палитре Tools выбираем Pencil



[рис.2] ...задаем ему диаметр в 15 пикселей,



[рис.3] ...цвет-черный



[рис.4] ...и шлепаем прямо посредине
нашего холста.



[рис.5]

   Меняем [рис. 2] диаметр грифеля на 13
пикселей, меняем цвет на желтый и шлепаем
прямо посредине того, что шлепнули раньше.

   Используем, не стесняемся, инструмент Zoom (увеличитель, а при вдавленной клавише Alt - еще и уменьшитель) для масштабирования холста. Скриншоты холста на этой странице сделаны с увеличением в 4 раза.

   Получилось просто замечательно.

   Если не получилось, вздохните и начните сначала - проигранная партия еще не вся игра. В конце концов, где-нибудь на планете есть кто-то, кто нас любит и ценит невзирая ни на что. Не знаю как ваc, а меня это утешает.

   Далее, сверяемся с замыслом... (Отдай бумажку, скотина!) Это я не вам, пардон..(Кышь отсюда!), ага - и смотрим, какие элементы нам понадобятся еще. А понадобится нам, видим мы, 4 пары глаз.
Создаем новый слой в палитре Layers, нарекаем его, ну скажем, "eyes1" [рис. 6], затачиваем [рис. 2] карандаш на 1 пиксель, цвет - черный, и рисуем: [рис. 7]


[рис.6]


[рис.7]

   Форма глаз может быть какая угодно. Да-да, ничего удивительного - при нынешней дороговизне-то... Например, такая - , или такая - , или даже вот такая - .

   Все используемые цвета можно также поменять на любые другие в самом конце в уже законченном гифе. Вообщем, не сдерживайте фантазию, отдайтесь музе...

    И не забываем, товарищи, время от времени давить Ctrl+S для сохранности наших с вами трудов. Те, у кого не работает клавиатура, но мышь еще дышит - с той же целью могут вытягивать из меню File команду Save.

   Дублируем "eyes1" [рис. 8] и даем новому слою имя "eyes2" [рис. 6].


[рис.8]
   Из палитры Tools выбираем инструмент Move (позиционер), сдвигаем слой "eyes2" в нужное (по замыслу) место и изменяем по нашим нуждам с помощью инструментов Pencil (карандаш) и Eraser (cтиралка)





[рис.9]

   Той же сапой дорисовываем оставшиеся глаза. То есть, дублируем любой из слоев "eyes", даем дублю новый порядковый номер, стираем ненужное и дорисовываем нужное. Фсё - с глазами покончено, как с позорным прошлым.

Все элементы должны находиться на отдельных слоях!

   Так, теперь нужны ручки, как же без ручек? Без ручек, оно, считай - инвалид. Сверяемся с эскизом - ручек у нас три. То есть, конечно, две, но в трех положениях. Открывем новый слой [рис. 6] и выводим на ем первую пару:



[рис. 10]
   Следущую пару рук мы сообразим вот так - по одной на каждом слое. Положение рук в плоскости одинаково, разница в зазоре между, то есть - нужный нам результат в процессе анимации можно получить простым сдвигом слоев относительно друг-друга.

   В конечном варианте должно получаться вот так:


   Итого...

На данный момент мы имеем :

Тело желтое с черной каемочкой.................1шт.
Глаза в ассортименте....................................4шт.
Руки - две пары, из них одна - на разных слоях. Всего - 3.
Для наглядности сведу все в таблицу - до обеда еще есть время.

Название слоя Изображение
Layer1
eyes1
eyes2
eyes3
eyes4
hands
hand_left
hand_right

   Если вы, в отличии от меня, личность обстоятельная и собираетесь рисовать смайлики тоннами - рекомендую заготовить шаболон со всеми ручками-ножками, какие только придут в голову и вам останется только чистая идея, немного анимации и море удовольствия. У меня, кстати, такой шаблон имеется, только я не знаю где он лежит.


[ 1 ][ 2 ][ 3 ][ 4 ][ 5 ][ 6 ][ 7 ]



дорожный указатель: [ главная ] » [ уроки ] » [ анимированный смайлик 2 ]

[ смайлы ][ пиксель ][ цитаты ][ форум ]

Copyleft. All right preserved.




Сайт управляется системой uCoz