ОсновноеRadiotalkПользовательское
Дизайн
8   •   Посмотреть все темы

Урок по FL рисованию (авторский)

 

1897
Александр @I-believe
Получившийся результат:



Итак, как и прежде, небольшое вступление:


Сложность: 9/10
Шанс неудачи: 20%

Создадим холст, нужного нам размера и закрасим его темно-серым. Я взял 595959 по RGB, так как мне с ним удобнее работать, но советую взять потемнее.


Дальше напишем необходимый текст.
Не советую выбирать сложные шрифты (Завитушки и тому подобное). Шрифт желательно потолще и пожиренее.


Чтобы текст не выглядел сиротливым заморышем среди миллионов ему подобных, необходимо добавить хотя бы небольшую изуминку тексту.
Это могут быть и линии, как у меня на рисунке, логотип или узор.


Вот теперь мы добрались до самого сложного. Вот он - Pen Tool, самый страшный и сложный, но тем не менее, необходимый фотошоперу инструмент.
Выбрав Pen Tool сразу установите подобные этому настройки:


Далее нажав на холсте на работу вы получите вот такую вещь:


Зажав левую кнопку мыши проведите от первой линии вторую, у вас должно получится что-то наподобии этого:


Как видите, с помощью Pen Tool, мы получаем плавные переходы с одной точки на другую. После зажав CTRL и нажимая на определенные точки, вы получите:
Это векторы направления линии. Зажав ctrl и левую кнопку и смещая один из векторов вы получите более резкий переход.
Сама точка, векторы которой мы меняем. Так же зажав комбинацию Ctrl + левая кнопка мышимы сможем сместить точку.
Так как оранжевый шрифт плохо виден, заменю его фиолетовым. Это боковые точки, примыкающие непосредственно к той, которая обозначена синим. Меняя их положение, мы меняем и линии, проходящие от Синей точки к оранжевым.

P.s. Кто сейчас ничего не понял и НЕ собирается пробовать снова и снова и считает что аффтар мудак и делает тупую вещь- вам **********.

Так вот... Продолжим сам урок. Pen Tool'ом рисуем линию - обвивающую буквы.
Естественно даже у меня нарисуется кривая линия, но комбинацией CTRL + ЛКМ мы легко сделаем все линии плавными. (Если вам нужны плавные линии, а не агрресивный стиль рисунка.)


Дальше самое интересное. Когда я изучал Pen Tool вдоль и поперёк я нашел интересную функцию.

Выбираем нужный вам цвет, для этой линии:
[img]http://www.imgs.su/tmp/1255525383.jpg[/img]

Выбираем круглую стандартную кисть размером от 1-4 пикселей.
2 - самый оптимальный вариант

Опять выбираем Pen Tool (Ваша начерченная линия должна все еще быть.) И на новом слое нажимаем правой кнопкой (При Pen Tool кнопке) и выбираем stroke path...
[img]http://www.imgs.su/tmp/1255525453.jpg[/img]

Вы получите что-то наподобие этого:
[img]http://www.imgs.su/tmp/1255525729.jpg[/img]

Далее выбираем правой кнопкой у Pen Tool - Delete path и получаем вот такой вариант. По краям линии советую проехаться "Пальцем"
Правда далеко от необходимого? Ластиком - обязательно им! Удалите те линии полосы, что невидимы для глаза (См. Следующие картинки)
[img]http://www.imgs.su/tmp/1255525762.jpg[/img]

В стилях (Layer - Layer Style) ставим такие опции:
[img]http://www.imgs.su/tmp/1255525833.jpg[/img]

Далее кистью, используемой в уроке Варчуна (Сама кисть тут название crosshatch 1), но размером 8-10 пикселей и характеристиками (Выбираем crosshatch 1 нажимаем вверху слово brushes):
scattering:
scatter 180-250%
(Для разных размеров золста, разные проценты - эспериментируйте);count - 1 ;count jitter - 100%
shape dynamics:
size jitter 35-80%; Minimum Diameter и Angle Jitter 65%, roundless jitter 0%


[img]http://www.imgs.su/tmp/1255525908.jpg[/img]

На слое с этой линией входим в Filter - Render - Lighting Effects...
[img]http://www.imgs.su/tmp/1255526447.jpg[/img]

На этом же слое входим в свойства стилей (Layer - Layer Ctyle - Blending options и ставим опции примерно как у меня.
[img]http://www.imgs.su/tmp/1255526516.jpg[/img]

Теперь нам надо избавится от значка, что использован стиль и превратить этот слой со стилем в растр без стиля. (Не спрашивайте зачем. Надо и всё) Для этого надо создать над слоем с линией еще один слой (пустой и прозрачный) и соеденить их CTRL + E
[img]http://www.imgs.su/tmp/1255526631.jpg[/img]

Теперь на этот получившийся слой ставим новый слой с настройками как у меня. (Цвета можно выбирать любые, но цвет в стиле номер 2 должен быть темнее и насыщенее) и опять меняем стиль на растр (Новый слой и объеденить со стилем)
[img]http://www.imgs.su/tmp/1255526748.jpg[/img]

Можно поиграться с фильтрами:
[img]http://www.imgs.su/tmp/1255531533.jpg[/img]

После входим в Image - Adjustments - Hue/Saturation.
Играемся с верхним ползунком для смены цвета.
[img]http://www.imgs.su/tmp/1255531762.jpg[/img]

Отредактировано I-believe - 15.10.2009
4875
ValdeZ @ValdeZ
Вот свою эпическую концовку лучше убрать это неуважение мнения других людей.

1897
Александр @I-believe
Переборщил и вправду... Просто настроение ужасное.

6703
Андрей @ZloVeЩиЙ
Сложность: 9/10
Шанс неудачи: 20%

Можно даже не пробывать?

1897
Александр @I-believe
Пробуй) Я и сам случайно научился. (Первые работы на эту тему Болтайка видел)

Отредактировано I-believe - 14.10.2009
9260
Евгений @starkon
ZloVeЩиЙ пишет:

Сложность: 9/10
Шанс неудачи: 20%

Можно даже не пробывать?

Почему же? этот урок многому научит если конечно есть желание учиться))

1897
Александр @I-believe
Вот с такого придумал.
Утро, проступила идея:

Вечер, идея основалась:

Отредактировано I-believe - 14.10.2009
4875
ValdeZ @ValdeZ
Вот хотел написать что сложность 9\10 это для более серьёзных уроков, но потом передумал.
Для тех кто тут учится этому делу - пойдёт.
Лично для меня урок сложностью 9\10 это какой-то супер-пупер три-дэ текст с эфектами на эдак 80 шагов и с применением Ксары и Иллюстратора.
Вот это сложно...

1897
Александр @I-believe
ValdeZ пишет:

Вот хотел написать что сложность 9\10 это для более серьёзных уроков, но потом передумал.
Для тех кто тут учится этому делу - пойдёт.
Лично для меня урок сложностью 9\10 это какой-то супер-пупер три-дэ текст с эфектами на эдак 80 шагов и с применением Ксары и Иллюстратора.
Вот это сложно...

Это для сайта наподобие демиарта сложность данного урока 4/10. Тут немного другой контингент)

6112
Turgaud @Turgaud
для меня тут самое сложное это пент тул...

3910
Дмитрий @Q-Tec
3+.... за то, что урок с применением английского... к примеру я даже незнаю где найти этот pen tool

Отредактировано Q-Tec - 14.10.2009
1897
Александр @I-believe
Pen Tool нажат. Не используйте русификаторы.

6112
Turgaud @Turgaud
I-believe пишет:

Pen Tool нажат. Не используйте русификаторы.
**********

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

1897
Александр @I-believe
Я не смотрю на названия) Я уже просто в фотошопе все нажимаю не глядя и попадаю)

2695
Todzy @Todzy
нихрена не вышло..

1897
Александр @I-believe
Я не смог догадаться что именно ты пытался сделать) Линия должна идти вокруг, а не в тексте.

Отредактировано I-believe - 14.10.2009
2695
Todzy @Todzy
хД я НУб

5397
FF @Lion
I-believe пишет:

Pen Tool нажат. Не используйте русификаторы.
**********

А я немного сначала инглиш шоп поюза,визуально знаю где что и спокойно русский юзаю с английскими уроками 😀

6703
Андрей @ZloVeЩиЙ
Dark-Side пишет:

хД я НУб

Ну тогда и я.
И сразу же вопрос, как для начала зделать, такие конечности как у литер l(L) и I(i)
Предполагаю, что просто линиями? О_о
Кстати цвет Пен Тулл так и не смог выбрать ):

Отредактировано ZloVeЩиЙ - 14.10.2009
9260
Евгений @starkon
ZloVeЩиЙ пишет:

Dark-Side пишет:

хД я НУб

Ну тогда и я.
И сразу же вопрос, как для начала зделать, такие конечности как у литер l(L) и I(i)
Предполагаю, что просто линиями? О_о
Кстати цвет Пен Тулл так и не смог выбрать ):

Та банально переводишь текст в растр(в слоях через контекстное меню), после выбираешь перемещение(V)+сверху в опциях ставишь галочку на "показывать управляющие элементы".
После ты сможешь растягивать существующие предметы как тебе угодно, если нужно пропорционально, то удерживай Shift, если как угодно, то удерживай Ctrl, все элементарно))