Фотошоп облако для текста: Делаем иллюстрацию для комикса в Фотошоп / Creativo.one — DesignLessons – все о дизайне

Содержание

Делаем иллюстрацию для комикса в Фотошоп / Creativo.one

Оригинальный размер этой работы был 1500 на 2000. Размер иллюстраций был уменьшен. Я рекомендую Вам использовать большой холст для этого урока (1024 на 768 и больше), потому что в шаге 3 (дождь) лучше работать в большом масштабе. При желании Вы сможете кадрировать изображение позже.

Шаг 1. Начнем с обесцвечивания изображения, если оно в цвете. Перейдем Изображение – Коррекция — Обесцветить (Image – Adjustment — Desaturation). Затем отрегулируем уровни. Идем Изображение – Коррекция — Уровни (Image- Adjustment- Levels). Настроим их так, чтобы выглядело как на рисунке ниже. Я использовал эти значения:

Примечание: при работе на больших изображениях вы можете не получить нужного результата корректировкой уровней. Чтобы исправить это, используйте фильтр. Перейдите на Фильтр – Имитация — Аппликация

(Filter – Artistic — Cutout). Поставьте количество уровней 2 или 3, поиграйте с простотой краев и четкостью краев, пока не получите хороший результат. Вот те настройки, что я использовал:

Шаг 2. Теперь даем человеку оружие. Я выбрал пушку, но вы можете работать с ножами, кинжалами или ломами… всем, чем пожелаете.

Обесцвечиваем изображение. Идем Изображение – Коррекция — Обесцветить (Image — Adjustment — Desaturation). Используем тот же принцип, как в шаге 1, и работаем с уровнями, пока не получим вид комиксов. Этот слой назовем «пушка».

Выберем для слоя с пушкой режим наложения Линейный затемнитель (Linear Burn).

Сейчас наступает самая сложная часть: дождь.

Шаг 3. Создадим новый слой, назовем «дождь 1», разместим его выше «пушки». Перейдем на Редактирование — Выполнить заливку (Edit — Fill) и используем 50% серый. Теперь идем Фильтр – Шум — Добавить шум (Filter – Noise — Add noise). Сумма 400%. Настройки: распределение по Гауссу, монохромный.

Далее Фильтр – Размытие — Размытие в движении (Filter – Blur — Motion Blur). Угол 90 и смещение- 999 пикселей.

Примечание: если вы используете большое полотно, то должны использовать Размытие в движении (Motion Blur) снова и снова (Ctrl + F), пока не получите прямые линии. Как только все получилось, идем Редактирование – Трансформирование — Наклон (Edit – Transform — Skew). Наклоняем верхний правый и левый нижний углы, как показано…

Устанавливаем режим наложения Яркий свет

(Vivid Liqht) и идем Изображение – Коррекция — Уровни (Image – Adjustments — Levels). Настроим уровни таким образом, чтобы получить что-то вроде этого изображения:

Шаг 4. Повторите шаг 3. Только на этот раз имя слоя — «дождь 2» и косой дождь сделайте немного меньше.

Шаг 5. Создадим новый слой. Он должен находиться ниже слоев «дождь». Используем инструмент Кисть , чтобы покрасить фон между человеком и оружием в черный цвет. Назовем слой «черный». К сожалению, так не видно волосы.

Чтобы показать волосы, создадим маску слоя на «черном», нажав значок Добавить слой-маску (внизу палитры слоев). Используем инструмент Градиент (от черного к белому или светло-серому), чтобы получить результат, как на картинке:

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

Для этого выберем инструмент Овальная область (Elliptical marquee tool) и на новом слое нарисуем эллипс. Теперь берем инструмент Многоугольное лассо (Polygonal lasso) и, удерживая Shift, рисуем треугольник, выходящий из овала, вот так:

Теперь заполним его. Идем Редактирование — Выполнить заливку… (Edit — Fill). Используем белый. Если хотите добавить обводку, то Редактирование — Выполнить обводку (Edit- Stroke).
Для завершения работы осталось добавить «убойный» диалог.

Автор

: sulfar

Текст и фигуры из облаков

Это быстрый урок Photoshop о том, как создать интересный текст из облаков. На самом деле, мы сможем сделать не только такой текст, то и разнообразные фигуры. Это очень интересный эффект, на мой взгляд.

Для начала создадим новый документ с размерами 1000×500 px, после чего подберем какие-то подходящие цвета, например #3497b6, #97d5e6 и сделаем линейный градиент от одного цвета к другому.

Отлично, теперь будем использовать инструмент Horizontal Text Tool. Напишем что-то, например «SKY» используя шрифт Arial Black (стандартный для Windows). Используем следующие установки для текущего текстового слоя:

Вы можете увидеть результат на скриншоте внизу.

Хорошо, пришло время создать фоновый слой в виде облаков. Выбираем инструмент Brush Tool и загружаем кисти отсюда, чтобы создать рисунок в виде облаков на холсте. Затем создаём новый слой и рисуем несколько облаков на новом слое белым цветом. Не забудьте уменьшить размер каждой кисти заранее примерно до 90-100 px.

Следующим шагом будет выделение текстовых фигур. Для этого нажмите Ctrl и кликните левой кнопкой мыши на текстовом слое в списке слоев. Затем Вы можете удалить текстовый слой, потому что он нам больше не нужен. Используем

Ctrl+Shift+I, чтобы инвертировать выделение и очистить его с помощью кнопки Delete. Снимите выделение с выбранной области с помощью Ctrl+D.

После этого возьмите инструмент Eraser Tool – кисть с мягкими краями – и сделайте резкие края букв более мягкими.

Отлично, теперь возьмите опять инструмент Brush Tool и добавьте несколько небольших облаков, чтобы сделать Ваши буквы более реалистичными.

После этого создайте новый слой и добавьте несколько облаков первоначального размера на фоновый слой. Не забудьте установить 25% непрозрачности для этого слоя.

Мы закончили! Спасибо за прочтение этого урока, я надеюсь, он Вам понравился! Можете смело экспериментировать не только с текстом. Вы можете также создавать разнообразные фигуры.

http://www.photoshopstar.com/
Перевод: http://www.4webmaster.ru/

Рекомендуем почитать:
• Металлический текст
• Типографская врезка
• Золотой текст

Эффект металлического текста в фотошопе

В этом уроке по текстовым эффектам в Photoshop мы узнаем, как легко создавать металлический текст , популярный эффект, широко используемый в видеоиграх и постерах фильмов! Может показаться, что нужно выполнить много шагов, но как только вы это сделаете несколько раз, создание эффекта не займет у вас больше нескольких минут от начала до конца. Чтобы создать саму металлическую текстуру и применить ее к тексту, мы будем использовать несколько стилей слоя, несколько фильтров, режимы наложения слоев и обтравочную маску! Я буду использовать Photoshop CS5 для этого урока, но любая последняя версия Photoshop будет работать.

Вот окончательный результат, который мы будем создавать:

Финальный эффект «металлический текст».

Давайте начнем!

Шаг 1: Создайте новый документ

Создайте новый документ Photoshop, зайдя в меню «

Файл» в строке меню в верхней части экрана и выбрав « Новый» , или нажмите сочетание клавиш Ctrl + N (Победа) / Command + N (Mac) на клавиатуре для более быстрого вызова:

Диалоговое окно «Новый документ».

Шаг 2: залейте фон черным

Нажмите букву D на клавиатуре, чтобы быстро сбросить значения цветов переднего плана и фона Photoshop на их значения по умолчанию, при этом цвет переднего плана станет черным . Затем нажмите Alt + Backspace (Win) / Option + Delete (Mac), чтобы быстро заполнить документ текущим цветом переднего плана (черный):

Документ теперь заполнен черным.

Шаг 3: добавь новый пустой слой

Нажмите на значок « Новый слой» в нижней части панели «Слои»:

Нажмите на иконку «Новый слой» (вторая иконка справа).

Photoshop добавляет новый пустой слой с именем «Слой 1» над фоновым слоем:

Новый слой появится над фоновым слоем.

Шаг 4: залейте новый слой светло-серым

Перейдите в меню « Правка» в верхней части экрана и выберите « Заполнить» :

Перейдите в Edit> Fill.

Когда появится диалоговое окно «Заливка», щелкните раскрывающийся список справа от слова « Использовать» и выберите « Цвет» из списка параметров:

Выберите «Цвет» для параметра «Использовать» в верхней части диалогового окна «Заливка».

Как только вы выберете Цвет, Photoshop откроет палитру цветов, чтобы вы могли выбрать цвет, которым хотите залить слой. Выберите светло-серый. Если вы хотите использовать точный оттенок серого, который я использую, введите 195 для параметров R , G и B :

Выберите светло-серый из палитры цветов.

Нажмите OK, когда вы закончите, чтобы выйти из палитры цветов, затем нажмите OK, чтобы выйти из диалогового окна Fill. Photoshop заполняет слой серым, временно скрывая заполненный черным фоновый слой из вида:

Документ теперь кажется заполненным серым.

Шаг 5: добавь шум

Перейдите в меню « Фильтр» в верхней части экрана, выберите « Шум» , а затем выберите « Добавить шум» :

Перейдите в Filter> Noise> Add Noise.

Когда появится диалоговое окно Add Noise, добавьте много шума к изображению, установив значение Amount около 150% . Убедитесь, что параметры Gaussian и Monochromatic выбраны в нижней части диалогового окна:

Параметры фильтра «Добавить шум».

Нажмите OK, когда вы закончите, чтобы выйти из диалогового окна. Документ теперь должен быть заполнен шумом:

Документ после применения фильтра «Добавить шум».

Шаг 6: примени фильтр Motion Blur

Мы собираемся использовать весь этот шум для создания первой части нашей металлической текстуры. Вернитесь в меню Filter , выберите Blur , а затем выберите Motion Blur :

Перейдите в Filter> Blur> Motion Blur.

Когда появится диалоговое окно Motion Blur, установите угол размытия примерно на -10 ° , затем увеличьте расстояние до примерно 200 пикселей :

Установите угол на -10 ° и увеличьте расстояние до 200 пикселей.

Нажмите OK, когда вы закончите, чтобы закрыть из диалогового окна. Размытие шума создало эффект матового металла:

Изображение после наложения Motion Blur на шум.

Шаг 7: обрезать края

Вернувшись к шагу 1, я упомянул, что вы должны сделать свой документ немного больше, чем нужно. Причина в том, что у фильтра Motion Blur возникают проблемы с размытием пикселей по краям документа, что мы теперь ясно видим в нашем собственном документе. Давайте обрезать эти нежелательные области. Выберите инструмент « Обрезка» в Photoshop на панели «Инструменты» или нажмите букву C, чтобы выбрать его с помощью сочетания клавиш:

Выберите инструмент Crop.

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

Перетащите выделенную область вокруг области, которую хотите сохранить.

Нажмите Enter (Win) / Return (Mac), чтобы Photoshop обрезал ненужные края. Теперь остается только хорошая текстура:

Изображение после обрезки по краям.

Шаг 8: добавь свой текст

Выберите инструмент «Текст» на панели «Инструменты» или нажмите букву T, чтобы выбрать его с помощью сочетания клавиш:

Выберите инструмент «Текст».

Выберите инструмент «Текст» и выберите свой шрифт на панели параметров в верхней части экрана. Для достижения наилучших результатов с этим эффектом используйте шрифт с толстыми буквами. Я собираюсь использовать Arial Black:

Параметры шрифта на панели параметров.

Выбрав шрифт, щелкните внутри документа и добавьте свой текст. Я наберу слово «МЕТАЛЛ»:

Добавьте свой текст.

Когда вы закончите, нажмите на галочку на панели параметров, чтобы принять текст:

Нажмите на галочку, чтобы выйти из режима редактирования текста.

Шаг 9: измени размер текста со свободным преобразованием

Ваш текст, скорее всего, будет слишком маленьким в данный момент (как у меня), поэтому зайдите в меню « Правка» и выберите « Свободное преобразование» или нажмите Ctrl + T (Win) / Command + T (Mac), чтобы выбрать «Свободное преобразование» с Сочетание клавиш:

Перейдите в Edit> Free Transform.

Это помещает поле Free Transform и обрабатывает текст. Чтобы изменить размер текста, удерживайте клавишу Shift и вытяните любую из четырех угловых ручек (маленькие квадраты). Удерживание клавиши Shift при перетаскивании ограничивает соотношение сторон текста, поэтому вы не искажаете его общую форму. Чтобы переместить текст, щелкните в любом месте внутри ограничительной рамки и просто перетащите его мышью. Когда вы закончите, нажмите Enter (Win) / Return (Mac), чтобы принять изменения и выйти из Free Transform:

Переместите и измените размер текста по мере необходимости.

Шаг 10: переместите текстовый слой ниже текстурного слоя

Нажмите на текстовый слой на панели «Слои» и, удерживая нажатой кнопку мыши, перетащите слой между слоем серой текстуры (Слой 1) и фоновым слоем. Когда вы увидите полосу выделения между этими двумя слоями, отпустите кнопку мыши, и Photoshop зафиксирует текстовый слой на месте:

Перетащите текстовый слой между фоновым слоем и слоем 1.

Шаг 11: создай обтравочную маску

Нажмите на слой 1 на панели слоев, чтобы выбрать его. Затем перейдите в меню Layer и выберите Create Clipping Mask :

Перейдите в Слой> Создать обтравочную маску.

Слой 1 станет отступом вправо на панели «Слои», указывая, что теперь он «обрезан» до текстового слоя под ним:

Панель «Слои» теперь показывает слой 1, обрезанный до текстового слоя.

Если мы посмотрим в окно документа, то увидим, что серая текстура теперь появляется только внутри текста:

Черный цвет от фонового слоя теперь виден вокруг текста.

Шаг 12: добавь скос и выбей стиль слоя

Нажмите на текстовый слой на панели «Слои», чтобы выбрать его. Затем щелкните значок « Стили слоев» в нижней части панели «Слои».

Щелкните значок «Стили слоя».

Выберите Bevel and Emboss из появившегося списка стилей слоя:

Выберите Bevel and Emboss.

При этом откроется диалоговое окно «Стиль слоя» в Photoshop с параметрами «Скос» и «Тиснение» в средней колонке. Сначала измените Технику на Chisel Hard , затем увеличьте Размер примерно до 7 пикселей . Перетащите ползунок глубины вправо, чтобы увеличить его примерно до 500% :

Варианты Bevel и Emboss.

В разделе параметров «Затенение» щелкните миниатюру « Глянцевый контур» :

Нажмите на миниатюру глянцевого контура.

Откроется редактор контуров . Нажмите на выпадающий список « Preset» в верхней части диалогового окна и выберите « Ring» из списка:

Выберите пресет звонка.

Нажмите кнопку ОК, чтобы выйти из редактора контуров. Затем вернитесь в главное диалоговое окно «Стиль слоя» и выберите параметр « Сглаживание» справа от миниатюры «Блеск контура»

Выберите параметр «Сглаживание».

Еще не закрывайте диалоговое окно Стиль слоя. Нам еще нужно добавить еще один, но ваш текст должен выглядеть примерно так:

Текст после применения стиля слоя Bevel and Emboss.

Шаг 13: добавь стиль наложения градиента

Нажмите непосредственно на слова Gradient Overlay в левом столбце диалогового окна Layer Style. Вам нужно нажать непосредственно на сами слова, а не только на флажок, чтобы отобразились параметры наложения градиента:

Нажмите на слова Gradient Overlay.

Средний столбец диалогового окна «Стиль слоя» изменится и отобразит параметры для наложения градиента. По умолчанию Photoshop выбирает градиент на основе текущих цветов переднего плана и фона (черный и белый), но если выбран какой-либо другой градиент, щелкните панель предварительного просмотра градиента :

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

Затем щелкните миниатюру градиента переднего плана к фону (вверху слева) в редакторе градиентов, чтобы выбрать его:

Выберите градиент переднего плана к фону.

Нажмите кнопку ОК, чтобы закрыть редактор градиентов. Вернувшись в главное диалоговое окно «Стиль слоя», измените режим наложения на « Наложение» , затем уменьшите непрозрачность примерно до 70% . Это добавит первоначальный эффект освещения к металлу:

Варианты наложения градиента.

Нажмите OK, чтобы выйти из диалогового окна Layer Style. Вот эффект с добавленными стилями слоя:

Эффект после применения стилей слоя.

Шаг 14: добавь новый набор слоев в режим наложения

Нажмите на слой 1 на панели слоев, чтобы выбрать его. Удерживая нажатой клавишу «Alt» (победа) / « Option» (Mac), щелкните значок « Новый слой» в нижней части панели «Слои»:

Удерживая нажатой клавишу «Alt» (Победа) / «Option» (Mac), щелкните значок «Новый слой».

Это говорит Photoshop, что нужно открыть диалоговое окно New Layer, где мы можем установить некоторые параметры перед добавлением нового слоя. Установите флажок слева от того места, где написано « Использовать предыдущий слой для создания обтравочной маски», чтобы выбрать этот параметр, затем измените режим (сокращение от «Режим наложения» ) на « Наложение» . Нажмите OK, когда вы закончите, чтобы закрыть из диалогового окна. Новый пустой слой с именем «Слой 2», установленный в режим наложения «Наложение», появится над слоем 1 на панели «Слои». Как и слой 1, он будет обрезан до текстового слоя под ним:

Диалоговое окно Новый слой.

Шаг 15: примени фильтр облаков

Давайте добавим несколько случайных бликов и теней к металлическому эффекту. Для этого мы будем использовать фильтр Photoshop Clouds вместе с режимом наложения Overlay, для которого мы уже установили слой. Перейдите в меню Filter в верхней части экрана, выберите Render , а затем выберите Clouds :

Перейдите в Filter> Render> Clouds.

«Облака» создают много светлых и темных областей:

Изображение после применения фильтра Облака.

Шаг 16: примени фильтр Gaussian Blur

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

Перейдите в Filter> Blur> Gaussian Blur.

Когда появится диалоговое окно Gaussian Blur, перетащите ползунок внизу вправо, чтобы увеличить значение радиуса примерно до 10 пикселей :

Установите радиус около 10 пикселей.

Вот изображение после размытия облаков:

Эффект облаков теперь больше похож на тонкий эффект освещения.

Шаг 17: добавь новый набор слоев в режим смешивания

Еще раз удерживайте Alt (Победа) / Option (Mac) и щелкните значок « Новый слой» в нижней части панели «Слои», чтобы открыть диалоговое окно «Новый слой». Установите флажок « Использовать предыдущий слой для создания обтравочной маски» , установив флажок внутри его, затем измените режим на « Умножение» . Наконец, выберите опцию Fill with Multiply-нейтральный цвет (белый) в нижней части диалогового окна. Нажмите OK, когда вы закончите, чтобы закрыть его и добавить новый слой:

Добавьте еще один новый слой, на этот раз установлен Multiply.

Шаг 18: добавь шум

Давайте добавим к нашему металлическому эффекту немного грязи и царапин. Перейдите в меню Filter , выберите Noise , затем выберите Add Noise . Появится диалоговое окно Add Noise с теми же настройками, которые мы использовали ранее. Не нужно их менять, поэтому просто нажмите кнопку ОК, чтобы выйти из диалогового окна. Текст теперь заполнен шумом, и поскольку режим наложения слоя установлен на Умножение, видны только темные пятна шума:

Режим наложения Multiply скрывает участки белого цвета, поэтому видны только темные пятна шума.

Шаг 19: примени медианный фильтр

Чтобы превратить шум в нечто похожее на грязь или царапины, вернитесь в меню « Фильтр» , снова выберите « Шум» , а затем выберите « Медиана» :

Перейдите в Filter> Noise> Median.

Медианный фильтр предназначен для удаления шума с изображения. Щелкните внутри поля ввода « Радиус» и используйте стрелку «Вверх» на клавиатуре, чтобы медленно увеличивать его значение, следя за изображением в окне документа. Когда вы увеличиваете значение радиуса, шум начинает исчезать, оставляя его «комки», чтобы создать эффект грязи и царапин. Значение около 9 пикселей должно работать. Нажмите OK, когда вы закончите, чтобы выйти из диалогового окна:

Увеличьте значение радиуса, чтобы уменьшить шум.

Шаг 20: понизь непрозрачность слоя

Если эффект грязи и царапин выглядит слишком темным, уменьшите непрозрачность слоя. Вы найдете опцию непрозрачности в правом верхнем углу панели слоев. Я собираюсь понизить мой примерно до 70%:

Опция непрозрачности слоя.

И с этим мы закончили! Вот заключительный эффект «металлического текста»:

Окончательный «металлический текст» результат.

Текст остается редактируемым

Одна из приятных особенностей создания этого металлического эффекта, который у нас есть, заключается в том, что текст остается полностью редактируемым, и мы можем даже изменить используемый шрифт, если нам не нравится тот, с которого мы начали! Чтобы изменить шрифт, просто выберите инструмент «Текст» на панели «Инструменты», щелкните текстовый слой на панели «Слои», чтобы выбрать его, затем выберите другой шрифт на панели параметров (вам может потребоваться снова изменить размер текста с помощью «Свободное преобразование» — см. шаг 9). Например, здесь я сделал только изменение шрифта на Trajan Pro Bold:

Тот же эффект, другой шрифт.

Здесь я отредактировал текст, изменив слово с «METAL» на «STEEL». Если вы сохраните документ в виде файла PSD в Photoshop , вы сможете открыть его снова в любое время и отредактировать текст без необходимости воссоздания текстуры металла:

Тот же эффект, другой текст.

[Объявления-boottom-флоат-влево]

Куда пойти дальше …

И там у нас это есть! Посетите наши разделы « Текстовые эффекты» или « Фотоэффекты» для получения дополнительных уроков по эффектам Photoshop!

Портрет из облаков в фотошопе. Редактируем фотографии

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

Итак приступим. Открываем нашу фотографию с портретом девушки

Смотрим чтобы в палитре цветов основным цветом был белый

Заходим в меню Фильтр -> Эскиз -> Ксерокопия

Настраиваем Детализацию и Затемненность. Нажимаем Ок

Кликаем два раза по нашему слою

В появившемся окне нажимаем Ок. Ели Вы заметили, то замочек в слое исчез. Это говорит о том, что наш слой разблокирован.

Далее выбираем инструмент Ластик

Делаем кисть мягкой

и удаляем черный фон, оставляя портрет девушки

Теперь открываем фотографию с небом

Выбираем инструмент Перемещение

И переносим наш портрет на небо

Устанавливаем режим наложения Экран

Выбираем трансформацию, нажав комбинацию клавиш Ctrl T. И производим размещение портрета на небе, приближая к реалистичному виду

Нажимаем Enter или галочку как показано ниже

Устанавливаем непрозрачность

Затем заходим в меню Фильтр -> Размытие -> Размытие по рамке

Устанавливаем подходящий радиус. Не бойтесь экспериментировать. Нажимаем Ок

Вот такой портрет из облаков у нас получился

Можно добавить еще текст и у нас получится открытка.

Мы применили действия схожие с прошлым уроком и перенесли портрет с земли на небо. Самое важное при освоении Photoshop – это практика, поэтому практикуйтесь, не бойтесь экспериментировать и тогда у Вас точно все получиться. Не забывайте пожалуйста оставлять комментарии ниже.

———————————————

109 кистей с облаками для фотошопа

Создаете вы цифровой арт, редактируете фотографии, правите изображения, но облака, бывает, необходимо добавить. Заменить фон неба или создать дымку, использовать двойную экспозицию – вариантов много. Кисточек с облаками для Photoshop тоже создано не мало, поэтому во всем этом многообразии можно очень надолго пропасть.

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

О том, как воспользоваться кистями в Photoshop, мы рассказали в Инструкции «Как установить кисти в фотошоп».

Cloud Brushes

Коллекция из 10 реалистичных кистей облаков, которые были созданы с помощью фотографии. Особенность – все облака достаточно плотные, кучевые и дождевые.

Формат: .abr

Количество: 10

Размер файла: 1,6 МБ

Скачать

24 Clouds PS Brushes

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

Формат: .abr

Количество: 24

Размер файла: 4 МБ

Скачать

Sky and clouds

Набор из 15 кисточек, которые совмещают в себе и небеса и облака. Целые миниатюры с солнечными бликами, дисками светила, разными облаками по типу. Остается только наложить градиенты, цвета, эффекты.

Формат: .abr

Количество: 15

Размер файла: 2,3 МБ

Скачать

Сlouds photoshop brushes

Набор из 21 кисточки самых разных облаков по типу и размеру. Кисти имеют высокое разрешение и могут использоваться для разных проектов от цифровых до печатных.

Формат: .abr

Количество: 21

Размер файла: 2,4 МБ

Скачать

39 Cloud Brushes

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

Формат: .abr

Количество: 39

Размер файла: 46 МБ

Скачать

Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Макет сайта волшебной ночи в Фотошопе

В этом уроке мы узнаем как нарисовать макет сайта в Фотошопе. Урок длинный, но конечный результат того стоит. Он волшебный :).

Шаг 1. Создаем новый документ (Ctrl+N) размером 960*1000 пикселей, цветовой режим — RGB. Расставляем Направляющие (guides) по краям документа и идем в Image>Canvas Size (Изображение>Размер холста), чтобы изменить размер файла (см. рисунок). Добавляем еще одну направляющую, чтобы отделить Шапку (header) сайта.

Шаг 2. Еще одну вертикальную направляющую выставляем в центре документа. Заливаем Фоновоый (Background) слой темно синим Радиальным Градинтом (Radial Gradient), как показано на рисунке (цвета градиента: #0D2B53 и #010D1F).

Шаг 3. Скачайте эту фотку с облаками и поместите её в наш файл на новый слой «Clouds», Режим Смешивания (Blending Mode) для данного слоя установите — Overlay (перекрытие). Далее идем Layer>Layer Mask>Hide all (Слой>слой-маска>Скрыть всё) и проводим по этой маске Радиальным Градиентом «от белого к черному», как показано на рисунке. После этого вызываем для слоя с облаками Уровни (Levels (Ctrl+L)) и затемняем облака.

Шаг 4. Скачиваем и помещаем в наш документ на слой «skyline» ещё один файл. Идем Layer>New Adjustment Layer>Channel Mixer (Слой>Новый Корректирующий слой>Микширование каналов) и, в появившемся окошке, ставим галочку у пункта «Использовать предыдущий слой для создания обтравочной маски». В окне «Channel Mixer» выбираем пункт «Black & White with Blue Filter (RGB) (Черно-белый с синим фильтром (RGB))» и нажимаем Ок. Режим Смешивания для слоя «skyline» задаем Overlay.

Шаг 5. К слою «skyline» добавляем маску слоя в режиме Reveal all (Показать все). Используя большую мягкую черную Кисть (Brush), скрываем границы перехода (закрашиваем черным их на маске слоя). Затем, применяя эти Кисти от Kelzky13, делаем края переходов более естественными.

Шаг 6. Пишем слово «Magic» (для этого мы использовали шрифт Scriptina). К слою с текстом применяем следующие Стили Слоя: Outer Glow (#9EB6D0) и Gradient Overlay (#70ABF6, #FFFFFF, #B4CBE7, #FFFFFF). Кроме этого пришло время начать организацию слоев в отдельные папки. Для начала создадим папки «Background» и «Logo», и положим туда соответствующие слои (см. нижний рисунок).

Ну вот и все! Наш волшебный звездный макет сайта готов!

Шаг 7. Скачаем ещё один набор Кистей (созданный BL1nX). На новом слое «Stars1» в новой папке Stars, находящейся в папке Background, рисуем белой 500-той Кистью из нового набора звезды. Для этого слоя применяем Стиль Слоя — Gradient Overlay (Наложение Градиента) (#3A8FEF, #FFFFFF и #66C9FC).

Шаг 8. На новом слое «Stars2» рисуем звездную пыль (Кисть номер 650), при необходимости, стирая лишнее Ластиком (Eraser Tool (E)). Стиль Слоя — Outer Glow (Внешнее свечение) — #8AB2FF.

Шаг 9. Добавляем еще звезд на слое «Stars2», стираем лишнее Ластиком и применяем Стиль Слоя — Gradient Overlay — #6AB1D1, #FFFFFF, #94CFED и #FFFFFF.

Шаг 10. Скачиваем ещё один набор Кистей. Выбираем Кисть номер 148, размер — 65 пикселей, цвет — белый и рисуем на новом слое пятнышко над буквой I. Применяем к этом слою Стиль Слоя — Outer Glow (цвет свечения — #00BCF9).

Шаг 11. Копируем слой со словом Magic, заменяем его на Night и размещаем, как на картинке внизу. Стили Слоя — Outer Glow (#FFFFFF) и Gradient overlay (#F9DA5B, #FEAE00, and #FFD403).

Шаг 12. Добавим облаков. Скачиваем redheadstock’s Кисти. выбираем кисть номер 2464, диаметра 960 пикселей и #234B7F цвета. Создаем новый слой «cloud1» и одократно кликаем там кистью. Теперь, перемещаем новый слой в папку Background и меняем размер облака (Ctrl+T).

Шаг 13. Выбираем Инструменты Dodge (Осветлитель) и Burn (Заткмнитель) и, соответственно, затемняем облако снизу и осветляем сверху. Непрозрачность (Opacity) этого слоя ставим — 50%.

Шаг 14. На новом слое «cloud2» добавляем ещё облаков (мы для них использовали #5F83A5 цвет). Затемнить и осветлить их можно также, как это делалось в предыдущем шаге.

Шаг 15. Повторяем предыдущий шаг, только теперь используем другую Кисть (цвет — #36638C) и рисуем облако на слое «cloud1». Затемнение, осветление и изменение размера — по желанию.

Шаг 16. Выбираем мягкий Ластик и стираем нижнюю часть облака на слое «cloud1», чтобы получился эффект плавного перехода.

Шаг 17. Переходим от шапки к телу сайта. Рисуем на новом слое прямоугольник #0A1D37 цвета (слой с ним должен находиться под папкой со слоями с облаками). Обратите внимание, что прямоуголник находится в пределах сделанных в самом начале направляющих. Далее идем Layer>Layer Mask>Reveal all и на этой маске проводим черно-белый градиент (см. рисунок). В конце отметим еще одной направляющей место перехода цвета в фон.

Шаг 18. Добавим (опять на новый слой) ещё один прямоугольник, который будет использоваться в дальнейшем под навигацию. Цвет у него пусть будет — #091525, Маска слоя — как в предыдущем шаге.

Шаг 19. Нарисуем необычную Rss-иконку в шапке нашего сайта. Для этого, для начала, скачаем фото луны и помещаем его на новый слой «moon-rss». После этого регулируем значения Hue/Saturation (Ctrl+U) и добавляем Стили Слоя — Inner Glow и Outer Glow.

Шаг 20. На новом слое (находящемся над слоем с луной) рисуем маленькое облако #7997B3 цвета. Лишние места стираем Ластиком.

Шаг 21. На новый слой (находящийся под слоем с облаком, но над слоем с луной) добавляем классическую фигуру Rss-иконки (#DCA30B цвета) и применяем к ней Стили Слоя, показанные внизу. Ну и в конце, добавляем звездочку, как в Шаге 10.

Шаг 22. Помещаем эту фотку на новый слой, она будет служить фоном под основную навигационную панель. Передвигаем её в нужное место (Move Tool (V)), изменяем размер (Ctrl+T) и деформируем (Flag warp).

Шаг 23. Затемняем (Burn Tool) некоторые места меню, чтобы увеличить иллюзию трехмерности.

Шаг 24. Добавим текстуру с помощью Стилей Слоя Gradient Overlay (#045F96 и #FBF4BD) и Pattern Overlay.

Шаг 25. Отбросим тень от навигационного меню. Для этого создадим его копию, с помощью Hue/Saturation (Ctrl+U) Обесцвечиваем её (ползунок Lightening на -100) и размываем немного. После этого с помощью Инструмента Free Transform (Свободная Трансформация (Ctrl+T)) искажаем тень

Шаг 26. Добавим немного облаков (также, как мы делали в Шаге 15) и текст (шрифт — Georgia — Italic). Для обычных ссылок будет использовать #0B1827 цвет, а для посещенных — #211808 цвет. Различные декоративные элементы (звездочки, линии) добавляются по желанию.

Шаг 27. Последним шагом в работе с меню, проведем по нему несколько раз разноцветными рассеивающими Кистями. Непрозрачность для слоя с ними (Stars) зададим в 40%.

Шаг 28. Добавим текст к RSS-иконке. Для этого мы использовали шрифт Aria высотой 10 px желтого (#F2C90D) и белого (#FFFFFF) цветов.

Шаг 29. В качестве дополнительной детали добавим воздушный шар. Отделяем его от фона, помещаем в наш файл и применяем к нему Стиль Слоя — Color Overlay (#1F416E — Blending Mode: Overlay) и, при желании, затемняем с помощью Burn Tool.

Шаг 30. С помощью Кисти номер 615, добавим ещё звезд. А с помощью обычной 3px нарисуем веревочку у нашего шарика.

Шаг 31. Начнем добавлять контент на наш макет. На новом слое «Post» вбиваем Заголовок и дату. Можно ещё добавить звездочку рядом с датой.

Шаг 32. Продолжаем добавялять основные элементы будущего сайта (всё помещаем в папку «Post»). У нас это будет превью картинки размером 200*200 пикселей и обводкой 1 пиксель, заготовка под текст справа от неё, превью количества комментариев (для него создадим отдельную папку куда поместим цифры и декоративные элементы — облачко и звездочки), тэги под постом со звездой и разделительная Линия #1D324F цвета. После этого дублируем папку с постом нужное количество раз.

Шаг 33. Займемся боковой панелью сайта. Нарисуем окно Поиска (Search). Создадим новую папку «Sidebar», а внутри неё другую — «Search». Нарисуем в папке поиска облако и форму поиска в виде прямоугольника с тонкой 1 пиксельной обводкой #697372 цвета.

Непрозрачность заливки поставим на 50%.

Шаг 34. Добавляем звезд, воздушный шарик и надпись Georgia Italic шрифтом и #D5A934 цветом. И по аналогии рисуем кнопку «Go!»

Шаг 35. Вбиваем пункты меню (каждую секцию помещаем в отдельную папку) и добавляем, при желании, разнообразные фоновые элементы. Основные линии лучше определить направляющими.

Шаг 36. Теперь, давайте нарисуем дно нашего меню. Для этого рисуем несколько облаков, обработаем их, добавляем звезд и воздушных шаров. Следите за тем, чтобы они не выходили за пределы отведенные под боковое меню.

Шаг 37. Ну и наконец, создадим футер (дно) нашего сайта (в отдельной папке «Footer»). Сотрем лишнее на маске слоя основного синего слоя и добавим облаков #0B1C38 и #223E63 цвета. Не забываем про направляющие и непересечение различных частей сайта.

Шаг 38. Затемняем облака и рисуем красивое скопление звезд с помощью различных Кистей.

Создаем текст из скалы — уроки фотошоп

Создаём каменный текст в Photoshop

В этом уроке я покажу вам, как создать загадочный текст “Потоки энергии”, используя текстуру камня в программе Photoshop.

Для создания данного эффекта мы используем текстуру камня, кисти Облака, а также текстуру потоков воды.

Текстура Камня сформирует основу для текста, в то время как текстура воды будет использована для создания “Энергетического потока” вокруг текста. Давайте попробуем!

Данный урок средней сложности, для выполнения которого потребуется базовое знание программы Photoshop, включая основы работы со слой-масками.

Примечание: Данный урок выполнен в программе Photoshop CS6 – поэтому некоторые скриншоты могут слегка отличаться от предыдущих версий программы. Некоторые кисти имеются только в данной версии программы Photoshop CS6.

Итоговый результат:

Скачать архив с материалами к уроку

Шаг 1

Создайте новый документ со следующими размерами 1440 px * 720 px, цвет заднего фона чёрный. Используя кисти Облака, которые вы скачали, нарисуйте текстуру Облаков поверх заднего фона. Вы можете использовать любые кисти на своё усмотрение. Мой результат нарисованных облаков вы можете увидеть на скриншоте ниже:

Загрузите текстуру Камня в программе Photoshop, выделите верхнюю часть скалы, как показано на скриншоте ниже:

Скопируйте / вклейте (Copy / Paste) выделенную часть текстуры Камня на наш рабочий документ. Примените масштабирование, повернув выделенную часть текстуры, как показано на скриншоте ниже. Расположите данную часть скалы в правой части нашей сцены:

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

Повторите предыдущий процесс, добавьте ещё одну часть скалы, только на этот раз расположив в левой части нашей сцены:

Результат на данный момент урока:

Шаг 2

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

Ещё раз выделите верхнюю часть скалы с помощью инструмента Быстрое выделение(Quick Selection Tool):

Скопируйте / вклейте (Copy / Paste) выделенную часть скалы на наш рабочий документ. расположите часть скалы поверх буквы, как показано на скриншоте ниже:

Используя кисть мел (chalk) в качестве ластика, удалите отдельные участки текстуры камня, как показано на скриншоте ниже:

Повторите предыдущий процесс, добавив ещё две части текстуры камня на букву. Также с помощью кисти мел, удалите участки текстуры:

Результат на данный момент урока:

Шаг 3

Сгруппируйте все слои с текстурой камня в одну группу. Далее, к слою с данной группой, добавьте новые корректирующие слои:

Примечание переводчика: не забудьте преобразовать данные корректирующие слои в обтравочные маски к слою с новой группой.

Чёрно-белый (Black and white)

Уровни (Levels)

Кривые (Curves)

Порядок слоёв в палитре слоёв:

Результат должен быть, как на скриншоте ниже:

Шаг 4

В этом шаге мы создадим загадочные энергетические потоки. Загрузите текстуру Потоки воды в программе Photoshop. Выделите часть изображения:

Скопируйте / вклейте (Copy / Paste) выделенную часть текстуры воды на наш рабочий документ. Далее, с помощью инструмента Свободная трансформация (free transform tool), деформируйте выделенную часть текстуры, как показано на скриншоте ниже:

К данному слою с текстурой воды, добавьте следующие корректирующие слои:

Примечание переводчика: не забывайте преобразовать корректирующие слои в обтравочные маски.

Чёрно-белый (Black and White)

Уровни (Levels)

Далее, 3 раза примените фильтр Контурная резкость (unsharp mask filter):

Далее, к слою с текстурой воды, добавьте корректирующий слой Цветовой Баланс (color balance):

Далее, поменяйте режим наложения для слоя с текстурой воды на Осветление воды (Color Dodge):

Примечание переводчика: автор меняет режим через параметры наложения.

Мы получили следующий эффект — вы можете воспользоваться инструментом Свободная трансформация (free transform tool) для коррекции текстуры на своё усмотрение:

Повторите предыдущий процесс, добавив ещё энергетических потоков по всей сцене:

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

Цветовой Баланс (Color Balance)

Выборочная коррекция цвета (Selective Color)

Уровни (Levels)

Кривые (Curves)

Вибрация (Vibrance)

Итак, мы завершили урок! Надеюсь, вам понравился данный урок. До встречи, удачного дня!

Итоговый результат:

Источник: https://Photoshop-master.ru/lessons/text/sozdaem_zagadochnyy_tekst_potoki_energii_v_fotoshop.html

Создаем теплую и спокойную сцену в Фотошоп, Уроки

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

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

Конечный результат: