DIWO.BY

Digital World - Уроки фотошоп

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

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

Шаг 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

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


Аватар пользователя mr.zmey

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


Аватар пользователя Ctac0n

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


Аватар пользователя mrkaktooz

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


Аватар пользователя Ctac0n

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


Аватар пользователя Ctac0n

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


Аватар пользователя mrkaktooz

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


Аватар пользователя Lexa47

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


Аватар пользователя Ctac0n

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


Аватар пользователя mrkaktooz

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


Аватар пользователя prokaZzo

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


Аватар пользователя drimascus

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

nety


Аватар пользователя mrkaktooz

Ctrl+D


Аватар пользователя drimascus

help me Smiling

nety


Аватар пользователя drimascus

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

nety


Аватар пользователя shlomik

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


Аватар пользователя mrkaktooz

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


Аватар пользователя Nick

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


Аватар пользователя mrkaktooz

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


Аватар пользователя Stk9

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

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


Аватар пользователя Evan le Verso

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


Аватар пользователя карапузик

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

karapuzik


Аватар пользователя TheCempeR

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

Photoshop CS4


Аватар пользователя фотошопер

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


Аватар пользователя НемойКрик

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


Аватар пользователя mrkaktooz

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


Аватар пользователя Лика ЗаЯ

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


Аватар пользователя *ОсЬкА*

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


Аватар пользователя Наськ_О

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


Аватар пользователя Наськ_О

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


Аватар пользователя Гость

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


Аватар пользователя shutnik

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


Аватар пользователя mrkaktooz

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


Аватар пользователя shutnik

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


Аватар пользователя Гость

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


Аватар пользователя mrkaktooz

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


Аватар пользователя Гость

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


Аватар пользователя mrkaktooz

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

Отправить комментарий

  • Доступные HTML теги: <img> <p> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Строки и параграфы переносятся автоматически.
  • Текстовые смайлы будут заменены на графические.

Подробнее о форматировании

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
         ____              _   ___   ____  
_ __ | _ \ __ __ (_) |_ _| | _ \
| '__| | | | | \ \ / / | | | | | |_) |
| | | |_| | \ V / | | | | | __/
|_| |____/ \_/ _/ | |___| |_|
|__/
Введите код, изображенный в стиле ASCII-арт.