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

поддержка

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

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

Сначала запустите новый проект в программе Photoshop и загрузите основное изображение. Оно будет отображено на панели «Layers» в виде слоя «Background». Затем выберите инструмент «Rectangle» на главной панели инструментов и выберите в качестве цвета «переднего плана» контрастный оттенок, который отличается от фотографии улицы.
Теперь нарисуйте прямоугольник над той областью фотографии, где нужно создать прозрачный градиент. Для достижения наилучшего результата прямоугольник должен покрыть около 50% фотографии. Чтобы точно отрегулировать размер прямоугольника, можно использовать инструмент «Direct Selection» и расширить углы после его рисования. Значок инструмента «Direct Selection» имеет вид указателя мыши.
Нарисовав и разместив прямоугольник, щелкните значок «fx» в нижней части палитры «Layers». Будет отображено диалоговое окно «Layer Style» с различными настройками. Выберите вкладку «Gradient Overlay» слева, будут отображены настройки применения градиента к прямоугольнику.
На вкладке «Gradient Overlay» выберите градиент, который изменяется с черного на белый. Для нашего фото вечерней улицы мы хотим, чтобы городские здания постепенно выцветали в черный цвет, поэтому в этом конкретном примере мы выбрали бы угол «90». С таким градиентом изображение будет исчезать снизу вверх. Однако, если вы хотите, чтобы градиент смещался слева направо, выберите угол «0», а если справа налево — выберите «-180».
Чтобы открыть редактор градиента, нажмите кнопку цвета градиента на той же вкладке. Здесь вы можете заменить черно-белый градиент на прозрачный. Выберите параметр «Opacity» в нижней части редактора, измените его на «0» и нажмите «ОК». Так градиент будет сочетаться с исходным цветом фигуры.
Теперь вернитесь к редактору градиента («fx»> «Gradient Overlay»> «Gradient»), нажмите на параметр «Color» и измените его на черный. Затем нажмите «ОК». Когда вы первоначально создали прямоугольную форму, то заполнили ее контрастным цветом, но теперь, когда вы применили прозрачный градиент, цвет можно удалить. Для этого выберите прямоугольник из палитры «Layers», а затем введите «0%» в поле «Fill», которое находится в той же палитре.
Чтобы отрегулировать положение прямоугольника и накрыть больше площади изображения прозрачным градиентом, щелкните по верхним углам прямоугольника, а затем удерживайте Shift и перетаскивайте их до достижения нужного размера. Также можно использовать инструмент «Direct Selection» и перемещать сразу всю фигуру, не увеличивая ее — просто нажмите на прямоугольник и перетащите его, не удерживая клавишу Shift.

Читать еще: Как сделать ярлык на ссылку в интернете

Градиентная прозрачность в фотошопе

Результат, которого мы хотим:

Инструкция: как сделать градиентную прозрачность в фотошопе

Открываем фотошоп
Открываем необходимую картинку
- 2.1 первый способ убоден когда вы знаете где лежит изображение, но пр и этом сама папка не открыта: при активном фотошопе нажимаем Ctrl + O. В появившемся окне выбираем путь, где лежит наше изображение;
- 2.2 второй способ убоден в том случае, если открыта папка, в которой размещено необходимое изображение: переходим в папку, зажимаем левой кнопкой мыши изображение, перетаскиваем на иконку photoshopa (надеюсь вы выполнили пункт 1 этой инструкции?) в панели задач внизу, с задержкой около 1 секунды фотошоп всплывет и станет активным. Далее вы просто отпускаете изображение на окно фотошопа.
Делаем копию слоя (всегда перед началом работы делайте копию чистового слоя, чтобы потом не пришлось заново открывать):
- 3.1 первый вариант: наводим курсор мыши на слой, зажимаем левую кнопку мыши и тянет вниз на вот этот знак —, он второй справа
- 3.2 второй вариант: в командной строке выбираем «Слои» — «Создать дубликат слоя…»После этого скрываем оригинал, нажимая на глазик рядом со слоем:
Создаем слой маску на копии слоя, предварительно кликнув на него, чтобы он стал активным (видно на картинке выше, что верхний слой выделен синим):
- 4.1 Первый вариант: в нижнем ряду среди инструментов нажимаем на , он третий слева. После чего появиться справа от иконки слоя новый слой-маска.
- 4.2 Второй вариант: в командной строке выбираем «Слои» — «Слой-маска» — «Показать все»
Делаем прозрачный градиент:
- 5.1 сначала делаем активным созданный слой-маску — нажимаем на него левой кнопкой мыши (вокруг него появиться рамка)
- 5.2 далее нажимаем на левой панели инструментов на , он находится посередине панели. Может быть, что вы не увидите такого инструмента, так как на его месте будет вот этот (заливка): . Нажмите правой кнопкой мыши на значке заливки, в выскачевшем меню выберите градиент.
- 5.3 подведите курсор мыши к тому краю изображения или месту, который будет сохранять непрозрачность, зажмите левую кнопку мыши и тяните к тому краю или месту изображения, где будет максимальная прозрачность
- 5.4 отпускаем кнопку мышиВот такой будет результат:Готово, у вас получилось, поздравляю!
Сохраняем изображение.
С чувством полного достоинства идем далее свершать великие дела, ведь теперь ты знаешь как в фотошопе сделать плавный переход в прозрачность.

Читать еще: Как сделать самолет из бумаги видео

Надеюсь статья была вам полезна.

Если есть вопросы — задавайте в комментариях.

Как сделать прозрачность в фотошопе?

Одна из важных возможностей фотошопа – это возможность регулировать прозрачность картинки. Прозрачность может быть выставлена в интервале от 0% до 100%, при этом её можно регулировать для целого снимка, так и для отдельных слоев. Также путем нехитрых манипуляций можно выполнить этот эффект в виде градиента – перехода в полную непрозрачность.

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

Так как же сделать прозрачность картинки в фотошопе?

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

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

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

Как в фотошопе сделать прозрачность наложенной картинки?

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

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

Читать еще: Как сделать картинку фоном в презентации

Как сделать градиентную прозрачность в фотошопе?

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

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

Теперь мышкой тянем в углу картинки и получаем солнце.

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

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

Создаем новый слой, тянем мышкой снизу вверх, затем инструментом Перемещение сдвигаем радугу к горизонту. И в данном случае добиться реалистичности нам тоже поможет непрозрачность, уменьшим ее примерно до 40%.