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