3 дописи з тегом

градієнт

/core.php, line 1
Error 2: Use of undefined constant k - assumed 'k' (this will throw an Error in a future version of PHP)

/core.php, line 1
Error 2: Use of undefined constant k - assumed 'k' (this will throw an Error in a future version of PHP)

/core.php, line 1
Error 2: Use of undefined constant k - assumed 'k' (this will throw an Error in a future version of PHP)

Колір

Колір використовується завжди і всюди. Він відіграє важливу роль в кожній роботі, в кожній ілюстрації.
Саме завдяки ньому формується певне відношення до логотипу, айдентики чи чогось іншого.

(робив ілюстрацію по туторіалу)

Часто перед ілюстратором виникає питання вибору кольору і тоді є декілька шляхів вирішення: вибирати вручну кольори, шукати референси, брати кольори із готових робіт або ж шукати кольорові палітри. Для початку можна користуватися лише останніми 2 варіантами, тому що дизайнер початківець не зможе відібрати хороші кольори через свої власні смаки та через недостатню «набаченість».

У мене в закладках є багато посилань, які стосуються кольору. Можна брати кольори звідти, використовувати. З часом прийде розуміння того, як краще відбирати кольори і поєднувати їх для досягнення найкращих результатів.

Кольори компаній/брендів:
Atlassian
Carto
Tailwind
Apple
Google
IBM
Clarity
Oracle
Ant Design
Microsoft Fabric

СloudFlare

Палітри:
ColorKitty
Scale
ColorBox
Pigment
ColorDrop
Material
LOL Colors

Градієнти:
Egg gradients
uiGradients
WebGradients

Сервіси:
Color Hex
Color Picker

Статті на рахунок того, як вибирати колір:
Color wheel
How to color

Повторюємо дизайн JetBrains

Дана компанія створює не лише прекрасні IDE, а й представлення та дизайн своїх продуктів, елементів фірмового стилю.

Приклади дизайну:

Прекрасно. Все засновано на градієнтах та переходах. Можна спробувати повторити.
Для того, щоб вибрати самі смачні кольори, я скористуюсь кольоровою системою Material Design.

Повторити першу роботу не важко:

Спочатку створюємо еліпси різних кольорів і розмірів. Далі виділяємо їх всіх, вибираємо інструмент Перехід (w) і по черзі з'єднуємо. На наступному кроці додаємо чорний квадрат і центруємо все відносно монтажної області.

Тепер спробуємо зробити і так, як у другій роботі:

Суть така ж сама, як і у попередньому прикладі, але еліпси потрібно витягнути за межі монтажної області. Треба ще додати еліпс і радіальним градієнтом, який іде від жовтого кольору до прозорого.

Далі по списку різноманітні переходи з незвичайними формами:

Нічого складного. Потрібно просто визначити форму за допомогою контура, потім створити перехід. Далі в меню Об'єкт > Перехід > Замінити траєкторію.

Останній приклад розглядатися не буде, тому що там ідуть ті ж самі переходи, але ще для кожного з них визначається прозорість. Дуже яскраве, уміле поєднання кольорів в останньому прикладі.

Мої кольори можуть відрізнятися від оригінальних, тому що я створював все в іншій кольоровій палітрі.Не все могло зійтись на 100%, але у мене і не було мети скопіювати все.

Худнемо

Лого для тих, хто хоче схуднути.

На лого зображений явно повний чоловік, який біжить до своєї мети:

Поки що рівень не Альбіни, але я стараюсь.
Будемо рости.

2019   Adobe Illustrator   авторське   градієнт   дизайн