Рисуем трехмерные иконки / Хабр
Предыдущие статьи про иконки породили множество вопросов о технике рисования таких, по сути, мини иллюстраций. Постараюсь раскрыть эту немудреную тайну:)
Подробного описания, что и куда нажать не привожу, это бы потребовало написания целой серии уроков, а хочу поделиться общим принципом.
В качестве примера взял иконку из текущего проекта.
Сервис Rizzoma — это система коллаборации, альтернатива Google-wave.
В ходе работы над сайтом родилась идея сделать красивые иконки для каждого блока с преимуществами сервиса. Улитка символизирует контекстные сообщения и по сути своей является продвинутым символом @
Обычно работа над иконкой начинается с карандашного эскиза, но в этот раз оказалось достаточно вдохновляющих картинок Fast snail. Было решено сделать свою версию улитки с турбиной — прекрасную и очаровательную.
Моделю обычно в 3D Max, но по сути инструмент не имеет решающего значения.
Раковина
Модель делается грубой низкополигональной, затем накладываем сглаживание.
Слизень и турбина
Аналогично делаем мягкую часть улитки. Для турбины сглаживание не нужно, можно сразу делать с плотной сеткой.
Готовая модель
Собираем все вместе
Рендерю посредством Vray, версию лучше брать посвежее, чтобы багов было поменьше и все шло по шустрее.
Сцена
Я использую достаточно стандартную С-образную сцену с тремя источниками света. Она позволяет получать не слишком шумный с хорошими отражениями рендер при высокой скорости просчета. Урок по созданию подобной сцены можно посмотреть, например, здесь. Я добавил еще два дополнительных источника света, один синий, другой желтый, чтобы сделать цветные блики и добавить «драматизма»
Отрендеренная модель
Делаю тестовый рендер с простой серой текстурой, чтобы посмотреть как ложится свет.
Здесь видно что немного доработан «ремешок» для крепления турбины.
Текстурирование
Находим понравившуюся картинку улитки и разбираем ее
на две текстуры. Переводим текстуру в черно-белое, немного повышаем контраст и получаем бамп (текстура неровностей) Текстуры накладываю без развертки, т.к. моделька не будет анимироваться и вид будет только с одного ракурса. Выставляем нужную степень отражения и прозрачности. Есть шикарный сайт http://www.vray-materials.de на нем очень много качественных материалов для Vray. Можно использовать готовые или брать за основу для создания собственных.
Рендер
Обсчитываю картинку в большем разрешении, чем требуется, чтобы в дальнейшем после обработки ее уменьшить и «доточить». Так получается более качественный конечный результат, меньше шума и четче детали.
Маски
Дополнительно рендерится альфа-канал и маски для разных объектов.
Теоретически маски можно считать одним каналом, раздав нужным материалам (или объектам) соответствующие ID, но мне удобно по отдельности.
Готовый, достаточно грязноватый и неопрятный, рендер корректируется в фотошопе:
— Используя альфа-канал вырезаем объект из фона
— Фон делаем более светлым и контрастным, удаляем лишнее оставляя только тень
— Каждый объект обрабатываем, делаем ярче, контрастней, добавляем блики, корректируем форму и т.д. Какой-то точный алгоритм этих действий сложно составить, все делается «на глаз» и зависит от того какой материал обрабатывается и что хочется получить
Немного уменьшаем и добавляем резкости.
Большая улитка будет использоваться для статей, маленькая на главной странице.
Красивые 3D иконки -2 свободный вектор
Этот сайт использует куки. Продолжая просматривать, вы соглашаетесь на использование нами файлов cookie и других технологий отслеживания.
Пожаловаться
Скачать (4,8 МБ)
Красивые 3D иконки
Набор красивых веб дизайн декоративных значок
Творческий 3D иконки
Красивая милые значки
Красный набор зеленый значок со стрелкой вправо стрелки кнопку навигации сингл
3D звезда векторный Icon, 3d звезда Векторный Ai, звезда Photoshop Дизайн, Дизайн Adobe Illustrator звезда вектора
Икона — очень красивый синий значок трехмерные
Набор 36 красивой веб иконок
3D веб векторный Icon, AI веб значок иллюстратор, Photoshop веб значок Illustrator AI
Загрузить Более 5,5 миллионов иконок, 3D-иллюстраций и анимаций Lottie Анимации.
Кураторские SVG, векторные иконки, иллюстрации, 3D-графика и Lottie
Анимации.
Ежедневно добавляется более 7000 новых активов.
Интегрированные плагины, инструменты, редакторы и многое другое.
Тренды:
- Корзина
- Бизнес
- Смартфон
- Приложение для покупок
- Магазин
- Рождество
- Денежная сумка
- Празднование
3D Иллюстрации
111 000+ 3D Активы с исходными файлами
Lottie Animation Редактор цветов
Векторные значки
4,8 миллиона векторных значков, редактор цветов
Нам доверяют более 2,1 миллиона пользователей по всему миру
Добавьте волшебства в свой дизайн за 30 секунд
IconScout поставляется со встроенными плагинами, инструментами преобразования и простым, мощные редакторы, улучшающие и оптимизирующие рабочий процесс.
Наиболее релевантные активы
Выберите наиболее релевантные активы из всех различных стилей
доступны, чтобы дополнить ваш дизайн.
Выберите и настройте
Используйте наши редакторы SVG и Lottie, чтобы быстро настроить цвета, фон, применяйте предустановки и вносите быстрые изменения на ходу.
Внедрение на разных платформах
Внедрение SVG и анимаций Lottie всего за несколько кликов. Они работают как по волшебству в Интернете, iOS, Android, ТВ и WatchOS.
Обнаружить миллионы творческих активов
Изучите наши избранные ресурсы и познакомьтесь с удивительно талантливыми художниками. за этими творениями.
Откройте для себя избранные активыПакет иллюстраций Черной пятницы
10 иллюстраций
Пакет иллюстраций Черной пятницы
10 иллюстраций
Черная пятница 3D Icon Pack
16 3D-значков
Черная пятница 3D Icon Pack
20 3D-значков
Набор анимированных иллюстраций домашних животных и растений
10 анимированных иллюстраций
Набор рождественских анимированных иллюстраций
15 анимированных иллюстраций
Счастливого Рождества Icon Pack
36 значков
Рождественский набор иконок
50 иконок
Рождественская наклейка Icon Pack
20 иконок
Рождественский набор иконок
20 иконок
Обнаружить миллионы творческих активов
Изучите наши избранные ресурсы и познакомьтесь с удивительно талантливыми художниками.
за этими творениями.
World of Integrations
Работайте быстрее и экономьте время с помощью приложений и плагинов
IconScout имеет интеграцию с Figma, Adobe XD, Sketch, Illustrator, GSuite и MS Office. Наши плагины позволяют находить активы без вас оставляя инструменты, которыми вы пользуетесь.
Скачать плагины для:
Apple ОБНОВЛЕНИЕ
Windows
Фигма ПЕРЕТАСКИВАЙТЕ
Adobe XD
Эскиз
G Suite
Офис
иллюстратор
Фотошоп
Канва НОВИНКА
Редактирование стало проще
Редактор цвета
Изменение цвета, обводки и придание формы значкам SVG и Иллюстрации.
Откройте редактор цветовSVG в Lottie
Преобразование значков и иллюстраций SVG в Lottie и сохранение единого
файл для всех платформ.
Lottie Editor
Редактируйте цвета слоев, текстовые слои и многое другое с помощью простого в использовании Редактор Лотти.
Откройте редактор лотереиАктивы от тысяч художников по всему миру
Стать участником Познакомьтесь со всеми художниками
Пол Янсен
Дизайнер иконок от 🇺🇸
🇺🇸
Максимум значков
Дизайнер иконок от 🇹🇭
🇹🇭
Король Петчарт
Дизайнер иконок от 🇹🇭
🇹🇭
Имам Буке
Дизайнер иконок от 🇮🇩
🇮🇩
Орех Чанут
Дизайнер иконок от 🇹🇭
🇹🇭
Сафван Муртадха
3D дизайнер от 🇮🇩
🇮🇩
Ву Хоанг Вьет
3D-дизайнер от 🇷🇴
🇷🇴
Векторы рынок
Дизайнер иконок от 🇵🇰
🇵🇰
Тай Хоанг
Художник-иллюстратор из 🇻🇳
🇻🇳
Снимки Бойко
Дизайнер иллюстраций из 🇷🇺
🇷🇺
Оксана Гривина
Дизайнер иллюстраций из 🇵🇹
🇵🇹
Получите доступ к крупнейшей в мире экосистеме дизайна: активы, интеграции и Движение.
Последние истории
Посмотреть всеРесурсы
8 Библиотеки и веб-сайты с бесплатными иллюстрациями
Жасмин Андрия
Ресурсы
15 лучших сайтов-портфолио для дизайнеров, где они могут продемонстрировать свои работы
Жасмин Андрия
Ресурсы
20 лучших расширений Chrome для UI/UX дизайнеров
Жасмин Андрия
Просмотр активов по ключевым словам
Получите доступ к более чем 5,5 миллионам значков, иллюстраций, 3D-анимаций и плагинов на IconScout
Персонализируйте свои активы и сделайте их своими
Найдите
Редактируйте и персонализируйте
Отправляйте с помощью наших плагинов
Получить полный доступ
Кураторские дизайнерские активы, Более Каждый день добавляется более 7000 новых активов.
Ваша учетная запись содержит самую обширную библиотеку активов и простой в использовании
инструменты для персонализации каждого типа ресурсов дизайна.
3D иллюстрации
Более 111 000 3D-ресурсов с исходным файлом
Лотти Анимации
Более 73 000 бесплатных и премиальных анимаций Lottie
Иллюстрации
Более 147 000 векторных иллюстраций, цветной редактор
Векторные иконки
4.8 Million+ Vector icons, color editor
Get source files for your assets
SVG
PNG
ICNS
BASE64
AI
EPS
ICO
JSON
GIF
BLEND
Почтовый индекс
GLTF
AEP
Заставьте больше происходить быстро
Ваша учетная запись включает плагины дизайна, интеграции и редакторы ресурсов.
Исследуйте и просматривайте 3D-иллюстрации в режиме 360
Мгновенно настройте их в соответствии с цветами вашего бренда.
Редактор цветов и лотов
упрощенный редактор для статических и движущихся объектов
Приложения и плагины
Интегрируется с вашим любимым инструментом дизайна
SVG в Лотти
Конвертер SVG в Lottie, смотрите, как он автоматически анимируется.
Получить полный доступ
Получите доступ к своим активам в ваших любимых инструментах дизайна
Получите любой дизайнерский актив, не покидая свои любимые инструменты. IconScout имеет плагины и интеграции для популярных платформ дизайна и разработки.
Яблоко
Окна
Канва
Фигма
Эскиз
AdobeXD
Adobe Photoshop
Adobe Illustrator
Гугл документы
Microsoft Word
Веб-поток
Элементор
Вордпресс
Создавайте радостный и привлекательный маркетинговый контент
Сделайте ваши электронные письма, рекламу и посты в социальных сетях более интерактивными и расскажите лучшие истории
Добавьте эти настраиваемые активы в свои цифровые продукты.
Адаптируйте их к рекомендациям вашего бренда и добавляйте их в дизайн пользовательского интерфейса, веб-сайты, приложения и многое другое.
Сделайте свои презентации и выступления ярче
Персонализируйте свои любимые ресурсы дизайна и используйте их в G Suite, PowerPoint и многое другое.
Предыдущий слайдСледующий слайд
Наша миссия
Расскажите лучшие истории с помощью наиболее подходящих дизайнерских ресурсов.
Получить полный доступ
Популярные проекты теперь строятся с использованием наших активов и инструментов
«С активами креативного дизайна очень легко доносить свои идеи до заинтересованных сторон.
