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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

image

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

Истории

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Читать далее
Всего голосов 30: ↑26 и ↓4+29
Комментарии15

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

27 августа – 7 октября
Премия digital-кейсов «Проксима»
МоскваОнлайн
28 – 29 сентября
Конференция E-CODE
МоскваОнлайн
28 сентября – 5 октября
О! Хакатон
Онлайн
30 сентября – 1 октября
Конференция фронтенд-разработчиков FrontendConf 2024
МоскваОнлайн
3 – 18 октября
Kokoc Hackathon 2024
Онлайн
7 – 8 ноября
Конференция byteoilgas_conf 2024
МоскваОнлайн

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

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

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

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

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

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

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

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

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

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

Всем привет. Разумеется, это шутка — я своих родственников очень люблю, уважаю и никоим образом их не притеснял и не планирую. Более точная формулировка — отсортировал в целях построения генеалогического древа. Об алгоритме построения, сортировки, визуализации фамильного древа и будет эта статья.
Читать дальше →
Всего голосов 39: ↑38 и ↓1+57
Комментарии64

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

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

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

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

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

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

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

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


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

При помощи цветовых функций можно настраивать тон (hue), насыщенность (saturation), светлоту (lightness) и непрозрачность (opacity) цвета и даже смешивать вместе несколько цветов.
Читать дальше →
Всего голосов 30: ↑28 и ↓2+38
Комментарии8

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

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

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

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

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

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

Читать вторую часть исследования метаверса
Всего голосов 2: ↑2 и ↓0+2
Комментарии15

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

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

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

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

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

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

В этом туториале мы расскажем, что такое тестирование Accessibility, о его преимуществах и мифах, с ним связанных, о том, как выполнять тестирование Accessibility ваших веб-сайтов и веб-приложений.
Читать дальше →
Всего голосов 32: ↑31 и ↓1+41
Комментарии0

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