24/08/15 Открыта запись на обучение вёрстки для майбба - ссылка на тему

Избранные уроки Photoshop


Вверх
Вниз

COLOR MATE

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » COLOR MATE » Уроки Photoshop » Вписываем текст в цветовую гамму работы


Вписываем текст в цветовую гамму работы

Сообщений 1 страница 30 из 37

1

Многие знают этот прием, многие делают его немного не так.
Кто-то скажет, что мой способ плох, но мне он кажется довольно интересным.

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

Попробую написать очень простой мини-мануал.
Из личного опыта.
http://savepic.org/1311637.png
Делаем любой аватар, пока без колора.
На месте синего квадрата представьте красивый аватар в голубой гамме http://www.10pix.ru/img1/600667/3475845.gif
Пишем любой текст любого цвета, трансформируем, разворачиваем - располагаем, как нравится. Очень важно придать тексту форму именно сейчас.
У меня будет простой, но Вам важно расположить его правильно именно сейчас.
Далее будет понятно, почему.
http://savepic.org/1312661.png
Вот мой текст.
Быстро и легко подобрать текст поможет этот урок: Удобный подбор текста
Далее заходим в стили слоя (двойной клик по слою с текстом).
Выбираем стили.
http://savepic.org/1371028.gif
Наложение градиента.
Черно-белый, линейный, шкала - 150 (шкалу можно потом подстраивать и менять).
http://savepic.org/1315733.png
Помните, что если Ваш текст развернут, искривлен или наклонен - нужно менять и угол наклона градиента.
http://savepic.org/1316757.png
Идем в наложение цвета. Цвет пипеткой берем прямо с работы. Лучше тон потемнее.
http://savepic.org/1376148.png
Теперь снижаем непрозрачность, чтобы проявился нижний градиент.
http://savepic.org/1373076.png
Третий стиль: тень.
Расстояние: 1 или 2. На аватарах лучше всего смотрится 1.
Растушевка: 0
Размер: 0
Угол наклона тени тоже можно менять. По вкусу.
http://savepic.org/1362836.png
То же самое с ее цветом. Очень хороший прием: взять цвет с работы и выбрать тень немного темнее.
http://savepic.org/1363860.png
Если черный просвечивается слишком сильно, можно изменить градиент на тот, что в гамме работы. Например, именно в моей работе, заменить черный на темно-синий, а белый на серый.
И со стилями нужно экспериментировать.
http://savepic.org/1357716.gif
Помните, что в любой стиль можно войти, просто кликнув по нему. Нажав по наложению градиента я попаду именно в наложение градиента. Это очень удобно. Часто текст нужно долго и нудно корректировать.
http://savepic.org/1356692.png
Текст в гамме работы и он читаем.
После этого можно накладывать колоризацию.
http://savepic.org/1350548.png
Колоринг by bloody_death
Примеры работ, выполненных с такими стилями:

примеры|Закрыть

http://savepic.org/1321035.png http://savepic.org/1280629.png http://savepic.org/1294941.png
http://savepic.org/1324220.png http://savepic.org/1362107.png http://savepic.org/1247463m.png

Также (если Вам это нужно), Вы можете скачать псд моей работы.

Написано специально для colorforum.ru
Копировать можно только в полном объеме (со всеми скринами и копирайтами) и активной ссылкой на наш форум.

+16

2

ой, клева,клева
спасибо за урок,любимая

0

3

bloody_death http://www.10pix.ru/img1/4447/3475774.gif
А ты то как делаешь градиентный текст? http://www.10pix.ru/img1/600667/3475845.gif

0

4

echo
Оч хороший урок, шикарный текст получился http://lady.webnice.ru/img/2010/06/img20100620101220_6282.gif

Отредактировано pathos; (20-02-2011 15:06:18)

0

5

а я просто накачала тыщу градиентов и нужный градиент подстраиваю по цвету под себя - в настройках градиента. а так, в принципе, все то же самое делаю http://xsmile.ru/z/Circlesone/53.gif

0

6

Светочка, спасибо http://a.deviantart.net/avatars/b/u/bummy2.gif
Ксю, да, я знаю, многие именно так и делают. Но мой способ дает именно переход цветов мягче. Просвечивается только кусочек градиента так, что его почти нет. http://www.10pix.ru/img1/4447/3475774.gif
http://savepic.org/1372127.png
Вот та же работа просто с тенью и градиентом. Ток тон другой.
В принципе, мне нра обе работы. http://www.10pix.ru/img1/5040/3475771.gif

0

7

Спасибо большое! Именно то, что надо))

0

8

Mary.D., всегда рада помочь. http://www.10pix.ru/img1/4447/3475774.gif

0

9

echo
я тупо брала градиент и меняла цвета на мягкие  http://www.10pix.ru/img1/600667/3475845.gif

0

10

bloody_death, ды все так делают. А я вот отличилась http://www.10pix.ru/img1/1531/3475840.gif

0

11

http://www.10pix.ru/img1/4447/3475774.gif замечательный урок!

0

12

риша. написал(а):

замечательный урок!

Согласна.

0

13

очень красиво получилось,спасибо!  http://www.10pix.ru/img1/2911/3475935.gif

0

14

Пыталась что-то подобное делать, но у меня как-то не очень получилась, видно настройки плохие брала. http://www.10pix.ru/img1/600667/3475845.gif А у тебя все так красиво и гармонично, [взломанный сайт] обязательно воспользуюсь уроком. http://colormate.ru/wp-content/uploads/2011/03/clover.gif

0

15

Огромное спасибо за урок) Давно хотела узнать как такой сделать)

0

16

спасибо за урок. http://www.10pix.ru/img1/600667/3475845.gif

0

17

клёво) очень помог урок)
Давно хотела научиться) Вот моя первая работа с таким текстом.
http://i.pixs.ru/storage/5/4/3/569jpg_9316099_2433543.jpg http://www.10pix.ru/img1/600667/3475845.gif

Отредактировано nesquik` (29-06-2011 15:06:58)

0

18

спасиибо)

0

19

очень полезно, ибо никогда не умела оформлять текст!
спасиибо за урок! *о*

0

20

У меня тоже вечные проблемы с текстом) спасибо за урок)

0

21

У меня вот что)
немного добавила своего с углом и цветностью)

0

22

эхо
Спасибо за такой замечательный урок! Я вечно мучилась с подбором цветов для градиента, а оно вон как просто можно все сделать! http://www.10pix.ru/img1/4447/3475774.gif

0

23

Adel, не за что))
Я вечерком еще сделаю скрин одной крутой настройки градиента. Очень здорово выходит.

0

24

спасибо

0

25

Спасибо

0

26

Легко и ясно

0

27

А где можно скачать хорошие шрифты?

0

28

F1exeR_, можно вбить в гугл.
но можно поискать и по сайтам. посоветую photoshop-master.ru - там куча разных шрифтов)

0

29

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

0

30

Спасибо, очень нужный урок  http://www.10pix.ru/img1/4447/3475774.gif

0


Вы здесь » COLOR MATE » Уроки Photoshop » Вписываем текст в цветовую гамму работы