Как нарисовать графику для игры видом сверху | Aseprite | Pixel art
HTML-код
- Опубликовано: 3 фев 2022
- Как рисовать графику для Top Down игр. В этом видео я покажу вам как правильно рисовать тайлы для графики видом сверху. Сегодня направление Top Down очень популярно, и конечно это привлекает внимание начинающих разработчиков. Это видео рассчитано как рас на для тех кто только начинает свой путь. Я постарался сделать все понятно и просто.
Палитра drive.google.com/file/d/15m6R...
Видео о TileMap • Как нарисовать графику...
Сообщество Вк.
club212567519
Для тех кто хочет поддержать канал : boosty.to/nibicu 
Игры
спасибо большое, за такой потраченный но очень годный и полезный труд!
Огромное спасибо за этот туториал, он очень помог мне в рисовании графики для моей игры. Крайне годно
Спасибо большое за видео. Сейчас пытаюсь для дипломной работы начать разработку и вообще понятия не имел, как именно создают графику для таких игр.
так интересно))))) Вот бы уровни создавать
Блэн время уже час ночи
Лайк поставил. Обязуюсь посмотреть с утра
У меня 21ч, я в Томске живу)
Спасибо за крутецкий тьютор! Как раз нужно разработать тайлы для локации. Случайно наткнулась на инструмент aseprite и на этот канал. Сразу столько вопросов убралось. Правда, пока со многим до сих пор путаюсь. Очень хочется больше ваших замечательных тьюториалов!
Спасибо за поддержку, буду стараться дальше)
не знаю зачем мне это в реках выдало, но видео классное, даже не заметил что посмотрел от и до XD.. Спасибо)
Как раз начал создавать tod down игру
Согласен,ну как создал?
@@BlazeManOfficial я вот первую игру делаю, за пять дней, может сюда отпишусь, думаю её в стим засунуть, если получится
@@ftor18blacklist если из России, то нет
@@DarYTickа vpn?
@@DarYTickне диз инфуй , если сменить регион или сделать аккаунт на казахстан или другую не забаненую страну в стим то все получится
Чувак, делаешь классный контент! Лайк!
Благодарю тебя за уроки по асепрайту, благодаря тебе я теперь не только люблю смотреть на пиксель арты, но и сам занимаюсь их рисовкой.
Вот только сейчас заметил что ты каждый объект копируешь через ctrl/c ctrl/v , а ведь это можно делать просто с зажатой клавишей ctrl
Ооо, я не знал) буду пользоваться)
Спасибо за твой труд очень помогаешь разобраться. Не останавливайся. Спасибо за видосы.
Спасибо за поддержку!)
Спасибо за видео! Я учусь рисовать хорошие пиксель арты, и, благодаря вашему видео, я могу чему-то научится в спрайтинге! Ураа! 😀
Рад, что помог)
Спасибо за урок! Было бы интересно увидеть, как именно набивать умение рисовать пиксель арт, что бы с каждым разом получалось круче и круче. На русскоязычном ютубе не нашел такой информации, еще раз спасибо за весь твой контент!
Спасибо за поддержку) Я лично начинал с игры little Fighter 2. Там в файлах есть спрайты всех персонажей, и что я только там не рисовал. Правда модели там сложные, и рисовать ты с них не научишься. Очень сложно выдать способ который подойдет прям каждому. Может я что ни будь придумаю!
@@nibicu911 ну может быть не каждому, но основные моменты по прокачке скила, на англоязычном ютубе есть разные уроки, решил тебе предложить эту тему!
Привет,спасибо большое за то что делаешь такие туториалы.
Хороший урок. Спасибо!
Спасибо за твои уроки, хоть я себя больше позиционирую как кодер, но серавно очень интересно смотреть
Привет, а ты учился где-то или самоучка?)
Очень хорошее видео! Спасибо 👍🏻👍🏻👍🏻👍🏻
Спасибо за поддержку))
Шикарный видос.
Спасибо большое за видео! Очень полезный ролик:)
Спасибо за поддержку)
Ты мой кумир, благодаря тебе, я уже сделал 2 too dawn игры. Спасибо тебе
Рад что помог))
Спасибо большое очень помог.
спасибо за качественные уроки
Спасибо за поддержку)
Спасибо большое! Очень помогаеш
спасибо большое, твои уроки очень помогают мне.
Офигенно и очень красиво
я очень хочу научится делать игры. Меня очень вдохновила игра Stardew Valley и её разработчик... Хочу тоже научиться делать игры с пиксель 2д стилистикой и с видом сверху, но видео на эту тему мало. Спасибо тебе💖
Нууу) ты читал как он ее делал и сколько времени у него ушло? Ему с женой очень повезло) История успеха)
@@nibicu911 Читал, знаю, но кто сказал что я буду делать игру объемом как он(=
чрезвычайно годный контент, который помогает новичкам и не только
спасибо, ты мне помог
Лайк поставил, подписался.
Спасибо!)
На какую тему следующее видео?
Сейчас готовятся 2 видео, 1 по рисованию персонажа(RPG,TopDown), и Фон (параллакс)
Урааа)
ты топ продолжай в томже духе
Опять спас! Спасибо тебе огромное, на Ютубе я не мог сформулировать свою мысль и не смог найти с видом сверху. А ты помог. Большое спасибо!!!
Рад что помог!)
Большое спасибо
Можешь еще записать ролик про к примеру придумыванию концепта, или topdown Анимации
Есть такие мысли) точно будет.
14:32 не нашел в описании видео про настройку перенос тайлов в юнити. Не нашел его и у тебя на канале.
Привет, советовал мне тебя пол года назад PromiSe, ты мне дал хороший старт, а теперь я по немногу и сам учусь во все стороны и за плечами уже есть 1 пиксельная игра.
Немного не актуально наверное, но расскажу про моменты которые можно было улучшить!
1.
Трогать "Z" совсем не нужно. В юнити есть компонент у всех спрайтов: "Sprite Renderer"
В его Инспекторе есть графа: Order im Layer.
Она отвечает за слой, на котором должен распологатся обьект.
Т.е мучатся с координатой Z не нужно, к тому же это может повлиять на колизию.
2.
Мучатся с раставлением тайлов тоже не нужно :)
Я пологаю, уже разрезанный тайл в папке ты открыл, выделил все тайлы и кинул в палету. Но ты можешь не открывать, а сам спрайт(с тайлами которые разрезаны) закинуть в палету. Тогда все тайлы внутри встанут на места как на спрайте!
Привет, PromiSe знаю) 1е - да тут мой косяк) уже понял, а вот про 2е не знал)
Привет спасибо за видео и кстати можешь сделать видео по рисованию фона?)
Да, это есть в очереди, уже скоро)
ого, очень хороший туториал, аж прям рисовать захотелось)
годно
Скажи пожалуйста, зачем ты убирал с некоторых тайлов пиксель воды? Ведь по итогу этот пиксель все равно заполнился в конце чем-то?
Я не помню)
Не изпользуй Z координат для отрисовки спереди или сзади, попробуй sorting layer в компоненте Sprite Rendere, чем выше число тем выше отрисуется обьект!
Спасибо за совет, я учту!)
используй V
@@pump9936 используй дорожку к кораблю "москва"
@@user-el3il8ws7i ідьи нахиц я с бамбаса
@@WrongLab дебил? Иди писать сначала научишь, жто раз, а второе каким боком тут бы?
Посмотрел этот ролик и вроде бы я научился рисовать пиксельную графику:)
Кстати,а как называется приложение которым ты пользуешься?:> Ыыы
Aseprite
очень крутой гайд! спасибо)
жаль только не рассказал, как сделать такую же анимацию воды из двух кадров, уж очень интересно
Вода это отдельная тема)
Я считаю, что использовать "Order in layer" ( Это параметр отображения слоя в Sprite Renderer ) гораздо удобней, чем менять координату Z.
Я тут тупанул. Хотел показать как работает иерархия. А так ты конечно прав) Хоть видос переписывай)
@@nibicu911 такая же фигня, после юнити перешёл в годот и не понимаю, что как работает 😂
@@nibicu911 а урок по графики прям очень помог, теперь персонажа буду рисовать :)
Очень красиво !
Спасибо)
Обязательно ли расставлять спрайты растений и тд сразу?Или можно их оставить как спрайты?
Да, можно отдельно.
Привет, можешь помочь пожалуйста?
Недавно начал рисовать пикселями и задался вопросом, а в каком размере вообще рисовать допустим большую иконку персонажа?(для диалогого окна, например)
Все зависит, от игры! Если персонаж 16 пиксельный, то по стандарту 32 пикселя за глаза хватает что бы охарактеризовать персонажа. Очень многое зависит от игры! И особенно от графики, но обычно это 32 и выше .У меня будет такое видео, только не в этом месяце точно!
@@nibicu911 Хорошо, спасибо)
Здравствуйте, как разделять файлы на 2 части , и в каком формате вы сохраняли ?
Сохранял в png. Про разделить не ронял)
смотрю и думаю "блин, когда нибудь создам игру" , через 1 день это повторяется
Спасибо, полезный гайд, но у меня 1 вопрос к моменту 16:17 в котором вы говорите, что можно изменить координату зет, а не проще ли изментиь значение ордер ин леер в спрайт рендере?
Проще! Я сам пользуюсь слоями, но тут меня видимо кто то укусил и я решил рассказать про иерархию юнити)
У тебя за пять лет 12. Видео. Очень хороших. Годных. Еслиб было больше. То и подписчиков было очень много. А так молодец.
Не) за 6ть месяцев. Аккаунт старый но только не давно начел выпускать видео)
Очень круто! А как ты оцениваешь идею нарисовать несколько вариантов объектов, чтобы разнообразить игру?
Это возможно, но скорее всего с другой графикой)
@@nibicu911 вообще я имел ввиду что можно скопировать спрайт, и внести в него некоторые изменения!
p. s. ох**ть видео уже год, а автор отвечает на комментарии!
Полезный видос, а почему ты не добавил кусты и камешки в отдельный tile pallet?
Не стал заморачиваться)Да и проблему с иерархией нужно было пояснить.
а в Unity при создании объектов использовать Isometric?
Привет, переформулируй вопрос, я не понял))
@@nibicu911 разобрался)) спасибо)
Спасибо большое за все твои уроки, пожалуйста покажи и простую 2д графику в юнити, то есть как создать с ним что нибудь
assetstore.unity.com/packages/2d/characters/sunny-land-103349
Вот, эта оч. популярна)
Очень классно и мне одному показалось что текстуры похожи из игры WORLD BOX?
Какое неожиданное сравнение) там все ярче, да и размеры куда меньше, я в минимализм не умею особо) Прикольная игра.
привет! классное видео, а не мог бы ты рассказать о том как настроить скорость анимации?
В Unity или Aseprite???)
в асепрайте если инструментом выделение два раза кликнуть левой кнопкой мыши то выделится квадрат 16 на 16 клеток
Спасибо, буду знать)
привет как назывется палитра которую ты используешь?
Это моя, я сделал ее когда начал вести канал. Посмотри видео по подбору цвета на канале)
Ордер ин Лаер ставишь на 1 и все в самом низу у спрайт рендерер!
Да, я знаю)) В то время не понимал. Хоть видео удаляй)))
Nibicu можешь подсказать пойдёт ли Unity на мой пк?
Процессор:
intel core i7-8550U 1.99 GHZ
Видеокарта: Uhd graphics 620
Оперативная память: 8 гб
Windows 64 битная
Пойдет, даже лучше минимальных требований юнити.
Для 2d норм, должно все работать, запускаться будет только долго, у меня ryzen 7, 550 radeon, прошлая сгорела, пришлось брать самую дешевую. Правдо у меня 32гб оперотивы.
@@nibicu911 спасибо! Я 2d игры буду создавать
Очень круто и доходчиво расказиваеш!
Очень интересно было бы услышать (увидеть) как ты сделал анимированую воду, так как у тебя на видео она в двыжении.
Жаль, что ты упустил момент с добавление воды, это было бы полезно и интересно увидеть!
Спасибо за поддержку. Я понимал что воду нужно было показать, но нарисовать красиво воду, это как минимум еще 30 мин видео, и я решил схалтурить и придержать воду для отдельного видео.
8:28 не подскажите как переместить текстуру не вырывая её?
Выделяешь, затем копировать вставить.
Ааааа
16:10 лучше используйте order in layer
Да, мой косяк
Я не спец в юнити , но нельзя сделать было Z = 1 , для тайлов, вместо того , чтобы всем объектам постоянно менять ?
Да, это мой косяк)
Здравствуй, у тебя вместо ссылки на гайд по TileMap ссылка на этот же видос
Оу, спасибо, сегодня исправлю)
Нибицу,помоги пожалуйтса.Мне нужна до завтра доделать свою работу в асперайте.У меня есть такой вопрос.Можно ли подставить свой фон?(любую пнг картинку).Если да,то как?(((
Попробуй написать по подробней, что за проект? Заменить на свое можно почти везде, попытайся точно описать что требуется!?)
@@nibicu911 Школьный проект)Я нарисовал рисунок и мне нужно поставить сзади моего рисунка фон из инета
@@X1ldikzzz Да легко. делаешь 2 слоя. На первом твой рисунок. На втором фон.Как слои делать знаешь?
@@nibicu911 слои это лэйер?
@@X1ldikzzz Да, на первом размести фон, а картинку на 2м!)
Как долго ты учился так рисовать при помощи пикселей?
Ну тут сложно ответить. Еще в 2013 я начал редактировать персонажей с разных мугенов и литл файтера 2. Затем я пытался делать свой Super Smash Bros только пиксельный. Короче по мне сложно судить. Тут главное понимать все правила))
@@nibicu911 блин, ну у тебя реально классно получается, я теперь начну учиться полностью по твоим видео. Буду пробовать. Спасибо за очень качественный контент!
А как мне загрузить твою палитру если в разрешение .aseprite ???
Привет. Посмотри видео Гайд по асепрайт у меня. Там есть про это. Просто объяснять долго.
15:10
А почему ты не перерисовал своё интро если так хорошо рисуешь?
Я задаю себе этот вопрос уже давно))У меня есть пару идей, видео через 2-3 будет другая!)
Сколько же нервов на этот тайлмэп уходит. То в палитре тайлы мизерные, то на сцене выходят какие-то пятна вместо тайлов или сами тайлы мизерные, когда в палитре они нормальные. Второе видео уже по этой теме здесь смотрю и в комментах эту проблему упоминали, но решения ни в видео, ни в комменте не нашёл. Все видео как-то наспех делаются.
Когда тянешь и нажимаешь ctrl, копирование происходит быстрее.
Спасибо. Буду пробовать
А как сделать смену спрайтов воды по кадрам?
Ууууу, это показывать нужно. Лично я знаю 2 способа, самый простой это сделать префабы.
@@nibicu911 Я уже сделал через Animation Tiles
@@nibicu911 Буду ждать видео, хорошие у тебя уроки
@@kret.1214 отлично) просто в комментарии долго писать нужно было)
@@kret.1214 Спасибо, буду стараться
А как копировать тайл а то я не понял
час только вырисовывал все, а в юнити вообще ничего не получилось((
А разве не легче поменять слой в параметрах чуть ниже?
Я знаю 3 способа. И выбрал самый идиотский)хоть видео переписывай)
Где силка на видосик как перенисти короч минута 14.33
А сколько на сколько у вас был холст?
Насколько я помню 16х16 тайл.
@@nibicu911 спасибо
А сколько на сколько одна клетка ?
1к1) если про клетки в асепрайте они ровно 16х16
А что за игра на 0:19??
skull the hero slayer
Хм... Сделаю может следующую игру 2д сверху, но я криворукий немного и сам ничего не могу нарисовать😅
Если ты знаешь в код, то это по мне это даже лучше)
@@nibicu911 я её делаю с другом и, как сделаем, то будем искать деньги на то, чтобы выпустить в плэй маркет
@@nibicu911 я по части графики
@@boba8045 Это все очень круто!)Помню я собрал команду, 6 человек нас было, но в итоге работал я один! Ну а потом все разбежались) Удачи вам! Если все получится я бы хотел получить ссылку на игру).
@@nibicu911 ты будешь одним из первых кто поиграет в неё, можно сказать почти всю графику я делаю по твоим видео, как хорошо, что ты есть... 😍
Зачем менять z, если есть order in layer
Это да. Все верно. Сам бешусь, хоть видео удаляй))
@@nibicu911 шутку оценил)
Я извиняюсь, но палитра вроде совсем не та что в видосе , цвета классные
drive.google.com/file/d/15m6R9lt6YM60h2dPYU15P7XzIHS8SnAO/view
@@nibicu911 спасибо большое, рад что нашёл такой годный контент и отзывчивого человека
А чо так трудно рисовать( Эх ладно с водой, но с типо земля и вода это трудно даже делать типо тень тоже трудно(.
Из-за внезапных эффектов на видео я чувствую себя шизиком, у которого приступ...
Что ? Почему здесь все Аватарки на месте
Они же пропали!
Я их не вижу уже месяца 2.
Я уже давно их не вижу
Это из-за войны походу
@@Amid_Karantin говорят осенью прикроют ютуб.
Кончено, идея делать уроки здравая. Но неплохо бы научиться рисовать перед этим, чтобы не ставить 5 слоёв бандинга.
))оо, ты научишь меня) Согласен, тут есть косяк, бандинг это плохо.
зашёл сюда чтобы узнать как засунуть графику в юнити, нарезать тайл мапы и т.д., но как раз эту часть ты решил сократить
а ссылка в описании ведёт на этот же ролик
только время зря потратил
Оу, спасибо что сказал)
Терпеть не могу вид сверху
Прошу помогите, сделал обсалютно все как на видео, все в Scane круто, но перехожу во вкладку Game, и там синие полосы между стыками спрайтов. Все отрисовывал хорошо, как можно решить проблему?
Ууу, частая проблема, я не помню как ее решил. Я напишу если вспомню.
Нибицу,у тебя есть вк или дискорд?)
Делаешь ли ты работы на заказ?
Смотря что!?графику, персонажей да! А вот код нет.Заказов у меня было не много)vk.com/id139182929
Nibicu#1793