Это мой первый урок в блоге по созданию и обработке изображений в графическом редакторе Adobe Photoshop.
waZZup guys!!!
Вот только недавно "открывшись", я сразу решил Вам поведать "мега-секрет" дизайна моего блога То есть не всего дизайна, а только его кусочка. Я хочу рассказать и показать Вам, как я рисовал шапку блога! А именно спектральные линии в самом верху сайта
Думаю в Сети Вы не раз встречали уроки по созданию таких спектральных линий в обработке фотографий, коллажах и прочем. Это не ново! Зачастую единицы людей придумывают методы, как воплотить свою идею, рисуют её, создают урок с подробным рассказом, а дальше всё идёт по течению - все остальные копи/пастят себе в блоги. Я конечно не противник этого. Сам любитель по копи/пастить интересненький материал
И так, шапку рисовал я, а именно спектральные линии, по уроку вот этого мэна. Если Вы подумали, что я просто переписал его статью слово в слово, то Вы ошибаетесь. Я взял за основу его подробный туториал, а во всём остальном импровизировал лично сам + мне не все манипуляции были нужны.
Ну что, начнём?
Для начала создадим документ и зальём его черным цветом (#000000). Размер документа, я взял 1000х500. Но ничего не помешает Вам создать любой размер по собственному желанию Увидеть более детально установки можно на скрине ниже:
Для начала нам нужно создать кисточку. Кликаем по этой кнопке: или же жмём на клавиатуре "В" и выбираем кисть (это Basic Brushes), которая показана на рисунке:
и применяем такие настройки к этой кисти (чтобы открыть окно с настройками жмем F5 или Window > Brushes или же вот эту кнопку: ):
1. Пункт "Other Dynamics":
2. Пункт "Scattering":
3. Далее опять пункт "Other Dynamics":
Установите ещё галочки возле пунктов: Airbrush и Smoothing.
Далее нам нужно сохранить новую кисточку с настройками, чтобы в будущем её использовать. Для этого жмём на кнопочку, которая показана на скрине:
и выбираем такой пунктик:
Вводим произвольное имя кисти по желанию и жмём OKай:
Если Вы всё сделали правильно, то Ваша новая кисточка появится в списке с остальными кистями, у меня это выглядит так :
Продолжим.
Создайте новый слой (кто не в курсах, чтобы создать новый слой жмём Ctrl+Shift+N (для PC) и Command+Shift+N (для Mас) или в меню выбираем: Layer > New > Layer или же вот эту кнопку: ). Хотите переименовывайте слой, хотите нет.
Далее берем "Pen Tool" (Чтобы его вызвать жмём "Р" или ) и ставим в любой стороне фона точку, далее зажимая кнопочку "Shift" (зажимаем для того, чтобы другая точка была горизонтально выровнена относительно первой) ставим в противоположной стороне ещё одну точку, после этих манипуляций должна прорисоватся какбэ линия
Что получилось у меня можно увидеть на рисунке:
Далее наглядно "на глаз" ищем центр линии. Когда поиски удачно закончились с позитивным результатом ставим ещё одну точку в центре линии !не отпуская! кнопку мыши перетягиваем указатель вверх или вниз (я лично тянул вниз
) Получается какбэ "волна", правда? Но нам нужно чтобы эта "волна" была более плавной, и чтобы этого добится, нам нужно во время перетягивания указателя мыши вверх или вниз параллельно смещать ещё влево или вправо (я тянул вправо). Когда на Ваше усмотрение "волна" стала более менее плавненькой, отпускаем кнопку мыши
Получилось что-то типа вот этого:
Далее кликаем правой кнопкой мыши на нашем изображенном "пути" и выбираем "Stroke Path":
В диалоговом окне ставим галочку возле "Simulate Pressure" и из списка выбираем "Brush":
Должно получится вот что-то такое:
Чтобы избавится от "путей" "Pen Tool"-а жмём кнопочку "Delete" на клавиатуре.
Ну что, добавляем абстракционизма нашему творению? :)
К слою, на котором Вы рисовали кистью, применяем размытость. Это делается так: Filter > Blur > Motion Blur:
и делаем такие настройки:
Получился такой эффект:
Тускловато и грубо, правда? Исправляем! Жмём Ctrl+F (применяем ещё раз фильтр смазивания). Ну как? Стало ещё тусклее, зато более смазано. Ничего, к приданию яркости и четкости мы подойдём позже. А у Вас так получилось, как у меня? :
Это конечно всё хорошо, но где же "спектральные" цвета? хе! да вот! Нам нужно применить к слою с рисунком "Gradient Overlay". Выбираем в меню: Layer > Layer Style > Blending Options или кликаем 2 раза по требуемому слою с правою стороны от названия. В появившемся окне кликаем на пункт "Gradient Overlay". И делаем настройки, которые показаны на скрине:
Жмём кругом OKаи
Ну что? Что-то вырисовываеться?
Дальше давайте продублируем слои, чтобы они стали ярче и круче Я дублировал их 3 раза.
Кто не знает как дублировать, я расскажу! Кликаем правой кнопкой на слое, выбираем "Duplicate Layer". В появившемся окошке оставляем название слоя по умолчанию или же вводим своё наванием
Всё! Дубль слоя готов! Есть второй способ, который проще (лично для меня). А Вы помните как создавать слой с помощью нажатия на 1 кнопочку на панели слоев? Если не помните, не проблема, я Вам напомню! Смотрим на скрин:
. Тогда нажатие на 1 кнопку вело за собой создание слоя. В нашем же случаи нужно продублировать слой. Мы кликаем левой кнопкой мыши на необходимый нам слой и не отпуская кнопку мыши перетаскиваем слой на кнопку, с помощью который мы создавали Новый Слой. Ели кто не понял, эта кнопка обведена кругом гламурного цвета на скрине чуток выше
Вот и всё! И не надо сталкиватся с ненужным диалоговым окном, которые всплывает при 1-м способе.
З.Ы. Пока не забыл
Вы знаете, я вообще не люблю вызывать свойства слоев и т.д. и т.п. с помощью главной менюшки (типа: Что-то там > Что-то там-там > и какие-то настройки), я выучил (что и Вам советую!!!) гарячие комбинации клавиш, кнопки быстрого запуска и т.д. Это гораздо меньше занимает времени и усилий для какой-то определенной манипуляции! По этому я и привожу в примерах несколько вариантов, типа: сочетание клавиш + нажатие одной кнопки или же + банальный стандартный вариант выбора через Главное меню ФШ. Так что, выбирать только Вам сколько тратить времени на определенное действие!
![]()
И так, вернемся к уроку! Мы продублировали слой 3 раза, не так ли?
Теперь нужно слить все слои в один. Выделяем все слои с помощью Shift или Ctrl и левой кнопки мыши на панели слоев. Выделили? Теперь жмем Ctrl+E или правой кнопкой мыши на любом слое и выбираем "Merge Layers". Всё! Получился один слой.
Если Вам кажется, что цвета всё ещё не насыщены и рисунок тускловатый, то продублируете ещё несколько раз только что слитый слой. И потом так же слейте новые слои в один, как я описывал выше! Смотрите уже на свой вкус! Главное не переборщите!
После дублирования слоев и их слития в один, должно получится такое:
В принципе, на этом урок можно и заканчивать! Но если Вы хотите, чтобы получилось такое, как в шапке этого сайта, то Вам нужно потерпеть и дочитать до конца урок!
С помощью инструмента "Move Tool" (или жмём "V" на клаве) перетягиваем наше творение вверх чтобы небольшая часть рисунка ушла за пределы видимого полигона. Смотрим скрин:
Дублируем наш слой!
Дальше выбираем инструмент "Rectangular Merquee Tool" (M). Кликаем правой кнопкой мыши на рисунке (смотрите, чтобы был активный слой с дублем) и выбираем "Free Transform". Скрин:
У нас выделился рисунок рамочкой. Опять кликаем правой кнопкой мыши на рисунке и выбираем "Flip Horizontal". Скрин:
Получилось вот такое:
Выбираем инструмент "Move Tool" (V), зажимаем "Shift" и перетягиваем рисунок горизонтально в противоположную сторону (я тянул вправо). Это нам даст ровное горизонтальное смещение дубля слоя. Далее уже смотрим "на глаз" как будет красивее выглядить. Я сделал вот так:
С левой стороны немножко разогнался и получилось больше свободного места Но это я думаю не страшно!
Более ровно в "шапке" сайта!
Ну вот и всё! Урок на этом закончен! Надеюсь он был Вам интересен и может пригодится в будущем! Попробуйте сделать такое же самое и потом похвастатся, что у Вас получилось!
С нетерпением жду от Вас комментариев к этому уроку!
Всем PEACE!
http://www.mykhailenko.com/blog/wp-content/uploads/2009/08/19-1les.png
Внутренний джадаинг нарисовался в спектральных линиях ФШ
вот это круто
Ну ты ваще крут! Респект тобі та повага!
tnx meeen!
Как называется шрифт?
Bauhaus LT Light
урок понравился, а вообще сама немного по другому делаю