Сообщество - Графический и Веб-дизайн
Добавить пост

Графический и Веб-дизайн

963 поста 12 541 подписчик

Популярные теги в сообществе:

Adobe Illustrator. Турецкий огурец

1. Нарисовать три окружности.

Adobe Illustrator. Турецкий огурец Дизайн, Adobe Illustrator, Полезное, Длиннопост

2. Черной стрелкой выбрать две из них (обозначены на рисунке красным) и тыкнуть в Exlude

Adobe Illustrator. Турецкий огурец Дизайн, Adobe Illustrator, Полезное, Длиннопост

3. Взять белую стрелку, тыкнуть в указанную точку на окружности и нажать на клавиатуре Delete.

Adobe Illustrator. Турецкий огурец Дизайн, Adobe Illustrator, Полезное, Длиннопост

4. Аналогично тыкнуть в точку на маленькой окружности, а затем снова клавишу Delete

Adobe Illustrator. Турецкий огурец Дизайн, Adobe Illustrator, Полезное, Длиннопост

5. Взять черную стрелку. Выделить получившиеся объекты. Тыкнуть в Unite.

Adobe Illustrator. Турецкий огурец Дизайн, Adobe Illustrator, Полезное, Длиннопост

6. Для пущей красоты выбрать обозначенные на картинке уголок.

Adobe Illustrator. Турецкий огурец Дизайн, Adobe Illustrator, Полезное, Длиннопост

Вы восхитительны! Всё готово.

Adobe Illustrator. Турецкий огурец Дизайн, Adobe Illustrator, Полезное, Длиннопост
Показать полностью 7

О нет, главные тренды в веб-дизайне 2022 года… О да, по версии Балабобы и ruDALL-E Malevich!

Голосовые помощники-оракулы, иллюстрации без изображений, «Сетка Чебурашки» и прочие чудеса — как себе представил веб-дизайн в этом году искусственный интеллект.

О нет, главные тренды в веб-дизайне 2022 года… О да, по версии Балабобы и ruDALL-E Malevich! Дизайн, Веб-дизайн, Нейронные сети, Нейросеть Балабоба, Длиннопост, Нейросеть ruDALL-E

Оригинальная запись взята с vc.ru и немного отредактирована.

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


Что ж, мы просмотрели подзаголовки-«тренды» в уже выпущенных на русском языке статьях на эту тему и прогнали их через два интересных проекта, которые подарил нам 2021 год: нейросеть Балабоба с вариантом стилизации «Короче, википедия» от Яндекса и телеграм-бота с нейросетью ruDALL-E Malevich от Сбера (имя телеграм-пользователя — @sber_rudalle_xl_bot), генерирующей картинки. Имена экспепертов придумал сервис Randomus, а места работы — сервис Namelix.


К каждому запросу мы добавляли тему статьи, например «минимализм в веб-дизайне в 2022 году», выбирали самые абсурдные результаты и оформляли их в связный, насколько это возможно, иллюстрированный текст.


Надеемся, что вы получите некоторую порцию удовольствия от этого материала, а если слова «Родился на улице Герцена, в гастрономе номер двадцать два» многое значат для вас в этой жизни, порция будет ещё и с подливой.


Вкалывают роботы, а не человек. Поехали!

3D-графика и анимации


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


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

О нет, главные тренды в веб-дизайне 2022 года… О да, по версии Балабобы и ruDALL-E Malevich! Дизайн, Веб-дизайн, Нейронные сети, Нейросеть Балабоба, Длиннопост, Нейросеть ruDALL-E
О нет, главные тренды в веб-дизайне 2022 года… О да, по версии Балабобы и ruDALL-E Malevich! Дизайн, Веб-дизайн, Нейронные сети, Нейросеть Балабоба, Длиннопост, Нейросеть ruDALL-E

Брутализм


Короче, брутализм в веб-дизайне в 2022 году — это когда вы видите на экране монитора логотип, а в нём — двух людей, стоящих в раскоряку и обнявшихся. На входе в магазин видишь надпись «Брутальная зона», и пока ты туда не зайдешь, тебя не выпускают. А когда зайдешь — видишь, что она брутальная только снаружи. В брутальный интерьер магазина тебя не пускают. На сайтах, где нет ни единого баннера, будут висеть огромные баннеры, на которых будет написано: «Брутализм — стиль, в котором нет ничего лишнего».

О нет, главные тренды в веб-дизайне 2022 года… О да, по версии Балабобы и ruDALL-E Malevich! Дизайн, Веб-дизайн, Нейронные сети, Нейросеть Балабоба, Длиннопост, Нейросеть ruDALL-E
О нет, главные тренды в веб-дизайне 2022 года… О да, по версии Балабобы и ruDALL-E Malevich! Дизайн, Веб-дизайн, Нейронные сети, Нейросеть Балабоба, Длиннопост, Нейросеть ruDALL-E

Иллюстрации


Короче, иллюстрации в веб-дизайне в 2022 году будут отличаться от нынешних тем, что там не будет ни одного изображения. Если кто-то найдет там изображение, он сможет его просто удалить. Это иллюстрации, которые не открывают никаких вкладок. Они будут такие, что их не будут показывать даже в музее современного искусства.

О нет, главные тренды в веб-дизайне 2022 года… О да, по версии Балабобы и ruDALL-E Malevich! Дизайн, Веб-дизайн, Нейронные сети, Нейросеть Балабоба, Длиннопост, Нейросеть ruDALL-E
О нет, главные тренды в веб-дизайне 2022 года… О да, по версии Балабобы и ruDALL-E Malevich! Дизайн, Веб-дизайн, Нейронные сети, Нейросеть Балабоба, Длиннопост, Нейросеть ruDALL-E

Тёмная тема


Короче, тёмная тема в веб-дизайне в 2022 году — это когда вы с закрытыми глазами и ногами на клавиатуре пытаетесь найти в темноте выключатель. Вы нажимаете на кнопку «Выключить свет», а вместо неё появляется кнопка «Включить свет». На вашем рабочем столе ничего нет, кроме иконки «Мой компьютер», а в браузере не видно, открыт ли он у вас вообще.

О нет, главные тренды в веб-дизайне 2022 года… О да, по версии Балабобы и ruDALL-E Malevich! Дизайн, Веб-дизайн, Нейронные сети, Нейросеть Балабоба, Длиннопост, Нейросеть ruDALL-E
О нет, главные тренды в веб-дизайне 2022 года… О да, по версии Балабобы и ruDALL-E Malevich! Дизайн, Веб-дизайн, Нейронные сети, Нейросеть Балабоба, Длиннопост, Нейросеть ruDALL-E

Голосовые помощники


Короче, голосовые помощники в 2022 году будут разговаривать голосом вашего друга, потому что голосовой помощник, который разговаривает голосом робота, — это уже перебор. Они говорят вам: «Привет, я Алиса, и я буду вашим голосом, вашим другом, вашим любовником и вашей женой». Они будут знать всё о вашем прошлом, настоящем и будущем.


Кирилл Кузьмин, арт-директор Forap: Это уже не те «Алиса» и «Алекса», которых мы знаем, а что-то совсем другое. Например, искусственный интеллект, который будет просить разрешения на то, чтобы взять вашу кружку. Они будут говорить: «Абонент временно не может принять ваш звонок, так как он обнюхивает свой носок».
О нет, главные тренды в веб-дизайне 2022 года… О да, по версии Балабобы и ruDALL-E Malevich! Дизайн, Веб-дизайн, Нейронные сети, Нейросеть Балабоба, Длиннопост, Нейросеть ruDALL-E
О нет, главные тренды в веб-дизайне 2022 года… О да, по версии Балабобы и ruDALL-E Malevich! Дизайн, Веб-дизайн, Нейронные сети, Нейросеть Балабоба, Длиннопост, Нейросеть ruDALL-E

Яркие цвета


Короче, яркие цвета в веб-дизайне в 2022 году будут заменены на тёмные. Это связано с тем, что у людей, работающих в тёмных помещениях, будет улучшаться зрение от ярких цветов, а у тех, кто работает на улице, наоборот, ухудшаться. Яркие цвета станут привилегией дизайнеров, которым платят деньги для того, чтобы они были яркими.

О нет, главные тренды в веб-дизайне 2022 года… О да, по версии Балабобы и ruDALL-E Malevich! Дизайн, Веб-дизайн, Нейронные сети, Нейросеть Балабоба, Длиннопост, Нейросеть ruDALL-E
О нет, главные тренды в веб-дизайне 2022 года… О да, по версии Балабобы и ruDALL-E Malevich! Дизайн, Веб-дизайн, Нейронные сети, Нейросеть Балабоба, Длиннопост, Нейросеть ruDALL-E

Асимметричная сетка


Короче, асимметричная сетка в веб-дизайне в 2022 году — способ создания сайтов, где на каждой странице можно увидеть всё, что угодно, кроме того, что нужно. При загрузке страницы вы видите вместо привычной сетки с пунктами меню и ссылками на сайте чёрную дыру. Это сетка, в которой каждый элемент по отдельности симметричен, а вместе — нет. Она будет называться «Сетка Чебурашки» и её будут использовать только для того, чтобы делать мемы про Чебурашку.

О нет, главные тренды в веб-дизайне 2022 года… О да, по версии Балабобы и ruDALL-E Malevich! Дизайн, Веб-дизайн, Нейронные сети, Нейросеть Балабоба, Длиннопост, Нейросеть ruDALL-E

Сетка Чебурашки

О нет, главные тренды в веб-дизайне 2022 года… О да, по версии Балабобы и ruDALL-E Malevich! Дизайн, Веб-дизайн, Нейронные сети, Нейросеть Балабоба, Длиннопост, Нейросеть ruDALL-E

Сетка Чебурашки

О нет, главные тренды в веб-дизайне 2022 года… О да, по версии Балабобы и ruDALL-E Malevich! Дизайн, Веб-дизайн, Нейронные сети, Нейросеть Балабоба, Длиннопост, Нейросеть ruDALL-E

Пример мема про Чебурашку

О нет, главные тренды в веб-дизайне 2022 года… О да, по версии Балабобы и ruDALL-E Malevich! Дизайн, Веб-дизайн, Нейронные сети, Нейросеть Балабоба, Длиннопост, Нейросеть ruDALL-E

Пример мема про Чебурашку

Виртуальная и дополненная реальность


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


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

Мария Орехова, маркетолог Htogy: Человек с закрытыми глазами будет передвигаться по улице, а за ним будет тянуться шлейф из виртуальных объектов.

О нет, главные тренды в веб-дизайне 2022 года… О да, по версии Балабобы и ruDALL-E Malevich! Дизайн, Веб-дизайн, Нейронные сети, Нейросеть Балабоба, Длиннопост, Нейросеть ruDALL-E
О нет, главные тренды в веб-дизайне 2022 года… О да, по версии Балабобы и ruDALL-E Malevich! Дизайн, Веб-дизайн, Нейронные сети, Нейросеть Балабоба, Длиннопост, Нейросеть ruDALL-E

Минимализм


Короче, минимализм в веб-дизайне 2022 году — это когда дизайн сайта состоит из двух элементов: кнопки «Главная» и кнопки «Добавить в избранное». Или когда ты ставишь на сайт одну кнопку, а при нажатии на неё тебе показывают все твои последние посещения. На первом плане будет стоять логотип, а на заднем фоне — логотип компании, которая занимается разработкой логотипа.

Никита Макаров, арт-директор Web Scenario: Минимализм в 2022 году — это когда ты открываешь холодильник, а там: «Икра осетровых рыб, икра минтая, колбаса полукопчёная, сыр, масло сливочное, масло растительное, макароны, пельмени, сало, сгущёнка, майонез, сок яблочный, водка, виски, коньяк, пиво, квас, сигареты, конфеты, чай, кофе, печенье, мясо, фрукты, овощи».
О нет, главные тренды в веб-дизайне 2022 года… О да, по версии Балабобы и ruDALL-E Malevich! Дизайн, Веб-дизайн, Нейронные сети, Нейросеть Балабоба, Длиннопост, Нейросеть ruDALL-E
О нет, главные тренды в веб-дизайне 2022 года… О да, по версии Балабобы и ruDALL-E Malevich! Дизайн, Веб-дизайн, Нейронные сети, Нейросеть Балабоба, Длиннопост, Нейросеть ruDALL-E

Необычные шрифты


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


Иван Кочергин, веб-дизайнер Blomap: Я даже не буду это комментировать.
О нет, главные тренды в веб-дизайне 2022 года… О да, по версии Балабобы и ruDALL-E Malevich! Дизайн, Веб-дизайн, Нейронные сети, Нейросеть Балабоба, Длиннопост, Нейросеть ruDALL-E
О нет, главные тренды в веб-дизайне 2022 года… О да, по версии Балабобы и ruDALL-E Malevich! Дизайн, Веб-дизайн, Нейронные сети, Нейросеть Балабоба, Длиннопост, Нейросеть ruDALL-E

Заключение


Короче, тренды в веб-дизайне 2022 года:


1. Дизайн для всех.

2. Дизайн без дизайна.

3. Дизайн как дизайн.

4. Дизайн, который никто не видит.

5. Дизайн, которого никто не касается.

6. Дизайн, которым никто не пользуется.

7. Дизайн, на который никто не смотрит.

8. Дизайн, от которого тошнит.

9. Дизайн, про который все забыли.

10. Дизайн, которому все равно.

11. Дизайн, у которого нет дизайна.

12. Дизайн, в котором нет дизайна.

13. Дизайн, дизайн, дизайн.

14. Дизайн, о котором никто никогда не слышал.

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

Главное правило в работе с цветом!

В этом видео я поделюсь с вами важным правилом при работе с цветом, которое называется 60/30/10.

Этот закон можно встретить во многих произведениях искусства: кино, живопись, графический и веб-дизайн, дизайн интерьеров и тд.

Зная это правило, вы сможете правильно работать с цветовыми палитрами и цветом в общем.

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

Нужен человек с навыком работы в «Фотошоп» [Спасибо всем за помощь! Вопрос решён]

Приветствую, пикабутяне и другие интересные создания!
Заранее прошу прощения у администрации, если сим постом нарушил какое-то из правил сайта. Я исправлюся =)

По совету товарища @NRMI даю вводные:
-в/ч пп 58593
-техника, предположительно, одна из модификаций БМД
-образцы эмблем прилагаю внизу поста

Ищу человека, умеющего в эти ваши фотошопы

А суть вот в чём:

Нужен человек с навыком работы в «Фотошоп» [Спасибо всем за помощь! Вопрос решён] Графический дизайн, Без рейтинга, Компьютерная помощь, Длиннопост

Хочу подарить отцу наклейки, как на фото. Нашёл у себя в городе типографию, согласную изготовить небольшую партию, но их дизайнер в отпуске, а как искать людей во всяких фрилансах я не знаю.
Сможет ли кто изготовить макет для печати (примерно 320х180мм)?

Сразу предупреждаю, что я не халявщик и готов человека вознаградить по прайсу.

Желательно, чтобы человек был из Украины, дабы можно было просто кинуть деньги на карту (слабо представляю, как слать в другие страны).

За доп информацией пожалуйте в комменты.

Без рейтинга.

Нужен человек с навыком работы в «Фотошоп» [Спасибо всем за помощь! Вопрос решён] Графический дизайн, Без рейтинга, Компьютерная помощь, Длиннопост
Нужен человек с навыком работы в «Фотошоп» [Спасибо всем за помощь! Вопрос решён] Графический дизайн, Без рейтинга, Компьютерная помощь, Длиннопост
Показать полностью 3

Веб-разработчикам посвящается

Веб-разработчикам посвящается Веб-разработка, 2021, 2022, Картинка с текстом, Советские плакаты

Источник: localhost

Telegram-канал IT-юмор

Как пренести проект из Figma или Sketch в After Effects

В этом видео я покажу как перенести проект из Figma или Sketch в After Effects в один клик.

Для этого мы будем использовать бесплатный плагин AEUX.

Бесплатные ресурсы для инди-разработчиков

Бесплатные ресурсы для инди-разработчиков Игры, Анимация, Разработка, Компьютерная графика, Дизайн, Длиннопост

Я изучаю гейм-дизайн и разработку игр. Когда я начала создавать свою первую игрушку (гифка оттуда) по мотивам мультсериала «We Bare Bears», то подолгу зависала, чтобы отрисовать фон, кнопочку, анимацию разрушения блока и пр. Часть артов я, по итогу, не использовала, а время на них тратила много.

За полгода я накопила список ресурсов с бесплатными ассетами, персонажами, музыкой, фонами. Эти ресурсы помогают мне экономить по 10-20 часов на создании учебных игровых проектов. Надеюсь, кому-то этот список сэкономит время и позволит создавать атмосферные прототипы быстро.

Updated: я тут немножко подумала, и создала канал в Telegram: GameDEVils, буду там делиться материалами (про геймдизайн, разработку и историю игр), которые слишком короткие, чтобы положить в статью на Хабре.

Лирическое отступление про «We Bare Bears»

Мне захотелось создать свою интерактивную версию эпизода «Icy Nights» в стиле пиксельного платформера.

В эпизоде есть отсылки на фильмы «Only God Forgives» и «Drive». Там есть неон, бои роботов, любовная линия, двойная жизнь и даже реактивный пылесос. Когда заканчивается 11 минутная серия, остается ощущение, что это была полнометражка. Хотя в серии есть все заезженные шаблоны из экнш-боевиков, она не выглядит как пародия.


1. Itch.io


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

Это мой самый любимый ресурс, у него современный дизайн, есть теги для поиска и много бесплатных ништячков. Я скачивала оттуда tile map, пиксельартные иконки приложений, разный стафф для интерьера.

Бесплатные ресурсы для инди-разработчиков Игры, Анимация, Разработка, Компьютерная графика, Дизайн, Длиннопост

Tile map (тайл мэп) — большое изображение состоящее из различных картинок; из фрагментов этого большого изображения составляется обстановка в 2D игре.

2. OpenGameArt

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

Бесплатные ресурсы для инди-разработчиков Игры, Анимация, Разработка, Компьютерная графика, Дизайн, Длиннопост

3. Reddit

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

Бесплатные ресурсы для инди-разработчиков Игры, Анимация, Разработка, Компьютерная графика, Дизайн, Длиннопост

4. CraftPix

Это магазин, но там есть раздел «халява». Я скачивала оттуда tilemap индустриальной зоны в пиксель-артном стиле.

Бесплатные ресурсы для инди-разработчиков Игры, Анимация, Разработка, Компьютерная графика, Дизайн, Длиннопост

5. Kenney

Ассеты — 2d, 3d, часть бесплатные. Оттуда я скачивала бесплатный пакет звуков для RPG, но мне они отлично встали в платформер, это ж звуки.

Бесплатные ресурсы для инди-разработчиков Игры, Анимация, Разработка, Компьютерная графика, Дизайн, Длиннопост

Кстати, от этих же ребят забавная тулза «creature-mixer». Можно создать свою бабаку, настроить цвет/форму ножек-ручек, крылышек-рожек, челюстей-глазок и скачать ее анимацию в .png или .gif.

Бесплатные ресурсы для инди-разработчиков Игры, Анимация, Разработка, Компьютерная графика, Дизайн, Длиннопост

6. Unity


Unity больше про 3d игры, но 2d ассетов в pixel art тут полно. Встречаются повторы с itch.io.

Бесплатные ресурсы для инди-разработчиков Игры, Анимация, Разработка, Компьютерная графика, Дизайн, Длиннопост

7. Spritedatabase.net


SDB — проект фаната ретро-игр, куда он с 2005 года загружает спрайты из ретро-игр с ПК и всевозможных приставок. Откуда он их берет я так и не поняла, но возможность бегать в RPG монстром из DOOM меня позабавила. Автор сайта настоятельно не рекомендует использовать спрайты для коммерческих проектов из-за нарушения авторских прав.

Бесплатные ресурсы для инди-разработчиков Игры, Анимация, Разработка, Компьютерная графика, Дизайн, Длиннопост

8. Gamedevmarket.net


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

Бесплатные ресурсы для инди-разработчиков Игры, Анимация, Разработка, Компьютерная графика, Дизайн, Длиннопост

9. Github

Пользователь GitHub с ником @elisee выкладывал в репозиторий ассеты, которые создавал для проекта «Sparklin Labs». Последние апдейты были 2 года назад. Все ресурсы разработчик предлагает использовать в своих проектах, даже коммерческих. Даже без указания авторства.

Бесплатные ресурсы для инди-разработчиков Игры, Анимация, Разработка, Компьютерная графика, Дизайн, Длиннопост

10. Bevouliin.com


Т.к. я сейчас увлекаюсь pixel art, то мне пока не пригодился этот сайт. Но я запасливый бурундук, так что отложила на будущее. Персонажей во free-категории не очень много, но у художника есть свой узнаваемый стиль. Посмотрите на это приведенье (второй ряд, второй арт слева). Я теперь фоловлю этого художника в соцсетях.

Бесплатные ресурсы для инди-разработчиков Игры, Анимация, Разработка, Компьютерная графика, Дизайн, Длиннопост

11. Untamed.wild-refuge.net


Персонажи в стиле pixel art для RPG: Disney, Star Wars, национальные костюмы, стимпанк, эльфы, аниме — мне захотелось скачать всё и сразу. На каждого персонажа есть спрайт движения вбок, вверх, вниз — по сути готовые персонажи для RPG. Еще есть интерьеры для tilemap.

На картинке Черная Вдова, Наташа Романова из Мстителей, если что.

Бесплатные ресурсы для инди-разработчиков Игры, Анимация, Разработка, Компьютерная графика, Дизайн, Длиннопост

12. Spritemaker

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

Бесплатные ресурсы для инди-разработчиков Игры, Анимация, Разработка, Компьютерная графика, Дизайн, Длиннопост

13.Freesound.org

Библиотека бесплатных звуков. Поиск не очень удобный. Если по названию звуков еще можно ориентироваться, то название музыки вообще ничего не дает. Я просто иногда трачу 20-30 минут, слушаю рандомные треки и сохраняю «на будущее».

Бесплатные ресурсы для инди-разработчиков Игры, Анимация, Разработка, Компьютерная графика, Дизайн, Длиннопост

14.Pixel Fonts

Можно сгенерировать надпись пиксельными шрифтами и скачать в png. Шрифтов на выбор больше 1000 штук, кириллицы нет. Когда делаешь прототип, не так важно, что за шрифт, но все равно не очень хочется играть в WordArt.

Бесплатные ресурсы для инди-разработчиков Игры, Анимация, Разработка, Компьютерная графика, Дизайн, Длиннопост

Удобно использовать Pixel Fonts, если на всю игру будет пару статичных пиксельных надписей, и вам неохота искать и встраиваться в игру свой sprite font. Или если sprite font в игру вы уже встроили, но нужен большой баннер в .png.

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

15.Getwaves


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


Коты — это жидкость. А город — это волна. Вместо «урбанистического» фона для прототипа игры, сойдет кусок такой штуки. По очертаниям напоминает город, цвет можно настроить в соответствии с цветовой темой игры.


Если бы я смекнула о такой заглушке в своей первой версии игры по эпизоду «Icy Nights», то не потратила бы вечер на отрисовку фона, который в итоге не использовала.

Бесплатные ресурсы для инди-разработчиков Игры, Анимация, Разработка, Компьютерная графика, Дизайн, Длиннопост

Можно настроить цвет, прозрачность и выгрузить пологие холмы в .svg за 3 секунды:

Бесплатные ресурсы для инди-разработчиков Игры, Анимация, Разработка, Компьютерная графика, Дизайн, Длиннопост

16. Coolbackgrounds.io


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

Бесплатные ресурсы для инди-разработчиков Игры, Анимация, Разработка, Компьютерная графика, Дизайн, Длиннопост

Или зайти на Trianglify.io и создать геометричный фон в стиле Low poly.


В CSS Gradient можно настроить плавные переходы цветов и создать вертикальные, горизонтальные, радиальные градиенты с любым количеством цветов.


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


17. Повторяющиеся паттерны


Генератор рандомных повторяющиеся паттернов, также пойдет для фона игрового меню или для заставки. Нажимаешь на клавишу — генерируется рандомный фон, жмешь backspace, откатываешься к предыдущему рандомному фону. Код генератора лежит на GitHub.


18. Heropatterns.com


На Heropatterns.com 87 шаблонов с повторяющимися паттернами: от клавиатуры пианино до рисунков фастфуда. Можно настроить цвета, насыщенность, и выгрузить CSS или .svg.

Бесплатные ресурсы для инди-разработчиков Игры, Анимация, Разработка, Компьютерная графика, Дизайн, Длиннопост

19. Тулза от Philip Rogers


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


P.S.

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

Когда пользуешься чем-то готовым для неучебного проекта, велик шанс увидеть арты, которые приглянулись, еще в десятке игр. Опять же, есть вариант быстро кастомизировать под себя скаченный ассет в редакторе, если речь идет про pixel art. Но про редакторы я напишу в другой раз.

Чуть больше информации в оригинальной статье по ссылке в источнике.


Автор: Asya_Dyu

Источник

Подпишись, чтобы не пропустить новые интересные посты!

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

В Питере шаверма и мосты, в Казани эчпочмаки и казан. А что в других городах?

Мы постарались сделать каждый город, с которого начинается еженедельный заед в нашей новой игре, по-настоящему уникальным. Оценить можно на странице совместной игры Torero и Пикабу.

Реклама АО «Кордиант», ИНН 7601001509

Вот как нужно рисовать реалистичные картинки

Отличная работа, все прочитано!