Як я можу зробити форму такою, якою вона зроблена зі скла?


12

Які загальні принципи я можу застосувати, щоб форма виглядала так, як вона зроблена зі скла? Більш конкретно, я хочу зробити просту графіку, яка створює враження при погляді на об'єктив (див. Нижче). Я сподівався знайти схему, яка б працювала для різних форм лінз (опуклих, увігнутих тощо) .

Зображення двоконвекційного об'єктива з <code> http://en.wikipedia.org/wiki/Lens_(optics) </code>

Поки що я намагався додати контур формі лінзи, який міг би бути відбиттям від джерела світла дуже далеко. Темний колір фону зменшує складність будь-яких заломлень через об'єктив, як це запропонував @Dom.

Спроба об'єктива на темному тлі.


Розмова в коментарях до цієї публікації переміщена до чату .
JohnB

Отже, де чат / коментарі?
голоси

Не маю жодної ідеї ...
boyfarrell

Відповіді:


19

Деякі початкові нотатки

Давайте зробимо пошук у Google (зображення): https://www.google.com/search?q=crystal+logo

1) Ви можете бачити, як важко зробити абстракцію кристала. У Верея кілька логотипів досягають успіху.

2) "Як зробити ілюстрацію" залежить від того, яку саме ілюстрацію ви бажаєте. Ключове слово тут - «стиль».

Залежно від такого підходу погляд можна назвати діаграмою, мультфільмом, ілюстрацією, милою, дивовижною тощо.

Зробимо ще один пошук (зображення) https://www.google.com/search?q=crystal+vector

Це краще, але проблема полягає в тому, що вам не потрібні гранітні кристали, які в деяких випадках простіші.

3) Очевидно, що вам не потрібні ці тьмяні діаграми лінз: https://www.google.com/search?q=lens+diagram

Ось мій підхід

Насправді я починаю використовувати цей стиль для деяких діаграм, які я роблю сам.

Якщо нам потрібне реалістичне зображення, я б використовував тривимірне зображення як базу.

Але якщо нам не потрібен реалізм, просто кутер діаграми, я використовую просту тінь (и) та відображення (r) (A)

Але я не бачу відображення, тому мені потрібен базовий колір (B)

І я додаю "піскоструминний пісок" (C)

Але хитрість полягає в тому, що всі ці елементи фактично використовують прозорість. Адже це лінза. Тому якщо я використовую більш темний фон, я знаю, що можу показати світло в наступних кроках. (Ви можете бачити, що промінь світла знаходиться за лінзою)

Я можу грати зі світлом замість тих нудних жовтих стрілок.

введіть тут опис зображення

Усі прозорі плівки є простими градієнтами (тут я використовую Corel Draw, але їх у вас є в Illustrator та Inkscape)

Для останнього я використовую початковий об'єкт і кінцевий об'єкт, щоб надати форму променя, але є й інші підходи до цього.

Відредаговано через деякий час.

Я додаю зображення про те, як зробити просту типову глянсову кнопку.

Тут ви можете бачити, як різні прості елементи поєднуються між собою.

введіть тут опис зображення

Додатковим варіантом щодо стилю є додавання деяких розмиттів на ті самі об’єкти, що і раніше.

введіть тут опис зображення


Така чудова відповідь! Мені дуже подобається, що за допомогою кількох елементів (градієнта та кольору) ви можете отримати щось, що виглядає жваво і весело.
boyfarrell

1
Чи є ці 3D-приклади і вашою власною роботою, чи простежується цей промінь?
boyfarrell

Raytraced - це загальне слово щодо 3D-рендерінгу. Так. Але більш конкретніше було з картою Керкітеї та фотонів, але взагалі будь-який "фотореалістичний двигун візуалізації буде робити, як цикли в блендері"
Рафаель,

Як ви робите піскоструминну обробку ? Чи можете ви це детальніше розробити? Це виглядає глянцевим; більше схоже на бродяче відображення, ніж на травлену поверхню, яку ви побачите на реальній лінзі, але це ключовий елемент, який справді відключає C, D, E, F & G. Особливо з темним фоном і поперечним променем світла.
голоси

Ти правий. Я б використав точно таку саму техніку, як глянцеве відображення. Я не хочу представляти власне піскоструминну обробку, бо це було б настирливим. Пам’ятайте, що це для діаграми або для ілюстрації, а не для реального життя.
Рафаель
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.