www.blogspot.com
isographics
Isometric Pixel Graphics
1	http://feedproxy.google.com/~r/blogspot/gyzwbP/~3/aNhe9rxv_aQ/antialiasing.html	Сглаживание	2013-02-22T06:13:19.013-08:00	tag: обучение пиксель арт endoftag tag: antialiasing endoftag tag: pixel graphics endoftag tag: AA endoftag tag: пиксель арт endoftag tag: сглаживание endoftag 	   С этого пункта, будет немного сложнее. Сглаживание, делать довольно таки легко, гораздо труднее объяснить, как это делать. Когда дело доходит до сглаживания, то линии в вашей работе становятся более гладкими. К примеру, компьютер часто прибегает к  сглаживанию и поэтому нужно всего лишь взглянуть на любой текст.       На рисунке выше, в увеличенном виде, вы видите, как компьютер использует темные и светлые  цвета для сглаживания букв, чтобы они могли сочетаться с фоном. Если посмотреть на эти буквы в исходном размере, то сразу можно увидеть что линии стали гладкими.      Основы сглаживания   Естественно сглаживание делается вручную. Цвета нужно искать в диапазоне от оттенка ваших линий до оттенка фона. Ниже я сделал пример, с черными линиями на белом фоне.          Пример 1 показывает разницу объекта со сглаживанием и без него. (AA-Antialiasing). Обратите внимание, на разницу эти двух кругов. Круг без сглаживания, выглядит плоским, да и в исходном размере ещё будут видны его неровные края. В примере 2 используют сглаживания на линии, чем дальше вы от  черного цвета рисуете, тем ярче цвет вы  будете использовать в дальнейшем.     Примеры 3 и 4 показывают, как сглаживать линии находящиеся под углом. Линию 2x1, вы должны сглаживать в один пиксель справа и слева от линии. Для линии 4x1, я использовал два пикселя для сглаживания. Существует правило, которое гласит, что нужно использовать столько пикселей для сглаживания, сколько является длина половины исходной линии. Поясняю, у нас на примере исходная линия в четыре пикселя значит, сглаживание будет на два пикселя. В другом примере исходная линия 2 пикселя, сглаживания будет 1 пиксель. В общем, чем меньше будет использовать пикселей, тем лучше.     Если вы будете использовать много пикселей для сглаживания, то это создаст нежелательную размытость. В начале, скорее всего вы будете придерживаться выше сказанных слов, пока не опробуйте это. После того как вы научитесь сглаживать, вы поймете, следует это применять в каком либо месте или нет.   Сглаживание цветов   Начнем с того, что это сложнее чем просто сглаживание от черного до белого цвета. При сглаживании между двумя цветами вы должны найти правильный оттенок между ними. Про цвета смотрим здесь и здесь.    Надеюсь этот урок вы сочли полезным, подписываемся и не пропускаем ни одной статьи! Помоги мне, автору этого блога, поделитесь ссылкой в соц.сетях чтобы её прочитало больше людей! А также оставляем комментарии, какие вы бы хотели видеть статьи, по теме пикселей. Благодарю вас за внимание!   
2	http://feedproxy.google.com/~r/blogspot/gyzwbP/~3/0zgwznT7V_k/isohuman.html	Рисование машины, людей и деревьев в изометрии	2013-01-27T08:15:20.509-08:00	tag: изометрический человек endoftag tag: изометрическая машина endoftag tag: изометрия человек endoftag tag: пиксель арт endoftag tag: изометрия endoftag 	  Рисуем человека  Существует тысяча способов рисования  пиксельных людей. Вы можете экспериментировать  и попытаться нарисовать их разными способами. А вот  собственно мой способ. Чем больше практики, тем лучше у вас будет получатся.     Просто стоящий на месте человек, а также ничем не занятый - это скучновато, неправда ли?   Так давайте же сделаем наших человечков бегущими, прыгающими, идущими куда-то или же дерущимися. Используйте свое воображение и нарисуйте людей, похожих на примере. Заметьте, что черные линии являются только контуром  тела нашего человечка. Я вам рекомендую использовать  средние  тона, чтобы ваши человечки выглядели эффектней, а рисунок был более реалистичным.  Рисуем машину    Рисовать машины довольно-таки трудно.  Когда я только начинал рисовать в пиксель арте, это было  одной из огромных проблем для меня. Ниже вы увидите пошагово, как я рисую машины.      1.    Нарисуйте контур машины.  2.    Раскрасьте ее.  Только внешние линии(контур) должны быть черными.  Заметьте, что машина выделяется. Поэтому детализируйте ее.  3.    Закрасьте окна. Но не забывайте добавить яркость (перелив) на окнах. Затем нарисуйте фонари.  4.    Добавьте колеса. Также вы можете нарисовать и салон внутри машины, сделав стекло прозрачным.  Так машина выглядит более реалистичной. И машина готова!  Не беспокойтесь, если поначалу  ваша машина  будет выглядеть не очень  хорошо. Просто больше практикуйтесь. На рисунке показаны машины которые я нарисовал.       Рисуем деревья  Простые деревья рисовать очень легко. Представляю вам самый быстрый способ их создания.   1.    Нарисуйте ствол  2.    Продолжите контур вашего дерева, до верхушки. Вы можете нарисовать любую форму, какую только захотите.   3.    Раскрасьте дерево. Используйте, как минимум  три цвета, чтобы сделать эффект трехмерности. Основание сделайте темнее.  4.    Используйте дизеринг, чтобы сделать плавный переход между  цветами.  5.    Соедините ствол с листвой, и дерево готово.     
3	http://feedproxy.google.com/~r/blogspot/gyzwbP/~3/fUsaxPTduDE/texturepixelart.html	Текстуры в изометрии и пиксель арте	2013-01-20T03:49:35.448-08:00	tag: изометрия текстуры endoftag tag: текстура пиксель арт endoftag tag: рисуем траву в пиксель арт endoftag tag: рисование текстуры в пиксель арт endoftag 	     Я слышал много раз, как люди говорили о том,  что самое трудное в пиксель арте - это создание текстур. Однако, это не так. В этом уроке я расскажу вам, как быстро создать текстуры в photoshop и ms paint. Наслаждайтесь!    Кирпичи   Достаточно просто нарисовать кирпичи, если используешь ms paint. Пока вы рисуете кирпичную стену, то вы запросто сможете переключаться между photoshop и ms paint. Главной причиной, из-за которой я использую ms paint, так это то, что я смогу нарисовать в нем кирпичи быстрее: просто копируя один кирпич, а после вставляя его много раз. Сперва, нарисуйте контур кирпича. Теперь выберите его средний оттенок, к примеру: #9D9D4F. Раскрасьте внутреннюю сторону кирпича. Нижнею, внутреннюю сторону закрасьте более светлым цветом. Теперь  включите ms paint, и скопируйте этот кирпич. Следующие шаги будут очень-очень простыми и быстрыми. Просто копируйте и вставляйте, до тех пор пока не получите линию такой длины, которой вам нужно. После многочисленных cntrl -c, cntrl-v у вас получится что-то похожее на это.         Ну вот все и готово! Такого рода текстуры можно добавлять к своему зданию!    Трава  Нарисуйте маленькую часть травы. Используйте любые зеленые цвета по желанию. Добавьте в некоторых местах светлые точки, а в других темные. И теперь так же, как с кирпичами, копируем и вставляем.      Крыши  Попробуйте нарисовать что то похожее из  показанных примеров. Как вы можете уже увидеть, для черной крыши, я использовал не только черные точки, светлые тоже.    Полы  Принцип создания полов такой же, как и у травы, поэтому здесь больше нечего комментировать, просто взгляните на скрин.     Я надеюсь, что из этого урока вы почерпнули для себя что-нибудь новое.    
4	http://feedproxy.google.com/~r/blogspot/gyzwbP/~3/IGLzpmI0v28/color.html	Коротко о цвете	2013-01-12T01:23:31.272-08:00	tag: изометрия учебник endoftag tag: ретро графика endoftag tag: изображение в стиле пиксель арт endoftag tag: ms paint endoftag 	   Рациональное использование цветов в IPA является одним из успехов вашей работы. Представим себе, что вы нарисовали дом и раскрасили его токсично-зеленым цветом, при этом добавив ещё фиолетовые оттенки. Исходя из выше сказанного, в такой палитре на вашу работу и смотреть не будут. Представьте,  как бы выглядела ваша работа, если бы вы стояли рядом с ней.   Если вы затрудняйтесь в выборе цвета то создайте скат(палитру), определенного цвета от темного до светлого оттенка и подбирайте тот цвет который выглядит хорошо на ваших пикселях.    Про цвета можно почитать и здесь.  
5	http://feedproxy.google.com/~r/blogspot/gyzwbP/~3/2-grxW_aUUI/comboiso.html	Комбинируем фигуры в изометрии	2013-01-03T10:00:30.388-08:00	tag: учебник по изометрии endoftag tag: фигуры в изометрии endoftag tag: изометрия endoftag 	   Глава 2. Комбинируем фигуры   И так  начинается творческая часть учебника. Теперь, когда вы знаете, как рисовать простые изометрические фигуры, пришло время чего то сложного и интересного. Как насчет того чтобы нарисовать здание с треугольной крышей или может крышу в форме купола? Такие комбинированные объекты в изометрии, делают работу ярче и проявляют больше интереса у людей.        Всё что нам нужно, так это нарисовать фигуры отдельно друг от друга и убедится в том, что фигуры пропорциональны друг другу, после перемещая, соединить их. Как видите, на примере я показал, как сделать сложный объект из простых фигур.       
6	http://feedproxy.google.com/~r/blogspot/gyzwbP/~3/fEvJikyLLiI/camenpx.html	Создаем текстуру камня	2012-12-27T10:05:33.018-08:00	tag: обучение пиксель арт endoftag tag: пиксель арт и photoshop endoftag tag: пиксель арт endoftag 	   Текстура камня более сложная в силу того, что у нас нет живых примеров перед глазами. Есть множество вариантов исполнения такой текстуры.          Первым делом нужно задать структуру поверхности. Как правило она состоит из овалов и пространства между ними.Самое главное это проработать камни, которые начинаются справа и должны так же отображаться слева, чтобы тайл мог создавать цикл. Всегда сверяйте тайлы во время работы, чтобы добиться нужного эффекта.       Далее планируем глубину камней. Некоторые стоят чуть выше и под ними следует обозначить тень.       Для проверки цикличности мы ставим четыре тайла рядом с нашим основным и сверяем. Если все выглядит нормально, то можно продолжать дальше.      Дальше, как и с деревянной структурой мы добавляем более темный оттенок для углубления тени, отмечаем более темные места.       Теперь самое сложное. Мы можем выделить насколько одни камни могут выделятся от других. Это делается путем добавления более светлого оттенка рядом с краем камня. Более светлые - означает более выделяющиеся. Для этого можно использовать еще и дизеринг и маленькие кружочки.    В конце вы можете добавить еще один более светлый оттенок для некоторых камней, чтобы они еще больше выделялись и давали блик.        Как вы видите в итоге, без тренированного глаза будет довольно сложно различить сетку из тайлов.   Благодарю Марса, за перевод этой замечательной статьи. Рекомендую вам посетить его блог в котором вы найдете статьи с пиксель арт'ом, работы автора и множество другой информации, которую любопытно почитать. Спасибо за внимание, надеюсь урок дал вам многих разъяснений. Автор этого урока: Kiwinuptuo 
7	http://feedproxy.google.com/~r/blogspot/gyzwbP/~3/jiZYgLZ6dtc/isofiguri.html	Рисование других фигур в изометрии	2012-11-19T07:32:55.737-08:00	tag: изометрия пиксель арт endoftag tag: изометрическая графика endoftag tag: пиксель арт endoftag tag: изометрия endoftag 	   «Отлично!». Возможно, сейчас говорите вы. «Теперь, когда я могу рисовать куб в изометрии, то уже можно приступать к создании своего первого шедевра». Допустим, вы будете рисовать дом и когда приступите к созданию крыши, то потребуется другая форма фигуры, отличающаяся от куба. Сегодня мы рассмотрим другие изометрические фигуры, которые немало важны для ваших творений.   Начнем с простой пирамиды, края которой рисуются снизу в вверх  под углом 45°. Можно экспериментировать, изменяя этот угол, тем самым получая различные формы пирамиды. Присмотритесь внимательно, здесь используются  те же самые методы, что и при воссоздании куба.      Когда вы знаете, как нарисовать пирамиду в изометрии, приступим к цилиндрам. Изобразить цилиндр не составит никакого труда. Цилиндр состоит из двух кругов соединенных линиями. Для создания цилиндра мы должны проверить совпадет ли круг с изометрической площадью как показано на примере ниже. При рисовании цилиндра я использовал тени, изменяя градиент цвета от темного к светлому. Эта техника помогает придать 2D объекту больше реалистичности при помощи теней, бликов и т.п.      Наверно одна из наиболее сложных фигур при рисовании является шар. Обычный шар выглядит в 2D довольно уныло, но добавив тень и свет, он становится трехмерным. Добавление тени и света похоже примерно на то, как я их изображал на цилиндре. Начиная с темного цвета, переходите все больше к светлому. При рисовании, я использовал дизеринг, который помогает сделать тень и свет более гладкими.             
8	http://feedproxy.google.com/~r/blogspot/gyzwbP/~3/No5cNAfvswE/woodtexture.html	Рисуем текстуру дерева	2012-11-15T05:55:42.291-08:00	tag: обучение пиксель арт endoftag tag: уроки пиксель арт endoftag tag: тень пиксель арт endoftag tag: рисование текстуры в пиксель арт endoftag tag: пиксель арт endoftag 	  Первым делом вы должны понимать, что все текстуры должны быть цикличными то есть состоять из одного тайла, при этом создавая цикл поверхности(текстуры) без разрывов. Текстуры должны аккуратно состыковываться друг с другом без швов. Вот на этом примере сделаны линии, отмечающие доски. Обратите внимание что все доски имеют одинаковую высоту.    Теперь можно добавить какие-нибудь отличия вроде отошедшей доски или гвоздей. Здесь я добавил побольше разрыва, чтобы некоторые доски могли выделятся от других.    Теперь нужно проверить цикличность. Хорошо ли выглядят тайлы соединенные друг с другом? Выглядит ли это аккуратно? Если нет, то поправляйте все прямо сейчас, а не потом. Смотрим…    Далее, используя более темный оттенок цвета, добавляем глубины в текстуру. С помощью темного цвета создаем тени на стыках досок, это даст нам ощущение объема.     Также важно добавить светлые участки (блики). Мы добавляем более светлый оттенок к поверхностям, которые выступают немного вперед.    И в заключение, добавим несколько деталей к выбранным местам, чтобы увеличить реалистичность текстуры, но это на ваше усмотрение. Когда вы делаете графику для игры, иногда нужно чуть уменьшить детализация для снижения контрастности (Пример, темные области или бэкграунд уровня).    Как вы видите тайлы примыкают к друг другу отлично, так что можно видеть сетку. Чтобы убрать сетку вы можете сделать еще одну деревянную структуру и разнообразить поверхность, располагая их в случайном порядке.      Благодарю Марса, за перевод этой замечательной статьи. Рекомендую вам посетить его блог в котором вы найдете статьи с пиксель арт'ом, работы автора и множество другой информации, которую любопытно почитать. Спасибо за внимание, надеюсь урок дал вам многих разъяснений. Автор этого урока: Kiwinuptuo            
9	http://feedproxy.google.com/~r/blogspot/gyzwbP/~3/VYSO9FUV8hs/links.html	Полезные ссылки	2012-11-03T09:55:56.155-07:00	tag: пиксель арт и photoshop endoftag tag: изометрическая графика endoftag tag: pixel graphics endoftag tag: пиксель арт endoftag tag: изометрия endoftag 	        Sprosonok Blog VOLDIMARS.RU  LLAMA.RU PixelDigest Gas 13 Megapont  В этих ссылках находятся различные уроки связанные с пиксель арт, оригинальные работы авторов этих ссылок, выполненные в пиксельном стиле и многое многое другое.      
10	http://feedproxy.google.com/~r/blogspot/gyzwbP/~3/Nyfz-mXXvV4/firstisocub.html	Изометрический куб	2012-11-03T09:00:59.423-07:00	tag: цвет в пиксель арт endoftag tag: изометрия пиксель арт endoftag tag: изометрическая графика endoftag tag: пиксель арт endoftag tag: изометрия endoftag 	   Глава 2. Создание первого изометрического куба   Для начала, мы должны составить план, как нарисовать куб в изометрии. У каждого человека, свои способы выполнения вышеуказанной цели. Я покажу один из простых методов, как это можно сделать.      Пожалуй, сперва нужно изобразить одну сторону куба, при помощи вертикальных и изометрических линий, которые мы обсуждали ранее. Что у нас должно получится, вы можете наблюдать ниже.      При помощи инструментов выделении, выделите полу нарисованную фигуру и скопируйте её в буфер обмена. Горячие клавиши для этого: Ctrl-C. Убедитесь в том, что фон копируемого объекта прозрачный.              После вставки, нам потребуется развернуть куб в противоположенную сторону. Сделать это можно, открыв опцию Flip/Rotate или же Ctrl-R. Если вы допустили ошибку или у вас что-то не получилось, то для отмены последнего действия используется комбинация клавиш Ctrl-Z. Выбираем повернуть по горизонтали и соединяем линии, так чтобы обе стороны были симметричны.                И так у нас получился контур изометрического куба, осталось только добавить немного цвета.     Используемый цвет – зеленый. Для того чтобы создать ощущение трехмерности одного цвета из разных оттенков, принято чтобы в работе присутствовал источник цвета. Он должен правильно падать на объект освещая его, тем самым у объекта будет светлая сторона и темная сторона и тому подобное. В нашем примере источник света будет находиться в верхнем левом углу. Исходя из вышесказанного, самая темная сторона будет правая, более светлая - левая, а самая светлая - верхняя.                     
11	http://feedproxy.google.com/~r/blogspot/gyzwbP/~3/imEiiui6dWk/tutorialpixelart.html	Уроки Pixel Art	2013-02-22T22:20:11.637-08:00	tag: рекомендации пиксель арт endoftag tag: обучение пиксель арт endoftag tag: уроки пиксель арт endoftag tag: изометрия пиксель арт endoftag tag: пиксельная графика endoftag 	  Кевин и его рекомендации связанные с пиксель арт   Подготовка Линии Окраска Дизеринг Сглаживание    Переводы уроков PixelNascImpact     Изометрия в пиксельной графике и пирамида в изометрическом пиксель арт'е Цилиндр в пиксель арт, а также как нарисовать растением в пиксель арт. Учимся по шагам создавать домик в пиксель арт        Учебник Марка рассказывающий все азы пиксель арт'а       Подготовка к работе Общие навыки Отделка контуров     Рисуем деревья в пиксель арт'е       Как нарисовать дерево в пиксель арт      Рисование людей в пиксельном искусстве     Рисование мальчика в стиле пиксель арт Рисование девочки в стиле пиксель арт      А как нарисовать иконки?     Создание Pixel Icon Рисуем иконку женщины Рисование простых иконок   Все про изометрию   Изометрия в пиксель арт. Законы построения в изометрии Полное руководство по изометрическому пиксельному искусству  Текстуры в изометрии и пиксель арте  Рисование машины, людей и деревьев в изометрии Создание изометрического пиксельного автомобиля   Текстуры   Создаем текстуру камня  Рисуем текстура дерева        *Примечание этот список будет пополнятся с появление новых материалов в блоге     
12	http://feedproxy.google.com/~r/blogspot/gyzwbP/~3/zb5L7oEDnII/isogrid.html	Изометрическая сетка	2012-10-21T09:20:45.320-07:00	tag: уроки изометрии endoftag tag: изометрия пиксель арт endoftag tag: изометрическая графика endoftag tag: изометрический пиксель арт endoftag tag: изометрия endoftag 	   Глава 2. Изометрическая сетка  Вы можете думать об изометрической сетке в виде ряда квадратов, соединенных вместе, которые формируют большую площадь. На рисунке ниже показано, как обычная 2D сетка превратилась в изометрическую сетку. Нормальная сетка просто напросто крутилась бы если бы она находилась в 3D-пространстве, но так как это изометрическая сетка, то она превратилась в плоскость.      Для того, чтобы каждый отдельный квадрат на сетке, вписался в место, линии, соединяющиеся сверху и снизу, квадраты, должны быть точно такие же, как и линии. В изометрическом мире, есть два типа построения - "Тип А" и "Тип В"(см.ниже), которые используются в изометрическом строительстве.      В большинстве случаев, в изометрической сетке используется тип построения "B" для того, чтобы плитка и линии лежали ровно. Вы можете это увидеть, в приведенном ниже примере.      
13	http://feedproxy.google.com/~r/blogspot/gyzwbP/~3/nyCbDnub6xY/isoline.html	Правило построения линий	2012-10-21T08:59:05.535-07:00	tag: линии в изометрии endoftag tag: изометрия пиксель арт endoftag tag: изометрическая графика endoftag tag: изометрический пиксель арт endoftag tag: изометрия endoftag 	   Глава 2. Правило изометрических линий   Все простые изометрические линии используют правило, из которого можно получить идеально четкую линию. Смотрим рисунок ниже, и понимаем, как работает это правило.        Построение заключается в том, что когда вы рисуете линию, состоящую из двух по ширине пикселей, мы поднимаем её на один пиксель вверх или вниз. Но так как, это изометрия, мы её рисуем под наклоном. Угол изометрии равен 30°, но если рисовать по этому углу, то линия искажается. Чтобы предотвратить это, все придерживаются этих цифр-26,565° Ниже вы можете увидеть линию под углом в 30°.          Для начала, все что нам потребуется, так это знать, как строить изометрическую линию. Эту простую основную вещь, должен попробовать, нарисовать каждый. Со времен, практикуясь и поглядывая на примеры, можно добиться, превосходных результатов. Ниже приведены примеры, различных вариантов изометрических линий. Также вы можете рисовать горизонтальные и вертикальные линии, тем самым нарушая выше сказанное правило, но только в том случаи, если такая линия хорошо вписывается в вашу работу.       
14	http://feedproxy.google.com/~r/blogspot/gyzwbP/~3/6BQ-E84wV8w/lineiso.html	Линии в изометрии	2012-10-06T00:34:28.873-07:00	tag: линии в изометрии endoftag tag: изометрия пиксель арт endoftag tag: изометрическая графика endoftag tag: рисуем в изометрии endoftag tag: изометрия endoftag 	   Глава 2. Базовые линии  В данном разделе, мы будем обсуждать уже основы изометрического пиксель арта. Первое что мы должны понять, так это как нарисовать линию под изометрическим углом. Линии в изометрии могут быть направлены в разные стороны. Это все зависит только от вас.  При помощи изометрических линий можно придумать различные сложные конструкции и любые всевозможные фигуры. Ниже на рисунке, я создал самую простую изометрическую линию.       Отмасштабировав её ближе, можно увидеть, как формируется линия, а при исходном её размере, видно, что линия прямая и четкая.  
15	http://feedproxy.google.com/~r/blogspot/gyzwbP/~3/Rm8ph-zlEr8/isoidea.html	Идеи и Анализирование	2012-10-02T04:41:22.229-07:00	tag: уроки изометрии endoftag tag: изометрия пиксель арт endoftag tag: изометрическая графика endoftag tag: изометрический пиксель арт endoftag tag: изометрия endoftag 	  Глава 1. Идеи и анализирование.   Хороший способ начать любую изометрическую пиксельную работу, так это сделать предварительный наброски того, чего собираетесь рисовать. Записывайте любые идеи, которые вам приходят в голову, в течение дня, а после, как будете готовы создать новый  шедевр, выберите идею из своего списка. Это по-настоящему экономит время, чем если вы откроете Ms Paint и будете думать что же нарисовать. После того как вы выбрали нужную идею, следует её анализировать, прежде чем рисовать. С помощью поисковой системы, такой как Яндекс или Google, это можно выполнить. Например, давным, давно, у меня была идея, нарисовать различные миниатюрные римские деревни. У меня был в голове только один образ и не более. Я понятия не имел, какая структура таких зданий, какие цвета в них присутствуют и все прочие атрибуты. Я провел около 1-2 часов в интернете, пытаясь найти фотографии римских построек. В конце анализирования, когда я начал проектировать, все это мне очень помогло особенно, при добавлении оттенков в мою работу. Как или иначе, я так и не закончил работу над этой деревней, но я продолжаю использовать весь выше перечисленный процесс, по сей день.   
16	http://feedproxy.google.com/~r/blogspot/gyzwbP/~3/pGO4WSK76MI/needinstr.html	Необходимые инструменты	2012-09-29T10:25:59.099-07:00	tag: обучение пиксель арт endoftag tag: изометрия пиксель арт endoftag tag: изометрическая графика endoftag tag: изометрический пиксель арт endoftag tag: изометрия endoftag 	   Глава 1. Необходимые инструменты. Это хорошо когда мы прошли некоторые скучные вещи и вполне можем подойти к тому, как нарисовать изометрический пиксель арт. Для начала нам потребуется небольшая программа, которая есть в большинстве версий Microsoft Windows. Название её MS Paint (Microsoft Paint). Помимо этой программы, можно использовать и другие такие как, Adobe Photoshop, Paint Shop Pro, Graphics Gale, Pixel Editor..список можно продолжать долго. Для новичка сойдет и обычный MS Paint. Следует учесть если ваша работа предназначена для просмотра  на веб – страницах, то желательно сохранять её в формате GIF или PNG. Растровый формат файла, например JPEG, испортит, и при этом же увеличит размер вашей работы. В процессе нашей работы, нам понадобиться ещё одна программа, Microsoft PaintBrush, которую можно будет найти, на просторах этого блога. 
17	http://feedproxy.google.com/~r/blogspot/gyzwbP/~3/DAzHNzZk8PI/basiciso.html	Базовые знания для изометрии	2012-09-28T11:21:59.945-07:00	tag: изометрия пиксель арт endoftag tag: изометрическая графика endoftag tag: пиксель арт endoftag tag: изометрический пиксель арт endoftag tag: изометрия endoftag 	   Глава 1. Базовые знания.  Чтобы приступить к изучению, что же такое изометрический пиксель арт и как его рисовать, нужно иметь представление о том, как работать с компьютером. Как работать с мышью, клавиатурой и тому подобное. Это может показаться глупым, если бы вы не умели пользоваться компьютером, то маловероятно, что вы бы сидели и читали этот блог, и именно этот пост, но всё же существуют люди, которые не знают,  как обращаться с техникой. Также нам не помещает базовые знания, какой нить графической программы, например, MS Paint. В этой же программе мы и будим рисовать большинство времени.  
18	http://feedproxy.google.com/~r/blogspot/gyzwbP/~3/yse5pixk2B0/isobook.html	Введение в изометрию	2012-09-27T08:15:54.460-07:00	tag: уроки изометрии endoftag tag: isometric endoftag tag: изометрия пиксель арт endoftag tag: изометрический пиксель арт endoftag tag: iso endoftag tag: изометрия endoftag 	   Глава 1. Введение.  Изометрический пиксель арт, Isometric pixel art (IPA), является современным видом цифровой живописи, который был недавно утвержден, как новая форма искусства. Я уверен, что многие из нас, видели этот вид искусства, особенно в старых играх таких как «X-COM» или же «Ultima Online». Двухмерное представление трехмерного объекта является любимым и увлекательным делом для большинства людей. Скорее всего, это возможно лишь потому что, в изометрических работах есть много простых мелких деталей на которые дивно любоваться. 2D вид рисования очень простой и легче в освоении. Задача любой нарисованной работы,  чтобы она привлекала к себе хорошее внимание, и создавало положительное впечатление.  В изометрическом пиксельном искусстве изображения состоят из пикселей. Каждый пиксель имеет со всеми одинаковый размер но цвета у них могут отличаться. Конкретней, что такое пиксели, мы будем рассказывать в дальнейшем, когда коснемся инструментов, используемых для создания IPA.   
19	http://feedproxy.google.com/~r/blogspot/gyzwbP/~3/5mJ5P2MmCBQ/isometricpixelartbook.html	Полное руководство по изометрическому пиксельному искусству	2013-02-22T21:58:43.215-08:00	tag: уроки изометрии endoftag tag: обучение пиксель арт endoftag tag: уроки пиксель арт endoftag tag: изометрия пиксель арт endoftag tag: пиксель арт endoftag tag: изометрия endoftag 	   Данное руководство, достойно объясняет, что же такое изометрия и как рисовать её в пиксель арте. Руководство поделено на 7 глав, с которыми вы можете ознакомиться ниже. Это руководство переводиться, и со временем, будет выкладываться в блог.    ·       Глава 1  -Введение  -Базовые знания  -Нужные инструменты  -Идеи и анализирование    ·       Глава 2  -Базовые линии в изометрии  -Правило построения  -Изометрическая сетка  -Создаем первый изометрический куб  -Другие фигуры  -Комбинируем фигуры    ·       Глава 3  -Цвета  -Свет  -Контуры и освещение  -Различные стили контуров    ·       Глава 4  -Текстуры  -Трава  -Стекло  -Грязь и т.п  -Детализируем вашу работу    ·       Глава 5   -Рисуем человека в изометрии  -Основы строения и масштабирования  -Позы  -Контуры и Цвета  -Примеры для наглядности    ·       Глава 6  - Учимся рисовать стол в изометрии  -Настраиваем сцену  -Небольшой урок «Как нарисовать кухню в изометрическом пиксель арте»    ·       Глава 7  - Ваш дом или делаем изометрический проект больше  -Выводы  -Ссылки  
20	http://feedproxy.google.com/~r/blogspot/gyzwbP/~3/TyDuddzYn9E/dithering.html	Дизеринг	2012-09-09T01:30:59.882-07:00	tag: рекомендации пиксель арт endoftag tag: обучение пиксель арт endoftag tag: уроки пиксель арт endoftag tag: пиксель арт endoftag 	 Как я уже говорил раньше – сохранение цвета играет важную роль в пиксель арте. Иногда вам просто нужно добавить градиент на своего персонажа или же на основной фон. Однако вы можете не растрачивать сильно по этому поводу и использовать градиенты, которые включены в большинство программ рисования, но это может повлиять на количество цветов в вашей работе, более чем на 9000. Это действительно испортит вашу работу, особенно если вы захотите сохранить ее в формате GIF, и все же это просто напросто противоречит духу пиксельной графике.      Дизеринг позволяет создать градиент, который смягчает пиксельные цвета в вашей работе. Здесь я создал градиент из двух цветов, которые пересекаются в одной и той же области, словно создавая иллюзию одного цвета.      На рисунке показаны автоматический градиент и градиент, нарисованный от руки. Я узнал о сглаживающих узорах благодаря учебнику Дерека Ю. Помните пример дизеринга, который я показал, не единственный.     Вот наглядный пример когда я использовал сглаживание при рисовании луны    В некоторых случаях, дизеринг, добавляет текстуру. Многие художники новички, используют дизеринг неправильно, что в результате дает грубую поверхность на объекте. Правильно используемое дизеринг, придает вашей работе более детализированный вид, а не правильное, может только испортить её.     Дизеринг можно создавать различными способами.       Я использовал это на примере своего героя. Благодаря дизерингу, я создал некое сглаживание между различными оттенками, что кстати хорошо смотрится на Pix.  
21	http://feedproxy.google.com/~r/blogspot/gyzwbP/~3/HBJtrp8pg8c/colorinpixelart.html	Окраска	2012-08-11T06:48:22.677-07:00	tag: обучение пиксель арт endoftag tag: уроки пиксель арт endoftag tag: пиксельная графика endoftag tag: пиксель арт endoftag 	   Возможно самый важный аспект в пиксель арт’е -  раскрашивание. Выбирая цвета, старайтесь не повторять их слишком часто и не используйте цвета которые похожи с цветом который вы использовали ранее. Используя слишком много цветов, вы рискуете сделать свою работу более неаккуратной.  Выбор цвета       Будет хорошо, если вы заранее знаете, в какой цвет вы будите окрашивать свою работу. Лично я выбираю нужные цвета и создаю из них скат от самого темного до самого светлого и располагаю его недалеко от своей работы. Это очень удобно в любой момент вы можете использовать нужный для вас цвет или без промедлений поменять его.          Стандартное раскрашивание    Теперь, когда вы уже подобрали нужные цвета, раскрасьте ваш объект. Не волнуйтесь о штриховке затемнение и обо всем прочем в данный момент нам пока это не понадобиться. И так для пробы я дал своему персонажу темные уши и лапы, а светлыми сделал лицо и живот. Этот раскрас, более выражает моего персонажа хоть он и плоский.        Затемнение     Если вы поняли, как пользоваться обычными цветами, то приступайте заштриховывать свою работу. Обратите внимание на рисунок, там показаны виды штриховок. Левое затемнение называется "pillowshading". Не используете её никогда, она только испортит ваше творение. Затемнение показанное справа, является правильной на сегодняшний день. Его источник является свет, падающий с верхнего правого угла. Для своего персонажа я сделаю такое же затемнение. При рисовании старайтесь добавлять детали и по чаще экспериментируйте с цветами.                        Смягчение контуров     В некоторых случаях бывает, что черный контур, нужно заменить на определенный цвет, так как он будет лучше выглядеть на объекте и тем самым будет смягчать его. Обычно смягчение, делают, при помощи темноватого цвета, который схож с основным оттенком объекта.            Небольшой совет     Почти у всех редакторов растровых изображений есть такое цветное колесо, которое позволяет нам выбирать нужные или создавать любые цвета. Слева показано, как примерно это выглядит.Круг на внешней стороне представляет оттенок цвета. Квадрат внутри означает яркость и насыщенность цвета.Выбирая цветовой скат, хорошо  поэкспериментируйте с этим. Попытайтесь изменить некоторые оттенки. Сделайте, темные и светлые тона более насыщенней. Они помогут вашему изображению казаться менее плоскими и более яркими.            Самым лучшим скатом является третий, потому что в нем хорошо подобраны оттенки и правильно выбрана насыщенность.  
22	http://feedproxy.google.com/~r/blogspot/gyzwbP/~3/vfXcWOojCNI/blog-post_10.html	Линии	2012-08-11T02:25:56.805-07:00	tag: рекомендации пиксель арт endoftag tag: уроки пиксель арт endoftag tag: уроки пиксельной графики endoftag tag: растровая графика endoftag tag: пиксель арт endoftag 	   Начнем пожалуй с основ lineart. У всех различные методы рисований линий. Многие люди делают это при помощи планшета. Некоторые, рисуют эскиз на бумаге, затем  импортируют на компьютер и по нему рисуют свою работу. Я лично предпочитаю работать мышью. Экспериментируете, чтобы понять что для вас удобней.    Грубый эскиз     Используете мышь или планшет, либо что-то другое, чтобы схематически изобразить объект или сцену. Я здесь начал здесь рисовать подобие кошки. Давайте назовем его Pix.                Очистка      Увеличение масштаба вашей работы, поможет вам отчистить её. Выравнивайте линии, регулируете их длину, придавайте вашей работе более завершенный эскиз. Вы можете изменять свою работу на протяжении всех этапов рисования, так что не переживайте если вы заметили не все на первой отчистке. Старайтесь не использовать линии толщиной больше в 1 пиксель.        Небольшой совет      Это понадобится вам при рисовании линий. Идеально ровная линия строится под углами 90 или 45 градусов, как показано на примере 1,2. Компьютер показывает хорошо линии  только для этих углов. Другие хорошие линии как правильно сделаны из пикселей 2x1, 3x1 как показано на примере 3. Для кривых используете маленькие нарастающие линии как показано на примере 4. Используете их особенно там, где края. Избегайте неправильных, угловых линий пример 5. Они будут выглядеть неровно и криво.  
23	http://feedproxy.google.com/~r/blogspot/gyzwbP/~3/FDbTBpzVrh4/blog-post_9.html	Кевин и его рекомендации связанные с пиксель арт	2012-09-09T01:33:13.820-07:00	tag: рекомендации пиксель арт endoftag tag: обучение пиксель арт endoftag tag: уроки пиксель арт endoftag tag: пиксель арт endoftag 	 Перед началом предлагаю ознакомится с содержанием данной серии: 1)Подготовка 2)Линии 3)Окраска 4)Дизеринг 5)Сглаживание    Я собираюсь  предоставить вам некоторую информацию о том, как начать рисовать пиксель арт. Я буду показывать основы, определенные методы, и мои собственные мнения. Я не утверждаю, что я был гением пиксельных знаний, однако как бы не было, я настоятельно рекомендую почитать руководство Дерек Ю, которая помогла мне, когда я впервые начинал рисовать. Другой хороший источник информации пиксель арт’а, является Учебник Марка, который вы можете посмотреть здесь.  Инструменты для рисования   В основном, все, что вам понадобиться, это компьютер и программа которая, редактирует изображения. Я использую PaintShop Pro 7, но есть множество программ, которые позволяют свободно рисовать пиксельную графику:  Paint.net  GIMP  Ms Paint  Graphics Gale  Allegro  Все дело в удобстве. Какой вам нравится интерфейс и функциональность к той программе вы и привыкните.  Другие предложения    Множество художников рисуют свои работы в lineart с помощью планшета. Это тоже дело вкуса, но если оно вам создаст приятность, то лучше подумайте, как купить себе планшет для рисования.  Форматы файлов       Это пока последняя рекомендация, и её нужно как следует подчеркнуть. Всегда сохраняйте свою пиксельную работу в формате GIF или PNG. Никогда не сохраняйте в формате JPEG. Файлы GIF и PNG используют сжатие без потерь, а также файлы GIF поддерживают анимацию, но ограничивают цветовой палитрой в 256 цветов. PNG формат был разработан, в целях того, чтобы заменить GIF. Его преимущество – поддержка множество цветов, а также альфа прозрачность. JPEG, не предназначен для пиксельной графики, так как, он использует сжатие и тем самым, причиняет ущерб пиксельной работе.            
24	http://feedproxy.google.com/~r/blogspot/gyzwbP/~3/AQTbBidM9zI/blog-post.html	Изометрия в пиксель арт. Законы построения в изометрии.	2012-08-09T01:32:45.958-07:00	tag: уроки изометрии endoftag tag: изометрия пиксель арт endoftag tag: изометрическая графика endoftag tag: изометрический пиксель арт endoftag tag: изометрия endoftag 	  Для начала создания изометрических шедевров, нам понадобиться любой графический растровый редактор. Ниже я предлагаю вам некоторые варианты.      Adobe Photoshop  Graphics Gale  Adobe ImageReady  Pixel Editor  Для новичков может сойти и просто Microsoft Paint. Ну в общем редакторов достаточно много и у вас проблем с этим не должно возникнуть.      Что такое изометрия?   Изометрия-это представление объемного изображения на плоском экране, при котором размеры спроектированных деталей сохраняются по всем трём осям.    При рисовании изометрических объектов создается эффект трехмерности или грубо говоря 3D (без перспективных  искажений). В изометрии объекты не выглядят больше или меньше при приближении или удалении от наблюдателя. Обычные изометрические фигуры строятся под углом  30° к горизонтали, но в силу того что оси x и y не имеют аккуратной ровной линией используется другой угол 26.565°  к горизонтали. Образуется горизонтальная линия шириной в два пикселя и в высотой один пиксель при этом она не искажается при уменьшенном размере.      Виды построений в изометрии      Различается два основных способа построения объектов в изометрии.  Type A: Ближний угол рисуется двумя пикселями.  Type B: Ближний угол рисуется тремя пикселями.  Если вы собираетесь создавать отдельный объект не соединяя его не с чем то лучше использовать вариант «B»(если вы будете соединять то линии будут искажаться) и поэтому для соединений комбинации объектов используют вариант «A»    А какие линии то?     Эти линии довольно часто встречаются в пиксельной изометрии. С них и начинается построение.    
25	http://feedproxy.google.com/~r/blogspot/gyzwbP/~3/XLhQFNmTEiA/iconart.html	Рисование иконок	2012-08-08T23:52:33.186-07:00	tag: иконки пиксель арт endoftag tag: обучение пиксель арт endoftag tag: graphics gale endoftag tag: тень пиксель арт endoftag tag: pixel graphics endoftag tag: пиксель арт endoftag 	  Значок документа  Создайте новое изображение, атрибуты которого равны 20х20 пикселей. Установите нужный для вас цвет фона. Нажмите сочетание клавиш CTRL +0 для того что увеличить размер изображения на экране. Выберите инструмент «Карандаш» и установите размер рисования в 1 пиксель.   Рисуем, так как показано на рисунке выше. Небольшой совет, если вы будете удерживайте нажатой клавишу Shift, то во время рисования линии, вы будете проводить прямую линию. Теперь просто нарисуйте несколько линий посередине на нашей иконке.       Значок Корзины      Вы можете рисовать в одном и том же стиле как вам только будет удобно.                                                 Иконка письма, дома и лупы                                                                Ну в основном это всё. Обязательно пробуйте, практикуйтесь и придумывайте свои иконки.              
