Как я могу сделать форму похожей на то, что она сделана из стекла?

12

Какие общие принципы я могу применить, чтобы форма выглядела, как будто она сделана из стекла? Точнее говоря, я хочу сделать простую графику, которая создает впечатление взгляда со стороны объектива (см. Ниже). Я надеялся найти схему , которая будет работать для различных различных форм линз (выпуклые, вогнутые и т.д.) .

Двояковыпуклой линзы изображение от <код> http://en.wikipedia.org/wiki/Lens_ (оптика) </ код>

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

Попытка объектива на темном фоне.

boyfarrell
источник
Разговор в комментариях к этому посту был перенесен в чат .
JohnB
Итак, где же чат / комментарии?
голоса
Понятия

Ответы:

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

Вот мой подход

На самом деле я начинаю использовать этот стиль для некоторых диаграмм, которые я делаю сам.

Если нам нужно реалистичное изображение, я бы использовал 3D-изображение в качестве основы.

Но если нам не нужен реализм, просто компьютерная диаграмма, я использую простые тени и отражения (r) (A)

Но я не вижу отражения, поэтому мне нужен базовый цвет (B)

И я добавляю «пескоструй» (с)

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

Я могу играть со светом вместо этих скучных желтых стрелок.

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

Все прозрачные пленки простые градиентные (здесь я использую Corel Draw, но они есть в Illustrator и Inkscape)

Для последнего я использую начальный объект и конечный объект, чтобы придать форму балке, но есть и другие подходы к этому.

Отредактировано через некоторое время.

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

Здесь вы можете увидеть, как различные простые элементы объединяются.

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

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

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

Рафаэль
источник
Такой отличный ответ! Мне очень нравится, что с помощью всего нескольких элементов (градиент и цвет) вы можете получить что-то, что выглядит живо и весело.
boyfarrell
1
Эти трехмерные примеры - тоже твоя собственная работа?
boyfarrell
Raytraced - это общее слово для 3D-рендеринга. Да. Но конкретнее было с Kerkythea и фотонной картой, но в целом подойдет любой «фотореалистичный движок рендеринга», как циклы в блендере.
Рафаэль
Как ты делаешь пескоструйный аппарат ? Можете ли вы уточнить это? Это выглядит глянцевым; больше похоже на паразитное отражение, чем на протравленную поверхность, которую вы бы видели на реальном объективе, но это ключевой элемент, который действительно отключает C, D, E, F & G Особенно с темным фоном и поперечным лучом света.
голоса
Ты прав. Я бы использовал ту же технику, что и глянцевое отражение. Я не хочу представлять настоящую пескоструйку, потому что это было бы навязчиво. Помните, что это для диаграммы или в целях иллюстрации, а не для представления реальной жизни.
Рафаэль