Цифровая живопись

+40.50
15 читателей, 5 постов

О чем это сообщество?

Это сообщество посвящено растровому рисованию или рисованию в растровых редакторах, таких как Photoshop, SAI, Painter и других.
Здесь можно публиковать туториалы, видео, информацию по редакторам, освещать тонкости рисования и делиться интересными находками и приемами рисования и т.д и т.п.

sparkles Да здравствуют пиксели sparkles

Если вас интересует рисование в векторе, добро пожаловать в Magic Vector.

Как делают фоны для игр

Срыв покровов для желающих углубиться в гейм индустрию.
Все рисование в фотошопе на изометрической сетке. Для тех, кто не знает что это за зверь, тут описано как построить.

Сборка из нарисованных ранее элементов.


Рисование отдельных элементов.








Паттерны в Фотошопе с помощью смарт-объектов

На днях sunny Летта написала Как сделать растровый паттерн в Adobe Illustrator и признаюсь это суперское решение делающее все легко и изящно. Спасибо тебе Летточка что поделилась:) Вот только одно но, у меня Иллюстратор 5-тый, а посему паттерноделки у меня просто нету:(
Еще не найдя этой статьи от Летты я попробовала делать паттерны в Фотошопе с помощью смарт-объектов. Вот хочу поделится что у меня получилось, может кому ни будь будет полезно.
Итак по порядку:
1. Создаю файл размером скажем 5000х5000. Поцентру задаю фигуру квадрат на 4000х4000 это мой будущий паттерн. Дальше к краям квадрата ставлю направляющие (при включенной привязке к обектам). Фон выключаю — теперь фон у меня прозрачний. Это файл — заготовка который послужит основой для всех будущих моих паттернов. Называю файл скажем pattern_1 и сохраняю.
2. В меню файл выбираю — открыть как смарт-объект — открываю этот же файл и сохраняю, называя скажем pattern_1_3х3. Название условно, я назвала так, просто чтобы было понятно, что этот файл состоит как бы из 9 квадратов первоначального паттерна. В палитре слои будет находится смарт-объект файла pattern_1.
3. Теперь файл pattern_1_3х3 расширяю по размерам с помощью инструмента рамка (crop) до размера 12000х12000 (мне нужно уместить в него те 9 квадратов первоначального паттерна). Первый у меня уже есть, он по центру — остальные копирую и выравниваю для точного совпадения — это важно для того чтоб паттерн был бесшовным. Слой с первым смарт-объектом — первым белим квадратом — перемещаю поверх всех слоев.
4. На данном этапе у меня в Фотошопе открыты два файла pattern_1 и pattern_1_3х3 с которыми мне нужно работать одновременно. Для удобства я иду в панель окно — упорядочить- расположить две вертикально. Оба файла я открываю себе так, чтобы было видно белый квадрат, направляющие и чуть-чуть пространства вокруг.
5. Дальше первым делом в файле pattern_1 выключаю слой с белим квадратом — дальше мне он будет только мешать — и на прозрачное пространство между направляющими вставляю элементы будущего паттерна (они у меня все в PNG а в настройках Фотошопа стоит галка вставлять как смарт-объекты (это чтобы все элементы не теряли качества при роботе с ними) Теперь размещаю элементы как мне нравится и сохраняю файл pattern_1.
6. Дальше открытый рядом файл pattern_1_3х3 обновляется и мы получаем полностью составленный паттерн.

Пока что он с прозрачным фоном поэтому нужно в файле pattern_1_3х3 ниже всех слоев разместить квадрат 4000х4000 нужного цвета — наш фон.
Корректируйте ваш pattern_1 пока это нужно и каждий раз сохраняйте после коррекции, и не забывайте сохранять файл pattern_1_3х3 после каждого обновления(на всякий случай).
7. Когда паттерн готов в файле pattern_1_3х3 делаю обрезку по направляющим, и — сохранить как JPG указывая теперь уже финишное название паттерна, у меня это branches_1.Он помучится размером 4000х4000 как и планировалось.

8. После сохранения паттерна как JPG возвращаюсь в файл pattern_1_3х3 и отменяю действие обрезки. Сохраняю.
Итак файл pattern_1_3х3 я храню как шаблон для построения паттернов и чтобы сделать новый паттерн я просто открываю этот файл и нахожу среди слоев мой центральный смарт-объект. Двойной клик по нем открывает его как отдельный документ в котором проводиться вся работа с новым паттерном, а финишный результат сохраняется как JPG с файла pattern_1_3х3.
Прелесть работы со смарт-объектами в том, что все погрешности паттерна вы изменяете в файле pattern_1 и сохранив вы увидите как это выглядит в залитом паттерне в pattern_1_3х3 по сути в режиме реального времени.
Для меня этот способ оказался довольно удобным. Может и кому то из вас пригодится. :)

Как сделать растровый паттерн в Adobe Illustrator

Уже предчувствую как многие мне пальцем у виска покрутят, типа растровый паттерн в векторной программе, ага. Но объясню почему я пишу этот пост. В свое время у меня возникла яростная необходимость в создании растровых паттернов и я столкнулась с проблемой. Создавать паттерны в фотошопе конечно же можно, но эта программа заточена под другие нужды. А вот встроенная паттерноделка в иллюстраторе всегда приводила меня в восторг позволяя делать всякие узорчики быстро и просто. Ну иллюстратороголик я, что тут еще сказать. Есть еще такой момент, что я обычно делаю паттерны не по геометричным сеткам, а раскидываю объекты как попало и при любых способах в фотошопе, мне приходится постоянно перепроверять, нормально ли стоят объекты. Иллюстратор в этом отношении неслабо экономит время.

В общем Иллюстратор умеет работать с растровыми объектами и понимает прозрачный слой в PNG. То есть PNG остается прозрачным и несколько картинок можно спокойно накладывать друг на друга.

Для того, чтобы сделать паттерн, нам понадобятся объекты из которых он будет состоять в PNG. Берем свои прозрачные штуки и перетаскиваем в Иллюстратор, обратите внимание еще на то, что паттерноделка появилась начиная с CS6, поэтому ниже шестерки такой способ не получится. В галерее я продублировала все картинки из поста в размере побольше.



Сразу важный момент: не рекомендую делать рабочую область большой. Иллюстратор вставляет картинки как смарт-объекты и их качество не искажает (обычно исходные картинки у меня тоже большие от 2000 до 3000 px), поэтому можно на небольшой области сделать паттерн и экспортировать его в нормальном размере. Я делаю обычно паттерны 600*600 px, после экспорта 5000*5000 px.

После того, как перетащили, нужно сделать важную вещь, а именно нажать кнопку «Вcтроить» на верхней панели. Без этого сделать паттерн невозможно. После того, как картинки вставлены, при выделении у них будет обычная рамочка, без крестика внутри.





Далее выделяем все свои объекты и выбираем Объект > Узор > Создать как при обычном векторе. Открывается обычное окно и главное преимущество лично для меня, что я могу видеть паттерн целиком и сразу менять местоположение объектов. В фотошопе, чтобы увидеть паттерн большим куском, надо делать лишнюю кучу действий.





После того, как паттерн готов, нажимаем «Готово» на верхней панели. Дальше я вынимаю из свотчей кусок и прячу под обтравочной маской лишнее. Далее экспортируем с учетом монтажной области JPEG или PNG и вуаля, растровый паттерн готов!



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

Возможно кому-то такой способ покажется замудреным, но кому-то сэкономит кучу нервов и времени.

Что такое CG?



CG или CG Painting — это ничто иное как цифровое рисование или сокращение от Computer Graphic. К этому направлению относятся все картинки, нарисованные на компьютере или, как его еще называют, Digital.

В чем рисуют CG художники зависит от того, что именно они рисуют. Если грубо делить, есть растр, вектор и 3D. Вектор еще можно анимировать впоследствии.

Растр — прежде всего это Adobe Photoshop, в котором можно рисовать в растре, частично в векторе, создавать флэш-анимации, работать в технике фотоарта и коллажей.
Есть еще Corel Painter с огромным количеством разных кистей, имитирующих реальную живопись. Некоторые рисуют в менее популярных PhotoImpact, GIMP, SAI, Artweaver, Open Canvas, Art Rage, MyPaint, Krita. И, конечно в Paint, в котором, кстати, удобно пиксельную графику, говорят, рисовать.



Вектор рисуют в основном в Corel Draw и Adobe Illustrator. И тот и другой имеют свои преимущества и недостатки, но оба являются крупнейшими и самыми известными векторными редакторами.



У 3дэшников тоже есть выбор. 3D Max, Maya, ZBrush, Cinema4D – редакторы для 3D-моделирования. Для полноценного создания этого вида компьютерной графики требуется ОЧЕНЬ мощный компьютер.



Чем цифровая живопись лучше традиционной?
  • Очень высокая скорость работы и большой выбор материалов. Выбор нужного цвета — дело секунд (в отличие от традиционной живописи, где надо смешивать или докупать краски для получения нужного цвета — требует опыта и времени), выбор нужной кисти/инструмента — также почти мгновенная операция. Можно делать работы с имитациями масла, пастели, акварели или всего и сразу, что затруднительно в реальном мире.
  • Возможность отменять свои действия, а также возможность сохраняться в любом моменте своей работы и возвращаться к нему в последующем и ещё большой список возможностей и преимуществ — всё это делает работу художника в несколько раз быстрее при том же качестве.
  • Компьютерная работа сразу готова к использованию в цифровых технологиях кино, игр, вёрстки — работу, выполненную на материале красками, надо предварительно перенести в цифровой вид и здесь тоже много заморочек плюс дополнительный этап работы.
  • В отличие от традиционной живописи в цифровой имеются крутые и удобные функции инструментов и возможностей: например, работа со слоями или нанесение текстур с фотографий на нужные вам участки картины; генерация шумов заданного типа; различные эффекты кистей; HDR картины; различные фильтры и коррекции, и многое другое.

Тем не менее есть большая проблема, связанная с цветопередачей — трудности с выводом арта на материальные носители. Большинство мониторов работают в цветовой модели RGB с цветовым пространством sRGB, цветовые границы которого не совпадают с таковыми у типичного принтера, работающего в модели CMYK и имеющего собственные ограничения по цветовому охвату. Как результат — некоторые видимые на мониторе цвета не пропечатываются на бумаге, и в то же время весь потенциал принтера по его охвату не задействуется. Для решения данной проблемы используют профессиональные мониторы с цветовым пространством ARGB (Adobe RGB), специально разработанного, чтобы вместить почти все цвета доступные для принтера, а для наибольшего соответствия изображений на мониторе и носителе печати используют цветовые профили. Тем не менее, 100% совпадения достичь не получится, т.к. даже наихудшее пространство sRGB в некоторых областях цветов шире нежели многие CMYK-пространства.

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