Создание красивых градиентов на CSS / Хабр
Вот линейный градиент на CSS, идущий от чисто жёлтого до чисто синего цвета:
Заметили, что в центре он становится бледным и грязным?
Это явление Эрик Кеннеди назвал «мёртвой зоной серого». Если вы тщательно не выбираете цвета для своих градиентов, то в ваших градиентах на CSS часто возникает такая обесцвеченная часть посередине.
Однако, как оказалось, можно полностью избавиться от мёртвой зоны серого. В этом посте я расскажу, почему она возникает, и о том, как можно использовать теорию цвета для создания насыщенных, ярких градиентов, «живых» по всей своей длине.
Как вычисляются градиенты
Задавались ли вы когда-нибудь вопросом, как работает алгоритм linear-gradient
в CSS? Как он вычисляет конкретное значение цвета для каждого пикселя вдоль спектра?
Он вычисляет его, беря математическое среднее для каждого из трёх цветовых каналов: Red, Green и Blue.
[Прим. пер.: в оригинале статьи все изображения интерактивны.]
В цветовом пространстве RGB мы создаём цвета смешением трёх каналов: красного, зелёного и синего. Каждый канал имеет диапазон значений от 0 до 255.
Если мы увеличим до максимума значения всех трёх каналов — 255 / 255 / 255, то получим чисто белый цвет. А если установим каждый канал на 0, то получим чёрный, отсутствие всех цветов.
На самом деле, если всем трём каналам присвоить одинаковое значение, то результат всегда будет цветом в оттенках серого:
В показанном выше виджете градиента мы начали с чисто жёлтого цвета (255/255/0). При перемещении по градиенту мы начинаем примешивать синий (0/0/255). К тому моменту, как мы достигнем самой середины, мы уберём половину жёлтого и добавим половину синего.
Иными словами, все три канала сходятся к их среднему значению, 127,5. И в результате получается серый цвет.
Мне кажется немного странным, что среднее между синим и жёлтым — это серый. Смешав два очень насыщенных цвета, мы получили совершенно блеклый. Вот если бы был какой-то способ смешения только пигмента с постоянным сохранением насыщенности…
Альтернативные цветовые модели
Существует множество разных способов задания цвета. Пока мы использовали только модель R/G/B. И, честно говоря, эта цветовая модель довольно отстойная.
Давайте поговорим о другой цветовой модели: HSL.
HSL расшифровывается как Hue / Saturation / Lightness (тон, насыщенность и светлота). Если вы пользовались селектором цветов, то, вероятно работали с этой цветовой моделью.
Пример:
Вот что означает каждое значение:
- Hue (тон) управляет тем, каким будет пигмент, где находится цвет на шкале цветов.
- Saturation (насыщенность) управляет тем, насколько ярок будет цвет.
- Lightness (светлость) управляет тем, насколько светлым или тёмным будет цвет.
Лично мне такой способ кажется гораздо более интуитивным способом восприятя цветов.
Но вот что по-настоящему волшебно: что если вместо усреднения значений RGB в наших градиентах мы будем усреднять значения HSL?
Мёртвой зоны серого больше нет, потому что теперь мы смешиваем не значения R/G/B, а значения H/S/L.
Начальный и конечный цвета имеют одинаковую насыщенность и светлость, поэтому единственное изменяющееся значение — это тон. В результате этого мы, по сути, просто движемся по шкале цветов.
Вот ещё один пример, на этот раз смешение цветов с разной насыщенностью и светлостью. Ниже для сравнения показаны цвета со стандартным RGB-смешением:
Достаточно наглядная разница, правда?
Однако HSL не всегда является наилучшей цветовой моделью для каждой ситуации; она склонна к созданию слишком ярких и живых градиентов, потому что не учитывает человеческое восприятие.
Согласно цветовой модели HSL, оба этих цвета имеют одинаковую «светлость»:
Не все люди воспринимают цвета одинаково, но большинство сказало бы, что жёлтый ощущается гораздо более светлым, чем синий, несмотря на одинаковое значение «светлости». Однако модель HSL не волнует, как воспринимают цвета люди; она основана на чистой физике, энергии, длинах волн и тому подобном.
К счастью, существуют другие цветовые модели, учитывающие восприятие человека. Например, HCL, похожая на HSL, однако смоделированная с учётом зрения человека:
Какая цветовая модель лучше всего? Это сильно зависит от того эффекта, к которому вы стремитесь! Я люблю экспериментировать с множеством разных цветовых моделей, чтобы найти оптимальную для конкретного градиента.
Используем знания на практике
У меня есть хорошие и плохие новости. Давайте начнём с плохих.
CSS не позволяет нам выбирать цветовую модель. используемую в вычислении градиентов. Мы не можем выбрать интерполяцию HSL для конкретного градиента, по крайней мере, пока. Насколько я знаю, CSS Images Level 4 даёт возможность указания «способа интерполирования цветов», но он поддерживается не всеми браузерами.
Однако есть и хорошие новости: исхитрившись, мы можем обойти эти ограничения.
Градиенты в CSS не привязаны только к двум крайним цветам. Можно передавать 3 цвета, или 10 цветов, или даже 100 цветов.
Сначала нам нужно вручную вычислить набор промежуточных цветов. Мы можем сделать это с помощью JavaScript, чтобы можно было использовать любую нужную цветовую модель (благодаря полезной библиотеке наподобие chroma.js):
Далее мы берём этот набор цветов и передаём каждое значение функции градиента CSS:
.box { background-image: linear-gradient( to right, #ffff00, #f8ea47, #f0d465, #f0d465, #e7bf7c, #ddaa8f, #d095a1, #c280b2, #b26cc2, #9d56d2, #8440e1, #6028f0, #0000ff ) }
(Здесь мы используем линейные градиенты, но тот же трюк работает с радиальными и коническими градиентами!)
Но постойте, разве движок CSS не использует RGB-интерполяцию для вычисления пространств между каждым из указанных цветов? Если мы не передаём сотни цветов, достаточные для каждого отдельного пикселя, то всё равно используем RGB-интерполяцию!
Да, это правда, но, к счастью, это не особо важно.
Когда два цвета очень схожи друг с другом, на самом деле не важно, какую цветовую модель мы используем. Градиент получится приблизительно одинаковым. Мы не получим сильно отличающееся «среднее» значение, как бы мы ни вычисляли это «среднее».
Например, вот градиент, в котором используются два очень схожих цвета:
Цвета настолько близки, что RGB-интерполяция никак не может их испортить.
Итак, наш хитрый трюк заключается в том, чтобы сгенерировать набор промежуточных точек в выбранной цветовой модели и передать их в функцию градиента CSS. Движок CSS воспользуется RGB-интерполяцией, но это не повлияет на окончательный результат (по крайней мере, не настолько, чтобы это было заметно людям).
Ну а теперь самое интересное. Давайте поговорим о том, как генерировать эти градиенты.
Знакомство с генератором градиентов
Я создал инструмент, позволяющий генерировать роскошные, красивые градиенты, которые можно использовать в CSS:
Я в восторге от этого инструмента. В нём используются все элементы, о котором говорилось в посте, а также другие трюки (типа применения кривой для управления распределением цветов).
Настраивайте цвета, пока не получите нужный результат, а затем скопируйте фрагмент кода CSS внизу. Пока инструмент генерирует только линейные градиенты, но вы можете скопипастить набор цветов CSS и применять их в радиальных и конических градиентах!
Генератор находится здесь: https://www.joshwcomeau.com/gradient-generator/
Предыдущие работы
На создание собственного генератора меня вдохновили эти два чудесных генератора градиентов:
- Vivid Gradient Generator Tool Эрика Кеннеди
- Polychroma, созданный @stormwarning
Градиент: как создать самому, установить готовый, тонировка с помощью градиента | Урок | Фото, видео, оптика
Градиент — это заливка, когда один цвет плавно переходит в другой. Например, черный превращается в белый постепенно, через оттенки серого. Иногда градиент — это больше, чем два цвета.
В обработке фотографий градиенты часто используют для тонирования. Представьте: можно наложить не один цвет на всю картинку, а совместить несколько вместе! Или можно пойти дальше: тени затонировать в один цвет, а света — в другой.
Мы расскажем, как создавать градиенты самому и загружать скачанные, чтобы за пару секунд создавать эффектные тонировки и экспериментировать с цветом.
Градиенты открывает огромные возможности для экспериментов, позволяя добавлять в фотографию множество оттенков / Фото: Елизавета Чечевица
Где найти градиент в Photoshop?
Градиенты в Photoshop можно найти в:
1. Инструмент Градиент / Gradient на панели инструментов слева. Этот инструмент позволяет залить градиентом слой, на котором вы находитесь.
Если не получается найти Градиент на панели слева, воспользуйтесь горячей клавишей — G, чтобы быстро вызвать инструмент / Иллюстрация: Елизавета Чечевица, Фотосклад. Эксперт
Его используют:
- накладывая поверх фотографии для тонировки;
- накладывая под объектом, чтобы получить фон-градиент, и на объекты, если вы дизайнер, художник и т.д.
2. Корректирующий слой Карта градиентов / Gradien Map. Он находится в чёрно-белом кружочке палитры Слои/Layers.
Этот слой тонирует все света, тени и средние тона в цвета градиента. Например, жёлто-красный градиент. Все темные оттенки будут окрашиваться в красный, светлые и белые — в жёлтый, а средние тона в оттенки оранжевого.
Карту градиентов используют, чтобы быстро затонировать фотографию / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт
Как сделать градиент в Photoshop?
В программе есть предустановленные градиенты от разработчиков. Это что-то вроде «пресетов» — готовые решения, чтобы вы не тратили время. Их рассортировали по цветам и разбили по папкам, чтобы пользователю было проще выбирать. Но, если ни одно из решений вам не нравится, все кажутся скучными, не отвечют вашей идее, ниже мы расскажем, как создать градиент в Photoshop и сохранить свой собственный градиент.
Посмотреть готовые градиенты, если нажать на выделенные оранжевыми квадратиками стрелочки в инструменте Градиент или Карта градиентов / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт
1. Откройте инструмент Градиент или корректирующий слой Карта градиентов.
2. Вы увидите полоску градиента. Кликните по ней левой кнопкой мыши.
Нажать нужно на одну из выделенных оранжевых полосок / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт
3. Откроется окно с настройками градиента. Чтобы поменять один из цветов градиента, кликните левой кнопкой мыши по маркеру снизу и нажмите на окошко Цвет / Color.
Принцип работы градиента в Карте градиентов таков: цвет слева перекрашивает в себя тёмные пиксели, а цвет справа — светлые. Все остальные пиксели будут окрашиваться в те цвета, которые будут получаться при переходе цвета из одного в другой.
Когда вы нажмете на окошко Цвет, вам откроется палитра со всем многообразием цветов. Когда выберете подходящий, нажмите Ок / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт
Таким же образом нажмите на маркер внизу справа, кликните левой кнопкой мыши по окошку Цвет и задайте второй цвет.
Готово! Вы создали градиент, где один цвет будет плавно перетекать в другой. Если вам этого достаточно, нажимайте Ок и применяйте градиент. Если же вам нужно добавить в градиент больше двух цветов и сохранить его в свой набор, читайте дальше.
4. Наведите мышку на пространство между маркерами внизу. Когда курсор превратится в сжатый кулак с вытянутым указательным пальцем, кликните левой кнопкой мыши.
У вас появится третий маркер, который также можно затонировать в любой цвет. Для этого опять нажмите на Цвет и задайте нужный оттенок.
Примерная область, куда нужно кликать, чтобы появился новый маркер. Таких маркеров можно сделать бесконечное количество, чтобы создавать сложные градиент из множества цветов / Иллюстрация: Елизавета Чечевица, Фотосклад. Эксперт
5. Чтобы сохранить созданный градиент, нажмите кнопку Новый / New. Ваш градиент появится внизу списка под папками.
Сохранять и создавать свою коллекцию градиентов удобно и нужно, если вы хотите наложить на несколько фотографий одну и ту же тонировку / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт
Как установить градиент в Photoshop 2022?
Если предложенные разработчиками Adobe варианты вам не нравится, вдохновение покинуло и хочется свежих идей со стороны, вы можете скачать из интернета и установить себе любые градиенты.
1. Скачайте понравившийся градиент или набор градиентов. Обычно они «обитают» на ресурсах и сайтов для фотографов, ретушеров и дизайнеров. Но можно не заморачиваться с поиском специальных площадок, а просто вбить в поисковике «скачать градиенты для фотошопа».
2. В скачанной папке (если она была в архиве — разархивируйте его), вам нужен файл с расширением .GRD
3. Откройте инструмент Градиент или Карту градиентов. Кликните левой кнопкой мыши по полоске градиента, чтобы перейти в меню редактирования градиентов (это там же, куда вы нажимали, чтобы создать градиент).
Нажмите кнопку Импорт / Import и в открывшемся окне найдите скачанную вами папку, а в ней — файл с расширением .GRD / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт
4. Кликните по нему левой кнопкой мыши и нажмите Загрузить / Load. Скачанные градиенты появятся в конце списка в автоматически созданной папке.
Каждый новый скачанный и установленный набор будет появляться в новой папке / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт
Как затонировать фотографию с помощью градиента?
Вы научились создавать и скачивать градиенты именно для того, чтобы с их помощью улучшать вашу фотографию. Ниже мы расскажем два способа, как создавать тонировки с помощью градиента.
Тонировка с помощью инструмента Градиент
- Откройте фотографию. Создайте новый слой, на котором будет лежать тонировка.
Чтобы создать новый пустой слой, нажмите на квадратик с плюсиком внизу панели Слои / Layers / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт
2. Перейдите в инструмент Градиент (горячая клавиша G).
3. Нажмите на выпадающий список градиентов и найдите тот, который нравится вам. Кликните по понравившемуся градиенту.
4. Наведите курсор на фотографию, зажмите левую кнопку мыши и, не отпуская её, проведите линию.
В зависимости от направления и длины линии (чем длиннее, тем переход из цвета в цвет плавнее), будет меняться градиент / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт
5. Сейчас градиент полностью перекрывает фотографию под собой. Чтобы это исправить, выберите один из вариантов: измените непрозрачность слоя или выберите один из режимов наложения.
Под тонировки хорошо подходят такие режимы наложения:
– Умножение / Multiply;
– Экран / Screen;
– Перекрытие / Overlay;
– Мягкий свет / Soft Light;
– Цветность / Color.
Но вы можете выбрать любой режим, какой вам понравится. Если результат слишком грубый, снизьте непрозрачность слоя.
Сочетание режима наложения Экран и Непрозрачности 53% / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт
Если вам не нравится, что получилось, не нужно удалять слой и начинать сначала. Просто проводите линию за линией до тех пор, пока вам не понравится результат.
Карта градиента — как пользоваться
Карта градиента — это корректирующий слой, который перекрашивает в цвета выбранного градиента света, тени и оттенки между ними. Рассказываем, как тонироваться с помощью этого инструмента.
1. Откройте фотографию. В палитре Слои / Layers нажмите на чёрно-белый круг и выберите инструмент Карта Градиентов.
2. Нажмите на выпадающий список, чтобы выбрать готовый, скачанный или созданный вами и заранее сохранённый градиент, либо создайте свой (смотрите выше).
3. Все цвета на фотографии заменятся на цвета градиента (например, в данном случае их два).
Дальше возможны варианты:
- Если вам нравится обесцвеченная и затонированная в цвета градиента фотография, то на этом всё. Можете продолжать сохранять снимок.
Сочетание градиента из 5 цветов, режима наложения Жёсткий свет / Hard Light и Непрозрачности 18% / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт
- Если хочется, чтобы от цветов оставались лишь легкие оттенки, переберите режимы наложения и настройки непрозрачности, как в предыдущем пункте.
Серый градиент картинки | Скачать бесплатные картинки на Unsplash
Grey Gradient Pictures | Скачать бесплатные изображения на Unsplash- A Photophotos в рамке 10K
- Степка фотосколков 10K
- Группа людей 0
Фон
Градиент
Outdoor
СОБЛОВАЯ
ТЕКСУАРИЯ
Природно
.
Hd серые обои são paulosp
Текстурные фоныбетонсерый
Hq background imageswallbackgorund
slovakiavysoké tatryštrbské pleso
Hd sky wallpapersSunset images & picturesgradien sky
Hd color wallpapersfaceplant
backdroprugfloor
Tree images & picturesNature imagesLandscape images & pictures
Paper backgroundsHd design wallpapersWebsite backgrounds
–––– –––– –––– – –––– – –––– –– – –– –––– – – –– ––– –– –––– – –.
летающийHd черные обоинебеса
Blur backgroundsHd wallpaperselectronics
Gradient backgroundsHd blue wallpaperssunrise
Hd white wallpaperslinefog
Hd textured wallpapersHd art wallpapersblot
bridgepostLight backgrounds
Hd pattern wallpaperstextilecloth
usanvboulder city
nighteveningHd orange wallpapers
Related collections
Gradient Nation
1.7k фото · Куратор Rowan HeuvelAnimals on white
31 photos · Curated by YnneGradient
154 photos · Curated by Noha Hoai ThuminimalCoffee imagescup
Best stone pictures & imagesblankweatehred
Hd grey wallpaperssão paulosp
Gradient backgroundsHd blue wallpaperssunrise
slovakiavysoké tatryštrbské pleso
Цветные обои Hdfaceplant
Обои с узором Hdтекстильткань
Бумажные фоныДизайн обои HDФоны сайта
FlightHD Black WallpaperSheaven
Texture Founalsconcretegray
HQ фоновые изображения Wallbackgorund
HD Sky Walpaperssunset Изображения Изображения
. –––– –––– –––– – –––– – –––– –– – –– –––– – – –– ––– –– –––– – –.Blur Packgroundshd Wallpaperperselectronics
HD White Wallpaperslinefog
HD Textured Walpapershd Art Walpapersblot
Fackdroprugfloor
Связанные коллекции
Градиционный нации
1.7K Фотография · CurateGradient Nation
10064 Photos Photos nable Byan gradient Nation 1006. YnneGradient
154 фото · Куратор Noha Hoai Thuusanvboulder city
nighteveningHd оранжевые обои
Matheus Farias
Hd серые обои são paulosp
Benjamin Salvatore
flyhd черные обоинебеса
–––– –––– –––– – –––– – –––– –– – –– –– –– – – –– ––– –– –––– – –.
Thomas Lefebvre
Blur backgroundsHd wallpaperselectronics
Ernest Karchmit
Texture backgroundsconcretegray
Annie Spratt
Hq background imageswallbackgorund
César Couto
Gradient backgroundsHd blue wallpaperssunrise
Hd white wallpaperslinefog
Gilberto Parada
slovakiavysoké tatryštrbské pleso
Kseniya Lapteva
Hd textured wallpapersHd art wallpapersblot
César Couto
Hd sky wallpapersSunset images & picturesgradien sky
Thomas Lefebvre
Hd color wallpapersfaceplant
Steve Leadbeater
bridgepostLight backgrounds
Tina Dawson
backdroprugfloor
Annie Spratt
Hd pattern wallpaperstextilecloth
Fabrice Villard
Tree images & picturesNature imagesLandscape images & pictures
Wesley Tingey
usanvboulder city
Wes Hicks
nighteveningHd orange wallpapers
Brandi Redd
Paper backgroundsHd design wallpapersWebsite backgrounds
NordWood Themes
minimalCoffee imagescup
Annie Spratt
Лучшие каменные картинки и изображенияblankweatehred
Просмотр премиальных изображений на iStock | 20% off at iStock
Unsplash logoMake something awesome
Gray Gradient — Bilder und Stockfotos
Bilder
- Bilder
- Fotos
- Grafiken
- Vektoren
- Videos
Durchstöbern Sie 102.
675 gray gradient Фото и фотографии. Oder starten Sie eine neuesuche, um noch mehr Stock-Photografie und Bilder zu entdecken.Sortieren nach:
Am beliebtesten
abstrakte verschwommene weiche sweiß silber schön der elektronischen lampe licht innenraum hintergrund für design-banner und präsentationskonzept — gray gradient stock-fotos und bilderAbstrakte verschwommene weiche sweiß Silber schön der…
abstrakt grau hintergrund — графика с серым градиентом, -клипарт, -мультфильмы и -символAbstrakt Grau Hintergrund
Studioraum Grauer Hintergrund — графика с серым градиентом, -клипарт, -мультфильмы и -символ Studioraum grauer Hintergrund grauen farbverlauf abstrakte vektor hintergrund — grey gradient stock-grafiken, -clipart, -cartoons und -symboleGrauen Farbverlauf abstrakte Vector Hintergrund
weißes studio-hintergrund — grey gradient stock-fotos10iß0 Studio 10iß0 9000010 Grau abstrakt Hintergrund leere weiße studio-hintergrund — grey gradient stock-fotos und bilderleere weiße Studio-Hintergrund
vektor-hintergrund mit unscharfen objekte abstraktion in grau — grey gradient stock-grafiken, -clipart, -cartoons und -0100 Vektor-Hintergrund mit unscharfen Objekte Abstraktion in grau абстрактный фон с блестящим wellen in schwarztönen — grey gradient stock-fotos und bilderabstrakter Hintergrund mit glatten Wellen in Schwarztönen
die grau und silber sind hellschwarz mit weiß der farbverlauf ist die oberfläche mit vorlagen metall textur weiche linien tech gradient abstrakte диагональный хинтергрунд silber schwarz schlank mit grau und weiß.Die grau und silber sind hellschwarz mit weiß der Farbverlauf…
Elegante metallische farbverlauf. glänzendes steigungen из розового золота, серебра и бронзы. золотой, розовый купфер и хром металлический вектор-сборник — серый градиент сток-графика, -клипарт, -мультфильмы и -символЭлегантный металлик Фарбверлауф. Glänzendes Rosé-Gold, Silver…
Eleganter Metallic-Farbverlauf. Glänzende Roségold-, Silber- und Bronzemedaillen Steigungen. Goldenes, rosa Kupfer и Chrommetall. Polierte Chrom-Metallic-Platinstahl-Gradientenvektor-Kollektion
Studio-Zimmer Grauen Hintergrund mit Sanfter Beleuchtung. — серый градиент стоковой графики, -клипарта, -мультфильмов и -символаStudio-Zimmer grauen Hintergrund mit sanfter Beleuchtung.
abstrakte hintergrund grau hintergrund. grafik минимальный leerer raum mit прожектор-эффект. рахмен-сене орт фотостудия. einfache weiche licht tapete. элемент дизайна дисплея kunst vektor-illustration. eps10 — серый градиент сток-графика, -клипарт, -мультфильмы и -символAbstrakte Hintergrund Grau Hintergrund. Grafik Minimal Leerer…
Абстрактные пастельные тона Hintergrund — серый градиент стоковые фото и изображенияАбстрактные пастельные фары Hintergrund
Moderner Hintergrund, der durch einen mehrstufigen клипарт, -cartoons und -symbole
Grau abstrakt Hintergrund
abstrakter grauer farbverlaufshintergrund — серый градиент стоковая графика, -clipart, -cartoons und -symboleAbstrakter grauer Farbverlaufshintergrund
vektorhintergrund mit weißen abstrakten wellenpunkten — grey gradient stock-grafiken, -clipart, -cartoons und -symbole Moderner Lichtwissenschaftsbanner-Halbtoneffekt Грау абстрактный фон — серый градиент фото и изображенияГрау абстрактный фон
Грауер абстрактный фон.
silber metallische farbverlauf mit kratzern. титан, сталь, хром, никелевый лист с улучшенным текстурным эффектом. вектор-иллюстрация — серый градиент сток-графика, -клипарт, -мультфильмы и -символSilver metallische Farbverlauf mit Kratzern. Titan, Stahl, Chrom,
abstrakte weiße und graue farbverlaufskurve mit halbton Moderner Hintergrund. вектор-иллюстрация — серый градиент сток-графика, -клипарт, -мультфильмы и -символАбстрактные белые и крупные изображения с Halbton Moderner…
Абстрактные синие -грау-вайс хинтергрунд — серый градиент стоковые фотографии и изображенияАбстрактные синие — grau-weiß Hintergrund
grauer bokeh-hintergrund — серый градиент стоковая графика, -клипарт, -мультфильмы и -символGrauer Bokeh-Hintergrund
leerer weißer farbverlaufshintergrund mit produktanzeige. weiße kulisse oder leeres studio mit zimmerboden. 3D-рендеринг. — серый градиент фото и изображенияLeerer weißer Farbverlaufshintergrund mit Produktanzeige. Weiße…
leer weißer atelierraum abstrakterhintergrund — серый градиент стоковые фото и изображенияLeer weißer atelierraum abstrakter hintergrund
grau hintergrund mit farbverlauf — серый градиент стоковые изображения, -клипарт, -мультфильмы и -символGrau Hintergrund mit Farbverlauf
Цифровой erstellter Grauverlaufshintergrund.
aquarell textur — abstrakt grau weißen hintergrund — gray gradient stock-fotos und bilderAquarell Textur — abstrakt grau weißen Hintergrund
unscharfem wolkigen himmel mit vignette für hintergründe — gray gradient stock-fotos und bilderUnscharfem wolkigen Himmel mit vignette für Hintergründe
steigung von silbrigen metall — серый градиент стоковой графики, -клипарта, -мультфильмов и -символаSteigung von silbrigen Metall
Brillanter Hintergrund mit silbernem Farbverlauf und metallischem Textureffekt. Vektorillustration mit hellen Flecken aus poliertem Metall
vektor-illustration eines strukturierten dunkelgrauen oder schwarz gefärbten intergrunds, der schiefer ähnelt — grey gradient stock-grafiken, -clipart, -cartoons und -symboleVektor-Illustration eines 1001abstrukturierten… schwarzerhintergrund, der modern aussieht — серый градиент, стоковая графика, -клипарт, -мультфильмы и -символ
Abstrakter schwarzer Hintergrund, der modern aussieht
defokussierten abstrakte grauen Hintergrund — серый градиент — графика, — клипарт, — мультфильмы и —символы фотографии и изображенияGlühende Silberfolie Glitzer metallische Wand mit Kopierraum,. ..
abstrakt grau hinterlegt. — серый градиент стоковых фотографий и изображенийабстрактный цвет задней ноги.
векторные иллюстрации hellgrau schlicht гранж градиент leeren hintergrund — серый градиент stock-grafiken, -clipart, -cartoons und -symboleвекторные иллюстрации hellgrau schlicht гранж градиент leeren leerend die Verwendung als Tapete, Hintergrund, Vintage-Postkarten, Briefe, Manuskripte usw. Der Graue Grunge ist pastellfarben, blass, weich. Leerzeichen kopieren. Das Zentrum / Zentrum ist eine Mischung aus Grau und Weiß. Die Ecken sind grauer.
weiß grauer farbverlaufsraumhintergrund — gray gradient stock-fotos und bilderWeiß grauer Farbverlaufsraumhintergrund
Weißgrauer Raumhintergrund mit Farbverlauf
einfacher hellweißer hintergrund mit weiß bis hellgrauer ombre in den ecken — gray gradient stock-fotos und bilderEinfacher hellweißer Hintergrund mit weiß bis hellgrauer Ombre…
weiß, grau, Hintergrund, hell, Illustration
metall texturhintergrund — grey gradient стоковые фото и изображенияMetall Textur Hintergrund
weiß und grau abstrakt hintergrund — gray gradient stock-fotos und bilderWeiß und Grau abstrakt Hintergrund
grauabstrakte hintergründe — gray gradient stock-fotos und bilderGrauabstrakte Hintergründe
Grauer abstrakter Farbverlaufshintergrund, metallischer Hintergrund mit glänzendem Lichtfleck
Grauer Abstrakter Hintergrund — серый градиент стоковых фотографий и изображенийGrauer abstrakter Hintergrund
абстрактный градиент и белый фон вектор-hintergrund — серый градиент stock-grafiken, -clipart, -cartoons und -symboleAbstrakte graue und weiße Wellen Vektor-Hintergrund
grau gefärbter hintergrund — gray gradient stock-fotos und bilderGrau gefärbter Hintergrund
Grauer Hintergrund mit Farbverlaufseffekt
abstrakter weißer und grauer verlaufshintergrund — gray gradient stock-fotos und bilderAbstrakter weißer und grauer Verlaufshintergrund
прожектор szene. abstrakte weiße Hintergrund leere Zimmer Studio Hintergrund und Zeigen sie IHR Produkt mit Spot-Leuchten — Gray Gradient Stock-fotos und BilderПрожекторы Сцена. Abstrakte weiße Hintergrund leere Zimmer…
Прожекторы Szene. Abstrakter weißer Hintergrund leeren Raumstudiohintergrund und zeigen Sie Ihr Produkt mit Spotlichtern an.
abstrakter dunkelblauer Hintergrund — серый градиент стоковой графики, -клипарта, -мультфильмов и -символовAbstract zu verwischen Exposition von weißen Silber farbigen…
die weißen und silbernen hintergründe sind hellgrau mit schwarz, die helle gradienten ist die oberfläche mit grau und silber. — серый градиент стоковых фотографий и изображенийDie weißen und silbernen Hintergründe sind hellgrau mit Schwarz,…
grauabstrakte intergründe — серый градиент стоковых фотографий и изображенийGrauabstrakte Hintergründe
studio — серый градиент стоковых изображений, -клипартов, -мультфильмов и символСтудия
Абстрактные фоны — серый градиент стоковой графики, -клипартов, -мультфильмов и -символов. современный текстурный фон, фрагменты erniedrigende, glatte form übergang. — серый градиент стоковых фотографий и изображенийFarbverlauf mit weißen Rauch hellgrau Farbe. Moderne Textur…
abstrakter grauer farbverlaufshintergrund — grey gradient стоковые фотографии и изображенияAbstrakter grauer Farbverlaufshintergrund
абстрактный элегантный белый и крупный фон с диагональными линиями. — серый градиент стоковая графика, -клипарт, -мультфильмы и -символЭлегантные абстракции белого и крупного цвета Hintergrund mit Diagonalen…
bokeh-hintergrund — серый градиент стоковая графика, -клипарт, -мультфильмы и -символБоке-фон
Defokussierter Hintergrund
abstrakte диагональных линий gestreiften schwarzen und grauen hintergrund mit farbverläufen und textur für ihr unternehmen. — серый градиент стоковой графики, -клипарт, -мультфильмы и -символAbstrakte Diagonale Linien gestreiften schwarzen und grauen…