Как сделать размытый край в фотошопе: Как размыть края в Фотошопе

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

Характеристики

• Есть стартовый набор кисти и текстуры всех типов и возможных форм. Это облегчает метод работы, который вы собираетесь использовать. Если быть точным, в нем есть папка с 200 кистями, разделенными на 18 стилей, которые отличаются друг от друга кончиками или штрихами при их использовании.
• Это приложение или инструмент, который он также доступен для других устройств, таких как графические планшеты или планшеты. На самом деле, он изначально был разработан для использования в этом типе носителей. Аспект, который очень полезен для программы и даже более удобен.
• Как Photoshop, Procreate также работает со слоями, это деталь, которая может вас заинтересовать, и она ничего не меняет в Photoshop, который мы знаем и который мы когда-то использовали. Обычно довольно удобно знать, что программа имеет некоторые общие черты в некоторых технических аспектах.
• Еще одна деталь, которая выделяется своими характеристиками, — это цветовая гамма, которую они имеют. У него есть широкая папка, в которой мы можем видеть не только кисти или текстуры, но и всевозможные цвета. Очень благоприятный аспект, который без сомнения выделяется, если вы иллюстратор или иллюстратор и вам нужен широкий спектр цветовых профилей.
• Последнее и наименее важное, а также мы нашли несколько интересных шрифтов
  , деталь, которая означает, что нам не нужно искать и загружать их на каком-либо веб-сайте.

Учебник: Размытие в Procreate

Источник: График

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

Техника 1: размытие цветом

Источник: Доместика

1. Первое, что мы собираемся сделать, это запустить программу, как только мы ее запустим, мы создадим рабочий стол (размеры не имеют значения), главное, чтобы это был широкий рабочий стол, с которым нам было бы удобно работать. Как только мы создали таблицу, мы берем кисть и с опцией двойного цвета, красим на рабочем столе в белый цвет , и делаем это аккуратно и деликатно, не напрягая кисть.
2. Как только у нас есть цветовая смесь, мы переходим к снижению непрозрачности, самое главное — найти значение непрозрачности, которое позволит вам найти разницу между двумя цветными чернилами. Лучше всего было бы сначала уменьшить непрозрачность до половины, процент 50% был бы наиболее подходящим. 
3. Как только мы уменьшим непрозрачность, мы получим готовое размытие. Вы также можете попробовать другие типы кистей или цветов.

Техника 2: Использование техники художника

Источник: творческое существо

1. Для этой техники сделать это используйте кисть, которая очень заметна или ярко выражена. Основная цель этого результата состоит в том, чтобы иметь возможность получить две зоны и, таким образом, иметь возможность размыть только среднюю зону.
2. Для этого мы перейдем к значку, который находится на панели инструментов и имеет форму пальца, мы также можем найти его в разных версиях,
   в верхней части экрана, как только мы его найдем, мы активируем его, и появятся разные кисти.
3. Чтобы размыть, нам просто нужно выбрать самое мягкое. Эта техника называется техникой художника, потому что именно сейчас мы приступаем к рисованию, Нажимаем медленно и многократно и в виде кругов.  
4. Когда у нас есть форма, которую мы создали, у нас уже есть размытие, которого мы хотели добиться быстро и легко.

Техника 3: Размытие ластиком

Источник: Креативная фабрика

1. В этой технике мы будем использовать два цвета, которые разделены между собой, для этого, мы должны создать два разных слоя. 
2. Как только у нас есть выбранные цвета и слои, нам просто нужно используйте инструмент ластик
   и аэрограф, но на этот раз мы поместим его подальше от объекта, который мы собираемся размыть.
3. С помощью этой техники у нас также есть возможность размывать тени. Деталь, которая, несомненно, удивляет пользователей, использующих Procreate для своих проектов.

Техника 4: Размытие по Гауссу

1. Прежде чем начать процесс, для этой техники нам нужно подготовить слой с объектом определенный, тот, который мы хотим размыть.
2. Когда у нас есть слой с объектом, нам просто нужно перейти к настройкам, и мы придадим ему размытие по Гауссу. Как только мы активируем действие, нам нужно только направляем движение нашего пальца и размываем его так, как мы хотим.

Другие альтернативы Procreate

Adobe Illustrator

Одним из вариантов размытия, если вы хотите попробовать альтернативы, является Illustratorr. Это одна из программ библиотеки Adobe, единственный недостаток в том, что она платная., но у вас есть 7-дневная бесплатная пробная версия, так что у вас будет достаточно времени, чтобы ознакомиться с программой и приступить к разработке. Illustrator имеет большое преимущество, а именно то, что он работает с векторами, деталь, которая может вас заинтересовать, поскольку вы можете создавать метки.

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

Autodesk SketchBook

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

Кроме того, еще одной важной особенностью является то, что Он совместим как для Android, Windows и IOS. Без сомнения, приложение, которое вы не можете пропустить, и идеальная альтернатива.

GIMP

GIMP — это бесплатный инструмент, очень похожий на Photoshop и Illustrator. У вас есть разные цветовые профили как в RGB, так и в CMYK. Кроме того, он также имеет широкий выбор кистей. Он также имеет большой набор инструментов, где вы можете найти различные элементы для работы.

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

Adobe Photoshop

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

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

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

Заключение

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

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

Что будет следующей вещью, которую вы создадите с помощью Procreate?

в Photoshop

Автор сценария Стив Паттерсон.

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

Вот как будет выглядеть окончательный результат:

Окончательный результат.

Начнем!

Шаг 1: Растрируйте Type

Вот документ, с которого я начинаю, это просто слово «BLUR», напечатанное белым цветом на сплошном черном фоне. Я использовал Arial Bold для шрифта:

Исходный документ.

Если мы посмотрим на панель «Слои», мы увидим слой «Тип», расположенный над черным фоновым слоем:

Панель «Слои», показывающая два слоя, которые в данный момент находятся в документе.

Убедитесь, что на панели «Слои» выбран слой «Тип» (выбранные слои выделены синим цветом), затем перейдите к Layer в строке меню в верхней части экрана выберите Rasterize , затем выберите Type :

Выберите «Слой» > «Растрировать» > «Текст».

«Растеризация» просто означает, что мы преобразуем его из редактируемого текста в пиксели, что нам нужно сделать, прежде чем Photoshop позволит нам применить к нему какие-либо фильтры. В окне документа ничего не изменится, но на панели «Слои» мы видим, что слой «Тип» стал обычным слоем на основе пикселей:

После растрирования (преобразования в пиксели) текста его больше нельзя редактировать.

Шаг 2. Сделайте три копии слоя

Нам нужно сделать три копии нашего растеризованного текста, поэтому перейдите в меню Layer , выберите New , затем выберите Layer через Copy или нажмите Ctrl+J (Win) / Command+J (Mac) для доступа к той же команде с более быстрой комбинацией клавиш:

Выберите «Слой» > «Создать» > «Слой через копирование» или нажмите Ctrl+J (Win)/Command+J (Mac).

В любом случае программа Photoshop сделает копию слоя и поместит ее над оригиналом:

Новый слой появляется над исходным на панели «Слои».

Сделайте то же самое еще два раза, либо выбрав Слой > Новый > Слой через Копировать дважды, либо дважды нажав Ctrl+J (Win) / Command+J (Mac), хотя сочетание клавиш намного быстрее. Когда вы закончите, у вас должно быть 4 текстовых слоя плюс фоновый слой внизу:

Теперь у вас должно быть 5 слоев.

Шаг 3: выберите исходный текстовый слой

Нажмите на исходный текстовый слой на панели «Слои» (тот, который находится прямо над фоновым слоем), чтобы выбрать его:

Выберите исходный текстовый слой.

Шаг 4. Примените фильтр размытия в движении

Перейдите в меню Filter в верхней части экрана, выберите Blur , затем выберите Motion Blur

Выберите «Фильтр» > «Размытие» > «Размытие в движении».

Это открывает диалоговое окно Photoshop Motion Blur. Давайте начнем с добавления вертикального размытия к тексту. Измените Angle размытия на 90° , затем начните перетаскивать ползунок Distance в нижней части диалогового окна вправо, чтобы увеличить степень размытия. Следите за окном документа, когда перетаскиваете ползунок, чтобы оценить результаты. Я собираюсь установить для параметра «Расстояние» значение около 150 пикселей, что, по моему мнению, хорошо сочетается с моим изображением, но используемое вами значение может отличаться в зависимости от размера и разрешения вашего документа:

Установите угол на 90°, затем перетащите ползунок «Расстояние», чтобы применить размытие.

Когда вы закончите, нажмите OK, чтобы закрыть диалоговое окно. Ваш эффект вертикального размытия движения должен выглядеть примерно так:

Эффект после добавления вертикального размытия движения.

Шаг 5: выберите слой над ним

Щелкните слой над исходным текстовым слоем на панели «Слои» (слой с надписью «копировать» после имени), чтобы выбрать его:

Выберите первый слой «копия».

Шаг 6: снова примените фильтр размытия в движении

Нажмите Ctrl+Alt+F (Win) / Command+Option+F (Mac) на клавиатуре. Это быстрый способ получить доступ к последнему использованному нами фильтру, которым в нашем случае был фильтр Motion Blur. Photoshop снова откроет для нас диалоговое окно фильтра, чтобы мы могли внести любые необходимые изменения до применения фильтра. На этот раз мы добавим горизонтальное размытие движения, поэтому измените Angle на 0° . Вы можете оставить для параметра «Расстояние» то же значение, которое вы использовали в прошлый раз:

Измените угол на 0°.

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

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

Шаг 7: Объедините два слоя вместе

Перейдите в меню Layer и выберите Merge Down или нажмите Ctrl+E (Win) / Command+E (Mac) на клавиатуре:

Выберите «Слой» > «Объединить вниз» или нажмите Ctrl+E (Win)/Command+E (Mac).

Photoshop объединит два слоя размытия в движении вместе на панели «Слои», оставив нам три текстовых слоя:

Эффекты горизонтального и вертикального размытия движения теперь находятся на одном слое.

Шаг 8. Примените фильтр размытия по Гауссу

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

Выберите «Фильтр» > «Размытие» > «Размытие по Гауссу».

Откроется диалоговое окно «Размытие по Гауссу». Перетащите ползунок Radius внизу немного вправо, чтобы добавить небольшое размытие, достаточное, чтобы смягчить края эффекта размытия в движении. Значения радиуса около 2 пикселя должно быть достаточно, хотя вам может понадобиться использовать более высокое значение для большего документа. Как всегда, следите за окном документа, когда перетаскиваете ползунок, чтобы оценить результаты:

Увеличьте значение радиуса примерно до 2 пикселей.

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

Изображение после применения фильтра «Размытие по Гауссу».

Шаг 9: выберите слой над ним

Щелкните слой непосредственно над объединенным слоем (тот, в названии которого есть «копия 2»), чтобы выбрать его:

Выберите текстовый слой «Копия 2» над объединенным слоем.

Шаг 10: Примените фильтр размытия по Гауссу

Нажмите Ctrl+Alt+F (Win) / Command+Option+F (Mac) на клавиатуре. Это снова открывает диалоговое окно для последнего использованного нами фильтра, который на этот раз был фильтром Gaussian Blur. Здесь мы будем использовать фильтр Gaussian Blur, чтобы добавить эффект свечения вокруг букв в тексте. Перетащите ползунок Radius вправо, и при перетаскивании вокруг текста начнет появляться свечение. Я собираюсь увеличить значение Радиуса до 8 пикселей , что придает моим буквам тонкое мягкое свечение:

Увеличение значения радиуса до 8 пикселей.

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

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

Шаг 11: Выберите верхний слой

Выберите верхний слой на панели «Слои», который является единственным текстовым слоем, к которому мы не применяли никаких фильтров:

Нажмите на верхний слой, чтобы выбрать его.

Шаг 12: Объедините слой со слоем под ним

Как и в шаге 7, перейдите в меню Layer и выберите Merge Down или нажмите Ctrl+E (Win) / Command+E (Mac) для сочетания клавиш. Это объединит верхний слой с размытым слоем «свечения» под ним, оставив нам только два текстовых слоя:

Выберите «Слой» > «Объединить вниз» или нажмите Ctrl+E (Win)/Command+E (Mac), чтобы объединить два верхних слоя вместе.

Шаг 13: Добавьте маску слоя

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

Нажмите на значок Слой-маски.

Миниатюра маски слоя появляется на верхнем слое, давая нам знать, что маска была добавлена:

Появляется миниатюра маски слоя с белой заливкой.

Шаг 14. Выберите инструмент «Градиент»

Выберите инструмент Photoshop Gradient Tool на панели инструментов:

Выбор инструмента «Градиент».

Шаг 15: Выберите градиент от белого к черному

С выбранной маской слоя (миниатюра маски на панели «Слои» будет иметь белую выделенную рамку вокруг нее, сообщая вам, что она выбрана), нажмите букву D на клавиатуре, чтобы быстро сбросить цвета переднего плана Photoshop и цвета фона , если это необходимо. , который задает белый цвет переднего плана и черный цвет фона. Затем щелкните правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкните (Mac) в любом месте окна документа, чтобы быстро открыть Gradient Picker и выберите градиент от белого к черному (верхний левый угол — на самом деле это градиент от переднего плана к фону), щелкнув его миниатюру. Нажмите Введите (Win) / Верните (Mac), когда закончите, чтобы закрыть окно выбора градиента:

Выберите градиент от переднего плана к фону (от белого к черному) в верхнем левом углу.

Шаг 16. Выберите параметр «Отраженный градиент»

На панели параметров в верхней части экрана щелкните значок Отраженный градиент Значок для изменения стиля градиента, который мы собираемся нарисовать:

Щелкните значок отраженного градиента на панели параметров.

Шаг 17. Нарисуйте градиент на маске слоя

При выбранном параметре «Отраженный градиент» щелкните в любом месте вдоль горизонтального центра текста, чтобы установить начальную точку для градиента. Затем, удерживая нажатой клавишу Shift , и, удерживая нажатой кнопку мыши, перетащите прямо вверх к началу текста. Удерживание клавиши Shift во время перетаскивания облегчает перетаскивание прямо вверх:

Щелкните в центре текста, затем, удерживая клавишу Shift, перетащите курсор в верхнюю часть текста.

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

Основной текст теперь исчезает ближе к верху и низу букв. Только середина слова остается видимой на 100%.

Шаг 18: Дублируйте слой

Нажмите Ctrl+J (Win) / Command+J (Mac) на клавиатуре, чтобы быстро дублировать слой:

Копия верхнего слоя появляется над оригиналом.

Это делает эффект свечения более интенсивным, придавая тексту более «призрачный» вид:

Свечение вокруг текста стало более интенсивным.

Вы можете еще больше усилить свечение, просто продублировав слой еще раз. я нажму Ctrl+J (Win) / Command+J (Mac), чтобы сделать еще одну копию слоя:

При необходимости снова нажмите Ctrl+J (Win)/Command+J (Mac), чтобы сделать еще одну копию слоя с размытым текстом.

В этот момент все определенно начинает выглядеть жутковато:

Текст после усиления эффекта свечения.

Шаг 19. Добавьте корректирующий слой оттенка/насыщенности

В качестве последнего шага давайте раскрасим эффект. Нажмите на новый корректирующий слой 9.Значок 0024 внизу панели «Слои»:

Щелкните значок «Новый корректирующий слой».

Выберите Цветовой тон/Насыщенность из появившегося списка корректирующих слоев:

Выберите из списка Оттенок/Насыщенность.

Если вы используете Photoshop CS4 или CS5, элементы управления и параметры корректирующего слоя оттенка/насыщенности появятся на панели настроек . Для CS3 и более ранних версий откроется отдельное диалоговое окно. Сначала выберите Colorize 9.0024, щелкнув внутри его флажка. Затем перетащите ползунок «Оттенок», чтобы выбрать цвет для использования, и перетащите ползунок «Насыщенность», чтобы отрегулировать интенсивность цвета. Я собираюсь выбрать призрачно-зеленый, установив значение Hue на 123 , затем я увеличу значение Saturation на 40 :