Анимация Веб-дизайн Тюнинг Обработка фото Спецэффекты Эффекты текста Фотомонтаж Планшет
Скачать кисти Скачать книги Программы Скачать стили Скачать шрифты
Форум Новости Конкурсы Интервью Сайт-шоу Обзоры Партнеры Реклама Контакты Гостевая
Словарь терминов Горячие клавиши Установка Фотошопа
Фотомонтаж - меняем фон
Фотомонтаж - меняем фон


Сверкающее око (анимация)
Сверкающее око (анимация)


Как сделать макияж в Adobe Photoshop
Как сделать макияж в Adobe Photoshop


Как сделать текст из фото
Как сделать текст из фото


Предчувствие весны (рисуем девушку)
Предчувствие весны (рисуем девушку)

Главная страница » Анимация » Анимация - блики на предметах

Анимация - блики на предметах

Анимация  12 октября 2007  Просмотров: 6154   

Читаю посты на форуме. Многие просят поболее анимации. Вот несложный но очень полезный эффект. Отсвет пробегающий ... да по чему сейчас только их не запускают - по логотипам, предметам разным - ну вы видели конечно же в рекламе. Ну так вот принцип везде один - работает наложение маски. Итак приступим:


1. Запускаем Adobe Photoshop CS

2. Создаем новый файл ... ну пусть 400х300 пикселов.

3. Вставляем картинку с которой будем работать в дальнейшем.

4. Выбираем инструмент Lasso Tool (L)

5. Аккуратно отделяем шлем от всего остального и копируем его на новый слой.

6. Аналогичную операцию по отделению проводим с наплечником и также копируем его на новый слой.





7. Делаем блик на шлеме - создаем новый слой на нем - прямоугольное выделение и делаем градиентную заливку. Тип заливки - Reflected. Трансформируем изображение и подвигаем как указано вверху на анимированном рисунке. Выполняем наложение - Ctrl+G. (или Alt+Ctrl+G - для CS2).

Дополнительная информация
Оказалось в этом месте у многих возникла загвоздка. Чтож, расшифруем поподробнее раз возникла такая необходимость.
ИТАК как создать блик.

а) Делаем прямоугольное выделение (как отвечать не буду даже под пытками)



б) Создаем градиент. Тип заливки - Reflected. Смотрите наверху картинки выделено. Тяните инструмент из центра выделения к краю. Получится вот как на картинке. Нет - пробуйте еще!



в) Уменьшаем прозрачность слоя



г) Выбираем произвольную трансформацию.



д) Поворачиваем выделенный градиент под углом



е) Выполняем наложение - Пункт меню Layer - Create Clipping Mask комбинация Ctrl+G для CS (или Alt+Ctrl+G - для CS2).




8. Аналогичные операции выполняем для наплечника - создаем и накладываем маску.

9. Отодвигаем блики на исходные позиции - чтоб их не было видно. Сохраняем... Все, подготовка в Adobe Photoshop закончена!


10. Запускаем Image Ready

11. Создаем поочередно фреймы и на каждом следующем перемещаем нашу маску-градиент (лучше кнопками на клавиатуре - стрелками управления курсором) конечно выставляем необходимые задержки времени. Вначале анимируем блик на шлеме потом на плече. Но это впрочем не важно - кому как хочется так и делайте.


Кликните для увеличения



12. Ну вот собственно и все! Немного повторюсь - эти манипуляции вы можете проделывать и с текстом и с самыми разными предметами. Выглядит всегда неплохо. По такому же принципу делаются эти эффекты и во Flash - так что данная техника пригодится вам и далее.



Ниже - окончательный вариант анимации урока и еще один пример . Удачи друзья!


Если у Вас есть вопросы, можете задать их на нашем форуме.

Блог о продвижении сайтов и веб-дизайне

Понравился материал? Добавьте его в или подпишитесь на обновления сайта по e-mail (более 4400 подписчиков) или RSS (Как лучше читать RSS?).

 (голосов: 21)



 Похожие материалы:

  • Анимация- снег идет
  • Зима- морозные узоры на стекле
  • Африканские страсти и инструмент Перо
  • Как сделать коллаж в Adobe Photoshop
  • Создание анимированного GIF баннера

  • Рассылка 'Уроки Фотошоп на Globator.com'

     
    Интевью с Aliveart
    Aliveart-победитель конкурса "Мартовский кот"


    Амазонка - 1 место на конкурсе
    Амазонка - 1 место на конкурсе "Каждая девушка – загадка"


    Snailmeow - победительница конкурса Валентинок
    Snailmeow - победительница конкурса Валентинок


    Видеоуроки по Photoshop и ImageReady

    Компьютерная мебель: мир компьютерных столов на Комод.ру. штабелер складские стеллажи металлические склад стелажи. contact centre call-center. Книжная ярмарка - Интернет магазин книги, куплю книги.

    Анимация
    Веб-дизайн
    Тюнинг
    Обработка фото
    Спецэффекты
    Текстовые эффекты
    Фотомонтаж


    Яндекс цитирования Rambler's Top100

    О проекте

    Globator.net- это подробные уроки Photoshop, художественные кисти, красивые стили и полезные шрифты. Здесь вы найдете оригинальные уроки Фотошоп по следующим тематикам: фотомонтаж, обработка фото, анимация, спецэффекты, виртуальный тюнинг автомобилей и текстовые эффекты.

    Подписка на обновления сайта

    Вы можете получать обновления globator.net на e-mail или в свой RSS-ридер.


    Всего подписчиков:Рассылка 'Уроки Фотошоп на Globator.com'
    В случае перепечатки материалов сайта активная гиперссылка на Globator.net обязательна
    Уроки Photoshop, кисти Photoshop, стили и шрифты на Globator.net©   2006-2008
    Design by Globator