24/08/15 Открыта запись на обучение вёрстки для майбба - ссылка на тему

Избранные уроки Photoshop


Вверх
Вниз

COLOR MATE

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » COLOR MATE » Уроки Photoshop » Проявляющийся текст


Проявляющийся текст

Сообщений 1 страница 16 из 16

1

Урок по принципу проявляющегося узора.
http://imgur.com/luEq2.gif

Не советую садиться за урок тем, кто не умеет делать бегущий блик
Итак, снова здравствуйте, мальчики/девочки/фотошопо_маньяки.
Сегодня я расскажу вам, как сделать проявляющийся текст.
Для начала выбираете картинку, чтобы подходила для текста. Я взяла (скажу честно) от балды, т.к.  я делаю образец.
Открываем картинку, кадрируем, пишем текст.
Затем растеризуйте его (для этого кликните правой кнопкой на иконке слоя с текстом и в выпадающем меню выберите Rasterize Type. )
Потом зажмите клавишу ctrl и кликните по иконке растеризованного слоя с текстом. Текст должен выделиться.
Затем НЕ СНИМАЯ ВЫДЕЛЕНИЯ создайте новый чистый слой. И на этом чистом слое, все так же не снимая выделения  жмите маску. Ту, что  называется add layer mask.
Должна появиться маска, на которой черным будет залит фон, а белым останется текст.
Далее необходимо убрать цепочку между слоем и маской (я нарисовала все по пунктам на картинке), для того чтобы ваша маска не двигалась вместе со слоем.
http://imgur.com/8YX8O.gif
Теперь выключите слой с текстом (тот слой, который растеризовали). Не забудьте это сделать, пожалуйста. (Я вот забыла и сделала это в конце).
Затем кликните правой кнопкой мыши на маску и выберите в выпадающем меню пункт Disable layer mask.
Эта функция позволяет отключить маску на время.
http://imgur.com/kyWn8.gif
Теперь нажмите на инструмент градиента. Выберите градиент от белого (можно и не от белого, выбирайте любой цвет)  к прозрачному и настройте его так, как показано на скрине. Грубо говоря, чтобы он в обе стороны уходил в прозрачное.
http://imgur.com/SefP9.gif
http://imgur.com/IeBH7.gif
Затем нарисуйте градиент (в зависимости от расположения текста. Если текст расположен  горизонтально - то градиент должен быть вертикальный, а если текст вертикальный –наоборот, горизонтальный).
Посмотрите, чтобы градиент не был слишком узок. Но и не был слишком широк.
http://imgur.com/1eqqE.gif
Включите маску (для это кликните на иконку маски мышью и в меню выберите enable layer mask).
Будьте  аккуратны и случайно не сдвиньте маску, кликните на иконку слоя. Подвигайте градиент вверх-вниз (ну или в стороны, если у вас надпись горизонтальная). Надпись должна проявляться.
Если проявляется, то значит, вы все сделали правильно.
Далее делаете анимацию по принципу бегущего блика.
Открываете панель анимации, на первом кадре уводите градиент так, чтобы надписи не было видно совсем. Затем создает второй кадр, и, пробежав градиентом по всей надписи, снова прячете градиент.
Жмете Tween и выставляете количество кадров.
http://imgur.com/FHgyi.gif
Вот что вышло у меня на скорую руку :
http://imgur.com/luEq2.gif

+6

2

Сделала только что :love:
http://www.10pix.ru/img1/2462/2936212.gif

+2

3

Вот что вышло у меня: http://i.smiles2k.net/cristmas_smiles/snegurochka.gif

http://imgur.com/beKn6.gif

+2

4

Ло, здорово)) Только время бы помедленнее немного.

+1

5

ОО
давно это искал
спасибо!

0

6

Спасибочки.

0

7

Спасибо за урок. http://colormate.ru/wp-content/uploads/2011/03/flower1.gif  Вот мой первый блин.

+1

8

Faith, саму технику освоила, но проблема с градиентом. У тебя левый край слишком ровный. Должен быть размытый. http://www.10pix.ru/img1/4447/3475774.gif

0

9

Ой да, теперь вижу. http://www.10pix.ru/img1/1547/3475842.gif  Спасибо большое за подсказку. http://colormate.ru/wp-content/uploads/2011/03/flower.gif

0

10

Надеюсь исправила и так лучше. http://www.10pix.ru/img1/1273/3475808.gif

+1

11

http://funkyimg.com/u2/368/482/_gif.gif

0

12

Вот только чур без избиений, и да наденьте очки, чтобы разглядеть куда же запихал я этот эффект))) но тем не менее суть понятна))  http://www.10pix.ru/img1/600667/3475845.gif
http://savepic.net/1563567.gif

0

13

Спасибо.

0

14

Спасибо, пригодилось, помогли.
Всё доступно и понятно.

0

15

thanks http://colormate.ru/wp-content/uploads/2011/03/clover.gif

http://uploads.ru/i/U/T/I/UTI4k.gif

----

Я ещё такое сделала)

http://uploads.ru/i/j/2/O/j2OrQ.gif

Отредактировано Бархат ночи (20-04-2012 21:30:24)

+1

16

Бархат ночи
молодееец!  http://uploads.ru/i/m/s/z/msz46.gif

0


Вы здесь » COLOR MATE » Уроки Photoshop » Проявляющийся текст