Приветствую всех на своем уроке, сейчас я научу вас делать эффекты подобные сдедующим
юб
Прошу заметить сразу следующие вещи:
1) Турториал предназначен для новичков, которые только что сели за фотошоп. Профессионалам он наврятли будет интересен
2) В связи с этим попытаюсь максимально подробно обьяснить каждый шаг
3) Тутор прошу строго не судить ибо в фотошопе совсем недавно
4) Тутор сделан по русифицированному Abode Photoshop CS3 так, что если у вас фотошоп на инглише-обратитесь к словарю
Итак, начем
1) Откроем фотошоп и подготовим рабочую область. Нам понадобятся: окно анимации, окно инструменты, окно слои, окно параметры и окно навигатор на случай зума. Выбираем Окно и ставим галочки. Получаем рабочую область
2) Создадим новое изображение 800х800. Файл-Новый и создаем документ со следующими параметрами:
Далее идем в Фильтр-Шум-Добавить шум
И ставим Монохромный шум 400%
Далее вновь идем в фильтр-размытие в движении и ставим следующие параметры
Получаем такую картину
Выделяем всю картинку инструментом Прямоугольная область
И копируем в буфер обмена (ctrl+c). Теперь можете его свернуть\закрыть\сохранить, он нам больше не понадобится
3) Создаем новый документ-юзербар 350х19
И клавишей ctrl+v вставляем изображение из буфера обмена, получаем
Во вкладке Слои появится второй слой, тот что вы только что вставили
4) Теперь перейдем к анимации. Выберем инструмент перемещение
Ещё раз вставим слой клавишами ctrl+v и передвинем его следующим образом
Т.е. передвиньте слой так, чтобы края слоя были немного за пределами юба. Если у вас автоматом при передвижении слой *притягивается* к краям юба, немного передвинте слой и не отпуская левую кнопку мыши, зажмите ctrl. Теперь вы можете свободно перемещать юб
Далее в панели анимации создайте новый слой
Получаем
После перемещаем этот слой аналогично вниз
Далее в панели анимации выбераем Создать промежуточные кадры и создаем нужное количество кадров (у меня 20) кадров
5) Выбираем инструмент Горизонтальный текст и пишем нужный вам текст. Я лично использовал junko's typewriter 24пкс. Думаю, в гугле найдете спокойно
Стиль слоя ставим на Перекрытие и выделяем значек
Далее выделяем все кадры (shift+кадр 1 и неотпуская shift+последний кадр) и делаем слой с текстом невидимым
Копируем слой с текстом несколько раз (например, 9). Получаем
Далее по очереди выделяем каждый кадр и на каждом кадре делаем видимым\невидимым нужный слой с текстом
и модифицируем его (слой с текстом) по-усмотрению:
*Делаем текст размытым (см. пункт 2)
*Перемещаем
*Поворачиваем\растягиваем (Редактирование-свободное трансформирование, далее поворачиваем как надо)
После выделяем все кадры и изменяем время анимации на нужное вам (у меня стоит 0,07)
И последнее, что делаем-создаем новый слой поверх предыдущих, выделяем весь бар Выделением, идем в редактирование-выполнить обводку и задаем черный цвет и 1 пиксель
Получим
И добавив ещё один фон (исходник ниже), получим юб
Далее сохраняем в формате gif
Внимание: если при сохранении фотошоп у вас виснет, сохраняйте в формате psd а после откройте сохраненный файл через ImageReady и сохраните Сохранить оптимизированный как. К сожалению, у меня (и не одного почему-то) повисает при сохранении в фотошопе, а перекачивать влом
Исходник первого юба можно скачать тут второго тут Если понадобится, обьясню точнее насчет инимации и раскадровки _________________
Последний раз редактировалось: MrRedlook (Вт Мар 31, 2009 10:08 pm), всего редактировалось 27 раз(а)
Хм... Я дурак и чайник в этом деле. Урок очень понятный, вот только при сохранение появилась проблема (я у фотошопа впервые), а именно, когда я пытаюсь сохранить в gif он предлагает мне два варианта ответа на вопрос "Свести слои и кадры анимации?". Первый: да, а второй - отмена. Аниация пропадает... Как сохранить, что бы осталась анимация?
Вы не можете начинать темы Вы не можете отвечать на сообщения Вы не можете редактировать свои сообщения Вы не можете удалять свои сообщения Вы не можете голосовать в опросах