Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты
Войти
Забыли пароль?
или продолжите с
Создать аккаунт
Регистрируясь, я даю согласие на обработку данных и условия почтовых рассылок.
или
Восстановление пароля
Восстановление пароля
Получить код в Telegram
Войти с Яндекс ID Войти через VK ID
ПромокодыРаботаКурсыРекламаИгрыПополнение Steam
Пикабу Игры +1000 бесплатных онлайн игр Герои войны — это продуманное сочетание стратегии и RPG. Собери мощнейшую армию и одолей всех противников! В игре представлено 7  режимов — как для поклонников сражений с PvE, так и PvP.

Герои Войны

Стратегии, Мидкорные, Экшены

Играть

Топ прошлой недели

  • solenakrivetka solenakrivetka 7 постов
  • Animalrescueed Animalrescueed 53 поста
  • ia.panorama ia.panorama 12 постов
Посмотреть весь топ

Лучшие посты недели

Рассылка Пикабу: отправляем самые рейтинговые материалы за 7 дней 🔥

Нажимая «Подписаться», я даю согласие на обработку данных и условия почтовых рассылок.

Спасибо, что подписались!
Пожалуйста, проверьте почту 😊

Помощь Кодекс Пикабу Команда Пикабу Моб. приложение
Правила соцсети О рекомендациях О компании
Промокоды Биг Гик Промокоды Lamoda Промокоды МВидео Промокоды Яндекс Маркет Промокоды Пятерочка Промокоды Aroma Butik Промокоды Яндекс Путешествия Промокоды Яндекс Еда Постила Футбол сегодня
0 просмотренных постов скрыто
6
ru1000
ru1000
Серия Игрушечный программист - мой опыт Construct 3

Где я нахожу картинки для своих игр в Construct 3 и чем их редактирую⁠⁠

7 месяцев назад

Добрый день!

Меня зовут Руслан.
С 2016 года делаю игры в редакторе Construct 3.

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

Примерно 1/3 каждой игры — это различные картинки. Всякие кнопочки, окошки, персонажи, фоны и т.д.

То, что попроще — часто рисую сам (простенькие кнопки и окна).

Для этого использую несколько бесплатных программ:

1. Векторный редактор Inkscape.

https://inkscape.org/

Векторный редактор Inkscape.

Векторный редактор Inkscape.

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

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

2. Растровый редактор Paint.NET.

Золотая середина между простотой Paint’a и мощностью Photoshop’а.

https://www.getpaint.net/

Растровый редактор <!--noindex--><a href="https://pikabu.ru/story/gde_ya_nakhozhu_kartinki_dlya_svoikh_igr_v_construct_3_i_chem_ikh_redaktiruyu_12688115?u=http%3A%2F%2FPaint.NET&t=Paint.NET&h=110d6b2be82044d39eafcd2a83a9277576e6d7c2" title="http://Paint.NET" target="_blank" rel="nofollow noopener">Paint.NET</a><!--/noindex-->

Растровый редактор Paint.NET

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

3. Скриншотер FastStone Capture

Почти идеальная программа для снятия скриншотов.

https://www.faststone.org/FSCaptureDownload.htm

Программа для снятия скриншотов FastStone Capture

Программа для снятия скриншотов FastStone Capture

Последние версии стали условно платными, но я до сих пор пользуюсь старой бесплатной версией.

Маленькое окошко почти не перекрывает остальной экран.

Позволяет точно зацеплять углы кадра с помощью «лупы».

Готовый скриншот можно по-быстрому обработать в той же программе.

4. Браузер картинок FastStone Image Viewer

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

https://www.faststone.org/FSIVDownload.htm

Браузер картинок FastStone Image Viewer.

Браузер картинок FastStone Image Viewer.

Очень гибко настраивается.

Позволяет наглядно сравнить 2 выбранных картинки на одном экране.

Ну и умеет всякое обязательное — повернуть или обрезать картинку, подкорректировать цвета и т. д.

Есть встроенное пакетное преобразование: можно в 3 клика поменять имя, формат, размер, поворот и т. д. сразу у 10000 картинок.

5. Специальная прога именно для пакетного преобразования картинок XnConvert.

https://www.xnview.com/en/xnconvert/

(ссылка доступна только по ВПН).

Пакетный конвертер изображений XnConvert.

Пакетный конвертер изображений XnConvert.

Дополняет предыдущую программу. В частности поддерживает конвертацию в формат webp, который сейчас повсеместно используется в Construct 3.

6. Встроенный редактор анимаций в Construct 3

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

Встроенный редактор анимаций в Construct 3.

Встроенный редактор анимаций в Construct 3.

Если нужна готовая графика

1. Идеальный вариант, когда готовую графику даёт сам заказчик. Часто заказчики сами нанимают дизайнера или сам рисует макет игры в Figma. Оттуда удобно копировать отдельные элементы дизайна.

Рабочая Figma одного из наших проектов.

Рабочая Figma одного из наших проектов.

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

https://opengameart.org

Бесплатные ресурсы на <!--noindex--><a href="https://pikabu.ru/story/gde_ya_nakhozhu_kartinki_dlya_svoikh_igr_v_construct_3_i_chem_ikh_redaktiruyu_12688115?u=http%3A%2F%2Fopengameart.org&t=opengameart.org&h=88859662bff9fedd0f9ed577a36954b2e10404ae" title="http://opengameart.org" target="_blank" rel="nofollow noopener">opengameart.org</a><!--/noindex-->

Бесплатные ресурсы на opengameart.org

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

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

Генерация картинок в нейросетях

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

https://www.recraft.ai

Нейросеть Recraft.

Нейросеть Recraft.

К сожалению с некоторых пор он стал отчасти платным (но не сильно дорогим) и работает только через ВПН.

Но даже с базовым бесплатным тарифом можно наклепать себе до 20 картинок в сутки (на 50 кредитов).

Из плюсов данной сетки:

+ Простая регистрация.

+ Все картинки проекта на одном экране.

+ Куча готовых стилей.

+ Можно задать свой стиль, загрузив несколько своих картинок.

+ Можно превращать растр в вектор.

+ Можно буквально натягивать сов на глобусы (делать макапы на неровные поверхности).

+ Быстрое удаление фона.

+ Коррекция результата прямо в редакторе и много чего ещё.

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

Как-то пробовал всякие Midjourney, Шедеврумы и иже с ними, но это был давно. Думаю, сейчас они далеко ушли вперёд (наверное тоже не все).

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

P.S. Возможно, пока пишу эту заметку, в интернетах появилась какая-то новая достойная нейросеть :)

P.P.S. Обычно когда выходит какой-нибудь новый условный Кандинский, который «ещё лучше понимает нас» — тестирую его на такой промт: «Три советских пионера сидят на лавочке».

Раньше все нейросетки упорно рисовали старичков с Дикого запада.

Ну, тоже по-своему пионеры.

Ну, тоже по-своему пионеры.

Полгода назад уже уверенно рисовали детей в красных галстуках от строгих костюмов :)

Ну, уже почти пионер.

Ну, уже почти пионер.

И вот сегодняшняя версия от Кандинского.

Тоже пионеры.

Тоже пионеры.

И пионерки тоже. Но чё-то пока в основном инвалиды.

И пионерки тоже. Но чё-то пока в основном инвалиды.

Прогресс налицо, но ещё есть над чем работать (например, над количеством ног).

Ну и наверное ещё от выбранного стиля многое зависит.

Спасибо за внимание.

Как обычно - ссылка на Телеграм:
https://t.me/toyprogrammer

Показать полностью 13
[моё] Gamedev Игры Браузерные игры Автор Графический редактор Inkscape Paintnet Пионеры Векторная графика Растровая графика Construct 3 Нейросеть Kandinsky Нейронные сети Картинки Генерация изображений Длиннопост
0
7
jchan
jchan

Дураку половину работы не показывают⁠⁠

10 месяцев назад

Однако, те, кто подписался на меня, в надежде получить плакат из поста "Моя религия ну точно единственно верная", явно не дураки. Поэтому показываю.

Пилю иконки в Inkscape

Пилю иконки в Inkscape

Да, из-за навалившейся работы я просрала все сроки, но не волнуйтесь, процесс идёт. Кстати, была бы благодарна, если бы кто-нибудь помог идентифицировать вот этот символ:

Что-то, связанное с шаманами восточной и южной Азии

Что-то, связанное с шаманами восточной и южной Азии

Всех из того комментария пока не призываю, так как готово не полностью. Прошу терпения.

P.S. Речь об этом комментарии: #comment_335827703

Показать полностью 1
[моё] Религия Инфографика Векторная графика Inkscape Атеизм
5
0
HARDIROR
HARDIROR

Дирим⁠⁠

10 месяцев назад
Просто Дирим. Вполне подойдёт для использования как обои на рабочий стол (сам использую)

Просто Дирим. Вполне подойдёт для использования как обои на рабочий стол (сам использую)

Качество лучше, если открыть изображение в отдельной вкладке

[моё] Арт Векторная графика Mount and Blade Масло Inkscape Обои на рабочий стол
0
20
Undrev
Pikabu Game Jam
Серия Добро Даш

Dobro Dash - игра за 3 дня в соло на джем с Пикабу⁠⁠

1 год назад

Для ЛЛ - сделал простую аркаду за 72 часа, под катом детали разработки, в конце поста выводы и советы.

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

Преамбула

Это личный опыт с точки зрения соло разработчика с некоторыми начальными навыками в геймдеве.

Подготовка

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

Придумал штуки 3-4 простых типа паззл, аркада, карты и т.п. От всех механик подразумевающих нарратив, типа VN, квесты и прочее, а так-же тех, где нужно много контента (графического, текстового или создания уровней) отказался.

05.12

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

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

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

06.12

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

07.12

Продолжил работу с механикой передвижений и отскоком от стен. Слегка застрял на этом моменте.

Поработал с графикой, цветом и UI.

Нарисовал необходимые игровые элементы для бонусов и врагов.

08.12

Доработка графики. Так-же добавил изображение кекса и Печеньки в виде ГГ.

Расстановка всех объектов на игровой сцене. Программирование механик объектов, доработка игрового цикла победа/поражение, экранов UI.

Тестирование, исправления. За пару часов до дедлайна решил добавить кнопку "?" с подсказкой где найти золотой плюсик.

Локализация и ее тестирование.

Билд, его подготовка и заливка на страницу игры.

Выводы

Во-первых, была быстро продумана механика под тему. Составил план разработки на 3 дня и более-менее следовал ему.

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

В-третьих, был важен приоритет задач. Я начал с работы над основной кор-механикой и игровым циклом победа/поражение. Когда он был готов, вероятность закончить игру в срок резко выросла. Все остальное - это уже обвес поверх каркаса (враги, бонусы, UI и т.д.).

Советы

Несколько советов тем, кто не смог в этот раз. Надеюсь, будет полезно.

  1. Продолжайте участвовать в геймджемах. Короткие активные спринты и дедлайны очень сильно прокачивают ваши профессиональные навыки.

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

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

  4. Составляйте план работ и список приоритетов. Начинайте с кор-механики и геймплея "на кубиках", затем графика, потом ui и саунд.

  5. Следуйте режиму дня, чередуйте циклы работа/отдых. Я работал мини-спринтами по 1-2 часа с перерывами.

Расталкивай хулиганов, собирай золотые плюсики, ешь кексики...

Примерно так можно описать незамысловатый сюжет игры Dobro Dash.

В игре есть баги (я уже обнаружил парочку), для ранней версии - это нормально. Сообщайте если что-то работает не так.

Поиграть и написать свой отзыв - https://undrev.itch.io/dobrodash/

Have fun!

Показать полностью 8
[моё] GP Profit Jam Gamedev Игры Инди игра Инди Геймджем Аркадные игры Мобильные игры Разработчики игр Разработка Defold Inkscape Игровая механика Длиннопост
1
9
galexys

Новогодние сувенирчики⁠⁠

1 год назад
Новогодние сувенирчики

Напилил сливовых плашек. И на 3d принтере с лазерной головой навыжигал первую партию. Готовлюсь к новому году.

[моё] 3D принтер Лазерная гравировка Inkscape Новогодняя открытка
3
3
hinterlandlyrics
hinterlandlyrics

Еще один классный ресурс, который можно задействовать при создании презентации⁠⁠

2 года назад

Про StoryBoardThat я написал тут. Теперь расскажу про Icograms (чтобы сайт работал корректно, нужно включить VPN). Фишка ресурса в том, что там вы найдете множество разнообразных картинок: городской среды, деревни, завода, аэропорта и т.д.

А при регистрации сможете создавать собственные иллюстрации из готовых элементов.

Для своей презентации я пошел чуточку дальше: я перерисовал иллюстрацию с Icograms в программе Inkscape (векторная графика), чтоб адаптировать картинку под свои нужды.

Это оригинал.

А это то, что у меня получилось.

Далее я при помощи цвета показал элементы городской среды (это был урок географии).

Это деловой район.

Это жилые дома.

Школа.

Плюс больница.

Плюс полицейский участок.

Заправка.

Плюс склад.

Плюс кафе.

И все это вместе.

Показать полностью 15
[моё] Презентация География Рисунок Microsoft PowerPoint Inkscape Слайды Длиннопост
0
12
A3A2

Охота на лунного кролика⁠⁠

2 года назад

Привет!

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

Маловато будет!!!
По ссылке размер 4К с диалогом и без.

https://disk.yandex.ru/d/8CeaFqpvCdHyng

Показать полностью 2
[моё] Вектор Винни-Пух Inkscape Рисование Кролик Векторная графика Цифровой рисунок Рисунок на планшете
0
36
A3A2
Пикабу головного мозга

Вдогонку марафона "Продолжи рисунок" 43⁠⁠

2 года назад

Привет!
Опоздал с участием в 43-м марафоне, но рисунок все же покажу.

Вдогонку марафона &quot;Продолжи рисунок&quot; 43
Показать полностью 1
[моё] Конкурс Рисование Векторная графика Inkscape Продолжи рисунок
1
Посты не найдены
О нас
О Пикабу Контакты Реклама Сообщить об ошибке Сообщить о нарушении законодательства Отзывы и предложения Новости Пикабу Мобильное приложение RSS
Информация
Помощь Кодекс Пикабу Команда Пикабу Конфиденциальность Правила соцсети О рекомендациях О компании
Наши проекты
Блоги Работа Промокоды Игры Курсы
Партнёры
Промокоды Биг Гик Промокоды Lamoda Промокоды Мвидео Промокоды Яндекс Маркет Промокоды Пятерочка Промокоды Aroma Butik Промокоды Яндекс Путешествия Промокоды Яндекс Еда Постила Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии