Квадрат для фотошопа без фона: Как нарисовать прямоугольник в фотошопе без заливки

{{l10n_strings.DRAG_TEXT_HELP}}

{{article. content_lang.display}}

{{l10n_strings.AUTHOR_TOOLTIP_TEXT}}

Фотошоп как сделать прозрачным. Как можно легко сделать прозрачный фон картинки в фотошопе разными методами

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

Зачем это нужно?

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

Наложить прозрачность в «Фотошопе» можно несколькими способами. Некоторые из них до неприличия просты, а над некоторыми придется потрудиться. Но результат превзойдет все ожидания. Каждому ведь хочется почувствовать себя богом «Фотошопа». А без изучения «матчасти» это невозможно. Так что изучайте основы, господа. И в качестве первого урока научимся работать с прозрачностью.

Делаем прозрачным все изображение

Здесь все очень просто. Применить прозрачность ко всему изображению гораздо проще, чем к отдельному его участку. Итак, идем в «Файл», «Открыть» и открываем нужную нам картинку. Теперь в списке слоев смотрим на слой под названием «Фон». Напротив него будет значок замка. Это значит, что слой заблокирован. Для изменения каких-либо параметров слоя требуется его разблокировать, щелкнув по иконке замка. После этого можно производить со слоем различные манипуляции.

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

Сохранение отредактированного изображения

Дело в том, что использующийся по умолчанию для картинок, не умеет работать с прозрачными изображениями. Поэтому нужно сохранять получившуюся картинку в Без этого никак. Идем в «Файл», «Сохранить как…» и в строке выбора формата выходного файла выбираем PNG. Жмем «Сохранить». На этом все. Но это только верхушка айсберга, поскольку мы рассмотрели самый простой способ, как сделать прозрачность в «Фотошопе». На примере целого изображения. Но что делать, если нам нужно сделать водяной знак с какой-нибудь надписью? Об этом чуть ниже.

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

Создание на изображении

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

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

Делаем прозрачным фон изображения

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

После того как вышеописанные манипуляции были произведены, выполняем сведение слоев и смотрим на результат. Если он нас устраивает, то сохраняем изображение в формате PNG. Если нет, то отменяем последнее действие и продолжаем работу со слоями до тех пор, пока результат нас не устроит. Эта работа очень кропотлива и требует концентрации внимания. Ибо одно неверное движение ластиком — и придется все переделывать. Оно вам надо? Не думаем.

Заключение

Благодаря этому небольшому уроку вы узнали, как использовать прозрачность в «Фотошопе». Теперь ваша работа с этой программой будет более продуктивной. Да и прозрачность всегда нужна. Вне зависимости от того, какой процесс редактирования вы выполняете. Главное — не перестараться, ибо чрезмерная прозрачность не нужно. Нужно, чтобы изображение было хоть немного видно. Таким же способом можно сохранять объекты с прозрачным фоном в формате PSD для последующего использования их в других проектах. С помощью прозрачности фона или изображения можно неплохо расширить свои творческие горизонты. Так что дерзайте, будущие боги «Фотошопа». Тренируйтесь, и будет вам счастье.

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

Сегодня поговорим о том, как сделать картинку без фона в Фотошопе.

Сделать это можно несколькими способами.

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

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

Дважды кликаем по слою и в диалоговом окне нажиаем «ОК» .

Затем выбираем инструмент «Волшебная палочка» и нажимаем на белый фон. Появляется выделение (марширующие муравьи).

Теперь нажимаем клавишу DEL . Готово, белый фон удален.

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

Выбираем «Быстрое выделение» и «закрашиваем» наше изображение.

Затем инвертируем выделение сочетанием клавиш CTRL+SHIFT+I и нажимаем DEL . Результат такой же.

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

Для ручного выделения в Фотошопе есть несколько инструментов.

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

2. Прямолинейное лассо. Данный инструмент целесообразно применять на объектах, имеющих в своем составе только прямые линии.

3. Магнитное лассо. Применяется на однотонных изображениях. Выделение «примагничивается» к границе объекта. Если оттенки изображения и фона идентичны, то края выделения получаются рваными.

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

Итак, выбираем инструмент «Перо» и обводим наше изображение.

Ставим первую опорную точку как можно точнее на границу объекта. Затем ставим вторую точку и, не отпуская кнопку мыши, тянем вверх и вправо, добиваясь нужного радиуса.

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

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

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

Теперь нужно удалить фон в Фотошопе, нажав клавишу DEL . Если вдруг удалился выделяемый объект вместо фона, то нажимаем CTRL+Z , инвертируем выделение комбинацией CTRL+SHIFT+I и снова удаляем.

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

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

Вам понадобятся:

Подготовка к обработке

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

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

Работаем с «волшебной палочкой»

Находится он, как вы уже догадались, на боковой панели инструментов (если вы не изменяли назначение горячих клавиш в Adobe Photoshop, то выбрать этот инструмент можно при помощи нажатия на кнопку “W”).

Выбрав “волшебную палочку”, в верхнем меню станет доступно меню его настроек. В графе «Допуск» рекомендуем установить значение «21». Пожалуй, это все подготовления, которые нужны для того, чтобы сделать фон размытым или прозрачным (как в нашем случае).

Удаляем фон

Итак, наводим “волшебную палочку” на область с фоном, который нужно удалить, и кликаем по нему левой кнопкой мыши. Область с фоном выделится штрих-пунктиром, и всё что нам остаётся – это нажать кнопку “Delete”. По очереди повторяем эту процедуру, пока не получим фон, который окрашен чем-то, похожим на шахматную клетку. Это значит, что такая область – прозрачна.

Сохранение изображения

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

Вам понадобится

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

Инструкция

Щелкните дважды по названию слоя с картинкой и в появившемся поле напишите любое новое название этого слоя. Это нужно для свободного перемещения этого слоя и получения прозрачного фона при удалении частей рисунка. Если у изображения уже есть непрозрачный однородный фон, то выделите его инструментом «Волшебная палочка». Для этого выберите этот инструмент на панели инструментов и щелкните мышкой по цвету фона, после чего выделятся все указанного вами цвета (по которому был произведен щелчок мыши) в пределах замкнутой области. Удалите выделенное, нажав клавишу Delete.

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

Источники:

• Просто о создании сайтов и баннеров

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

Вам понадобится

• Редактор html-кода

Инструкция

К изменению облика вашего ресурса можно пойти двумя путями. Первый — обратиться к специалисту (web-мастеру) и он за определенную плату внесет все необходимые изменения. Другой путь – это . Для того, чтобы изменить внешний вид вашего сайта , вы должны изучить основы html–кода и воспользоваться одним из его редакторов.

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

Итак, вы знаете ширину макета сайта . Подготовьте изображение для размещения. Загрузите его на сервер, где расположен ваш сайт. Картинка должна быть сохранена в одном из трёх форматов: jpeg, gif или png. Для корректного отображения фон должен быть по ширине таким же, как и ширина страницы.

Откройте в редакторе html-кода , на которой вы хотите изменить фон. Найдите строку «background-image». Если такой строки нет, напишите её в поле тэга «body». Как на картинке.
В данном коде «url(«images/bg.jpg»)» — это путь к вашему фоновому . Пропишите его. Сохраните изменения.

Обратите внимание

Для корректного отображения фон должен быть по ширине таким же, как и ширина страницы.

Полезный совет

Для редактирования сайта пользуйтесь программой Dreamweaver.

Источники:

• как сделать сайт картинки в 2019

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

Инструкция

Создайте новый файл – откройте в меню File опцию New, и в окошке настроек выберите опцию Transparent. Созданный файл будет полностью состоять из прозрачного фона. Находясь на данном файле, нажмите Ctrl+V, чтобы вставить скопированную на предыдущем файле выделенную область. Ваше изображение в качестве второго слоя файла закроет прозрачный фон.

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

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

В некоторых случаях вам может потребоваться полупрозрачный рисунок – например, полупрозрачный может стать необычным украшением коллажа или веб-сайта, а также полупрозрачный текст можно использовать в качестве . Для того чтобы нанести на фото полупрозрачный текст, откройте нужное изображение, а затем выберите в меню текстовый инструмент (Т).

Выберите нужный размер, и цвет, а затем поверх фотографии напишите нужный текст. В палитре слоев появится отдельный текстовый слой. Регулятор в строке Opacity в панели слоев сдвиньте до 30-40%. Вы увидите, как надпись становится полупрозрачной.

Видео по теме

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

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

Необходимо:

— Adobe Photoshop.

Инструкция:

• У программы «Photoshop» есть одна выгодная отличительная особенность , которая выделяет приложение среди других графических редакторов – это работа со слоями. И прозрачность там необходима для того, чтобы можно было делать оперативную замену фонового рисунка за объектом. Также это полезно в случае, когда вам необходимо обработать фотографию и продолжить работу с ней в другом редакторе, но уже без фона.
• Перед тем, как сделать прозрачный фон в Фотошопе, откройте свое изображение в программе. Далее скопируйте его на новый слой, нажав Ctrl+J или воспользовавшись правой кнопкой мыши, клацнуть по изображению и выбрать из появившегося меню «создать дубликат слоя «, а после этого нажать на «Ок ». У вас должно получиться два идентичных слоя: «Фон » и «Слой1 ».
• Далее слой «Фон » нужно скрыть . Для этого нужно просто кликнуть на «глазок » обозначенный стрелкой. После этого нужно приступить к отделению подложки от основного объекта. Лучше всего с этим можно разобраться, воспользовавшись резинкой (ее можно выбрать из меню, а можно просто нажать на клавиатуре «Е »). Когда выберите этот инструмент, аккуратно вытрите ненужный фон. Шахматное поле, которое будет образовываться по мере того, как вы стираете ненужную часть фотографии – это и есть то, что нам нужно.
• После того, как вам удалось в Фотошопе сделать фон прозрачным, необходимо еще правильно сохранить изображение , чтобы результат не потерялся. Поскольку не все форматы изображения могут сохранить прозрачность. Так во время сохранения картинки или фотографии, используйте формат .psd (который является форматом Фотошопа) или формат .png . В общем-то, нет разницы, каким из этих двух вариантов вы решите воспользоваться, но формат . png более практичен, поскольку его распознает большее количество программ.
• Есть и другие способы, воспользовавшись которыми можно делать фон прозрачным. Однако представленный здесь является наиболее простым , но иногда может возникнуть необходимость использовать и другие. Для того чтобы хорошо разбираться в Фотошопе и чувствовать какой из методов когда лучше использовать, нужно много практиковаться, или пойти на курсы по графической обработке фотографий.

сохранение неквадратного изображения — ClearPS

«Дэвид Эмерлинг» написал в сообщении

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

Мне нужно, чтобы части сохраненного изображения, не содержащие изображения, были прозрачными.

Это особенно важно для веб-сайтов с определенным цветом фона.

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

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

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

Как сделать эти края прозрачными для соответствия требованиям веб-сайта?
Спасибо!

—
Дэвид Эмерлинг — Мемфис, TN

Если вы хотите написать мне по электронной почте — удалите HATESPAM с указанного выше адреса.

Как обрезать слой в Photoshop с помощью этих 3 простых методов

Если вы не знаете, как кадрировать слой в Photoshop, вы не одиноки. Хотя в Photoshop есть инструмент кадрирования, он обрезает весь холст, а не только один слой. Многих это может сильно расстроить, если вы хотите уточнить и обрезать края только одного слоя. К счастью, есть несколько простых (не столь очевидных) методов, которые помогут вам обрезать один слой в Photoshop.

Почему инструмент «Обрезка» не обрезает отдельные слои?

Проблема с инструментом «Обрезка» в том, что он может обрезать только весь холст. Это означает, что все ваши слои и корректировки будут обрезаны вместе с ним.

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

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

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

Так как все это связано с кадрированием фотографии в Photoshop?

Что ж, как только вы поймете, как работают слои, станет понятно, почему инструмент кадрирования не работает для отдельных слоев.Поскольку инструмент кадрирования влияет только на «конечный продукт» (он же ваш холст), он не может влиять на слои по отдельности.

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

Как обрезать слой в Photoshop — 3 простых метода

Теперь, когда у вас есть инструмент кадрирования в вашей далекой памяти, давайте сосредоточимся на самом важном. Инструменты, которые действительно помогут вам обрезать слой в Photoshop!

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

№1. Инструмент «Область» — основной метод кадрирования

Инструмент «Область» — это базовый инструмент выделения в Photoshop, который позволяет выделить выделение. С помощью инструмента Marquee Tool у вас есть два варианта: прямоугольная область , и эллиптическая область, .

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

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

( Pro Tip: , удерживая кнопку мыши, удерживайте клавишу пробела, чтобы перемещаться по всему выделенному фрагменту. Это значительно облегчает жизнь для уточнения окончательного кадрирования.)

Теперь вы заметите черно-белую линию на своем изображении.Их называют марширующими муравьями, и они представляют ваш выбор.

Если вас не устраивает выбор и вы хотите начать заново, нажмите Command + D (Mac) или Control + D (ПК), чтобы отменить выбор. Когда вы будете довольны своим выбором, продолжайте!

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

Теперь перед вами два варианта.

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

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

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

— Обрезка слоя методом удаления

Выберите слой, который вы хотите обрезать, и убедитесь, что ваш Marquee Selection соответствует вашему желанию.

Используйте сочетание клавиш Command + Shift + I (Mac) или Control + Shift + I (ПК), чтобы инвертировать ваш выбор. Теперь это выделит все за пределами вашего первоначального выделения Marquee.

Затем нажмите клавишу удаления .

Все, что не выбрано Marquee, будет удалено. Нажмите Command + D (Mac) или Control + D (ПК), чтобы отменить выбор.

Теперь вы успешно обрезали слой в Photoshop всего за несколько кликов! Имейте в виду, что этот метод является постоянным, и вы не можете изменить урожай позже.

Для менее стойкого кадрирования попробуйте следующий метод!

— Обрезка слоя методом маски слоя

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

При активном выделении щелкните значок маски слоя в нижней части панели слоев. Это автоматически применит ваш выбор к маске слоя.

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

Если вы еще не знакомы, вот как работают маски слоев:

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

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

Я сделал видео, объясняющее, как работают маски слоев, которое вы можете найти здесь .

— Результат

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

К счастью, следующие два метода расскажут, как решить эту проблему!

№ 2. Инструмент «Перо» — настраиваемая обрезка слоя

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

Чтобы получить доступ к инструменту «Перо», нажмите P или откройте его на панели инструментов.

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

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

Если вам нужно изогнуть контур пера вокруг края, щелкните и перетащите при создании новой точки привязки. Вы можете изменить положение любой точки привязки, удерживая Command (Mac) или Control (ПК) и щелкнув нужную точку привязки.

Чтобы развить свои навыки, обязательно прочтите мое руководство по инструменту «Перо», чтобы почувствовать себя увереннее!

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

Щелкните правой кнопкой мыши на пути и выберите « Make Selection» .Установите радиус пера на 0.

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

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

Для метода удаления нажмите Command + Shift + I (Mac) или Control + Shift + I (ПК), чтобы инвертировать ваш выбор. Нажмите клавишу удаления, чтобы обрезать слой.

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

— Результат

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

№ 3. Инструмент «Форма» — обрезка слоя до определенной формы

В последних двух методах вы узнали основной способ обрезки слоя и более индивидуальный способ обрезки с помощью инструмента «Перо».Так что, если вы хотите обрезать изображение до очень определенной формы? Если вы похожи на меня, то от природы у вас нет дара рисования фигур. К счастью, вы можете обрезать слой до формы с помощью инструмента Фигура!

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

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

Щелкните и перетащите фигуру на холст. Будет создан новый слой-фигура.

Удерживайте Command (Mac) или Control (ПК) и щелкните по миниатюре слоя формы . Это превратит вашу фигуру в выделение.

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

Для метода удаления нажмите Command + Shift + I (Mac) или Control + Shift + I (ПК), чтобы инвертировать ваш выбор.Нажмите Delete Key , чтобы обрезать слой по форме.

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

После того, как вы применили любой из этих методов, щелкните слой-фигуру и нажмите «Удалить», чтобы удалить слой. Теперь у вас будет идеальный слой обрезки, соответствующий форме!

— Результат

Использование инструмента «Форма» для обрезки слоя в Photoshop — один из наиболее недооцененных методов.Большинство людей не думают об использовании инструмента Фигура для выделения фрагментов, но, тем не менее, это удобный инструмент. С помощью этой техники вы можете легко обрезать слой до любой формы!

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

Заключение

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

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

— Брендан

12.Уроки Photoshop Elements: прозрачный фон

Люди часто спрашивают о создании изображений с прозрачным фоном в Photoshop Elements. Итак, я собираюсь подробнее остановиться на JPEG, GIF, PNG, PSD, TIFF. KWIM?

Зачем кому-то это нужно?

Логотипы на веб-сайтах и ​​альбомы для вырезок — две важные причины.

Другой пример — изображения с неидеальными квадратными углами. Возможно, вам понадобятся закругленные углы, круг или овал, возможно, вам даже понадобится восьмиугольник.Хотя я был бы удивлен последним.

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

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

Вот мой водяной знак, сохраненный в формате PNG на воображаемом сером фоне блога.

А вот и сохраняется в формате JPEG.

Это тот же самый файл, за исключением расширения PNG / JPG в конце. Тот, у которого белый фон, будет выглядеть как квадрат, если только ваш блог или веб-сайт не белого цвета. Однако изображение в формате PNG будет выглядеть как круг, куда бы вы его ни поместили.

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

(Вы можете настроить внешний вид этой шахматной доски в PSE, если вам это не нравится. Откройте меню «Правка», выберите «Настройки», а затем «Прозрачность». Вы можете изменить цвет и размер сетки.)

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