lessons 17.12.2007

В этом уроке мы научимся рисовать кисти для Фотошопа. Очень полезный урок для начинающих изучать Фотошоп.

кисти в фотошопе

Большое количество людей не понимают, что Создание собственных кистей в Фотошопе это легкий и быстрый процесс. А если вы используете какие-то элементы дизайна в своих работах снова и снова, то нет ничего лучше создания из него кисти, что позволит сэкономить вам кучу времени и упростить себе жизнь.
В этом уроке, мы создадим Гранж кисть в Photoshop.

При создании кистей в Photoshop есть несколько ограничений о которых стоит знать.
Во-первых, вы будете работать с уровнями Непрозрачности оттенков серого. Черный – 100% непрозрачный, белый на 100% прозрачным, оттенки серого цвета представляют различные уровни прозрачности между этими двумя цветами. Чем ближе к черной, тем более непрозрачный. Во-вторых, кисти имеют ограничение на размер – максимальный размер 2500 x 2500 пикселей (но лучше делать их как раз максимально большими – сделать по меньше их будет можно и во время работы с ними в проекте).

Теперь, когда вы знаете основы, давайте создадим нашу кисть!
инструмент crop

Шаг 1. В этом уроке будем использовать текстуру древесины, взятую с сайта www. texturelovers. com.

Откройте изображение в Photoshop и обрежьте его до квадрата. Так как выбранное нами изображение имеет размер 1300 х 1942 пикселей, то используя инструмент Кадрирования (Crop Tool (С)) и, задав ширину и высоту в 1300 px, создаем выделение. Enter пока не нажимаем.

crop tool

lessons 15.12.2007

В этом уроке мы научимся создавать эффект в стиле гранж в Фотошопе. На основе полученного эффекта можно даже сделать плакат. Ведь останется только добавить текст.

дизайн в стил гранж

rectangle tool

Шаг 1. Начнем с создания документа. Нажимаем Ctrl+N или идем File>New (Файл>Новый), размер файла пусть будет 1280*1024px и разрешении 72dpi. Выбираем Инструмент Rectangle Tool (Прямоугольник (U)) и выделяем им весь документ, чтобы потом было удобней с фоном. (Обратите внимание, чтобы Инструмент «Прямоугольник» должен быть в режиме «Слой-фигура»).

gradient overlay
gradient editor
градиент

Шаг 2. Идем в Слой>Стиль Слоя>Наложение Градиента (Blending Options>Gradient Overlay)

фото dj

Шаг 3. Находим подходящее изображение в Интернете

cutout
применяем фильтр

Шаг 4. Вырезаем фигуру DJ, кладем её на наш фон и применяем ко слою с DJ фильтр Filter>Filter Gallery>Cutout (Фильтр>Галерея фильтров>Аппликация)

color overlay
наложение цвета

Шаг 5. Создаем копию слоя с DJ и помещаем её под оригинальный слой с DJ. Для нового слоя идем в Стили Слоя, а далее Color Overlay (Наложение цвета), внизу показаны параметры, которые необходимо установить и то, как будет выглядеть новый слой.

outer glow
stroke
градиент

Шаг 6. Возвращаемся к основному слою с DJ, задаем для Режим Смешивания (Blending Mode) — Overlay (Перекрытие), и идем в Стили Слоя и далее Outer Glow (Внешнее Свечение) и Stroke (Обводка).

дизайн с диджеем

lessons 26.11.2007

Рисуем блестящие сердечки в Фотошопе. После этого их можно будет легко поместить на открытку, например, к дню Святого Валентина.

рисуем блестящие сердца в photoshop

создаем новый документ и заливаем его градиентом

Шаг 1. Как обычно, создаём новый документ (Ctrl+N). Пусть размер будет 220*220 пикселей, разрешение оставляем, как есть. Теперь добавляем градиент (Gradient Tool (G)) для нашего фона, используя для этого #e24a4a и #d60000, градиент делаем радиальным.

инструменты перо и произвольная фигура
заливаем цветом

Шаг 2. Рисуем поверхность в виде сердца для этого можно использовать Инструмент Перо (Pen Tool (P)) или выбрать уже готовую поверхность в Произвольная фигура (Custom Shape Tool (U)). Сердце залейте следующим цветом #ad1516.

inner shadow
outer glow
gradient overlay

Шаг 3. Кликаем правой кнопкой мыши на миниатюре слое с сердцем на Палитре Слоев и выбираем Режимы Наложения (Blending Options). Выберите следующие параметры.

промежуточный результат

Шаг 4.У вас должно получиться что-то похожее на это.

выделяем и сжимаем выделение

Шаг 5. Удерживая клавишу Ctrl, кликаем на миниатюру слоя на Панели Слоев, чтобы выделить наше сердечко.
Для сжатия выделения идем Выделение>Модификация>Сжать (Select>Modify>Contract) и вводим 4 пикселя.

растушевываем и заливаем градиентом

Шаг 6. Теперь применяем растушевку с радиусом равным 1 пиксель (Выделение>Растушевка (Select>Feather)).
После этого создаем новый слой (не снимая выделения) и заливаем его градиентом от Белого до Прозрачного (White to Transparent) по направлению от низа к середине сердца, как показано внизу.

blending option

Шаг 7. Меняем Режим Смешивания (Blending Option) для этого слоя на Перекрытие (Overlay).

закрашиваем выделение градиентом

Шаг 8. Опять выделяем наше основное сердце, кликая на его миниатюре на Панели Слоев, удерживая клавишу Ctrl. На этот раз сжимаем выделение на 2 пикселя (Select>Feather). После этого закрашиваем выделение градиентом от Белого к Прозрачному (White to Transparent) от верха к середине сердца. Все это делаем на новом слое, конечно.

pen tool

Шаг 9. Рисуем выделение (например, с помощью Инструмента Перо (Pen Tool (P))), как на рисунке внизу и удаляем часть градиентной заливки.

soft light

Шаг 10. Уменьшаем Непрозрачность (Opacity) слоя до 60% и выбираем Режим Смешивания (Blending Option) — Мягкий Свет (Soft Light).

режим смешивания

Шаг 11. Дублируем слой, но Режим Смешивания ставим Нормальный (Normal), а Непрозрачность (Opacity) слоя уменьшаем до 15%.

работаем с выделением

Шаг 12. Дублируем слой (Ctrl+J) со свечение и выделяем наш основной слой с сердцем. Сужаем выделение на 3 пикселя и нажимаем Удалить на нашем третьем слое со свечением.

overlay

Шаг 14. Делаем яркую линию в нижней части сердца. Режим смешивания для данного слоя устанавливаем Перекрытие (Overlay).

композиция из трех сердец

Шаг 15. И наконец, дублируем наши слои, чтоб получить изящную композицию из трех сердец.

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

new fill or adjustment layer

Шаг 2. Так как полученная в будущем Кисть будет в оттенках серого, даже если изображение из которого она взята было цветным, давайте прям сейчас перевед нашу текстуру в цветовой режим Greyscale (оттенки серого), чтобы мы могли лучше ориентироваться в том то, что будет происходить дальше. На панели Layers (Слои) нажмем на кнопку Create New Fill or Adjustment Layer (Создать новую заливку или Корректирующий слой) внизу Панели и выберем черно-белый (Black & White).

black & white

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

 new fill or adjustment layer levels

Шаг 3. Теперь у нас есть черно-белое изображение, но в нем недостаточно оттенков. Попробуем их добавить для того, чтобы у полученной Кисти было достаточно глубины в оттенках цвета. Для этого идем опять в Create New Fill or Adjustment Layer, но на этот раз выбираем пункт Levels (Уровни).

levels

Откроется окно, в котором мы будем корректировать настройки. С помощью левого ползунка настраиваем темные оттенки, а правого — света. Используем средний ползунок для тонкой корректировки средних оттенков. На изображении видно, какие настройки выставили мы.

текстуры

На рисунке слева вы можете видеть, текстуры до настройки и после внесенных изменений.

инструмент lasso

Шаг 4. У нас уже получилась неплохая Кисть, но все же есть, что улучшить. Например, добавить ей интересную форму. Выберем инструмент Lasso Tool (Лассо) и рисуем им любую абстрактную форму.

форма кисти

На изображении показана форма кисти отдельно от текстуры. В середине выделения то, что мы хотим оставить, вне – удалить.

выделение в фотошопе

Так что идем в раздел меню Select (Выделение) и выбираем Inverse (Инвертировать). Это изменит наш выделение и теперь будут выделены края вместо центральной части. Нажимает Delete, чтобы избавиться от краев, затем нажмите Ctrl + D, чтобы снять выделение.

кисть в фотошопе

На рисунке слева вы можете увидеть, что у нас получилось.

ластик в фотошопе

Теперь добавим шероховатые края у нашей кисти. Для этого выбераем инструмент Eraser Tool (Ластик), а там любую размытую кисть.

eraser в фотошопе

Стираем края нашим Ластиком, чтобы избвиться от жестких краев. Слева то, что получилось у нас. Мы также немного удалили в центре, чтобы сделать кисть поинтереснее.

clone stamp tool

Для завершения формирования нашей кисти можно немного поработать инструментом Клонирования (Clone Stamp Tool), исползуя, например, ту же самую кисть, которую вы использовали для Ластика.

кисть

Слева вы можете увидеть окончательное изображение.

определяем кисть

Шаг 5. Теперь, когда у нас есть форма кисти именно такой формы, как мы хотим, пришло время сохранить её в качестве кисти Photoshop. Идем в пункт меню Edit (Редактирование) и выберите Define Brush Preset.

define brush preset

Появится окно с запросом ввести имя кисти. Дайте ей имя и нажмите кнопку ОК.

кисть

Поздравляем, вы только что сделали кисть в Photoshop. Она сразу же доступна для использования. Но не стоит останавливаться на достигнутом, вам все еще нужно сохранить копию вашей кисти, чтобы не потерять её позже.

сохраняем кисть

Шаг 6. Как уже говорилось выше, все новые кисти автоматически появится в наборе кистей. Тем не менее, все еще нужно сохранить копию в. abr файл, чтобы иметь возможность постоянно ее использовать. Для этого выбераем инструмент Кисть и открываем Наборы кистей.

preset manager.

Нажимаем на маленькую стрелочку в правом верхнем углу окна и выберите Preset Manager (Управление наборами).

preset manager

Preset Manager покажет вам все кисти загруженные в настоящее время, включая любые новые кисти, которые вы только что создали. Вы можете сохранять отдельные кисти или целые наборы кистей в одном. abr файле. Выберите кисти, которые хотите сохранить (используйте Ctrl для выбора нескольких — Кисти будут выделены жирным шрифтом) и нажмите кнопку Сохранить Набор (Save Set).

Дайте название вашему набору кистей. Вот и все, вы закончили!

Вот, что у нас получилось

brush
рисуем кистью

Шаг 7. Скроем слои с DJ, создадим новый слой и перенесём его под эти скрытые слои. Делаем новый слой белым, например, с помощью Paint Bucket Tool (Инструмент «Заливка» (G)). После этого с помощью большой мягкой кисти рисуем пятно (параметры см. внизу)

halftone
кисть

Шаг 8. Далее выбираем Filter>Pixelate>Color Halftone (Фильтр>Оформление>Цветные полутона)

halftone
наложение цвета

Шаг 9. Идем далее в Select>Color Range (Выделение>Цветовой диапазон) и кликаем пипеткой по белому цвету. Нажимаем Ok и Delete,чтобы удалить белый фон. Снимаем выделение (Ctrl+D), выбираем Free Transform (Ctrl+T или идем Редактирование>Свободное Трансформирование) и перемещаем новый элемент в правый нижний угол. Идем в Стиль Слоя Color Overlay (Наложение цвета) и задаем параметры

слои с dj

Делаем видимыми слои с DJ

free transform

Шаг 10. Создаем три копии слоя с красным пятном и, использя Инструмент Free Transform, изменяем их размер и положение. Также надо изменить их цвета, новые указаны на рисунке. (Эти новые слои также, как и оригинал должны находиться под слоями с DJ)

свободная трансформация

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

custom shape tool
произвольная фигура
color dodge

Шаг 11. Выбираем Инструмент Custom Shape Tool (Произвольная Фигура (U)) для создания белых лучей. Слой с лучами должен быть также под слоями с DJ.

Для данного слоя ставим Fill (Заливка) — 33%, Blending Mode (Режим Смешивания) — Color Dodge (Осветление основы).

градиент
gradient tool

Шаг 12. Создаем Маску слоя (Mask) для данного слоя, нажав на соответствующую кнопку внизу Палитры Слоев. Затем выбираем Инструмент Градиент (Gradient Tool (G)) (параметры см. внизу на рисунке) и проводим им так, чтобы скрыть нижнюю часть слоя с лучами.

копия слоя

Шаг 13. Копируем опять слой с красным пятном и помещаем новое пятно в левый верхний угол, как на картинке внизу.

brush
рисуем кистью

Шаг 14. Создаем новый слой и помещаем его над слое с лучами, но под слои с DJ. Берем красивую цветочную кисть (её можно скачать с данного сайта) и рисуем белые узоры.

параметры кисти
draw brush
кисть

Шаг 15. Создаем ещё один новый слой и повотряем сделанное в предыдущем шаге, только с новой кистью.

overlay

Шаг 16. Для слоя с кругами (последнего сделанного) выбираем Режим Смешивания (Blending Mode) — Overlay (Перекрытие).

ellipse tool
bevel emboss
gradient overlay
gradient editor
stroke обводка

Шаг 17. Теперь, нарисуем прикольный динамик. Для этого, для начала выбираем Инструмент Эллипс (Ellipse Tool (U)) и рисуем круг (для этого при рисовании необходимо удерживать клавишу Shift). Идем в Стили Слоя и работаем там со следующими Стилями: Bevel and Emboss (Тиснение), Gradient Overlay (Наложение Градиента) и Stroke (обводка).

обработка фото

Наше изображение после этих преобразований

рисуем круг bevel emboss
наложение градиента
редактор градиента
рисуем динамик

Шаг 18. Используя тот же Инструмент Эллипс, на новом слое, рисуем ещё один круг. Стили Слоя для этого слоя: Bevel and Emboss (Тиснение) и Gradient Overlay (Наложение Градиента).

рисуем эллипс

Шаг 19. Теперь, нарисуем внутренний элемент динамика, применяя всё тот же Инструмент Эллипс и закрасив его в чёрный цвет.

bevel emboss
рисуем элемент динамика

Параметры Стиля Слоя Bevel and Emboss

рисуем круг
gradient overlay
gradient editor
рупор

Шаг 20. Рисуем еще один круг. Его параметры для Gradien Overlay

рисуем заклепки
рисуем стерео динамик

Шаг 21. С помощью любимого Инcтрумента Ellipse Tool, рисуем черные заклепки на нашем динамике

free transform

Шаг 22. Связываем в одну Группу все слои с частями динамика (для этого, например, нажимаем кнопку «Создать новую группу» внизу Палитры слоев и переносим в неё все необходимые слои, которые можно выделить все одновременно, нажимая на слое и удерживая клавишу Ctrl). После этого создаем 3 копии этой группы и, воспользовавшись Инструментом Free Transform, перемещаем их в различные места нашего плаката, на забывая при этом ещё и менять их размер.

белое пятно
fill layer

Шаг 23. Копируем слой с красным пятном в левом нижнем углу и меняем его цвет (на белый) и местоположение (с помощью Free Transform). Fill (Заливка) слоя пусть будет 70%.

делаем копии слоя

Шаг 24. Делаем 3 копии слоя с белым пятном

кисть
рисуем brush

Шаг 25. Опять создаём новый слой и рисуем на нём (с помощью Инструмента Brush (Кисть)).

кисти фотошоп
крутой плакат

Шаг 26. Всё, мы почти закончили, осталось только добавить несколько светящихся огоньков. Для этого мы будем использовать Стандартную кисть Photoshop (рисуем на новом слое, разумеется).

наложение градиента
редактируем градиент

Для нового слоя идем в Стиль слоя Gradient Overlay

дизайн плаката в стиле гранж

Все! Поздравляю! Вот наше итоговое изображение.