Как сделать прозрачную монтажную область

Обновлено: 03.07.2024

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

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

Мы постоянно добавляем новый функционал в основной интерфейс проекта. К сожалению, старые браузеры не в состоянии качественно работать с современными программными продуктами. Для корректной работы используйте последние версии браузеров Chrome, Mozilla Firefox, Opera, Microsoft Edge или установите браузер Atom.

Один из новых инструментов, появившихся в Фотошоп СС 2015, более или менее схож с аналогичным в Adobe Illustrator и называется монтажная область. Данный инструмент позволяет нам создавать несколько страниц в пределах одного документа. Но Монтажная область (artboard) программы Фотошоп является более гибким инструментом, поскольку у нас есть возможность свободно изменять ее размер и расположение.

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

Итак, что мы будем создавать:

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

Шаг 1

Запустите ваш Фотошоп CC 2015, нажмите комбинацию клавиш CTRL+N, чтобы создать новый документ. Выберите тип документа (Document Type): Монтажная область (Artboard). Ниже области выбора типа документа вы можете выбрать один из предустановленных размеров монтажной области или установить его вручную, введя цифры в соответствующие окошки Ширина (width) и Высота (height).

Для данного урока были выставлены следующие размеры: Ширина (width) 728 пикселей и Высота (height) 90 пикселей. Когда выставите все необходимые параметры, нажмите ОК.

Шаг 2

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

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

Шаг 3

Шаг 4

Когда вы закончите рисовать прямоугольник, автоматически появится палитра Свойства (Properties). Это так же является одним из нововведений версии Фотошоп СС 2015.

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

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

В уроке вы научитесь:

Использовать инструменты перо и кисть;
Пользоваться фильтрами;
Использовать непрозрачность слоя и режимы наложения слоя для достижения разных эффектов и многое другое.

Шаг 1

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

Инструментом Перо (Pen) создайте контуры на объекте, щелкните правой кнопкой мыши и выберите пункт Обвести контур, в качестве инструмента обводки выберите кисть.

Шаг 6

Для усиления эффекта используйте фильтр Выделение краев (Find Edges), Фильтр-Стилизация-Выделение краев.

Шаг 7

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

Шаг 8

Теперь нужно инвертировать этот слой (Изображение-Новый корректирующий слой-Инверсия).

Шаг 9

Измените режим наложения слоя на Экран (Screen), чтобы сделать видимыми только блики.

Шаг 10

Настройте непрозрачность слоя, чтобы получить хороший результат.

Шаг 11

Конечный результат. Вы можете настроить эффект на ваш вкус.

Автор перевода: Ольга Максимчук (Princypessa)

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

Мне нравится функция артборда в Photoshop, но я привык видеть прозрачную сетку фона. Есть ли способ показать это на моих артбордах в Photoshop?

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

Изображение для справки:

Начиная с Photoshop CC 2015.5 теперь у вас могут быть монтажные области с прозрачным фоном.

Либо создайте новую монтажную область и выберите Transparent под Background Contents или, если у вас есть существующая монтажная область, просто выберите ее на панели слоев, откройте окна свойств и измените фон с помощью Artboard background color падать. (Обратите внимание, что вы можете изменить фон каждой отдельной монтажной области отдельно или изменить их все сразу, выбрав монтажные области на панели слоев.)

Скриншот из 5 скрытых жемчужин в Photoshop CC

Это правильный ответ. Спасибо, @Johannes!
Эта функция отсутствует в CC 2015.1.1.
Правильно, @Green. Как я уже сказал в своем ответе, он доступен с 2015 г. 5.

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

1) Возьмите файл определенного размера (файл A)

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

3) И вставьте новый файл (файл B), оставьте только прозрачное изображение сетки и удалите окружающий материал и сохраните прозрачное изображение сетки как png или jpg.

4) Теперь вернитесь из файла: B в файл: A и задайте цвет фона.

5) Принесите прозрачное изображение сетки в файл A, установите изображение, которое вы хотите видеть (например: 300x300).

6) возьмите еще один слой на прозрачной сетке изображения и нарисуйте квадратную белую фигуру размером 300 x 300 . так, чтобы вы могли отличить белый объект от прозрачного.

7) Теперь у вас будет такой файл.

Вот и все . Удачи!

Кажется, это единственное решение. Хотя было бы неплохо иметь встроенный способ сделать это.
@JoshRiser есть способ сделать это с помощью встроенных параметров. См. Ответ Йоханнеса ниже
Проблема в том, что вы не добиваетесь реальной прозрачности.

Выберите фоновый слой. Дважды щелкните, чтобы он больше не был заблокирован, он будет переименован в слой 0. выберите все на своем холсте (cmd + a) и удалите.

Это не сработает на артбордах, вот о чем идет речь.

Пока создаешь новый файл (меню> НОВЫЙ). Выберите "Background Contents" drop to Transparent . Теперь вы получите прозрачный артборд.

Ваш ответ относится только к обычным файлам, однако в Photoshop CC теперь есть артборды. У них нет Background Contents вариант.
Начиная с Photoshop CC 2015.5 это будет работать.

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

. Или вы можете создать доску с самого начала:

Установить фон монтажной области

Окно -> Свойства. Убедитесь, что Artboard выбран. См. Панель свойств (которая теперь должна быть видна) -> В раскрывающемся списке цвета фона монтажной области выберите: Прозрачный (по умолчанию выбран белый цвет).

Читайте также: