lumiray

lumiray

Художница-аниматор, самоучка и прокрастинатор. Обожаю превращать эскизы в истории. Скоро выйдет что-то эпичное!
Пикабушница
Дата рождения: 22 апреля
202 рейтинг 4 подписчика 0 подписок 2 поста 1 в горячем
94

Как я создавала «Гримуар» — мобильное приложение, которое оживило мою любовь к природе

Привет! Меня зовут Светлана, я учусь в Вышке на направлении «Анимация и иллюстрация» и большую часть времени сижу в обнимку с графическим планшетом, ною о дедлайнах и придумываю миры, где всё чуточку красивее, чем в реальности.
Сегодня я хочу рассказать про один из моих самых любимых проектов — прототип мобильного приложения «Гримуар». Это не просто приложение, а мой личный способ поделиться любовью к природе, камням и травам, да ещё и с лёгким флёром ведьминской магии. Погнали?

Как я создавала «Гримуар» — мобильное приложение, которое оживило мою любовь к природе Графический дизайн, Иллюстрации, Создание персонажа, Природа, Ведьмы, Кот, Разработка, Видео, Без звука, Короткие видео, Длиннопост, Дизайн, Тренд, Портфолио, Творческий путь, Творчество, Лето, Логотип, 2D, 2d рисование, Рисунок, Цифровой рисунок

Небольшая затравочка к проекту


Как всё началось: от карманов, набитых камнями, до идеи приложения.

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

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

И вот, где-то между очередной прогулкой и подготовкой к предпросмотру по будущему проекту (у меня в голове было ровно 0 идей), в голове щёлкнуло: а что, если сделать прототип приложения, которое может стать кем-то вроде природного наставника, учителя? Это будет не какой-то скучный справочник, а что-то живое, яркое, с душой. Концептуальное, как бы я не ненавидела это слово. Я начала брейнштормить: вспомнила, как в детстве сбор и засушивание обычного зверобоя для чая казался мне настоящей магией, чем-то сакральным и таинственно ритуальным. Будто я — юная ведьмочка, которая готовит зелье в лесу. Эта «ведьминская» атмосфера и стала моим вдохновением. Я решила, что моё приложение должно быть не просто ботаническим сборником, а настоящим гримуаром — волшебной книгой, в которую будущая «ведьмочка» (то есть пользователь) будет заглядывать, чтобы узнать секреты природы.

Как я создавала «Гримуар» — мобильное приложение, которое оживило мою любовь к природе Графический дизайн, Иллюстрации, Создание персонажа, Природа, Ведьмы, Кот, Разработка, Видео, Без звука, Короткие видео, Длиннопост, Дизайн, Тренд, Портфолио, Творческий путь, Творчество, Лето, Логотип, 2D, 2d рисование, Рисунок, Цифровой рисунок

Гримуар? Вполне


Название, которое пахнет мхом и бумагой. И кот, что появился так внезапно.

С названием всё случилось быстро, слишком быстро. «Травник»? Скучно, как будто ты читаешь инструкцию к таблеткам. «Атлас природы»? Ну нет, слишком научно, усыпляет. А вот всё тот же «Гримуар», что не выходит у меня из головы — то, что надо. У каждой уважающей себя ведь ведьмы есть гримуар — книга, куда она записывает заклинания, рецепты зелий и всякие тайные знания... Хотелось, чтобы приложение ощущалось именно так: как находка в бабушкином сундуке, от которой веет чем-то загадочным и настоящим.

Как я создавала «Гримуар» — мобильное приложение, которое оживило мою любовь к природе Графический дизайн, Иллюстрации, Создание персонажа, Природа, Ведьмы, Кот, Разработка, Видео, Без звука, Короткие видео, Длиннопост, Дизайн, Тренд, Портфолио, Творческий путь, Творчество, Лето, Логотип, 2D, 2d рисование, Рисунок, Цифровой рисунок

Поиски шрифта и лого

И вот, пока я крутила в голове образ этого гримуара, где-то на задворках сознания уже появился кот. Потому что, ну, у каждой ведьмочки должен быть кот, верно же? Я представила не классического черного кота, а милого рыжего пушистика в маленькой ведьмовской шляпке, который будто бы сидит на книге и хитро так поглядывает: «Ну что, готовы изучать блестящие камешки?» Это были мои первые сподвижки в сторону маскота приложения.

Как я создавала «Гримуар» — мобильное приложение, которое оживило мою любовь к природе Графический дизайн, Иллюстрации, Создание персонажа, Природа, Ведьмы, Кот, Разработка, Видео, Без звука, Короткие видео, Длиннопост, Дизайн, Тренд, Портфолио, Творческий путь, Творчество, Лето, Логотип, 2D, 2d рисование, Рисунок, Цифровой рисунок

Уже готовый вариант котика


«Игры со шрифтами», прости господи, а также поиски котика.

Как я создавала «Гримуар» — мобильное приложение, которое оживило мою любовь к природе Графический дизайн, Иллюстрации, Создание персонажа, Природа, Ведьмы, Кот, Разработка, Видео, Без звука, Короткие видео, Длиннопост, Дизайн, Тренд, Портфолио, Творческий путь, Творчество, Лето, Логотип, 2D, 2d рисование, Рисунок, Цифровой рисунок

Первые пробы логотипа и иконки приложения, от которых я сейчас дико кринжую

Я тут же начала экспериментировать, пытаясь набросать, как мог бы мог выглядеть логотип с названием «Гримуар». Параллельно появились первые эскизы котика — пока кривоватые, но уже с характером. Я старалась найти идеальную форму для маскота: может, чуть угловатую, или наоборот округлую и мягкую.

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

Как я создавала «Гримуар» — мобильное приложение, которое оживило мою любовь к природе Графический дизайн, Иллюстрации, Создание персонажа, Природа, Ведьмы, Кот, Разработка, Видео, Без звука, Короткие видео, Длиннопост, Дизайн, Тренд, Портфолио, Творческий путь, Творчество, Лето, Логотип, 2D, 2d рисование, Рисунок, Цифровой рисунок

Финальный вариант


Иллюстрации и поиск единого стиля.

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

Иллюстрации растений: сможете назвать их все?

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

Иллюстрации камней и минералов, да-да, в янтаре навечно замурован комарик


Мерч и мокапы: «Гримуар» выходит в мир.

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

Как я создавала «Гримуар» — мобильное приложение, которое оживило мою любовь к природе Графический дизайн, Иллюстрации, Создание персонажа, Природа, Ведьмы, Кот, Разработка, Видео, Без звука, Короткие видео, Длиннопост, Дизайн, Тренд, Портфолио, Творческий путь, Творчество, Лето, Логотип, 2D, 2d рисование, Рисунок, Цифровой рисунок

Итоговые плакаты

Как я создавала «Гримуар» — мобильное приложение, которое оживило мою любовь к природе Графический дизайн, Иллюстрации, Создание персонажа, Природа, Ведьмы, Кот, Разработка, Видео, Без звука, Короткие видео, Длиннопост, Дизайн, Тренд, Портфолио, Творческий путь, Творчество, Лето, Логотип, 2D, 2d рисование, Рисунок, Цифровой рисунок

Милейшие брелочки

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

Как я создавала «Гримуар» — мобильное приложение, которое оживило мою любовь к природе Графический дизайн, Иллюстрации, Создание персонажа, Природа, Ведьмы, Кот, Разработка, Видео, Без звука, Короткие видео, Длиннопост, Дизайн, Тренд, Портфолио, Творческий путь, Творчество, Лето, Логотип, 2D, 2d рисование, Рисунок, Цифровой рисунок

Первый мокап

Как я создавала «Гримуар» — мобильное приложение, которое оживило мою любовь к природе Графический дизайн, Иллюстрации, Создание персонажа, Природа, Ведьмы, Кот, Разработка, Видео, Без звука, Короткие видео, Длиннопост, Дизайн, Тренд, Портфолио, Творческий путь, Творчество, Лето, Логотип, 2D, 2d рисование, Рисунок, Цифровой рисунок

Ситилайт!


Финальный аккорд: прототип, который можно потыкать.

И вот, когда иллюстрации были готовы, логотип сиял как полированная яшма, а маскот уже нагло подмигивал с обложки, я добралась до самого вкусного — создания интерактивного прототипа в Figma. Это как собрать все кусочки мозаики в единое полотно: ты уже видел каждый элемент отдельно, но когда они складываются в интерфейс, оживают экраны, начинают кликаться кнопки — приходит настоящее чувство: о боже, оно работает!

Да, это ещё не релиз в AppStore, но «Гримуар» уже можно потыкать и почувствовать, каким он будет на телефоне. Ссылку, конечно, оставляю — вы ведь уже хотите посмотреть, да?

Как я создавала «Гримуар» — мобильное приложение, которое оживило мою любовь к природе Графический дизайн, Иллюстрации, Создание персонажа, Природа, Ведьмы, Кот, Разработка, Видео, Без звука, Короткие видео, Длиннопост, Дизайн, Тренд, Портфолио, Творческий путь, Творчество, Лето, Логотип, 2D, 2d рисование, Рисунок, Цифровой рисунок

Заглавный экран

Как я создавала «Гримуар» — мобильное приложение, которое оживило мою любовь к природе Графический дизайн, Иллюстрации, Создание персонажа, Природа, Ведьмы, Кот, Разработка, Видео, Без звука, Короткие видео, Длиннопост, Дизайн, Тренд, Портфолио, Творческий путь, Творчество, Лето, Логотип, 2D, 2d рисование, Рисунок, Цифровой рисунок

Визуализация приложения

Внутрянка приложения

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

Если вам интересно, как другие ребята из Вышки переосмысляют мир через дизайн, анимацию и визуальные истории — добро пожаловать туда. Ну и, конечно, мой «Гримуар» там тоже уютно устроился и получил достойную оценку. Можно полистать, оценить, может, даже вдохновиться на свой проект.


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

Знаете, пока я работала над «Гримуаром», я думала, что делаю просто учебный проект. Но в какой-то момент он перестал быть «просто». Он стал пространством, где я смогла соединить любовь к природе, иллюстрации, дизайн, свою любовь к «таинственному» и взрослую системность.

Может, проект и не спасёт планету (хотя кто знает :D), но если хотя бы один человек после знакомства с приложением захочет пойти в парк, «потрогать траву» или просто посмотреть на цветок и подумать: «а что ты за чудо зелёное?», значит, я всё сделала правильно.

Так что — спасибо, что дочитали. И не забудьте: природа всегда рядом. Главное — уметь смотреть, видеть, слушать и слышать.

Как я создавала «Гримуар» — мобильное приложение, которое оживило мою любовь к природе Графический дизайн, Иллюстрации, Создание персонажа, Природа, Ведьмы, Кот, Разработка, Видео, Без звука, Короткие видео, Длиннопост, Дизайн, Тренд, Портфолио, Творческий путь, Творчество, Лето, Логотип, 2D, 2d рисование, Рисунок, Цифровой рисунок

Тем, кто дочитал — букет цветочков в ручки.

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

«This is fine» в 3D; Настолка по Перси Джексону. Мини-спойлеры к следующим статьям

Готовлю два поста, в которых расскажу свой студенческий опыт о том, как:

1. Как я работала над дизайном настольной игры в духе легендарного «Манчкина» (с миксом из серии книг «Перси Джексон» и мультсериала «Хильда») 🎲

2. Как создавала 3D анимацию по известному мему This is fine (первый опыт создания 3D анимации в жизни, не судите строго) 🔥🙈


«This is fine» в 3D; Настолка по Перси Джексону. Мини-спойлеры к следующим статьям This is Fine, Мемы, 3D анимация, Мультфильмы, Анимация, Настольные игры, Манчкин, Перси Джексон, Хильда, Старые игры и мемы, Кот, 2d рисование, Создание персонажа, Вымышленные персонажи, Digital, Рисунок, Художник, Blender, Гифка, Длиннопост, Арт, Проект

Карточка персонажа

«This is fine» в 3D; Настолка по Перси Джексону. Мини-спойлеры к следующим статьям This is Fine, Мемы, 3D анимация, Мультфильмы, Анимация, Настольные игры, Манчкин, Перси Джексон, Хильда, Старые игры и мемы, Кот, 2d рисование, Создание персонажа, Вымышленные персонажи, Digital, Рисунок, Художник, Blender, Гифка, Длиннопост, Арт, Проект

Разработка персонажа

«This is fine» в 3D; Настолка по Перси Джексону. Мини-спойлеры к следующим статьям This is Fine, Мемы, 3D анимация, Мультфильмы, Анимация, Настольные игры, Манчкин, Перси Джексон, Хильда, Старые игры и мемы, Кот, 2d рисование, Создание персонажа, Вымышленные персонажи, Digital, Рисунок, Художник, Blender, Гифка, Длиннопост, Арт, Проект

Карточки!


«This is fine» в 3D; Настолка по Перси Джексону. Мини-спойлеры к следующим статьям This is Fine, Мемы, 3D анимация, Мультфильмы, Анимация, Настольные игры, Манчкин, Перси Джексон, Хильда, Старые игры и мемы, Кот, 2d рисование, Создание персонажа, Вымышленные персонажи, Digital, Рисунок, Художник, Blender, Гифка, Длиннопост, Арт, Проект

Мем — основа

«This is fine» в 3D; Настолка по Перси Джексону. Мини-спойлеры к следующим статьям This is Fine, Мемы, 3D анимация, Мультфильмы, Анимация, Настольные игры, Манчкин, Перси Джексон, Хильда, Старые игры и мемы, Кот, 2d рисование, Создание персонажа, Вымышленные персонажи, Digital, Рисунок, Художник, Blender, Гифка, Длиннопост, Арт, Проект

Ну... Почти 1 в 1. Пока без спецэффектов

«This is fine» в 3D; Настолка по Перси Джексону. Мини-спойлеры к следующим статьям This is Fine, Мемы, 3D анимация, Мультфильмы, Анимация, Настольные игры, Манчкин, Перси Джексон, Хильда, Старые игры и мемы, Кот, 2d рисование, Создание персонажа, Вымышленные персонажи, Digital, Рисунок, Художник, Blender, Гифка, Длиннопост, Арт, Проект

Пробы эмоций главного героя — Вильяма

«This is fine» в 3D; Настолка по Перси Джексону. Мини-спойлеры к следующим статьям This is Fine, Мемы, 3D анимация, Мультфильмы, Анимация, Настольные игры, Манчкин, Перси Джексон, Хильда, Старые игры и мемы, Кот, 2d рисование, Создание персонажа, Вымышленные персонажи, Digital, Рисунок, Художник, Blender, Гифка, Длиннопост, Арт, Проект

Ох и намучилась я с такой простой моделькой, особенно с риггингом... 🙈

Показать полностью 7
Отличная работа, все прочитано!