Как сделать цветные тени

Добавил пользователь Валентин П.
Обновлено: 04.10.2024

Редкий современный дизайн обходится совсем без теней. Большинство популярных дизайн-систем типа Material или Fluent включают их в себя. Давайте посмотрим, что можно сделать, чтобы не облажаться при создании теней.

Эй, хотел сказать тебе спасибо (и тебе тоже). Было приятно и неожиданно увидеть столь бурный отклик на эту тему на родном DTF. Продолжайте ставить лайки, мне понравилось.

Если хочется ещё статей — подписывайся🦔 И подумай про донат. Даю время до конца статьи.

Не важно, используете вы Figma, Sketch, XD или ещё что-то, совет универсальный:

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

Пока меня профессионалы не закидали помидрами, хочу сделать ремарку: естественно, мягкие тени — не панацея, и они нужны далеко не везде. И большие значения blur подойдут тоже не во всякой ситуации. Даже в вышеупомянутых мной дизайн-системах есть тени для элементов с низким уровнем подъёма (elevation).

Ещё один лайфхак (*distant trigger sounds*) - использовать несколько теней, наслаивая их друг на друга. Настраивать их, конечно, тяжелее, чем одну, но человечество придумало всякие генераторы как раз для этой цели.

Тут, естественно, тоже есть ограничения. Хотя тень слева и выглядит красиво, она получается очень длинная и в интерфейс в приложение, например, её не впихнёшь. Максимум — на какой-нибудь лендинг. Выглядит она как-то так:

box-shadow: 0px 2.07544px 2.21381px rgba(46, 60, 80, 0.0196802), 0px 4.98758px 5.32008px rgba(46, 60, 80, 0.0282725), 0px 9.39116px 10.0172px rgba(46, 60, 80, 0.035), 0px 16.7522px 17.869px rgba(46, 60, 80, 0.0417275), 0px 31.3332px 33.4221px rgba(46, 60, 80, 0.0503198), 0px 75px 80px rgba(46, 60, 80, 0.07);

Понятное дело, что для интерфейсов лучше использовать что-то более подходящее. Например, если не ошибаюсь, в Material тени состоят из трёх слоёв, во Fluent — из двух.

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

Ну да не суть. Просто не используйте для теней большие значения. Максимум, что вы можете себе позволить — это 25%, больше обычно выглядит плохо. По крайней мере с тёмными тенями. О цветных поговорим чуть ниже.

Цветные тени — плюс-минус новое веяние дизайна, и использовать их можно далеко не везде. Отличаются они обычно более высокой opacity (в среднем раза в два выше) по сравнению с их тёмными собратьями и, очевидно, цветом.

Довольно важная вещь, и так далеко по списку. *разочарованно цыкает*

Хотя никто не отрицает, что тень может использоваться чисто для декоративного эффекта — выделить какой-то элемент, например, обычно с их помощью передают подъём элементов (elevation). Если хочется что-то почитать про это — можно глянуть в документацию Material, там всё подробно расписано и даже показано.

Но смысл простой: элементы на экране находятся в псевдо-3d пространстве и с помощью теней показывается изменение их высоты.

Вот и конец статьи. Время пришло. Я ни к чему не принуждаю. Просто дружеское напоминание, что донатить можно как через систему DTF, так и на Я.Деньги.

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

Если есть пожелания/предложения о чём написать или любой другой фидбек — прошу в комментарии!

И ещё у меня есть пара каналов в телеге, вдруг вам будет интересно:

фикс (о котором никто не просил)

Ладно, ты меня уделал

Ещё градиентами обмазаться, ага.

Этим можно брать, и обмазываться

Не ври, это сделал Артемий Лебедев, это же новый логотип для завода по изготовлению мороженного. Ты просто взял и перевернул мороженку! ФУ!

Ну вписался и вписался

Найс. Можно ещё по вертикали вниз немного сдвинуть и норм будет

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

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

7 летнее ноутбучное обосанное TN вместо экрана

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

У меня тоже есть такая страничка из нулевых. Даже парочка. На моём монике выглядело збс, а я тут недавно её нашёл. уххх. :D

В примере со слоеной темой разница и правда минимальная

"Одинокая тень-одиночка на одинокой дороге. Одна."

Моё увожение за The IT Crowd 😊

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

Это, конечно, не значит что делать стоит только так. Иногда правила имеет смысл нарушать. Но тогда нужно понимать зачем это делается.

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

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

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

А если у нас тень от белого объекта, то что делать? Серый цвет применять или уходить в холодную/теплую зоны?

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

Можно и серый с прозрачностью, потому что прозрачность будет сама создавать смешение цветов. Но тогда есть шанс, что тень получется не очень приятная глазу, так как серый будет просто создавать эффект "выцветания".
В первом примере, в тертьем квадртике (который просто белый на белом) - там просто серая тень. Хотя опять же, тут стоит учитывать светимость цветов, потому что яркий цвет на белом фоне будет терятся.

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

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

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

Что потребуется для придания яркости теням?

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

Тональный крем или консилер

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

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

Синий и зеленый, например, станут более сочными, а черный — еще глубже.

Карандаш под цвет теней

Как сделать тени ярче до нанесения?

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

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

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

Этот метод особенно хорош в макияже с тенями металлик или средствами темных оттенков. Благодаря влажному нанесению они будут выглядеть вдвойне выразительно. Стойкость тоже будет выше.

Как усилить яркость теней после нанесения?

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

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

Во-вторых, если вдруг вам нужно не столько усилить конкретный цвет, а сделать макияж более броским в целом, добавьте к теням слой глиттера — например, Face & Body Glitter от NYX Professional Makeup.

Как наносить глиттер, вы узнаете в этом видео.

Делаем матовые тени ярче

С матовыми тенями влажное нанесение не сработает так, как с текстурой металлик.

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

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

Обзор ярких теней для век

Палетка Moondust, Urban Decay

Тени Eyes To Kill Stellar Eyeshadow, Giorgio Armani

Еще один пример теней с высокой концентрацией пигментов и шиммера. Завораживающе яркий результат Eyes To Kill Stellar Eyeshadow обеспечивают не в последнюю очередь благодаря своей текстуре. В баночке она гелевая, а на веках превращается в пудру — интенсивность оттенки при этом не теряют.

Палетка Lemonade Craze, Maybelline New York

В палитре Lemonade Craze от Maybelline New York собраны самые сочные цитрусовые оттенки. Причем и лимонный, и апельсиновый, и грейпфрутовый выглядят на коже ярко, без шансов остаться незамеченными. Часть теней — матовые, часть — сияющие. Соединяя контрастные текстуры в одном мейкапе, вы обеспечите ему особую выразительность.

Жидкие тени Infaillible Eye Paint, L’Oréal Paris

Чтобы не переживать, получится ли макияж с тенями ярким, выбирайте средство с жидкой текстурой. Покрытие получается, как правило, более плотным и насыщенным. В случае с Infaillible Eye Paint есть и другие преимущества: комфортная гелевая текстура быстро высыхает на веках, не доставляя дискомфорта и гарантируя стойкость до 12 часов.

А у вас есть хитрости на случай, если нужно сделать тени ярче? Напишите о них в комментариях.

Попробуйте яркие тени для век

Вас ждет подарок за подписку!

Создай образ вместе с L’Oréal Paris

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

Макияж и грим на Хэллоуин: делаем мейкап своими руками в домашних условиях Ведьма, призрак, скелет или клоун – кем вы будете на этот Хэллоуин? Десятки идей для тематического мейкапа ищите в нашем бьюти-досье

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

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

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

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

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

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

И наконец, мой любимый рецепт теней, на основе древесного угля. Такие тени можно использовать для макияжа с дымкой. Всё очень просто. Возьмите уголь, который продаётся в каждой аптеке. Это могут быть обычные таблетки, а могут быть капсулы. Если это таблетки, то растолките их в ступке, а если капсулы, просто высыпьте их. Переместите его в баночку для бальзама для губ. Что бы предать теням более насыщенный серый цвет, добавьте серую слюду. Если вы хотите зелёный, добавьте.

Хотите использовать свежие и яркие каджалы и подводки для глаз, чтобы не отставать от последних тенденций? Любите пользоваться цветными подводками для глаз, но не хотите вкладывать деньги в новую? Нет проблем, сегодняшний урок макияжа покажет вам супер быстрый способ сделать подводку для глаз самостоятельно в домашних условиях! Вы когда – нибудь задумывались о том, как использовать тени для век в качестве подводки? Да, вытащите все свои сломанные тени для век, которые вы отбросили как бесполезные. Давайте сделаем совершенно новую подводку для глаз! Интересно, как сделать подводку для глаз с тенями для век?

Как сделать подводку для глаз с тенями для век?

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

Небольшой пустой контейнер для хранения продукта
Сыпучий пигмент или тени для век любого цвета
Вода
Кисть для подводки глаз
Основа для лица
Ватный тампон

Как сделать подводку для глаз с тенями для век:

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

Шаг 1:

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

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

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

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

Шаг 2:

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

Шаг 3:

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

Шаг 4:

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

Шаг 5:

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

Эта подводка для глаз работала хорошо и продержалась на мне добрых 4 часа, так как я добавила основу. Срок годности этой подводки для глаз будет таким же, как и срок годности теней для век.
Итак, теперь вы создали совершенно новую подводку для глаз без каких-либо затрат. И вы тоже избежали тратить свои старые тени для век!

И не забудьте поделиться своим мнением с нами в разделе комментариев ниже.

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