Геометрические фигуры на прозрачном фоне для фотошопа: %d1%84%d0%b8%d0%b3%d1%83%d1%80%d0%b0 PNG, векторы, PSD и пнг для бесплатной загрузки

Как обрезать изображения в форме круга в Photoshop

Устали обрезать фотографии до прямоугольников и квадратов? Из этого урока вы узнаете, как легко обрезать изображения в виде кругов с помощью Photoshop! И узнайте, как правильно сохранить окончательный результат, чтобы сохранить прозрачность, чтобы вы могли добавить фотографию в дизайн или загрузить ее в Интернет!

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

Обычно, когда мы думаем об обрезке изображений в Photoshop, мы думаем об обрезке их как прямоугольника или квадрата.И если мы используем инструмент Photoshop Crop Tool, у нас действительно нет других вариантов. Но кто сказал, что нам нужно использовать Crop Tool? Photoshop позволяет так же легко обрезать фотографию с помощью инструмента выделения. Чтобы обрезать изображение до круга, мы воспользуемся инструментом Elliptical Marquee Tool. Я буду использовать Photoshop CC, но подойдет любая последняя версия Photoshop.

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

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

Приступим!

Как кадрировать изображение в форму круга

Шаг 1. Откройте изображение

Начните с открытия изображения в Photoshop. Я буду использовать эту фотографию, которую я скачал с Adobe Stock:

Исходное изображение. Фото: Adobe Stock.

Смотрите видео и оставляйте комментарии на нашем канале YouTube!

Шаг 2. Преобразование фонового слоя в нормальный слой

Если мы посмотрим на панель «Слои», то увидим, что наше изображение находится на слое фона :

Панель «Слои», показывающая изображение на фоновом слое.

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

Чтобы преобразовать фоновый слой в нормальный слой, все, что нам нужно сделать, это переименовать его. В Photoshop CC просто щелкните значок замка справа от фонового слоя на панели «Слои».В Photoshop CS6 или более ранней версии нажмите и удерживайте клавишу Alt (Win) / Option (Mac) на клавиатуре и дважды щелкните на фоновом слое.

Photoshop мгновенно переименовывает слой с «Фон» на «Слой 0». И вот так мы преобразовали его в обычный слой, и все готово:

Фоновый слой теперь является обычным слоем с именем «Слой 0».

Шаг 3. Выберите инструмент Elliptical Marquee Tool

Выберите инструмент Elliptical Marquee Tool на панели инструментов.По умолчанию инструмент Elliptical Marquee Tool расположен за инструментом Rectangular Marquee Tool. Щелкните правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкните (Mac) на инструменте Rectangular Marquee Tool, затем выберите инструмент Elliptical Marquee Tool во всплывающем меню:

Выбор инструмента Elliptical Marquee Tool.

Шаг 4: Нарисуйте круговой контур выделения

С помощью инструмента Elliptical Marquee Tool щелкните внутри изображения и вытяните эллиптический контур выделения. Чтобы сделать контур выделения идеальным кругом, нажмите и удерживайте клавишу Shift на клавиатуре во время перетаскивания.Не беспокойтесь о точном расположении круга, потому что мы переместим его в нужное положение на следующем шаге. А пока просто убедитесь, что круг достаточно большой, чтобы окружать область, которую вы хотите сохранить.

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

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

Шаг 5. При необходимости измените положение выделенной области

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

Щелкните и перетащите круговой контур выделения на место.

Шаг 6: инвертировать выделение

На данный момент у нас выделена область внутри круга.Что нам действительно нужно, так это выделить область вне круга .

Чтобы отменить выделение области внутри круга и выделить все вокруг него, перейдите к меню Select в строке меню в верхней части экрана и выберите Inverse :

Выбираем> Инверсия.

Шаг 7: Удаление области вокруг круга

При инвертированном выделении нажмите клавишу Backspace (Win) / Delete (Mac) на клавиатуре, чтобы удалить область вокруг круга.Photoshop заполняет область шаблоном шахматной доски , именно так Photoshop представляет прозрачность:

Нажмите Backspace (Win) / Delete (Mac), чтобы удалить ненужную область.

Нам больше не нужен контур выделения, поэтому, чтобы удалить его, перейдите в меню Select и выберите Deselect :

Собираюсь Выбрать> Отменить выбор.

Шаг 8: Обрежьте прозрачные области

Чтобы обрезать изображение по кругу и удалить все прозрачные области вокруг него, перейдите в меню Изображение и выберите Обрезать :

Переход к изображению> Обрезать.

В диалоговом окне «Обрезка» выберите прозрачных пикселей вверху. Затем убедитесь, что Верхний , Нижний , Левый и Правый все выбраны внизу (они должны быть по умолчанию):

Выбор «Прозрачных пикселей» в диалоговом окне «Обрезка».

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

Изображение теперь обрезано до круга.

Шаг 9. Сохраните изображение как файл PNG

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

Чтобы сохранить его, перейдите в меню Файл и выберите Сохранить как :

Переход к файлу> Сохранить как.

В диалоговом окне «Сохранить как» установите для параметра Формат значение PNG .Назовите свой файл и выберите, где вы хотите его сохранить, затем нажмите Сохранить :

Убедитесь, что вы выбрали PNG в качестве формата файла, чтобы сохранить прозрачность.

Когда Photoshop просит вас установить параметры PNG, вы можете спокойно оставить их по умолчанию. Нажмите ОК, чтобы сохранить изображение:

Параметры PNG по умолчанию работают нормально.

И вот оно! Вот как легко обрезать изображение по кругу в фотошопе! На этом мы подошли к концу нашей серии статей об кадрировании изображений в Photoshop!

Если вы пропустили какой-либо из предыдущих уроков этой главы, ознакомьтесь с ними ниже:

Для получения дополнительных глав и наших последних руководств посетите наш раздел «Основы Photoshop»!

Как сделать фон прозрачным в Photoshop

Узнайте, как сделать фон прозрачным в Photoshop, и откройте для себя более быструю альтернативу в редакторе Shutterstock.

Есть много способов вырезать объект или удалить фон из изображения. Многие начинают с фотошопа. Два популярных метода маскирования в Photoshop используют инструменты выделения, такие как Magic Wand, Lasso, а также режим Select и Mask. Между тем, режим быстрой маски использует кисть для рисования фона.

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

Метод 1. Инструменты и маски выделения

Шаг 1. Использование инструмента Magic Wand Tool

Выберите инструмент Magic Wand Tool в окне «Инструменты».Начните с Допуск 20% в меню Опции .

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

Шаг 2. Используйте инструмент «Лассо» для точной настройки выделения

Когда у вас есть грубый выбор объекта или фона, используйте инструмент Lasso для точной настройки краев.Удерживайте Shift и перетащите, чтобы добавить к выделению.

Существует три варианта инструмента «Лассо». Вы найдете их, нажав и удерживая лассо в меню «Инструменты»:

• Лассо — Щелкните и перетащите курсор, чтобы нарисовать выделение от руки.
• Polygonal Lasso — Создание многоугольной области выделения путем добавления точек к форме выделения.
• Магнитное лассо — Автоматическое добавление к выделению путем обводки области.

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

Шаг 3. Используйте панель «Выделение и маска» для уточнения выделения

Когда вы будете удовлетворены грубым выбором, нажмите кнопку Select and Mask в меню Options в верхней части экрана.Или нажмите Command + Option + R , чтобы открыть окно.

В разделе Global Refinements начните со следующих настроек для большого изображения с высоким разрешением:

• Smooth : 3
• Feather : .3px
• Shift Edge : -20

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

Если вы застряли, лучше всего нажать Отмена и исправить выбор вручную с помощью Magic Wand или Lasso, а затем вернуться в окно Select and Mask.

Шаг 4. Создайте маску слоя для удаления фона

В Output Settings внизу окна Select and Mask выберите Layer Mask из списка. Окно закроется, а слой с вашим объектом будет иметь маску, скрывающую фон.Затем вы можете активировать или деактивировать маску, щелкнув правой кнопкой мыши значок маски слоя в окне «Слои».

Метод 2: Быстрая маска

В этом методе используется инструмент Quick Mask в Photoshop. Это способ быстро создать маску с помощью кисти. Подобно рисованию на маске слоя, вы будете переключать цвета переднего плана, чтобы добавить или удалить из маски.

Активируйте быструю маску с помощью кнопки в нижней части окна «Инструменты».

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

Совет: Чтобы сделать большие выделения быстрее, используйте кисть большого размера и щелкните один раз в качестве отправной точки в области, которую нужно исключить. Затем, удерживая Shift, щелкните следующую точку. Это заполнит пространство между ними по прямой линии.

Теперь вы можете переключаться между режимом быстрой маски и стандартным режимом редактирования, нажимая Q на клавиатуре.Это покажет вам живой выбор.

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

Альтернативы удалению фона в Photoshop

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

• Powerpoint имеет инструмент под названием Remove Background , который начинает с выделения объекта переднего плана, замаскированного от фона. У вас также есть возможность добавлять или удалять определенные части.
• Бесплатные веб-сайты — Существует множество бесплатных приложений и веб-сайтов, которые позволяют пользователям вручную удалять фон. Хотя они могут быть простыми в использовании, к минусам относятся проблемы с надежностью и точностью, а также отсутствие безопасности системы.
• Shutterstock Editor — Средство удаления фона в редакторе позволяет легко вырезать формы и элементы из изображения. Со всеми другими инструментами дизайна в приложении вы можете создать профессиональный дизайн за половину шагов и с гораздо меньшими хлопотами.

Как удалить фон в редакторе

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

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

1. Найдите и выберите изображение
2. Используйте инструмент «Удалить фон»
3. Загрузите лицензионный образ

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

Просто нажмите на кнопку — Удалить и закрасьте фон. Это уберет фон. Чтобы настроить выделение, нажмите + Добавить и закрасьте объект, который хотите сохранить. Уменьшите размер кисти с помощью ползунка Размер кисти , чтобы получить более подробную информацию, или увеличьте его, чтобы блокировать большие участки за раз.

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

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

Для получения дополнительных уроков и техник продолжайте читать:

Обложка фонового изображения через FabrikaSimf , изображение кошелька через Creative Lab

Как сделать фон прозрачным в Photoshop

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

Как сделать фон прозрачным в Photoshop
Часто растровые иллюстрации или логотипы имеют неприглядный белый фон, что бесполезно, если вы хотите разместить объект на веб-сайте или в брошюре.

Для устранения фона (т.е.е. сделайте его прозрачным), сначала перейдите на панель Layers и скопируйте слой изображения. Просто перетащите свой слой на значок «Новый слой» (он выглядит как белый квадрат со загнутым углом) в нижней части панели.

Затем перейдите на панель инструментов и выберите Magic Wand (или нажмите клавишу W). Щелкните фон, и вы увидите пунктирные линии вокруг объекта и краев изображения. Теперь вернитесь к исходному фоновому слою на панели «Слои» и щелкните значок в форме глаза, чтобы сделать слой невидимым.Мы рекомендуем сохранить этот исходный слой в проекте на тот случай, если вы захотите вернуться к нему позже.

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

Чтобы отменить выбор объекта, нажмите Ctrl + D (или Command + D на Mac), и пунктирные линии также исчезнут. Теперь вы можете использовать объект как отдельную графику, не беспокоясь о фоне.

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

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

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

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

Photoshop как вырезать объект из фона. Вырезаем геометрические фигуры. Как вырезать и вставить объект в «Фотошопе»

Здравствуйте, дорогие друзья! Все мы знаем, что любая информация становится более интересной и запоминающейся, если её снабдить картинками. Задумайтесь на минуту, что вы помните лучше – яркие картинки или монотонный текст? Отсюда и вывод, что без фото никуда.

Но теперь технологии шагнули далеко вперёд. Каждый сможет подкорректировать фото, сменить фон, что-то убрать, а что-то добавить. Я расскажу, как вырезать в фотошопе сложный объект, и провести с ним дальнейшие манипуляции. Для всех этих операций вам потребуется программа Фотошоп, я работаю в версии Photoshop CC, повторять за мной вы сможете в любой версии графического редактора.

Самое главное – внимательно и методично делать, то что я опишу далее. И пусть вас не пугает сложность задачи – она решаема. А при определённой сноровке, вы сможете проделывать всё это с закрытыми глазами за пару минут.

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

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

От слов к делу

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

Сперва открываем фотографию, которая нам нравится. Заходим в фотошоп, нажимаем в верхнем меню «файл – открыть». Выбираем изображение. У меня вот такая яркая и позитивная девушка на голубом фоне.

Чтобы приступить к работе, необходимо активировать фоновый слой. Нажимаем на нём правой кнопкой мыши, затем кликаем на «Слой из заднего плана».

В данном окошке кликаем «ок» и двигаемся дальше.

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

После того, как мы выделили фон, правой клавишей мыши жмём по изображению и выбираем «Инверсия выделенной области».

Теперь необходимо проработать мелкие детали. Особенно это касается волос. Иногда новички забывают об этих мелочах, и конечный результат выглядит неестественно. Чтобы такого не случилось, выбираем на верхней панели команду «Уточнить край».

Появится окошко, режим просмотра, выбираем «На чёрном», не пугайтесь! Просто так будут видны все мелкие огрехи, от которых мы и будем избавляться. Выбираем инструмент «Уточнить радиус» (иконка кисти). Изменяем её размер, мне удобнее работать на 3, обводим контур модели.

Обводим весь контур и переходим к настройкам края. У нас имеется 4 пункта, можете попробовать каждый из них, а я выбираю только «сгладить», чтобы смягчить стыки краёв, и «контрастность», для регулировки чёткости. Тут самое главное не перестараться, иначе мы вернёмся к исходнику.

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

До заветного результата осталось совсем немного. Активируем слой маску, просто на неё нажимаем. Берём жёсткую кисть и меняем цвет на чёрный. Изображение увеличиваем и прорисовываем. У меня есть мелкие голубые артефакты, их я и буду убирать.

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

Мне захотелось поместить эту барышню на обложку модного журнала, вы можете выбрать любое фото, какое вам захочется. Открываем картинку, как делали это на первом этапе, перетаскиваем девушку на изображение. Лучше конечно, скопировать слой с моделью клавишами Ctrl+C и наложить (вставить) на наш фон CTRL+V. Вот и результат.

Бояться ненужно

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

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

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

Если вам нужно изменить или полностью убрать фоновую часть картинки, ознакомьтесь с нашей статьей, как удалить фон в Фотошопе.

Удаление фона – это одна из первых трудностей, с которой сталкиваются новички, работающие с редактором Photoshop.

Рассмотрим несколько самых популярных и простых способов, которые помогут вам убрать фон фотографии.

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

Одним из таких инструментов является «Волшебный ластик». Он доступен во всех версиях программы Фотошоп.

Такой способ подойдёт, если необходимо удалить белый фон изображения. Другие фоновые заливки ластик не воспринимает:

1. 1. На панели инструментов откройте вкладку инструментов типа «Резинка». Затем кликните на элементе «Волшебный ластик»;

1. Теперь следует дважды кликнуть указателем мышки на белом фоне открытого изображения. Ластик автоматически определит все границы фона и основного фото. Нажмите на клавишу Delete , чтобы удалить выделенную область. В некоторых сборках редактора Photoshop достаточно просто кликнуть указателем и выделенная область будет удалена автоматически.

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

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

• Откройте панель параметров «Волшебного ластика». Проверьте пункт «Смежные пиксели» (или Contiguous). Он должен быть отмечен галочкой. Наличие этого пункта в настройках волшебного ластика позволяет инструменту выделять и удалять только те наборы пикселей, которые соприкасаются между собой. Таким образом, другие элементы картинки останутся целостными. Чтобы применить инструмент ещё раз, отменить предыдущий результат удаления фона и с уже новыми параметрами ластика уберите фон;

• Отрегулируйте параметр «Допуск» (Tolerance) в настройках ластика. Расположение этого пункта настроек можно увидеть выше на рисунке 3. Чем выше значение этого пункта, тем больше вероятность того, что ластик удалит больше количество обнаруженных оттенков фона. Увеличивайте параметр допуска и постепенно ластик перестанет выделять элементы объекта на картинке. Если по каким-либо причинам этим способом удалить кайму не удаётся, попробуйте на главной панели меню выбрать окно «Слой». Затем кликните на «Обработке краёв» и выберите пункт «Убрать кайму».

Результат удаления фона с применением описанных параметров:

Ещё одним популярным инструментом для удаления фона является «Волшебная палочка». Этот элемент можно встретить в большинстве графических редакторов, в том числе и в Фотошопе.

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

Теперь выберите пункт быстрого выделения. В выпадающем списке вы видите два доступных инструмента. Кликните на «Волшебную палочку», как показано на рисунке 5.

Теперь все действия будут аналогичным тем, если бы мы использовали «Волшебный ластик»: просто наведите указатель на фоновую часть картинки и кликните по ней.

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

Важно! Перед тем, как начинать удаление фона «Волшебной палочкой», убедитесь, что вы разблокировали фоновый слой. Это необходимо, чтобы «открепить» его от основного рисунка. Если слой не разблокирован, палочка не сможет его корректно выделить. В результате удаления могут остаться белые места или же может быть стёрта не фоновая часть фотографии.

Чтобы разблокировать фон, перейдите на панель Layers («Слои»). Кликните на значок замка, чтобы выставить его в положение «Открыто».

Только потом используйте инструмент «Волшебная палочка».

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

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

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

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

Для начала нужно создать копию синего канала картинки. Для этого нажмите на сочетании горячих клавиш Ctrl — L .

Появится окно Уровней. Передвигайте ползунки до тех пор, пока все серые цвета стали максимально напоминать чёрный оттенок.

То есть все те элементы контура, которые мы хотим оставить, должны окраситься в чёрный цвет, а все части фона, которые будут удалены, должны стать белыми.

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

В результате появится выделение изображение. Сделайте инвертацию с помощью нажатия сочетания клавиш Shift -Ctrl -I .

Теперь нажмите кнопку Backspace на клавиатуре, чтобы удалить лишний слой. Вы можете создать его копию, нажав на Ctrl -J .

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

Рис. 9 – итог удаления фона внутри рисунка и по внешним сторонам

Как вырезать объект из фона в фотошопе? Есть немало способов. В предыдущем уроке я рассказывала, как сделать , а сегодня я расскажу, как сделать клипарт, отделяя объект от фона. Я опробовала разные способы вырезания и остановилась для себя на одном, который подходит практически для любых объектов, даже сложных, но требует внимательности и терпения. Сегодня мы будем вырезать объект пером. Сразу оговорюсь, что в этом уроке фотошопа я совершенно не использовала все реальные возможности инструмента перо. Этот урок для тех, кто впервые взял перо в руки и хочет узнать, как и куда им надо «тыкать». Я просто и наглядно хотела показать, как работает перо. Это самый простой способ работы с этим инструментом, в дальнейших уроках я покажу, как можно вырезать сложный контур, обходясь гораздо меньшим числом точек контура, применяя другие возможности этого инструмента.

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

1.Открываем в фотошопе картинку с лебедем. Берем на панели инструментов инструмент перо (1) с такими настройками (2) и, начиная с любой удобной для вас точки, кликами левой кнопкой мыши, начинаем обводить лебедя по контуру.

2. Точки ставьте чаще там, где более сложный контур.

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

4-5. После этого кликаем в середине контура и в выпавшем окне выбираем Образовать выделенную область со следующими настройками:

6. По контуру побежали «муравьи».

7-8. Идем на верхней панели в Выделение-Инверсия. По периметру картинки тоже побежали муравьи.

9. Нажимаем на клавиатуре клавишу Delete и наш фон исчезнет. После этого идете в Выделение — Отменить выделение.

10. Муравьи пропали. Но среди белых перьев мы видим небольшой участок голубого цвета с нашего фона. Его тоже надо удалить. Повторяем действия п. 1 — 4. Затем кликаем в центре выделенного контура — Образовать выделенную область и, не делая на этот раз Инверсию, нажимаем Delete. Наш голубой фон исчез полностью. Идем на верхней панели в Изображение — Тримминг и нажимаем Ок. Лишний прозрачный фон удалился.

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

Удачного творчества!

Скачать урок фотошопа можно бесплатно, С Яндекс Диска .

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

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

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

Итак, мы уже на нужной странице Pixlr, и выбираем в появившейся по центру таблице «Загрузить изображение».

Загружаем картинку с компьютера, у меня будет такая:

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

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

Теперь переходим к правой стороне онлайн-фотошопа, выбираем инструмент и нажимаем вкладку «Редактировать».

Выбираем значение толерантности, как показано на картинке «21» и кликаем волшебной палочкой на фон нашей картинки.

Затем еще раз нажимаем «Редактировать» и выбираем «Очистить» .

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

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

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

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

P.S. Кстати, если вы мечтаете стать профессиональным дизайном, то этому можно научиться в Школе Дизайна Юлии Первушиной. Даже если вы совсем не дизайнер и не умеете рисовать, но есть большое желание получить высокооплачиваемую интернет-профессию, то записаться можно здесь:

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

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

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

Формат, с которым работает Photoshop имеет расширение «PSD», поддерживается большим количеством программного обеспечения. Таким образом, пользователи могут производить импорт файлов во многие программы для последующей постобработки.

Все инструменты одинаковые для всех версий Фотошоп, в том числе последних, начиная с CS6.

Как вырезать объект в Фотошопе

Используем инструмент «Лассо»

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

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

• «Лассо ». Обычное «Лассо» представляет собой один из самых простых способов выделить нужный объект на картинке. Работать с ним достаточно просто, необходимо зажать левую кнопку мыши и вести курсор по контуру от начальной до конечной точки;
• «Прямолинейное лассо ». Инструмент, позволяющий быстро создать контуры, состоящие из прямых линий. Лучше всего подходит для выделения геометрических фигур. Пользоваться им просто, жмем «ЛКМ» и ставим начальную точку, отпускаем клавишу мыши и переносим курсом далее по контуру добавляя новую метку. Таким образом выделяем элемент до того момента, пока курсор снова достигнет начальной точки;
• «Магнитное лассо ». Данная функция, позволяет быстро и точно создать контур. Наиболее точное определение магнитного лассо – инструмент автоматического распознавания краев. Алгоритм его работы заключается в том, что он пытается распознать края объекта находя отличия в яркости, насыщенности, контрасте.

Как вырезать изображение:

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

Быстрое выделение

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

Как вырезать:

Стираем фон Ластиком

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

Процесс достаточно простой:

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

Вырезание сложных объектов

Для вырезания сложных элементов оптимальным вариантом будет использования инструмента «Уровни ». С его помощью можно выделить края и вырезать те объекты, которые имеют неоднородную структуру, например, шерсть животного, волосы, крона деревьев, человека, лицо и т.д.

Порядок действий:

Инструмент «Перо»

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

Порядок действий:

Инструмент Select Subject

Инструмент является новой разработкой компании Adobe. Он использует искусственный интеллект для быстрого выделения объекта. Далее рассмотрим подробно, как им пользоваться. Важно знать, что Select Subject используется исключительно версиях Photoshop CC 2016 и более поздних сборках.

Инструкция:

• открываем фото и создаем дубликат слоя;
• выбираем инструмент «Быстрое выделение» и щелкаем «Select Subject »;
• автоматически произойдет выделение объекта, далее кликаем «Select and Mask »;
• в правой части откроется панель настройки параметров. Подгоняем каждый ползунок на свое усмотрение и щелкаем «Ок».

Цветовой диапазон

Данный способ подразумевает под собой выделение элементов по цветам и образцам.

Как копировать объект

Для копирование выделенного объекта существует несколько способов рассмотрим их ниже.

Первый способ:

• выделяем объект одним из способов, представленных выше;
• затем щелкаем комбинацию клавиш «CTRL+C »;
• после этого, создаем новый слой и нажимаем сочетание клавиш «CTRL+V ». Элемент будет помещен на новый слой.

Второй способ.

Данный вариант самый простой, слой с выделенной областью будет создан автоматически. Достаточно выделить объект и нажать сочетание клавиш «CTRL+J » и он будет помещен на новый слой.

Третий метод.

После того, как нужный элемент на фотографии будет выделен, необходимо последовательно нажать комбинацию клавиш «CTRL+C», «CTRL+N» «CTRL+V». Первая команда отвечает за то, что копирует область в буфер обмена. С помощью второго сочетания клавиш, будет создан новый документ. Третья выполняет вставку элемента в новый документ.

Как вставить фон

• открываем нужное фото и используем один из методов удаления фона выше;
• инвертируем : «Выделение» и «Инверсия», жмем «Ок»;
• удаляем старый фон с помощью клавиши «Delete»;
• открываем картинку с фоном, щелкаем на клавиатуре «CTRL+C» и вставляем изображение поверх вырезанного элемента «CTRL+V»;
• после этого перетаскиваем фон под слой с вырезанным объектом, зажав левую кнопку мыши.

Как увеличить или уменьшить вырезанный объект

Для того, чтобы увеличить или уменьшить вырезанный элемент понадобиться применение инструмента «Трансформация »:

Вырезаем геометрические фигуры

Для вырезки геометрических фигур будем использовать способ «Цветовой диапазон »:

• открываем изображение с геометрическими фигурами и делаем дубликат;
• затем выбираем вкладку «Выделение » и в ней открываем пункт «Цветовой диапазон»;
• производим настройку параметров: в пункте «Выбрать» используем команду «По образцам »;
• после этого щелкаем по значку «Пипетка+ » и добавляем образцы оттенков. Если предварительный результат устраивает, щелкаем «Ок».

прозрачных фигур бесплатно, скачать бесплатные картинки, бесплатные картинки в библиотеке клипартов

soundcloud

штриховая графика

прозрачных фигур клипарт

квадрат с поворотом на 45 градусов

формы клипарт прозрачный

ретро формы прозрачный

ромбовидный клипарт

прозрачный фон в форме сердца png

формы svg бесплатно

абстрактная форма клипарт

штриховая графика

формы png

3d геометрические фигуры png

nuestro sentido nos engana

пышные формы png

Гептагон

Геометрия

клипарт форма

геометрические фигуры на прозрачном фоне

векторный логотип формы png

музей хиршхорна и сад скульптур

векторных фигур

рамка приглашение png

католическая церковь святого семейства

прозрачных форм

треугольник

контур формы сердца png

треугольник

католическая церковь святого семейства

пятиугольник

астрология

круг

католическая церковь святого семейства

рисунок ромбовидной формы

католическая церковь святого семейства

треугольник

фигур клипарт

треугольник

графический дизайн

круг

круг

ретро формы картинки

круг

треугольник

прозрачных форм

Скачать фигуры PNG | PNG и GIF BASE

Геометрические фигуры Png Векторный Psd и клипарт с

Геометрические фигуры Png Векторный Psd и клипарт с

Абстрактные формы Png Векторный Psd и клипарт с

Геометрические формы Png Векторный Psd и клипарт с

Png Shapes Бесплатные фигуры PNG прозрачные изображения 10290 PNG

абстрактные фигуры PNG вектор Psd и клипарт с

форма прозрачная PNG или Svg для загрузки

фигуры PNG HD прозрачные фигуры HD PNG изображения Pluspng

фигура фигура PNG прозрачный клипарт Fr 164305

Оранжевый шестиугольник Png Фон Прозрачные геометрические фигуры

Геометрические фигуры Эффекты Эффекты Дизайн

Значок креативной формы Squere

Затенение треугольной формы PNG Клипарт Абстрактные формы Угол

Форма PNG Бесплатная форма Png Прозрачные изображения 28113 Pngio

Векторная рамка Клипарт Кронштейн Фигуры Png

Фигуры Png Pictures Trzcacak Rs

Геометрическая форма Круг Фундаментальный Png Клипарт Абстрактные формы

Free Stock Photo Free Shapes Png 1038163 Pngtube

Shapes Svg Clipart Shape Png Black and White 549026

Png Download Shapes Галерея изображений Myreal

State Shapes 02 Png Download Free Transparent Png Download

Скачать бесплатно Banner S

Фигуры Иконки 7000 бесплатных файлов в формате Png Eps Svg

Клипарт Абстрактные формы Векторные абстрактные формы Png

Фигурные формы PNG изображение с прозрачным фоном Toppng

Бесплатные векторные формы PNG Векторный клипарт 31792 Free

Скачать Иконки Цветовые Формы Svg Eps Png Psd Ai Векторы El

Щит PNG Изображение с прозрачным фоном Toppng

Все новые ленты Png Эффекты Части Формы Png Библиотека клипов

Скачать бесплатно Png Абстрактная форма Png Абстрактная форма формы

Форма Геометрия Набор Информация Ppt Vec 479551 Png

15 Абстрактные Фигуры Png Бесплатно На Mbtskoudsalg Абстрактные

Фон Фигуры Png Формы Дизайн Фон Png

Декоративные формы для дизайна Этикетки Клипарт Png Рамка Линия

Векторные фигуры Png Векторные прозрачные фигуры Png Png

Форма Png Прозрачная форма Png Images Pluspng

Клип прозрачные формы Png Логотип Графический ромб

Геометрическая форма Геометрия Евклидово вектор неправильной формы

Фигуры Png Hd Геральдический щит Форма 1607163 Бесплатно

Геометрический графический материал Геометрические фигуры Нерегулярные

Фигуры Png Hd Гамбар Форма Керен Png Фигуры Png Изображения

Абстрактные фиолетовые волнистые формы Прозрачные абстрактные формы

Загрузить форму Бесплатные PNG фото изображения и клипарт

красная и желтая спираль иллюстрация форма абстракция 9 0003

Фигуры Png Изображения Png Клипарты Скачать бесплатно на Seekpng

Pikpsd Com Бесплатные файлы Psd Шаблоны Psd Psd Flyers

Линия Абстракция Форма Евклидов узор PNG

Подробнее Дизайн формы Желтый Png Прозрачный Png

Синяя геометрическая форма с точкой Линия формы

Фигуры и символы Иконки 31 851 Бесплатные векторные иконки

3D Фигуры Треугольник Png Изображение Прозрачное Png Бесплатно

Геометрическая форма Многоугольник Холодный фон Желтый Оранжевый

Оригами Неправильная форма Неправильная форма Красочный баннер

Формы фона Png Векторный баннер Форма Png Вектор

Заголовок 03 Форма Кара Мембуат Амплоп Ангпао Бесплатные изображения PNG

Геометрическая форма Ромб Геометрия Алмазный блок Combina ция

каракули веб-дизайн Pinterest формы Png 565586 бесплатно

белый и синий фон синий геометрическая форма геометрия

форма баннера PNG прозрачная форма баннера PNG изображение бесплатно

геометрические фигуры PNG вектор Psd и клипарт с

форма PNG бесплатно скачать 186396 PNG Изображения PNG

перекрывающиеся формы абстрактного знака справочный логотип

бесплатный абстрактный фон с геометрическими фигурами Svg Dxf Eps

форма прозрачный PNG или Svg для загрузки

в Godwe Trust векторные фигуры PNG 2322193 бесплатные клипарты

геометрические фигуры PNG вектор Psd And Clipart With

Оригами Неправильная форма Неправильная форма Красочный баннер

Геометрическая форма PNG изображения Free Transparent Image Downl oad

Free Png Banner Shape Png Image With Transparent Background

File Euv Illumination Shapes Png Wikipedia

Shapes Png 92 изображения в коллекции Pa 164309 Png

Форма треугольника Png Бесплатная загрузка Равносторонний треугольник

Форма цветка Цветочные формы Клип-арт Png Скачать

Eomatrik Png Shapes Png Векторные фигуры для фона Png

Щелкните правой кнопкой мыши по этой ссылке Стрелка формы Png Transparent Png

Геометрические фигуры Png Векторный Psd и клипарт с

Картинка Винтажная форма значка Png 795×800 Png Download

Абстрактные формы Геометрия Векторные фигуры PNG

Скачать значок бесплатно Png Современные фигуры PNG 2123874 Pngtube

Скачать Геометрия Фигуры Геометрический треугольник D ownload Hq Png

Геометрические фигуры Png Вектор Psd и клипарт с

Иконки фигур 7000 бесплатных файлов в формате Png Eps Svg

Теги Cricut Формы этикеток Свободные рамки Рамка ярлыка

Геометрическая форма Png Изображение высокого качества Зеленый Геометрический

Геометрический Форма Абстракция Искусство Абстрактные Формы Разноцветные

Прямоугольная Призма 3D Фигуры Бесплатный Прозрачный PNG Клипарт

Векторные Фигуры Png Векторный Psd И Клипарт с Прозрачным

Вектор Нерегулярной Формы Бесплатные Изображения PNG Скачать Клипарт

Бесплатно Абстрактный Фон С Синими Геометрическими Фигурами Svg Dxf

PNG форма 30 изображений

геометрические фигуры PNG скачать прозрачный геометрические фигуры

форма PNG Тунис Аннонс

Трайбл Арт Формы Прозрачный Png Svg Вектор

Компьютер Зеленый Круг Формы Кнопки Кнопки Форма

Цвет Png Векторный Psd И Клипарт с Прозрачным

Геометрические фигуры Png Pic Png Arts

Photoshop for Lunch ™ — Создавайте и продавайте геометрические накладки для социальных сетей — Форма, трансформация, заливка | Хелен Брэдли стенограммы

1.Photoshop for Lunch ™ — Геометрические наложения для социальных сетей — Введение: Здравствуйте, я Хелен Брэдли. Добро пожаловать в этот выпуск Photoshop для обеда, создавайте и продавайте геометрические наложения для фотографий. Photoshop for Lunch — это серия классов Photoshop, каждый из которых обучает небольшому количеству техник Photoshop. У вас будет много возможностей попрактиковаться в новых навыках в проектах, которые вы создадите. Сегодня мы делаем геометрические наложения фотографий, которые можно использовать поверх ваших фотографий в социальных сетях, но также можно создавать для продажи.Вы научитесь некоторым методам создания этих геометрических наложений, а также сохраните их для использования и продажи. Когда вы работаете с этими видео, вы можете увидеть подсказку, которая позволит вам порекомендовать этот класс другим. Пожалуйста, если вам нравится урок, поставьте ему большой палец вверх. Эти рекомендации помогают мне представить мои занятия большему количеству людей, которые, как и вы, хотят узнать больше о Photoshop. Если вы хотите оставить комментарий, сделайте это. Я читаю все ваши комментарии и просматриваю все ваши классные проекты.Итак, теперь, если вы готовы, давайте приступим к созданию геометрических наложений на фотографии для использования в социальных сетях и для продажи. 2. Photoshop for Lunch ™ — Геометрические наложения для социальных сетей — Часть 1: Прежде чем мы приступим к созданию этих геометрических наложений фотографий, давайте взглянем и посмотрим, на что мы смотрим. Это сайт creativemarket.com, и я говорю о таких наложениях. Наложения, которые вы можете использовать либо просто для размещения поверх ваших фотографий, либо те, которые эффективно кадрируют фотографию, а также включают некоторые геометрические элементы.Сегодня мы собираемся создать оба типа. Когда вы их создаете, вам сначала нужно принять решение о том, какой размер документа вы хотите использовать. Если вы делаете их для социальных сетей, подходящим размером может быть что-то вроде 1200 на 800. Если вы делаете их для продажи, вы можете сделать более крупные версии, чтобы люди могли использовать их для высококачественных изображений. Вы также можете создать серию, например, для квадратных изображений, некоторые для портрета, а некоторые для ландшафта. Сегодня я просто буду использовать стандартный размер документа.Я собираюсь выбрать «Файл», а затем «Новый». Это будет размер документа в социальной сети, так что это 1200 на 800, то есть альбомное изображение. Просто сделайте его прозрачным, и я нажму «Хорошо». Мне поможет, если у меня есть изображение, на которое я буду смотреть во время работы, поэтому я просто выберу «Файл», «Поместить встроенное» и вставлю изображение в этот документ. Я уже скачал один с unsplash.com, которым собираюсь воспользоваться. Я дам вам ссылку для загрузки, если вы хотите использовать ее самостоятельно. Я просто нажму на галочку, чтобы поместить ее в свой документ.Что касается моих геометрических элементов, мне нужно быть очень осторожным, чтобы я не помещал их поверх фотографии на том же слое, потому что в противном случае я не смогу извлечь их позже, чтобы я мог изолировать их, чтобы сохранить их. чтобы их можно было использовать на любом изображении в любое время. Конечно, если бы мы хотели их продавать, мы бы не продавали их с этим изображением, с ним. Я собираюсь начать с нового слоя здесь. Я собираюсь разместить на этом изображении серию кругов и для этого воспользуюсь инструментом Elliptical Marquee Tool.Я пытаюсь создать это конкретное видео, чтобы его можно было использовать практически с любой версией Photoshop. Я собираюсь растянуть круг, а затем сделаю это, удерживая клавишу «Shift», пока растягиваю круг. Я хочу, чтобы он был чуть больше половины ширины этого документа, поэтому это должен быть круг довольно большого размера. Теперь я хочу нанести обводку по краю, но очень сложно точно определить, какой размер обводки нам нужен. Поэтому использование опции «Редактировать обводку» не будет особенно хорошей идеей, потому что вы не можете увидеть обводку до того, как наложите ее.Если вы работаете с действительно большими изображениями, пяти пикселей может быть недостаточно, но что достаточно, 50? Я понятия не имею. Я просто нажму «Отмена», я воспользуюсь другим процессом. Прежде всего, я собираюсь заполнить круг цветом. Сейчас у меня черный цвет фона, поэтому я просто нажму «Control Backspace», «Command Delete» на Mac, чтобы заполнить этот круг цветом. Было бы лучше не использовать белый цвет, потому что на следующем шаге я собираюсь использовать белый цвет обводки, поэтому лучше всего подойдет контрастный цвет.Чтобы добавить обводку, я собираюсь использовать стиль слоя. Я собираюсь щелкнуть здесь значок «Добавить стиль слоя» и выбрать «Обводка». Причина, по которой я использую Stroke, заключается в том, что это позволяет мне очень четко видеть, достаточно ли моего веса линии, поэтому я могу просто ввести здесь любое значение, давайте попробуем 40, и вы увидите, как выглядит штрих в 40 пикселей . Мне нравится семь, поэтому я вернусь к семи. Я сосредотачиваюсь на этом. У меня позиция в центре, и я убеждаюсь, что у меня белый цвет. Просто нажмите здесь на палитру цветов и убедитесь, что выбран белый цвет.Конечно, белый — это 255, 255, 255 в красном, зеленом и синем каналах. Просто нажмите «Хорошо», а я просто нажму «Хорошо». У меня есть обводка, которую я хочу, проблема в том, что у меня есть заливка, которая мне не нужна. Что ж, я собираюсь найти здесь последнюю палитру с выбранным слоем и просто установлю нулевую заливку. Я могу щелкнуть эту стрелку, указывающую вниз, и просто перетащить ползунок, чтобы установить нулевую заливку. Но есть еще одна вещь, которую вы можете сделать в Photoshop, и если вы раньше не встречали ползунки Scrubby, сейчас самое подходящее время для их создания.Просто собираюсь щелкнуть отсюда и просто щелкнуть обратно на моем слое. Если я наведу указатель мыши на слово «Заливка», вы увидите, что оно изменится на указательный палец со стрелками, идущими влево и вправо. Это то, что называется ползунком Scrubby. Если я сейчас щелкну и перетащу, вы увидите, что я регулирую значение в этом поле, просто перетаскивая слово. Многое в Photoshop — это ползунки Scrubby. Практически в любое время, когда у вас есть возможность щелкнуть стрелку вниз и настроить ползунок, вы также можете настроить этот параметр с помощью ползунка.Я устанавливаю нулевую заливку. Причина этого в том, что вы не можете нанести обводку на фигуру, если у нее нет заливки. Нам пришлось нанести черную заливку на нашу фигуру, чтобы получить обводку. Мы не хотели наполнения. Что ж, решение для этого — просто скрыть это, установив нулевую заливку. Вы не хотите отправлять непрозрачность равной нулю, потому что это влияет на заливку и обводку. Настройка непрозрачности в этом случае не сработает, это настройка заливки, которая просто отключает заливку, но оставляет нашу обводку на месте.Теперь я просто возьму инструмент перемещения, и я хочу центрировать его на изображении. Я мог бы использовать свои умные направляющие, но я также могу использовать технику в Photoshop. Я собираюсь выбрать Control или Command, щелкнуть по миниатюре «Layer», чтобы вокруг фигуры были марширующие муравьи. Теперь я собираюсь нажать «Control» или «Command A». Что это значит, так это то, что он выбирает весь документ, похоже, что эта фигура больше не выбрана, но это так. Теперь, если я щелкну здесь, я могу настроить вертикальный центр, а здесь — горизонтальный центр моей формы.Мой круг теперь выровнен прямо посередине этого документа. Я нажму «Control» или «Command D», чтобы отменить выбор. Чтобы создать узор из кругов, мне нужно несколько копий этого круга. Я в первую очередь перетащу копию на значок нового слоя и начну перемещать ее. Когда я перемещаю копию, я держу клавишу Shift, чтобы она двигалась в абсолютно горизонтальном направлении. Теперь он на месте и выровнен с другой формой. Я собираюсь щелкнуть этот «слой», перетащить его на значок нового слоя и повторить в другом направлении.Опять же, удерживая Shift, пока я это делаю, чтобы его движение было ограничено. H Если Smart Guides включены, он должен просто зафиксироваться в нужном положении. Если вы обнаружите, что интеллектуальные направляющие не включены, перейдите в меню «Вид», убедитесь, что у вас включена привязка, убедитесь, что для параметра «Привязать к направляющим» установлено значение «Направляющие», а также убедитесь, что что в меню «Показать» смарт-направляющие отмечены галочкой. Если все это выбрано, ваши смарт-направляющие должны работать нормально. Я хочу сделать еще одну копию этого круга, поэтому я просто перетащу и перетащите его на новый значок слоя.На этот раз я положу его сюда. Я не собираюсь удерживать клавишу «Shift» при этом. Я на самом деле перетаскиваю это с его выравнивания. Я просто собираюсь разместить его здесь. Я могу взять его копию, перетащить ее на значок нового слоя и на этот раз переместить копию. Если я удерживаю «Shift», я собираюсь убедиться, что он движется в идеально горизонтальном направлении, чтобы эти две формы были идеально выровнены. Теперь давайте возьмем эти два, поместим их обоих на значок нового слоя, и, поскольку они оба все еще выделены, начнем подтягиваться.Если я подтянусь с нажатой клавишей «Shift», они будут двигаться в совершенно вертикальном направлении. Две верхние позиции, которые я только что переместил, будут немедленно выровнены по двум нижним. Это дизайн, который я хочу использовать для своего первого наложения. Создав его, вернемся к последней палете и посмотрим, что у нас получилось. Ну, кругов у нас много. Я собираюсь свернуть и щелкнуть верхний слой, содержащий один из этих кругов. Я собираюсь скатиться и, нажав «Shift», щелкнуть самый нижний слой, содержащий один из этих кругов.Вы также можете пойти другим путем: вы можете щелкнуть внизу, а затем, удерживая Shift, щелкнуть по самому верхнему. Важно не допустить сюда фотографию. Щелкните правой кнопкой мыши и выберите «Объединить слои». Теперь у меня есть единственный слой, содержащий мой оверлей. Пришло время продолжить и сохранить это, чтобы я мог использовать это позже. Для этого я отключу фото, потому что не хочу сохранять фото. То, что у меня сейчас на экране, представляет собой серию белых кругов с прозрачным фоном.Когда я сохраню это, он будет сохранен как файл PNG. Он будет сведен к одному слою, но PNG сохраняет прозрачность, чтобы его можно было разместить поверх любой фотографии в любое время в будущем. Я собираюсь выбрать «Файл», а затем «Сохранить как». Важно выбрать PNG в качестве формата. Вот оно, П-Н-Г. Я назову это «Оверлей 1» и просто нажму «Сохранить». Когда вы это сделаете, вам будет предложено выбрать некоторые параметры PNG. Вы можете просто нажать «Хорошо», настройки по умолчанию в порядке. Я снова включу фото.В следующем видео давайте посмотрим, как мы будем использовать этот оверлей на другом изображении в будущем. 3. Photoshop for Lunch ™ — Геометрические наложения для социальных сетей — Часть 2: Чтобы использовать мой оверлей на другом изображении, я сначала собираюсь открыть это изображение. Я собираюсь выбрать «Файл», а затем открыть, найти и открыть изображение, которое также находится в альбомной ориентации. Я собираюсь уменьшить его, чтобы его размер соответствовал моему наложению, и он соответствовал размеру, который мне нужно использовать для моих целей в социальных сетях. Размер изображения, я наберу 1200.Photoshop автоматически устанавливает высоту 800. Это изображение с таким же соотношением сторон, как и другое. Я просто нажму «Хорошо». Теперь я собираюсь добавить мой оверлей, выбрав файл, а затем поместив встроенный. Размещение встроенного просто гарантирует, что наложение будет встроено в изображение. Это более безопасный способ работы, поскольку он гарантирует, что содержимое находится в файле, а не просто связано с ним. Я собираюсь нажать на галочку. Моя фотография уже должна быть опубликована в социальных сетях с наложением, но вы можете спросить себя, что вы собираетесь делать, если ваша фотография не в альбомной ориентации или, возможно, ее соотношение не такое же, как у вашего наложения? Что ж, посмотрим, как мы с этим справимся.В этом случае я собираюсь выбрать Файл, а затем Создать, и я собираюсь создать документ размером 1200 на 800 пикселей, размер, который мне нужен для целей социальных сетей, и на этот раз я собираюсь выбрать Файл, Поместите Embedded и поместите сюда мою фотографию. File, Place Embedded, и я найду изображение с неправильной ориентацией для моего наложения. Я нажимаю «Поместить». Его размер будет уменьшен, чтобы он поместился в документе, но, конечно, у нас есть много пробелов с обеих сторон, и я не хочу использовать все это изображение.Что я собираюсь сделать, так это начать изменять размер и удерживать клавишу Shift, растягивая углы, потому что я хочу изменить размер этого изображения сейчас, чтобы оно уместилось в этом документе 12 на 800. Я просто убеждаюсь, что у меня есть часть изображения, которую я хочу использовать в документе. Теперь мне просто нужно немного потянуть это, чтобы выровнять все это, и я собираюсь нажать «Галочку». На этом этапе изображение не было обрезано. Полное изображение все еще находится в документе. Вы можете вернуться в любое время и просто переместить это, чтобы выровнять изображение по-другому.Но теперь я собираюсь добавить свой оверлей. Файл, место встроенного, я собираюсь пойти и получить свой оверлей, и нажмите «Поместить», и я нажму здесь, чтобы применить его. Это удобный простой способ управления наложением, а также кадрирования и изображения без необходимости обрезать его для социальных сетей. Если вы знаете, какого размера должно быть изображение, создайте для него пустой документ. Поместите различные части, которые вам нужны, в данном случае фотографию и наложение, просто разместите их в пределах 1200 на 800 пикселей, независимо от размера вашего документа, а затем вы можете продолжить и сохранить его.Это просто избавляет вас от необходимости обрезать и изменять размер при экспорте документа для использования в социальных сетях. 4. Photoshop for Lunch ™ — Геометрические наложения для социальных сетей — Часть 3: Я вернулся к изображению, над которым мы работали. Я спрятал и заблокировал первый оверлей. Итак, я собираюсь добавить новый пустой слой, над которым мы можем работать. Следующее наложение, которое мы собираемся создать, будет повернутой линией и даст нам геометрический узор. Теперь вы можете нарисовать линию несколькими способами, и один из них — использовать инструмент фигуры, этот инструмент линии в группе фигур.Вы также можете сделать это с помощью прямоугольной области, просто перетащив тонкую прямоугольную область по форме. Но проблема с инструментом прямоугольной области заключается в том, что его длина ограничена шириной или высотой вашего документа. Есть лучший способ провести эту линию, который мы можем использовать. Итак, я просто собираюсь использовать Control или Command D, чтобы выбрать это. Фактически я собираюсь использовать прямоугольник, потому что инструмент прямоугольника дает мне лучший контроль над моей линией, чем линия. Любопытно, но им действительно проще пользоваться.Итак, я собираюсь растянуть прямоугольную фигуру. Теперь я использую варианты формы здесь. Итак, это будет форма с белой заливкой. Высота здесь в значении h — это фактическая ширина линии. Так что я собираюсь установить это на семь. Это линия, с которой я собираюсь начать. Итак, я просто собираюсь разместить его, убедившись, что я размещаю его и не изменяю его размер здесь, в документе. Я тоже хочу центрировать его, поэтому сделаю то же самое, что и раньше. Я собираюсь Control или Command щелкнуть по миниатюре слоя и нажать Control или Command A.Я перейду к инструменту перемещения, но на этот раз я выберу только этот горизонтально выровненный центр, потому что я не хочу выравнивать его по вертикали, я просто хочу выровнять его по горизонтали. Теперь вы хотите назначить ему перемещение, но если он не был отцентрован, он действительно переместился. Я нажимаю Control или Command D или D select, чтобы убедиться, что все выбрано D, и эта форма теперь центрирована по горизонтали на холсте. Я собираюсь перетащить его на значок нового слоя и повернуть эту фигуру, выбрав «Правка», а затем «Свободное преобразование».Это показывает эти инструменты здесь, на панели параметров инструмента. Что я хочу сделать, так это повернуть его вокруг центральной точки документа. Итак, я собираюсь щелкнуть здесь по середине внизу этих девяти маленьких прямоугольников, чтобы сдвинуть этот маленький маркер. В середине этой формы есть маркер, который вы можете щелкнуть и перетащить. Это центральная точка, вокруг которой будет вращаться фигура. Теперь вам не нужно указывать его правильное положение, вам просто нужно прямо сейчас отвести его от формы.Потому что, как только вы перетащите его за пределы фигуры, вы получите доступ к этим параметрам здесь. Это инструмент, позволяющий убедиться, что вы разместили этот маленький маркер именно там, где вы хотите. Размер документа 1200 на 800, поэтому средняя точка здесь 600 и 400 x и y. Итак, я собираюсь убедиться, что значение x равно 600 пикселей, а значение y — 400 пикселей, потому что это гарантирует, что эта точка вращения мертва в центре документа, поэтому эта форма будет вращаться вокруг нее. прекрасно.Я хочу повернуть его на 60 градусов. Я просто нажму галочку. Теперь я хочу повторить процесс копирования и преобразования. Я собираюсь нажать Control Alt Shift и коснуться буквы T. На Mac это будет Command Option Shift T. Я собираюсь сделать это еще четыре раза, чтобы повернуть эту фигуру вокруг этой средней точки, эффективно повторяя копию и эффект вращения. Итак, теперь у меня есть элементы для наложения градиента. Все, что я собираюсь сделать, это именно то, что я сделал в прошлый раз, нажмите на самую верхнюю из этих строк, удерживая Shift, щелкните на самой нижней из этих строк, убедившись, что здесь выбраны только линии, щелкните правой кнопкой мыши и выберите «Объединить фигуры». .Если у вас только что есть «Объединить слои», просто выберите «Объединить слои». Что бы там ни было, вы просто хотите объединить их в один слой. Я бы тогда выключил это. Итак, у меня есть только видимая сетка, и я сохраняю ее снова как файл ping. Я собираюсь сделать это, и мы вернемся в следующем видео и посмотрим на еще одно наложение градиента, на которое есть маска обрезки. 5. Photoshop for Lunch ™ — Геометрические наложения для социальных сетей — Часть 4: Для следующего наложения я снова собираюсь добавить новый слой, потому что все эти наложения должны быть построены на новых слоях.Мы собираемся повторить процесс создания круга с обводкой. Я собираюсь снова использовать инструмент Elliptical Marquee Tool, растянуть фигуру, заполнить ее, а затем добавить обводку. Если вы работаете в более поздних версиях Photoshop, вы можете использовать инструмент «Эллипс» и просто растянуть круг с белой обводкой и без заливки. Я просто собираюсь продолжить процесс, который будет работать в любой версии Photoshop, Ctrl Backspace, чтобы заполнить это черным. На этом этапе, зная, что мне нужно удалить заливку, я могу просто установить для нее нулевое значение.Выбираю последнюю иконку стиля, нажимаю «Обводка». Я собираюсь добавить обводку немного меньшего размера, чем в прошлый раз. Итак, я просто собираюсь установить его на четыре, но все остальные настройки будут точно такими же. Я нажимаю «Хорошо». Меня не беспокоит, как этот круг размещен, за исключением того, что он обычно должен быть в центре документа, но то, что он не в центре, вполне нормально. Я собираюсь перетащить дубликат этого на значок нового слоя, и я просто возьму дубликат и просто сдвину его немного в сторону.Затем я собираюсь выбрать оба этих слоя, перетащить их оба на значок «Новый слой» и просто убрать дубликат в сторону. Опять же, то, что я хочу, — это слегка смещенный от центра круг, вид неопрятного круга. Теперь это потенциально одно наложение. Итак, я собираюсь выделить все эти четыре слоя, щелкнуть правой кнопкой мыши и выбрать «Объединить слои», чтобы создать из них единую форму наложения. Но я хочу сделать еще один шаг вперед. Что я хочу сделать, так это добавить белую заливку по краю этой формы, чтобы она действительно эффективно обрезала изображение.На самом деле это не обрезка, но из-за того, что она блокирует изображение внизу, вы получаете впечатление обрезанного изображения. Если мы просто вернемся на минутку к Creative Market, вы увидите, что это такие наложения, которые создаются здесь, те, которые обрезают изображение в форме. Итак, это тот тип, на который мы сейчас смотрим. Для этого я хочу иметь возможность выделить все по краю этой формы. Итак, я собираюсь использовать инструмент «Волшебная палочка», щелкнув по «Волшебной палочке» и установив для параметра «Допуск» очень низкое значение.Я хочу, чтобы флажок «Непрерывный» был установлен, потому что я хочу выбирать только пиксели, которые находятся вокруг самого края этой формы. Я собираюсь нажать «Ctrl» или «Command D», потому что я действительно включил там марширующих муравьев на минуту. Итак, я просто щелкну здесь один раз, и это выделит каждый пиксель, который является прозрачным вокруг внешней стороны изображения, вплоть до края этого первого белого круга, ну, что представляет собой комбинация белых кругов, потому что они перекрывались. Теперь, если я сейчас просто заполню это выделение белым цветом, я столкнусь с двумя проблемами.Одна из проблем заключается в том, что я потеряю этот текущий оверлей, потому что я собираюсь заполнить окружение белым цветом. Тогда, по сути, у меня не будет наложения, это будут только эти круги. Чтобы противодействовать этому, я собираюсь добавить новый слой. Итак, моя белая заливка будет размещена на новом пустом макете. Проблема первая решена. Проблема вторая в том, что я не уверен, что мой выбор прямо напротив самого края этого белого. Поэтому, если я заполню его белым, есть вероятность, что по краю этой формы будут несколько частично прозрачных пикселей, которые будут просвечивать, и это не даст мне того аккуратного эффекта, которого я хочу.Я хочу сделать это выделение немного больше. Итак, я выберу «Выбрать», затем «Изменить», а затем «Развернуть», потому что я хочу, чтобы он начал съедать до самого края этой белой формы. Теперь мой ход был четыре пикселя. Так что, если я увеличу его на два пикселя, я перейду к внешней обводке на полпути. Не хочу больше ничего делать, один или два пикселя подойдут. Так что я просто нажму «Хорошо». Теперь мой выбор здесь съедает белое окружение. Вы можете видеть, что он сдвинулся на пару пикселей.Этого будет достаточно, чтобы быть уверенным, что когда я заполню его белым, будет бесшовное соединение с самой внешней стороной смещенных кругов. Там не будет частично прозрачных пикселей. Итак, у меня есть мой слой, выбран пустой слой, у меня есть белый цвет, мой цвет переднего плана или Backspace Option-Delete на Mac для заливки белым. Я просто нажму «Ctrl или Command D», чтобы снять выделение. Итак, теперь у меня есть моя белая маска обрезки на отдельном слое. Я мог бы отключить эту фоновую фотографию и сохранить эти концентрические круги в качестве наложения.Затем я мог вернуться, включить белое кадрирование, выключить фотографию и сохранить это как второй оверлей. Но выделение этой заливки на отдельный слой также дает мне возможность уменьшить значение заливки. Итак, я возвращаюсь к своему неуклюжему ползунку и опускаю его примерно до 75 процентов. Это еще один потенциальный оверлей. В этом случае я бы оставил эти два слоя видимыми, отключил этот слой и сохранил его с частичной прозрачностью для изображения ping. Это изображение ping будет иметь полностью прозрачную область, частично прозрачную область, а затем несколько полностью непрозрачных областей, где находятся эти круги.6. Photoshop for Lunch ™ — Геометрические наложения для социальных сетей — Часть 5: Для нашего финального эффекта наложения у нас будет непрозрачный край. Но геометрическая форма будет вставлена ​​изнутри этого края. Итак, мы начнем с треугольника. Я собираюсь добавить сюда новый слой. Вместо того, чтобы использовать инструмент многоугольника, который затрудняет рисование треугольника, потому что очень сложно получить его нижний край идеально горизонтальным, мы собираемся выбрать инструмент произвольной формы. Я собираюсь выбрать здесь форму треугольника.Если треугольник не отображается, щелкните всплывающее меню и выберите «Все». Затем просто нажмите «Добавить», чтобы добавить фигуры, которые будут их добавлять, и вы не будете удалять какие-либо пользовательские фигуры, которые вы могли создать. Не нужно этого делать, потому что у меня уже есть свои формы. Я собираюсь щелкнуть треугольник. Я собираюсь выбрать пиксели из выпадающего списка. В более ранних версиях Фото-магазина у вас могло быть три значка. У меня черный цвет в качестве цвета переднего плана. Я собираюсь удерживать Shift, вытягивая равносторонний треугольник.Я собираюсь удерживать клавишу пробела, если я просто передвину ее примерно на место. Итак, речь идет о треугольнике, который я хочу. Я не беспокоюсь о его центрировании прямо сейчас. Я просто отпущу левую кнопку мыши, а затем сдвиг k. Теперь я собираюсь отцентрировать его, щелкнуть с нажатой клавишей Control на миниатюре слоя, Control или командой A, а затем просто центрировать его прямо в середине этого документа. Затем снимите выделение с помощью Control или Command D. Теперь сложнее, чем может показаться на первый взгляд, создать треугольник, который равномерно вставлен внутри него по всему периметру.Я покажу вам, как это сделать. Для этого мы добавим обводку. Итак, выделив треугольник, я собираюсь выбрать стиль слоя обводки. На этот раз я добавлю обводку другого цвета. Неважно какого цвета. Я только что установил красный цвет. Он будет внутри, и вы собираетесь отрегулировать его размер так, как хотите, чтобы пространство было между окончательной геометрической формой и внешней белой заливкой. Итак, я смотрю на зазор, который будет размером с эту красную линию, и вы можете просто отрегулировать его для шитья.У меня ширина 40 пикселей. Так что я просто нажму «Хорошо». Теперь вы установите последний поддон. Красный на самом деле не отображается. Так что это не отображается на миниатюре. Это потому, что это стиль слоя. Что мы хотим сделать, так это добавить его к этому треугольнику. Итак, мы собираемся щелкнуть правой кнопкой мыши и выбрать Rasterize Layer Style. Теперь он встроен в треугольник. Это позволяет нам теперь выбрать внешний край. Итак, я перейду к инструменту «волшебная палочка». Я просто щелкну один раз здесь на внешней прозрачной области.Я собираюсь добавить новый слой, а затем просто залейте эту область белым цветом. Как только мой фоновый цвет управляет backspace, команда Delete на Mac, и я просто сниму выделение с помощью Control или Command D. Итак, есть первая часть моего эффекта наложения. Я собираюсь выключить внешний вид и сосредоточиться на этом треугольнике прямо сейчас. Я хочу создать свой геометрический эффект в этой черной области. Итак, я собираюсь щелкнуть инструментом «волшебная палочка» на этой черной области. Прежде всего, мне нужно выбрать слой, а затем щелкнуть по черному.У меня нулевой допуск. Так что все, что я делаю, это выбираю черный бит. Я хочу избавиться от всего, кроме черного. Итак, я собираюсь инвертировать выделение с помощью select inverse. Тогда я просто нажму «Удалить». Остается мой черный треугольник. Я нажму Control или Command D, чтобы снять выделение. Теперь займемся созданием эффекта. Итак, прежде всего, мы хотим обвести этот треугольник белой рамкой, как мы делали круги ранее. Щелкните значок fx, выберите обводку.На этот раз это будет белая обводка. Итак, я собираюсь убедиться, что у меня есть цвет 255, 255, 255, а также красный, зеленый и синий каналы. Я нажимаю «Хорошо». Я хочу, чтобы он был по центру. Итак, я просто нажму «Центр». Я просто собираюсь снизить свое значение примерно до семи. Теперь меня немного беспокоит, что я вижу здесь закругленные края. Итак, я собираюсь переключиться с центра на внутреннюю часть, и это сделает края заостренными. Это просто лучший эффект. По-прежнему будет иметь значение для нашей окончательной формы, поэтому я просто нажимаю «Хорошо».Затем для заливки этого слоя я просто хочу удалить черный цвет. Так что я просто сведу это к нулю. Я просто собираюсь щелкнуть мышью, выбрав какой-нибудь другой инструмент. Следующее, что мы собираемся сделать, это несколько линий, чтобы соединить эти части вместе. Итак, я просто собираюсь выбрать инструмент «Прямоугольник». Я собираюсь установить это в форме, потому что это позволит мне отрегулировать ширину. Я просто перетащу вниз от вершины треугольника к основанию, и это создаст идеально вертикальный прямоугольник.Я хочу убедиться, что моя ширина такая же, как и по краю, но она просто исчезла черным. Так что я на самом деле просто нажму «Control» или «Command» Z, чтобы отменить это, поменяю цвета и попробую снова. Все еще немного проще, особенно если вы работаете с более ранней версией Photoshop, чтобы просто выбрать правильный цвет в первую очередь. Давайте проверим ширину на расстоянии семи табуляции. Теперь я просто собираюсь убедиться, что это прямо по центру. Так что я просто немного откорректирую его положение в документе.Просто убедитесь, что он действительно хорошо совмещен с вершиной треугольника. Переходим к последнему поддону. Поскольку мы добавили фигуру, она перешла на новый слой. Итак, я собираюсь взять этот слой с прямоугольной формой, перетащить его на значок нового слоя, чтобы дублировать его, и я хочу преобразовать его с помощью редактирования, а затем свободного преобразования. Я хочу преобразовать его из его центральных точек. Поэтому я собираюсь убедиться, что ориентир находится в самой середине. Я хочу повернуть это примерно на 60 градусов. Я поставлю галочку.Теперь я могу просто взять его с помощью инструмента «Перемещение» и просто переместить на место. Он должен тянуться из угла в сторону этого треугольника. Сделав это, я сделаю копию этого. Затем я просто переверну его по горизонтали, отредактирую, трансформирую, переверну по горизонтали. Тогда я могу просто перетащить это на место. Если его нужно отрегулировать незначительно, просто используйте клавиши со стрелками на клавиатуре, потому что это очень простой способ просто подталкивать по одному пикселю за раз. Закончим шестиугольником.Итак, я собираюсь добавить новую решетку, убедитесь, что я работаю над новым слоем. Я собираюсь выбрать инструмент произвольной формы. Я пойду и найду свой шестиугольник. Вот этот. Теперь я перетащу его на место. Я собираюсь удерживать клавишу Shift, потому что мне нужен идеальный шестиугольник, и я хочу, чтобы он просто касался самых краев этого треугольника. Возможно, с первого раза у вас не получится сделать это правильно, но если вы работаете со слоем-фигурой, вы сможете просто положить его, а затем просто переместить в нужное положение.Так что он должен находиться здесь внутри вашего треугольника. Просто по самым краям. Так что я просто подталкиваю его сюда. Я собираюсь поставить галочку. Когда вы меняете его размер, вы просто хотите убедиться, что делаете это с помощью клавиши Shift. Очень важно изменить его размер пропорционально. Я не хочу, чтобы у этого была заливка, поэтому я просто собираюсь удалить заливку. Но я очень хочу, чтобы у него был инсульт. Итак, я возвращаюсь к значку FX, возвращаюсь к штриху. Теперь я собираюсь использовать ту же обводку в семь пикселей.Но я попытаюсь поместить это в центр, потому что я выровнял свой шестиугольник. Если я выберу центр, он фактически исчезнет в линиях треугольника. Я не хочу здесь более толстой линии. Таким образом, вариант «Центр» дал мне здесь идеальный результат. Если ваш шестиугольник не идеален, вы можете немного переместить шестиугольник или просто изменить его размер. Но опять же, удерживая клавишу Shift, потому что вы хотите ограничить его обычными пропорциями. Итак, теперь давайте добавим наш внешний край. Итак, это тот эффект, который мы пришли создать.У нас есть обтравочная маска по краю фигуры, и наш геометрический треугольник имеет те же пропорции, что и исходный треугольник, но только вставлен из него. Конечно, поскольку эта белая заливка находится на отдельном слое, у нас есть возможность настроить ее непрозрачность. Прежде чем сохранить это, я бы взял все формы, которые образуют этот внутренний треугольник, и объединю их. Итак, теперь на одном слое. Я также мог бы отрегулировать непрозрачность этого, если бы не хотел, чтобы они были такими темными. Я мог регулировать их непрозрачность и непрозрачность заливки по краю.Но они регулируются независимо друг от друга, так что вы можете настроить желаемый эффект. Конечно, если вы сохраняете это как геометрический оверлей, вы хотите отключить свою фотографию, чтобы сохранить ее как файл ping. Ваш проект для этого класса будет заключаться в создании собственных геометрических наложений. Вы можете использовать те же самые примеры, что я показал здесь. Или вы можете создать свой собственный стиль. Разместите результаты в области проекта класса. Я действительно с нетерпением жду того, чтобы увидеть, что вы придумаете.Надеюсь, вам понравился этот урок по созданию геометрических наложений на фотографии для социальных сетей, а также для продажи. Если вам понравился этот урок, и если вы видите предложение порекомендовать его другим, пожалуйста, дайте ему большой палец вверх. Это помогает другим людям идентифицировать это как затраты, которые они могут захотеть взять на себя. Если вы хотите оставить комментарий, сделайте это. Я читаю и отвечаю на все ваши комментарии, а также смотрю и отвечаю на все ваши классные проекты. Я Хелен Брэдли. Спасибо, что присоединились ко мне для этого выпуска Photoshop для обеда, создания геометрических наложений на фотографии для социальных сетей и для продажи.Я с нетерпением жду встречи с вами в нашем предстоящем выпуске Photoshop на обед в ближайшее время.

Как в Photoshop создать частично прозрачный перекрывающийся эффект «Витража» с фигурами?

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

В Photoshop вы можете сделать то же самое с помощью команды Edit> Free Transform .

• Создайте слой начальной формы

• Удерживая нажатой Alt / Option, выберите Правка> Свободное преобразование

• Переместите фигуру. Обратите внимание, что, поскольку вы использовали ключ Al / Opt, вы фактически создали копию на собственном слое.

• Нажмите Enter / Return, чтобы принять

• Нажмите Clt-Alt-Shift-T (Cmd-Opt-Shift-T) — сочетание клавиш для Transform Again плюс Alt / Opt — чтобы создать другую копию, которая смещена на такое же расстояние от первой, что и предыдущая. первый из оригинала.

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

В CS6 и более поздних версиях вы можете использовать векторные фигуры (растягивать шестиугольный многоугольник, созданный с помощью инструмента «Фигура»), каждая на своем собственном слое Photoshop. Залейте градиент от цвета к прозрачному и измените режим наложения на Overlay. Это усиливает эффект перекрытия, создаваемый частичной прозрачностью каждого слоя, добавляя к следующему.Каждый режим наложения даст вам различный эффект, поэтому у вас есть множество эффектов на выбор.

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

Это даст вам отправную точку для экспериментов.

(БЕСПЛАТНО) Обрезка изображений по фигурам

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

Как заполнить фигуру изображением?

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

Обрезка изображений в формы с помощью Photoshop

Используйте обтравочную маску От до кадрируйте изображения в формы с помощью Photoshop . Создайте новый слой и используйте инструмент Custom Shape Tool , чтобы добавить форму.

Затем добавьте фотографию поверх формы. Щелкните правой кнопкой мыши на слое Photo и выберите Create Clipping Mask . Используя обтравочную маску , вы можете вставить изображение в желаемую форму в Photoshop .

Теперь вы знаете, как разместить изображение внутри фигуры.Сохраните изображение внутри формы как PNG с прозрачным фоном. Но перед сохранением изображения перейдите в меню Image> Trim , чтобы обрезать прозрачные пиксели.

Обрезка изображений в формы онлайн с помощью MockoFun

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

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

Как использовать БЕСПЛАТНО 💎 PS Action

Чтобы обрезать изображения в форме, используйте наш бесплатный экшен Photoshop :

1. Установите экшен. Итак, сначала вам нужно установить действие .
2. Откройте вашу фотографию. Во-вторых, откройте фотографию в Photoshop .
3. Воспроизвести действие. Наконец, воспроизведите действие, чтобы обрезать изображения в форме.

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

Скачайте бесплатно наш новый экшен PS, если вы хотите обрезать круг в Photoshop одним щелчком мыши!

Подробная информация об элементе

Этот бесплатный пакет содержит 1 файл ATN

Другие ресурсы, которые могут вам понравиться:

Как создать текстурированную маску геометрического изображения с помощью Photoshop и Illustrator — Medialoot

Узнайте, как использовать маски изображений в Photoshop с этим модным / хипстерским фотоэффектом.

В этом уроке вы научитесь рисовать геометрическую векторную фигуру в Illustrator, а затем использовать маски слоев в Photoshop для создания модной / геометрической геометрической фото-маски.

Шаг 1

Шаг 2

Шаг 3

Шаг 4

Шаг 5

Шаг 6

Шаг 7

Шаг 8

Шаг 9

Шаг 10

Шаг 11

Шаг 12

Шаг 13

Шаг 14

Шаг 15

Шаг 16

Шаг 17

Шаг 18

Результат и заключение

Создание повторяющихся узоров из пользовательских фигур в Photoshop

Шаг 1. Создание нового документа

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

Перейдите в Файл> Создать.

Откроется диалоговое окно «Новый документ» Photoshop. Размер документа, который мы здесь создаем, станет размером плитки, которая будет повторяться как узор. Поскольку меньшие плитки должны повторяться больше, чем большие, чтобы заполнить то же пространство, размер плитки имеет большое влияние на общий вид рисунка.Позже вы захотите поэкспериментировать с разными размерами плиток для своих собственных дизайнов, но для этого урока введите 100 пикселей для Ширина и Высота документа и убедитесь, что Содержимое фона установлено на Прозрачный . Вы можете оставить значение Разрешение по умолчанию 72 пикселя / дюйм :

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

Нажмите ОК, когда закончите, чтобы закрыть диалоговое окно.Новый пустой документ появится на вашем экране. Документ размером всего 100 x 100 пикселей может быть немного мал для работы, поэтому я увеличу его, удерживая нажатой клавишу Ctrl (Win) / Command (Mac) и пробел . , который временно переключает нас на Photoshop Zoom Tool (вы увидите, как курсор мыши изменится на увеличительное стекло) и щелкнув несколько раз внутри окна документа. Здесь я увеличил масштаб до 500%:

Шаблон шахматной доски — это способ Photoshop сказать нам, что фон документа прозрачный.

Шаг 2. Добавьте направляющие в центре документа

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

Перейдите в меню «Просмотр»> «Линейки».

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

Щелкните внутри левой линейки и перетащите направляющую в центр документа по вертикали.

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

Щелкните внутри верхней линейки и перетащите направляющую в центр документа по горизонтали.

После добавления обеих направляющих вы можете выключить линейки, вернувшись в меню View и снова выбрав Rulers . Или вы можете использовать удобное сочетание клавиш Ctrl + R (Win) / Command + R (Mac), чтобы быстро включать и выключать линейки при необходимости.Место пересечения обеих направляющих является точным центром документа. На моем скриншоте здесь направляющие отображаются красным цветом. Если вы следовали первому руководству в этой серии, вы знаете, что это потому, что я изменил цвет своих руководств в настройках Photoshop, чтобы их было легче увидеть на снимках экрана. Цвет направляющих по умолчанию — голубой, это цвет, в котором будут отображаться ваши направляющие, если вы не изменили его в настройках:

Не беспокойтесь, если ваши направляющие будут другого цвета, например голубого.Цвет не важен.

Шаг 3. Выберите инструмент Custom Shape Tool

Выберите инструмент Custom Shape Tool на панели инструментов. По умолчанию он скрывается за инструментом Rectangle Tool , поэтому щелкните инструмент Rectangle Tool и удерживайте кнопку мыши в течение секунды или двух, пока не появится всплывающее меню, затем выберите инструмент Custom Shape Tool из нижней части списка:

Нажмите и удерживайте инструмент «Прямоугольник», затем выберите в меню инструмент «Пользовательская форма».

Шаг 4. Выберите параметр «Заливка пикселей»

Photoshop дает нам три различных способа использования инструментов формы. Мы не будем вдаваться в подробности о них здесь, но в целом мы можем использовать их для рисования векторных фигур , контуров или пиксельных фигур . Photoshop позволит нам сохранить наш дизайн как узор, только если он был сделан с пикселями, поэтому нам сначала нужно сообщить Photoshop, что мы хотим, чтобы фигуры, которые мы собираемся нарисовать, были заполнены пикселями, и мы делаем это в параметрах. Полоса в верхней части экрана.В крайнем левом углу панели параметров находится серия из трех значков. Каждый значок выбирает один из трех типов фигур, которые мы можем рисовать. Щелкните третий значок (тот, что справа), чтобы выбрать параметр Заливка пикселей :

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

Шаг 5. Выберите произвольную форму

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

Щелкните миниатюру предварительного просмотра формы.

Откроется окно выбора формы , в котором отображаются маленькие эскизы всех фигур, из которых мы в настоящее время должны выбирать. Чтобы выбрать фигуру, просто щелкните ее миниатюру. Я выберу форму Сердце , щелкнув по ней. После того, как вы выбрали форму, нажмите Enter (Win) / Return (Mac), чтобы закрыть окно выбора формы:

Щелкните миниатюру формы сердца, чтобы выбрать ее.

Шаг 6: Нарисуйте форму в центре документа

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

Образцы цвета переднего плана (вверху слева) и фона (внизу справа) на панели инструментов.

Установите черный цвет переднего плана и поместите курсор мыши прямо над центром документа, чтобы целевой символ курсора совпал с вертикальными и горизонтальными направляющими, затем щелкните и, удерживая кнопку мыши, начните перетаскивать фигуру. .После того, как вы начали перетаскивание, удерживайте нажатыми Shift + Alt (Win) / Shift + Option (Mac) и удерживайте их, продолжая перетаскивать фигуру. Удерживая нажатой клавишу Shift, вы сохраните исходное соотношение сторон формы, поэтому вы не сделаете ее выше и тоньше, короче и шире, чем она должна быть, в то время как клавиша Alt (Win) / Option (Mac) сообщает Photoshop: вытяните фигуру из ее центра. Когда вы закончите, ваш документ должен выглядеть примерно так (мой документ увеличен до 500%, поэтому края фигуры выглядят блочными):

Вытяните фигуру в центре документа.

Шаг 7. Отключите направляющие

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

Выберите «Просмотр»> «Показать»> «Направляющие», чтобы отключить направляющие.

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

Давайте сделаем наш дизайн немного интереснее, прежде чем сохранять его как узор. Сделайте копию слоя, перейдя в меню Layer вверху экрана, выбрав New , затем выбрав Layer через Copy :

Перейдите в меню «Слой»> «Создать»> «Слой через копирование».

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

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

Плагин шорткодов, действий и фильтров: ошибка в шорткоде [ ads-basics-middle ]

Шаг 9: Применение фильтра смещения

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

Выберите «Фильтр»> «Другое»> «Смещение».

Откроется диалоговое окно «Фильтр смещения». Мы хотим ввести половину ширины нашего документа в поле значений по горизонтали и половину высоты документа в поле значений по вертикали . Поскольку размер нашего документа составляет 100 x 100 пикселей, установите для параметров Horizontal и Vertical значение 50 пикселей. Затем убедитесь, что в нижней части диалогового окна выбран параметр Wrap Around :

Диалоговое окно «Фильтр смещения».

Нажмите ОК, когда закончите, чтобы закрыть диалоговое окно.Фильтр «Смещение» по существу разделил копию формы сердца на четыре равные части и поместил их в каждый угол документа. Сейчас это может показаться странным, но не будет, когда мы увидим, как шаблон повторяется чуть позже. Форма сердца в центре документа — это исходная форма, которую мы добавили на шаге 6:

Документ после применения фильтра «Смещение» к копии формы сердца.

Шаг 10: Сохраните дизайн как узор

Когда дизайн нашей плитки завершен, мы готовы сохранить его как узор.Поднимитесь в меню Edit вверху экрана и выберите Define Pattern :

Перейдите в Edit> Define Pattern.

Photoshop откроет диалоговое окно Pattern Name , чтобы мы могли дать нашему новому узору имя. Рекомендуется указывать размер вашей плитки в названии, если вы в конечном итоге создадите несколько похожих плиток, все разных размеров. Я назову свой узор «Сердечки 100×100», так как размеры плитки составляют 100 пикселей на 100 пикселей.Когда вы закончите, нажмите OK, чтобы закрыть диалоговое окно. Выкройка сохранена и готова к использованию:

Может оказаться полезным включение размеров плитки в название.

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

Давайте создадим новый документ, чтобы заполнить его только что созданным узором. Как мы делали на шаге 1, перейдите в меню File и выберите New . На этот раз, когда появится диалоговое окно «Новый документ», введите 1000 пикселей для обеих ширины и Высота документа и измените Содержимое фона на Белый .Оставьте значение Разрешение равным 72 пикселя / дюйм . Щелкните OK, чтобы закрыть диалоговое окно. Новый документ, залитый белым, появится на вашем экране:

Создание нового документа.

Шаг 12. Добавьте новый пустой слой

Вместо того, чтобы заполнять фоновый слой нашим узором, что ограничит то, что мы можем с ним делать позже, мы добавим узор на отдельный слой. Щелкните значок New Layer в нижней части панели Layers:

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

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

Photoshop помещает новый слой над фоновым слоем.

Шаг 13: Выберите инструмент Paint Bucket Tool

В предыдущих уроках этой серии мы узнали, как можно заполнить слой узором с помощью команды Photoshop «Заливка». На этот раз давайте посмотрим, как мы можем сделать то же самое, используя инструмент Paint Bucket Tool , который также позволяет нам заливать слой или выделение цветом или узором.Вы найдете инструмент «Заливка» на панели «Инструменты». По умолчанию он скрывается за инструментом Gradient Tool , поэтому щелкните инструмент Gradient Tool и удерживайте кнопку мыши, пока не появится всплывающее меню, затем выберите инструмент Paint Bucket Tool из списка:

Щелкните и удерживайте инструмент «Градиент», затем выберите инструмент «Заливка» из списка.

Шаг 14: Измените источник на образец

Выбрав инструмент Paint Bucket Tool, перейдите на панель параметров и установите Source для Paint Bucket на Pattern (по умолчанию он установлен на Foreground):

Измените источник с переднего плана на узор.

Шаг 15: Выберите узор

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

Щелкните эскиз предварительного просмотра справа от параметра «Источник» на панели параметров.

Это открывает окно выбора узоров в Photoshop , где мы можем выбрать узор, который хотим использовать. Только что созданный паттерн будет последним в списке. Щелкните по его миниатюре , чтобы выбрать его. После того, как вы выбрали шаблон, нажмите Enter (Win) / Return (Mac), чтобы закрыть окно выбора шаблона:

Выберите узор «Сердечки», щелкнув его миниатюру.

Шаг 16. Щелкните внутри документа, чтобы добавить узор

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

Щелчок в любом месте документа заполняет слой 1 узором.

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

Тот же узор после добавления цвета.

На панели «Слои» мы видим, что я добавил цвета, используя не более двух слоев заливки Solid Color , один для фона и один для узора.Опять же, вы найдете все шаги, необходимые в предыдущем уроке :

Цвета были добавлены с помощью слоев заливки Solid Color.

Загрузка дополнительных пользовательских форм

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

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

Щелкните значок стрелки.

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

Выберите любой из дополнительных наборов пользовательских фигур из списка.

Photoshop спросит, хотите ли вы заменить текущие формы новыми или хотите сохранить текущие формы и добавить новые в конец списка. Выберите Приложение :

Нажмите кнопку «Добавить».

Вернувшись в средство выбора форм, прокрутите миниатюры, чтобы найти новые формы, добавленные после исходных. Выберите любую из вновь добавленных фигур, щелкнув по ее миниатюре. Я выберу Dog Print shape:

Выбор формы отпечатка собаки.

А вот пример того, как повторяющийся узор будет выглядеть с формой отпечатка собаки, используя шаги, которые мы рассмотрели в этом уроке. В этом случае я создал для своей плитки документ размером 150 x 150 пикселей (см. Шаг 1), а в диалоговом окне Фильтр смещения (Шаг 8) я установил для каждого параметра Horizontal и Vertical значение 75 пикселей (половина ширины и высота документа).