Гл.Меню |
|
|
Мастерская |
|
|
Всё для Сайта |
|
|
Всё для PhotoShop |
|
|
Всё для CS |
|
|
Другое |
|
|
Услуги сайта |
|
|
Блок№1 |
|
|
Разделы новостей |
|
|
Мини-чат |
|
|
Наш опрос |
|
|
|
Анимация
В этом Фотошоп уроке вы узнаете, как сделать анимацию для фона.
В дальнейшем вы сможете использовать эту технику для изготовления баннера или логотипа на сайт.
Шаг 1.
Создайте новый документ 350х350 px с белым фоном.
Откройте картинку, которую вы будете разрезать, в Фотошоп. Разместите ее в центре вашего документа.
Картинка должна быть меньше, чем сам документ.
Установите Линейки следующим образом (разделите на четыре равные части).
Чтобы сделать этот инструмент активным нажмите CTRL+R или View ] Rulers (Просмотр - Линейки)
Шаг 2.
Возьмите инструмент и создайте выделение вокруг левой верхней части картинки.
Затем нажмите Ctrl+J, чтобы скопировать выделение на новый слой.
То же самое можно сделать Layer ] New ] Layer via Copy (Слой - Новый - скопировать на новый слой)
Теперь вернитесь к основному изображению и проделайте то же самое с каждым квадратом. В конце просто удалите слой с картинкой.
Шаг 3.
Каждому кусочку картинки примените такие стили:
Layer ] Layer Style ] Blending Options (Слой - Стиль слоя - Параметры наложения)
Тень:
Обводка:
Затем
нажмите Ctrl+T или Edit ] Free Transform (Редактирование - свободная
трансформация) и примените данный инструмент к каждому кусочку.
Разверните их каким-нибудь уникальным образом.
Шаг 4.
Теперь оставьте видимым только один слой на фоне (здесь это layer 3)
Нажмите Shift+Ctrl+M чтобы переслать данные в ImageReady.
Там также как в Фотошоп будет рабочее окно, но кроме этого вы увидите еще полоску для кадров.
В рабочем окне перетащите картинку в верхний правый угол таким образом, чтобы остался видимым только маленький уголок.
Затем нажмите на кнопку Duplicates current frame (Создать дубликат текущего кадра), которая находится в окне с кадрами.
После чего перетащите картинку в рабочем окне снова на положенное место.
Выделите эти два кадра и нажмите на кнопку Tween (Добавить промежуточные кадры).
В окне Tween установите такие настройки:
Начать с: Выделенный кадр
Добавить кадров: 8
Слои: Все слои
После ОК кадры ваши станут быстро размножаться. Если нажать на кнопку Play (Воспроизвести), то получится вот так:
Шаг 5.
Далее на последнем кадре делаем видимым еще один слой в палитре и проделываем те же действия. Так с каждым кусочком.
Когда у вас все будет готово, зайдите в меню File ] Save Optimized As... (Файл - Сохранить оптимизированный как...)
Вот и результат:
У Вас получилось?
Работа одного фотошоп-мастера:
|
Категория: Анимация | Добавил: SPAIDER (29.09.2009)
|
Просмотров: 361
| Рейтинг: 0.0/0 |
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ]
|
|
Форма входа |
|
|
Привет: Гость
Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
|
Поиск |
|
|
Помощь |
Яндекс деньги 41001366606468 WMZ Z313815764623 WMR R328374170038 |
|
Наш баннер |
Код Нашего баннера
|
|
Друзья и топы |
Друзья |
|
Статистика |
Онлайн всего: 5 Бродяг: 5 Пользователей: 0
Зарег. на сайте Всего: 224 Новых за месяц: 0 Новых за неделю: 0 Новых вчера: 0 Новых сегодня: 0 Из них Администраторов: 1 Модераторов: 0 Проверенных: 0 Обычных юзеров: 223 Забаненных: 0
|
|
|