Уроки Фотошопа: "Бегущий текст"
|
|
Санна | Дата: Вторник, 28.12.2010, 14:32 | Сообщение # 1 |
Капитан
Сейчас: На суше
|
Легкая придурковатость снабжает мозг кровью и обеспечивает индивидуальное творческое пространство...
|
|
Санна | Дата: Среда, 24.08.2011, 15:44 | Сообщение # 2 |
Капитан
Сейчас: На суше
| Урок БЕГУЩИЙ ТЕКСТ
Выбираем подходящую картинку и придумываем слово, которое потом напишем. Дублируем слой. Пишем на новом слое первую букву. Оформляем её эффектами. Двойным щелчком левой кнопки мыши кликаем на иконке нового слоя. Первая буква (П) затемняется.
Пишем прямо на ней следующую букву (Р). Затем инструментом передвижение двигаем вторую букву на нужное место в ряду. Опять дублируем слой и повторяем всё с новой буквой ... И так до конца слова. Когда будет написано всё слово, смотрим на анимационный ряд. Там один кадр.
Дублируем кадр, убрав глазики со всех слоёв кроме того, где первая буква. Затем дублируем ещё один кадр с глазиком на второй букве и т.д. Так все буквы. Должны быть такие кадры - задний план, кадр с первой буквой, второй, ... последней и весь текст. Всё. Выставляем время, подобрав наиболее зрелищное, проигрываем и сохраняем правильно (сохранить для WEB и устройств). Выбираем формат GIF. Это, если у вас ФШ CS5 как у меня.
Не писала, каким инструментом пишем (Т) Можно писать и вертикально, сменив настройки текста вверху. Пробуйте и спасибо за внимание
Легкая придурковатость снабжает мозг кровью и обеспечивает индивидуальное творческое пространство...
|
|
(онечко | Дата: Четверг, 25.08.2011, 22:25 | Сообщение # 3 |
Боцман
Сейчас: На суше
| тени и блестки асилила. клево)))) с последним возюся) пасибки!
|
|
Богиня | Дата: Пятница, 26.08.2011, 17:01 | Сообщение # 4 |
Гость
Сейчас: На суше
| уроки простые и понятные.спасибо.)
|
|
|
Санна | Дата: Пятница, 13.01.2012, 14:47 | Сообщение # 6 |
Капитан
Сейчас: На суше
| Аля, молодец!
Легкая придурковатость снабжает мозг кровью и обеспечивает индивидуальное творческое пространство...
|
|
Бродяга | Дата: Пятница, 13.01.2012, 15:40 | Сообщение # 7 |
Почтальон Печкин
Сейчас: На суше
| Quote (Таисия) Опять дублируем слой и повторяем всё с новой буквой ...
Тая, а можно и по другому. Если фраза подлиннее, допустим, букв из 20-30 получается слишком много операций. Предлагаю такой способ.
На первом слое — картинка. На втором слое фраза и маска для нее. Создаем Gif -анимацию. В первом кадре маска находится за пределами текста — поэтому текста не видно. Дублируем этот кадр. Перемещаем маску так, чтоб она была над текстом. Текст становится видимым. Между этими кадрами создаем анимацию на количество кадров по количеству букв минус один. Теперь надо просто пройтись по каждому из кадров и поставить маску в правильное положение, чтоб она открывала только на одну букву больше, чем в предыдущем кадре.
Сообщение отредактировал Бродяга - Пятница, 13.01.2012, 15:45 |
|
Санна | Дата: Пятница, 13.01.2012, 16:01 | Сообщение # 8 |
Капитан
Сейчас: На суше
| Бродяга, Юлик, пожалуйста, расскажи подробней и со скринами.
Легкая придурковатость снабжает мозг кровью и обеспечивает индивидуальное творческое пространство...
|
|
Бродяга | Дата: Пятница, 13.01.2012, 17:29 | Сообщение # 9 |
Почтальон Печкин
Сейчас: На суше
| Quote (Таисия) расскажи подробней и со скринами
Хорошо. Но у меня Photoshop CS2, поэтому сама анимация создается в отдельной программе Image Ready CS2. А в остальном — всё то же.
Итак, на первом слое картинка. Создаем новый слой, пишем фразу и украшаем по вкусу.
Теперь инструментом прямоугольного выделения создаем область вокруг текста.
В палитре слоев нажимаем кнопку создание маски.
Отключаем связь между объектом и маской, чтоб можно было перемещать маску независимо от объекта. Для этого мышкой в палитре слоев щелкаем по цепочке между изображением и маской.
Теперь я перехожу в Image Ready, а у кого Фотошоп поновей — начинает создавать анимацию прямо в нем. Сначала в палитре слоев щелкаем по маске.
На слое маску не видно, но она есть. Сейчас инструментом перемещения мы уводим маску влево, за пределы текста. Вы увидите, что текст исчез. Итак, в первом кадре текста не видно Дублируем кадр. Во втором кадре перемещаем маску так, чтоб текст был виден.
Выделяем в палитре анимации оба кадра и создаем анимацию на 19 кадров.
Почему 19? Потому что в даной фразе 20 символов (включая пробелы). Один кадр, когда текста нет + 20 кадров по одному символу на кадр. Первый и последний кадры есть. Значит нужно создать еще 19. Жмем Ок и получаем набор из 21 кадра. Щелкните на 2-й кадр. Вы увидите, что маска не совсем правильно переместилась.
Это потому, что буквы имеют разную ширину, а компьютер расчитал равномерное перемещение маски на каждый кадр. Поэтому надо просто поправить положение маски так, чтоб была видна только первая буква. Пройдитесь по остальным кадрам и отрегулируйте положение маски, чтоб в каждом новом кадре добавлялась только одна буква. Перейдите на 1-й кадр (где текста не видно) и задайте ему время 1 секунда.
Теперь выделите кадры со второго по предпоследний и задайте им время 0,3 секунды. Последнему кадру я задал время 2 секунды. А теперь сохраните это все как вас учила Таисия, если у вас новая версия Фотошопа. А я в ImageReady дам команду "Save Optimised As..." и выберу GIF.
Сообщение отредактировал Бродяга - Пятница, 13.01.2012, 17:38 |
|
Аля | Дата: Пятница, 13.01.2012, 18:05 | Сообщение # 10 |
Лоцман
Сейчас: На суше
| Бродяга, спасибо за метод! Легко, мне понравилось!
Мы должны грести теми вёслами, которые нам даны
|
|
Бродяга | Дата: Пятница, 13.01.2012, 18:14 | Сообщение # 11 |
Почтальон Печкин
Сейчас: На суше
| Quote (Аля) не суди строго
И не собираюсь. Главное, что ты поняла принцип анимации маски. Молодец!
|
|
|
KorniloFF | Дата: Четверг, 24.05.2012, 12:40 | Сообщение # 13 |
Матрос
Сейчас: На суше
| Бродяга, отличный урок! С масками-то я уже работал, а вот про промежуточные кадры не знал!!! Спасибо!
Сообщение отредактировал KorniloFF - Четверг, 24.05.2012, 12:41 |
|