Картинка градиент – градиент Фон, 23,914 графических ресурсов для бесплатной загрузки

Содержание

Градиент обои, градиент картинки, градиент фото

Градиент обои, градиент картинки, градиент фото Приложение WallpapersCraft
  • Превью обои градиент, свет, темный фон  7.8 1280x720  58350 градиент, свет, темный фон
  • Превью обои градиент, зеленый, текстура, фон  7.3 1280x720  12539 градиент, зеленый, текстура
  • Превью обои градиент, оранжевый, оттенки, фон, переход, плавный  7.1 1280x720  8522 градиент, оранжевый, оттенки
  • Превью обои градиент, размытость, смешивание, желтый, синий, мягкий
     7.1 1280x720  15142 градиент, размытость, смешивание
  • Превью обои градиент, поверхность, краска, текстура  7.1 1280x720  11908 градиент, поверхность, краска
  • Превью обои градиент, текстура, поверхность, фиолетовый, пурпурный  7.1 1280x720  22009 градиент, текстура, поверхность
  • Превью обои градиент, розовый, оттенки, фон, цвет, нежный  6.9 1280x720  13182 градиент, розовый, оттенки
  • Превью обои градиент, полигон, треугольники, фиолетовый
     6.9 1280x720  7350 градиент, полигон, треугольники
  • Превью обои градиент, полутон, диагональ, ромб, геометрический  6.9 1280x720  13597 градиент, полутон, диагональ
  • Превью обои градиент, полосы, наискось, разноцветный, абстракция  6.7 1280x720  3272 градиент, полосы, наискось
  • Превью обои градиент, фиолетовый, пиксели, точки, размытость  6.7 1280x720  3490 градиент, фиолетовый, пиксели
  • Превью обои градиент, радужный, линии, яркий, розовый
     6.7 1280x720  6993 градиент, радужный, линии
  • Превью обои градиент, полосы, волнистый, прерывистый, выдержка  6.7 1280x720  4486 градиент, полосы, волнистый
  • Превью обои градиент, digital art, 3d, шары, соединения, тень  6.5 1280x720  17580 градиент, digital art, 3d
  • Превью обои градиент, разноцветный, размытость, абстракция  6.5 1280x720  725 градиент, разноцветный, размытость

Градиент обои, градиент картинки, градиент фото

Градиент обои, градиент картинки, градиент фото Приложение WallpapersCraft
  • Превью обои линии, полосы, вертикальный, градиент  6.5 1280x720  7845 линии, полосы, вертикальный
  • Превью обои пиксели, текстура, квадраты, градиент  6.5 1280x720  5326 пиксели, текстура, квадраты
  • Превью обои мозаика, пиксели, треугольники, градиент, цвета  6.5 1280x720  9116 мозаика, пиксели, треугольники
  • Превью обои круги, узоры, точки, градиент
     6.5 1280x720  3847 круги, узоры, точки
  • Превью обои фон, текстура, переход, градиент  6.3 1280x720  26566 фон, текстура, переход
  • Превью обои фрактал, разноцветный, радужный, градиент, абстракция  6.2 1280x720  385 фрактал, разноцветный, радужный
  • Превью обои паттерн, квадраты, сетка, градиент, зеленый  6.2 1280x720  2615 паттерн, квадраты, сетка
  • Превью обои лазеры, линии, переплетения, градиент, полосы
     6.2 1280x720  2370 лазеры, линии, переплетения
  • Превью обои полосы, линии, вертикальный, градиент  6.2 1280x720  3628 полосы, линии, вертикальный
  • Превью обои капли, стекло, поверхность, градиент  6.2 1280x720  16194 капли, стекло, поверхность
  • Превью обои размытость, пятна, абстракция, градиент  5.8 1280x720  624 размытость, пятна, абстракция
  • Превью обои линии, пересечение, разноцветный, градиент, абстракция
     5.8 1280x720  587 линии, пересечение, разноцветный
  • Превью обои пузыри, вода, брызги, градиент  5.8 1280x720  3960 пузыри, вода, брызги
  • Превью обои пиксели, квадраты, текстура, градиент, сиреневый  5.8 1280x720  3717 пиксели, квадраты, текстура
  • Превью обои архитектура, здание, крыша, градиент, небо, минимализм  5.8 1280x720  6723 архитектура, здание, крыша

Градиент обои, градиент картинки, градиент фото

Градиент обои, градиент картинки, градиент фото Приложение WallpapersCraft
  • Превью обои круги, точки, градиент, кольца, форма  7.1 1280x720  3683 круги, точки, градиент
  • Превью обои шар, рельеф, градиент, архитектура, свет, темный  6.9 1280x720  5511 шар, рельеф, градиент
  • Превью обои краска, пастель, градиент, полосы  6.9 1280x720  7949 краска, пастель, градиент
  • Превью обои небо, яркий, градиент  6.9 1280x720  25165 небо, яркий, градиент
  • Превью обои текстура, полигон, градиент, фиолетовый, оттенки  6.5 1280x720  457 текстура, полигон, градиент
  • Превью обои геометрический, формы, градиент, темный, пятна  6.5 1280x720  2756 геометрический, формы, градиент
  • Превью обои круги, точки, градиент, текстура, синий, зеленый  6.5 1280x720  7472 круги, точки, градиент
  • Превью обои фрактал, узоры, градиент, разноцветный  6.5 1280x720  4325 фрактал, узоры, градиент
  • Превью обои пиксели, шестиугольники, градиент, текстура  6.5 1280x720  3185 пиксели, шестиугольники, градиент
  • Превью обои горы, небо, градиент, темный, закат  6.5 1280x720  4461 горы, небо, градиент
  • Превью обои пятна, фиолетовый, градиент, красочный  6.5 1280x720  12477 пятна, фиолетовый, градиент
  • Превью обои узор, кубики, градиент, линии, абстракция, оттенок  6.3 1280x720  9249 узор, кубики, градиент
  • Превью обои подсветка, освещение, градиент, текстура, разноцветный
     6.2 1280x720  3257 подсветка, освещение, градиент
  • Превью обои узор, линии, градиент, абстракция, кирпич, коричневый  6.2 1280x720  8350 узор, линии, градиент
  • Превью обои клетки, сетка, градиент, синий, черный  6.2 1280x720  4617 клетки, сетка, градиент

Как нанести градиент на фото с помощью adobe photoshop

Сегодня мы наконец-то узнаем, как нанести на фото градиент с помощью замечательной программы adobe photoshop…

Почему говорю «наконец-то» а потому, что сам, задавшись таким вопросом, не мог нигде отыскать исчерпывающей информации: сколько ни Яндексил, ни Googleл ни в какую… и нужно сказать, что безрезультатно пытал этот вопрос периодически на протяжении месяцев… — посты попадались или слишком заумные, либо чувствовалось будто б автор сам не знает о чём толкует, сердешный…

А как оказалось, нанести на картинку стили градиента, дело вполне простое. Любому пользователю хватит нескольких минут для обучения… а опыт обретается практическими занятиями с инструментами фотошоп.

Что жж, приступим:

 

 

 

Однако прямо-таки зло вскипает от другого вопроса: кто эти авторы и как они отыскивают и находят заказчиков для своих ТРУДОВ?! ведь их верши, мягко говоря, странны и невразумительны…

Хотя да, нынче множество программ, которые замечательным образом способствуют написанию деревянно-железных текстов: это ещё сегодня называют «лаконичным и деловым информативным языком» ))

 

Ну, ладно !! бог с ними, с этими писятилями, ваяющими тексты на сумнительных программках прыщавых студентов…

Но мы-то, читатели !? должны быть в здравом рассудке ! Ведь текст, сляпанный программкой-роботом, по которому нельзя ничему выучиться, но возможно больше запутаться — виден невооружённым глазом…

 

 

Я за человеческий труд! И пусть текст получается не всегда гладкий слогом, однако, не математически зудящий))  Ведь все мы всегда чему-то учимся…

 

 

…и если нынче для вас настройка adobe photoshop и в частности инструмента «Градиент» будет непонятна, смело пишите и ругайтесь. Пропущу любой комментарий!

 

 

 

 

уроки photoshop, как работать инструментом градиент

 

 

 

 

 

 

 

 

Итак: прежде всего нужна сама программа adobe фотошоп: если её у вас нет — скачайте и установите. Как это делается правильно, расскажу в следующей статье.

 

 

 


Подписка на новости студии Комплитра МИГ подписки - ЭРА полезных знаний!!

 

 

 

…а коли уже есть этот замечательный помощник в веб дизайне, — открывайте его!

 

 

 

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

в верхнем горизонтальном меню наводите курсор на имя меню «Файл», а затем «Открыть»…

 

 

Фото -1.

 

Как нанести градиент на фото с помощью adobe photoshop

 

 

 

В итоге у вас в окошке редакции появится нужная для редактирования в photoshop картинка.

 

 

 

Ну и для того, чтобы запустить инструмент «градиент» нужно выполнить несколько простых действий:

 

 

Фото — 2.

 

уроки photoshop

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1 — слева есть вертикальное меню (всевозможные полезные инструменты photoshop) выбираете «Градиент» см. фото:

 

 

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

adobe фотошоп и подстройка инструментария градиента

 

 

 

 

Фото — 3.

 

 

уроки photoshop - как нанести градиент

 

 

 

В регулировках, показанных на фотке 3 немного разберёмся:

 

Зелёненький овал показывает менюшку настроек adobe photoshop, а именно инструменты цветности градиента (если кликнуть по стрелочке справа)… Советую для начала выбрать светлый, как показано на фотке, ибо проще учиться

Чуть правее зелёной области овала кнопочки, в которых задаётся область отработки градиента (выберете пока крайнюю слева).

 

 

Коричневый овал — поставьте такие же как на картинке величины цветового перехода градиента: «Режим» — «осветление» (хотя возможен выбор множества эффектов в выподающем меню). Самые оптимальные «Осветление» и «Линейный осветлитель» — а впрочем, разберётесь сами: ведь требования у нас у всех разные…

 

 

Далее подчёркнуто зелёным: поставьте галочку в чекбоксах «Инверсия», «Дизеринг» и «Прозрачность»… Описывать нюансы отработки всяких инверсий не стану, чтобы не путать ваше сознание и цели… Во всём этом замечательным образом разберётесь и без меня: ибо только практическим экспериментом приходят знания.

 

 

Коли что неясно, вопрошайте в комментариях.

 

 

 

 

как на картинку нанести градиент в фотошопе adobe

 

 

 

 

Фото — 4.

уроки photoshop - как нанести градиент

фотку можно увеличить…

 

 

 

осветляем нижнюю часть картинки

 

 

 

Теперь самое главное!!

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

чтобы получилась чётко горизонтальная смена цвета — осветления, прижмите одновременно с клавишей мыши клавишу «Shift» и проводите линию как на фото…

 

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

Таки образом, проведя одну, скажем, до середины, обусловите более плавный переход — другие линии возможно намечать более коротко — резкость и насыщенность перехода…

А все ваши наработки (слои) отмечаются в меню редакций справа. где вы с лёгкостью сможете вернуться (коли не понравится штрих) на ранее выполненный шаг — кликнув на нужный пункт.

 

 

 

 

уроки photoshop - как нанести градиент

 

 

По шагам:

 

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

 

Чтобы регулировать интенсивность (насыщенность) ЦВЕТА — кликните стрелочку (фото 3) зелёный овал «шахматного» прямоугольника и выбирайте различные цветовые гаммы и оттенки, — словом, творите как душе угодно…

 

А если кликнете на само размеченное прямоугольное поле менюшки, откроется окно «Редактор градиента» (фото справа от «редиски») — боле тонкие настройки переходов цветовой интенсивности: цветовая яркость… шумовой эффект (опять же различных цветов)…

 

 

 

Вот и вся настроечная работа… Остаётся только экспериментировать…

 

 

 

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

Смею спросить: ну что получается..!?

 

 

Тогда смело делитесь с другом в соцсетях.

 

 

 

студия Комплитра при поддержке web студии Михалика и Eniko-Mihalik

 

…а на этой дивной фотке дивы Eniko-Mihalik, и по случаю нашей и студии ATs media fashion вензелной дамой, эксить с градиентом рука не поднимается… ))

 

 


Подписка на новости студии Комплитра МИГ подписки - ЭРА полезных знаний!!


!..подписываясь —
мы расстаёмся с невежеством..!

 

 

 

 

 


На этом моё повествование решительно окончено!..

 

 

Однако, пользы для, вот вам видео: в нём рассказано о полезной программе менеджере паролей KeePass.

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

 

 


Если что-то не ясно и остались вопросы, делитесь ими в комментариях...


Самое время рассказать о статье в соцсетях, буду признателен... complitra.ru !

Градиент обои, градиент картинки, градиент фото

Градиент обои, градиент картинки, градиент фото Приложение WallpapersCraft
  • Превью обои шары, днк, сфера, градиент, спектр  7.3 1280x720  10754 шары, днк, сфера
  • Превью обои текстура, шестиугольники, ячейки, градиент  7.1 1280x720  1315 текстура, шестиугольники, ячейки
  • Превью обои пиксели, ромбы, кубы, градиент, текстура  7.1 1280x720  8936 пиксели, ромбы, кубы
  • Превью обои полигон, треугольники, выпуклость, градиент  7.1 1280x720  7474 полигон, треугольники, выпуклость
  • Превью обои линии, пятна, темный, градиент  7.1 1280x720  12504 линии, пятна, темный
  • Превью обои линии, переплетение, разноцветный, градиент, пересечение  6.9 1280x720  3203 линии, переплетение, разноцветный
  • Превью обои форма, волнистый, линии, градиент, яркий  6.7 1280x720  2825 форма, волнистый, линии
  • Превью обои пятна, нечеткий, размытость, градиент  6.7 1280x720  3547 пятна, нечеткий, размытость
  • Превью обои квадраты, кубы, скопление, градиент, текстура  6.7 1280x720  3311 квадраты, кубы, скопление
  • Превью обои полигон, треугольники, геометрический, градиент, линии  6.7 1280x720  12814 полигон, треугольники, геометрический
  • Превью обои круги, точки, соединения, градиент  6.7 1280x720  11879 круги, точки, соединения
  • Превью обои сердца, круги, блеск, градиент  6.7 1280x720  7058 сердца, круги, блеск
  • Превью обои самолет, небо, полет, градиент, красочный, облака  6.7 1280x720  9009 самолет, небо, полет
  • Превью обои сеть, текстура, разноцветный, градиент  6.5 1280x720  982 сеть, текстура, разноцветный
  • Превью обои асфальт, свет, тень, градиент, текстура  6.5 1280x720  3153 асфальт, свет, тень

О градиенте изображения / Habr

Аннотация

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

Введение

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

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

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

А теперь предположим, что I(i,j)независимые случайные величины, распределенные по любому закону распределению, и посмотрим дисперсии:
  1. Для первой аппроксимации получаем:
  2. Для второй аппроксимации получаем

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

Таким образом, коэффициент усиления шума (1.17), в случае аппроксимации производной разностью более высокого порядка, меньше чем коэффициент (2) в случае аппроксимации производной левой разностью. Логично, что при этом сильно возрастают вычислительные затраты. А теперь рисуночки:

Рисунок 1Исходное изображение, 2модуль градиента по первой формуле, 3модуль градиента по второй формуле.

В итоге мы рассчитали градиент, на котором шумовая компонента увеличилась не в 2 раза а всего в 1.17 раз, однако опять же, если на картинке есть шум, то было бы неплохо его диспресию предварительно (до вычисления градиента) уменьшить – например, смазать исходное изображение I, то есть сделать свертку например с гауссовым ядром f. Тогда градиент запишется как:

однако, из свойств оператора свертки известна формула:

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

Таким образом, можно построить алгоритм «Смаз — Вычисление градиента»:

  1. Вычисляем разностные аналоги производных по ядру,
  2. Сворачиваем полученные ядра с изображением
  3. В итоге, получим компоненты вектора градиента.

В вычислительном плане:
Было: Одна свертка c окном (NxN) для смаза, + две свертки со специфическими окнами (1xN, Nx1) для вычисления производных.
Стало: Две свертки со специфическими окнами (но уже NxN) для вычисления производных.
Вычисление градиента смазанного изображения задача, которая очень часто встречается, например, в хитрых детекторах углов и контуров, о которых будет следующая статья.

Что будет работать быстрее, а главное — устойчивее к шуму? Я предлагаю ответить на этот вопрос в комментариях к статье самим читателям.

Векторные картинки с градиентом в Андроид 5.0 / Habr

Так вышло, что в моем текущем проекте мне пришлось столкнуться с проблемой. Дизайнер согласовала с заказчиком набор иконок, раскрашенных простым линейным градиентом. И отправила мне эти иконки в svg формате, с чувством выполненного долга. Гугление выявило, что поддержка градиентов в vector drawable начинается только с SDK 24+.

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

В качестве рабочей картинки возьмем следующую:


Исходник:
<svg viewBox="10 10 980 980" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
    <desc>Created with Sketch.</desc>
    <defs>
        <linearGradient x1="0%" y1="0%" x2="101.999998%" y2="100.999999%">
            <stop stop-color="#2CF607" offset="0%"></stop>
            <stop stop-color="#038BF3" offset="100%"></stop>
        </linearGradient>
    </defs>
    <path d="M328.5,353 C369.1,353 402,320.1 402,279.5 C402,238.9 369.1,206 328.5,206 C287.9,206 255,238.9 255,279.5 C255,320.1 287.9,353 328.5,353 Z M500,10 C229.4,10 10,229.4 10,500 C10,770.6 229.4,990 500,990 C770.6,990 990,770.6 990,500 C990,229.4 770.6,10 500,10 Z M500,941 C256.5,941 59,743.6 59,500 C59,256.4 256.5,59 500,59 C743.5,59 941,256.4 941,500 C941,743.6 743.5,941 500,941 Z M671.5,353 C712.1,353 745,320.1 745,279.5 C745,238.9 712.1,206 671.5,206 C630.9,206 598,238.9 598,279.5 C598,320.1 630.9,353 671.5,353 Z M720.5,598 C720.5,598 637.8,745 500,745 C362.2,745 279.5,598 279.5,598 C233.4,572.2 189.2,624.9 230.5,671.5 C230.5,671.5 325.4,818.5 500,818.5 C674.6,818.5 769.5,671.5 769.5,671.5 C808.3,616.3 762.5,570.4 720.5,598 Z" stroke="none" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
</svg>

Пытаемся импортировать оригинальную картинку в Android Studio.
In smile.svg:
[email protected] line 5 <defs> is not supported
[email protected] line 11 Unsupported URL value: url(#linearGradient-1)
[email protected] line 11 Unsupported URL value: url(#linearGradient-1)

Что и следовало ожидать.

Удаляем секцию defs и заменяем атрибут fill каким-нибудь цветом. Параметры градиент-стопов запоминаем, они нам позднее понадобятся. Теперь студия не возражает.

Наш полученный vector drawable:

<vector xmlns:android="http://schemas.android.com/apk/res/android"
        android:width="980dp"
        android:height="980dp"
        android:viewportWidth="980.0"
        android:viewportHeight="980.0">
    <path
        android:pathData="M318.5,343C359.1,343 392,310.1 392,269.5C392,228.9 359.1,196 318.5,196C277.9,196 245,228.9 245,269.5C245,310.1 277.9,343 318.5,343ZM490,0C219.4,0 0,219.4 0,490C0,760.6 219.4,980 490,980C760.6,980 980,760.6 980,490C980,219.4 760.6,0 490,0ZM490,931C246.5,931 49,733.6 49,490C49,246.4 246.5,49 490,49C733.5,49 931,246.4 931,490C931,733.6 733.5,931 490,931ZM661.5,343C702.1,343 735,310.1 735,269.5C735,228.9 702.1,196 661.5,196C620.9,196 588,228.9 588,269.5C588,310.1 620.9,343 661.5,343ZM710.5,588C710.5,588 627.8,735 490,735C352.2,735 269.5,588 269.5,588C223.4,562.2 179.2,614.9 220.5,661.5C220.5,661.5 315.4,808.5 490,808.5C664.6,808.5 759.5,661.5 759.5,661.5C798.3,606.3 752.5,560.4 710.5,588Z"
        android:strokeColor="#00000000"
        android:fillColor="#00ff00"/>
</vector>

Следующий шаг состоит в том, чтобы сделать картинку «негативной», т.е. цветные участки преобразовать в прозрачные, а все остальное сделать цвета фона, в нашем простейшем примере белым. Для этого достаточно добавить к пути всего один обрамляющий контур (теоретически, может понадобиться изменить направление обхода на противоположное). Заодно, я полностью убрал android:strokeColor и заменил fillColor на белый:
<vector xmlns:android="http://schemas.android.com/apk/res/android"
        android:width="980dp"
        android:height="980dp"
        android:viewportWidth="980.0"
        android:viewportHeight="980.0">
    <path
        android:pathData="M0,0L980,0L980,980L0,980
        M318.5,343C359.1,343 392,310.1 392,269.5C392,228.9 359.1,196 318.5,196C277.9,196 245,228.9 245,269.5C245,310.1 277.9,343 318.5,343ZM490,0C219.4,0 0,219.4 0,490C0,760.6 219.4,980 490,980C760.6,980 980,760.6 980,490C980,219.4 760.6,0 490,0ZM490,931C246.5,931 49,733.6 49,490C49,246.4 246.5,49 490,49C733.5,49 931,246.4 931,490C931,733.6 733.5,931 490,931ZM661.5,343C702.1,343 735,310.1 735,269.5C735,228.9 702.1,196 661.5,196C620.9,196 588,228.9 588,269.5C588,310.1 620.9,343 661.5,343ZM710.5,588C710.5,588 627.8,735 490,735C352.2,735 269.5,588 269.5,588C223.4,562.2 179.2,614.9 220.5,661.5C220.5,661.5 315.4,808.5 490,808.5C664.6,808.5 759.5,661.5 759.5,661.5C798.3,606.3 752.5,560.4 710.5,588Z"
        android:fillColor="#ffffff"/>
</vector>

Первая часть работы сделана, теперь осталось создать двуслойный шейп с градиентом, а в верхний слой положить нашу картинку:
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:top="0.5dp"
        android:right="0.5dp"
        android:left="0.5dp"
        android:bottom="0.5dp">
        <shape android:shape="rectangle">
            <gradient
                android:startColor="#2CF607"
                android:endColor="#038BF3"
                android:angle="135"
                android:type="linear" />
            <size
                android:width="64dp"
                android:height="64dp">
            </size>
        </shape>
    </item>
    <item android:drawable="@drawable/ic_smile" />
</layer-list>

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

Результат вполне достойный (только я случайно поменял местами startColor и endColor, а переделывать уже не хочется):


Приятного кодинга!

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *