Наши кнопки

Баннер

Авторизация



Сейчас онлайн

Сейчас 1 гость и 0 пользователей онлайн
Нет пользователей онлайн.

altПриветствуем вас в разделе уроков нашего сайта!
Очень надеемся, что наши уроки вам пригодятся, помогут воплотить в жизнь ваши небольшие графические фантазии :)

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

Внимание! Копирование уроков сайта разрешено только при согласии администрации и при наличии в скопированном уроке прямой (кликабельной!) ссылки на оригинал-урок. 

Подробнее ...
 
Анимация объема аватары
Автор: MidnightDragon   

С помощью этого урока мы научимся создавать стереоизображения на наших аватарках. 

alt

С чем мы познакомимся в этом уроке: применение сдвига на несколько пикселей с помощью клавиатуры

Потребуется знание уроков: Учимся выделять и Плавный переход между кадрами

 

 

Вот еще одна работа с применением данного эффекта:

  alt

Итак, приступим.

Исходник:

alt



1. Открываем нашу картинку в Фотошопе.

2. Подбираем исходник. Чтобы достичь желаемого результата, нужно тщательно подобрать исходник. Лучше, если на вашей картинке уже чувствуется глубина и наши действия только подчеркнут ее.

3. Выделяем части картинки. Теперь с помощью быстрой маски выделяем фигуру на изображении (в нашем случае шарики) и с помощью клавиш Ctrl+J копируем выделение на отдельный слой.

alt

Далее проделываем ту же самую манипуляцию с фоном.

alt

Примечание: Чтобы не выделять два раза одно и тоже вы можете воспользоваться сохранением вашего выделения с помощью канала. О том, как это сделать и про выделение с помощью быстрой маски, вы сможете узнать если ознакомитесь вот с уроком - "Учимся выделять" smile

Теперь у нас 3 слоя: изначальная картинка, слой с фоном и слой с фигуркой. 

alt

4. Сдвигаем слои в разные стороны. Следующим шагом мы сдвигаем фон на 4 пикселя вправо, а шарики на 2 пикселя влево. Для этого выбираем на панели инструментов инструмент Move Tool (V) (инструмент перемещения):

alt


Выделяем слой с шариками (тыкнув по нему мышкой в панели layers-слои) и сдвигаем его влево с помощью стрелок на клавиатуре. Сдвигаем раза 2. Далее выделяем слой с фоном и сдвигаем вправо раза 4. Фон должен быть сдвинуть больше, чем шарики.

5. Занимаемся анимацией.

Переносим ваши изображения в Image Ready:

alt

Там, на панели "Animation" (Анимация) с помощью кнопки "Duplicates current frame" копируем изображение 2 раза: (дважды жмем)

 alt

Выставляем видимость слоев. (глаз около слоя) Для первого кадра:

alt

Для второго кадра:

alt

Для третьего такое же, как для первого.

Потом с помощью клавиши Tween (растяжка) делаем "Плавный переход между кадрами":

alt


Потом выставляем время в кадрах 0,1 сек и нажимаем кнопку Play/stops animation.

alt

P.S. Если у вас возникли какие-то вопросы по уроку – опишите в комментарии подробно вашу проблему, мы обязательно поможем вам разобраться! И не забудьте подписаться  на комментарии к уроку, если хотите получить ответ на свой вопрос как можно скорее.

Лучшее "спасибо" за урок - ваш комментарий! :)

 

 

Комментарии  

 
#4 Alisa 15.10.2010 10:17
Цитирую Eva:
Сразу на выделении получился затык :(
расстроилась очень и бросила :(((((((((((((( ((((

Расскажите подробно - в чем ваша проблема :) Можете прямо на форуме тему создать - я вам помогу и опишу все :)

Цитирую Ленана:
Вот что у меня получилось, большое спасибо за урок.
http://photostock.su/1773.gif

Чудесно! Очень аккуратно вышло!
Цитировать
 
 
#3 Ленана 11.10.2010 21:41
Вот что у меня получилось, большое спасибо за урок.
http://photostock.su/1773.gif
Цитировать
 
 
#2 Ленана 11.10.2010 21:40
Вот что у меня получилось. Спасибо за урок!
http://photostock.su/1773.gif
Цитировать
 
 
#1 Eva 31.05.2010 18:01
Сразу на выделении получился затык :(
расстроилась очень и бросила :(((((((((((((( ((((
Цитировать
 

Добавить комментарий


Защитный код
Обновить