Как создать большое размытое изображение в Photoshop, Illustrator, или Sketch

Размытые изображения — это сейчас очень модно. Есть несколько различных способов его создания, так что мы изучим эту технику в Photoshop, Illustrator и Sketch.

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

Размытые изображения в Photoshop

Если вам нужно просто огромное размытое изображение для фона или чего-то подобного, тогда неважно, какую программу вы выберите. Но если помимо простого размывания вам необходимо производить и другие манипуляции, такие как создание составного изображения и т.д., лучше воспользоваться другим пакетом. Опять же, название говорит само за себя — Photoshop.

Как только изображение открыто внутри Photoshop, никогда не лишним будет сделать копию слоя перед тем, как что-либо редактировать, на случай если в будущем понадобится оригинальный слой. Кликните на слой правой кнопкой мыши и выберите Duplicate Layer (дублировать слой) или нажмите Command + J.

Далее мы конвертируем изображение в смарт-объекты. Для этого нажмите правой кнопкой мыши и выберите Convert to a Smart Object. (конвертировать в смарт-объекты).

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

Выделив смарт-объект, выберите Gaussian Blur (размытие по Гауссу) из меню Filter > Blur > Gaussian Blur

Значение радиуса размытия — это больше дело вкуса и конкретной цели. Для этого примера давайте выберем значение 50.

О да, красиво и размыто.

И поскольку мы использовали смарт-объект, а не сырое растрированное изображение, мы можем кликнуть двойным щелчком на smart filter (смарт-фильтр) для повторной активации опции размытия и изменения ее параметров.

Вот так вы можете размыть изображение в Photoshop.

Размытые изображения в Illustrator

Размывание фотографий в Illustrator очень схоже с Photoshop. Когда изображение открыто или помещено в Illustrator, выделите изображение на холсте и выберите пункт меню Effect > Blur > Gaussian Blur.

Появится такое же диалоговое окошко для настройки радиуса размытия. Выставьте значение 50, и все!

В отличие от фотошопа, эти объекты уже по умолчанию “смарт-объекты”, Тут нельзя уничтожить ни один пиксель, так как в Illustrator все векторизировано.

Если вам нужно вернуться назад и перенастроить радиус размытия, убедитесь, что показывается панель Appearance (Window > Appearance), дважды кликните на Gaussian Blur. Теперь вы сможете выполнить настройки.

Вот и все, вы стали профессиональным “размывателем фотографий” в Illustrator.

Размытие изображений в Sketch

В Sketch довольно легко сделать размытие по Гауссу. Выделите изображение на холсте.

Видите тот чекбокс справа, называется Gaussian Blur? Кликните его и введите значение размытия. Вот и все.

Можно и по-другому размыть изображение в Sketch, применив фоновое размытие на объект на переднем плане. Фоновое размытие отлично работает для фотографий, но также хорошо подходит для всего, что расположено под объектом — текст, векторные объекты и т.д.

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

Выделив прямоугольник, посмотрите вправо и нажмите на текст Gaussian Blur. Откроется выпадающий список, в котором нужно выбрать Background Blur(фоновое размытие). Измените параметр Fill(заливка) на 20%, чтобы посмотреть эффект в действии.

Резюме

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

---

Перевод статьи Matt D. Smith

Как размыть в Procreate: различные способы размытия в Procreate

Источник: Apple

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

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

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

Индекс

• 1 Procreate: основные функции
  • 1.1 Характеристики
• 2 Учебник: Размытие в Procreate
  • 2.1 Техника 1: размытие цветом
  • 2.2 Техника 2: Использование техники художника
  • 2.3 Техника 3: Размытие ластиком
  • 2.4 Техника 4: Размытие по Гауссу
• 3 Другие альтернативы Procreate
  • 3.1 Adobe Illustrator
  • 3.2 Autodesk SketchBook
  • 3.3 GIMP
  • 3. 4 Adobe Photoshop
• 4 Заключение

Procreate: основные функции

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

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

Подпишитесь на наш Youtube-канал

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

Как и все программы, 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, но выделить одну не размытую часть? | Малый бизнес

Кевин Ли

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

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

2. Нажмите «F7», чтобы открыть окно «Слои», если вы его не видите. Созданный вами новый слой появится над фоновым слоем изображения.

3. Нажмите «Q», чтобы войти в режим быстрой маски. Все области за пределами вашего выбора становятся красными, когда вы находитесь в этом режиме. Нажмите «Фильтр», выберите «Размытие», а затем выберите «Размытие по Гауссу», чтобы открыть диалоговое окно «Размытие по Гауссу». Перетащите поле так, чтобы оно не закрывало ваш выбор.

4. Нажмите и перетащите ползунок «Радиус» диалогового окна, чтобы его значение было равно 10,0 пикселей, а затем нажмите «ОК». Увеличение этого значения обеспечивает более плавный переход между краями выделения и окружающей областью. Это создает более реалистичное изображение, которое не показывает резкой границы между объектом в фокусе и остальной частью изображения.

5. Нажмите «Q», чтобы выйти из режима быстрой маски, нажмите «Выбрать», а затем нажмите «Инвертировать», чтобы Photoshop инвертировал ваш выбор.

6. Нажмите «Фильтр», выберите «Размытие», а затем нажмите «Размытие поля». Photoshop размывает фон изображения и удерживает выбранный объект в фокусе. Нажмите «ОК», чтобы применить изменения, а затем нажмите «Ctrl-D», чтобы отменить выбор.

Справочные материалы

• Справка Adobe Photoshop: Галерея Photographic Blur
• Экспертная фотография: как понять глубину резкости и создать творческое размытие

Ресурсы

• Adobe TV: Каналы

Советы

• При нажатии «Фильтр», а затем «Размытие» отображаются несколько типов фильтров размытия. Фильтр «Размытие поля» — это расширенный фильтр, но он идеально подходит для создания простого эффекта глубины резкости, необходимого в данном случае. Вы также можете поэкспериментировать с другими типами фильтров размытия, выбрав их вместо фильтра «Размытие поля».
• Если ваше изображение маленькое, может быть трудно обвести объект на нем, и в этом случае нажмите и удерживайте «Ctrl», пока вы нажимаете клавишу «+», чтобы увеличить его размер.

Предупреждения

• Информация в этой статье относится к Photoshop CS6 и Photoshop CC. Он может незначительно или значительно отличаться от других версий или продуктов.

Писатель Биография

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

Как размыть фон фотографии

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

Зачем размывать фон?

Размытие фона — это метод, который часто используется в камерах высокого класса с объективами с широкой апертурой. Основная причина, по которой вы хотите размыть фон, заключается в том, что основной объект вашей фотографии находится в фокусе, особенно в «портретном» режиме. Если у вас нет профессиональной камеры, не бойтесь; Инструменты Photoshop могут сделать вашу фотографию с размытым фоном такой же хорошей.

Как размыть фон фотографии с помощью инструментов Photoshop 

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

Blur Tool:

Лучшим инструментом Photoshop для получения размытого фона является инструмент Blur. Инструмент размытия в Photoshop выглядит как капля дождя и находится на панели инструментов. Вот шаги по использованию инструмента размытия:

1. Откройте панель инструментов, щелкните инструмент размытия и выберите размер кисти и ход в верхней части экрана.
2. Выберите область изображения, на которой вы хотите сфокусироваться.
3. Выберите силу размытия, т. е. насколько сильным должен быть эффект размытия.
4. Нажмите и удерживайте мышь на всех частях изображения, где вы хотите размыть фон. Двигайте мышь по кругу.
5. Размытое фоновое изображение готово.

Инструмент «Лассо»:  

Еще одним инструментом Photoshop для размытия фона фотографий является инструмент «Лассо». Существует три типа инструментов лассо: прямоугольные, многоугольные (если фон имеет прямые края) и магнитные лассо (где Photoshop выбирает для вас передний план и фон). Выполните следующие действия, чтобы использовать этот инструмент Photoshop:

1. Выберите соответствующий инструмент лассо на панели инструментов.
2. Удерживая кнопку мыши, нарисуйте линию вокруг области, фон которой вы хотите размыть. Когда вы отпустите его, линия будет выглядеть как марширующие муравьи.
3. Отметив нужную область, перейдите к параметру «Фильтр» в меню вверху и выберите «Размытие». Выберите любой вариант и выберите такие параметры, как радиус и угол размытия, чтобы получить желаемый эффект.
4. Если вы довольны результатом, сохраните изображение.

Использование фантомного слоя:

Фантомное изображение — отличный инструмент Photoshop для создания эффекта размытия. Любители фильмов ужасов, которые хотят придать своим фотографиям призрачный эффект, могут использовать этот инструмент Photoshop, выполнив следующие действия:0003

1. Щелкните правой кнопкой мыши фоновый слой в палитре слоев (справа на экране) и выберите «Дублировать слой» и при необходимости переименуйте его (например, «размытие»).
2. Перейдите к опции «Фильтр» в меню и выберите «Размытие». Выберите подходящий стиль размытия и установите параметры.
3. В палитре слоев щелкните значок полумесяца и выберите любой параметр корректирующего слоя. Не перемещайте ни один из ползунков.
4. Перетащите корректирующий слой под слой «Размытие». Нажмите клавишу Alt и переместите курсор между двумя слоями. Когда появится символ двойного круга, нажмите; значок размытия перемещается вправо.
5. Нажмите на белый прямоугольник в корректирующем слое. Нажимаем Alt+Del — маска снимается, и видно исходное изображение.
6. Выберите инструмент «Кисть» и выберите кисть с мягкими краями. Установите непрозрачность на 100% и размер на 500 пикселей. Нажмите X — это сделает цвет переднего плана белым. Теперь закрасьте области, которые вы хотите размыть.
7. Возможно, вам придется увеличить некоторые области и точно настроить параметры размытия.

Типы стилей размытия в Photoshop:

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

Среднее:

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

Размытие или Размытие Подробнее: 

Этот эффект лучше использовать, когда встречаются разные цвета. Здесь также выбирается и применяется среднее значение цветов пикселей рядом с резкими краями. Функция «Больше размытия» усиливает дымку в три раза, создавая более драматичный эффект.

Box Blur:

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

Размытие по Гауссу:

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

Размытие в движении:

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

Умное размытие:

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

Размытие поверхности:

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

Радиальное размытие:

Изображение имеет размытый фон, начиная с одной точки на фотографии, которую мы можем указать — от точки или к ней. «Круговые размытия» (эффекты кругового движения, имитирующие вращение объекта) возникают вместе с концентрическими кругами, а «зум-размытие» (как будто вы увеличиваете или уменьшаете изображение) возникают вдоль радиальных линий.

Lens Blur:

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