Калейдоскоп - тестовик =___=

Объявление

Здесь некая важная (или не очень) информация, которую нужно скрывать...

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

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


Вы здесь » Калейдоскоп - тестовик =___= » Новый форум » Перенесенная тема


Перенесенная тема

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

1

Текст

0

2

http://s61.radikal.ru/i172/1007/99/784dceed4b27.jpg

0

3

Результат
http://s002.radikal.ru/i197/1007/e3/e70f0b966087.jpg
http://s39.radikal.ru/i083/1007/b5/00ce48c59532.jpg

Итак, приступим)
Сздаем новый документ и пишем текст. Шрифт лучше выбрать не рукописный, не слишком тонкий и ажурный, что бы было где развернуться) Я использовала Storybook.
Когда работа над текстом закончиться пришло время растрировать слой с текстом (помните, что после этого редактировать надпись будет нельзя). С следуем по пути
Layer > Rasterize > Type
Выделяем текст CTRL + клин по слою с текстом. После этого (не снимая выделения) следуем по пути Select>Modify>Contract. В открывшемся окне ставим значение 5. Должно получиться нечто похожее.
http://s44.radikal.ru/i103/1007/f6/2da1913cb112.jpg
Нажимаем CTRL+C, создаем новый слой и на нем CTRL+V. На этом новом слое опять CTRL + клин по слою с текстом. Чтобы вернуть наше выделение, возвращаемся на первоначальный слой с текстом и нажимаем DEL. Должно получиться на двух разных слоях части букв .
http://i073.radikal.ru/1007/56/8bf3477fcc6e.jpg
Теперь мы можем делать с ними что угодно. Начнем с внешней части. Ставим настройк стиля.
http://s001.radikal.ru/i196/1007/11/a445edee5212.jpg
http://s60.radikal.ru/i169/1007/db/6083f45dd828.jpg
http://s60.radikal.ru/i167/1007/8d/362f0d1578cd.jpg
http://s58.radikal.ru/i161/1007/87/5a7024b8bbdb.jpg

Время заняться «внутренностями». Для начала мы дублируем этот слой, сделаем его невидимым и на время забудем.
Выберете фактуру дерева, я использовала эту. Перетаскиваем ее в нашу композицию выше первого слоя с внутренностями, но ниже его копии. Зажимаем ALT наводим мышку между слоем с фактурой и видимым слоем внутренней части букв. Появился значок маски? Отлично, кликаем. У вас должно получиться это.
http://s46.radikal.ru/i111/1007/4a/d726ea59da18.jpg
Уже неплохо, но давайте добавим немного объема. Активируем видимость нашей копии и применяем к нему такие настройки стиля: Blending Options: Custom > Fill Opacity на 0

http://s45.radikal.ru/i110/1007/1c/ed6440013501.jpg

Режим смешивания можно оставить на Normal или поменять на Color Dodge.
Вот и все, наш эффект готов. Осталось заметить, что слой с обводкой можно перетащит выше всех остальных, для получения более реалистичного эффекта.

0

4

Результат
http://s13.radikal.ru/i186/1007/e1/b95cca00e6a5.gif

Создаем новый документ и печатаем текст. Я решила добавить к нему 2х пиксельный контур.

Далее создаем документ по ширине в два раза больший чем текст и такой же по высоте. И с помощью инструмента Gradient Tool заливаем градиентом. Что бы анимация получилась непрерывной градиен должен состоять из двух идинтичных частей

http://s61.radikal.ru/i173/1007/fd/44734258cd8e.jpg

Важно растянуть градиент точно от одного края до другого.

Перетаскиваем наш слой с градиентом на композицию выше слоя с тоекстом. Зажимаем ALT, наводим мышку между слоем с градиентом и слоем с текстом.  Появился значок маски? Отлично, кликаем.
Теперь мы можем свободно перемещать градиент, он будет виден только на тексте.

Приступим к анимации. Если у вас нет соответствующего окна, откройте его Window>Animation.
На первом кадре равняем слой с градиентом и текст по левому краю. Создаем новый кадр нажав на значок.

http://i070.radikal.ru/1007/18/21455f891d54.jpg

На новом кадре двигая слой с градиентом влево, постарайтесь выровнять его так, что бы он почти не отличался от первого кадра (ведь наш градиент состоит из двух одинаковых частей).

http://s001.radikal.ru/i195/1007/d0/fc77671af07a.jpg

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

Готово! Сохраняем File> Save for Web

0

5

Результат
http://s004.radikal.ru/i207/1007/11/3fedcc6b1df3.gif

Создаем новый документ и печатаем текст.

Создаем новый слой и делаем небольшой наклонный градиент (ирструмент Gradient Tool). От прозрачного к белому и опять прозрачному. (Прозрачность регулируется параметром Opacity)

http://s006.radikal.ru/i214/1007/e9/ee92f2ac758e.jpg

Слой с градиентом располагаем выше слоя с текстом. Зажимаем ALT, наводим мышку между слоем с градиентом и слоем с текстом.  Появился значок маски? Отлично, кликаем.

http://s006.radikal.ru/i214/1007/e9/ee92f2ac758e.jpg

Блик теперь виден только на тексте. (Здесь мне пришло в голову поработать над текстом. К теме нашего урока это не относиться, так что упустим объяснения.) Открываем окно анимации Window>Animation и на первом кадре перетащите слой с бликом влево.

http://s49.radikal.ru/i123/1007/4d/701cee7f2c04.jpg

На втором кадре вправо, также чтобы он был невиден.(кадры создаются кликом по иконке http://s53.radikal.ru/i140/1007/a4/7b138b0c8cf5.jpg)

Нажимаем на иконку создания промежуточных кадров http://s46.radikal.ru/i114/1007/a8/0da4994ade47.jpg и в появившемся окне ставим значение 20. (Чем больше число тем медленнее будет анимация, чем меньше – тем быстрее.)

Готово! Сохраняем File> Save for Web

0

6

Результат
http://s12.radikal.ru/i185/1007/e2/d5bcaaff831d.png
Открываем нужный вам документ.
Берем инструмент прямоугольник и сверяем верхнюю панель

http://s001.radikal.ru/i195/1007/32/e101db6b70f5.jpg

Теперь точно по размеру изображения рисуем прямоугольник с закругленными краями.

http://s41.radikal.ru/i092/1007/cf/47fa7d73de42.jpg

Выделяем прямоугольник CTRL + клин по слою с фигурой. Затем Select >Inverse. Должны выделиться только уголки. Так? Тогда возвращаемся на слой с изображение и нажимаем DEL. Удаляем слой с прямоугольником, он больше не нужен. Конец.

0

7

http://s52.radikal.ru/i135/1007/a2/8a42c9134d3a.gifhttp://s002.radikal.ru/i198/1007/a9/9a349078df4e.pnghttp://s41.radikal.ru/i093/1007/48/9765bd7c8751.pnghttp://i077.radikal.ru/1007/ae/fe04a56d0482.gif

0


Вы здесь » Калейдоскоп - тестовик =___= » Новый форум » Перенесенная тема