Текстовый эффект "Кардиограмма" + Видео

Сегодня я научу вас делать интересный эффект, который применим к тексту. Еще, начиная с сегодняшнего урока, я постараюсь делать и видео к урокам. Т.е. у вас будет выбор либо делать урок по описаниям и картинкам, либо по видео. Т.к. видео получается достаточно большого размера видео-уроки будут вылаживаться на файлообменные сервера. Ну а теперь к нашему уроку.

Шаг 1.

Создаем новый документ 500х500 px с помощью комбинации клавиш Ctrl+N либо с помощью меню File>New (Файл->Новый).

mol_1.jpg

Шаг 2.

Сделаем слой Background (Задний план редактируемым). Для этого в панели Layers (Слои) кликнем правой кнопкой мыши на наш слой и выберем в появившемся меню Layer From Background (Слой из фона). В появившемся окошке нажмем ОК.

mol_2.jpg

Шаг 3.

Создадим подходящий фон. Для этого дважды кликните по нашему слою и в появившемся окне укажите следующие настройки

mol_3.jpg

В результате получим вот такой вот фон

mol_4.jpg

Шаг 4.

Создадим новый слой с помощью сочетания клавиш Ctrl+Shift+N. Затем выберем оба слоя удерживая клавишу Ctrl или Shift и нажмем Ctrl+E для того, чтобы склеить выбранные слои. После этого можно применить фильтр Filter > Brush Strokes > Sprayed Strokes (Фильтр>Мазок кистью>Аэрограф) к нашему фону со следующими параметрами.

mol_5.jpg

В результате получится что-то вроде вот этого

mol_6.jpg

Шаг 5.

Пишем наш текст. Выберите инструмент Horizontal Type Tool (Горизонтальный текст) и напишите ваш текст. Я написал DIWO.BY.

mol_7.jpg

Шаг 6.

Сделаем из текста контур. Для этого создайте новый слой (Ctrl+Shift+N), затем удерживая клавишу Ctrl кликните по эскизу слоя с текстом. У вас должно появится выделение вокруг текста. Далее идем в меню Edit>Stroke (Редактирование>Обводка) и в появившемся окне делаем все как на картинке

mol_8.jpg

Теперь можете отключить слой с текстом. Результат это шага

mol_9.jpg

Шаг 7.

Теперь нарисуем какую-нибудь линию. Например сердцебиение. Возьмем инструмент Line Tool

mol_10.jpg

Установим толщину линии 2 px

mol_11.jpg

И нарисуем несколько линий пока не добьемся нужного результата

mol_12.jpg

Шаг 8.

Выбираем все наши слои, кроме фона и нажимаем Ctrl+E чтобы их склеить. А потом выберите инструмент Eraser Tool (Ластик) и стерите ненужные линии как показано на рисунке.

mol_13.jpg

Таким образом у нас получилось, что все состоит из одной линии.

Шаг 9.

Придадим нашему тексту нужный эффект. Для этого поверните текст на 90 градусов против часов стрелки с помощью меню Edit > Transform > Rotate 90 CCW (Редактирование>Трансформирование>Повернуть на 90 CCW)

mol_14.jpg

А затем примените фильтр Filter>Stylize>Wind(Фильтр>Стилизация>Ветер) со следующими параметрами.

mol_15.jpg

В результате получим вот что

mol_16.jpg

Далее нажмем Ctrl+F чтобы применить это фильтр повторно, тем самым усилив эффект.

mol_17.jpg

Далее опять идем в Filter>Stylize>Wind(Фильтр>Стилизация>Ветер) и меняем направление с лева на право.

mol_18.jpg

Жмем ОК. И опять повторим этот же фильтр с помощью сочетания клавиш Ctrl+F.
В результате получим вот что

mol_19.jpg

Ша г 10.

Поворачиваем обратно наш текст с помощью меню меню Edit > Transform > Rotate 90 CW (Редактирование>Трансформирование>Повернуть на 90 CW)

mol_20.jpg

Шаг 11.

Придадим немного свечения в тон нашему фону. Для этого дважды кликните по нашему слою и установите следующие параметры

mol_21.jpg

mol_22.jpg

Вот результат нашей работы)

final_3.jpg



xine.jpg
Скачать видео к этому уроку:

Скачать
Комментарии
Пользователь: Chertilo 17.05.2010 01:56
Аватар пользователя Chertilo

спасибо за урок, будем делать)

Пользователь: mr.zmey 19.05.2010 20:14
Аватар пользователя mr.zmey

Спс хороший урок!))

Пользователь: Ctac0n 22.05.2010 15:50
Аватар пользователя Ctac0n

Отличный урок!
Но у меня вопрос:в шаге №4.
"Фильтр>Мазок кистью>Аэрограф)" у меня такого предмета нет...
Как его настроить...???

Пользователь: mrkaktooz 23.05.2010 11:59
Аватар пользователя mrkaktooz

Возможно будет вот так Фильтр>Штрихи>Аэрограф. Используйте видео, там все видно что и где находится)

Пользователь: Ctac0n 24.05.2010 20:17
Аватар пользователя Ctac0n

И такого у меня нет (((

Пользователь: Ctac0n 24.05.2010 20:27
Аватар пользователя Ctac0n

вот все что есть- http://s09.radikal.ru/i182/1005/83/763fbc37c8c6.jpg

Пользователь: mrkaktooz 25.05.2010 10:15
Аватар пользователя mrkaktooz

эээ... мне кажется, что у вас какая-то урезанная версия фотошопа... возможно из-за русского перевода. Попробуйте поменять в настройках язык на Английский (если конечно он есть). Зайдите в меню Edit>Preferences>Interface (Редактирование>Установки>Интерфейс) и внизу появившегося окошка должен быть выпадающий список доступных языков.

Пользователь: Lexa47 26.05.2010 22:10
Аватар пользователя Lexa47

Б0льш0е спасиб0, за ур0к, 0с0бенн0 за види0)

Пользователь: Ctac0n 29.05.2010 14:22
Аватар пользователя Ctac0n

В шаге №3, нужно выбрать разные цвета.
Когда я выбираю цветной цвет, он мне выдает только серый..((((
Что делать?

Пользователь: mrkaktooz 30.05.2010 11:50
Аватар пользователя mrkaktooz

А в каком режиме ваш документ? Зайдите в Image>Mode (Изображение>Режим) и убедитесь что выбрано RGB

Пользователь: prokaZzo 01.06.2010 16:28
Аватар пользователя prokaZzo

Огромное спасибо! Я вас обожаю! Видео урок очень понятно объяснил как все делать! Делайте пожалуйста побольше таких видео уроков!! =)

Пользователь: drimascus 03.06.2010 23:59
Аватар пользователя drimascus

Сорри, за тупой вопрос:) как убрать ползунков которые вокруг букв бегают? у меня из за этого не получается ластиком стереть

nety

Пользователь: mrkaktooz 04.06.2010 13:54
Аватар пользователя mrkaktooz

Ctrl+D

Пользователь: drimascus 04.06.2010 11:32
Аватар пользователя drimascus

help me :)

nety

Пользователь: drimascus 04.06.2010 15:29
Аватар пользователя drimascus

Спасибо огромное :)

nety

Пользователь: shlomik 07.06.2010 12:06
Аватар пользователя shlomik

пояснить плиз шаг где там мае быть обводка

Пользователь: mrkaktooz 07.06.2010 18:49
Аватар пользователя mrkaktooz

что именно не понятно?

Пользователь: Nick 29.06.2010 14:48
Аватар пользователя Nick

помогите плз у меня почемуто не работуют некоторые фильтры на обычных фото работают а если я создал новый документ то нет???

Пользователь: mrkaktooz 30.06.2010 11:07
Аватар пользователя mrkaktooz

убедитесь что ваш слой не заблокирован и растрирован. И режим изображения проверьте

Пользователь: Stk9 09.10.2010 16:59
Аватар пользователя Stk9

У меня Получилось Так:
ah_ya_master.jpg

Без Труда, Не сможешь Пользоваться Фотошопом Никогда...

Пользователь: Evan le Verso 26.12.2010 17:22
Аватар пользователя Evan le Verso

Шаг 3 не работает! Цвет градиента не устанавливаеться...только черный и белый! Устанавливаю свой цвет градиента, а на просмотре показываеться серый либо черный!!!

Пользователь: карапузик 31.12.2010 17:03
Аватар пользователя карапузик

У меня тоже градиент был чёрно-белый,но меня осенило...
Когда создаёшь новый документ,то в диалоговом окне есть подпункт цветовой режим !!!нужно выставить цвета RGB.

karapuzik

Пользователь: TheCempeR 04.01.2011 19:54
Аватар пользователя TheCempeR

Здравствуйте! И снова я не могу сделать обводку текста! Как эото? Это шаг №6. В одном из уроке была тоже обводка и я тоже на ней остановился! Подскажите пожалуйсто как делать обводку! Я зажимаю Ctrl и нажимаю левой кнопкой мышки на текст а у меня ни чего не происходит :( Как быть?

Photoshop CS4

Пользователь: фотошопер 09.01.2011 14:09
Аватар пользователя фотошопер

Я не могу сделать 6 шаг

Пользователь: НемойКрик 10.01.2011 13:55
Аватар пользователя НемойКрик

у меня тоже не получается шаг 6. нет в Редактировании обводки

Пользователь: mrkaktooz 10.01.2011 15:16
Аватар пользователя mrkaktooz

если русская версия фотошопа, то возможно перевод немного отличается. Сделайте скрин меню Редктирование и я вам скажу что нужно нажать

Пользователь: Лика ЗаЯ 16.07.2011 19:06
Аватар пользователя Лика ЗаЯ

спасибо! все так классно описано! очень красиво получилось!

Пользователь: *ОсЬкА* 12.08.2011 15:23
Аватар пользователя *ОсЬкА*

У меня не доступна функция выполнить обводку. Она просто серая, что делать????

Пользователь: Наськ_О 15.08.2011 11:24
Аватар пользователя Наськ_О

Я сначала тоже не могла найти где делать обводку потом нашла ( она находится в правом нижнем углу(FX))

Пользователь: Наськ_О 15.08.2011 11:36
Аватар пользователя Наськ_О

file:///F:/1213.jpg я нашла только так

Пользователь: Гость 24.09.2011 17:11
Аватар пользователя Гость

А как добавить шрифт в фотошоп????

Пользователь: shutnik 23.12.2011 14:13
Аватар пользователя shutnik

В видео уроке я немогу снять обводку с букв ,просто когда я начертил линии я их не могу подвинуит повернуть всё что получилось.Что нужно сделать?

Пользователь: mrkaktooz 23.12.2011 15:51
Аватар пользователя mrkaktooz

Нажмите Ctrl+T и сможете поворачивать как захотите)

Пользователь: shutnik 26.12.2011 12:56
Аватар пользователя shutnik

А вы ещё можете сделать урок или видео урок как сделать огненную надпись?

Пользователь: Гость 10.02.2012 14:50
Аватар пользователя Гость

подскажите пожалуйста, что нужно сделать чтобы в шаге 9 ветер размыл изображение на фон? а то у меня происходит все в пределах фигуры...

Пользователь: mrkaktooz 11.02.2012 16:48
Аватар пользователя mrkaktooz

Убедитесь что у вас ничего не выделено. Чтобы убрать выделение нажмите Ctrl+D

Пользователь: Гость 18.02.2012 16:32
Аватар пользователя Гость

невыходит 4 шаг выбираю аэрограф 00 эмоций что делать?

Пользователь: mrkaktooz 20.02.2012 09:43
Аватар пользователя mrkaktooz

А слои склеили?

Пользователь: Гость 31.07.2012 18:40
Аватар пользователя Гость

У меня в шаге три градиент настройки цвета нет,что делать?

Пользователь: Гость 11.08.2012 18:13
Аватар пользователя Гость

Спасибо за урок:)Все легко и доступно,получилось с первого раза:)
Вот,что у меня вышло:)
[URL=http://www.radikal.ru][IMG]http://s017.radikal.ru/i406/1208/8c/9c467bcfd7f6.jpg[/IMG][/URL]

Пользователь: Гость 16.08.2012 19:43
Аватар пользователя Гость

когда я делаю 6 шаг текст остаётся такимже

Пользователь: VladZhyk 13.10.2012 11:50
Аватар пользователя VladZhyk

У меня в шаге №4 эскиз,штрихи и текстуры не открыты и ещё много другое почему?!

Пользователь: Strannik 13.10.2012 12:21
Аватар пользователя Strannik

У меня в шаге №4 когда нужно наложить аэрографф после наложения всё остаётся такимже как и было!

Пользователь: Гость 11.12.2012 16:06
Аватар пользователя Гость

У меня нету линии ((( что делать??? просто стрелочка непонятканя(((

Пользователь: 555 16.05.2013 15:05
Аватар пользователя 555

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

Добавить комментарий