Как стать автором
Поиск
Написать публикацию
Обновить
37.04

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

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

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

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

Уровень сложностиСредний
Время на прочтение7 мин
Количество просмотров11K

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

Примечание пер.: статья содержит крупные GIF-анимации.
Читать дальше →

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

Уровень сложностиПростой
Время на прочтение9 мин
Количество просмотров5.7K

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

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

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

Дальше больше

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

Уровень сложностиПростой
Время на прочтение2 мин
Количество просмотров1.6K

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

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

Читать далее

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

Уровень сложностиПростой
Время на прочтение16 мин
Количество просмотров62K
Видели когда-нибудь в интернете странную, сексуализированную или даже оскорбительную рекламу какой-нибудь мобильной игры? Задумывались о том, кто же сделал это непотребство? Ну так вот, это была я.

image

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

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

Время на прочтение2 мин
Количество просмотров2.3K

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

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

Читать далее

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

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров3.9K

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

Читать далее

Дневник разработки настольный игры СУПЕРТАНК по мотивам танчиков для Dendy. Часть 12. Про архив рабочих прототипов

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров1.5K

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

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

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

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

Читать далее

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

Уровень сложностиСредний
Время на прочтение16 мин
Количество просмотров6.9K

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

В текущем руководстве мы познакомим вас с процессом создания карты потоков. А чтобы сделать этот процесс более практичным, мы используем пример визуализации количества студентов из Индии, обучающихся в разных странах. Следуя этому руководству, вы научитесь создавать собственные карты потоков с помощью JS для любых видов данных.
Читать дальше →

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

Время на прочтение6 мин
Количество просмотров3.5K

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

Читать далее

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

Уровень сложностиПростой
Время на прочтение4 мин
Количество просмотров13K

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

Читать далее

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

Уровень сложностиСредний
Время на прочтение3 мин
Количество просмотров14K

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

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

Читать далее

Как я делал кино с помощью нейросетей

Уровень сложностиСредний
Время на прочтение5 мин
Количество просмотров14K

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

Читать далее

Как нарисовать Hearthstone. Попадание в референсы при отрисовке декоративных элементов интерфейса

Уровень сложностиСредний
Время на прочтение4 мин
Количество просмотров5.3K

Всем привет!  Я Михаил Кравченко, дизайнер игровых интерфейсов.

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

Читать далее

Ближайшие события

История дизайна в IT 1984 – 2024

Уровень сложностиПростой
Время на прочтение8 мин
Количество просмотров9.6K

История дизайна в IT 1984 - 2024

Читать далее

Делаем векторный логотип с использованием Midjourney

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров44K

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

Читать далее

Как «яжепрограммист» построил всю свою родню

Уровень сложностиСредний
Время на прочтение13 мин
Количество просмотров17K

Всем привет. Разумеется, это шутка — я своих родственников очень люблю, уважаю и никоим образом их не притеснял и не планирую. Более точная формулировка — отсортировал в целях построения генеалогического древа. Об алгоритме построения, сортировки, визуализации фамильного древа и будет эта статья.
Читать дальше →

Как пользоваться дизайнером

Уровень сложностиПростой
Время на прочтение6 мин
Количество просмотров4.5K

Вот уже семнадцать лет я работаю графическим дизайнером. Как в найме, так и для частных заказчиков. Я не тот дизайнер, чьи работы лайкают на behance, растаскивают по доскам на pinterest и кидают референсами заказчику. Я обычный ремесленник и трудяга, продавший душу корпорации за комфортный соцпакет и стабильную зарплату. И нас таких – легион. Если вы хоть раз заказывали дизайн, вы почти наверняка имели дело с человеком вроде меня. В этой статье опишу жёстко и честно, почему работа с нами обычно строится через жопу.
И подскажу решение.

Читать далее

Руководство по цветовым функциям CSS

Уровень сложностиПростой
Время на прочтение6 мин
Количество просмотров15K

Возможно, вы использовали CSS для изменения цвета элемента на веб-странице, но слышали ли вы что-нибудь о цветовых функциях CSS? Если нет, то из этой статьи узнаете нечто новое и крайне полезное!

Что такое цветовые функции CSS?


Цветовые функции CSS (CSS color functions) — это способ задания цвета в CSS при помощи математических функций, а не простого кода цвета. Функции обеспечивают больше контроля и гибкости при работе с цветами, используемыми в таблице стилей.

При помощи цветовых функций можно настраивать тон (hue), насыщенность (saturation), светлоту (lightness) и непрозрачность (opacity) цвета и даже смешивать вместе несколько цветов.
Читать дальше →

UX/UI исследование метавселенных. Часть 2

Уровень сложностиСредний
Время на прочтение18 мин
Количество просмотров2.3K

В этой части оставшаяся половина исследования (клавиатура, аватар, система взаимодействия, иммерсивность) и итоги.

Спасибо за обратную связь по первой части: и за фидбек, и за поддержку.

Ссылка на первую часть.

Продолжим. Зафиналим!

Читать вторую часть исследования метаверса

Как выполнять тестирование Accessibility веб-сайтов и веб-приложений

Уровень сложностиСредний
Время на прочтение10 мин
Количество просмотров9.7K

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

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

Согласно проведённому ВОЗ опросу, 15% населения мира имеют ту или иную форму физических или психических ограничений. Поэтому компании должны обеспечить доступность своего цифрового контента для всех пользователей интернета. Именно здесь на помощь приходит тестирование Accessibility.

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

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