-Рубрики

 -Поиск по дневнику

Поиск сообщений в Lidia52

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 02.06.2011
Записей: 13971
Комментариев: 1909
Написано: 17481


Расстреливаем текст в Фотошопе

Вторник, 13 Марта 2012 г. 01:18 + в цитатник



Расстреливаем текст в Фотошопе
 

В данном уроке Фотошопа мы рассмотрим как можно "расстрелять" текст используя Анимацию.

Сложность урока - простой.

Приступаем к уроку Adobe Photoshop

Шаг 1: Создание фона.

Создаем новый документ. Я возьму размер 400х200рх.
Беру Расстреливаем текст в Фотошопе и заливаю его цветом 568b9d.

Расстреливаем текст в Фотошопе

Что бы сделать фон более интересным, добавлю ему гранжевую текстуру (можно найти море Grunge textures в поиске. Я возьму вот эту.)
Открываю ее в фотошоп, уменьшаю размер (Image - Image Size), либо сразу перетаскиваю на работу, и используя свободную трансформацию (Edit - Free Transform) подгоняю под размер фона.
Применяю к текстуре Image - Abjustment - DesaturateImage - Abjustment - Desaturate, и меняю режим наложения слоя на Vivid Light (в принципе можно выбрать любой другой, который вам понравится)

Расстреливаем текст в Фотошопе

Шаг 2: Работа с текстом.

Не буду утруждаться особо по поводу фона и перейду к тексту.
Для начала, напишем желаемое слово. У меня - "DEMIART", 60 pt, шрифт Clarendon Bold

Clarendon_Bold.rar ( 33.65к )

Расстреливаем текст в Фотошопе

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

Расстреливаем текст в Фотошопе

Теперь растрируйте каждую букву - кликните по слою - Rasterize Type

Расстреливаем текст в Фотошопе

Добавлю тени к буквам - двойной клик по слою и выберите Drop Shadow.
Сначала я добавляю тень к первой букве, а потом кликаю правой кнопкой мыши по стилям слоя - Copy Layer Style, кликаю правой кнопкой мыши по остальным буквам - Paste Layer Style

Расстреливаем текст в Фотошопе

Расстреливаем текст в Фотошопе

Расстреливаем текст в Фотошопе

Далее будем делать "убитые буквы".
Начнем с буквы D. Дублирую слой (переносим слой на кнопочку create a new layer), Edit - Free transform - поворачиваю букву под любым градусом.
Скачиваю Bullet brushes, беру Расстреливаем текст в Фотошопе, выбираю одну из скаченных кистей и делаю в букве дырочку.

Расстреливаем текст в Фотошопе

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

Расстреливаем текст в Фотошопе

В итоге мы имеем по два слоя на каждую букву - слой с "живой" буквой, и "убитой".
Теперь добавим крови, скачиваем Blood brush и перетаскиваем в фотошоп.
Слоев уже достаточно много, поэтому я создам папку для слоев и в ней буду создавать слои с кровью.
Под каждую букву мы будем добавлять свой отпечаток крови. Создайте в папке новый слой, возьмите одну из скаченных кистей, выберите красный цвет, подгоните размер кисти и кликните под первой буквой:

Расстреливаем текст в Фотошопе

Добавьте следов от крови и остальным буквам. Под каждую букву - свой след крови, поэтому каждая кровь будет на новом слое.

Расстреливаем текст в Фотошопе

Еще я хочу добавить текущей крови, в этой же "кровавой" папке я создам слой и сделаю там пару подтеков обычной круглой кистью:

Расстреливаем текст в Фотошопе

Шаг 3: Создание анимации.

Теперь отключим папку с кровью, мертвые буквы. И включим наш нормальный текст.

Расстреливаем текст в Фотошопе

Включаем окошко анимации (Windows - Animation). Будем работать с кадрами.
И так. Первый кадр - живой текст. Я поставлю ему время на 2.0 сек.

Расстреливаем текст в Фотошопе

Второй кадр - выставляю время на 0 сек (No delay).
Отключаю живую букву D и включаю слой с мертвой. А так же включаю слой в кровавой папке, который относится к букве D.

Расстреливаем текст в Фотошопе

Третий кадр - убиваю букву Е. А так же включаю слой с подтеком, который у нас на букве D. Подтек я подвину вверх, что бы он "скрывался", а на следующих слоях я буду его по чуть - чуть выдвигать. Поэтому на этом кадре мы не полностью выдвигаем подтек.

Расстреливаем текст в Фотошопе

Четвертый кадр - убиваю букву М. Здесь я еще больше выдвигаю подтек с буквы D, и так как у меня есть подтек на букве Е, я его тоже включу и немного выдвину.

Расстреливаем текст в Фотошопе

Пятый кадр - убиваю букву I. Двигаю оба подтека.

Расстреливаем текст в Фотошопе

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

Расстреливаем текст в Фотошопе

Автор: Pablo Honey.
Оригинал.

Источник: http://photoshoplessons.ru/animation/1614-rasstrelivaem_tekst.html

Рубрики:  ФОТОШОП И ДР./Уроки ФШ и др.


Процитировано 5 раз

татьяна_татуревич   обратиться по имени Вторник, 13 Марта 2012 г. 14:27 (ссылка)
Ответить С цитатой В цитатник
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку