Даже программист.
9/05/2015
9/04/2015
9/03/2015
Пиксельный шрифт своими руками
Нет подходящих готовых пиксельных шрифтов?
Теперь это не проблема.
В действительности пиксельный шрифт делается в два клика и минутной игрой со шрифтами.
Подробнее по этапам:
1) Пишем текст в фотошопчике — получается прискорбно.
2) Выключаем альясинг на шрифте — собственно почти готово.
3) Можно заметить что не все шрифты одинаково красивы — Вииии! теперь играться со шрифтами!
Здесь есть рекомендации — лучше без засечек лучше 10-12 кегль (так чтобы штрих в буквах был однопиксельный), игнорируем всякие курсивы, а с акцидентными шрифтами просто внимательность к деталям — иногда что-то требуется допилить карандашом вручную.
Тахома, вердана и всё простенькое — смотрятся хорошо.
4) Украшаемся классическим аркадным градиентом + stroke в 1 пиксель, если текст идет на заголовок (это уже опционально всё, но у меня именно такая дурацкая привычка в оформлении), допиливаем руками, если нужно.
Готово! Всё предельно просто.
В действительности пиксельный шрифт делается в два клика и минутной игрой со шрифтами.
Подробнее по этапам:
1) Пишем текст в фотошопчике — получается прискорбно.
2) Выключаем альясинг на шрифте — собственно почти готово.
3) Можно заметить что не все шрифты одинаково красивы — Вииии! теперь играться со шрифтами!
Здесь есть рекомендации — лучше без засечек лучше 10-12 кегль (так чтобы штрих в буквах был однопиксельный), игнорируем всякие курсивы, а с акцидентными шрифтами просто внимательность к деталям — иногда что-то требуется допилить карандашом вручную.
Тахома, вердана и всё простенькое — смотрятся хорошо.
4) Украшаемся классическим аркадным градиентом + stroke в 1 пиксель, если текст идет на заголовок (это уже опционально всё, но у меня именно такая дурацкая привычка в оформлении), допиливаем руками, если нужно.
Готово! Всё предельно просто.
9/02/2015
Книга
Познавательное чтиво на недельку - другую:
Хочу посоветовать отличную книжку по дизайну интерфейсов (подойдет и гейм-дизайнерам и вообще дизайнерам в любой сфере)
Дональд Норман — дизайн привычных вещей
Книжка стала для меня настольной уже давно, подробно объясняет почему один дизайн интерфейсов — говно, а другой — конфетка, поясняя на примере как из кондитерского изделия не скатиться в вышеупомянутое говно, при проектировании.
Хочу посоветовать отличную книжку по дизайну интерфейсов (подойдет и гейм-дизайнерам и вообще дизайнерам в любой сфере)
Дональд Норман — дизайн привычных вещей
Книжка стала для меня настольной уже давно, подробно объясняет почему один дизайн интерфейсов — говно, а другой — конфетка, поясняя на примере как из кондитерского изделия не скатиться в вышеупомянутое говно, при проектировании.
9/01/2015
Волосы
Какой замечательный арт (оригинал взят у тов. vgjunk)
И самое замечательное здесь — волосы!
Как я раньше сам не догадался обрубать их ровным прямоугольным срезом. Никаких мочалок и кустистых кудрей, соответственно никаких проблем с отрисовкой окончания прически, а в итоге смотрится всё на порядок аккуратнее и красивее.
Надо взять на вооружение.
И самое замечательное здесь — волосы!
Как я раньше сам не догадался обрубать их ровным прямоугольным срезом. Никаких мочалок и кустистых кудрей, соответственно никаких проблем с отрисовкой окончания прически, а в итоге смотрится всё на порядок аккуратнее и красивее.
Надо взять на вооружение.
Акцидентик-шрифт
Я вам тут принес отличный акцидентный шрифт для казуальной игры.
https://www.google.com/fonts/specimen/Luckiest+Guy#charset
Шрифт бесплатный, поддержки кириллических символов нет, но зато он клевый. (да и зачем русский язык в играх)
Единственное, что смущает — придется повозиться с нетривиальным кёрнингом для логотипа игры (это вам не бодони или гельветику кёрнить)
На гугл-фонтах нет скачиваемой версии вроде, поэтому вот еще ссылочка на *.ttf http://www.1001fonts.com/luckiest-guy-font.html
https://www.google.com/fonts/specimen/Luckiest+Guy#charset
Шрифт бесплатный, поддержки кириллических символов нет, но зато он клевый. (да и зачем русский язык в играх)
Единственное, что смущает — придется повозиться с нетривиальным кёрнингом для логотипа игры (это вам не бодони или гельветику кёрнить)
На гугл-фонтах нет скачиваемой версии вроде, поэтому вот еще ссылочка на *.ttf http://www.1001fonts.com/luckiest-guy-font.html
8/31/2015
Приятный арт
Арт от vierbit
Автор на пиксель-джойнте
Ну что тут сказать — симпатично.
Ну а я пока в рабочем кранче и без выходных — отдышусь, расскажу про смерть флеша и про новых HoMM7.
Подписывайтесь, читайте — будет интересно.
Автор на пиксель-джойнте
Ну что тут сказать — симпатично.
Ну а я пока в рабочем кранче и без выходных — отдышусь, расскажу про смерть флеша и про новых HoMM7.
Подписывайтесь, читайте — будет интересно.
8/27/2015
О великих мастерах (recovered)
Мои кривые руки грохнули предыдущий пост, восстанавливаю справедливость по средствам гугл-кэша.
--------------------
--------------------
Давным-давно, когда я только начинал рисовать пиксели, любой арт на девианте казался мне шедевральным.
Через пару лет, список кумиров уменьшился до сотни, еще через пару лет — до пятидесяти, сейчас я понимаю что кого-то из тех авторов уже перерос, но остались мастера, на которых я оглядываюсь с самого начала творчества до сегодняшнего дня.
Приведу пятерку лучших и пересказ вещей, которые почерпнул из их работ:
Paul Robertson — на первом месте. австралийский художник с неимоверно буйной фантазией (отсыпал бы он своей креативности). Его арт в игре Mercenary Kings перевернул мое понимание в анимации смертей персонажей, лопающиеся фурункулы и раздувающиеся части тел удалось перенять и повторить эту технику. Анимации движений персонажей, их пропорции и работа с минимальным количеством цветов в анимированных объектах (3-4 цвета на каждом элементе) — остаются непокоренной высотой и предметом зависти и подражания.
AbyssWolf — Палитры, которым я завидую. Автор заставил меня серьезно подойти к выбору цветов и почитать необходимые книжки (уже приводил в блоге книгу Йохансена Иттена "Искусство цвета")
Foll — Наш соотечественник, сейчас отошедший от пиксель-арта. Запоминается грандиозностью своих полотнищ(по размерам) и проработанностью в деталях, ну и конечно своим уникальным стилем.
kiwinuptuo — С его работ я учился рисовать растения. Автор, к сожалению выпилил свой профиль на девианте. Прекрасные палитры, научившие меня "гасить цвета" и использовать узорные паттерны для текстур и дизеринга.
Gas13 — Еще один соотечественник. Наверное, каждый начинал с его туториалов. Просто спасибо что научил меня основам и привил страсть к пиксель-арту.
Здесь конечно нет работ мастеров старой школы из Final fantasy VI и всяких Хроно-триггеров и секретов маны — но это уже отдельная тема.
Через пару лет, список кумиров уменьшился до сотни, еще через пару лет — до пятидесяти, сейчас я понимаю что кого-то из тех авторов уже перерос, но остались мастера, на которых я оглядываюсь с самого начала творчества до сегодняшнего дня.
Приведу пятерку лучших и пересказ вещей, которые почерпнул из их работ:
Paul Robertson — на первом месте. австралийский художник с неимоверно буйной фантазией (отсыпал бы он своей креативности). Его арт в игре Mercenary Kings перевернул мое понимание в анимации смертей персонажей, лопающиеся фурункулы и раздувающиеся части тел удалось перенять и повторить эту технику. Анимации движений персонажей, их пропорции и работа с минимальным количеством цветов в анимированных объектах (3-4 цвета на каждом элементе) — остаются непокоренной высотой и предметом зависти и подражания.
AbyssWolf — Палитры, которым я завидую. Автор заставил меня серьезно подойти к выбору цветов и почитать необходимые книжки (уже приводил в блоге книгу Йохансена Иттена "Искусство цвета")
Foll — Наш соотечественник, сейчас отошедший от пиксель-арта. Запоминается грандиозностью своих полотнищ(по размерам) и проработанностью в деталях, ну и конечно своим уникальным стилем.
kiwinuptuo — С его работ я учился рисовать растения. Автор, к сожалению выпилил свой профиль на девианте. Прекрасные палитры, научившие меня "гасить цвета" и использовать узорные паттерны для текстур и дизеринга.
Gas13 — Еще один соотечественник. Наверное, каждый начинал с его туториалов. Просто спасибо что научил меня основам и привил страсть к пиксель-арту.
Здесь конечно нет работ мастеров старой школы из Final fantasy VI и всяких Хроно-триггеров и секретов маны — но это уже отдельная тема.
Про риски и засечки
О правильном отображении баров с параметрами (полоски здоровья, маны и т.д.)
Немного истории:
Раньше, на заре геймдева такой проблемы вовсе не было, как не было места для лишней графики.
Потом появились индикаторы в виде классических сердечек
Ну а потом, когда числовые параметры взлетели до небес — люди начали отображать эти параметры в виде полосок.
Демон был выпущен, в виде проблемы совершенной неясности на сколько один персонаж жирнее другого.
На скриншоте видна проблема — оба персонажа с полным здоровьем, но как вы думаете у кого из них больше числовое значение? (вот так, не глядя на числовые параметры)
Дело спасают засечки. Например каждые 100 единиц ставим тонкую риску, каждые тысячу — жирную.
Теперь одного взгляда на экран достаточно для сравнения параметров.
Делать нужно только так:
Немного истории:
Раньше, на заре геймдева такой проблемы вовсе не было, как не было места для лишней графики.
Потом появились индикаторы в виде классических сердечек
Ну а потом, когда числовые параметры взлетели до небес — люди начали отображать эти параметры в виде полосок.
Демон был выпущен, в виде проблемы совершенной неясности на сколько один персонаж жирнее другого.
На скриншоте видна проблема — оба персонажа с полным здоровьем, но как вы думаете у кого из них больше числовое значение? (вот так, не глядя на числовые параметры)
Дело спасают засечки. Например каждые 100 единиц ставим тонкую риску, каждые тысячу — жирную.
Теперь одного взгляда на экран достаточно для сравнения параметров.
Делать нужно только так:
8/25/2015
Новое от Пола
Пол Робертсон — няша. Вчера выкинул в сеть отличный арт.
Взято из оригинального источника: http://probertson.tumblr.com/post
Наверное стоит написать о кумирах и высших мастерах пиксель арта, с подборкой каноничных работ. (есть мнение)
Взято из оригинального источника: http://probertson.tumblr.com/post
Наверное стоит написать о кумирах и высших мастерах пиксель арта, с подборкой каноничных работ. (есть мнение)
8/24/2015
Ленточки-баннеры, для игрового GUI
Коротко-пост
Натырено из сети: простой принцип накидать скетч для ленты.
Всё просто, но некоторые ходы в оформлении весьма годны.
Сохраню себе, и вам покажу.
Натырено из сети: простой принцип накидать скетч для ленты.
Всё просто, но некоторые ходы в оформлении весьма годны.
Сохраню себе, и вам покажу.
8/23/2015
Настолки: Descent
Вот такой ништяк был получен на ДР.
Давно приглядывался, но с нынешними ценами — душила жаба купить.
Вкратце: Это кооперативное нагибание добром каноничного зла, в лице одного из играющих, кто берет роль властелина подземелий.
Баланс таки повернут в сторону добра, но грамотным powerplay'ем можно загнобить приключенцев.
Здесь случилось набегание паукообразных на деревню
Давно приглядывался, но с нынешними ценами — душила жаба купить.
Вкратце: Это кооперативное нагибание добром каноничного зла, в лице одного из играющих, кто берет роль властелина подземелий.
Баланс таки повернут в сторону добра, но грамотным powerplay'ем можно загнобить приключенцев.
8/20/2015
Фриланс: оцениваем свой труд
Который раз вижу, как на вопрос "Сколько будет сделать такой-то арт" отвечают: — Нуу... Сколько заплатите (или "А сколько обычно платят за такую работу?").
Более того, сам отвечал долгое время точно также, пока не подошел к вопросу серьезно.
Итак, о том, как рассчитать стоимость фриланса:
Тут всё достаточно просто, выполняя работу, мы тратим время своей жизни, но получаем денежный профит, а значит время = бабло.
Берем свою ЗП, получаемую на работе (либо, если официальной работы сейчас нет — смотрим, а сколько в среднем получают ребята в офисе с таким же скиллом, в данной специализации). Делим это значение на 24 (кол-во трудовых дней) и затем на 8 (кол-во часов в рабочем дне). В итоге получаем стоимость одного трудового часа.
Если фриланс не "наше всё" и не единственный источник денег, а есть еще и основная работа, нужно учесть, что работать над фриланс-заказом придется в не рабочее время и выходные дни, а это сожрет заслуженный отдых, так что добавляем к стоимости "коэффициент вредности", т.е. на сколько этот час жизни станет дороже, будь он вынут из времени отдыха. (я обычно ставлю +30% к стоимости рабочего часа)
Далее, самый важный момент — грамотно и честно оценить сколько времени уйдет на выполнение заказа. Здесь чаще всего люди бравируют своим скиллом и рассчитывают, что уложатся в значительно меньшее время от реального — не нужно так. Во первых, вы сделаете больше работы за меньший профит (считай, поработаете в убыток), во вторых, подставите заказчика, просрав все сроки, я гарантирую. Адекватная оценка временных затрат приходит только с опытом.
Умножаем кол-во часов, требуемых для выполнения задачи, на стоимость одного часа (с коэффициентом вредности)
Как видите, всё достаточно просто, но этот подход я считаю самым грамотным в расчете стоимости
Вкратце: [$ час работы]*(k переработки)*[t на выполнение заказа] = [$$$ заказа]
Второй вопрос: Как начать.
Более того, сам отвечал долгое время точно также, пока не подошел к вопросу серьезно.
Итак, о том, как рассчитать стоимость фриланса:
Тут всё достаточно просто, выполняя работу, мы тратим время своей жизни, но получаем денежный профит, а значит время = бабло.
Берем свою ЗП, получаемую на работе (либо, если официальной работы сейчас нет — смотрим, а сколько в среднем получают ребята в офисе с таким же скиллом, в данной специализации). Делим это значение на 24 (кол-во трудовых дней) и затем на 8 (кол-во часов в рабочем дне). В итоге получаем стоимость одного трудового часа.
Если фриланс не "наше всё" и не единственный источник денег, а есть еще и основная работа, нужно учесть, что работать над фриланс-заказом придется в не рабочее время и выходные дни, а это сожрет заслуженный отдых, так что добавляем к стоимости "коэффициент вредности", т.е. на сколько этот час жизни станет дороже, будь он вынут из времени отдыха. (я обычно ставлю +30% к стоимости рабочего часа)
Далее, самый важный момент — грамотно и честно оценить сколько времени уйдет на выполнение заказа. Здесь чаще всего люди бравируют своим скиллом и рассчитывают, что уложатся в значительно меньшее время от реального — не нужно так. Во первых, вы сделаете больше работы за меньший профит (считай, поработаете в убыток), во вторых, подставите заказчика, просрав все сроки, я гарантирую. Адекватная оценка временных затрат приходит только с опытом.
Умножаем кол-во часов, требуемых для выполнения задачи, на стоимость одного часа (с коэффициентом вредности)
Как видите, всё достаточно просто, но этот подход я считаю самым грамотным в расчете стоимости
Вкратце: [$ час работы]*(k переработки)*[t на выполнение заказа] = [$$$ заказа]
Второй вопрос: Как начать.
6/29/2015
Пинтерест и референсы.
Если кому интересно — с недавних пор обитаю на Пинтересте, куда тащу всё увиденное для рефов. (ну не в блог же выкладывать всё это)
Если не стошнит от аниму-картинок, то веллкам.
Складирую рефы по пикселю, по дизайну персонажей, также, лучшие рефы по GUI и прочим интерфейсам, с иконками и бутыльками.
Пока что, считаю пинтерест более юзабельным ресурсом в вопросах поисков рефов (всяко лучше девианта и уступает пожалуй только прямому гугло-поиску)
6/28/2015
Фрилансим
У всех выходные, как выходные, а я решил по нищебродству и наличию свободного времени пофрилансить:
Запилил статусные иконки:
Ревркнул персонажа (вообще не люблю так делать — в данном случае проще было нарисовать с нуля и как надо):
Запилил пак не-пиксельных иконок (пришлось сдуть пыль с планшета):
И сделал эффект силовой волны:
В следующем посту расскажу чудо-формулу по подсчету стоимости работы, которой пользуюсь.
Запилил статусные иконки:
Ревркнул персонажа (вообще не люблю так делать — в данном случае проще было нарисовать с нуля и как надо):
Запилил пак не-пиксельных иконок (пришлось сдуть пыль с планшета):
И сделал эффект силовой волны:
В следующем посту расскажу чудо-формулу по подсчету стоимости работы, которой пользуюсь.
6/10/2015
Обзор бесплатных апликейшнов на iPad для пиксельарта
1) рисовать на девайсе пиксельарт оказалось возможно. Безусловно, это не заменит PhotoShop + клаву+ геймерскую мышь + wacom, но набросать иконку 32х32 пикселя, сидя в автобусе таки получилось.
2) из всего процесса поиска приложений, выходит обзор — вот он, перд вами.
Короче, погнали.
Бесплатный беспредел:
Дисклеймер: автор сих строк прекрасно понимает ущербность программ, в виду их бесплатности, а также предупреждает юных соискателей халявы в апп-сторе:
Во free-apps не стоит ожидать наличия слоев, хороших палитр, удобного зума и навигации, равно как и адекватного инструментария. (Некоторые из пунктов этого запретного списка, иногда попадаются в бесплатной програмулине, но в единичном экземпляре, а никак не в совокупности нескольких указанных здесь параметров)
1) Repin pixel art - не от слова "перекалывать", а от имени русского художника, автор приложения тоже русский.
Это была только прихожая, прогу убивает её внутреннее помещение — давайте пройдем дальше:
Зум только х2 по нажатию софтверной кнопки!!!!!!
И самое главное —в выборе цветов можно выбрать светлые оттенки, но НЕЛЬЗЯ выбрать темные!
На картинке ниже, мы видим как-бы палитру, но обратите внимание — цветная часть обрезана по максимальной насыщенности и осталась без темных тонов, а верхняя тоновая шкала задает исключительно грейскейл.
Именно поэтому мой тестовый кубик остался с радиоактивной теневой стороной и ярко-синим контуром снизу.
Стоит, конечно, принять во внимание, что автор приложения делал его, по всей видимости, бесплатно (на что указывает полное отсутствие рекламы и иных способов монетизации) — так что придираться и негодовать мы не имеем морального права, но сухо подытожить можно — для рисования программа не годится.
2) PixelArt (прям так и называется)
Нет скролла и зума (выбрал палитру с размером 16х16, 24х24 или 32х32 и фигачь как есть).
Нет слоев ( ну а ху@-ли).
Зато есть:
— Настройка цвета по RGB-составляющей (поверьте, для бесплатного говна - даже так очень круто)
— Палитра с задаваемыми и сохраняемыми цветами. (Здесь надо пояснить: настроил себе палитру из 16-ти цветов, она и останется на следующий запуск апликейшна, о сейве пресетов здесь речь не идет, такого кайфа в бесплатном я не нашел.
— Бонусом из палитры идет фишка замены цвета "на лету", т.е. Нарисовал что-то магентой, перенастроил цвет из этой ячейки палитры на бирюзу —все что было нарисовано магентой, станет бирюзовым. Фича спорная, но мне оказалась удобной.
Вердикт: приложение отлично подошло для совсем небольших зарисовок (прикинуть человечка а-ля фф6 или посмотреть, как острие стрелы вложить в 8 пикселей будет лучше — оно подходит. (Считаю, большего назначения планшет иметь и не может)
3) BlankPagePixels — занимательная тулза, почти также "хороша и удобна" как предидущая.
Вердикт: юзать можно, но крайне осторожно. Меня такой интерфейс выбесил до желчной блевотины, так что, юзать не стал.
Ну и кроме, вспомнил про возможность рисовать пиксель в web.
Etc.
Тысячи их.
Все (особенно первый в указанных ссылках) порадовали бы меня, но: тач ни один веб-редактор не воспринял адекватно. Рисовать с планшета тупо невозможно физически. Рисовать с компа —можно, но зачем?
Возможно на андройдах веб и хтмл5 ведут себя лучше, если не прав — поправьте меня.
В сухом остатке понял, что как и в большинстве случаев, девайс не пригоден для серьезной работы в дали от дома и остается электронной игрушкой ( я именно о рисовании)
Ну а бесплатного хорошего софта нет — есть лишь парочка бесплатных апликейшнов, на самый крайний случай. На этом я подумал купить полноценное приложение , на случай поездок. Пока есть парочка кандидатов, если возьму — всенепременно отпишусь.
Подписаться на:
Сообщения (Atom)