Фон красный градиент: Изображения Красный градиент | Бесплатные векторы, стоковые фото и PSD

Передача смысла вспомогательным технологиям

Использование цвета для добавления смысла обеспечивает только визуальную индикацию, которая не будет передана пользователям вспомогательных технологий, таких как программы чтения с экрана. Убедитесь, что информация, обозначенная цветом, либо очевидна из самого содержимого (например, видимый текст), либо включена с помощью альтернативных средств, таких как дополнительный текст, скрытый с помощью класса .sr-only .

Как рисовать градиенты с помощью инструмента «Градиент» в Photoshop

Рисование градиентов в Photoshop

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

Начнем с создания нового документа Photoshop.Для этого я перейду к меню File в строке меню в верхней части экрана и выберу New :

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

Откроется диалоговое окно «Создать». Для этого урока я установлю Width моего документа на 1200 пикселей и Height на 800 пикселей. Нет особой причины, по которой я использую этот размер, поэтому, если вы работаете со мной и имеете в виду другой размер, не стесняйтесь его использовать.Я оставлю значение Разрешение по умолчанию 72 пикселя / дюйм , а для Background Contents установлено значение White . Я нажму ОК , когда закончу, чтобы закрыть диалоговое окно, после чего на экране появится новый документ с белой заливкой:

Диалоговое окно New.

Выбор инструмента градиента

Программа Photoshop Gradient Tool находится на панели инструментов в левой части экрана.Я выберу его, щелкнув по его значку. Вы также можете выбрать инструмент «Градиент», просто нажав на клавиатуре букву G :

Выбор инструмента «Градиент» на панели «Инструменты».

Средство выбора градиента

Выбрав Gradient Tool, следующее, что нам нужно сделать, это выбрать градиент, и есть несколько способов сделать это. Один из них — открыть Photoshop Gradient Picker ; другой — открыв более крупный редактор Gradient Editor .Разница между ними заключается в том, что Gradient Picker просто позволяет нам выбирать из готовых предустановленных градиентов, а Gradient Editor, как следует из его названия, — это то место, где мы можем редактировать и настраивать наши собственные градиенты. В этом уроке мы сосредоточимся на самом Gradient Picker. Мы узнаем все о редакторе градиентов в следующем уроке.

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

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

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

Сборщик градиентов.

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

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

Щелкните значок шестеренки в палитре градиентов.

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

Другие наборы градиентов, которые мы можем выбрать.

Чтобы загрузить любой из наборов, щелкните его название в списке. Я выбрал набор Photographic Toning. Photoshop спросит, хотите ли вы заменить текущие градиенты новыми.Если вы нажмете Добавить , вместо замены исходных градиентов он просто добавит новые под оригиналами. Как мы вскоре увидим, восстановить оригиналы легко, поэтому я нажму OK , чтобы заменить их набором Photographic Toning set:

Щелкните OK, чтобы заменить исходные градиенты новым набором.

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

Исходные градиенты заменены новым набором.

Восстановление градиентов по умолчанию

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

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

Затем выберите Reset Gradients из меню:

Выбор «Сбросить градиенты».

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

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

А теперь вернемся к оригиналам:

Восстановлены градиенты по умолчанию.

Градиент от переднего плана к фону

Прежде чем мы научимся рисовать градиенты, давайте быстро рассмотрим один градиент, в частности — градиент от переднего плана к фону . Это тот, который Photoshop выбирает для нас по умолчанию, но вы также можете выбрать его вручную, если вам нужно, щелкнув его миниатюру (первый слева, верхний ряд):

Выбор градиента от переднего плана к фону.

Как вы уже догадались, градиент от переднего плана к фону получает свои цвета из цветов переднего плана и фона. Вы можете увидеть свои текущие цвета переднего плана и фона в цветовых образцах в нижней части панели «Инструменты». Образец в верхнем левом углу показывает цвет Foreground , а образец в правом нижнем углу показывает цвет Background . По умолчанию цвет переднего плана установлен на черный , а цвет фона установлен на белый :

Текущие цвета переднего плана (вверху слева) и фона (внизу справа).

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

Загрузите это руководство в виде готового к печати PDF-файла!

Рисование градиента с помощью инструмента «Градиент»

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

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

Щелчок и перетаскивание (с зажатой кнопкой мыши) с одной стороны документа на другую.

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

Photoshop рисует градиент, когда вы отпускаете кнопку мыши.

Цвета вспять

Вы можете инвертировать цвета в градиенте, выбрав опцию Reverse на панели параметров:

Выбор «Реверс» на панели параметров.

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

Тот же градиент, что и раньше, но с перевернутыми цветами.

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

Щелчок и растягивание вертикального градиента сверху вниз.

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

Новый вертикальный градиент от черного к белому.

Изменение цветов градиента по умолчанию

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

Щелкните образец цвета переднего плана.

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

Выбор красного в качестве нового цвета переднего плана.

Затем я изменю цвет фона, щелкнув его образец цвета (тот, который в настоящее время залит белым):

Щелкните образец цвета фона.

Это снова открывает палитру цветов. Я изменю цвет фона с белого на ярко-желтый, затем ОК , чтобы закрыть палитру цветов:

Выбор желтого цвета для нового цвета фона.

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

Образцы обновлены новыми цветами.

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

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

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

Рисование нового градиента от нижнего левого угла к верхнему правому углу документа.

Когда я отпускаю кнопку мыши, Photoshop рисует градиент от красного к желтому по диагонали через документ:

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

Сброс цветов переднего плана и фона

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

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

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

Образцы переднего плана и фона были сброшены.

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

Теперь все вернулось на круги своя.

Рисование градиента на собственном слое

Если мы посмотрим на мою панель «Слои», то увидим, что до этого момента я рисовал свои градиенты прямо на фоновом слое:

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

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

Идем в меню «Правка»> «Заливка».

Когда откроется диалоговое окно «Заливка», я установлю для параметра Contents вверху значение White , затем нажму OK .Это заполняет фоновый слой белым цветом:

Диалоговое окно «Заливка».

Затем я добавлю новый слой для своего градиента, нажав и удерживая клавишу Alt (Win) / Option (Mac) на клавиатуре и щелкнув значок New Layer в нижней части панели слоев. :

Нажатие и удерживание Alt (Win) / Option (Mac) при щелчке значка «Новый слой».

Добавление клавиши Alt (Win) / Option (Mac) при щелчке значка «Новый слой» указывает Photoshop сначала открыть диалоговое окно « New Layer» , в котором мы можем назвать слой перед его добавлением. Я назову свой слой «Градиент», затем нажму ОК :

Диалоговое окно «Новый слой».

Photoshop добавляет новый пустой слой с именем «Градиент» над фоновым слоем. Теперь я могу нарисовать градиент на этом новом слое и держать его отдельно от всего остального (хотя «все остальное» в данном случае на самом деле является просто фоновым слоем, но это по-прежнему хорошая привычка рабочего процесса):

Теперь у меня есть отдельный слой для градиента.

Переходная зона

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

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

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

Рисование градиента с широкой областью перехода.

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

Градиент с постепенным переходом между цветами.

Я отменю градиент, чтобы было легче увидеть, перейдя в меню Edit вверху экрана и выбрав Undo Gradient . Я также мог нажать Ctrl + Z (Win) / Command + Z (Mac) на моей клавиатуре:

Идем в Edit> Undo Gradient.

На этот раз я нарисую градиент в том же направлении (слева направо), но с гораздо меньшим зазором между начальной и конечной точками:

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

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

Аналогичный градиент, но с гораздо меньшей переходной областью.

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

Градиент теперь находится на отдельном слое над фоновым слоем.

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

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

Выбор прозрачного градиента от переднего плана.

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

Щелкните образец цвета переднего плана.

Когда откроется палитра цветов, я выберу фиолетовый, затем нажму ОК:

Выбор пурпурного в качестве нового цвета переднего плана.

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

Градиент будет изменяться от фиолетового до прозрачного.

Я нарисую вертикальный градиент от верхней части документа до центра:

Рисование вертикального градиента от переднего плана к прозрачному вниз через верхнюю половину документа.

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

Фиолетовый — это градиент, а белый — фон под ним.

Чтобы доказать это, я временно отключу свой фоновый слой, щелкнув его значок видимости (значок глазного яблока) на панели слоев:

Отключение фонового слоя.

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

Фактический градиент от фиолетового до прозрачного.

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

Добавление второго переднего плана к прозрачному градиенту.

Я отпущу кнопку мыши и вместо того, чтобы перезаписывать исходный градиент, Photoshop добавляет к нему второй. Если бы я нарисовал третий или четвертый градиент (может быть, один слева, а другой справа), он бы добавил и те:

Оба градиента от переднего плана к прозрачному были объединены.

Я снова включу фоновый слой в документе, еще раз щелкнув его значок видимости :

Включение фонового слоя.

И теперь мы снова видим то, что выглядит как градиент от пурпурного к белому (к пурпурному), хотя мы знаем, что белый — это просто фоновый слой, просвечивающий сквозь прозрачность:

Тот же градиент с включенным фоновым слоем.

Вариант прозрачности

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

Убедитесь, что прозрачность включена при рисовании градиента, использующего прозрачность.

Если параметр «Прозрачность» отключен при рисовании градиента от переднего плана к прозрачному, все, что вам нужно сделать, это заполнить слой или выделение выбранным цветом переднего плана:

Если параметр «Прозрачность» отключен, Photoshop не может нарисовать прозрачную часть градиента.

Черный, белый градиент

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

Миниатюра черно-белого градиента.

Стили градиента

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

Если вы посмотрите справа от полосы предварительного просмотра градиента на панели параметров, вы увидите пять значков Gradient Style . Начиная слева, у нас есть Linear , Radial , Angle , Reflected и Diamond :

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

Давайте посмотрим, на что способен каждый из этих стилей градиента. Я несколько раз нажму на клавиатуре Ctrl + Alt + Z (Win) / Command + Option + Z (Mac), чтобы отменить мои предыдущие шаги, пока я не вернусь к просмотру только белого документа. Затем я вернусь к градиенту Foreground to Background , выбрав его в Gradient Picker:

Выбор градиента от переднего плана к фоновому.

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

Мои последние цвета переднего плана и фона.

линейный

Стиль градиента по умолчанию в Photoshop — Linear , но при необходимости его можно выбрать вручную, щелкнув первый значок слева:

Выбор стиля линейного градиента.

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

Пример стандартного линейного градиента.

Радиальный

Стиль Radial (второй значок слева) будет рисовать круговой градиент наружу от начальной точки:

Выбор стиля радиального градиента.

Я отменю свой линейный градиент, нажав на клавиатуре Ctrl + Z (Win) / Command + Z (Mac). Чтобы нарисовать радиальный градиент, я нажимаю в центре документа, чтобы установить начальную точку, затем перетаскиваю наружу к краю:

Рисование радиального градиента от центра документа.

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

Радиальный градиент.

Если бы я выбрал опцию Reverse на панели параметров, цвета были бы перевернуты, начиная с синего в центре и переходя наружу по кругу в черный:

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

Уголок

Стиль Angle (средний значок) — вот где все становится интереснее (хотя, возможно, не так полезно):

Выбор стиля углового градиента.

Подобно радиальному стилю, стиль «Угол» также использует начальную точку в качестве центра градиента. Но вместо того, чтобы двигаться во всех направлениях, он оборачивается вокруг начальной точки против часовой стрелки. Я еще раз нажму Ctrl + Z (Win) / Command + Z (Mac) на клавиатуре, чтобы отменить мой последний градиент.Затем я нарисую градиент углового стиля так же, как радиальный градиент, щелкнув в центре документа, чтобы установить начальную точку, а затем перетащив от нее:

Рисование углового градиента от центра.

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

Стиль угла оборачивает градиент вокруг начальной точки против часовой стрелки.

Отражено

Стиль Reflected (четвертый значок слева) очень похож на стандартный линейный стиль, но он идет еще дальше, беря все на одной стороне исходной точки и отражая ее на другой стороне:

Выбор стиля градиента «Отраженное».

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

Рисование градиента в отраженном стиле.

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

Градиент отраженного стиля.

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

Градиент отраженного стиля, выбранный на панели параметров «Обратный».

Бриллиант

Наконец, стиль градиента Diamond смещается наружу от начальной точки, аналогично радиальному стилю, за исключением того, что он создает форму ромба:

Выбор стиля градиента «Алмаз».

Я еще раз щелкну в центре своего документа, чтобы установить начальную точку, а затем перетащу от нее:

Рисование ромбовидного градиента от центра.

Когда я отпускаю кнопку мыши, мы получаем интересную форму ромба:

Ромбовидный градиент.

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

Ромбовидный градиент с перевернутыми цветами.

Опция дизеринга

Последний вариант, который мы должны рассмотреть на панели параметров, — это Dither .Если выбран параметр «Дизеринг», Photoshop добавит немного шума к вашим градиентам, чтобы сгладить переходы между цветами. Это помогает уменьшить полосатость (видимые линии, которые образуются между цветами, когда переходы недостаточно плавные). Параметр «Дизеринг» включен по умолчанию, и обычно его следует оставить выбранным:

Параметр «Дизеринг» помогает уменьшить некрасивые полосы между цветами.

Параметры режима и непрозрачности

На панели параметров есть несколько других параметров инструмента «Градиент», которые мы сохраним для другого урока, потому что они немного выходят за рамки основ. И параметр Mode (сокращение от Blend Mode), и параметр Opacity влияют на то, как градиент будет сливаться с исходным содержимым слоя. Если вы знакомы с режимами наложения слоев, режимы наложения градиентов работают примерно так же, а параметр непрозрачности градиента работает так же, как параметр «Непрозрачность» на панели «Слои». В большинстве случаев вы захотите оставить для них значения по умолчанию, но, опять же, мы подробно рассмотрим эти два параметра в их собственном отдельном руководстве:

Параметры режима и непрозрачности.

Calico Wallpaper размышляет о цвете, заботе и сообществе — ПОВЕРХНОСТЬ

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

14 июля 2021 г.

Силуэт от Сабины Марселис …

Когда ураган «Сэнди» нанес невообразимые разрушения Нью-Йорку в конце 2012 года, Рэйчел и Ник Коуп заняли место в первом ряду из своей квартиры в Ред-Хук, Бруклин.Прикованные к своему дому в течение недели, пока они ждали, когда паводок отступит, пара начала мозговой штурм, как оставаться творческими — не сложная задача для Рэйчел, художницы и бывшего арт-терапевта из Нью-Йоркского университета в Лангоне, и Ника, владельца бывшего дизайнера. -строительная фирма Dark Green. Этот опыт «привел к важности творчества во времена кризиса», — объясняет Ник, который после бесчисленных часов, проведенных с Рэйчел за экспериментами с узорами и цветами, запустил Calico Wallpaper из своей гостиной.Студия быстро завоевала популярность в творческой сфере Бруклина и стала поставщиком изысканных настенных покрытий, которые превращают среду в изобразительное искусство благодаря ярким визуальным эффектам, таким как светящиеся градиенты, отражающие ауру человека, и мраморные принты, напоминающие космические пейзажи.

Одно из последних достижений Calico Wallpaper, Dawn, основано на первых успехах студии. Аврора, возможно, известная как фирменная коллекция студии, отражает бесконечные вариации в ежедневном цикле рассвета и заката с помощью плавных градиентов, которые светятся, как далекий горизонт.«Магия Авроры заключается в ее простоте», — объясняет Рэйчел, отмечая, что изначально она была вдохновлена ​​«воспоминаниями о горизонтах, с которыми мы с Ником столкнулись в нашей жизни, от Тулума и Тосканы до вида из нашей студии в Ред-Хук». Хотя 16 цветовых решений Авроры кажутся вневременными и даже имеют место в постоянной коллекции Смитсоновского института, студия размышляла о своих корнях, когда пандемия коронавируса вызвала огромное горе и страдания в прошлом году, когда повседневная жизнь резко остановилась.

Oblio от Dimore Studio …

Аврора родилась во время экспериментов с ранним ураганом «Сэнди». «Мы с Рэйчел искали способ подарить надежду и оптимизм как можно большему числу представителей дизайнерского сообщества», — говорит Ник. Поэтому дуэт пригласил группу ведущих международных дизайнеров попробовать свои силы в создании нестандартных градиентов Aurora. «Хотя этот проект очень личный для нас, мы были рады обновить коллекцию с учетом новых перспектив», — говорит Ник.«Нам кажется, что он остается свежим и в нем есть еще много места для украшения».

Уровень выбранных ими талантов — Сабина Марселис, Димор Студио, Ини Арчибонг и Нери и Ху — сделает все, чтобы это стало реальностью. Вновь представленные как Dawn, четыре новых цветовых решения погружают интерьер в размытые атмосферные цвета, предлагая исследования взаимосвязи между светом, местом и настроением. Они также отражают чувствительность каждого дизайнера и, по словам Рэйчел, «взгляд, который так отличается от моего.”

Бритт Моран и Эмилиано Сальчи из миланской студии Dimore предлагают глубоко романтичный Oblio, который вызывает в воображении как атмосферу лаунж-зала 70-х годов, наполненного дымом, так и легкие намки на азиатские лаки и фонари. Не менее романтично, Сабина Марселис придумала силуэт, яркое черно-желтое омбре, вдохновленное видом на закат из ее студии и портовой промышленностью Роттердама. «Закат представляет собой завершение дня и первые признаки надежды на наступление нового дня, — говорит Марселис, — и это вид, который очень вдохновляет на наши проекты, и то, что мы очень упускаем во время этой изоляции.Тем временем Вермеер из Neri & Hu использовал лимонно-желтый цвет и лазурит на двух картинах голландского мастера Йоханнеса Вермеера, чтобы обозначить надежду на упорядоченную жизнь, а также временную отсрочку времен неопределенности.

Йемоджа от Ини Арчибонга …

Пожалуй, самым личным является цветовая гамма Ини Арчибонга, Йемоджа, которая не только воплощает его склонность к электрическим оттенкам, но и отражает безусловную любовь к его маленькой дочери.Швейцарский дизайнер стремился запечатлеть мимолетный момент с ней на берегу озера Невшатель, выбрав имя Йемоджа в связи с духом воды, который является духом-покровителем и защитником женщин и детей в традициях йоруба. «Моя дочь — мое напоминание о нашей ответственности за то, чтобы оставить надежное будущее для детей, чьи самые ранние воспоминания будут связаны с этой пандемией», — говорит Арчибонг. «С этой ответственностью приходит надежда на то, что будущее, которое они создадут, будет вдохновлено первыми объединенными глобальными усилиями по поддержанию человеческой жизни на этой планете, которые мы переживаем прямо сейчас.Тонкий переход Йемоджи от голубого к пурпурному оттенку имитирует мерцающие цвета, которые отличают его хрустальную люстру Moirai для Se; эта алхимия не теряет своей силы, когда ее переводят на настенные покрытия.

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

Vermeer от Neri & Hu …

Calico Wallpaper является членом The List , предназначением для всего, что утверждено Surface . Хотите присоединиться к The List ? Свяжитесь с нашей командой, чтобы узнать, как подать заявку.

ПРИМЕНИТЬ

ПОСМОТРЕТЬ ОБОИ CALICO НА СПИСОК