Текст
Перенесенная тема
Сообщений 1 страница 7 из 7
Поделиться32010-07-18 13:52:32
Результат
Итак, приступим)
Сздаем новый документ и пишем текст. Шрифт лучше выбрать не рукописный, не слишком тонкий и ажурный, что бы было где развернуться) Я использовала Storybook.
Когда работа над текстом закончиться пришло время растрировать слой с текстом (помните, что после этого редактировать надпись будет нельзя). С следуем по пути
Layer > Rasterize > Type
Выделяем текст CTRL + клин по слою с текстом. После этого (не снимая выделения) следуем по пути Select>Modify>Contract. В открывшемся окне ставим значение 5. Должно получиться нечто похожее.
Нажимаем CTRL+C, создаем новый слой и на нем CTRL+V. На этом новом слое опять CTRL + клин по слою с текстом. Чтобы вернуть наше выделение, возвращаемся на первоначальный слой с текстом и нажимаем DEL. Должно получиться на двух разных слоях части букв .
Теперь мы можем делать с ними что угодно. Начнем с внешней части. Ставим настройк стиля.
Время заняться «внутренностями». Для начала мы дублируем этот слой, сделаем его невидимым и на время забудем.
Выберете фактуру дерева, я использовала эту. Перетаскиваем ее в нашу композицию выше первого слоя с внутренностями, но ниже его копии. Зажимаем ALT наводим мышку между слоем с фактурой и видимым слоем внутренней части букв. Появился значок маски? Отлично, кликаем. У вас должно получиться это.
Уже неплохо, но давайте добавим немного объема. Активируем видимость нашей копии и применяем к нему такие настройки стиля: Blending Options: Custom > Fill Opacity на 0
Режим смешивания можно оставить на Normal или поменять на Color Dodge.
Вот и все, наш эффект готов. Осталось заметить, что слой с обводкой можно перетащит выше всех остальных, для получения более реалистичного эффекта.
Поделиться42010-07-18 13:55:28
Результат
Создаем новый документ и печатаем текст. Я решила добавить к нему 2х пиксельный контур.
Далее создаем документ по ширине в два раза больший чем текст и такой же по высоте. И с помощью инструмента Gradient Tool заливаем градиентом. Что бы анимация получилась непрерывной градиен должен состоять из двух идинтичных частей
Важно растянуть градиент точно от одного края до другого.
Перетаскиваем наш слой с градиентом на композицию выше слоя с тоекстом. Зажимаем ALT, наводим мышку между слоем с градиентом и слоем с текстом. Появился значок маски? Отлично, кликаем.
Теперь мы можем свободно перемещать градиент, он будет виден только на тексте.
Приступим к анимации. Если у вас нет соответствующего окна, откройте его Window>Animation.
На первом кадре равняем слой с градиентом и текст по левому краю. Создаем новый кадр нажав на значок.
На новом кадре двигая слой с градиентом влево, постарайтесь выровнять его так, что бы он почти не отличался от первого кадра (ведь наш градиент состоит из двух одинаковых частей).
Следующий шаг: создание промежуточных кадров. Клик по иконке выделенной на скрине выше. В откывшимся окне ставим нужное значение. Я выбрала 25. Чем больше число тем медленнее будет анимация, чем меньше – тем быстрее.
Готово! Сохраняем File> Save for Web
Поделиться52010-07-18 15:11:54
Результат
Создаем новый документ и печатаем текст.
Создаем новый слой и делаем небольшой наклонный градиент (ирструмент Gradient Tool). От прозрачного к белому и опять прозрачному. (Прозрачность регулируется параметром Opacity)
Слой с градиентом располагаем выше слоя с текстом. Зажимаем ALT, наводим мышку между слоем с градиентом и слоем с текстом. Появился значок маски? Отлично, кликаем.
Блик теперь виден только на тексте. (Здесь мне пришло в голову поработать над текстом. К теме нашего урока это не относиться, так что упустим объяснения.) Открываем окно анимации Window>Animation и на первом кадре перетащите слой с бликом влево.
На втором кадре вправо, также чтобы он был невиден.(кадры создаются кликом по иконке )
Нажимаем на иконку создания промежуточных кадров и в появившемся окне ставим значение 20. (Чем больше число тем медленнее будет анимация, чем меньше – тем быстрее.)
Готово! Сохраняем File> Save for Web
Поделиться62010-07-18 17:39:30
Результат
Открываем нужный вам документ.
Берем инструмент прямоугольник и сверяем верхнюю панель
Теперь точно по размеру изображения рисуем прямоугольник с закругленными краями.
Выделяем прямоугольник CTRL + клин по слою с фигурой. Затем Select >Inverse. Должны выделиться только уголки. Так? Тогда возвращаемся на слой с изображение и нажимаем DEL. Удаляем слой с прямоугольником, он больше не нужен. Конец.