Серия «Изображения для сайта»

Три Stable Diffusion и кое-что еще: создание и редактирование изображений в Playground AI

Шедеврами, нарисованными нейросетями, сейчас никого не удивишь. Но далеко не всегда нужны претендующие на звание предмета искусства картины, для создания которых даже с помощью искусственного интеллекта необходим профессионализм. Нас, например, интересовал простой рабочий инструмент, с помощью которого можно создать десяток–другой изображений в месяц без установки Automatic1111 с изучением множества вариантов его настроек или покупки подписки MidJourney. Мы нашли его в Playground AI.

Три Stable Diffusion и кое-что еще: создание и редактирование изображений в Playground AI Дизайн, Сайт, Stable Diffusion, Нейронные сети, Нейросеть ruDALL-E, Нейросеть dall-e 2, Картинки, Цифровой рисунок, Длиннопост

Нейросеть-художник пишет шедевр. Автопортрет)

4 + 2 нейросети в 1

Сервис Playground AI условно бесплатен, работает без VPN, для начала использования достаточно авторизоваться по Google-аккаунту.

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

Рисовать можно в двух режимах:

  • Board — генерация от одного до четырех изображений фиксированного разрешения;

  • Canvas — последовательное создание холста неограниченного размера путем генерации и редактирования отдельных участков.

В режиме Board доступны четыре бесплатные модели искусственного интеллекта:

  • Playground v1;

  • Stable Diffusion 1.5;

  • Stable Diffusion 2.1;

  • Stable Diffusion XL.

При покупке Pro-аккаунта за 15 $/месяц список моделей пополняется DALL-E. А по отдельной подписке стоимостью 10 $/месяц предоставляется доступ к DALL-E 2.

Три Stable Diffusion и кое-что еще: создание и редактирование изображений в Playground AI Дизайн, Сайт, Stable Diffusion, Нейронные сети, Нейросеть ruDALL-E, Нейросеть dall-e 2, Картинки, Цифровой рисунок, Длиннопост

Изображения по промпту «racing car» от Stable Diffusion XL

В режиме Canvas генерация изображения выполняется или автоматически выбираемой моделью, или Stable Diffusion XL. Подробно, как генерировать изображения, писать не будем — общие обзоры сервиса есть, в том числе на VC. Если коротко: создание картинок выполняется на основе базового набора стандартных для Stable Diffusion настроек.

Три Stable Diffusion и кое-что еще: создание и редактирование изображений в Playground AI Дизайн, Сайт, Stable Diffusion, Нейронные сети, Нейросеть ruDALL-E, Нейросеть dall-e 2, Картинки, Цифровой рисунок, Длиннопост

Интерфейс режима Canvas

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

Возможности редактирования

Нейросети PlaygroundAI умеют не только рисовать изображения, но и изменять их. К каждому сгенерированному рисунку прилагается выпадающее меню с набором из 13 функций. Среди них наиболее полезны:

  • Edit — изменение в режиме Board изображения или его части по текстовому описанию. Например, можно добавить усы или перекрасить волосы.

Три Stable Diffusion и кое-что еще: создание и редактирование изображений в Playground AI Дизайн, Сайт, Stable Diffusion, Нейронные сети, Нейросеть ruDALL-E, Нейросеть dall-e 2, Картинки, Цифровой рисунок, Длиннопост

Промпт «Add mustaches on his face»

Для более точного редактирования применяется опция Add Mask, позволяющая выделить изменяемую область. А также можно выбрать Edit In Canvas и изменять изображение в режиме холста. С помощью этих функций редактируются не только сгенерированные в Playground AI изображения, но и любые другие, загруженные с компьютера.

Три Stable Diffusion и кое-что еще: создание и редактирование изображений в Playground AI Дизайн, Сайт, Stable Diffusion, Нейронные сети, Нейросеть ruDALL-E, Нейросеть dall-e 2, Картинки, Цифровой рисунок, Длиннопост

Промпт «Make blond hairs»

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

Три Stable Diffusion и кое-что еще: создание и редактирование изображений в Playground AI Дизайн, Сайт, Stable Diffusion, Нейронные сети, Нейросеть ruDALL-E, Нейросеть dall-e 2, Картинки, Цифровой рисунок, Длиннопост

Выделен участок на дороге и задан промпт «dog»

  • Use in image to image — весь рисунок станет образцом для последующей генерации по заданному вручную промпту.

  • Create Variants — нейросеть возьмет изображение за образец и автоматически сгенерирует картинку по текущим настройкам.

  • Face restoration — повышает качество и реалистичность человеческих лиц, и в некоторой степени — и других деталей. Вместе с этим разрешение картинки увеличивается в 2 раза.

  • Upscale by 4x — увеличивает картинку в 4 раза. Эта опция нивелирует ограниченный в бесплатной версии выбор разрешений.

  • Remove Background — полностью автоматическое удаление фона.

Три Stable Diffusion и кое-что еще: создание и редактирование изображений в Playground AI Дизайн, Сайт, Stable Diffusion, Нейронные сети, Нейросеть ruDALL-E, Нейросеть dall-e 2, Картинки, Цифровой рисунок, Длиннопост

Остальные функции — это простые команды, вроде скачать, развернуть на весь экран или удалить изображение.

Полезные фишки

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

Три Stable Diffusion и кое-что еще: создание и редактирование изображений в Playground AI Дизайн, Сайт, Stable Diffusion, Нейронные сети, Нейросеть ruDALL-E, Нейросеть dall-e 2, Картинки, Цифровой рисунок, Длиннопост

Раздел Animals

Чтобы изображения не попали в общий доступ, нужно работать в приватном режиме. Он активируется ползунком в правом нижнем углу интерфейса. На Pro-аккаунтах выбранная настройка сохраняется на протяжении всей сессии, на Free-аккаунтах — нужно не забывать проверять ее и включать, при открытии нового окна. Впоследствии «приватные» изображения можно в любой момент сделать публичными.

На Playground AI можно «лайкать» общедоступные рисунки и подписываться на их авторов. Кроме того, для каждого изображения указываются промпты и основные настройки для его создания. От просмотра картинки можно сразу перейти к генерации аналогичной, ее редактированию. Это значительно упрощает процесс рисования: достаточно найти примерно то, что нужно, и по готовому промпту создавать свой вариант. И, конечно, все изображения доступны для скачивания.

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

Три Stable Diffusion и кое-что еще: создание и редактирование изображений в Playground AI Дизайн, Сайт, Stable Diffusion, Нейронные сети, Нейросеть ruDALL-E, Нейросеть dall-e 2, Картинки, Цифровой рисунок, Длиннопост

Такая информация доступна по каждому опубликованному на Playground AI изображению

Мы используем Playground AI для генерации изображений к статьям для собственных блогов и для блогов наших клиентов. Главное, что дает сервис — это возможность мгновенного получения красивых оригинальных изображений на любую тематику без необходимости пользоваться услугами дизайнеров и фотостоков, не говоря о попытках подбирать рисунок из «Яндекс.Картинок». Почему последних способ однозначно не подходит, и какие еще есть методы иллюстрирования сайтов, мы рассказывали в нашей статье.

Показать полностью 9

Изображения для сайта. Часть 2: Иллюстрации

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

Изображения для сайта. Часть 2: Иллюстрации Сайт, Полезное, Картинки, Иллюстрации, Веб-дизайн, Дизайн, Длиннопост

Векторные иллюстрации как вариант для наполнения сайта

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

Когда они могут понадобиться?

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

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

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

Примеры

Изображения для сайта. Часть 2: Иллюстрации Сайт, Полезное, Картинки, Иллюстрации, Веб-дизайн, Дизайн, Длиннопост

Выполненные в едином стиле монохромные иллюстрации курсов Яндекс Практикума отражают суть изучаемых навыков. Источник: https://practicum.yandex.ru/catalog/programming/

Изображения для сайта. Часть 2: Иллюстрации Сайт, Полезное, Картинки, Иллюстрации, Веб-дизайн, Дизайн, Длиннопост

Абстрактные иллюстрации на reg.ru схематично показывают, что получит клиент. Источник: https://www.reg.ru/

Изображения для сайта. Часть 2: Иллюстрации Сайт, Полезное, Картинки, Иллюстрации, Веб-дизайн, Дизайн, Длиннопост

На сайте «ДОДО ПИЦЦА» рассказ о компании сопровождается иллюстрациями-комиксами, выполненными в фирменных цветах. Источник: https://dodopizza.ru/moscow/about

Изображения для сайта. Часть 2: Иллюстрации Сайт, Полезное, Картинки, Иллюстрации, Веб-дизайн, Дизайн, Длиннопост

Сайт канадского авиаперевозчика Porter украшают рисунки с маскотом — енотом. Источник: https://www.flyporter.com/en-ca/

Изображения для сайта. Часть 2: Иллюстрации Сайт, Полезное, Картинки, Иллюстрации, Веб-дизайн, Дизайн, Длиннопост

Красочные иллюстрации сервиса по подбору профессий KPMI привлекают внимание, логично дополняют текст и задают настроение. Источник: https://kpmi.ru/

Изображения для сайта. Часть 2: Иллюстрации Сайт, Полезное, Картинки, Иллюстрации, Веб-дизайн, Дизайн, Длиннопост

На сайте «1С:БухОбслуживания» изображения персонажей гармонично вписаны в рисованный фон. Источник: https://1cbo.ru/

Изображения для сайта. Часть 2: Иллюстрации Сайт, Полезное, Картинки, Иллюстрации, Веб-дизайн, Дизайн, Длиннопост

Милые котики на сайте VPN-сервиса hideme.name наглядно иллюстрируют предоставляемые услуги. Кстати, такой персонаж может считаться маскотом? Источник: https://hidemy.name/ru/

В чем преимущества?

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

2. Однообразие. Разрабатываемые изображения могут создаваться в точном соответствии с фирменным стилем компании. В том числе в одной цветовой гамме.

3. Брендирование. В создаваемые иллюстрации можно легко интегрировать логотип или любые другие элементы. Это дает и дополнительное преимущество — такие изображения тяжело своровать и использовать в ином контексте на других сайтах.

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

5. Уникальность. Такие изображения будут разрабатываться индивидуально под требования и будут абсолютно уникальными. А значит никаких проблем с соблюдением авторских прав.

Наш опыт

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

Изображения для сайта. Часть 2: Иллюстрации Сайт, Полезное, Картинки, Иллюстрации, Веб-дизайн, Дизайн, Длиннопост

Согласны, что такие иллюстрации смотрятся интереснее и солиднее однообразных мокапов и тем более растиражированных по всему интернету картинок с улыбающимися менеджерами? Будем рады узнать ваше мнение. И если понадобятся иллюстрации — дайте знать, разработаем индивидуальные изображения и для вас!

Показать полностью 9

Изображения для сайта: сложности поиска и возможные решения

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

Изображения для сайта: сложности поиска и возможные решения Дизайн, Сайт, Картинки, Стоковое изображение, Объемное изображение, Веб-дизайн, Полезное, Длиннопост

И вот настает момент истины. Мы запрашиваем реальный контент от заказчика и встречаемся с распространенной сложностью: на макете все было красиво, но в реальности — где брать такие изображения, да еще и в таком количестве?

Какие изображения нужны

Наши требования к контенту, предоставляемому заказчиком:

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

  • Размер. Это, казалось бы, мелочь, но 70% предоставляемых изображений отметаются именно по причине неподходящего размера. Сайты сегодня адаптивны, они должны корректно показываться и на широкоформатных компьютерных мониторах, и на экранах смартфонов, коих стало бесчисленное количество. И изображение должно быть универсальным: на широких форматах и на узких экранах смартфонов одно и тоже изображение должно уметь масштабироваться, а при необходимости — обрезаться. Поэтому квадратное фото сотрудника крупным планом не подойдет, например, для использования в слайдере размером 1920 на 600 пк. А панорамное изображение офиса обрежется по краям при масштабировании. А еще есть такие вещи, как генерация preview (картинки анонса) для статейных блоков или, например, создание изображения для Open Graph разметки og:image (вы видите эту картинку, когда добавляете ссылку на страницу сайта в мессенджер или соцсети) . Важно все это учесть.

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

  • Контекст и уместность. Пожалуй, самый сложный момент. Чаще всего, мы используем изображения в окружении какого-то текста. И в зависимости от его сути необходимо использовать максимально отвечающее контексту изображение. Это заставляет долго подбирать подходящее изображение, которое будет уместным именно в этом блоке. И хорошо, если есть из чего выбрать…

  • Легальность. Конечно же, легальность. Один из самых широко обсуждаемых моментов в последнее время. Мы подробно описали этот момент и последствия для бизнеса, если вы все еще смотрите на решение этой задачи с помощью Яндекс. Картинок, например. Сегодня за это можно получить иск на круглую сумму. Закон об интеллектуальной собственности строго стоит на страже авторских прав, чем пользуются меркантильные юристы, жаждущие легкой добычи. Изображения должны быть либо уникальными (принадлежащими заказчику) , либо легально приобретенными.

Итак, нам нужны изображения: уникальные/легальные, в одной стилистике, определенной цветности, нужного размера и пропорции, отвечающие сути окружающего текста, да еще и штук 40. Согласитесь, задача, мягко говоря, непростая. И поверьте, только у 1 из 10 заказчиков находится коллекция изображений, отвечающих всем требованиям. Остальные же упираются в эту стену, и проект начинает «буксовать». Мы в «Винтре» очень хорошо знаем об этой проблеме и при ее возникновении находим оптимальное решение, учитывая тематику бизнеса и тип разрабатываемого сайта.

Где брать изображения, отвечающие всем этим требованиям?

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

  • Стоковые сервисы. На сегодня это один из самых доступных способов получения изображений. Существует множество площадок: от предлагающих свободно распространяемый контент (условно-бесплатных) до платных, российских и зарубежных. У каждого сервиса свои условия. Среди них: тип лицензии, определяющий варианты законного использования, оплата через расчетный счет (обязательно) , подпись-ссылка на источник, тираж, возможные места публикации и многие другие.

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

    Изображение из фотобанка Shutterstock. Источник: https://www.shutterstock.com/ru/image-vector/cartoon-illustr...

  • Более дорогой и сложный момент — это проведение собственной фотосессии. В зависимости от тематики бизнеса нам потребуются разные фотографы с разным оборудованием. Если предстоит создать меню для ресторана, вам нужен фотограф специализирующийся на предметной съемке. Для интерьеров есть свои особенности, например, необходимость склейка фото или создание панорамы. С людьми работает, как правило, портретный фотограф. Ну а если нам необходим общий вид снаружи, то можно задействовать и фотосъемку с квадрокоптера.

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

    Предметная съемка. Стоматологическое оборудование в клинике PROident. Источник: https://proident.ru/

  • Самый сложный, дорогой и длительный способ — это разработка изображений. Здесь нам на помощь приходят иллюстраторы, аниматоры, 3D-дизайнеры и другие профессионалы в сфере производства цифрового контента. Суть работы заключается в том, что специалист создает изображения по нашим требованиям с нуля. К примеру, нам нужен фасад дома, но он есть только на чертеже — его заменит его 3D-рендер. Или необходимо показать, как будет выглядеть грузовой подъемник в разрезе шахты между 2-м и 3-м этажами. И дизайн интерьера относится сюда же.

    Большинство рекламы, в которой в качестве ключевых объектов выступают продукты питания — это не фото. Попробуйте сфотографировать пачку чипсов так, чтобы она выглядела как в рекламе – никогда не выйдет. Все это 3D-макеты, отрисованные графическими дизайнерами. Мы, например, создавали так целую серию изображений для фабрики Сам-По.

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

Изображения для сайта: сложности поиска и возможные решения Дизайн, Сайт, Картинки, Стоковое изображение, Объемное изображение, Веб-дизайн, Полезное, Длиннопост

3D-рендер ЖК SamaRanta. Источник: https://townhouse-samaranta.ru/#3d

Личный опыт

Мы в «Винтре» столкнулись с теми же проблемами. Нам нужно было использовать несколько изображений на одной странице сайта. При этом они должны были соответствовать смыслу окружающего текста. Нам не подходила ни покупка изображений, ни разработка mockup-ов.

На помощь пришла ручная отрисовка иллюстраций.

Загляните к нам на сайт wintramedia. ru и посмотрите сами на результат.

Показать полностью 2

Изображения для сайта: 3D-рендеры

В продолжении серии наших статей про визуальный контент для сайтов расскажем про 3D-изображения. Это самый сложный в создании, и потому дорогой вид графики. Но иногда такие картинки незаменимы.

Изображения для сайта: 3D-рендеры Объемное изображение, Сайт, 3D графика, 3D, Графический дизайн, Веб-дизайн, Дизайн, 3D моделирование, Полезное, Длиннопост

Как создают 3D-рендеры

Мы живем в трехмерной реальности. Ее можно запечатлеть различными способами: с помощью фотографии или картины с перспективой. А в случае генерации изображений на компьютере для этого используется 3D-графика. Она создается в специальных программах, которые позволяют моделировать трехмерное пространство и любые предметы в нем.

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

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

Изображения для сайта: 3D-рендеры Объемное изображение, Сайт, 3D графика, 3D, Графический дизайн, Веб-дизайн, Дизайн, 3D моделирование, Полезное, Длиннопост

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

Кроме того, технология 3D-рендеринга позволяет на основе разово созданной модели впоследствии в любое время генерировать любое количество самых разных изображений объекта путем простого изменения настроек графического редактора.

Подобным образом создаются анимированные ролики с 3D-объектами, имитирующие видеосъемку. Но это — тема для отдельной статьи.

Ключевые преимущества

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

  • то, что еще не существует, например, будущий жилой комплекс;

  • вид с необычного ракурса, в том числе технически недостижимого при съемке реального объекта;

  • то, что скрыто от невооруженного глаза, например, внутренние элементы механизма;

  • любую желаемую обстановку;

  • нужное положение подвижного объекта.

И такие практически неограниченные возможности в 3D-рендерах сочетаются с высокой фотореалистичностью. Смоделированные объекты кажутся «настоящими», «осязаемыми», а потому выглядят привлекательнее обычных иллюстраций.

Когда применяется 3D-графика

Изображения, созданные на основе трехмерных моделей, оптимально использовать в случаях:

  • когда фотографию нужного объекта сделать или приобрести невозможно или очень сложно;

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

Так, 3D-рендеры очень часто используют при создании изображений для рекламы и продвижения товаров. С помощью компьютера относительно просто нарисовать красивое объемное изображение упаковки так, чтобы были видны все важные надписи, логотип и «вкусная» картинка продукта. Добиться аналогичного эффекта с помощью фотографии зачастую невозможно.

Изображения для сайта: 3D-рендеры Объемное изображение, Сайт, 3D графика, 3D, Графический дизайн, Веб-дизайн, Дизайн, 3D моделирование, Полезное, Длиннопост

Для sam-po.ru мы разработали трехмерные изображения упаковки для каждого мороженого.

Трехмерная графика также незаменима при желании показать:

1. Продукцию, изготавливаемую на заказ, и поэтому имеющую множество вариаций, которых нет в наличии.

Изображения для сайта: 3D-рендеры Объемное изображение, Сайт, 3D графика, 3D, Графический дизайн, Веб-дизайн, Дизайн, 3D моделирование, Полезное, Длиннопост

Такие 3D-рендеры подъемников на https://www.lift-prom.ru/ используются в качестве изображений в карточках товаров.

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

Изображения для сайта: 3D-рендеры Объемное изображение, Сайт, 3D графика, 3D, Графический дизайн, Веб-дизайн, Дизайн, 3D моделирование, Полезное, Длиннопост

Сфотографировать со всех сторон судно, которое обычно находится или на верфи или на воде — невозможно, а вот нарисовать 3D-модели в «воздухе» — несложно.

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

Изображения для сайта: 3D-рендеры Объемное изображение, Сайт, 3D графика, 3D, Графический дизайн, Веб-дизайн, Дизайн, 3D моделирование, Полезное, Длиннопост

3D-рендер, на котором изображена глухая шахта в разрезе, наглядно показывает устройство подъемника на странице

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

Изображения для сайта: 3D-рендеры Объемное изображение, Сайт, 3D графика, 3D, Графический дизайн, Веб-дизайн, Дизайн, 3D моделирование, Полезное, Длиннопост

Трехмерная графика показывает, как будет выглядеть внутри и снаружи пока еще только строящийся жилой комплекс https://vira-atmosfera.ru/.

Созданные на основе 3D-моделей изображения можно дополнять интерактивными элементами, чтобы объединить графический контент с текстовым и за счет этого сделать сайт более информативным и удобным.

Изображения для сайта: 3D-рендеры Объемное изображение, Сайт, 3D графика, 3D, Графический дизайн, Веб-дизайн, Дизайн, 3D моделирование, Полезное, Длиннопост

На сайте https://gal63.ru/ при наведении на этажи торгового центра выводится список организаций и ссылка на страницу с подробной информацией о них.

Рендеры 3D-моделей могут использоваться и для демонстрации продукта в целом, и в качестве изображений для карточек товаров, и для оформления фона сайта.

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

Показать полностью 8

Лучшие фотобанки: 12 бесплатных и 2 платных cервиса

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

Лучшие фотобанки: 12 бесплатных и 2 платных cервиса Полезное, Сайт, Стоковое изображение, Фотобанк, Фотосток, Веб-разработка, Полезные сайты, Создание сайта, Фотография, Картинки, Длиннопост

Типы лицензий

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

  • Public Domain — это не собственно лицензия, а статус, указывающий, что изображение можно использовать любым образом в связи с истечением установленного срока с момента смерти автора.

  • Creative Commons — лицензия для бесплатных изображений. Имеет 6 подвидов, которые различаются строгостью ограничений: от Creative Commons Zero (CC0), позволяющей свободно пользоваться картинками без указания авторства, до CC Attribution Non-Commercial No Derivatives (CC-BY-NC-ND), разрешающей только некоммерческое использование изображения в изначальном виде с обязательным упоминанием автора.

  • Royalty-Free — наиболее популярная платная лицензия, позволяет свободно использовать приобретенное изображение определенное или неограниченное количество раз.

  • Rights-managed — еще одна платная лицензия, разрешающая опубликовать изображение один раз после покупки. Может предполагать в том числе эксклюзивность фото, то есть продажу только одному покупателю.

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

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

Бесплатные фотостоки

Большинство бесплатных стоковых фотографий распространяются по CC0 или аналогичной ей собственной лицензии сервиса. Такое изображения можно:

  • использовать в коммерческих и некоммерческих целях;

  • изменять любым способом;

  • публиковать без указания авторства (хотя ссылка-подпись всегда приветствуется).

Основное ограничение — запрет на продажу этих изображений, в том числе в видоизменном виде.

К наиболее популярным бесплатным фототокам относятся:

Unsplash — здесь свыше трех миллионов высококачественных изображений, включая 3D-рендеры и текстуры. Регистрация не требуется. Доступны коллекции фото, поиск по тегам и автоматический подбор похожих картинок.

Лучшие фотобанки: 12 бесплатных и 2 платных cервиса Полезное, Сайт, Стоковое изображение, Фотобанк, Фотосток, Веб-разработка, Полезные сайты, Создание сайта, Фотография, Картинки, Длиннопост

https://unsplash.com/

Pixabay — это более миллиона красивых картинок, а также GIF, видео и аудиофайлы. Интерфейс сайта русифицирован. Скачивать изображения можно без регистрации, после авторизации становится доступным разрешение свыше 19201280 пк и скачивание без ввода капчи. А еще со страницы с изображением можно перейти к его редактированию в Canva.

Лучшие фотобанки: 12 бесплатных и 2 платных cервиса Полезное, Сайт, Стоковое изображение, Фотобанк, Фотосток, Веб-разработка, Полезные сайты, Создание сайта, Фотография, Картинки, Длиннопост

https://pixabay.com/ru/

PxHere — объединяет более 1 миллиона фотографий и иллюстраций. Есть коллекции, поиск с фильтрами по размеру, ориентации и цвету. Текст на сайте, переведен на русский, правда, похоже, в Google-переводчике. Фотографии доступны для скачивания без регистрации в 28 разрешениях, в том числе оптимизированных для мобильных устройств.

Лучшие фотобанки: 12 бесплатных и 2 платных cервиса Полезное, Сайт, Стоковое изображение, Фотобанк, Фотосток, Веб-разработка, Полезные сайты, Создание сайта, Фотография, Картинки, Длиннопост

https://pxhere.com/

Flickr — принадлежащий Yahoo! фотосток, на котором собраны десятки миллиардов изображений. Правда, не все они распространяются по СС0, но несколько миллионов фото для бесплатного коммерческого использования здесь, наверняка, найдется.

Лучшие фотобанки: 12 бесплатных и 2 платных cервиса Полезное, Сайт, Стоковое изображение, Фотобанк, Фотосток, Веб-разработка, Полезные сайты, Создание сайта, Фотография, Картинки, Длиннопост

https://flickr.com/

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

FreeImages — это более 380 тысяч фотографий, векторных изображений, PSD-файлов, клипартов и иконок. Сайт по большей части переведен на русский язык, регистрация не требуется.

Лучшие фотобанки: 12 бесплатных и 2 платных cервиса Полезное, Сайт, Стоковое изображение, Фотобанк, Фотосток, Веб-разработка, Полезные сайты, Создание сайта, Фотография, Картинки, Длиннопост

https://www.freeimages.com/ru

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

Лучшие фотобанки: 12 бесплатных и 2 платных cервиса Полезное, Сайт, Стоковое изображение, Фотобанк, Фотосток, Веб-разработка, Полезные сайты, Создание сайта, Фотография, Картинки, Длиннопост

https://www.stockvault.net

Pexels — здесь собрано свыше 30 тысяч фото и видео, сгруппированных по более чем 150 категориям. У сайта есть русскоязычная версия. При скачивании фото даже без регистрации можно выбрать произвольное разрешение.

Лучшие фотобанки: 12 бесплатных и 2 платных cервиса Полезное, Сайт, Стоковое изображение, Фотобанк, Фотосток, Веб-разработка, Полезные сайты, Создание сайта, Фотография, Картинки, Длиннопост

https://www.pexels.com/

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

Лучшие фотобанки: 12 бесплатных и 2 платных cервиса Полезное, Сайт, Стоковое изображение, Фотобанк, Фотосток, Веб-разработка, Полезные сайты, Создание сайта, Фотография, Картинки, Длиннопост

https://stocksnap.io/

Burst — бесплатный фотосток от известной платформы Shopify. Здесь более 20 тысяч изображений, распределенных по почти 50 категориям. Регистрация не требуется. Со страницы фото можно сразу перейти к созданию сайта на Shopify с использованием выбранного изображения.

Лучшие фотобанки: 12 бесплатных и 2 платных cервиса Полезное, Сайт, Стоковое изображение, Фотобанк, Фотосток, Веб-разработка, Полезные сайты, Создание сайта, Фотография, Картинки, Длиннопост

https://burst.shopify.com/

Picography — содержит свыше 20 тысяч фото, распределенных по 26 категориям. Скачиваются изображения только в одном оригинальном разрешении.

Лучшие фотобанки: 12 бесплатных и 2 платных cервиса Полезное, Сайт, Стоковое изображение, Фотобанк, Фотосток, Веб-разработка, Полезные сайты, Создание сайта, Фотография, Картинки, Длиннопост

https://picography.co/

Kaboompics — здесь около 8 тысяч изображений. Фото и их подборки фильтруются по ориентации и основному цвету. Скачать картинку можно в произвольном разрешении, задав вручную ширину. К каждому изображению прилагается палитра основных присутствующих на нем оттенков с HEX-кодом, и ее можно скачать как отдельный JPG-файл.

Лучшие фотобанки: 12 бесплатных и 2 платных cервиса Полезное, Сайт, Стоковое изображение, Фотобанк, Фотосток, Веб-разработка, Полезные сайты, Создание сайта, Фотография, Картинки, Длиннопост

https://kaboompics.com/

ISO Republic — предлагает не только фотографии, но и видео — свыше 7 тысяч материалов в общей сложности.

Лучшие фотобанки: 12 бесплатных и 2 платных cервиса Полезное, Сайт, Стоковое изображение, Фотобанк, Фотосток, Веб-разработка, Полезные сайты, Создание сайта, Фотография, Картинки, Длиннопост

https://isorepublic.com/

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

Платные фотобанки

Относительно использования бесплатных картинок покупка изображений дает два основных преимущества:

  • значительно более широкий выбор картинок;

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

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

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

Лучшие фотобанки: 12 бесплатных и 2 платных cервиса Полезное, Сайт, Стоковое изображение, Фотобанк, Фотосток, Веб-разработка, Полезные сайты, Создание сайта, Фотография, Картинки, Длиннопост

https://photogenica.ru/

Контент распространяется по лицензии Royalty Free двух типов: стандартной и расширенной. Главное ограничение стандартной лицензии для использования картинок в интернете — максимальное разрешение не более 1200800 пк.

«Лори» — предлагает около 28 миллионов фотографий, иллюстраций и видео, минимальная стоимость одного изображения — 200 р. Доступны и пакеты, дающие выгоду до 60%. Подбирать фото помогает не только деление на категории и продуманный фильтр, но и хорошо организованная поддержка: с менеджерами сервиса можно связаться по email, в Telegram и в WhatsApp.

Лучшие фотобанки: 12 бесплатных и 2 платных cервиса Полезное, Сайт, Стоковое изображение, Фотобанк, Фотосток, Веб-разработка, Полезные сайты, Создание сайта, Фотография, Картинки, Длиннопост

https://lori.ru/

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

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

«Винтра» сотрудничает с обоими фотостоками. Мы предлагаем как заполнение сайта готовыми лицензионными изображениями, так и разработку на их основе баннеров и другого графического контента.

Преимущества и недостатки готового фотоконтента для сайта

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

  • отличное качество картинок — обычно это профессионально сделанные фотографии или иллюстрации, представленные в высоком разрешении;

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

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

В то же время при использовании готового графического контента придется смириться с такими его особенностями, как:

  • ограниченность выбора — в первую очередь это касается бесплатных фотостоков. И даже среди изображений с платной лицензией не всегда можно найти иллюстрации для специфических услуг или непопулярных товаров;

  • невозможность получения брендированных изображений — фотобанки не помогут, если нужно, например, изображение фирменной продукции, фото на фоне логотипа компании или материалы съемки нового объекта недвижимости в малолюдном районе;

  • неуникальность — за редким исключением, стоковое фото может скачать (приобрести) любой желающий неограниченное количество раз, поэтому на 100% эксклюзивный сайт при использовании картинок из фотобанка сделать не получится;

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

Последний пункт особенно важен, так как практически на каждое изображение в интернете распространяются авторские права. Они возникают «автоматически» в момент создания объекта интеллектуальной собственности и по умолчанию работают до истечения 50–70 лет со дня смерти автора.

Лучшие фотобанки: 12 бесплатных и 2 платных cервиса Полезное, Сайт, Стоковое изображение, Фотобанк, Фотосток, Веб-разработка, Полезные сайты, Создание сайта, Фотография, Картинки, Длиннопост

Свободны от авторских прав только такие картинки, ставшие общественным достоянием (Public Domain), как это фото инженера NACA 1955 года. Источник: https://www.flickr.com/photos/nasacommons/52294407519/in/pho...

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

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

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

Если есть чем дополнить — пишите, будем рады вашим комментариям!

Показать полностью 16
Отличная работа, все прочитано!