[Burichan] [Futaba] [Gurochan] [Photon] [Tomorrow] - [Главная] [Управление]

[Назад]
Ответ
Leave these fields empty (spam trap):
Имя
E-mail
Тема
Сообщение
Файл
Подтверждение
Пароль (для удаления файлов и сообщений)
  • Supported file types are: GIF, JPG, PNG
  • Maximum file size allowed is 1000 KB.
  • Images greater than 200x200 pixels will be thumbnailed.

DC-2.png (0.0 KB, -1x-1)
0 No.20571  
Небольшой филиал рисовача, посвященный пиксель арту, стартует здесь. Выкладываем свои работы, годные уроки, поддерживаем добрым словом и конструктивной критикой.

Итак, на данный момент доблестным Аноном из /r/ собраны следующие уроки:
http://gas13.ru/v3/tutorials/ruphotoshoppixelart_tutorials.php
http://www.pixeljoint.com/pixels/tutorials.asp
http://gamin.ru/blog/indie-fishki/4849
http://www.youtube.com/watch?v=D3j4oQTstwk&feature=player_embedded
>> No.20572  
>>20571
И сразу для фотошоп-кунов мини мануал.

> Используй не кисть, а карандаш. Это раз.
> Используй кнопки } и {. Это два.
> Используй Shift для прямых линий. Это три.
> Используй кнопку F и Tab. Это четыре.
> Драг'н'дроп при зажатом пробеле, это пять.
>> No.20574  
165812[1].gif (0.0 KB, -1x-1)
0
Доброчую ОПа ОПом (Огнетушителем Порошковым инб4 "Порошок, Заходи!")
>> No.20579  
d88868a0a9bac240463b25ddc693c304.gif (0.0 KB, -1x-1)
0
>> No.20580  
09bc531703c0b106a21f3f41a105e5e1.gif (0.0 KB, -1x-1)
0
Вот такие туториалы для пиксельных кукол.
>> No.20581  
untitled.png (0.0 KB, -1x-1)
0
>>20572
> Используй кнопки } и {. Это два.
> Используй кнопку F и Tab. Это четыре.
> Драг'н'дроп при зажатом пробеле, это пять.

Непонимат. Что они делают (проверить просто сейчас не могу, не дома, а тут фотошопа нет)

Сегодня в пейнте нарисовал что-то, оценивайте.
>> No.20582  
>>20581
} и { — меняют размер инструмента (в нашем случае карандаша).
F и Tab — переключение между полноэкранным режимом и скрывание панелей соответственно.
Драг'н'дроп при зажатом пробеле — прокрутка, как я понимаю.
>> No.20583  
>>20581
Мало цветов, поэтому выглядит совсем уж плоско.
>> No.20584  
__26143___39764___22899_.gif (0.0 KB, -1x-1)
0
Совет: сходите на pixeljoint.com, найдите там нравящихся авторов, и копируйте их. Пристальное изучение хороших работ очень способствует росту на ранних этапах.
>> No.20585  
post-1-1251693634.jpg (0.0 KB, -1x-1)
0
Может кому пригодится.
>> No.20586  
pallet.png (0.0 KB, -1x-1)
0
Кстати, палитры можно воровать.
>> No.20595  
>>20586
поллитры, кроме того, что зашиты в редакторах, генерируются под ваши нужды.
есть такие фигни например:
http://colorschemedesigner.com/
http://kuler.adobe.com/
http://www.colorotate.org/

крокодил
>> No.20597  
Вопрсто.
А есть ли какие-то спец.термины для пикселарта с ограничением на количество цветов (с активным использованием дизеринга) и без него?
>> No.20598  
>>20597
Битность что ли?
>> No.20599  
>>20585
Моар есть?
>> No.20600  
>>20572
Ня :3
Если придумаю, что ещё может вам помочь, расскажу.

Например, удобно пользоваться зумом колёсиком мыши. С зажатым Alt'ом.
Ещё, с колёсиком можно удобно пролистывать изображение, в обычном режиме(ну это все знают)- вверх/вниз, с зажатым Ctrl- влево/вправо.
Все манипуляции с колесом можно усилить, зажимая Shift.
(т. е. Ctrl Alt и Shift работают практически во всех комбинациях, не то что в Корел дро)
Ещё, Shift полезен для кнопок } и {, то есть ] и [. Или наоборот. Похоже, я перепутал в первом списке приёмов. Ладно, не суть. С зажатым шифтом эти кнопки меняют не радиус инструмента, а степень размытия краёв мазка. Очень удобно, когда используешь кисть, ластик и прочие подобные инструменты, но карандаш этот параметр не использует.
>> No.20604  
>>20600
Благодарю, годно.

А свои собственные палитры никто не пробовал создавать? И как отличить >>20586 хорошую от плохой?
>>20584
Неужели перерисовка будет только на пользу?
>> No.20606  
>>20604
> Неужели перерисовка будет только на пользу?
Скорее имелись в виду методы и стили. Перерисовка "пиксель в пиксель" — это же глупости.
>> No.20608  
>>20606
Непонимат! Что за методы и стили?
>> No.20609  
>>20608
Ну все ж по-разному рисуют. Увидел у кого-то красивый anti-aliasing, разглядел его в деталях и попробовал сделать так же. Как-то так.
>> No.20619  
dither02.jpg (0.0 KB, -1x-1)
0
>>20599
Все что было.
>>20595
Спасибо за годные сайты.

Алсо еще пара горячих клавиш для фотошоп-кунов.
> B - карандаш, E - стерка
> Crtl + " - сетка. Ее шаг можно настроить в Edit - Preferences - Guides, Grid & Slices
> Alt - пипетка. Удобно если у вас палитра нарисована рядом с рисунком.

И вот держите технику дизеринга.
>> No.20628  
>>20619
> > B - карандаш, E - стерка
А, ну да.
В связке с F и Tab отлично будет запомнить горячие клавиши на кисть, стёрку, выделение, перемещение, что вы там используете, по вкусу. Альтом берёшь цвета из палитры(нарисуй сбоку), работаешь в полноэкранном режиме(линейки вырубил). Красота!
>> No.20675  
newlogo1.png (0.0 KB, -1x-1)
0
Позадрачивал спрайты, понял более менее как правильно их рисовать, поиздевался над няшей с главной.
Алсо вопрос к фотошоп кунам: Как можно заменить один цвет на другой во всем рисунке и в отдельном фрагменте?
>> No.20676  
Untitled-2.png (0.0 KB, -1x-1)
0
>>20675
Например вот так: выделяешь нужную часть, потом нажимаешь alt+backspace — выделенное заполняется праймари цветом, или ctrl+backspace — заполняется секондари цветом.

Соответственно, если нужно изменить цвет везде, выбираешь инструмент заливки, tolerance=0, contiguous=false.
>> No.20677  
>>20676
Спасибо, бро. Кучу времени сэкономил.
>> No.20689  
>>20677
Изображение-коррекция-замена цвета.
Это офигенный метод, один из моих любимых инструментов.
Из той же оперы: изображение-коррекция-цветовой тон/насыщенность.
Влияет сразу на все цвета.
И в догонку: изображения-коррекция-варианты.
Это просто эпичный инструмент.
>> No.20754  
Скажи, анон, а если не умею рисовать на бумаге (ну по крайнем мере не так красиво) и не имею планшета, стоит ли браться за пиксель арт? Или лучше обучиться рисовать вначале а потом уже за пиксель арт браться?
>> No.20756  
>>20754
Зависит от того, что именно ты хочешь рисовать. Какую-нибудь изометрию, очевидно, можно и так забацать (это скорее черчение, а не рисование), но вот ежели персонажей, да еще и с анимацией, то тут да, без умения рисовать будет очень сложно.
>> No.20768  
>>20756
Печаль. Ушёл искать мануалы по рисованию персонажей
>> No.20790  
>>20754
Слабо прокачанного скилла рисования по-моему будет достаточно. Хотя об основах построения рисунка лучше все-таки почитать, про свет и тень, например. Планшет вообще не понимаю к чему ты упомянул.
>> No.20798  
>>20790
> Планшет вообще не понимаю к чему ты упомянул.
Скетчи рисовать, зачем же еще.
>> No.20801  
apple1.png (0.0 KB, -1x-1)
0
вот вам яблочко
>> No.20809  
New-Canvas-4.png (0.0 KB, -1x-1)
0
>>20801
Увеличиваем, смотрим.
Это сглаживание, сделанное вручную.

Обычно делается, когда слишком резко торчат лесенки по отношению к фону. Выбираем смесь линии и фона 1/2 или 1/4, добавляем рядом с самыми острыми зазубринами (при 100% масштабе). Если один пиксель 1/2 не помог, добавляем 1/4 следом. Желательно вообще иметь два окошка (100% и сильный зум, при котором работаешь)
>> No.20812  
>>20798
Хотя да, что-то не подумал.
>> No.20814  
diffuse.png (0.0 KB, -1x-1)
0
Чуть иначе диффузию делаю.
>> No.20816  
>>20754
Хотя бы уметь три-пять тонов форму раскладывать (блик, свет, собственный, тень, рефлекс) и простые конструкции делать из примитивов.

>>20812
Да вообще на планшете удобнее и быстрее и заливку основную делать и диффуз и точечки тыкать. Экономит силы и время.
>> No.20842  
Зачем такую большую-то сделал? Практика — это замечательно, но когда есть результат — ещё лучше.

>>20675
1. волшебная палка + маски
2. если не уверен в правильности цвета, то лучше на отдельном слое его лепить.
>> No.20845  
>>20842
Забыл. В некоторых программах есть ещё такая вещь, как цветной ластик. Стирает только выбранный цвет. Есть в пэйнте.
>> No.20846  
Нужна программа для пиксельной анимации
Требования:
1. Перетаскиваю в неё список файлов нумерованных (1,2,3…100500), она делает последовательность, сохраняет всё как гифку. Кадры рисую в любимом Сае (не обязательно, но очень желательно). Обязательно сохранение с оптимизацией, без, с урезкой по палитре, возможность назначить несколько фоновых кадров, отдельную палитру для кадра.

2. Программа рассчитана строго на пиксель-арт, имеет кучу заготовок (круги, эллипсы, изометрические сетки, паттерны), удобный СУКА интерфейс, палитру, блок инструментов (хороший интерфейс — это Sai и XaraX, плохой — Macromedia Flash, средний — Фотошоп).

3. Программа поддерживает слои (и их прозрачность), кривые Бозе (пикселями), цветную стёрку/кисть для перекраски одного цвета, простейшие операции со слоем (яркость, контраст, тон, насыщенность)

4. Обязательная поддержка Onion Skin и совместного просмотра кадров (сравнить кадры, подправить движение). Обязательно возможность легко менять длительность кадров по одному, группой и выборочно в таймлайне (выбрал три произвольных кадра, выставил время). Прочие возможности групповой работы с кадрами приветствуются

5. Если есть инструменты 3D-вращения примитивов, вообще отлично.

6. Если недорогая лицензия, то возможность покупки за ВМ, Пэйпал.

Посоветуйте из того, что попробовали сами. Фотошоп и Гимп не советовать. Это из пушки по воробьям.
>> No.20847  
>>20846
Возможность подключить пиксельный шрифт или понимание программой русского языка — большой плюс.
>> No.20872  
>>20842
Большую делал, потому что задрачивал именно спрайты. А спрайтовые фигуры редко бывают маленькими. Глянь на любой старый файтинг.

>>20842
>>20689
За подсказки спасибо. Активно пользуюсь.
>> No.20882  
Итак самостоятельно лезу копаться в говне.
1. Actve Gif creator — отвратительные иконки в меню и НЕТ ЗУМА. Этого достаточно, чтобы отправить его в пешее эротическое путешествие. Полный пиздец. Негодный совсем. Авторы явно программисты и никогда не рисовали.

2. Eximious Soft Gif Creator —
Есть слои и прозрачность (слои типовые: текст, многогранник, объект…)
Есть прозрачность слоя
Есть три палитры (малая, большая и полная), но рисовать тыкая в них нельзя — серьёзный дефект.
Есть куча готовых эффектов.
Интерфейс удобный (всё навиду, много своих фишек)
Есть настройка цвета

Нет пиксельного пера
Нет групповой настройки времени фрейма

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


3. Easy GIF Animator — несмотря на отказ от группы в меню создал её со ссылкой на хелп.
Есть режим пиксельной и сглаженной кисти.
Есть групповая правка времени фрейма.
Есть перекрашиватель цвета.
Есть быстрая копия выделенного по всем фреймам.
Есть настройка цвета
При большом масштабе включается сетка (удобная фича)
Вызывает MS Paint для правки файла (тоже плюс для пиксель-арта).

Нет слоёв, но есть быстрая прозрачность по одному цвету.
Текст вставляется как графический объект, исправить нельзя. Нет пиксельного текста.

Годен для финальной доводки, настройки тайминга и даже пиксель-арта.

Ищу дальше.
>> No.20885  
galecap1.jpg (0.0 KB, -1x-1)
0
>>20882
Попробуй GraphicsGale (http://www.humanbalance.net/gale/us/).
Не то чтобы она очень подходила под все твои реквесты, но ею пользуются многие пиксель-артисты.
>> No.20897  
>>20885
Точно, он, сука! Пробовал уже когда-то, показался мне годным, но сложноватым в освоении (не знаю почему, видимо обилие иконок в главной панели).

Тотальная годнота и няшнота, ещё и пипетка на правый клик как в Сае. Видно, что делали люди, которые сами фигачат пиксель-арт а не какие-то ~~пи~~ непричастные к индустрии.

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

Вобщем пока связка такая:
Sai — сложные художества, скетчи.
GraphicsGale — основной процесс
Webart Designer — пиксельный текст набирается удобно
Easy Gif Animator — правка тайминга

Буду искать одну замену последним двум (текст + сглаженный текст прямо в гиф + тайминг).
>> No.20898  
packman.gif (0.0 KB, -1x-1)
0
>>20897
Тест.

Что-то не совсем врубаю как онион-скин пашет и почему первый кадр не сохраняет галку «для всех кадров» (фон в смысле)
>> No.20899  
image3.gif (0.0 KB, -1x-1)
0
>>20898
Таки нашёл текстовую вставку.
Понял, что Enable all frames — это параметр для всех, а не фон.

А вот с онион скином работает всё только при прозрачном фоне. Годится для рисовки классической анимации
>> No.20907  
pf.png (0.0 KB, -1x-1)
0
>>20899
Что скажете, тянет это на коммерческий уровень?
>> No.20911  
>>20907
имхо, краям сглажимания не хватает, либо оконтуривания
>> No.20912  
>>20911
Увеличь же.
>> No.20961  
>>20907
А по мне так все ок.
>> No.20964  
obv.png (0.0 KB, -1x-1)
0
>>20911
К слову о контурах. Не обязательно делать их чёрными или очень тёмными.
В идеале цвет контура должен соответствовать ближнему цвето объекта, но при этом быть к нему в определённой степени контрастен (светлее, темнее, отличие цвета). Это делается для того, чтобы отделить объект от любого фона. Если цвет фона совпадёт с цветом части контура то он не совпадёт с общим цветом и заливкой.

То есть контур может быть чёрным, белым, общего цвета, разного цвета под детали, цвета рефлекса (если фон более или менее постоянен), контрастного… Вот слепил картинку. Попробуй позаливать разными цветами фон, поймёшь какой лучше.

Единственное, что нужно постараться соблюсти везде: внешняя обводка (спрайта или его детали) более контрастрная, чем внутренняя.
>> No.21051  
>>20964
Бамп. Занимается ли здесь кто-то пиксельной анимацией (именно движение). Есть ли свои фичи какие-то? Как удобнее раскладывать по слоям фигуру?
>> No.21060  
New-Canvas-5.png (0.0 KB, -1x-1)
0
>>20571
Сэр, да Вы же просто невнимательно мануалы читаете. Аккуратней с цветом
>> No.21070  
New-Canvas-6.png (0.0 KB, -1x-1)
0
Ещё одно наблюдение. Прямые линии под 90° часто смотрятся более светлыми из-за отдаления пикселей друг от друга. Соответственно для компенсации их можно либо притемнить, либо сделать сглаживание в один ряд
>> No.21078  
>>21060
Ну это был первый блин. За фикс спасибо.
>> No.21104  
>>21070
На разных жк-матрицах (с разным расположением rgb-компонент) и при разном сочетании цветов контура и фона эти линии вообще могут по-разному смотреться.
Если делается графика для определённого класса устройств, то там ещё можно попробовать поиграться со сглаживанием на уровне rgb-компонент (как например делается хинтинг в шрифтах).
>> No.21159  
Image3.png (0.0 KB, -1x-1)
0
Красил тут солдата и понял что ничего не понимаю в том как падает тень, как падает свет и как он отражается. Анон, накидай годного материала по теме.
>> No.21169  
>>21159
http://www.itchstudios.com/psg/art_tut.htm
>> No.21182  
>>21159
http://gas13.ru/v3/tutorials/ruarttutorial.php
Тот же тутор что и выше, только русский
>> No.21183  
New-Canvas.jpg (0.0 KB, -1x-1)
0
>>21159
Начни с примитивов и прямого света. Можешь посидеть с лампой и предметами.

Представь, что помещаешь предмет под тоненькие лучики или под прямой поток. Если наклонить плоскость по отношению к потоку, то на неё ляжет меньше лучиков, чем перпендикулярно (1. 2.)

Просто представляй направление света и те части, куда может падать свет, а куда не может (обратная сторона, закрытая чем-то).

А блик находится в той точке, которая соответствует правилу «угол падения равен углу отражения». Угол падения — из светильника в объект, угол отражения — из объекта в глаз. Именно поэтому слабо глянцующие поверхности имеют блик смещённый от общего света.
У твоего солдата почти порядок.
>> No.21186  
УоооУ!
Я продолжаю оргазмировать от GraphicsGale. Нашёл там быстрый кроп для всех кадров.
То есть можно делать анимацию на большом холсте, размещая где-то сбоку материалы дополнительные, а потом обрезать одним махом до нужного размера.
И оптимизация отличная при экспорте.

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

Обожаю такие программы, в которых есть всё что нужно для узкой специализации и больше ничего лишнего.
>> No.21239  
>>20571

Желающих потренироваться милости прошу пройти сюда: http://dobrochan.ru/cr/index.xhtml
>> No.21249  
>>21169
>>21182
>>21183
Спасибо, все учту.
>> No.21518  
smdevil.png (0.0 KB, -1x-1)
0
>>21249
аццкий бамп
>> No.21539  
>>20571
как сделать фавикон?
16 пикселей просто шлю..
>> No.21553  
>>21539
Рисуешь иконку размером 16х16, сохраняешь в формате .ico. А вообще вот годный faq: http://favicon.ru/ru/faq/#03
>> No.21555  
>>21553
вопрос как раз про то как рисовать
>> No.21564  
>>21555
Ты уже прочёл все статьи по ссылкам? Если нет, то читай. Если да, то перечитай и уточни вопрос. Что тебе непонятно в процессе рисования?

Вот по свету наглядно >>20579

Сглаживание >>20809

Диффузия >>20814

Программа >>20885

Варианты контуров >>20964

Хороший пример >>20907

Рисуешь так же, как мультяшную графику, учитывая что места мало и пикселей мало, каждый на своём месте должен быть, сглаживания минимум.
>> No.22920  
30028ddd426f63168526029cdcef3d62.jpg (0.0 KB, -1x-1)
0
бамп треду!
>> No.25485  
Поднимаю тред. Неужели никто больше не увлекается pixel art'ом?
>> No.25495  
>>25485
Не знаю как у других, а мне просто так пиксели уже не интересно рисовать.
Если займусь снова играми под флеш какой-нибудь, тогда и пиксель-артом снова увлекусь.
>> No.25539  
>>25485
Я. Сейчас пытаюсь нарисовать стены и пол для куна из /cr/. Думал будет просто, а получается хуита.
>> No.25843  
Бамп и в закладки. Позже изучу.
>> No.25986  
кир3.png (0.0 KB, -1x-1)
0
совершенно точно помню, что был тред подобного содержания на восьмибитаче, но не нашел, а потому спрошу тут.
что нужно, чтобы делать пиксельные шрифты? каким образом трассировать результаты с наименьшими потерями? есть ли смсл обводить все вручную? есть ли какие-нибудь программы для работы с пиксельными шрифтами? имеет ли смысл создавать шрифт не в тру тайпе а в чем-то более трушном?
как не скатиться в банальщину, но и не перейти в нечитаемый пиздец? пик - набрасываю свой первый пиксельный шрифт, 12х12 - пределы глифа. стоит ли продолжать, какие буквы выбиваются из общего ряда, какие изменить и как? перед этим набрасывал 16х16 с двупиксельными линиями, но ничего путного не вышло.
>> No.25990  
>>25986
> какие буквы выбиваются из общего ряда
Выбиваются б и в. Устрица не часть алфавита.
>> No.26003  
>>25986
Я всё ручками сделал, получилась конфетка.

>>25990
Да нифига. Щ, Ю и ещё какая-то, точно не помню.
>> No.26084  
Пиксель-куны, как вы думаете, возможно ли научиться хорошо рисовать спрайты персонажей (да и не только персонажей), не умея рисовать в "традиционном" стиле?
>> No.26085  
>>26084
Думаю что нет.
>> No.26087  
>>26085
Удваиваю. Хоть небольшой скилл, но понадобится.
>> No.26251  
1x4.png (0.0 KB, -1x-1)
0
>>26087
Бумп космолетиком.
мимо-пролетал
>> No.31017  
bump.png (0.0 KB, -1x-1)
0
>>26084
Если срсовывать, то нет. Если рисовать, то да. Без эскиза проблематично делать что-либо кроме построения из базовых фигур.
>> No.31045  
MGU-pixelart.png (0.0 KB, -1x-1)
0
Всем привет!

Годный тред ОП развернул, попытаюсь по возможности его посещать. Выкладываю свои потуги в пиксель-арте.
>> No.31047  
>>31045
Здание очент годно. Человечек хороший, но опять путаете пиксель-арт (рисовку попиксельно, хотя бы контуров) и нарисованное пиксельной кистью/мером.
>> No.31087  
>>31047
Ой, да какая разница тред и так полудохлый. А вообще да, годно нарисовал.
>> No.31869  
Парни, а мне лень ставить фотошоп - он жутко громоздкий, на мой уютный ноутбучек. Есть ли какие-нибудь более легкие альтернативы, но чтобы фунцкионал туториалов из ОП-faq-a остался?
Набрел тут вот на что: http://hornil.com/en/products/stylepix/\
Взлетит?
>> No.31970  
>>31869
Вот эту >>20885 попробуй. Конечно, от фотошопа она далека, но вот для пиксельарта подходит отлично.
>> No.39183  
bump
>> No.39623  
http://dobrochan.ru/b/res/1162921.xhtml
>> No.39626  
>>39623
Аноны, в треде в b уже проскакивала мысль с тем чтобы запилить Пиксель-Доброград, треды - здания, доски улицы (или районы), и т.д. Может постепенно-постепенно будем это реализовывать?
>> No.39627  
>>39626
Реально способных сделать это качественно тут четыре с половиной анонимуса во-первых. Во-вторых, как показывает практика, многие срезаются на том, что общий формат изначально задан (ракурс, гамма) и нельзя рисовать «как умею» а нужно делать хорошо или хотя бы очень просто, но тщательно.

Я бы с удовольствием, но для такой хери имхо нужны сначала план действий, разделение заданий и условия как состыковать элементы. То есть хотя бы пара-тройка типов стандартных дорожек, одно дерево, один человечек (для сравнения размеров), один автомобиль. Вобщем ТЗ хоть какое и общие рекомендации, иначе всё обратится в фэйл.

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

А теперь поднимите руки, кто хоть раз участвовал в проектах типа pixelmoon
>> No.39630  
>>39627
Я! Рад что тред ещё живет.
Столет-не-заглядывающий-ОП
>> No.39825  
>>39627
Что за pixelmoon?
>> No.39834  
>>39825
Можно я погуглю за тебя?
http://www.pixeldam.net/pixelmoon.asp
Один из крупных, но технически довольно простых проектов пиксельных поселений. Не надо увязываться с соседями по графике, анимация и стиль по желанию. Содержание по желанию, лишь бы подходило к космосу как-то.
>> No.40814  
отделить-обводку.png (0.0 KB, -1x-1)
0
Нашёл метод быстрой очистки внешнего одноцветного контура. Делюсь.
1) Выделяем вокруг область
2) Заливаем цветом обводки
3) Выбираем по цвету (волшебная палочка или что там у вас)
4) Удаляем.
Хотя в специализированных пиксельных есть более продвинутый инструмент «цветная стёрка» или «замена цвета».

И вытекающий метод вырезки контура на новый слой.
1) Заливаем очень близким цветом
2) Выделяем с чуть расширенным диапазоном, чтобы захватить оба цвета
3) Сужаем диапазон выборки и исключаем внешнюю заливку, выделенным остаётся лишь контур
4) Вырезаем (можно сделать маску, раскрасить под тон)
>> No.41026  
pixel_santa.gif (0.0 KB, -1x-1)
0
Пикселяч, я вот что-то не вкурю, зачем автор (http://www.retinaleclipse.com) делает такие картинки, которые уже технологически и по весу мало чем отличаются от нарисованной обычными кистями и сохранённой с убитием палитры и диффузией? Ради развлечения и понта, ради саморекламы?

Или есть в этом какой-то ещё смысл? Я допускаю важность экономии веса в 5%, но она достигается куда проще (нарисовал, сжал, почистил, сместил/заменил цвета в палитре до нужных).
>> No.41210  
Бамп.
Рисуем пиксельный город: >>/b/1210706
>> No.47610  
Рассмотрите, пожалуйста, вопрос >>r/47920, если я обращаюсь по верному адресу.
>> No.47649  
>>41026
Это просто стиль. И стиль очень клёвый.
inb4: некропостер в треде.
>> No.47714  
DSC_0577.jpg (0.0 KB, -1x-1)
0
Pixel Art тред - Ахвоттыгдесука.jpg

США-анон reporting.
Дело в том, что я макоблядь. Да-да, как и многие здесь. Знает ли местный анон нормальный pixel-art редактор на MacBook Pro? Пробовал Pixen, но обычно он начинал дико тормозить, особенно часто это случалось при выделении какой-нибудь области большого холста и попыток дальнейших манипуляций с нею (удаление, перемещение).
>> No.49132  
Небольшая заметка о растровых редакторах. Для кто еще не определился с основным инструментом работы будет полезна, думаю: http://gamin.ru/blog/indie-fishki/6874
>> No.49138  
吉岡-蓮-2.jpg (0.0 KB, -1x-1)
0
>>49132
Анон, ты просто божество, как раз то, что мне было нужно, да ещё и тред бампнул.
>> No.49529  
добряши, а кто-нибудь пользуется Paint.net? довольно удобно- есть сетка и замена цвета.
>> No.49530  
>>49529
Я использую.
Мимоспиксельчана.
>> No.50035  
Screen-Shot-2012-01-27-at-17.32.24.png (0.0 KB, -1x-1)
0
>>47714
Pixelmator. Там в настройках есть куча "дополнительных" инструментов, в том числе и Pixel Tool. Там же в настройках можно сделать нужную тебе сетку. Для примера, пикрелейтед сетка по 4 пикселя с жирными линиями через каждые 40.
>> No.50036  
>>50035
Стоит 30 баксов. Меня, как программиста, вполне устраивает, как замена пизженому фотошопу.
>> No.50086  
Анон помогай. Примерно понял технику, но как научится подбирать цвета? Скажем, что то в тени, как оттолкнуться от основного цвета?
>> No.50117  
>>50086
Кури всякие теории цвета, светотени, загляни в рисовач тред, там есть список книг по этой теме.
>> No.50130  
a0s.gif (0.0 KB, -1x-1)
0
>>20572
А как можно пользоваться Фотошопом? Там даже прямые линии как-то странно делаются

К слову, никто не может сказать, что это за версия ImageReady на картинке?
Я уже несколько версия фотошопа качал, но такую не видел?
>> No.50132  
7a9937d48fea3522f7d55fb42fdcbcf3.jpg (0.0 KB, -1x-1)
0
>>50130
ImageReady вроде есть в версии ниже третией CS. C третей функции IR уже встроины в ФП, посмотри раздел отвечающий за анимацию.
>> No.53242  
Подниму тред.
>> No.53962  
proba.png (0.0 KB, -1x-1)
0
Бамп первым комом
>> No.56861  
s-3.jpg (0.0 KB, -1x-1)
0
>>50086
В самом простом варианте: собственный цвет, тень, блик, рефлекс. Собственный — тот, которым обычно называем цвет предмета. В тени предмет освещён тоже чем-то, например отражающимся от других предметов светом. Если предметы цветные, то и цвет света смещается, складывается с собственным цветом предмета. Скажем синий свет сделает жёлтый лимон чёрным.
Блик яркий, выжженный, стремящийся или к большей насыщенности и светлоте одновременно или вообще к белому.
Рефлекс — действие света как и в тени, но не только от предметов, а, например от фона ещё.

Понаблюдать за работой рефлекса в тени можно легко: берёшь белый шарик теннисный, клеишь на нить, включаешь в тёмной комнате настольную лампу (классическая с рефлектором или фонарик с жёстким лучом) и под неё, светящую вниз и в бок подносишь шарик. Затем под шарик приближаешь свою ладонь и наблюдаешь как он подсвечивается бледно-розовым снизу.

На картинке внизу простой случай. 1 источник света рождает блик а отражённый от пола свет создаёт рефлекс. Считаем, что есть рассеянный свет, дающий нам нечёрную тень.

На картинке сверху более сложный: зелёный свет фона, жёлтый свет от основного источника и голубой сквозь дно.
Голубой на красном шаре или превратит его в чёрный, или, если цвета не идеально контрастны и свет достаточно силён, то часть его отразится.
Смешиваясь с собственным цветом свет от пола делает шар серым, фиолетовым.
А яркий жёлтый «выжигает» блик, смещая цвет от красного, через оранжевый, к жёлтому.
>> No.59013  
427c1062eb1eff1e92b5651281b062a8.jpg (0.0 KB, -1x-1)
0
Где можно скачать палитру для GIMP? Ориентированную под пиксель арт естественно
>> No.59078  
>>59013
http://docs.gimp.org/2.2/ru/gimp-palette-dialog.html#gimp-palette-new
Палитру можно импортировать из любого градиента GIMP, а так же из любого открытого изображения.
>> No.59108  
gangman.jpg (0.0 KB, -1x-1)
0
В чем ошибки?
>> No.59109  
>>59108
Ой не туды впаял... Пардон
>> No.59358  
>>59013
Это какая? Пиксель-арт разный бывает очень. От кубиков до живописи и натурализма.
Нет никакой палитры ориентированной.
Есть восьмибитная палитра. Но удобнее использовать наборную из 256 цветов, а не классический восьмибит
>> No.59378  
000500b7_81cd.jpg (0.0 KB, -1x-1)
0
>> No.65563  
Hanzou.png (0.0 KB, -1x-1)
0
>>20571
Мои безумные умения.
>> No.69688  
>>65563
на туловище много полосок контрастных слишком. швы на штанах имеют неадекватно выраженную (относительно масштаба) рельефность.
>> No.70056  
Безымянный-202.png (0.0 KB, -1x-1)
0
Бамп девастатором. И да, жду критику двух своих творений.
>> No.70125  
>>70056
Лица попроще учись делать, прежде чем переходить к анатомичным.
Вторая — это типа танчик? Нормуль, но можно дальний план делать менее насыщенным по цвету, это придаст глубины.
>> No.70227  
facepalm-2.png (0.0 KB, -1x-1)
0
>>70125
Куда уж проще,только лица анимешных девочек.
Третья это девастатор.Не мой к сожалению
>> No.70373  
pressxavatar.png (0.0 KB, -1x-1)
0
>>20571
Бамп моей первой попыткой хоть что-то да нарисовать. Автопортрет.
>> No.70525  
>>70373
Может к чёрту чёрную обводку волос?
из цикла советы ньюфага
>> No.74046  
candytreepix.png (0.0 KB, -1x-1)
0
>>70227
проще общую форму. Шарик, шарик с подбородком (чертёжные), потом уже усложняй. Начинай с конструирования простых форм, гайд по юбочкам, фигурам и контуру выше смотри.
>>40814>>20964>>20579>>20580

>>70373
нормуль, но с формой волос (свет и тень) ты не разобрался, так что голову ему выворачивает. Под чёлкой нет тени. И не путай пиксел-арт и рисование пиксельной кистью. Не пиксел-арт это потому что много рваных кусков и есть прорыв в контуре на первом локоне чуба. Но задел уже есть.


Не буду голословным, накалялкал вот.
>> No.75727  
Бамп подборкой из трицати статей по пиксель арту(на английском).
http://www.hongkiat.com/blog/pixel-art-tutorials/
>> No.81240  
vk-small.png (0.0 KB, -1x-1)
0
Bump! :3
>> No.82386  
>>75727
статьи годные, но по-моему почти все уже были представлены в треде и по ссылкам второго порядка (с гамин.ру например)
Причём на русском часть (гас13 — русский точно)

>>81240
нормуль но диффузию между серым и белым в заливке букв можно было.
k так и должна провисать?
Лучи то ли разных углов, то ли так выглядят (оптические иллюзии желательно учитывать). И зря ты их из геометрического центра начинаешь, можно было из-под центра надписи.
>> No.83579  
Button1.png (0.0 KB, -1x-1)
0
Два вопроса:
Как сему моему творению придать объёма поболе, и второй - есть ли возможность в гарфикс гейле сделать бинды на иснтрументы дико неудобно потсоянно менять "вручную".
>> No.84880  
New-Canvas.png (0.0 KB, -1x-1)
0
>>83579
Объём создаётся светом и рефлексом* , ну и перспективой объёма и световоздушной. Ознакомься с азами классического рисования.
Для кнопок слишком громоздко.
У тебя полный раздрай со светом. Есть такой приём как скульптурное освещение, при котором каждая деталь освещается так, чтобы наиболее полно выявить объём и фактуру. Но ты с задачей не справился потому разнонаправленный свет только ухудшает. Ещё одна ошибка: ты за частными деталями теряещб общее освещение. Нарисуй грубо цилиндры а потом детализируй.

Чёрная обводка убивает рефлексы и уплощает рисунок, она как раз для плоских силуэтных мультяков придумана.

Про гейл не помню.

Лёгкий фикс для примера.
>> No.84958  
--97.png (0.0 KB, -1x-1)
0
Няши, решил попробовать в Pixel Art, но не знаю с чего начать. Подходит ли для этого GIMP? Если нет, то что нужно, пизженый фотожоп просьба не предлагать? Поделитесь ссылками на полезные сайты, те что в ОП-посте не особо помогли понять суть.*
Загляну завтра в надежде увидеть массу прекрасных советов и рекомендаций. Всем добра.
>> No.84969  
pixel_fairytale_by_friendly_laser-d2y1tni.png (0.0 KB, -1x-1)
0
Любитель пиксельартов в треде.
Пикрелейтед - мои рисунки.
Спрашивайте вопросы.
>> No.84970  
>>84969
Какой урод будет строить на подмытом берегу?
>> No.84971  
>>84970
Такой как ты, конечно же.
>> No.84973  
>>84971
Нет, даже я не буду. Это только Ленин может.
>> No.84974  
>>84973
Хорошо, тогда давай обсудим какой урод надел на птицу плащ и портфель.
>> No.84982  
Ожидания не оправдались.
>>84958 - кун
>> No.84984  
>>84982
Я не знаю какие могут быть советы и рекомендации, я вообще ни одной статьи не прочел о том как пиксельарт делать, мне хватило знания того где в фотошопе карандаш включается и что надо интерполяцию по соседним пикселам делать для масштабирования.
Софт тоже посоветовать не могу, ибо фотошопа хватает и не возникает потребности использовать что-то еще ну, для обычных рисунков SAI идет, но там пиксельарт вообще не порисуешь.
>> No.84985  
>>84984
Забыл подписаться, >>84969-кун
>> No.85049  
>>84982
Гимп отлично подходит, из рекомендаций - погугли gas13. %ня!%
>> No.85095  
someshit.png (0.0 KB, -1x-1)
0
Безумные умения врываются в тред. Ни разу таким не занимался, сегодня решил попробовать. Когда уже закончил то понял, что запорол изометрию сцены. Жду критики. Я правильно понимаю, что в тру п-арте обычно ограничение на кол-во цветов?
>> No.85104  
>>85095
Да, изометрию ты запорол.
Но не это главное. Какого хуя у тебя линии пола со сглаживанием?
Алсо, нога у гитариста слева слишком длинная.
Я вот ложу на ограничения по цветам, но это лично мое мнение.
>> No.85107  
>>85104
Ок, пойду перерисую сцену заново. Расскажите как добиваться эффекта сглаживания вручную? подбирать градиент цветов?
>> No.85111  
che.png (0.0 KB, -1x-1)
0
>>84958
Подходит всё, в чём есть пиксельная кисть да пипетка.
Если тебе тред и gamin.ru не помог, то ничто не поможет.
Суть в том, что пиксель-арт — просто метод, мозаичная техника со своими особенностями. А рисовать или хотя бы строить нужно уметь.

>>84969
Вполне годно. Навеяно игровой тематикой, да?

>>84970
Может его потом подмыло же. За тысячелетия. И вообще иногда реализмом стоит жерствовать, иначе превращаешься в фотоаппарат.

>>84984
> но там пиксельарт вообще не порисуешь
Я как Саи-господин, не соглашусь. Пикс тоталли рилейтед.
Да, заготовок пиксельных или кривых там нет, но ориентация на планшет для меня важнее, я редко строю по примитивам или кривыми.
>>85107
Можно вручную, можно на миксерах или палитре, можно из готовой ограниченной палитры.
Когда мне цвета не жмут, то я делаю на отдельном слое и прозрачностью. Прикидываю примерно процент смеси, например для 45° это 50% обычно, но ещё на глазок корректирую, чтобы не слишком резко было.
>> No.88849  
no_nam2e.png (0.0 KB, -1x-1)
0
>>20571
Бампую собственно нарисованным
>> No.94846  
First.png (0.0 KB, -1x-1)
0
Бамп первыми блинами.
>> No.121632  
kr.png (0.0 KB, -1x-1)
0
Бамп задротством.

>>88849
line-run.png годно.
>> No.121635  
lGRXnOh943o.jpg (0.0 KB, -1x-1)
0
А я в рисоваче уже выкладывал, но мало ли. Переделывал существующие скрины/изображения. Абсолютно чисто своего пока нет.
>> No.121660  
>>121635
Ну тоже практика вполне. Ещё раз урок на гамине почитай, угловатые у тебя линии там, где не надо. Ну вот щёчка на 2й торчит да и на последней.
1я годно, олдово лицо, а на пальцах споролся, там простое копирование не катит.

и jpg… зачем ты так?
>> No.122297  
kali.png (0.0 KB, -1x-1)
0
Бамп простенькой картинкой.
>> No.122302  
>>122297
Спасибо, пофапал.
>> No.132936  
хлаалу11.gif (0.0 KB, -1x-1)
0
Первый комочек - домик в Балморе
>> No.133123  
Screenshot_1-2.jpg (0.0 KB, -1x-1)
0
>>84970
Может это вообще острова летающие, концепт 8bitart часто состоит в чем-то сказочном.
Своровал вот graphicsgale и первая проблема в том, что нет нужных кистей, один квадрат только 9x9 при том, что сетка 8x8. Нашёл не хитрый мануал как делать кисти http://ppdaniatlas.blogspot.ru/p/brushes.html Может кому полезно будет
>> No.133237  
Лол только сейчас обратил внимание, что тред создан был в 2010.
А что, позадротствовать нет желающих? Можно запилить 2д Run-and-gun платформер с холодным оружием, магией, блэкджеком и шлюхами
>> No.133238  
>>133237
В /cr в треде про десять тысяч часов один пиксель-артист завелся, можешь там его спросить.
>> No.133241  
>>133237
Запили. Графон - это наименьшая из проблем.
>> No.133244  
>>133241
Не наименьшая, а наибольшая. Заставить прыгать и стрелять не так сложно, как придумать героев и локации, на которые будет интересно и приятно смотреть.
>> No.150574  
Бамп уроками.

https://habrahabr.ru/post/247333/
https://habrahabr.ru/post/261987/
https://habrahabr.ru/post/275703/
>> No.150605  
>>132936
Я один вижу пикап с очень длинным обвесом?
>> No.150608  
>>150605
Нормально видишь. Можно из него монстртрак запилить.
>> No.151312  
Дохлый тред такой
https://www.youtube.com/watch?v=J3kPMRA_JYE
>> No.151371  
Где используется пиксель-арт кроме видеоигр?
>> No.151373  
>>151371
Да хоть где, он сейчас модный, можно сайт оформить какой-нибудь так или принты на майки. Ну у меня цель, это суметь запилить графику для говно игры. Потому что 8bit легче рисовать, если у тебя нет скиллов рисования. Можно брать фотографию и обрисовывать её 8bit'ом, при использовании некоторых правил этого арта, будет получаться годно. Самая главная проблема - сочетание цвета, но тут поможет куллер или референс фотка, откуда можно воровать цвета пипеткой.
>> No.153752  
Новый-холст.jpg (0.0 KB, -1x-1)
0
Моё первое творение.
>> No.153969  
>>153752
Збс, а дальше?
>> No.155020  
fair_lady_п.gif (0.0 KB, -1x-1)
0
Единственный раз в жизни рисовал пикселями.
Плохо/годно?
>> No.155021  
>>155020
Охуенно!
>> No.155025  
37483847.png (0.0 KB, -1x-1)
0
>>155021
Эм...
>> No.157946  
гербы-6.png (0.0 KB, -1x-1)
0
Репост из /cr/ репоста с /b/.

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

Это долгий реквест, пока не надоест. Пацаны из рисовача в /b/ не выразили желания рисовать пиксель арт.
>> No.157963  
>>157946
> не выразили желания делать мне контент бесплатно
Фикс.
>> No.157964  
>>155020
как бутлежная игра конца 80-х
>> No.159103  
charFull1-2.png (0.0 KB, -1x-1)
0
Хей, Дорброанон!
Я тут новенький, буквально только начал вникать во всю эту тему.
Вот такого парнишу натыкал за несколько часов.

Сначала отдельно рисовал мантию, потом шляпу, потом склеил вместе и дорисовал "тело".

В освещение пока даже не начинал вникать, но все впереди!
>> No.159176  
>>159103
https://www.youtube.com/watch?v=Zo5CV_uq91I

Попробуй MagicaVoxel.
>> No.162058  
file-2.gif (0.0 KB, -1x-1)
0
>> No.162059  
file6.gif (0.0 KB, -1x-1)
0
>> No.162102  
ЫВ.png (0.0 KB, -1x-1)
0
на меня просто что то нашло , поэтому вот
>> No.163310  
Сап тред. Кто-то пытался рисовать или обучаться пиксель-арту на телефоне/планшете? Какие приложения для этого используете? Или плохая это идея?
>> No.163329  
>>162058
>>162059
Охуенно
>> No.163645  
file-13.gif (0.0 KB, -1x-1)
0
>>163329
У Педро вообще огонь стаф:
https://www.patreon.com/saint11>>163329
>>163310
Да хз, я как-то пробовал, даже стилус купил, мне не очень понравилось. Возможно надо было ещё приложения поискать. Ну для тренировки пойдет, бери и пробуй


Удалить сообщение []
Пароль