Как стать автором
Обновить
31.25

Графический дизайн *

Художественно-проектная деятельность

Сначала показывать
Порог рейтинга
Уровень сложности

Анатомия игры. Кооперативное отступление

Уровень сложности Средний
Время на прочтение 17 мин
Количество просмотров 1.8K
Блог компании FirstVDS Работа с 3D-графикой *Графический дизайн *Читальный зал Научно-популярное
Обзор


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

Сегодня речь пойдет о нестандартных подходах к сближению игроков друг с другом, а именно о необычных кооперативах. И когда я говорю «кооперативы», я имею в виду не только безвозмездную помощь страждущим в зачистке наводненных монстрами локаций.
Читать дальше →
Всего голосов 24: ↑21 и ↓3 +18
Комментарии 3

Новости

Визуализация музыки с помощью нейросетей в реальном времени… В некотором смысле…

Уровень сложности Простой
Время на прочтение 3 мин
Количество просмотров 1.5K
Графический дизайн *Искусственный интеллект

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

Теперь, когда мы это поняли, давайте подумаем, как же это сделать.

Читать далее
Всего голосов 9: ↑6 и ↓3 +3
Комментарии 9

Как правильно подходить к UI/UX дизайну

Время на прочтение 4 мин
Количество просмотров 2.8K
Дизайн мобильных приложений *Графический дизайн *Дизайн
Из песочницы

Если верить статистике, можно утверждать, что к 2050 году количество пользователей мобильных устройств по всему миру будет превышать 8,3 млрд человек.

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

Читать далее
Всего голосов 8: ↑7 и ↓1 +6
Комментарии 2

Что делать, если ужас как хочется купить BMW или швейцарские часы

Уровень сложности Простой
Время на прочтение 4 мин
Количество просмотров 7.9K
Блог компании TINKOFF Графический дизайн *Дизайн

Гулять вокруг ГУМа приятно, даже если не собираешься там ничего покупать. Витрины выглядят круто: почти как произведения искусства. Вообще, чем дороже магазин, тем меньше он похож на магазин и больше — на галерею.

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

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

Читать далее
Всего голосов 49: ↑24 и ↓25 -1
Комментарии 32

Истории

Нейросети против дизайнеров: угадайте, кто создал логотип

Уровень сложности Простой
Время на прочтение 3 мин
Количество просмотров 14K
Графический дизайн *Дизайн Искусственный интеллект
Обзор

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

Читать далее
Всего голосов 19: ↑16 и ↓3 +13
Комментарии 33

Collage_n — редактор для создания коллажей и спрайтов

Уровень сложности Простой
Время на прочтение 1 мин
Количество просмотров 1.5K
Веб-дизайн *Canvas *Графический дизайн *Дизайн игр *Дизайн
Из песочницы

Collagen работает на новой ссылке: https://sergey1234ovechkin.github.io/collagen_2/index.html

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

Читать далее
Всего голосов 9: ↑8 и ↓1 +7
Комментарии 0

Умные рисовалки. Бесплатные аналоги MidJourney

Время на прочтение 15 мин
Количество просмотров 11K
Блог компании FirstVDS Графический дизайн *Научно-популярное Искусственный интеллект


▎Добрый день, дорогие хабражители!


Сегодня должно было выйти продолжение серии Анатомия игры, но у Вселенной оказались свои планы на мой компьютер. С другой стороны, где-то что-то убыло, где-то что-то прибыло. Так же можно сказать и о сегодняшнем объекте нашего внимания.
Читать дальше →
Всего голосов 42: ↑40 и ↓2 +38
Комментарии 15

Разработка игр на Go: шейдеры

Уровень сложности Средний
Время на прочтение 14 мин
Количество просмотров 6.2K
Open source *Программирование *Разработка игр *Go *Графический дизайн *
Туториал

Давненько я не писал никаких статей на Хабре.


Я планировал вести серию заметок о разработке игр на Go и начал я с рендеринга текста, но меня не хватило даже на второй текст. Что же, настало время возвращаться, ведь с того момента я успел создать ещё несколько игрушек.


Сегодня я расскажу вам о шейдерах в Ebitengine. Большая часть примеров будет взята из Roboden и Decipherism (обе игры имеют открытые исходные коды и вы можете найти их на гитхабе).


Читать дальше →
Всего голосов 27: ↑26 и ↓1 +25
Комментарии 5

Основные принципы маскирования в CSS

Уровень сложности Средний
Время на прочтение 8 мин
Количество просмотров 3.4K
Блог компании RUVDS.com Веб-дизайн *CSS *Графический дизайн *
Перевод

В мире дизайна маскирование является популярной техникой реализации уникальных эффектов. Будучи дизайнером, я сам использовал эту технику много раз, но не очень часто в веб-среде. Думаю, что от её применения на сайтах меня удерживала недостаточная поддержка браузерами. Полноценно этот функционал поддерживается в Safari и Firefox, а вот в браузерах на движке Blink (Chrome и Edge) — лишь частично.

Радует то, что тема CSS маскирования будет частью Interop 2023, а значит, вскоре можно ожидать кросс-браузерную поддержку этой возможности (Вау!).

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

Поехали!
Читать дальше →
Всего голосов 44: ↑44 и ↓0 +44
Комментарии 1

Овладейте всем потенциалом анимирования с Vue

Уровень сложности Средний
Время на прочтение 7 мин
Количество просмотров 3.8K
Блог компании RUVDS.com CSS *Работа с 3D-графикой *Компьютерная анимация *Графический дизайн *
Туториал
Перевод

Vue позволяет разработчикам писать более гибкий и переиспользуемый код за счёт наличия дополнительных возможностей для организации компонентов. И одной из областей применения этих возможностей являются анимации. В текущей статье мы разберём использование Composition API для создания анимаций в Vue с помощью CSS и JS библиотеки GSAP (GreenSock Animation Platform).

Примечание пер.: статья содержит крупные GIF-анимации.
Читать дальше →
Всего голосов 39: ↑39 и ↓0 +39
Комментарии 2

Как мы делали свой шрифт

Уровень сложности Простой
Время на прочтение 9 мин
Количество просмотров 3.1K
Блог компании Doubletapp Типографика *Графический дизайн *Дизайн
Туториал

Я Павел Лаптев, графический дизайнер Даблтап. В этой статье речь не о том, как нормальные люди делают шрифты. Я расскажу, как мы сами делали свой собственный шрифт и зачем это нам понадобилось.

Если вдруг у вас появится желание повторить этот путь — для этого нужно:

1. Понять, для чего вам нужен свой шрифт (и нужен ли).
2. Определиться с характером шрифта.
3. Долго и много рисовать буквы.
4. Упороться с кернингом.
5. Обратиться к специалисту-шрифтовику.
6. Повторить подход.
7. Да, и хинтинг, конечно.

Дальше больше
Всего голосов 25: ↑22 и ↓3 +19
Комментарии 13

Часть 12. Дневник разработки настольной игры по мотивам танчиков для Dendy. Зачем нужна анимация в настольной игре?

Уровень сложности Простой
Время на прочтение 2 мин
Количество просмотров 1.1K
Разработка игр *Графический дизайн *Дизайн игр *Продвижение игр *

В одной из частей дневника мы рассказывали о том как менялся арт игры от самого первого прототипа до того момента как мы начали дневник разработки. С тех пор прошло почти полгода и арт снова претерпел изменения.

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

Читать далее
Всего голосов 1: ↑1 и ↓0 +1
Комментарии 0

Я анимирую тентакли и мне платят за это деньги

Уровень сложности Простой
Время на прочтение 16 мин
Количество просмотров 56K
Блог компании Timeweb Cloud Компьютерная анимация *Графический дизайн *Читальный зал Дизайн
Обзор
Видели когда-нибудь в интернете странную, сексуализированную или даже оскорбительную рекламу какой-нибудь мобильной игры? Задумывались о том, кто же сделал это непотребство? Ну так вот, это была я.

image

Сегодня я хочу рассказать вам о том, как: дошла до жизни такой, как вы можете дойти до жизни такой же, расскажу про саму работу и дам несколько советов тем, кто хочет «вкатиться» в мир сладкой анимации.
Читать дальше →
Всего голосов 193: ↑186 и ↓7 +179
Комментарии 108

Анонс нового проекта Blender Studio

Время на прочтение 2 мин
Количество просмотров 1.4K
Работа с видео *Работа с 3D-графикой *Компьютерная анимация *CGI (графика) *Графический дизайн *

Здравствуйте, дорогие друзья. В последнее время Blender Studio продолжает нас радовать своими проектами трехмерных мультфильмов. «Страх эльфов» (Sprite Fright), «Заряд» (Charge) — эти мультфильмы студия выпустила за последние два года.

19 января 2023 года (но, я сам узнал только недавно по рабочим материалам на Youtube‑канале проекта) был анонсирован новый проект — Pet Projects.

Читать далее
Всего голосов 3: ↑3 и ↓0 +3
Комментарии 1

Хайп с нейросетями на ТВ. «СвоёТВ» и чужие технологии

Уровень сложности Простой
Время на прочтение 3 мин
Количество просмотров 2.7K
Работа с видео *Обработка изображений *Графический дизайн *Дизайн Искусственный интеллект
Мнение

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

Читать далее
Всего голосов 12: ↑8 и ↓4 +4
Комментарии 6

Часть 11. Дневник разработки настольный игры по мотивам танчиков для Dendy. Про архив рабочих прототипов

Уровень сложности Простой
Время на прочтение 3 мин
Количество просмотров 1.1K
Разработка игр *Графический дизайн *Дизайн игр *Продвижение игр *

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

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

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

Мы уже писали о том, как менялся пиксельный стиль игры. От почти примитивного 8-битного, до финального, который условно можно назвать 16- битным.

Читать далее
Всего голосов 1: ↑1 и ↓0 +1
Комментарии 8

Создание карты потоков с помощью JavaScript: пошаговое руководство

Уровень сложности Средний
Время на прочтение 16 мин
Количество просмотров 5K
Блог компании RUVDS.com CSS *JavaScript *HTML *Графический дизайн *
Перевод

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

В текущем руководстве мы познакомим вас с процессом создания карты потоков. А чтобы сделать этот процесс более практичным, мы используем пример визуализации количества студентов из Индии, обучающихся в разных странах. Следуя этому руководству, вы научитесь создавать собственные карты потоков с помощью JS для любых видов данных.
Читать дальше →
Всего голосов 37: ↑36 и ↓1 +35
Комментарии 0

Шрифтовая «не-пара»

Время на прочтение 6 мин
Количество просмотров 2.8K
Веб-дизайн *Типографика *Графический дизайн *Дизайн

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

Читать далее
Всего голосов 13: ↑9 и ↓4 +5
Комментарии 64

AliveColors: Есть ли замена фотошопу на земле русской?

Уровень сложности Простой
Время на прочтение 4 мин
Количество просмотров 6.4K
Блог компании Группа компаний X-Com Обработка изображений *Графический дизайн *Дизайн Софт
Обзор

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

Читать далее
Всего голосов 37: ↑33 и ↓4 +29
Комментарии 13

Midjourney, BlueWillow, PLAYGROUND AI, Stable Diffusion, Leonardo AI — как пользоваться

Уровень сложности Средний
Время на прочтение 3 мин
Количество просмотров 9.5K
Обработка изображений *Графический дизайн *Искусственный интеллект
Из песочницы

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

prompt для этих ИИ будут фактически одинаковым, как и для других похожих сервисов.

Читать далее
Всего голосов 16: ↑12 и ↓4 +8
Комментарии 17

Вклад авторов