Внимание! Копирование уроков сайта разрешено только при согласии администрации и при наличии в скопированном уроке прямой (кликабельной!) ссылки на оригинал-урок. |
| Подробнее ... |
| Проявление текста |
| Автор: Алиса |
|
Этот урок поможет вам сделать плавно проявляющуюся надпись на вашей аватаре.
С чем мы познакомимся в этом уроке: принципы работы с видимостью слоев, команда "Duplicate current frame" 1. Создаем надпись. Создаем на нужной картинке текст. Украшаем его как хотим. Я выбрала вот такую картинку и сделала вот такую надпись:
Создав на своей картинке текст, вы можете заметить, что теперь у вас два слоя: основной и слой с текстом:
Для этого идем в "File" - "Edit in Image Ready": (Файл - Редактировать в Image Ready ). Или жмем вот эту кнопку на панеле инструментов:
Или пользуемся сочетанием "горячих" клавиш на клавиатуре: В окошке "Animation" (Анимация) делаем два дубликата нашего кадра, нажав на кнопку "Duplicated Current Frame" (Создать копию кадра - Далее выделяем первый кадр (тыкнув на него) и в панели layers (слои) убираем видимость для этого кадра слоя с текстом. Т.е. снимаем (нажав) значок глаза:
Выделяем второй кадр и для него, наоборот, ставим значок глаза (видимость) рядом со слоем текста:
Третий кадр остается, как и первый, без видимости текста. Зачем мы сейчас вот это все сделали? Объясняю: на нашей аватарке сначала будет появляться текст, а потом исчезать. Поэтому мы сначала убрали видимость слоя с текстом, а потом вернули ее и снова убрали. Если вы сейчас нажмете "play" в окошке анимации, то увидете вот это:
Чтобы текст медленно проявлялся и также медленно исчезал - мы должны сделать между нашими кадрами еще несколько - промежуточных. 3. Создаем переход от одного кадра к другому. Те, кто читал тему "Плавный переход между кадрами" может сделать эти кадры самостоятельно и не продолжать чтение инструкции. Выделяем второй кадр нашей анимации, жмем на кнопку "Tween..." (это и есть наш плавный переход): Выскакивает окно "Tween", где мы вводим нужное количество промежуточных кадров. ("Frames to Add") Еще раз напоминаю, что чем большее количество кадров между этими двумя вы создадите, тем плавнее будет переход. Но слишком много тоже создавать не стоит - много будет весить аватара, да и не красиво выйдет. Мера везде важна Я ввела цифру "4", значит между вторым и первым кадрами моей аватары будет еще 4 промежуточных кадра. Мы создали медленное проявление текста. Теперь выделяем наш последний кадр (тот, который раньше был третим) и снова повторяем операцию. Т.о. мы создаем угасание надписи. Жмем "play" и наслаждаемся результатом
Удачи! P.S. Если у вас возникли какие-то вопросы по уроку – опишите в комментарии подробно вашу проблему, мы обязательно поможем вам разобраться! И не забудьте подписаться на комментарии к уроку, если хотите получить ответ на свой вопрос как можно скорее. Лучшее "спасибо" за урок - ваш комментарий! :)
|

Приветствуем вас в разделе уроков нашего сайта!

):




Комментарии
с помощью команды "File - Save optimized as" (файл - сохранить как) и выберите нужный формат в выпадающем списке с расширениями - gif.Если не выйдет - пишите, объясню подробнее :)
Цитирую Дафута:
Очень рады! :)
Непременно будет. На нашем сайте мы публикуем уроки под cs2, но данный вопрос задается уже не в первые, поэтому - да, необходимость расписать единожды подробно появилась определенно :)
окей попробую, но всёравно неплохо было бы чтоб подробная инструкцие всёже была
Здравствуйте!
Да, к сожалению, с версии cs3 программу Photoshop было решено объединить вместе с Image Ready, и многие полезные функции (анимация в том числе) стали неудобными.
Для того, чтобы работать с анимацией прямо в программе - вызовите окошко "Animation" (Анимация) из меню "Window" прямо в фотошопе.
А если не выйдет - смело пишите нам, я разъясню подробнее, приложив картинки :)
RSS лента комментариев этой записи.