Photoshop'им потихоньку...

Ответить

1 … 27 … 81

Morning: 22.11.08 09:34

Inna писал(а):

У меня есть картинка, которую я хочу проанимировать (свет мигает) и добавить вот точно такой радужный эффект текста, как и в уроке.
Первое, что мне не понятно -это как залить на черный цвет мой рисунок? Я поняла именно КАК залить, но вот не могу понять, как рисунок мой взять, там свои текстуры и я не поняла , как в текстуры заливать свои рисунки.

Инна, если у тебя уже есть картинка, на которой мы будем делать анимацию, то конечно же ничего черным цветом заливать не нужно, в том уроке, что я давала, он просто играл роль фона, ага )))

Смотри скрин:
1 слой - твоя картинка
2 слой - текст
3 слой - градиент (он пока выключен, глазика нет, видишь? чтобы не перекрывал текст)

Inna писал(а):

.. второй- на сколько поняла с прозрачным текстом ( но Как его сделать это я тоже не врубилась, когда я нажимаю на выделить проз. слоя, то текст выделяется и его потом совсем с места не сдвинешь

) .

Не совсем верно, текст не прозрачный, цвет самый обычный, хоть оранжевый, хоть черный, все равно)) Ты все правильно делаешь на счет прозрачности, во-первых, текст потом тебе двигать не нужно, а, во-вторых, в целом ты его можешь двигать вообще-то, просто нужно интрумент правильный выбрать - Move Tool, простая стрелочка))

Смотри скрин: Слой с текстом активен - нажимаем на буквочку T - правой кнопкой мыши вызываем менюшку - выбираем Select Layer Transparency

Смотри скрин: Переходим на слой с градиентом (он у нас был подготовлен, но без глазика) - идем в меню Layer - Add Layer Mask - Reveal Selection

Смотри скрин: вот результат наших предыдущих действий. Ты можешь убрать глазик со слоя с текстом и цепь, соединяющую градиент и текст, чтобы было вот так:

Смотри скрин: активируем слой с градиентом (я выделила красненьким, куда нужно нажать)

Смотри скрин: Теперь, выбрав инструмент Move Tool ты можешь поэкспериментировать, поводить градиент по тексту, посмотри, как это работает)) Водишь градиент ты прям на картинке, смотри на стрелочки))

Поиграла с градиентом? ))
Сохраняй все в psd и иди в ImageReady.

Смотри скрин: первый кадр анимации: инструментом Move Tool ты сдвигаешь градиент так, чтобы он не окрашивал текст (положение градиента видно в менюшке слоев, на скрине я оставила кусочек букв, чтобы ты видела, куда я градиент сдвигаю)

Смотри скрин: можем выставить время кадра 0,1 сек - потом нажимаем Duplicates Current Frame - находясь во втором кадре, опять сдвигаем градиент, только теперь уже вправо, до тех пор, пока текст не скроется.

Смотри скрин: возвращаемся в первый кадр - нажимаем Tweens Animation Frames - в высочившем меню выставляем кол-во кадров, в моем случае - это 10, ты можешь и больше поставить. Чем больше кадров, тем тяжелее анимашка, но переход более плавный ))

Ну, теперь сохраняй все и наслаждайся результатом:

Inna писал(а):

И можно же с таким текстом добавить другую анимацию?

Я не экспериментировала. Думаю, что можно, все лишь от твоей фантазии зависит..Если есть идеи о том, что именно ты хочешь совмещать, сбрасывай в темку, будем придумывать вместе))
Инна, учи инструментарий!))
Если что-то все равно не понятно, пиши ))