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

Я использовала следующие инструменты:
- Photoshop CS3
- Планшет Wacom Graphire 3 USB (Голубой)

Шаг 1 : Я начала с эскиза. Затем я раскрасила поверхность земли. Здесь, как вы видите на готовом рисунке, много зеленой травы и она напоминает мне старую песню: "Зеленая Зеленая Трава у дома". Поэтому попытайтесь представить что-то в этом роде. Возможно, здесь неподалеку от маленького домика стоит старый дуб, под сенью которого вы так любили играть в детстве. Как только я определилась со сценой, я стала обдумывать цвета: основные и фоновые оттенки. Здесь я попыталась представить себе четкий образ. Я начала рисовать на пустом фоне, на который добавила несколько цветов. Я не люблю работать с рисунками, фон которых прост и невыразителен. Добавление различных цветов сохраняет интерес к изображению, а также помогает добиться нужного настроения.

Шаг 2 : Я добавила детали при помощи кисти с маленьким диаметром. Для этих иллюстраций я использую только те кисти, которые уже есть в Photoshop по умолчанию. Если хотите, вы можете загрузить другие кисти. Вот кисти, которые я использовала для этой иллюстрации. В моем рисунке я буду пользоваться только стандартными кистями. Перед тем как приступить к рисунку, вам нужно настроить свои кисти.

Шаг 3 : Теперь вам нужно выбрать основные цвета для вашей композиции. И вот мои цвета для данной иллюстрации. Как обычно я хочу создать очень яркий рисунок. Для фона я выбрала желтые и голубые оттенки. Все остальные цвета – для окружающей обстановки. Откройте другой файл и сохраните свои цвета. И пусть этот новый файл всегда будет открыт, пока вы рисуете.

Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.

Шаг 4 : Я решила убрать старую машину, которая стояла у дома. Она, правда, совсем сюда не подходит. Этот автомобиль не сочетается с остальными элементами рисунка. Поэтому мне пришлось стереть машину и нарисовать старый дуб вместо нее, возможно, вы захотите нарисовать какое-то другое дерево. Я сделала черновой набросок в цвете круглой жесткой кистью большого диаметра, а затем примерно нарисовала детали такой же кистью только с меньшим диаметром. Я также создала новый слой для травы и сделала грубый набросок.

Шаг 5 : Затем я приступила к более детальной прорисовке зеленой травы при помощи маленькой жесткой круглой кисти, а мягкой круглой кистью сгладила изображение... но позже я могу изменить это, например, там возможно появятся красновато-синие или желтые цветы. Но на данный момент, я думаю, что зеленая трава – это как раз, то, что нужно.

Шаг 6 : Когда я ищу подходящий цвет, я делаю так:

Шаг 7 : Теперь обратите внимание на то, как я рисую древесину. В этом уроке я не показываю множество типов древесины. Здесь представлены только два вида: один для двери, а второй – для забора.

Шаг 8 : А теперь позвольте мне изменить размер холста. Как видите, если хотите получить рисунок с большим количеством деталей, то вам придется работать на холсте большого размера (примерно 2000 или 2600 пикселей).

Шаг 9 : Добавьте детали, используя маленькую кисть. Здесь обратите внимание на то, как я прорисовываю детали крыши.

Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.

Шаг 10 : На следующих этапах, я собираюсь создать еще несколько слоев для зеленой травы. Причина создания нескольких слоев заключается в том, что позднее вам нужно будет откорректировать рисунок. Гораздо проще исправить ошибки, если основные элементы вашего рисунка представляют собой отдельные объекты. Я вчерне раскрасила рисунок при помощи большой жесткой круглой кисти, а затем добавила детали такой же кистью, но уже с меньшим диаметром. Я также создала новый слой для волос и сделала грубый набросок. Возвращаясь к вопросу о том, как рисовать траву. Просто кликните на значок кисти, выберите другой цвет и рисуйте так, как показано на моих эскизах. Затем просто повторяйте одно и то же действие.

Шаг 11 : Теперь пришло время приступить к детализации облаков. Рисуя облака, я придала форму белым цветом на отдельных слоях, а затем изменила режим наложения слоя на Наложение (Overlay) для того, чтобы этот эффект был заметен на рисунке. И я использовала только два слоя для облаков. Один цвет – в качестве базового, а другой – для увеличения яркости фона. Попытайтесь найти баланс, комбинируя разные формы кистей, и попробуйте нарисовать облака при помощи нанесения разных штрихов. Вам также нужно определить свет и тени. В этом вопросе вам помогут фотографии настоящего неба. Просто поищите в Google разные формы облаков.

Шаг 12 : Я также хотела добавить немного яркого солнечного света и других деталей, таких как, например, вспышка молнии. После нескольких попыток, я остановилась на том варианте, который изображен на моем рисунке. На этом этапе это выглядело достаточно приблизительно, но я вернусь к этому позже. Я также должна отметить, что каждый элемент рисунка оказался на отдельном слое, что позволило мне быстро выбрать нужный объект и с легкостью изменить цвета. Нажмите Command+Клик (на Mac) или Control+Клик (на Windows) на значке слоя в палетке "Слои" ("Layers") для того, чтобы выбрать непрозрачность (opacity).

Шаг 13 : Настройки. Это очень важно. Вы можете подобрать нужный цвет и тем самым изменить всю атмосферу. Теперь я использую Баланс цвета. После этого я изменила яркость и контраст. Вы заметите, как изменится световой эффект.

Выводы :

Теперь пришло время закрыть Photoshop. Я надеюсь, вам понравилось! В качестве завершающего штриха, я добавляю фильтр "Умная" резкость (Smart Sharpen) на плоский рисунок, для того чтобы получить более четкие, резкие линии. Это помогает выделить мелкие детали, такие как блики. Я надеюсь, чтение этого урока доставило вам удовольствие.

Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.

Микростокер и иллюстратор Ольга Захарова рассказала несколько способов, которыми она пользуется при создании очередной иллюстрации на продажу или для коммерческого заказа. Способы просты и, наверняка, большинство практикующих иллюстраторов о них знает, однако, все они сопряжены с нюансами, на которые стоит обратить внимание.

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

Сейчас стало труднее. Потому что этап «новичковости» уже прошел, и очень многие вещи мне кажутся настолько очевидными, что пока кто-то из новичков не начинает задавать про них вопросы, мне не приходит в голову о них написать. Поэтому, ребята, не стесняйтесь писать комментарии, задавать все вопросы, даже те, которые кажутся глупыми (глупых вопросов не бывает).

Три картинки - три разных способа создания. Угадаете, где какой? :)

Это я все к тому, что меня тут как-то недавно спросили - а как удобнее обрисовывать картинку в Иллюстраторе?

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

Трейс / Image Trace

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

Трейс картинки осуществляется с помощью панели image trace (верхняя панель Window - Image Tace) - просто помещаете свой скетч на рабочую область, открываете панельку, в выпадающем меню выбираете один из пресетов (у всех разные настройки, выбрать лучший можно методом тыка) - например, sketch - и через минуту-другую ваш файл превращен в вектор. Потом нужно только не забыть удалить “мусор” - разные пустые пути, которые образуются в процессе. Для этого не снимая выделение с оттрейсенного объекта надо пойти в верхнее меню Object - Path - Clean Up.

Трейс готов! Как говорили на одной моей прошлой работе “нажал кнопку - и в кассу”. Но, увы, все не так просто.

Результат трейса выглядит круто только тогда, когда исходная картинка-скетч была высокого качества (четкие линии с минимумом рукодрожания, не ворсистыми линиями и тп), потом она была сканирована с приличным DPI и хотя бы немного обработана в фотошопе (выбеливание фона, добавление контраста). Во всех остальных случаях трейс требует доработки.

Я делаю так: включаю видимость путей (cmd+H), выбираю контрастный цвет для них по отношению к обводке (двойной клик по названию слоя) - и, увеличив картинку до 200-300% проверяю аккуратность линий. В этом мне сильно помогают обычный карандаш - он мне нравится больше, чем сглаживающий - и плагин от Astute Graphics Smart Remove Brush Tool, которым можно удалять лишние точки, минимально изменяя линию.

Тут важно не переусердствовать в “вылизывании” картинки - если вам нужно идеальные ровные линии - быстрее использовать один из инструментов, о которых речь пойдет ниже. Трейс разумно использовать тогда, когда хочется сохранить эффект “нарисованности вручную”.

Я на данный момент использую трейс только для цитат вроде такой:

Плюсы и минусы трейса:

Можно относительно быстро превратить хороший скетч в векторную картинку с сохранением hand drawn эффекта

– Нужно потратить время, чтобы обработать
– Весь объект уже векторный, то есть труднее поменять толщину линий
– Линии не будут идеально ровными (это же и плюс)

Мой вердикт таков - использовать трейс надо с умом, применяя его ни ко всему подряд, чтобы сэкономить время на обработку, а к избранным картинкам, чтобы сохранить “ручной” эффект и некую небрежность линий.

Блоб браш / Blob Brush

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

У этого инструмента так много поклонников, что мне даже как-то неловко признаваться, что я его не люблю и практически совсем не использую. Это вызывает у людей примерно такие же эмоции, как когда я говорю, что мне не нравится “Мастер и Маргарита”. Но что есть - то есть:) Примеры употребления блоб браша в моем портфолио можно найти только на очень-очень старых картинках, которые, скорее всего, будут удалены во время следующей чистки.

Одна из моих первых картинок, нарисованная блоб брашем

Блоб брашем можно рисовать линии также, как вы это делаете фломастером на бумаге (сравнивать с кистью, мне кажется, не совсем верно, тк прозрачность блоб браша не регулируется нажимом), при условии, повторюсь, наличия планшета.

Плюсы и минусы блоб браша:

Облегчает художникам переход с растра на вектор
+ Имитирует “живое” рисование

– Нужен планшет, чтобы оценить всю прелесть (и умение рисовать тоже не помешает)
– Толщину линий можно задавать только перед рисованием, как только линия проведена - она по сути является векторным объектом с заливкой, - как и в случае с трейсом регулировать толщину постфактум сложно

Пентул / Pentool

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

Почему-то мне видится, что блоб брашем больше рисуют девочки, а пентулом - мальчики, потому что он такой строгий и серьезный. И да, это мой любимый инструмент. Правда, не стандартный пентул, а апгрейд от Астуте Графикс под названием Вектор Скрайб.

Плюсы и минусы пентула:

Чистые и аккуратные линии
+ Можно регулировать толщину нарисованных линий/картинки в любой момент за пару секунд, пока не сделан экспанд (который нужно делать перед отправкой на стоки, но лучше сохранять в рабочем файле неэкспанднутую копию)
+ Пентул - отличный способ создавать картинки на стоки для тех, кто не умеет рисовать в классическом понимании этого слова

– Все рисование сводится к расстановке точек и повороту ручек - многих креативных людей это напрягает
– Полезно также освоить инструмент Shape Builder Tool и панель Pathfinder, потому что обычный ластик удалить лишнее не поможет
– Чтобы научиться уверенно обращаться с пентулом, нужно освоить какое-то количество теории и много, много практиковаться, при этом первое время линии будут получаться кривоватыми и на отрисовку будет уходить много времени

Кисточка (обычная) / Brush

Компромисс между пентулом и блоб брашем для тех, кто хочет проводить линии, а не ставить точки, и при этом иметь больший контроль над тем, как линия выглядит.

Что на линию, проведенную кистью, что на “пентульную” можно “насадить” огромное количество самых разных кистей - из стандартной библиотеки (правда, официально на стоки их использовать нельзя), либо!! своих собственных, каждый раз получая новый результат. Потом нужно не забыть все это дело отэкспандить (то есть превратить в вектор с помощью команды Object - Expand).

Плюсы и минусы кисточки:

Сохраняется возможность редактирования линий и можно рисовать руками (не точками)

– Нужен планшет
– Линии почти всегда получаются не такими, как хочется, - может у меня руки кривые, но по моим ощущениям тот же блоб браш позволяет точнее контролировать линию

У блоб браша и кисточки есть свои индивидуальные настройки, добраться до которых можно, дважды кликнув по конкретному инструменту в левой панельке.

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

Простые геометрические формы

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

Посмотрев курс Illustration for Designers: Create Your Own Geometric Animal (Иллюстрация для дизайнеров: Создайте свое собственное геометричное животное) на Skillshare я переосмыслила роль форм в картинках и мне стало интересно научиться видеть формы в объектах. Так родилась серия животных, которую я скоро планирую продолжить:

Плюсы и минусы рисования формами:

Линии получаются идеальными, не нужно думать о том, куда поставить точку и как потянуть за ручку

– Перестроиться на «мышление формами» большинству людей очень сложно
– Все равно придется использовать дополнительные инструменты - пентул, панель пасфайндер или шейп билдер тул

Примерно 80% моих текущих картинок нарисованы плагином InkScribe - тот самый аналог пентула от Astute Graphics, о котором я уже говорила (я, кстати, планирую написать отдельный пост про астутовские плагины, как только меня перестанет пугать потенциальный размер этого поста).

Остальные 20% - это трейс, простые формы и иногда - Dynamic Sketch Tool. Это что-то вроде карандаша, только более аккуратный и с большим количеством настроек (опять же, астутовский).

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

В моей Виртуальной школе уже не первый год проводятся курсы и тренинги по работе в Adobe Illustrator . Еще в 2012 году я записал небольшой видеокурс «Adobe Illustrator на раз-два-три», который до сих пор бесплатно раздаю своим подписчикам.

Затем, в 2014 году, вместе со своей командой я запустил онлайн-тренинг по созданию векторных иллюстраций для микростоков. Тренинг оказался очень востребованным и успешным - мы 4 раза набирали группы по 50-70 человек.

За время прохождения курса многие наши студенты смогли не только создать качественные портфолио - они действительно начали зарабатывать на микростоках!

Несколько работ участников тренинга

Для просмотра изображения целиком кликните по его миниатюре

Выпускники нашего тренинга по Adobe Illustrator часто спрашивали меня, не планирую ли я подготовить новый тренинг для продвинутых иллюстраторов .

Вопрос вполне закономерный, ведь в векторной иллюстрации, как и в дизайне, нет предела совершенству!

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

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

Чтобы ваши работы заметили, они должны чем-то отличаться, иметь свою «изюминку» .

Для этого существует 2 пути:

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

Путь второй: найти нишу с относительно небольшой конкуренцией и стать в ней одним из лучших.

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

Но как найти такую нишу? И как понять, что вы действительно можете добиться в ней успеха?

Однажды, в процессе поиска материалов для уроков по работе с градиентной сеткой в Adobe Illustrator, я нашел в Сети иллюстрации Андрея Панченко .

Кроме «взрослой» тематики в портфолио автора я увидел много забавных «мультяшных» персонажей - в основном иллюстрации милых зверюшек с большими глазами и застенчивыми улыбками. Качество и привлекательность этих персонажей также не вызывали сомнений в мастерстве автора.

Я отыскал работы Андрея на нескольких стоковых сайтах и обнаружил,
что они имеют хороший рейтинг - не случайно они выдаются на первой странице Google при поисковых запросах на тему детских рисованных персонажей.

Я решил списаться с Андреем и обсудить возможное сотрудничество. Оказалось, что создание персонажных иллюстраций - довольно прибыльная стоковая ниша, поскольку, в отличие от других, в ней пока не так много конкурентов.

Первую свою иллюстрацию на микростоках Андрей продал 9 лет назад, когда в его портфолио было лишь несколько базовых работ. Причем, работ далеко не «убойных». Андрей сам сегодня говорит, что тогда он мало что умел. Тем не менее, с тех пор его иллюстрации продаются практически каждый день и приносят автору стабильный доход, на который никак не влияют колебания курса рубля к доллару!

Также я узнал, что Андрей и сам давно подумывал о том, чтобы заняться обучением других, даже записал несколько роликов для YouTube, но вот до чего-то большего - руки не дошли… Словом, он с готовностью согласился стать одним из преподавателей нашей Виртуальной школы.

Знакомьтесь:
Андрей Панченко
Художник-иллюстратор,
микростокер.

«Я занимаюсь иллюстрацией около 10 лет. Вначале это было хобби, теперь же это моя основная профессиональная деятельность.

Участвовал во многих фриланс-проектах, в частности, выполнял работы для канала Дисней. Работал с несколькими крупными мебельными фирмами, такими как ОАО «Вектор» и «Лидер», над оформлением дошкольной продукции.

В настоящее время продаю свои иллюстраци на микростоках – активно работаю почти со всеми крупными микростоками и рисую иллюстрации на заказ».

Портфолио Андрея:

Мы решили подготовить новый тренинг по теме создания персонажных иллюстраций . Почему именно по этой теме?

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

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

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

Я уверен, что начинающим иллюстраторам будет необыкновенно полезно получить у Андрея уроки мастерства.

Самое интересное, что в своей работе Андрей сознательно не использует графический планшет - все иллюстрации он рисует обычной мышкой! Более того, у него вообще нет планшета. Тем самым он наглядно развенчивает миф о том, что качественные иллюстрации можно создавать только с помощью планшета Wacom.

Не забудьте включить звук на вашем компьютере

На разработку и создание курса у нас ушло более полугода. В результате, Андрей записал 30 подробных видеоуроков, в которых детально показал процесс создания профессиональной персонажной векторной иллюстрации - от карандашного наброска до финальной реализации в Adobe Illustrator.

В течении последних нескольких недель я пробовал пользоваться полутоновыми фильтрами, мне был интересен результат и на что они способны. К тому же, к большому удивлению, я обнаружил инструмент Width Tool в Illustrator CS5. Имея эти два инструмента я решил найти им применение и создать иллюстрацию в стиле Роя Лихтенштейна.

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

Рой Лихтенштейн (Roy Fox Lichtenstein; 27 октября 1923 - 29 сентября 1997) - американский художник, представитель поп-арта. Успех художнику принесли его работы на темы комиксов и журнальной графики. Википедия

Шаг 1

Начнем с работы в Иллюстраторе.
Откройте фотографию в иллюстраторе с которой вы будете работать. Эту я нашел на Shutterstock , но вы можете выбрать любую другую.

Шаг 2

Выберите Pencil Tool (N) и начните рисовать поверх фото, используя его как фон. Я начал с глаз. Для зрачков использовал Эллипс (L).

Шаг 3

Продолжайте рисовать с помощью Pencil Tool (N) и Pen Tool (P), чтобы добиться большей точности, но не увлекайтесь, т.к. здесь не требуется идеальность.

Шаг 4

С помощью Pencil Tool (N) обведите контур волос девушки:

Шаг 5

Затем, этим же инструментов добавьте немного деталей для волос:

Шаг 6

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

Шаг 7

Удалите фоновую фотографию чтобы работать только с векторными элементами:

Шаг 8

Один из моих любимых инструментов в Иллюстраторе это Width Tool (Shift+W). Он позволяет изменить ширину штриха части нашей обводки. Посмотрите, это просто фантастика!

Шаг 9

Используя тот же инструмент, измените ширину некоторых штрихов примерно как здесь:

Шаг 10

Пришло время добавить немного цвета. Я использовал бежевый для кожи, желтый для волос, белый для глаз и черный для деталей. Блузка пусть будет зеленая:

Шаг 11

Теперь перейдем в Фотошоп. Откройте в Фотошопе текстуру бумаги. текстуру я нашел там же где и девушку, на Shutterstock.

Шаг 12

Поверх текстуры бумаги, создайте слой и наложите фото девушки с параметрами наложения Multiply. В данном случае она нам пригодится для импорта вектора из Иллюстратора и для создания полутонов.

Шаг 13

Обрежьте лишние части фотографии, которые выступают за края текстуры бумаги. Лучший способ сделать это, использовать маску слоя:

Шаг 14

Создайте новый слой под слоем фотографии девушки, но внутри той же папки с нашей маской. Измените режим наложения нового слоя на Multiply и залейте его голубым цветом:

Шаг 15

Скопируйте векторное изображение в иллюстраторе и вставьте в Фотошоп. При вставке я использовал опцию «Smart Objects», т.к. это позволяет редактировать вектор в любой момент прямо в Фотошопе.
Как вы наверное заметили, я установил прозрачнось нового слоя в 70%, благодаря чему можно установить необходимое расположение слоя:

Шаг 16

Как только вы найдете необходимое расположение, сделайте слой непрозрачным (100%):

Шаг 17

Измените порядок слоёв таким образом, чтобы фотография девушки находилась поверх векторного слоя. После этого обесцветьте фото (Image > Adjustments > Desaturate). У вас получится черно-белое фото, примерно как у меня.
Затем перейдите к редактированию уровней (Image > Adjustments > Levels).
Измените черный канал до 60 и белый до 195.
Задайте нашему слою режим наложения на Multiply:

Шаг 18

Выберите Filter > Pixelate > Color Halftone. В открывшемся окне укажите максимальный радиус 15 и значение 199 для всех каналов.
Примечание: в зависимости от размера иллюстрации пропорционально изменяйте максимальный радиус.

Шаг 19

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

Шаг 20

Поместите текстуру бумаги поверх всех слоев нашей иллюстрации и установите режим наложения Linear Burn:

Заключение

Иллюстрация готова. Здесь уже подчищены от полутонов зубы и глаза.
Таким же образом, вы можете использовать полутона для создания иллюстраций в стиле Роя Лихтенштейна, как в нашем эксперименте.
Спасибо за внимание.

Это топик является переводом

Для этого нужен специальный сайт:https://steam.design/ . Ищем на торговой площадке любой фон который ван нравится, и жмякаем показать в полном размере. В браузере показывается фон в полном размере и копируем ссылку. Далее вставляем в это поле, которое показано на скрине и нажимаем Change BG

Затем нажимаем кнопку, которая отмечена на скриншоте.

Затем качаем этот фон и размещаем на рабочий стол например. Там будет 2 файла Midle и Right Top они нам и понадобятся. Установить аватар вы можете по желанию. Кнопка Download ZIP

Браузер

Чтобы сделать длинную иллюстрацию заходим в абсолютно браузер и заходим в стим, где авторизуруемся. Заходим в иллюстрации через профиль.

Далее нажимаем загрузить иллюстрацию, не из игры, выбираем картинку Midle, которая у вас на рабочем столе, называем как хотим, но лучше отметить как точку. Подверждаем галочкой внизу. И пока не нажимаем загрузить.

Нажимаем в любом месте правой кнопкой мыши: Просмотреть код. И видим такую картину.

Нажимаем на кнопку Console которая выделена в рамку.
И вписываем туда такой код document.getElementsByName("image_width").value = 999999;document.getElementsByName("image_height").value = 1; жмём Enter и всё.
Нажимаем загрузить и у нас изображение получилось, как вытянутое. Повторяем те же действия с файлом Rigth Top. Если вы это всё сделали, то идём дальше.

Последний шаг. Загрузка.

Заходим в приложение стим. Нажимаем в профиле,Редактировать профиль"". Затем листаем вниз и ищем витрины. ВАЖНО! если уровень выше 20, то витрина иллюстраций должна быть на 1 месте.
Далее загружаем изображение в витрине, только само изображение не будет видно, нажимаем наугад, если широкое то попали правильно. Midle в середину. RightTop грузим вправо и самая первая ячейка. Нажимаем сохранить изменения, заходим на свой профиль и радуемся.

Завершение

Вот что должно получится после проделования данных шагов.