Спектральные линии или как это делалось…

20
Авг
2009

Спектральные линии Фотошоп CS

Это мой первый урок в блоге по созданию и обработке изображений в графическом редакторе Adobe Photoshop.

waZZup guys!!!

Вот только недавно "открывшись", я сразу решил Вам поведать "мега-секрет" дизайна моего блога :-D То есть не всего дизайна, а только его кусочка. Я хочу рассказать и показать Вам, как я рисовал шапку блога! А именно спектральные линии в самом верху сайта :) Думаю в Сети Вы не раз встречали уроки по созданию таких спектральных линий в обработке фотографий, коллажах и прочем. Это не ново! Зачастую единицы людей придумывают методы, как воплотить свою идею, рисуют её, создают урок с подробным рассказом, а дальше всё идёт по течению - все остальные копи/пастят себе в блоги. Я конечно не противник этого. Сам любитель по копи/пастить интересненький материал :)

И так, шапку рисовал я, а именно спектральные линии, по уроку вот этого мэна. Если Вы подумали, что я просто переписал его статью слово в слово, то Вы ошибаетесь. Я взял за основу его подробный туториал, а во всём остальном импровизировал лично сам :) + мне не все манипуляции были нужны.

Ну что, начнём? :)

Для начала создадим документ и зальём его черным цветом (#000000). Размер документа, я взял 1000х500. Но ничего не помешает Вам создать любой размер по собственному желанию :) Увидеть более детально установки можно на скрине ниже:

1-1les

Для начала нам нужно создать кисточку. Кликаем по этой кнопке: brush-ps или же жмём на клавиатуре "В" и выбираем кисть (это Basic Brushes), которая показана на рисунке:

2-1les

и применяем такие настройки к этой кисти (чтобы открыть окно с настройками жмем F5 или Window > Brushes или же вот эту кнопку: brushes-ps):

1. Пункт "Other Dynamics":

3-1les

2. Пункт "Scattering":

4-1les

3. Далее опять пункт "Other Dynamics":

5-1les

Установите ещё галочки возле пунктов: Airbrush и Smoothing.

Далее нам нужно сохранить новую кисточку с настройками, чтобы в будущем её использовать. Для этого жмём на кнопочку, которая показана на скрине:

6_1-1les

и выбираем такой пунктик:

6-1les

Вводим произвольное имя кисти по желанию и жмём OKай:

7-1les

Если Вы всё сделали правильно, то Ваша новая кисточка появится в списке с остальными кистями, у меня это выглядит так :) :

8-1les

Продолжим.

Создайте новый слой (кто не в курсах, чтобы создать новый слой жмём Ctrl+Shift+N (для PC) и Command+Shift+N (для Mас) или в меню выбираем: Layer > New > Layer или же вот эту кнопку: 0-1les_layer). Хотите переименовывайте слой, хотите нет.

Далее берем "Pen Tool" (Чтобы его вызвать жмём "Р" или pen-tool-ps) и ставим в любой стороне фона точку, далее зажимая кнопочку "Shift" (зажимаем для того, чтобы другая точка была горизонтально выровнена относительно первой) ставим в противоположной стороне ещё одну точку, после этих манипуляций должна прорисоватся какбэ линия :) Что получилось у меня можно увидеть на рисунке:

9-1les

Далее наглядно "на глаз" ищем центр линии. Когда поиски удачно закончились с позитивным результатом :) ставим ещё одну точку в центре линии !не отпуская! кнопку мыши перетягиваем указатель вверх или вниз (я лично тянул вниз :) ) Получается какбэ "волна", правда? Но нам нужно чтобы эта "волна" была более плавной, и чтобы этого добится, нам нужно во время перетягивания указателя мыши вверх или вниз параллельно смещать ещё влево или вправо (я тянул вправо). Когда на Ваше усмотрение "волна" стала более менее плавненькой, отпускаем кнопку мыши :) Получилось что-то типа вот этого:

10-1les

Далее кликаем правой кнопкой мыши на нашем изображенном "пути" и выбираем "Stroke Path":

11-1les

В диалоговом окне ставим галочку возле "Simulate Pressure" и из списка выбираем "Brush":

12-1les

Должно получится вот что-то такое:

13-1les

Чтобы избавится от "путей" "Pen Tool"-а жмём кнопочку "Delete" на клавиатуре.

Ну что, добавляем абстракционизма нашему творению?  :)

К слою, на котором Вы рисовали кистью, применяем размытость. Это делается так: Filter > Blur > Motion Blur:

14-1les

и делаем такие настройки:

15-1les

Получился такой эффект:

16-1les

Тускловато и грубо, правда? Исправляем! Жмём Ctrl+F (применяем ещё раз фильтр смазивания). Ну как? Стало ещё тусклее, зато более смазано. Ничего, к приданию яркости и четкости мы подойдём позже. А у Вас так получилось, как у меня? :) :

17-1les

Это конечно всё хорошо, но где же "спектральные" цвета? хе! да вот! Нам нужно применить к слою с рисунком "Gradient Overlay". Выбираем в меню: Layer > Layer Style > Blending Options или кликаем 2 раза по требуемому слою с правою стороны от названия. В появившемся окне кликаем на пункт "Gradient Overlay". И делаем настройки, которые показаны на скрине:

18-1les

Жмём кругом OKаи :)

Ну что? Что-то вырисовываеться? :)

Дальше давайте продублируем слои, чтобы они стали ярче и круче :) Я дублировал их 3 раза.

Кто не знает как дублировать, я расскажу! Кликаем правой кнопкой на слое, выбираем "Duplicate Layer". В появившемся окошке оставляем название слоя по умолчанию или же вводим своё наванием ;) Всё! Дубль слоя готов! Есть второй способ, который проще (лично для меня). А Вы помните как создавать слой с помощью нажатия на 1 кнопочку на панели слоев? Если не помните, не проблема, я Вам напомню! Смотрим на скрин: 0-1les_layer. Тогда нажатие на 1 кнопку вело за собой создание слоя. В нашем же случаи нужно продублировать слой. Мы кликаем левой кнопкой мыши на необходимый нам слой и не отпуская кнопку мыши перетаскиваем слой на кнопку, с помощью который мы создавали Новый Слой. Ели кто не понял, эта кнопка обведена кругом гламурного цвета на скрине чуток выше ;) Вот и всё! И не надо сталкиватся с ненужным диалоговым окном, которые всплывает при 1-м способе.

З.Ы. Пока не забыл :) Вы знаете, я вообще не люблю вызывать свойства слоев и т.д. и т.п. с помощью главной менюшки (типа: Что-то там > Что-то там-там > и какие-то настройки), я выучил (что и Вам советую!!!) гарячие комбинации клавиш, кнопки быстрого запуска и т.д. Это гораздо меньше занимает времени и усилий для какой-то определенной манипуляции! По этому я и привожу в примерах несколько вариантов, типа: сочетание клавиш + нажатие одной кнопки или же + банальный стандартный вариант выбора через Главное меню ФШ. Так что, выбирать только Вам сколько тратить времени на определенное действие! ;)

И так, вернемся к уроку! ;) Мы продублировали слой 3 раза, не так ли?

Теперь нужно слить все слои в один. Выделяем все слои с помощью Shift или Ctrl и левой кнопки мыши на панели слоев. Выделили? Теперь жмем Ctrl+E или правой кнопкой мыши на любом слое и выбираем "Merge Layers". Всё! Получился один слой.

Если Вам кажется, что цвета всё ещё не насыщены и рисунок тускловатый, то продублируете ещё несколько раз только что слитый слой. И потом так же слейте новые слои в один, как я описывал выше! Смотрите уже на свой вкус! ;) Главное не переборщите! :)

После дублирования слоев и их слития в один, должно получится такое:

19-1les

В принципе, на этом урок можно и заканчивать! ;) Но если Вы хотите, чтобы получилось такое, как в шапке этого сайта, то Вам нужно потерпеть и дочитать до конца урок! ;)

С помощью инструмента "Move Tool" (или жмём "V" на клаве) перетягиваем наше творение вверх чтобы небольшая часть рисунка ушла за пределы видимого полигона. Смотрим скрин:

20-1les

Дублируем наш слой!

Дальше выбираем инструмент "Rectangular Merquee Tool" (M). Кликаем правой кнопкой мыши на рисунке (смотрите, чтобы был активный слой с дублем) и выбираем "Free Transform". Скрин:

21-1les

У нас выделился рисунок рамочкой. Опять кликаем правой кнопкой мыши на рисунке и выбираем "Flip Horizontal". Скрин:

22-1les

Получилось вот такое:

23-1les

Выбираем инструмент "Move Tool" (V), зажимаем "Shift" и перетягиваем рисунок горизонтально в противоположную сторону (я тянул вправо). Это нам даст ровное горизонтальное смещение дубля слоя. Далее уже смотрим "на глаз" как будет красивее выглядить. Я сделал вот так:

title-1les

С левой стороны немножко разогнался и получилось больше свободного места :) Но это я думаю не страшно! ;) Более ровно в "шапке" сайта! :mrgreen:

Ну вот и всё! Урок на этом закончен! Надеюсь он был Вам интересен и может пригодится в будущем! Попробуйте сделать такое же самое и потом похвастатся, что у Вас получилось!  8-)

С нетерпением жду от Вас комментариев к этому уроку! ;)

Всем PEACE!

+1+2+3+4+5 (проголосовало: 7, средняя оценка: 4.86 с 5)
Loading ... Loading ...

Подписаться на RSSВы можете подписаться на RSS или на E-mail рассылку:

Оставить комментарий с помощью формы ВКонтакте

Комментариев (6) к “Спектральные линии или как это делалось…”

  1. galaxy пишет:

    http://www.mykhailenko.com/blog/wp-content/uploads/2009/08/19-1les.png
    вот это круто :) Внутренний джадаинг нарисовался в спектральных линиях ФШ :)

  2. Жека пишет:

    Ну ты ваще крут! Респект тобі та повага! =)

  3. neo пишет:

    Как называется шрифт?

  4. марина пишет:

    урок понравился, а вообще сама немного по другому делаю