Пишем текст (урок по фотошопу) Опции

[Mr. President]

Урок для тех, кто не умеет делать надписи в фотошопе.

Результат урока.

В этом уроке мы научимся делать элементарные надписи на ваших картинках. Вот несколько примеров:

(IMG:http://g.foto.radikal.ru/0610/e5bf1e42747f.gif) .....(IMG:http://g.foto.radikal.ru/0610/2bbb24a9db2b.gif) .....(IMG:http://g.foto.radikal.ru/0610/35c0f15c9843.gif)

1. Открываем изображение.

Первым делом открываем то изображение (аватару например) на которой хотим писать. В моем случае это фотография.

(IMG:http://g.foto.radikal.ru/0610/7c31990bf217.jpg)

Напомню как открыть:

Для этого:

жмем "файл", дальше выбираем команду "открыть...". Появляется окно, в котором вам предлагают выбрать где именно лежит нужная вам картинка. Находите ее и жмете кнопку "открыть":

(IMG:http://g.foto.radikal.ru/0610/e0bd32476c6b.jpg)

2. Пишем текст.

Находим на в панеле инструментов вот такой значок:

(IMG:http://g.foto.radikal.ru/0610/4993e166791e.jpg)

Выбираем этот инструмент. Он так и называется - "инструмент Текст".
Когда вы его выбрали наверху ваша панель быстрых действий изменилась. Теперь она выглядит вот так:

(IMG:http://g.foto.radikal.ru/0610/bec8afd15276.jpg)

Давайте разберем кнопки, которые вам понадобятся.

(IMG:http://g.foto.radikal.ru/0610/7bd617670c1e.jpg) - переключает направление текста. Текст бывает вертикальным и горизонтальным. Выбираем нужный. Я взял горизонтальный.

(IMG:http://g.foto.radikal.ru/0610/1183ef%38%30ccd1.jpg) - это шрифт, которым будет написан наш текст. Я взяла один из стандартных Arial.

(IMG:http://g.foto.radikal.ru/0610/0bf9c9b23f66.jpg) - размер текста.

[img]http://g.foto.radikal.ru/0610/ac58181c93c0.jpg[/img]- это поле трогаем только если хотим написать надстрочные или подстрочные буквы/цифры.

[img]http://g.foto.radikal.ru/0610/32a53be5f830.jpg[/img]- выравнивание текста. Как в ворде - по левому краю, по правлму краю и по центру.

[img]http://g.foto.radikal.ru/0610/b9045f4e7fda.jpg[/img]- цвет текста. Для изменения цвета тыкните по тому, что сейчас у вас в этом квадрате и выберите новый.

[img]http://g.foto.radikal.ru/0610/a4eda53b84d7.jpg[/img]-деформация текста. Расскажу об этом чуть ниже.

Совсем не обязательно определяться с цветами и остальными настройками сразу. Поиграть снастройками можно и после написания текста.

Итак, тыкаем на своем изображением в то место, где вы будете писать свой текст. И пишете:

[img]http://g.foto.radikal.ru/0610/aadca6a841d7.jpg[/img]

3. Как изменить текст?

Если вы хотите что-то изменить в своем тексте (исправить ошибку, изменить цвет, шрифт и т.д.) обязательно сначала выделите его этим же инструментом точно также как вы делаете это в ворде, а уже потом меняйте настройки.
Я, например, хочу сделать мой текст полукругом, т.е деформировать его. Для этого я выделяю его и на панеле вверху тыкаю на кнопку "деформация текста":

[img]http://g.foto.radikal.ru/0610/a4eda53b84d7.jpg[/img]

Появляется такое окно:

[img]http://g.foto.radikal.ru/0610/666f49d62292.jpg[/img]

Изменяю "нет" на нужное мне При желании могу поиграть бегунками, достигая нужного эффекта. Когда все нравится - жмем ок.
Ну вот, у меня вышло примерно так:

[img]http://g.foto.radikal.ru/0610/a046308404a2.jpg[/img]

4. Как перемещать текст?

Все вам нравится в вашем тексте, только хочется его немного подвинуть... Как это сделать?
Очень просто: выбираем на панеле стандартный инструмент "Перемещение":

[img]http://g.foto.radikal.ru/0610/5a9b3ae209b7.jpg[/img]

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

5. Эффекты слоя с текстом.

Мы можем сделать очень разнообразный текст, применяя разные шрифты, размеры и деформацию текста. Но это далеко не все способы сделать текст красивее.

Давайте разберем эффекты слоя. Их можно применить к любому слою в фотошопе. Я расскажу как применить их к слою с нашим текстом.

[img]http://g.foto.radikal.ru/0610/0353bb5073a6.jpg[/img]

После того, как вы написали свой текст ваше окошко со слоями выглядит вот так:

[img]http://g.foto.radikal.ru/0610/7332d95527a3.jpg[/img]

Как два слоя: основной с фоном и отдельный с текстом.
(ПРИМЕЧАНИЕ: если вы не видите окошка со слоями, нужно его отобразить. Для этого:

[img]http://g.foto.radikal.ru/0610/203c3a74c637.jpg[/img]

Нам сейчас нужен слой с текстом, поэттому тыкаем на него, тем самым сделав его активным:

[img]http://g.foto.radikal.ru/0610/fc3e449434e1.jpg[/img]

После этого находим внизу этого окошка вот эту кнопку:

[img]http://g.foto.radikal.ru/0610/96efec509192.jpg[/img]

(при наведении на этот значок вы сможете прочесть - "Add a layer style" - добавить стиль слоя). Жмем на нее, выбираем самый первый вариант "Blending Options" ( = параметры наложения):

[img]http://g.foto.radikal.ru/0610/518b46bea156.jpg[/img]

Появляется вот такое окно: (под названием "Layer Style")

[img]http://g.foto.radikal.ru/0610/72e58ef62b24.jpg[/img]

Здесь описаны все возможные эффекты слоя. Сейчас мы их разберем.
Первым идет "Drop Shadow" (тень). Поставив рядом с ней галочку, вы применяете этот эффект к своему слою. Чтобы убрать эффект, нужно просто снять галочку. Использоваться сразу несколько эффектов можно, хоть все сразу.

Итак, "Drop Shadow":

[img]http://g.foto.radikal.ru/0610/7133a7c9b769.jpg[/img]

Описывать в общем-то нечего. Вы сами всего легко достигнете, если немного поиграете бегунками.
Здесь модно отрегулировать на какой дистанции будет находиться тень, ее яркость и размер, а также при желании можно добавить шум (noise). Вот, что вышло у меня:

[img]http://g.foto.radikal.ru/0610/eddc661e4d0d.jpg[/img]

Следующее: "Inner Shadow" (= внутренняя тень).
Все тоже самое, только тень идет не снаружи, а внутри текста. Попробуйте поэкспериментировать. Вот мой результат:

[img]http://g.foto.radikal.ru/0610/c6860cfe8b7d.jpg[/img]

С помощью этого эффекта хорошо делать "вдавленный" текст.

Дальше "Outer Glow" (внешнее свечение):

[img]http://g.foto.radikal.ru/0610/185af653e437.jpg[/img]

Здесь можно поиграть с режимом(Blend Mode), размером(Size) и цветом свечения Один из вариантов результата:

[img]http://g.foto.radikal.ru/0610/6b2fd64c6458.jpg[/img]

Далее... "Inner Glow" - это внутренне свечение, тоже самое, что внешнее, только внутри текста

Дальше "Bevel and Emboss" (= тиснение)

С помощью этого эффекта хорошо получается передавать объем текста:

[img]http://g.foto.radikal.ru/0610/0a2730925e91.jpg[/img]

"Satin" - это глянец.

"Color Overlay" - наложение цвета. В некоторых случаях бывает очень симпатичный эффект.

"Gradient Overlay" - накладывает градиент на вашу надпись. Т.е. цвет текста будет переходить от одного к другому (может быть через несколько). Поисграйте с вкладкой "Gradient".

"Pattern Overlay" - наложение текстуры. В предложенном окне можно выбрать текстуру (из основных) и наложить ее на текст:

[img]http://g.foto.radikal.ru/0610/94be56f12ce2.jpg[/img]

И последнее... "Stroke" (= обводка)
В открывшемся окне нам предлагают выбрать размер обводки, ее позицию, цвет (возможны также вариант градиент или текстура вместо цвета) и прозрачность. У меня вышло вот так:

[img]http://g.foto.radikal.ru/0610/3680d45e5e8b.jpg[/img]

Теперь, зная эти эффекты слоя вы сможете достигать еще более красивых надписей:

[img]http://g.foto.radikal.ru/0610/722fed715205.jpg[/img]

А позже можно их и анимировать(об этом в следующем уроке):

[img]http://g.foto.radikal.ru/0610/27b7e4e33335.gif[/img]

[bender]

респект за статью давай ещё, желательно свои)

[Mr. President]

респект за статью давай ещё, желательно свои)

Спасиб. Сейчас пишу урок по анимированию - там всё на русском, поэтому к статье приложу ссылку с адресом руссификатора (IMG:http://forum.iseekyou.im/style_emoticons/default/wink.gif)

[FeraS]

Ничего экстраординарного...

[Alder]

FeraS,дело не в экстраординарности,а в самом факте что человек поделился уроком!

[V1RUS]

всем привет =)

вот вам уроки поделюсь так и быть:
http://demiart.ru/forum/index.php?showforum=29
http://demiart.ru/forum/index.php?showforum=2

[Garfield]

ozz.ru - там много!

[KSELL]

Сенкс статья интересная для новичка!

[indisaFatty]

Пишем наши ники на японском Получается очень смешно...


A- ka
B- zu
C- mi
D- te
E- ku
F- lu
G- ji
H- ri
I- ki
J- zu
K- me
L- ta
M- rin
N- to
O-mo
P- no
Q- ke
R- shi
S- ari
T-chi
U- do
V- ru
W-mei
X- na
Y- fu
Z- z


У меня например получилось
MEIkitate
W i l d

ARIrikunokushichi
S h e p e r t