Форум Запорожья
Loading...
Изображения
Вернуться   Форум Запорожья > Техника > Уголок дизайнера > Советы для дизайнеров
Перезагрузить страницу Собирающаяся картинка
Советы для дизайнеров делимся опытом
Ответ
 
Опции темы Опции просмотра
Старый 20.10.2008, 02:23   #1
Модератор
 
Аватар для Rem
 
Счастье Собирающаяся картинка

Предлагаю пример, как сделать картинку, которая будет составляться из анимированных фрагментов.
1. Откроем в Фотошопе новый документ (Ctrl+N). Цвет фона- белый.
2. Вставим картинку, которую мы будем использовать. Она должна быть немного меньше фона.
3. С помощью направляющих разделим ее на 4 части. Затем инструментом Прямоугольное лассо (Poligonal lasso) выделим каждый фрагмент и вырежем на новый слой (Shift+Ctrl+J), чтобы у нас получилось 5 слоев – фон и 4 слоя с фрагментами. Для удобства выделения можно слой с фоном пока сделать неактивным (щелкнув на глазике напротив него в палитре слоев).
4. Применим к первому слою некоторые эффекты. Щелкнем на значке f внизу палитры слоев и выберем Параметры наложения. Сделаем сначала Обводку (Stroke) (цвет– белый, положение –по центру, размер – 3 пикселя). Потом выберем Тень (Shadow) с параметрами: угол=120; смещение=5 пикс.; размах=20%; размер=20 пикс., непрозрачность=75% и галочку на Сглаживании. Жмем ОК – и стиль слоя готов!
5. Через констектное меню скопируем стиль слоя и применим его к остальным слоям (вклеим).
6. Произвольно повернем каждый фрагмент. Основа для анимации готова, и мы передаем получившееся в Image Reader.[Для просмотра данной ссылки нужно зарегистрироваться. Это займет не более 30 секунд]
7. Там мы вызовем окно Анимация (Animation) и отключим все слои, кроме 1-го и фонового. Они-то и будут отображаться в 1-м кадре Анимации.
8. Снимем с каждого слоя флажок с команды Сохранять изменения в 1-м кадре (через констектное меню).
9. Создадим дубликат первого кадра. Затем перетаскиваем инструментом Move фрагмент за пределы документа в правый верхний угол. Жмем кнопку Motion и задаем количество кадров в 20, установив начало со следующего кадра. Всего у нас получится 22 кадра.
10. Становимся на 1-й кадр и отключаем видимость 1-го слоя.
11. Затем на 22-м кадре включаем видимость 2-го слоя и делаем его дубликат. На этом же 22-м кадре перетаскиваем 2-й фрагмент в левый нижний угол (к началу движения), жмем на кнопку Motion и задаем те же параметры.
12. На последнем (43-м кадре)включаем видимость 3-го слоя, вновь делаем дубликат кадра и вновь перетаскиваем на предпоследнем (43-м) новый фрагмент к началу движения, жмем Motion и т. д.
13. По тому же алгоритму работаем с 4-м фрагментом. На последнем кадре (когда все фрагменты в сборе) делаем задержку в 5 с.[Для просмотра данной ссылки нужно зарегистрироваться. Это займет не более 30 секунд]
14. Сохраняем файл как оптимизированный для Web (c расширением .gif) и – любуемся результатом!
Конечно, это самый простой пример. Ведь фрагментов может быть сколько угодно, самых разных форм, с разными рамочками, и в качестве фрагментов можно представлять целые фотографии – получится анимированный фотоальбом! В общем, все зависит лишь от вашей фантазии!

------------------------------------------------------
Против индивидуальности медицина бессильна...
[img=http://img80.imageshack.us/img80/8651/87866762uw1.th.gif]
[Для просмотра данной ссылки нужно зарегистрироваться. Это займет не более 30 секунд]
Rem вне форума   Ответить с цитированием
Sponsored Links
Старый 23.12.2015, 12:00   #2
Турист
 
По умолчанию Собирающаяся картинка

заплутавшие сперматозоиды?
Beliberdiev вне форума   Ответить с цитированием
Ответ

Метки
анимация, фотошоп

Опции темы
Опции просмотра

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.
Trackbacks are Выкл.
Pingbacks are Выкл.
Refbacks are Выкл.
Быстрый переход


Запчасти камаз и других производителей | как отметить годовщину свадьбы

Работает на vBulletin® версия 3.7.2.
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.
Форум благодарен zCarot за русскую локализацию.