Виды артов в фотошопе: 20 Лучших Художественных Фото Эффектов в Photoshop (Арт Экшены PSD)

Содержание

20 Лучших Художественных Фото Эффектов в Photoshop (Арт Экшены PSD)

Создавайте профессиональные художественные фотоэффекты с помощью этих экшенов Photoshop.

20 Лучших Художественных Фото Эффектов в Photoshop


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

В сегодняшней подборке тщательно отобранных ресурсов, мы представляем вам 20 лучших художественных фотоэффектов от Envato Market и Envato Elements.

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

Преобразуйте застывшую шакалу времени с помощью ярких и уникальных эффектов. Просто откройте эти шаблоны в Adobe Photoshop, чтобы сразу приступить к работе!

Хотите увидеть эти ресурсы в действии? Тогда просмотрите наши примеры ниже.

Создаём Быстро Потрясающие Фото Эффекты: Смотрите Наши Примеры!


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

Luster Oil Paint

Используйте этот экшен на любой фотографии для создания красивого эффекта масляной живописи. Создайте профессиональные арт портреты с помощью этого экшена luster oil Photoshop. Подходящий для Photoshop версии CS5 и выше, этот экшен Photoshop создаёт привлекательные изображения за считанные секунды!

Я протестировала данный экшен на этом прекрасном женском портрете от Pixabay. После установки экшена, мне в действительности не пришлось что-то делать, кроме как нажать кнопку воспроизведения. Посмотрите на мой результат ниже.

Hand Drawn Photoshop Action

Посмотрите, как ваши любимые фотографии будут выглядеть как чудесные карандашные рисунки. Этот экшен Photoshop универсален и легко настраивается.

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

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

Хотите увидеть больше вариантов? Тогда ознакомьтесь с остальными потрясающими ресурсами, которые приведены ниже.

Concept Art Photoshop Action

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

Paintum Photoshop Action

Нарисуйте великолепные картины животных и людей с помощью этого экшена Paintum Photoshop. Этот экшен, разработанный для всех творческих проектов, создаёт профессиональный стиль с помощью простого в использовании инструмента. Никаких дополнительных шагов не требуется — просто запустите экшен, чтобы получить блестящий эффект.

Artistic Pixel Sorter Photoshop Actions

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

Watercolor Artist Photoshop Action

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

Watercolor Art Photoshop Action

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

Blood Art Photoshop Action

Создайте унылый, вампирский стиль с этим знойным экшеном Photoshop. Этот уникальный экшен создаёт эффекты крови, он смешивает эффекты чернил и брызг с яркими цветовыми пресетами. Дополнительно улучшите свои окончательные результаты, воспользовавшись хорошо организованными слоями.

Tekniq Photoshop Action

Покажите свою фантастическую технику с помощью этого художественного экшена Photoshop. Этот экшен смешивает эффект лёгкого эскиза с абстрактными линиями для создания приятной, современной эстетики. Используйте его для создания потрясающих обоев для своего телефона или компьютера, или для создания креативного портрета. Насладитесь экшеном!

Vertical Line Painter Photoshop Actions

Изображение профиля в стиле Moody или выразительное абстрактное искусство? Протестируйте свои фотографии для создания нового стиля с помощью этого безупречного экшена Vertical Line Painter. Он создаёт профессионально выглядящие художественные эффекты, подходящие для любой картины, которая у вас есть. Быстро получите результаты без потери качества изображения!

Canvas 2 Photoshop Action

Исследуйте различные текстуры и эффекты с помощью этого экшена Canvas 2 Photoshop. Это идеальное решение для начинающих изучать Photoshop, он поможет вам создать невероятную текстуру и многое другое за счёт одного простого действия. Он протестирован на версиях CS3 и выше. Вы обязательно захотите применить этот экшен!

Ink Art Photoshop Action

Если вы любите каллиграфию, то вам понравится этот экшен Ink Art Photoshop. Создайте интересную обложку для журнала или информационного бюллетеня с этим двухступенчатым экшеном. Примените фантастические бумажные текстуры и чернильные брызги, не перегружая картину. Отлично подходит для портретов и городских пейзажей!

Mixed Art Photoshop Action

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

Tattoo Photoshop Action

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

Abstract Scatter Photoshop Action

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

Abstract Photoshop Action

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

Modern Photoshop Action

Удивите своих фанатов этими захватывающими геометрическими результатами! В этом современном экшене Photoshop есть полностью редактируемые слои, которые вы можете настроить в считанные минуты.

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

ModernArt 3 Photoshop Action

Нужен новый рекламный материал с потрясающим стилем? Тогда рассмотрите этот современный арт экшен Photoshop. Создайте красочные брызги с помощью этого экшена, воссоздавая аккуратный акварельный стиль, который вы можете применить к портретам, животным и объектам. Протестировано в версиях Photoshop CS3 и выше, этот экшен обязательно должен быть добавлен в ваш арсенал.

Pixel Shatter Photoshop Action

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

Попробуйте!

Покажите Нам Свои Художественные Фото Эффекты!


Уже попробовали какой-либо из этих ресурсов? Тогда дайте нам знать! Расскажите о своих любимых художественных фотоэффектах Photoshop в комментариях ниже. А также ознакомьтесь с другими обзорами потрясающих ресурсов!

  • Adobe Photoshop

    20 Эффектов VHS и Глюков Включая Цифровые Арт Стили Photoshop

    Melody Nieves

  • Фото Эффекты

    20 Потрясающих Фото Эффектов Photoshop для Добавления Стиля и Блеска

    Melody Nieves

Это была коллекция премиум класса ресурсов для заядлого дизайнера и фотографа. Ещё больше потрясающих художественных фото эффектов Photoshop вы можете найти на Envato Market и Envato Elements или обратитесь за дополнительной помощью по созданию эффектов к талантливым профессионалам, выбрав одного из замечательных дизайнеров на Envato Studio. Желаю вам хорошо провести время за творческим процессом!

Как делать арты и поп-арт в Photoshop.

Сборник лучших компьютерных программ для рисования артов Как делать арты в фотошопе

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

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

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

Artweaver

Эта программа для создания артов очень сильно похожа на Adobe Photoshop . В ней есть всё, что и в фотошопе — слои, коррекции, те же инструменты. Но не все инструменты доступны в бесплатной версии, и это является немаловажным минусом.

ArtRage

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

Paint.NET

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

Inkscape

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

GIMP

Этот графический редактор является еще одной копией Adobe Photoshop, но в нем есть несколько отличий. Правда, эти отличия, скорее, поверхностные. Тут тоже имеется работа со слоями, коррекция изображения и фильтры, но есть и трансформирование изображения, причем, доступ к нему осуществляется довольно легко.

Paint Tool Sai

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

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

Все знают, что Adobe Photoshop позволяет творить с фотографиями и изображениями всё что угодно. Большинство пользователей прибегает к использованию Фотошопа только, когда возникает необходимость сделать ретушь , подкорректировать кожу и лицо. Однако, вы также можете делать очень интересные и необычные эффекты для фотографий. Эффектов существует множество и рассказать про каждый невозможно. В этой статье разберёмся, как сделать арт из фото в Фотошопе. Давайте же начнём. Поехали!

Интересные эффекты в действии

Для примера возьмем снимок известного актера

Первым делом необходимо выбрать фотографию, с которой вы будете работать. Далее, создайте дубликат слоя. Обратите внимание, что лучше всегда работать с дубликатом, а не с самим изображением. Теперь перейдите к меню «Filter» (Фильтр) и в появившемся списке нажмите «Blur» (Размытие). Выберите пункт «Smart blur» (Умное размытие). В открывшемся окне необходимо задать желаемые параметры. В разделе «Quality» (Качество) выберите «High» (Высокое), а в разделе «Mode» – «Edge Only» (Только края). Двигайте ползунки «Radius» и «Threshold», чтобы получить желаемый результат. Выбирайте значения близкие к 8 для «Radius» и 48 для «Threshold».

Выставляем параметры близкими к тому, что показаны на примере

На следующем шаге необходимо инвертировать полученное изображение. Чтобы сделать это, воспользуйтесь комбинацией клавиш Ctrl+I. Теперь можно отключить текущий слой. Над слоем с оригинальным фото создайте новый и залейте его белым цветом.

Далее, создайте в отдельном документе горизонтальные линии . Воспользуйтесь комбинацией клавиш Shift+Ctrl+Alt, нажимая стрелку вправо для копирования линии. Скопируйте их около 20 и более штук. Объедините вместе все линии, а после разверните их под углом 45 градусов.

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

Теперь нужно в точности повторить последние два шага только с линиями, наклонёнными в противоположную сторону.

Вернитесь к основному документу и сделайте дубликат слоя, после чего поместите его над белым слоем. Откройте меню «Image» (Изображение), нажмите «Adjustments» (Коррекция) в выплывающем окне. Затем выберите пункт «Threshold» (Изогелия). В соответствующем окошке задайте значение уровня. Оно должно быть близко к 118. В принципе можно остановиться на этом шаге, но давайте пойдём дальше и используем сделанные заготовки с линиями.

Коррекция изображения в изогелии

Перейдите к стилю слоя и отметьте птичкой пункт «Pattern Overlay» (Перекрытие узора). В разделе «Blend Mode» (Режим наложения) установите «Lighteen» (Светлым). Далее выберите созданный вами ранее полосатый узор.

Основной эффект достигается именно сочетанием наклонных линий

Теперь нужно преобразовать слой в смарт-объект. Щёлкните по слою правой клавишей мыши и выберите «Convert to smart Object» (Сгруппировать в новый смарт-объект). Установите «Multiply» (Умножение) в режиме наложения слоя.

Создайте новый дубликат оригинального слоя, переместив его наверх. Примените к нему изогелию, сделайте перекрытие слоя и преобразование в смарт-объект аналогично предыдущим шагам, только теперь задайте значение уровня изогелии равное 100, вместо 118, а при перекрытии слоя используйте узор с обратной полоской. Включите тот слой, который отключали в самом начале. Готово.

После этого вы можете добавить какую-либо текстуру. Примените её к полученному изображению путём наложения, выбрав режим «Multiply». Настройте уровень прозрачности и ваш арт готов.

Теперь рассмотрим, как сделать поп-арт в Фотошопе. Это довольно популярный эффект , который часто используют пользователи социальных сетей.

Оригинальное фото для поп-арта

Выбрав нужную фотографию, сделайте дубликат слоя. Откройте меню «Filter», затем перейдите в «Artistic» (Имитация) и выберите «Cutout» (аппликация). В окне параметров передвигайте ползунки «Number of Levels», «Edge Simplicity», «Edge Fidelity» так, чтобы получить желаемый результат.

Ползунки перемещайте по желанию

Следующий шаг — создать ещё один дубликат слоя, но уже того, к которому вы применили фильтр. Перейдите в Галерею фильтров, сделать это можно через меню «Filter». Затем откройте раздел «Sketch» (Эскиз). Там вы найдёте «Halftone Pattern» (Полутоновый узор), именно он вам и нужен. Справа, в блоке с настройками установите «Dot» (Точки) в пункте «Pattern Type» и подвигайте ползунки, для получения нужного вида.

Размер и контрастность точек могут варьироваться

Далее, установите «Overlay» (Перекрытие) в режиме наложения. На этом этапе можно остановиться, если полученное фото вас устраивает. Также, можно выбрать оригинальный слой, дублировать его и поставить его выше всех остальных, после чего настроить значение прозрачности исходя из собственных предпочтений. Готово.

Нехитрые манипуляции — новый поп-арт готов

Теперь вы знаете как рисовать арты в Фотошопе. Эти навыки позволят вам сделать свои фото более оригинальными и интересными. Пишите в комментариях была ли эта статья полезной для вас и делитесь своими успехами в создании артов с другими пользователями.

Очаровательный урок от Designerfreelance, в котором весьма простым способом создается арт рисунок из обычной фотографии. Сначала мы заготовим необходимые узоры фотошопа с разными наклонами декоративных линий. Потом мы будем использовать фильтр «Изогелия» (Treshhold) с различными вариантами настроек для разных дубликатов слоев, которые вместе создадут очень красивый эффект. Далее нам пригодится гранжевая текстура с характерным оттиском, которую мы наложим «Умножением» и потом слегка обработаем. В заключение украсим работу кляксами и текстов.

Шаг 1.
Воспользуемся какой-нибудь подходящей фотографией, например этой .

Шаг 2.
Делаем дубликат слоя с оригинала и применим «Фильтр» (Filter) > «Размытие» (Blur) > «Умное размытие» (Smart Blur) со значениями, как на рисунке ниже. Качество (Quality) — Высокое (High), Режим (Mode) — Только края (Edge Only).

Шаг 3.
Нажимаем Ctrl+I, чтобы инвертировать изображение. На данном этапе пока отключим этот слой. Он нам пригодится позже. И еще сделаем одну вещь. Создаем новый слой над слоем с оригинальной фотографией и зальем его белым цветом.

Шаг 4.
В новом документе создаем горизонтальную линию. Удерживая Shift+Ctrl+Alt нажимаем стрелку вправо, чтобы копировать линию. Потом объединяем все линии и поворачиваем их на 45 градусо.

Шаг 5.
Выделяем квадрат 100х100 пикселей и кадрируем рисунок. После этого определяем новый узор «Редактирование» (Edit) > «Определить узор» (Define pattern).

Шаг 6.
Аналогичным образом создаем второй узор с наклоном в другую сторону.

Шаг 7.
Возвращаемся в наш основной документ. После этого делаем дубликат слоя с фото и передвигаем его выше белого слоя. Применяем «Изображение» (Image) > «Коррекция» (Adjustments) > «Изогелия» (Threshold) с настройками, как на рисунке ниже.

Шаг 8.
Применим стиль слоя «Перекрытие узора» (Pattern Overlay). Режим наложения «Замена светлым» (Lighten). В качестве узора выбираем первый созданный нами узор из полосок (Шаг 4-5).

Шаг 9.

Получили такой результат. Теперь преобразуем слой в новый смарт объект. Нажимаем на слое правую кнопку мыши и выбираем пункт «Сгруппировать в новый смарт объект» (Convert to smart Object). После этого меняем режим наложения слоя на «Умножение» (Multiply).

Шаг 10.
Создаем еще один дубликат оригинального слоя и повторяем Шаги 7-9 с той разницей, что в Шаге 7 используем значение 100, вместо 118, а в Шаге 8 используем второй созданный нами узор с другим наклоном полосок.

Шаг 11.
После этого должен получиться такой результат.

Шаг 12.
Включаем верхний слой из линий, который мы отключили в Шаге 3.

Шаг 13.
Создаем еще один дубликат слоя с оригинальной фотографии. Применяем к нему «Изображение» (Image) > «Коррекция» (Adjustments) > «Изогелия» (Threshold). Только теперь настройки должны быть еще ниже, чтобы получился такой эффект, как на картинке ниже. После этого меняем режим наложения слоя на «Умножение» (Multiply).

Шаг 14.
В целом после всех манипуляций должен получиться такой результат.

Шаг 15.
Воспользуемся какой-нибудь подходящей текстурой, например этой .

Шаг 16.
Вставляем текстуру в наш документ, меняем режим наложения на «Умножение» (Multiply).

Шаг 17.
Снижаем прозрачность слоя с текстурой до 85%. Потом выбираем инструмент «Ластик» (Eraser Tool), и маленькой мягкой кистью с прозрачностью 30% проводим по текстуре в районе лба, щек и подбородка.

Шаг 18.
Теперь украсим фон какими-нибудь , имеющимися в наличии.

Шаг 19.
В заключение напишем какой-нибудь текст .

PS. Постовой. А вы знаете, что Модель Адриана Лима — это очень красивая девушка, которая весьма востребована в рекламном и модном бизнесе и которая своей красотой вдохновляет очень многих дизайнеров.

Этот Photoshop урок познакомит вас с очень известным направлением в изобразительном искусстве как Поп-арт.

Рядом с поп-артом стоит имя Andy Warhol, который был и художником, и фотографом, и кинорежиссером, и издателем.

Именно он в середине 20 века создавал уникальные картины-коллажи из совершенно неожиданных вещей — от изображений консервных банок до столь гламурных коллажей с Элвисом Пресли и Мэрлин Монро.

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

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

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

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

Желательно, чтобы человек на фото смотрел прямо в объектив камеры.

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

Чтобы быстро убрать однотонный фон используйте инструмент — волшебная палочка , если фон разноцветный, то возьмите инструмент — Перо

2. Скорее всего Вы уже заметили, что изображения в стиле поп-арт славятся очень высокой контрастностью.

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

Разместите яркий фоновый слой прямо под рабочим слоем (с мальчиком).

3. Чтобы сделать высоко-контрастное изображение, то сначала убедитесь в том, что вы находитесь на слое с вырезанным мальчиком и выберите в меню Image > Adjustment > Threshold .

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

4. Грубо выделите каждую часть изображения, которую вы позже будете раскрашивать.

Нажимайте Alt + Ctrl + J чтобы каждую часть копировать на отдельный слой. Назовите каждый новый слой. Поменяйте режим смешивания каждому слою на Multiply , и нажмите OK.

5. По очереди активизируйте каждый слой в палитре слоев.
Для каждого нажимайте Ctrl + клик по окошку слоя и переходите в меню Edit > Fill .

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

6. В окне «Стили слоя» (Layer Style , появляется если дважды щелкнуть по слою) выберите стиль Color Overlay (заливка цветом) и поменяйте там blending mode (режим смешивания слоев) на Color . Выберите яркий цвет и нажмите OK.

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

8. Сохраните этот файл в формате фотошоп (.psd) и сделайте копии слоев, где вы делали колорирование. У вас в панели слоев каждый участок закрашен в определенный цвет. Теперь очень просто можно заменить цвет участка, использую функцию Hue/Saturation (Ctrl +U).

В конце можно скомбинировать все варианты в одно большое изображение.

Такое комбинирование различных вариантов одного и того же изображения очень характерно для стиля 60-х годов Поп-арта.

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

Рассмотрим лучшие программы для создания артов на персональном компьютере как для любительской среды, так и для профессиональной. Обозначим ключевые возможности софта, удобство пользования и доступность продуктов для разных пользователей. Маститый «Фотошоп» мы упоминать не будем, потому как буквально все ПК-художники и без того знают о его существовании и повсеместном засилье в наших компьютерах, а разберём менее известные и толковые утилиты для рисования.

Paint.NET

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

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

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

The GIMP

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

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

Inkscape

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

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

SmoothDraw

Это отличная программа для создания арта из фото. Утилиту взяли на вооружение десятки тысяч пользователей, среди которых и профессиональные художники, и любители-новички. Здесь нет необходимости, как в предыдущих программах, досконально изучать меню и имеющийся инструментарий — достаточно открыть новый файл и дать волю своему воображению с помощью интуитивно понятного и грамотно визуализированного функционала.

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

PixBuilder Studio

Ещё одна программа для редактирования и создания пиксель-артов, то есть растровой графики. Возможности софта также позволяют спокойно прорабатывать дизайн веб-сайтов, поэтому утилита пользуется завидной популярностью у веб-мастеров, составляя конкуренцию именитому «Фотошопу».

Кроме уже привычного базового набора инструментов, есть работа со слоями, многоэтапная отмена операций, настройка линий кривых и уровней, а также подгонка популярных эффектов «Блум» (размытие) и резкости. Также у пользователя есть возможность на своё усмотрение настроить интерфейс: закрепить инструменты, вывести важные опции как отдельные элементы и т.д. Работать с программой вполне комфортно как профессионалам, так и новичкам-любителям.

Manga Studio

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

Весь инструментарий, причём настраиваемый, всегда у вас под рукой: скринтон, окраска, чёрный контур, осветлитель и т. д. Если вы малознакомы с софтом такого плана, а порисовать аниме ну очень хочется, то к вашим услугам расширенная версия программы с пошаговой инструкцией на выбор — иллюстрации или видео, где подробнейшим образом объясняются все нюансы этого мероприятия — от азов до создания профессиональных манга-полотен.

Livebrush

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

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

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

PaintTool SAI

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

Пользователю доступен широкий набор инструментов: шариковые ручки, чернила, десятки кисточек, карандаши разных мягкостей, пастели, акварели и т. д. Причём каждый отдельный инструмент можно настроить под какие-то свои нужды. Также есть возможность параллельной работы с несколькими холстами и поддержка многослойности объектов. Данным софтом пользуются как профессиональные художники, так и начинающие любители, и как уже говорилось выше — это практически идеальная программа для создания артов для «Майнкрафт».

Affinity Designer

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

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

Подводя итог

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

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

делаем арты фотографии в Фотошопе (Photoshop)

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

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

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

Artweaver

Эта программа для создания артов очень сильно похожа на Adobe Photoshop . В ней есть всё, что и в фотошопе — слои, коррекции, те же инструменты. Но не все инструменты доступны в бесплатной версии, и это является немаловажным минусом.

ArtRage

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

Paint.NET

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

Inkscape

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

GIMP

Этот графический редактор является еще одной копией Adobe Photoshop, но в нем есть несколько отличий. Правда, эти отличия, скорее, поверхностные. Тут тоже имеется работа со слоями, коррекция изображения и фильтры, но есть и трансформирование изображения, причем, доступ к нему осуществляется довольно легко.

Paint Tool Sai

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

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

«Арт» в переводе с английского означает «искусство». Этим словом обозначаются многие современные стили: арт-деко, поп-арт, ретро-арт и т. д. Из нашей статьи вы узнаете о том, как сделать фотографию в стиле арт.

Как сделать арт из фото картин природы

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

Как сделать портрет в стиле поп-арт

Техника создания портретов в стиле поп-арт принадлежит американскому фотографу Энди Уорхолу. Его работы представляли собой коллаж из 4 портретов, соединенных вместе с различными оттенками цвета в изображении. Фотограф получил заслуженное признание своего таланта после того, как осмелился сделать и показать всему миру арт-портрет Мэрилин Монро.

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

Один из 4 портретов готов. Теперь надо сделать основу для всего коллажа, чтобы можно было добавлять туда созданные рисунки.

  1. В разделе «Файл» выберите «Создать».
  2. Задайте параметры в открывшемся окне: ширина — 1440; высота — 1056; разрешение — 72; цвета RGB — 8 бит; содержимое фона — белый.
  3. Откройте раздел «Выделение» и выберите «Все».
  4. Нажмите клавиши Ctrl + C.
  5. Скопируйте выделенный клавишами рисунок в буфер обмена.
  6. Добавьте первый созданный портрет.

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

Рисунок из фото в стиле арт

Сделать из фото рисунок в стиле арт можно следующим образом:

Наше фото готово!

Онлайн-ресурсы

Для тех, у кого Adobe Photoshop не поддерживает необходимых функций для создания работ в стиле арт, можно сделать коллаж онлайн бесплатно на данном ресурсе . А на сайте можно просто закачать фотографию, и вам уже сразу выдадут готовый результат в виде фото в стиле арт — его можно будет скачать себе на ПК.

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

Этот Photoshop урок познакомит вас с очень известным направлением в изобразительном искусстве как Поп-арт.

Рядом с поп-артом стоит имя Andy Warhol, который был и художником, и фотографом, и кинорежиссером, и издателем.

Именно он в середине 20 века создавал уникальные картины-коллажи из совершенно неожиданных вещей — от изображений консервных банок до столь гламурных коллажей с Элвисом Пресли и Мэрлин Монро.

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

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

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

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

Желательно, чтобы человек на фото смотрел прямо в объектив камеры.

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

Чтобы быстро убрать однотонный фон используйте инструмент — волшебная палочка , если фон разноцветный, то возьмите инструмент — Перо

2. Скорее всего Вы уже заметили, что изображения в стиле поп-арт славятся очень высокой контрастностью.

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

Разместите яркий фоновый слой прямо под рабочим слоем (с мальчиком).

3. Чтобы сделать высоко-контрастное изображение, то сначала убедитесь в том, что вы находитесь на слое с вырезанным мальчиком и выберите в меню Image > Adjustment > Threshold .

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

4. Грубо выделите каждую часть изображения, которую вы позже будете раскрашивать.

Нажимайте Alt + Ctrl + J чтобы каждую часть копировать на отдельный слой. Назовите каждый новый слой. Поменяйте режим смешивания каждому слою на Multiply , и нажмите OK.

5. По очереди активизируйте каждый слой в палитре слоев.
Для каждого нажимайте Ctrl + клик по окошку слоя и переходите в меню Edit > Fill .

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

6. В окне «Стили слоя» (Layer Style , появляется если дважды щелкнуть по слою) выберите стиль Color Overlay (заливка цветом) и поменяйте там blending mode (режим смешивания слоев) на Color . Выберите яркий цвет и нажмите OK.

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

8. Сохраните этот файл в формате фотошоп (.psd) и сделайте копии слоев, где вы делали колорирование. У вас в панели слоев каждый участок закрашен в определенный цвет. Теперь очень просто можно заменить цвет участка, использую функцию Hue/Saturation (Ctrl +U).

В конце можно скомбинировать все варианты в одно большое изображение.

Такое комбинирование различных вариантов одного и того же изображения очень характерно для стиля 60-х годов Поп-арта.

Жанр: Иллюстрации

В данном уроке я хотела бы объяснить новичкам (или же людям, которые «пришли» из других программ) принципы работы в программе Adobe Photoshop на примере создания обыкновенного портрета (͡° ͜ʖ ͡°) Длинный урок.

1. Начало работы


Итак. Вот перед нами окно Photoshop. Человек, который впервые видит это, чаще всего просто не знает, с чего начать. Я выделила основные инструменты, с которыми предстоит работать в данной программе. 1. То, что вызывает проблемы у большинства новичков в пользовании данной программы. Человек просто не знает, как смешивать цвета, когда кисть идет одним сплошным жирным цветом. Чтобы избежать нервотрепки на эту тему, тыкаем на выделенные кнопочки. Они отвечают за нажим и интенсивность цвета. Так же можно играть непрозрачностью для удобства рисования. (Окна появляются лишь в том случае, если активен инструмент «Кисть») 3. Инструмент кисть. 4. Ластик. 6. Отсылка к пункту номер три. В окне, которое появляется, если нажать на стрелку, можно менять размер кисти и саму кисть. В соседнем правом окне можно изменить настройки кисти. (Окна появляются лишь в том случае, если активен инструмент «Кисть») 2. Здесь всё просто и понятно. Слои, как они есть. Создать слой и удалить слой. Сразу скажу, что если вы будете рисовать на фоне, то уже не сможете ничего рисовать под ним, поскольку фон залит белым цветом по-умолчанию, в отличии от начального фона в SAI, который, в принципе, прозрачный. 5. Поворот листа, лупа и палитра. 7. Пипетка. Не подумайте, она не для того, чтобы тырить цвета с фоток. Она вызывается клавишей левый alt и благодаря ей можно смешивать цвета, накладывая слои цвета поверх основы. Гм. Тавтология получается.

2. Нажим и интенсивность цвета

Пример того, как работают кнопки под цифрой 1 в первом пункте.

3. Скетч


Чтобы начать рисовать, обязательно создаём новый слой. Выбираем удобную вам кисть. Я нарисовала простой скетч-портрет для показа.

4. Основа


Создадим второй слой под первым. На нем накидываем основные цвета.

5. Оттенки


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

6. Смешивание цветов

Здесь возвращаемся к использованию пипетки и кисти. Принцип прост: жмем alt и мажем. Жмем и мажем. Многие вам скажут, что от кисти ничего не зависит. Так вот, на деле это совсем не так. В зависимости от выбора кисти ваш предмет будет различной формы и сглаженности.

7. Придача формы


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

8. О режимах наложения и обтравочной маске


Мы подошли к тому этапу, когда хотим подредактировать свою работу. Но как? Давайте разберемся. В фотошопе есть такая штука, как режимы наложения. Кнопка, отвечающая за режимы наложения, находится прямо над слоями и на ней по-умолчанию стоит значение «Обычные». Чтобы открыть окно, нужно нажать на него левой кнопкой мыши и выбрать любой режим тем же нажатием ЛКМ. Помимо этого, есть в фотошопе такая вещь, как обтравочная маска. Вызывается она нажатием правой кнопки мыши на слое (Чтобы случайно не превратить часть рисунка в обтравочную маску, создайте новый слой и кликните ПКМ на нём). Что нам даёт обтравочная маска? По сути это аналог «Прикрепления слоя», с которым наверняка знакомы пользователи SAI. Обтравочная маска ограничивает область рисования с целого листа до нарисованного на предыдущем слое. Если создать обтравочную маску над другой обтравочной маской, они будут действовать на слой, к которому прикреплена первая маска. То есть, если мы рисуем примером нашего портрета, то маска будет действовать только на последний слой, где мы дорабатывали рисунок. Нехорошо получается. Однако, не используя маски, мы будем закрашивать все слои, что есть ниже. Ой! Мы замазали фон!

9. Выделения цветом при помощи режимов наложения


Чтобы подчеркнуть особые места на рисунке, показать свет или просто наложить сверху градиент для «симпатичности» мы можем использовать те же режимы наложения. На рисунке я отметила те места, куда может падать свет. Создадим новый слой со значением «Мягкий свет». Используя инструмент кисть, нанесём белый цвет на выделенные места. Пусть для примера я и использовала пятиминутный скетч, но даже по нему можно заметить, что появляется некое ощущение объёма и атмосферы.

10. Градиент и режимы наложения


Создадим новый слой со значением «Мягкий свет». Чтобы использовать градиент, вы должны выбрать кнопку, которая находится под «Ластиком» и провести прямую линию на рисунке. Есть различные виды градиентов, но пока мы рассмотрим только вид по-умолчанию. Если вы не выбирали градиент из меню, которое автоматически появляется во второй верхней панели и открывается кликом по стрелочке, то градиент будет соответственен цветам вашей палитры. Если первый цвет у вас розовый, а другой синий, то и градиент у вас будет розово-синим. Градиент может быть только одного, постепенно растворяющегося, цвета. Чтобы изменить структуру и цвет градиента (например, в том случае, если вы всё же выбрали образец из меню), открываем всё тоже меню образцов градиента. Первые два градиента соответственны цветам вашей палитры. Первый — двухцветный, а второй — полупрозрачный. Проводим линию градиента на слое со значением «мягкий свет». Кажется, наш рисунок стал немного теплее =)

11.

Немного о кривых

Хм. Давайте нарисуем зайчика. В какой-то момент вы решили, что он получился слишком бледным. Не стоит пугаться, это можно исправить. В моём случае окно «Коррекция» располагается над окном «Слои». Если этого окна у вас нет, нажмите левой кнопкой мыши на пункт «Окно» в самой верхней панели и выберите пункт «Коррекция». Вы можете выбрать любой значок на панели и поэкспериментировать. Для примера я возьму «Кривые». Поставим случайное значение наших двух точек и наш зайчик станет гораздо ярче! Вы можете брать на кривой и более двух точек, хотя в основном вам потребуются только эти две.

12. Последние шаги


И вот, когда наше изображение почти готово, мы можем подредактировать цвет, чтобы придать рисунку атмосферы, легкости и т.д. и т.п. Играемся с яркостью и контрастом. Создаём новый слой со значением, допустим, «Мягкий свет» и отмечаем цветом нужные вам места `v` Вот и всё! Наш портрет готов. P.S. Большое спасибо Vornava за исправления, подсказки и указания на очепятки =)

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

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

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


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

Если качество вас устроило, тогда жмёте на «Сохранить» (Save, Download) и загружаете картинку к себе на ПК.

Лучшие онлайн-сервисы, чтобы сделать арт из фото

Рассмотрим список сервисов для создания рисунка из фото в режиме онлайн.

Popartstudio.nl — студия поп-арт эффектов

Нидерландский сервис popartstudio.nl предлагает вам трансформировать ваши фото в изображения стиля поп-арт. В частности, в духе работ известного художника Энди Уорхола. Механизм работы с сервисом стандартен для инструментов данной направленности, при этом указанный ресурс оставляет небольшой логотип внизу трансформированного изображения.


Funny.pho.to переведёт фото в нарисованную картину

Данный сервис funny.pho.to предлагает превратить ваше фото в настоящий художественный арт-шедевр всего за пару кликов. Последовательность операций шаблонна для сервисов данного плана:


Ru.photofacefun.com поможет сделать фотомонтаж

Данный онлайн-сервис обладает абсолютно простым инструментарием для трансформации вашего фото в арт. Для этого выполните следующее:

Lunapic.com трансформирует картинку в арт

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

Для работы с сервисом выполните следующее:

Snapstouch.com онлайн-редактор преобразования фото в эскиз

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

Чтобы воспользоваться возможностями данного сервиса выполните следующее:


Заключение

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

11 самых распространенных ошибок в цифровом рисунке

Цифровой рисунок может быть очень каверзным. Казалось бы, загрузил правильную программу и можно начинать рисовать. Любой инструмент у тебя в руках. Все цвета готовы к использованию, ничего не надо смешивать. Если вы начали пользоваться Photoshop уже имея навыки рисования, все не так уж и сложно: вам просто нужно найти удачную замену любимым инструментам. Но, если вы только начали знакомиться с каждым из этих видов искусств, то все становится ночным кошмаром.

Photoshop обманчиво прост: вот вам набор кистей, вот вам все цвета, резинка, кнопка Отмены. Вы начинаете рисовать, все выглядит очень плохо, вы начинаете искать обходные пути, которые смогут помочь вам нарисовать что-то лучше. И только взгляните как много инструментов! Вы начинаете пробовать все, одно за другим, и вот оно – волшебство случается!

Но все «волшебство» заключается в том, что Photoshop рисует за вас. Вы не контролируете процесс, но результат, в любом случает, выглядит лучше, чем вы – простой новичок – смогли когда-нибудь сделать (по крайней мере, вы так думаете). Вы продолжаете работать, надеясь, что все эти изображения в один день превратятся в произведения искусства.

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

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

1.Неправильный размер холста

Даже ребенок справится с созданием нового файла. Вы отправляетесь в File > New, или, если вы достаточной продвинутые, то используйте Control-N. Этот процесс кажется очень простым, поэтому часто остается без должного внимания.

Есть три проблемы, связанные с этим пунктом.

1. Слишком маленький холст

Так же как все предметы состоят из атомов, каждое цифровое изображение состоит из пикселей. Это, скорее всего, вы уже знаете. Но сколько конкретно пикселей нужно, чтобы создать детальную картину? 200×200? 400×1000? 9999×9999?

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

Давайте представим, что ваше изображение выглядит на экране, как на примере 1. Высота этого изображения идеально подходит вашему экрану. Все настроено под максимальное разрешение вашего экрана, 1024×600. Пользователям с разрешениями 1280×720 (2) и 1366×768 (3) тоже не на что жаловаться.  Но взгляните, что получится, если разрешение экрана будет еще больше – 1920×1080 (4) и 1920×1200 (5).  Последовательно, изображение занимает все меньше и меньше места на экране.

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

1. Одинаковый размер, разное разрешение

2. Разные размер, одинаковое разрешение

Что это значит? Что для других ваше изображение, которое  должно было идеально вмешаться в экран, будет выглядеть примерно так:

Но размер холста имеет отношение не только к этому. Чем выше разрешение, тем больше пикселей в изображении. При маленьком разрешении,  глаз может занять 20 пикселей. когда при более высоком – он может иметь более 20,000 пикселей! Представьте себе, какие изящные детали могут быть добавлены!

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

Большое разрешение дает возможность разглядеть самые тончайшие детали

2. Слишком большой холст

Значит ли это, что вам нужно всегда использовать большое разрешение, чтобы быть уверенным в качестве? Теоретически, да. На практике, это не всегда необходимо, а иногда – даже невозможно.

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

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

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

3. Слишком большой размер готового изображения

Давайте представим, что вы нашли идеальное разрешение для вашего изображения. Оно не слишком большое и не слишком маленькое – идеальный размер для уровня детальности, которого вы хотели добиться. Но здесь можно тоже сделать ошибку.  Предыдущее разрешение было рабочим. Вы использовали множество пикселей, чтобы добиться детальной прорисовки глаза, но при неправильном размере, ваши старания будут заметны даже на расстоянии.

Зачем разрешать другим видеть эти детали…Если можно сделать так, чтобы они видели только то, что должно быть заметным?

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

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

2. Работа с белым фоном

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

Проблема в том, что не существует “нейтрального” цвета. Прозрачность очень близка, но ее невозможно нарисовать. Цвет – это и есть цвет. Когда используются два цвета между, ними появляются определенные взаимоотношения. Для белого+цвета A – взаимоотношение: “цвет A темнее”. Не имеет значение, какие были у вас намерения, вы начнете работу с темного цвета, потому что самый светлый цвет уже у вас на фоне! Все цвета темнее по отношению к белому. 

Яркость любого оттенка зависит от фона.

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

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

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

3. Недостаток контраста

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

Даже если с вашим экраном все в порядке, после того как вы долго и не отрываясь смотрели в экран, ваше восприятие изображения необъективно. Если вы меняли оттенки постепенно, шаг за шагом, контраст может казаться неплохим. Но это происходит только из-за того, что так картинка выглядит лучше, чем пять шагов назад. Например, работа внизу выглядит неплохо…

… но только до тех пор, пока вы не сравните ее с более контрастным изображением. И кто знает, вдруг, когда вы сравните новое изображение с еще одним, оно снова будет недостаточно контрастным?

В Photoshop есть инструмент, который очень поможет вам в этой ситуации. Он называется Levels и это, кстати, гистограмма. Она показывает сколько использовано каждого оттенка на изображении. Вы можете открыть этот экран с помощью Image > Adjustments > Levels или используя Control-L.

Как это работает? Взгляните на эти четыре примера:

  • Почти равное количество белого, черного и полутонов.
  • Только черный и темные полутона
  • Только белый и светлые полутона
  • Только белый и черный, почти нет полутонов

Можете прочесть это по гистограмме?

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

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

Только взгляните, что получится, если мы передвинем ползунок на середину!

Есть ли способ использовать правильные оттенки с самого начала? Да, и это, займет меньше времени! Нужно начать использовать меньше оттенков – темный, светлый, полутон, и немного белого и черного.

Чтобы использовать эти знания на практике, прежде чем начать рисовать, наметьте  освещение на сфере:

  • Нарисуйте круг и закрасьте его самым темным оттенком (черный – не рекомендуется)
  • Добавьте полутон
  • Добавьте самый светлый оттенок (белый – не рекомендуется)
  • Добавьте один или два полутона
  • Добавить немного черного и белого

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

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

Помните: рисовать тени светлых объектов темными – это так же неправильно, как рисовать тёмные объекты – светлыми оттенками.

4.Слишком много сложных кистей и больших штрихов

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

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

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

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

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

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

5. Слишком крупный штрих

Еще одна частая ошибка, связанная с кистями – это использование слишком крупных штрихов. И, опять же, всему виной нетерпение. Правило заключается в том, что 80% работы требует 20% усилий, что значит, что нужно потратить 80% всего времени, работая над завершением своего изображения. Если вы сделали набросок, базу, выбрали цвета и поработали над простыми тенями за два часа – знайте, что впереди у вас восемь часов работы. Более того, на протяжении этих восьми часов прогресс будет менее заметен, чем за первые два часа.

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

В этом и заключается вся проблема. Когда ваше изображение почти закончено, вам хочется скорее его завершить и насладиться конечным результатом. Но на самом деле, это именно тот момент, когда вся работа только начинается! Я помню комментарий под одной из фотографий с промежуточным процессом: ” Я бы остановился на 4 этапе” (из 10). Вот где и скрывается разница между профессионалом и новичком! Потому что, конец правила гласит: эти последние 20% работы составляют 80% от всего результата.

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

А теперь лучшая часть этого правила. Так как 80% работы не сильно влияют на конечный результат, нет нужды тратить на них много времени. Начните свою работу быстро и сохраните силы на потом. Помните: не каждое изображение должно быть закончено лишь из-за того, что вы его начали. Отсеивая проекты, к которым вы потеряли интерес, вы сэкономите в четыре раза больше времени, чем уже потратили!

6. Слишком много цвета

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

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

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

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

Вот как примерно новичок видит цвета:

  1. Синие
  2. Мутно-синие
  3. Серый
  4. Черные

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

  1. Ненасыщенный синий
  2. Насыщенный синий
  3. Ярко-синий
  4. Темно-синий

Выглядит запутанно, не так ли? Но это не значит, что этого всего можно не замечать! Если вам кажется, что это слишком изнуряющая работа, то поработайте с серым некоторое время. Цвета (или тона) – это как глазурь на торте. Она может сделать торт слаще, но не может быть его основанием. Никакое количество глазури не исправит плохой торт.

7. Копирование цвета с исходника

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

Новички, чаще всего используют малонасыщенный оранжевый/розовый как цвет кожи, но этот эффект очень далек от реальности. Но, если вы используйте исходник… тут совсем иная история! Почти каждый пиксель имеет разный оттенок, не только розовый – вы легкостью найдете красный, оранжевый, фиолетовый, зеленый, синий. Насыщенность и яркость меняется каждый раз, но конечный результат не представляет собой хаос.

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

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

Для того, чтобы перестать постоянно полагаться на исходник, вам нужно будет научиться видеть цвета. Посмотрите на любой предмет – какой у этого объекта тон, насыщенность, яркость? Очень непросто сказать, не так ли? Но если вы продолжите выбирать необходимый цвет с помощью Eyedropper, вы так и никогда этому не научитесь.

Все эти работы были нарисованы мной без помощи пипетки. Вы можете начать с чего очень простого. Чем меньше цвета, тем лучше.

8. Наложение цвета поверх серой гаммы

Я нарисовал эту картину в 2011 году. Это очень трогательная работа и даже сейчас мне очень нравится. Я помню, как нарисовал его в сером цвете, а после добавил цвет, используя несколько режимов наложения (Цвет, Наложение, Умножение). Тогда у меня возникла одна проблема – как добиться желтого цвета, рисуя поверх серой гаммы?

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

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

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

9. Тонирование с использованием инструментов Dodge и Burn

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

Но не все так просто. Эти инструменты, конечно, не совершенно бесполезны, но, когда вы только начинаете – лучше держаться от них подальше. Они не предназначены для тонировки. Инструмент Dodge – это не тоже самое, что “добавить света”, а Burn -“добавить теней”. Просто эти инструменты идеально подходят под понимание новичками этих процессов, поэтому так сложно избежать искушения.

Проблема не в самом инструменте, а в недопонимании принципов тонирования. Новички часто думают, что у предмета есть определенный цвет, и он становится темнее в тенях и светлее при свете. Но все не так просто. Этот принцип может сработать в анимации, но даже там – это просто обходной путь.

Но если эти техники вроде бы работают, то почему бы их не использовать?

  • Это еще одна техника, которая тормозит ваш прогресс.   Когда вы пользуетесь этими методами, вы даже не понимаете, что не так.  Тонирование – это сложный процесс, а вы ограничиваете его одним простым принципом. Photoshop должен работать на вас, а не за вас. Пусть это не останавливает вас от обучения.
  • Так объекты кажутся плоскими. И не имеет значения, сколько текстуры вы добавите к изображению после. Принцип работы с этими инструментами такой же, как и с кистями – вы можете начать с них, но не должны ими закончить.
  • Вы искажаете цвета; цвет объекта очень сильно зависит от окружения, но ни Dodge ни Burn  ничего не знаю о вашего твоего рисунка. Они тонируют все по одному и тому же принципу.

 Тонирование с использованием белого и черного

Суть этой техники в том, что тонирование производится за счет белого на светлых участках, а черного – в тенях. Эта техника – результат заблуждения, что каждый цвет начинает как черный (в тенях) и заканчивает как белый (на свете). И хотя этот принцип может сработать в фотографии, в рисовании он бесполезен.

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

Однообразное тонирование

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

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

В действительности же, свет отражается от всего. Поэтому тонирование редко может быть сведено к двум или трем цветам.

Если вы будете учитывать это и будете использовать косвенные источники света, чтобы разнообразить тени, то начнете рисовать более осознанно – и это отлично!

10. Размытие с помощью мягкой кисти

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

  1. Размытие с помощью мягкой кисти
  2. Размытие с помощью инструмента Smudge/Blur

Как мы уже поняли, быстрые способы работы говорят о том, что вы не контролируете процесс. Размытие с помощью мягкой кисти делает ваш объект плоским и неестественно гладким. Даже если вы добавите фото текстуру, вы не сможете избавиться от “пластикообразности” изображения. И снова, подобный метод может быть использован только в начале работы.

Если вам хочется более нежного эффекта, используйте более грубую кисть, контролируя Flow с помощью Pen Pressure (чем сильнее вы нажимайте, тем жестче получается штрих).

Такая кисть позволит вам использовать то количество цвета, которое вам необходимо.

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

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

Для того, чтобы добиться текстурности, используйте текстурную кисть (с грубыми краями).

Согласно 80-20 правилу, не думайте о размытии на первых этапах. Используйте большую кисть, делайте края очевидными, тени неестественными.

После, вы сможете использовать кисть меньшего размера и текстурную кисть чтобы размыть края. Не используйте Smudge, мягкую кисть. Только Eyedropper и грубая кисть с переменным Flow. Но стоит помнить, что один и тот же метод сглаживания не будет работать во всех случаях.

11. Использование 2D текстур на 3D формах.

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

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

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

Вы можете загрузить текстуру из интернета или использовать ту, которая уже есть в Photoshop – их огромное количество. Это моя любимая текстур – перевернутый Screen Door.

Если вы смените Blend Mode текстуры на Overlay, вы увидите как текстура наложится поверх теней. Но обратите внимание на то, как некоторые сегменты стали светлее. Вам может понравится это, если тонировка не была сделана должным образом, но это лишь очередной способ облегчить себе работу. В большинстве случаев, нам не хочется, чтобы текстура сама диктовала свои тени. Хотя Overlay – это не лучшее решение, но оно позволяет взглянуть на то,как текстура будет выглядеть на объекте.

Теперь самая главная часть, которую часто упускают из виду. Если объект должен быть 3D, его нельзя качественно покрыть с помощью 2D текстуры. Мы должны настроить текстуру по форме, которую она будет покрывать. Есть три основных способа сделать это – поэкспериментируй и выберите тот, который понравится вам больше всего:

  • Free Transform Tool (Control-T) в режиме Warp
  • Filter > Liquify
  • Edit > Puppet Warp

Для сферы лучше всего использовать 
Filter > Distort > Spherize
До использования Puppet Warp
После использования Puppet Warp

Режим Overlay делает светлее участки слоя, покрытые белой частью текстуры. Мы можем использовать Multiply, (этот режим делает белые области прозрачными), но тогда градиентные цвета (серые) станут темнее, чем нужно. Есть поэтому другой режим, идеально подходящий для настройки прозрачности.

Выберите слой и настройте Blend If.  Вы можете легко настроить прозрачность белого и черного с помощью этой функции.

Держите 
Alt, чтобы разделить слайды и добить более плавного эффекта.

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

Здесь напрашивается еще один вывод. Это свет создает видимую текстуру – текстура не может быть создана без света. А иначе что есть тень, если не отсутствие света? Именно поэтому нам нужно уменьшить текстуру в темных участках или и вовсе удалять ее (нет света – нет текстуры). Вы можете использовать Layer Mask для этой цели или поработать с Blend If слайдами. Помните, что щели текстуры – это тени, поэтому они не должны быть темнее, чем другие теневые участки.

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

Правило 80-20 в деле. Добавить текстуру – несложно, но сделать так, чтобы она выглядела уместно – вот эта работа займет немало времени. Подобные вещи отнимают немало времени, но в этих деталях и заключается весь смысл!

Первая текстура – это плоская текстура в режиме Overlay, вторая – тот же режим, но с изменениями. Последняя – это уже финальный предложенный вариант.

Заключение

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

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

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

Главная фотография взята из сайта — Depositphotos.com

 Автор —Monika Zagrobelna

Перевод — Say-Hi

Мы рекомендуем:

20 полезнейших ресурсов для художников

Уроки по рисованию человека в Adobe Photoshop

Теория Цвета. Самое важное о цвете

Подборка видеоуроков по построению света и тени

Рисуем и анимируем персонажа в технике Pixel Art. Программы для создания пиксель-артов Рисование пиксель арта

Pixel Art или пиксельная графика — это цифровая живопись, которая создается в растровых редакторах по пикселям. Пиксель (pixel) — наименьший графический элемент изображения. Иными словами, это точка. И все пиксельные рисунки состоят из бесчисленного скопления точек, получаясь слегка неровными, как будто плохо прорисованными. Но в этом-то и прелесть таких картин.

Немного из истории

В каких программах можно создавать современные пиксельные рисунки

Есть множество бесплатных растровых редакторов. Но чаще других называются Microsoft Paint и Adobe Photoshop. Правда, Paint считается менее удобным инструментом для создания пиксельных рисунков, чем Adobe Photoshop. Почему? В этой программе:
очень сложно добиться ровности и симметричности изображений;
при сохранении их в формате jpg происходит сильное искажение цвета;
трудно рисовать тени и блики.
Поэтому стараются отдавать предпочтение Adobe Photoshop. У данной программы намного больше рабочих возможностей, чем в Paint. Что позволяет рисовать не отдельных персонажей с простым дизайном, а целые картины. Кроме того, сами пиксельные рисунки здесь проще и быстрее редактировать. Да и передавать переходы цвета в Adobe Photoshop можно плавно и натуралистично.

Как избежать изломов в Pixel Art

Пиксельные рисунки — это множество пикселей, которые представляют собой квадратные или прямоугольные «точки». Когда из таких «точек» рисуется изображение, то у него появляется угловатость, пропадает плавность в линиях. С одной стороны — это визитная карточка Pixel Art, а с другой — хочется большей сглаженности, которая сделает картинку аккуратной и привлекательной для пользователя. Данная проблема на языке пиксельных художников называется изломы или «jaggies».
Jaggies — это фрагменты, которые придают любым линиям зазубренный вид. От них, как правило, избавляются одним из следующих способов:
увеличивают выбивающийся сегмент линии на 2, 3 и более пикселей в длину;
уменьшают длину самих пикселей на выдающемся участке;
строят из нескольких единичных пикселей новый участок линии;
добавляют единичные пиксели к участку с изломом между более длинными «точками» и т.д.
Для правильного устранения изломов нужно помнить главное правило: длина элементов у изогнутой линии должна уменьшаться или увеличиваться постепенно. Так же нужно помнить, что сдвиг отрезка линии в два и более пикселя по высоте приводит к уничтожению плавности.
Поэтому нужна постоянная практика рисования. И в качестве простейшего и наглядного пособия, помогающего избегать изломов, можно использовать набор наклонных прямых.

Как получить тень в Pixel Art

Другой важный момент в пиксельных рисунках — это их объем. Его, как и в других вариантах графики, добиваются посредством бликов и теней. Для создания тени в pixel art потребуется плавный переход от светлого к темному тону или от одного цвета к другому. Чтобы добиться такого эффекта, часто пользуются технологией смешивания — дизерингом или dithering. Иными словами, на границе двух цветов происходит их перемешивание в шахматном порядке. Такой способ возник на фоне дефицита цветов. С помощью шахматного перемешивания двух красок можно было получить третью, отсутствующую в палитре.
Однако после того как палитра значительно расширилась, технология дизеринга все равно осталась востребованной. Но нужно помнить, что переход одного цвета в другой шириной в один пиксель не выглядит хорошо. Получается просто гребенка. Поэтому
минимальная зона смешивания должна быть не меньше двух пикселей. И чем шире такой переход, тем лучше.
Кроме того, при создании тени:
важно определить под каким углом и с какой стороны на объект будет падать свет. Это позволит сделать рисунок «живым», а также понять, где рисовать тень. Например, если свет падает справа, то теневые участки будут расположены слева и т.д.;
нужно использовать цвета намного темнее, чем базовые. Т.е. тень должна быть изображена с помощью более темных красок, чем сам затененный участок. Например, если предмет красный, то тень у него будет бордовой или темно-коричневой;
не забудьте про полутени. Для этой цели выбирается оттенок, который по палитре находится между базовым цветом и цветом тени. Данный оттенок помещается между слоями этих двух цветов. В итоге создается эффект плавного перехода от темной области к более светлому участку.

Как получить блик на пиксельных рисунках

Блик, как и тень, придает объем рисуемым предметам. Он всегда находится с той стороны, куда падает свет. Но если предмет по задумке имеет глянцевую поверхность, например, фарфоровая чашка, меч из стали и т.д., то блик понадобится и на затененном участке.
Чтобы создать блик на участке, куда падает свет, нужно взять краску, которая будет намного светлее основной. Только не нужно усердствовать в яркости этого пятна — может получиться не естественно. Очень часто блик изображается белым цветом без переходов. Такого в природе не бывает. Да и предмет будет выглядеть плоским.
Для создания блика со стороны тени потребуется цвет более светлый, чем тот, каким нанесена сама тень. И в этом случае также необходим плавный переход, который можно получить за счет использования сразу нескольких оттенков.
Чтобы все это воплотить, конечно, нужна практика. И начинать лучше всего с простых объектов.

Pixel art (пишется без дефиса) или пиксельная графика – направление цифрового искусства, которое заключается в создании изображений на уровне пикселя (т. е. минимальной логической единицы, из которой состоит изображение). Далеко не все растровые картинки являются пиксель артом, хотя все они и состоят из пикселей. Почему? Потому что в конечном счёте понятие pixel art вмещает в себя не столько результат, сколько процесс создания иллюстрации. Пиксель за пикселем, и только так. Если вы возьмёте цифровое фото, сильно его уменьшите (так, чтобы пиксели стали видны) и заявите что нарисовали его с нуля – это будет настоящий подлог. Хотя наверняка найдутся наивные простаки, которые вас похвалят за кропотливый труд.

Сейчас неизвестно, когда точно зародилась эта техника, корни теряются где-то в начале 1970-х. Однако приём составления изображений из малых элементов восходит к куда более древним формам искусства, таким как мозаика, вышивание крестиком, ковроплетение и бисероплетение. Само же словосочетание «pixel art» как определение пиксельной графики впервые было использовано в статье Адель Голдберг и Роберта Флегала в журнале Communications of the ACM (декабрь 1982-го).

Наиболее широкое прикладное применение pixel art получил в компьютерных играх, что неудивительно – он позволял создавать изображения, нетребовательные к ресурсам и выглядящие при этом по-настоящему красиво (при этом отнимающие у художника немало времени и требовавшие определённых навыков, а потому подразумевающие хорошую оплату труда). Расцветом, наивысшей точкой в развитии официально называют видеоигры на приставках 2-го и 3-го поколения (начало 1990-х). Дальнейший прогресс технологий, появление сперва 8-битного цвета, а затем и True Color, развитие трёхмерной графики – всё это со временем оттеснило pixel art на второй и третий планы, а потом и вовсе стало казаться, что пиксельной графике пришёл конец.

Как ни странно, но именно господин Научно-технический прогресс, задвинувший в середине 90-х пиксельную графику на последние позиции, и вернул её позже в игру – явив миру мобильные устройства в виде сотовых телефонов и КПК. Ведь каким бы полезным ни был новомодный дивайс, мы-то с вами знаем – если на нём нельзя хотя бы разложить пасьянс, грош ему цена. Ну а там где есть экран с невысоким разрешением, там и pixel art. Как говорится, добро пожаловать назад.

Разумеется, свою роль в возвращении пиксельной графики сыграли различные ретроградно настроенные элементы, любящие поностальжировать над старыми-добрыми играми детства, приговаривая при этом: «Эх, теперь такого не делают»; эстеты, способные оценить красоту пиксель арта, и инди-разработчики, не воспринимающие современные графические красоты (а иногда, правда редко, элементарно не умеющие их реализовать в собственных проектах), оттого и ваяющие pixel art. Но давайте всё-таки не будем сбрасывать со счетов сугубо коммерческие проекты – приложения для мобильных устройств, рекламу и web-дизайн.Так что сейчас pixel art, что называется, широко распространён в узких кругах и заработал себе своеобразный статус искусства «не для всех». И это несмотря на то, что для простого обывателя он предельно доступен, ведь чтобы работать в этой технике, достаточно иметь под рукой компьютер и простейший графический редактор! (умение рисовать, между прочим, тоже не помешает) Хватит слов, ближе к делу!

2. Инструменты.

Что нужно для создания пиксель арта? Как сказал выше, достаточно компьютера и любого графического редактора, способного работать на уровне пикселей. Рисовать можно где угодно, хоть на Game Boy, хоть на Nintendo DS, хоть в Microsoft Paint (другое дело, что рисовать в последнем крайне неудобно). Есть великое множество растровых редакторов, многие из них бесплатны и достаточно функциональны, так что с программным обеспечением каждый может определится самостоятельно.

Я рисую в Adobe Photoshop, потому что удобно и потому что давно. Не стану врать и рассказывать, шамкая вставной челюстью, что де «Я помню Фотошоп был еще са-а-авсем маленьким, это было на Макинтоше, и был он с номером 1.0» Такого не было. Но я помню Фотошоп 4.0 (и также на Маке). А потому для меня вопрос выбора никогда не стоял. И потому нет-нет, но я буду давать рекомендации касательно Photoshop, особенно там, где его возможности помогут значительно упростить творчество.

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

Начнём? Вы наверное ждёте списка каких-то секретных приёмов, рекомендаций, которые научат вас рисовать pixel art? А правда в том, что ничего такого по большому счёту нет. Единственный способ научиться рисовать пиксельную графику – это рисовать самому, пробовать, пытаться, не бояться и экспериментировать. Не стесняйтесь повторять чужие работы, не бойтесь показаться неоригинальным (просто не выдавайте чужое за своё, хе-хе). Внимательно и вдумчиво анализируйте работы мастеров (не мои) и рисуйте, рисуйте, рисуйте. Несколько полезных ссылок вас ждёт в конце статьи.

3. Общие принципы.

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

Самым основной принцип можно сформулировать так: минимальной единицей изображения является пиксель, и по возможности все элементы композиции должны быть соразмерны ему. Расшифрую: всё, что вы нарисуете, состоит из пикселей, и пиксель должен читаться во всём. Это не значит, что в рисунке вообще не может быть элементов, к примеру, 2х2 пикселя, или 3х3. Но строить изображение всё же предпочтительно из отдельных пикселей.

Обводка и вообще все линии рисунка должны быть толщиной в один пиксель (за редким исключением).

Я вовсе не утверждаю, что это неправильно. Но это всё же не очень красиво. А чтобы было красиво, запомним еще одно правило: рисовать без изломов, скруглять плавно . Есть такое понятие как изломы – фрагменты, выбивающиеся из общего порядка, они придают линиям неровный, зазубренный вид (в англоговорящей среде пиксельных художников их называют jaggies):

Изломы лишают рисунок естественной плавности и красоты. И если фрагменты 3, 4 и 5 очевидны и исправляются легко, с прочими дело обстоит сложнее – там нарушена длина одного-единственного кусочка в цепи, казалось бы мелочь, но мелочь заметная. Чтобы научиться видеть такие места и избегать их, требуется небольшая практика. Излом 1 выбивается из линии, потому что это единичный пиксель – в то время как на участке, где он затесался, линия состоит из сегментов по 2 пикселя. Чтобы избавиться от него, я смягчил вход кривой в изгиб, удлинив верхний сегмент до 3-х пикселей, и перерисовал всю линию сегментами по 2 пикселя. Изломы 2 и 6 идентичны друг другу – это уже фрагменты длиной 2 пикселя на участках, построенных единичными пикселями.

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

Как видите, прямая линия составляется из отрезков одинаковой длины, смещаемых по мере её прорисовки на один пиксель – только таким образом достигается эффект линейности. Наиболее распространённые способы построения с длиной отрезка 1, 2 и 4 пикселя (встречаются и другие, но представленных вариантов должно хватить для реализации практически любой художественной задумки). Из этих трёх самым популярным можно уверенно назвать длину отрезка в 2 пикселя: рисуем отрезок, сдвигаем перо на 1 пиксель, рисуем еще один отрезок, сдвигаем перо на 1 пиксель, рисуем еще отрезок:

Несложно, верно? Нужна лишь привычка. Умение рисовать наклонные прямые с шагом в 2 пикселя поможет в изометрии, так что подробнее остановимся на ней в следующий раз. Вообще прямые линии это здорово – но только до тех пор, пока не встанет задача нарисовать что-нибудь нерукотворное. Тут нам понадобятся кривые, и много самых разных кривых. И берём на вооружение простое правило закругления кривых линий: длина элементов кривой должна уменьшаться/увеличиваться постепенно .

Выход из прямой на скругление ведётся плавно, я обозначил длину каждого сегмента: 5 пикселей, 3, 2, 2, 1, 1, снова 2 (уже вертикально), 3, 5 и далее. Не обязательно ваш случай будет использовать такую же последовательность, здесь всё зависит от плавности, которая требуется. Еще пример скругления:

Опять же, избегаем изломов, которые так портят картинку. Если есть желание проверить усвоенный материал, здесь у меня нарисованный неизвестным автором skin для Winamp’а, заготовка:

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

4.1. Рисуем склянку с живой водой.

1. Форма объекта, пока можно не использовать цвет.

2. Красная жидкость.

3. Меняем цвет стекла на голубой, добавляем затенённые участки внутри пузырька и светлый участок на предполагаемой поверхности жидкости.

4. Добавляем белые блики на пузырьке, и тень шириной 1 пиксель тёмно-красного цвета на приграничных к стенкам пузырька областях жидкости. Смотрится вроде неплохо, а?

5. Аналогично рисуем склянку с синей жидкостью – здесь тот же цвет стекла, плюс три оттенка синего для жидкости.

4.2. Рисуем арбуз.

Нарисуем круг и полукруг – это будут арбуз и вырезанная долька.

2. Обозначим вырез на самом арбузе, а на дольке – границу между корочкой и мякотью.

3. Заливка. Цвета из палитры, средний оттенок зелёного – цвет корки, средний красный – цвет мякоти.

4. Обозначим переходный участок от корки к мякоти.

5. Светлые полосы на арбузе (наконец-то он похож сам на себя). И конечно – семечки! Если скрестить арбуз с тараканами, будут расползаться сами.

6. Доводим до ума. Бледно-розовый цвет используем для обозначения бликов над семечками в разрезе, и, выкладывая пиксели в шахматном порядке, добиваемся от вырезанной дольки некоего подобия объёма (метод называется dithering, о нём позже). Тёмный красный оттенок используем, чтобы обозначить затенённые места в разрезе арбуза, и тёмно-зелёный (опять же пиксели в шахматном порядке) – чтобы придать объём самому арбузу.

5. Dithering.

Дизеринг, или смешивание – техника перемешивания определённо упорядоченным (не всегда) образом пикселей в двух граничащих областях разного цвета. Самый простой, распространённый и эффективный способ – чередовать пиксели в шахматном порядке:

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

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

Еще два варианта дизеринга:

Что нужно знать про дизеринг, чтобы уметь им пользоваться. Минимальная ширина зоны смешивания должна быть не меньше 2-х пикселей (те самые шашечки). Больше – можно. Меньше лучше не делать.

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

Ну, хватит теории. Предлагаю еще немного попрактиковаться.

Пиксель арт можно рисовать в любой программе для работы с растровой графикой, это вопрос личных предпочтений и опыта (а также финансовых возможностей, разумеется). Кто-то использует самый простой Paint, я делаю это в Photoshop – потому что, во-первых, давно в нём работаю, а во-вторых, мне там комфортней. Как-то решил попробовать бесплатный Paint.NET, не понравилось – это как с автомобилем, узнавший иномарку с коробкой-автоматом в «Запорожец» уже вряд ли сядет. Мой работодатель предоставляет мне лицензионный софт, так что перед корпорацией Adobe совесть моя чиста… Хотя цены за свои программы они заламывают немыслимые, и гореть им за это в аду.

1. Подготовка к работе.

Создаём новый документ с любыми настройками (пусть будет ширина 60, высота 100 пикселей). Основным инструментом пиксельартиста является карандаш (Pencil Tool , вызывается горячей клавишей B ). Если на панели инструментов включена кисть (и пиктограмма, изображающая кисточку), наведите на неё курсор, нажмите и удерживайте LMB – появится небольшое выпадающее меню, в котором следует выбрать карандаш. Устанавливаем размер пера 1 пиксель (в верхней панели слева выпадающее меню Brush ):

Pixel art для начинающих. | Введение.

Pixel art для начинающих. | Введение.

Еще несколько полезных комбинаций. «Ctrl +» и «Ctrl -» увеличивают и уменьшают масштаб изображения. Также пригодится знать, что нажатие Ctrl и » (кавычки-ёлочки, или русская клавиша «Э ») включает и отключает сетку, что здорово помогает при рисовании pixel art’а. Шаг сетки также следует настроить под себя, кому-то удобней когда он составляет 1 пиксель, я привык что ширина ячейки 2 пикселя. Нажимаем Ctrl+K (или идём в Edit ->Preferences ), заходим в пункт Guides, Grid & Slices и устанавливаем Gridline every 1 pixels (мне, повторюсь, удобней 2).

2. Рисование.

Наконец приступаем к рисованию. Для чего создадим новый слой (Ctrl+Shift+N ), переключаемся на чёрный цвет пера (нажатие D устанавливает цвета по умолчанию, чёрный и белый) и нарисуем голову персонажа, в моём случае это вот такой симметричный эллипс:

Pixel art для начинающих. | Введение.


Pixel art для начинающих. | Введение.

Нижнее и верхнее основания у него длиной 10 пикселей, потом идут отрезки в 4 пикселя, три, три, один, один и вертикальная линия высотой 4 пикселя. Прямые в Photoshop удобно рисовать с зажатым Shift , хотя масштабы изображения в пиксель арте минимальные, всё же этот приём иногда здорово экономит время. Если ошиблись и нарисовали лишнего, залезли куда мимо – не расстраивайтесь, переключайтесь на инструмент ластик (Eraser Too l или клавиша «E ») и удалите ненужное. Да, обязательно установите ластику также размер пера в 1 пиксель, чтобы он подтирал попиксельно, и режим карандаша (Mode: Pencil ), иначе будет стирать не то что нужно. Переключение обратно на карандаш, напомню, через «B »

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

Продолжаем рисовать, добавляем нос, усики и рот:

Pixel art для начинающих. | Введение.

Pixel art для начинающих. | Введение.

Теперь глаза:

Pixel art для начинающих. | Введение.

Pixel art для начинающих. | Введение.

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

Pixel art для начинающих. | Введение.

Pixel art для начинающих. | Введение.

Рисуем брови (ничего что они висят в воздухе – у меня такой стиль) и мимические складки в углах рта, добиваясь от улыбки большей выразительности:

Pixel art для начинающих. | Введение.

Pixel art для начинающих. | Введение.

Углы пока выглядят не очень, одно из правил pixel art’а гласит, что каждый пиксель обводки и элементов может соприкасаться не более чем с двумя соседними пикселями. Но если внимательно изучить спрайты из игр конца 80-х – начала 90-х, эту ошибку там можно встретить довольно часто. Вывод – если нельзя, но очень хочется, то можно. Эту деталь позже во время заливки можно будет обыграть с помощью теней, так что пока рисуем дальше. Туловище:

Pixel art для начинающих. | Введение.

Pixel art для начинающих. | Введение.

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

Pixel art для начинающих. | Введение.

Pixel art для начинающих. | Введение.

3. Заливка.

Для каждого элемента персонажа нам пока будет достаточно трёх цветов – основного цвета заливки, цвета тени и обводки. Вообще по теории цвета в pixel art советовать можно много чего, на начальном этапе не стесняйтесь подсматривать за работами мастеров и анализировать, как именно они подбирают цвета. Обводку каждого элемента можно, разумеется, оставить чёрной, но в таком случае элементы наверняка будут сливаться, я предпочитаю использовать самостоятельные цвета, близкие по тому с основным цветом элемента, но с низкой насыщенностью. Удобней всего нарисовать где-нибудь рядом с вашим персонажем небольшую палитру и далее брать цвета с неё при помощи инструмента «пипетка» (Eyedropper Tool, I ):

Выбрав нужный цвет, активируем инструмент «ведро» (Paint Bucket, G ). Также обязательно отключите в настройках функцию Anti-alias, нам нужно чтобы заливка работала чётко в пределах прорисованных контуров и не выходила за них:

Pixel art для начинающих. | Введение.


Pixel art для начинающих. | Введение.

Заливаем нашего персонажа, что не получается залить – рисуем вручную карандашом.

Pixel art для начинающих. | Введение.

Pixel art для начинающих. | Введение.

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

В Photoshop есть удобная функция выбора по цвету (Select->Color range , ткнув пипеткой в нужный цвет мы получим выделение всех аналогичных по цвету участков и возможностью мгновенной их заливки, но для этого нужно чтобы элементы вашего персонажа находились на разных слоях, так что пока будем считать эту функцию полезной для продвинутых пользователей Photoshop):

Pixel art для начинающих. | Введение.


Pixel art для начинающих. | Введение.

4. Тень и dithering.

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

Pixel art для начинающих. | Введение.

Pixel art для начинающих. | Введение.

Тень это очень мощное изобразительное средство, грамотно обозначенная тень благоприятно скажется на внешнем виде персонажа – и на том впечатлении, что он окажет на зрителя. В pixel art один-единственный пиксель, поставленный не на своё место, способен разрушить всю работу, в то же время казалось бы такие незначительные поправки могут сделать изображение гораздо симпатичней.

Что же касается dithering ’а, в изображении с такими миниатюрными размерами он, на мой взгляд, совершенно лишний. Сам по себе метод заключается в «замешивании» двух соседних цветов, которое достигается путём шахматного расположения пикселей. Тем не менее, чтобы было представление о технике, я всё же введу небольшие области смешения, на брюках, на рубашке и немного на лице:

Pixel art для начинающих. | Введение.

Pixel art для начинающих. | Введение.

В целом же, как видите, ничего особо сложного. Pixel art тем и привлекателен, что усвоив некоторые закономерности, любой сможет неплохо рисовать сам – просто внимательно изучив работы мастеров. Хотя да, некоторое знание основ рисунка и теории цвета всё же не помешает. Дерзайте!

Гуляя утром по интернету, захотелось написать пост про Pixel Art, в поисках материала нашел эти две статьи.

4.7 (93.8%) 158 votes

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

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

Это искусство доступно любому, главное следовать четко по клеточкам. Для нанесения изображения идеально подходят школьные тетради, размер их квадратиков 5х5 мм, а самой тетради 205 мм на 165 мм. На данный момент у художников по клеточкам набирают популярность пружинные тетради-блокноты с листом формата А4, размер этого блокнота 280мм на 205мм.

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

Чем рисовать рисунки по клеточкам

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

Шариковые ручки для пиксель арт

Фломастеры для рисунков по клеточкам

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

Карандаши для рисунков по клеточкам

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

Посмотрите видео о том, как просто рисовать рисунки по клеточкам и как красиво может быть в результате:

Еще несколько схем рисунков, которые мне понравились:



Точечная графика — технология пиксель арт

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

Перед тем, как приступить к рассмотрению способов пиксель арта, вернемся в детство 80х -90х годов. Конечно, те, кто рос в постсоветское время, помнит 8-ми битные видеоигры, игровая графика, которых, построена на пиксельной графике.

Лучший способ освоить, что-либо это практика, давайте попробуем освоить пиксель арт:

Возьмем черную и красную масляную ручку, и тетрадный лист в клеточку.

Для начала сделаем простенький рисунок. Посчитаем клетки, определим контур и разукрасим согласно цветам.

К примеру, нарисуем сердечко:

  1. Берем листик в клетку и ручку с черной пастой, ставим 3 точки, как на рисунке, точки помечают, какие клетки будут закрашены черным.

  2. Рисуем линии, обозначающие контуры рисунка.

  3. Отметим по три точки с каждой стороны, смотри рисунок.

  4. Двумя линиями отметим область рисунка.

  5. Поставим еще по одной точке с каждой стороны и пролинеем границы под верхними точками.

  6. По вертикали нарисуем 8 точек и по 4 точки с обеих сторон, так как изображено на рисунке ниже.
  7. Проведя вертикальные линии, так как показано на рисунке, мы полностью укажем границы рисунка.
  8. Таким же образом отметим нижнюю часть сердца слева и справа.

  9. Обводим клетки, так как на нашем изображении.

  10. Следующее, что мы должны сделать, это закрасить красной ручкой внутреннюю часть сердца, оставив блик света не закрашенным.

  11. И последнее, черной ручкой заштрихуем клетки, помеченные точками. Теперь вы научились рисовать восьмибитные картинки.

Если вам кажется, что большие и объемные картинки не для вас, стоит попробовать нарисовать фотографию из интернета. Испугались? Не стоит.

Возьмите

  • черную ручку,
  • карандаши,
  • тетрадь в клеточку,
  • компьютер,
  • фотографию или картинку из интернета
  • программу фотошоп.

Для нанесения объемных рисунков нам нужно посчитать количество клеток, которые будут закрашены. Довольно трудно не ошибиться на больших количествах. Еще обязательно подберите оттенки цветов схожие с исходным изображением.
Итак, действуем:


Дам один совет, который очень мне помогает, если у вас есть цветной принтер, распечатайте рисунок, если нет, не страшно. Прочертите сетку по 10 клеток более жирным контуром. На напечатанном листе с помощью линейки и контрастной ручки, если распечатать негде, то можно открыть изображение в Paint.
Творческих вам успехов.

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

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

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

PyxelEdit

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

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

Pixelformer

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

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

GraphicsGale

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

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

Charamaker

Character Maker 1999 – одна из самых старых подобных программ. Создавалась она для создания отдельных персонажей или элементов, которые потом бы использовались в других программах для анимирования или внедрялись в компьютерные игры. Поэтому для создания картин она не очень подходит.

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

Pro Motion NG

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

В остальном же Pro Motion NG — просто хороший софт для создания пиксельной графики любого уровня. Пробную версию можно скачать с официального сайта и протестировать, чтобы определиться с дальнейшей покупкой полной версии.

Aseprite

По праву может считаться самой удобной и красивой программой для создания пиксель-артов. Одно оформление интерфейса только чего стоит, но это еще не все преимущества Aseprite. Здесь есть возможность анимирования картинки, но в отличие от предыдущих представителей, она реализована грамотно и удобна для использования. Есть все, чтобы создавать красивые GIF-анимации.

В этом уроке вы узнаете, как превратить фотографию человека в пиксельное искусство как вымышленный персонаж аркадной игры с начала 90-х годов.
Джеймс Май — aka Smudgethis — разработал этот стиль в 2011 году для музыкального видео для дабстеп-рок-акта. Первый хит Nero»s, Me & You — где он создал анимацию, чтобы показать старую игру с участием Nero»s два участника. Игра была 2D-платформером с ритмикой с 16-битной графикой, подобной Double Dragon, но намного превосходящей 8-битные игры ретро-классики, такие как Super Mario Bros.
Чтобы создать этот стиль, персонажи все равно должны быть блочными, но более сложными, чем старые игры. И хотя вам нужно использовать ограниченную цветовую палитру для достижения внешнего вида, помните, что в этих играх по-прежнему было 65 536 цветов.
Здесь Джеймс показывает вам, как создать персонаж на основе фотографии, используя простую цветовую палитру и инструмент «Карандаш».
Как и руководство по анимации, вам также понадобится фотография человека. Джеймс использовал фотографию панка, которая включена в файлы проекта этого учебника.
После завершения ознакомьтесь с этим 16-разрядным учебником анимации After Effects, где Джеймс покажет вам, как взять этого персонажа в AE, оживить его и применить эффекты ретро-игры.

Шаг 1

Откройте Руководство по анимации (16 бит) .psd и 18888111.jpg (или фото по вашему выбору) для использования в качестве основы для персонажа. Полноформатная фотография профиля будет работать лучше всего и поможет с получением цветовых палитр и стилей для вашей 16-битной фигуры.
В руководстве по анимации есть несколько поз по отдельным слоям. Выберите тот, который наилучшим образом соответствует позе на вашей фотографии — поскольку у нас нет ног в кадре, я пошел на стандартную позу на уровне 1.

Шаг 2

Используя инструмент Rectangular Marquee (M), выберите головку с вашей фотографии и копию (Cmd /Ctrl + C) и вставьте ее (Cmd /Ctrl + V) в Руководство по анимации (16 бит) .psd.
Масштабируйте изображение, чтобы оно соответствовало, пропорционально. Вы заметите, что по мере того, как размеры PSD очень малы, изображение мгновенно начнет рисовать пиксель.

Шаг 3

Создайте новый слой и нарисуйте контур одним пиксельным черным карандашом (B), используя предоставленную в нем руководство по анимации и фотографию в качестве основы. \ п
Поставляемый гид помогает развить ряд персонажей из более крупных фигур босса или более тонких женских. Это приблизительное руководство для компоновки и анимации моих персонажей пиксельных произведений.

Шаг 4

Используя инструмент Eyedropper (I), проведите образец самой темной области тона кожи на фотографии и создайте маленький квадрат цвета. Сделайте это еще три раза, чтобы создать четырехцветную палитру тон кожи.
Создайте еще один слой под контурным слоем и с помощью однопиксельной кисти и четырехцветной цветовой палитры затенйте изображение (опять же, используя фотографию как ваш гид). \ п
Лучше всего хранить все элементы вашего произведения искусства или разные слои, поскольку это позволяет легко повторно использовать их на других фигурах. Это особенно полезно для «baddies», поскольку большинство 16-битных игр используют очень похожие цифры. Например, у одного бадди может быть красная рубашка и нож, в то время как более поздняя идентична, кроме синей рубашки и пистолета.

Шаг 5

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

Шаг 6

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

Шаг 7

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

Шаг 8

Чтобы проверить последовательность анимации в порядке, откройте панель анимации в Photoshop и убедитесь, что в данный момент только первый кадр анимации. Вы можете добавить новые кадры и включить и выключить слои, чтобы сделать свою анимацию, но самым быстрым способом является использование команды «Сделать кадры из слоев» в всплывающем меню панели (вверху справа).
Первый кадр — пустой фон, поэтому выберите его и нажмите на значок корзины панели (внизу), чтобы удалить его.

инструкция по применению / Хабр

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

Фон

Пиксель-арт — форма цифрового художественного искусства, в котором изменения вносятся на уровне пикселей. В основном он ассоциируется с графикой видеоигр 80-х и 90-х годов. Тогда художникам приходилось учитывать ограничения памяти и низкого разрешения. Сейчас пиксель-арт все еще популярен в играх и как художественный стиль в целом, несмотря на возможность создания реалистичной 3D-графики. Почему? Даже если не брать в расчет ностальгию, создание крутой работы в таких жестких рамках — приятный и стоящий челлендж.

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


Metal Slug 3 (Arcade). SNK, 2000 год

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

В общем, я предупредил.

А теперь немного о моем стиле: в основном я рисую пиксель-арт для видеоигр и в них же нахожу вдохновение. В частности я фанат Famicom/NES, 16-битных консолей и аркад 90-х годов. Пиксель-арт моих любимых игр того времени можно описать как яркий, уверенный и чистый (но не слишком), его нельзя назвать жестким и минималистичным. В этом стиле я работаю сам, но вы легко можете применять идеи и техники из этого туториала для создания совершенно других вещей. Изучайте работы разных художников и создавайте пиксель-арт, который нравится вам!

Софт


Базовые цифровые инструменты для пиксель-арта — Зум (Zoom) и Карандаш (Pencil), чтобы размещать пиксели. Также вам пригодятся Линия (Line), Фигура (Shape), Выбрать (Select), Переместить (Move) и Заливка (Paint Bucket). Есть много бесплатного и платного ПО с таким набором инструментов. Я расскажу про самые популярные и те, которыми пользуюсь сам.

Paint (бесплатно)

Если у вас Windows, встроенный в нее Paint — примитивная программа, но в ней есть все инструменты для пиксель-арта.

Piskel (бесплатно)

Неожиданно функциональный редактор пиксель-арта, который запускается через браузер. Можно экспортировать работу в PNG или анимированный GIF. Отличный вариант для новичков.

GraphigsGale (бесплатно)

GraphicsGale — единственный редактор из тех, о которых я слышал, разработанный именно для пиксель-арта и включающий инструменты анимации. Его создала японская компания HUMANBALANCE. С 2017 года он распространяется бесплатно и до сих пор пользуется спросом, несмотря на рост популярности Aseprite. К сожалению, работает он только на Windows.

Aseprite ($)

Пожалуй, самый популярный редактор на данный момент.

Открытый исходный код

, куча возможностей, активная поддержка, версии для Windows, Mac и Linux. Если вы серьезно взялись за пиксель-арт и все еще не нашли нужный редактор, возможно, это то, что нужно.

GameMaker Studio 2 ($$+)

GameMaker Studio 2 — превосходный 2D-инструмент с хорошим редактором спрайтов (Sprite Editor). Если вы хотите создавать пиксель-арт для для собственных игр, очень удобно все делать в одной программе. Сейчас я использую этот софт в работе над

UFO 50

, коллекцией 50 ретро-игр: спрайты и анимации создаю в GameMaker, а тайлсеты — в Photoshop.

Photoshop ($$$+)

Photoshop — дорогой софт, распространяется по подписке, не заточен под пиксель-арт. Не рекомендую приобретать его, если вы не занимаетесь отрисовкой иллюстраций в высоком разрешении, или вам не нужно проводить сложные манипуляции с картинкой, как мне. В нем можно создавать статичные спрайты и пиксельные работы, но он довольно сложный по сравнению со специализированным софтом (например, GraphicsGale или Aseprite).

Прочее



Мой набор для пиксель-арта. Все черное, только сейчас заметил.

Графический планшет ($$+)

Рекомендую графические планшеты для любых работ с цифровыми иллюстрациями, чтобы избежать туннельного синдрома запястий. Его гораздо проще предотвратить, чем вылечить. Однажды вы почувствуете боль, и она будет только нарастать — позаботьтесь о себе с самого начала. Из-за того, что когда-то я рисовал мышкой, мне теперь тяжело играть в игры, в которых нужно нажимать на клавиши. Сейчас я использую Wacom Intuos Pro S.

Суппорт запястья ($)

Если вы не можете приобрести планшет, купите хотя бы суппорт запястья. Мне больше всего нравится Mueller Green Fitted Wrist Brace. Остальные либо слишком тугие, либо обеспечивают недостаточную поддержку. Суппорты без проблем можно заказать онлайн.

96×96 пикселей



Final Fight. Capcom, 1989 год

Приступим! Начнем со спрайта персонажа 96×96 пикселей. Для примера я нарисовал орка и поместил его на скриншот из Final Fight (картинка выше), чтобы вы понимали масштаб. Это большой спрайт для большинства ретро-игр, размер скриншота: 384×224 пикселя.

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

1. Выбираем палитру


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

Для этого туториала я буду использовать палитру из 32 цветов, которую мы создали для UFO 50. Для пиксель-арта их часто собирают из 32 или 16 цветов. Наша разработана для вымышленной консоли, которая могла бы появится где-то между Famicom и PC Engine. Можете взять ее или любую другую — туториал совсем не зависит от выбранной палитры.

2. Грубые контуры


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

3. Проработка контуров


Дорабатываем контуры: убираем лишние пиксели и сокращаем толщину каждой линии до одного пикселя. Но что именно считать лишним? Чтобы ответить на этот вопрос нужно разобраться в пиксельных линиях и неровностях.

Неровности

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

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

Примеры:


Прямые


Кривые

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

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

4. Применяем первые цвета


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

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

5. Шейдинг


Пора отобразить тени — просто добавляем более темные цвета на спрайт. Так изображение будет выглядеть объемным. Давайте предположим, что у нас один источник света, расположенный над орком левее от него. Значит, освещено будет все, что находится сверху и спереди нашего персонажа. Добавляем тени снизу справа.

Форма и объем


Если этот этап вызывает у вас сложности, представьте свой рисунок как объемные формы, а не просто линии и цвет. Формы существуют в трехмерном пространстве и могут иметь объем, который мы выстраиваем с помощью теней. Это поможет визуализировать персонажа без деталей и представить, что он сделан из глины, а не из пикселей. Шейдинг — это не просто добавление новых цветов, это процесс выстраивания формы. На хорошо проработанном персонаже детали не скрывают базовые формы: если вы прищуритесь, увидите несколько крупных кластеров света и тени.

Сглаживание (anti-aliasing, анти-алиасинг)

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

Серые пиксели смягчают «разрывы» в линии. Чем длиннее сегмент линии, тем длиннее АА-сегмент.


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

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

6. Выборочный контур


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

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

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

7. Финальные штрихи


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

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

Создание шумов (dithering, дизеринг)

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

Верхний градиент от темного к светлому использует сотни различных оттенков синего.

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

На нижнем градиенте мы применили дизеринг, который позволяет избежать бандинга и использует всего два цвета. Мы создаем шум разной интенсивности, чтобы имитировать градацию цвета. Эта техника очень похожа на халфтон (halftone — полутоновое изображение), применяемое на печати; а также на стипплинг (stippling — зернистое изображение) — в иллюстрации и комиксах.

На орке я применил дизеринг совсем немного для передачи текстуры. Некоторые пиксель-артисты совсем его не используют, другие — наоборот не стесняются и делают это очень умело. Мне кажется, что лучше всего дизеринг смотрится на больших участках залитых одним цветом (присмотритесь к небу на скриншоте Metal Slug, который был выше) или на тех участках, которые должны выглядеть шероховато и неровно (например, грязь). Решите сами, как его использовать.

Если хотите увидеть пример с масштабным и качественным дизерингом, изучите игры The Bitmap Brothers, британской студии 80-х годов, или игры на компьютере PC-98. Только учтите, что все они — NSFW.


Kakyusei (PC-98). Elf, 1996 год
На этом изображении всего 16 цветов!

8. Последний взгляд


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

Даже если ваш пиксель-арт не для игр, иногда стоит сказать себе: «Все уже достаточно хорошо!» И двигаться дальше. Лучший способ развития навыков — как можно больше раз пройти весь процесс целиком от начала до конца, используя как можно больше тем.

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

32×32 пикселя


Мы создали большой спрайт 96×96 пикселей первым, потому что при таком размере это больше напоминает рисование или живопись, но только пикселями. Чем меньше спрайт, тем меньше он похож на то, что должен отображать, и тем больше важен каждый пиксель.

В Super Mario Bros. глаз Марио — это всего два пикселя, расположенные один над другим. И его ухо тоже. Создатель персонажа Сигеру Миямото сказал, что усы потребовались для того, чтобы отделить нос от остального лица. Так что одна из главных черт лица Марио — не просто дизайн персонажа, но и прагматичная уловка. Что подтверждает старую мудрость — «нужда — мать изобретательности».

Основные этапы создания спрайта 32×32 пикселя нам уже знакомы: скетч, цвет, тени, дальнейшая доработка. Но в таких условиях, в качестве начального скетча я подбираю цветные фигуры вместо отрисовки контуров из-за маленького размера. Цвет играет более важную роль в определении персонажа, чем контуры. Посмотрите на Марио еще раз, у него вообще нет контуров. Интересны не только усы. Его бакенбарды определяют форму ушей, рукава показывают руки, а общая форма более-менее четко отображает все его тело.

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

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


Целая команда в сборе!

Форматы файлов



Такой результат может заставить понервничать любого пиксель-артиста

Картинка, которую вы видите — результат сохранения рисунка в JPG. Часть данных потерялась из-за алгоритмов сжатия файла. Качественный пиксель-арт в итоге будет выглядеть плохо, а вернуть его изначальную палитру будет непросто.

Для сохранения статической картинки без потери качества используйте формат PNG. Для анимаций — GIF.

Как правильно делиться пиксель-артом

Шеринг пиксель-арта в социальных сетях — отличный способ получить фидбек и познакомиться с другими художниками, работающими в том же стиле. Не забудьте поставить хэштег #pixelart. К сожалению, соцсети часто конвертируют PNG в JPG без спроса, ухудшая вашу работу. Причем не всегда понятно, почему ваша картинка была конвертирована.

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

Twitter

Чтобы PNG-файл не изменился в Twitter, используйте меньше 256 цветов или

убедитесь

, что ваш файл меньше 900 пикселей по длинной стороне. Я бы увеличил размер файла хотя бы до 512×512 пикселей. Причем так, чтобы масштабирование было кратно 100 (200%, а не 250%) и сохранялись резкие края (Nearest Neighbor в Photoshop).

Анимированные GIF-файлы для постов в Twitter должны весить не более 15 Мб. Картинка должна быть как минимум 800×800 пикселей, цикличная анимация должна повторяться трижды, а последний кадр должен быть вполовину короче по времени, чем все остальные — самая популярная теория. Однако, непонятно, насколько нужно выполнять эти требования, учитывая, что Twitter постоянно меняет свои алгоритмы отображения картинок.

Instagram

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

Урок 16. Размер и разрешение изображения. Форматы файлов._

Для просмотра видео нажмите на картинку.

Вы узнаете:

  • Что такое разрешение изображения и какие бывают форматы файла.
  • Как изменить размер и разрешение в окне Image Size (Размер изображения).
  • Какие бывают алгоритмы интерполяции.
  • Как подготовить изображение для размещения в интернете с помощью
  • окна Save for Web (Сохранить для Web).
  • Как получить минимальный вес файла при сохранении в JPG и GIF.
  • Как сохранять в PNG, PNG-24, TIFF, PDF и PSD.

Урок состоит из следующих разделов:

1. Обучающее видео.
2. Как влияет Resolution (Разрешение) на качество снимка.
3. Image Size (Размер изображения).
4. Увеличение размера без потерь качества.
5. Плагины для изменения размеров изображений.
6. Подготовим изображение для размещения в интернете.
7. Save for Web (Сохранить для Web).
8. Сохранение в формат JPG.
9. Сохранение в формат GIF.
10. Сохранение в формат PNG.
11. Сохранение в формат TIFF.
12. Сохранение в формат PDF.
13. Сохранение в формат PSD.
14. Вопросы.
15. Домашнее задание.

Как влияет Resolution (Разрешение) на качество снимка

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

Разрешение – это количество пикселей, из которых состоит растровое изображение. Многие из вас сталкивались с ситуацией, когда в фотоаппарате специально уменьшалось разрешение (больше фотографий влезет в карту памяти, а на маленьком дисплее они хорошо смотрятся). Вспомните первые камеры в мобильных телефонах с разрешением 0,3 МП. А потом, перенеся фотографии
в компьютер на большой монитор, были разочарованы качеством, которое было безвозвратно утрачено в момент съемки. При увеличении тех фотографий в графическом редакторе результат становится еще хуже. Наклонные линии становятся зубчатыми, а фото кажется расплывчатым. Пиксели определяют, насколько изображение кажется нам резким, а их количество отвечает за максимальный размер отпечатка без потерь качества.

У нижнего левого края окна программы находится Status Bar (Строка состояния).

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

Это поле удобно, но не позволяет изменять размер в соответствии с нашими запросами.

Image Size (Размер изображения)

Чтобы изменить разрешение или размер выберите в меню Image (Изображение) – ImageSize (Размер изображения). Или нажмите Alt + Ctrl + I.

Из открывающихся меню полей Width (Ширина) и Height (Высота), расположенных в группе Document Size (Размер документа), выберите единицы измерения. Проценты, дюймы, см, мм, пункты, пк, колонки.

dpi – dots per inch (точки на дюйм) – Единицы измерения разрешения при печати.

ppi – pixels per inch (пиксели на дюйм) – Единицы измерения разрешения для компьютерных мониторов.

Resolution (Разрешение) – количество пикселей в 1 дюйме или сантиметре. Какое разрешение выбрать?

72 ppi – вполне достаточно для отображения фотографий на экране монитора. Для Web-графики тоже этого достаточно. При увеличении масштаба таких изображений разглядеть мелкие детали у вас не получится, потому что их там нет.

300 ppi – желательно устанавливать для фотографий, которые вы хотите выставить на продажу или распечатать на принтере. Хотя для печати средним значением является 267 ppi. У изображений с большим разрешением при увеличении масштаба просмотра, можно разглядеть мелкие детали.

В качестве единиц измерения выберите pixels / inch (пиксели на дюйм), а не pixels /cm. Нам, не привыкшим измерять в дюймах, нужно быть особенно осторожными и не выбирать pixels /cm только на том основании, что сантиметры больше нравятся. Разница в 2,54 раза сразу скажется на вашем разрешении. Файлы станут гигантского веса. Так что при работе с данным окном и при создании нового документа следите, чтобы были выбраны пиксели на дюйм.

ScaleStyles (Масштабировать стили) – позволяет масштабировать стили, заданные в палитре Layers (Cлои) вместе с выбранным слоем.

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

Resample Image (Интерполяция/Отслеживать изменения). При установке этой галочки изменение разрешения изображения (числа пикселов на дюйм) приведет к изменению размеров изображения c сохранением исходного разрешения. Если сбросить галочку, то увеличение разрешения изображения (например, с 72 до 300) приведет к уменьшению геометрических размеров изображения при печати. Будьте внимательны, чтобы не получить отпечаток размером с почтовую марку.

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

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

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

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

Bilinear (Билинейная). Вычисляется среднее значение на основе анализа соседних пикселей по горизонтали и вертикали.

Bicubic (Бикубическая). Наилучшая для плавных градиентов. Вычисляется среднее значение на основе анализа соседних пикселей не только по горизонтали и вертикали, но и по диагонали. Этот способ интерполяции работает с большим количеством смежных пикселей, производит серьезные вычисления значений этих элементов и создает новые пиксели, которые должны быть на этом месте. При небольших увеличениях фото этот способ вполне подойдет.

Начиная с CS и выше, появились два новых алгоритма интерполяции. Советую использовать именно их:

Bicubic Smoother (Бикубическая глаже) Наилучшая для увеличения.

Bicubic Sharper (Бикубическая четче). Наилучшая для уменьшения. Если вы чаще всего уменьшаете снимки, задайте этот алгоритм в качестве основного по умолчанию. Для этого выберите его в Edit(Редактирование) – Preferences (Установки) – General (Основные). Изменения вступят в силу после перезапуска Photoshop.

Увеличение размера без потерь качества

Я нашла в интернете простой способ увеличить размеры изображения с небольшой потерей качества и решила проверить так ли это. Я взяла маленькую картинку размером 5 на 5 см и увеличила ее в 2 раза, используя интерполяцию Bicubic Smoother (Бикубическая глаже). Справа от полей Width (ширина) и Height (Высота) выберите элемент % (проценты). Введите в эти поля значение 110, чтобы увеличить размер изображения на 10%.

Увеличение размера изображения на 10% не приводит к ухудшению его качества! Чтобы увеличить небольшое изображение во много раз, необходимо несколько раз увеличить его размеры на 10% (8 раз пришлось выполнить эту команду).

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

Кстати, сделать это очень просто: откройте палитру Action (Операции/Сценарии). Она находится рядом с палитрой History (История). Нажмите на кнопку создать новую операцию. Появится окошко, в котором нужно ввести название операции (например, увеличить в 2р. по 10). Кружок внизу палитры станет красным, значит пошла запись. Измените Image Size (Размер изображения), как сказано ниже 8 раз, и нажмите на самый левый квадратик «Стоп». Все! Теперь для выполнения этой операции достаточно отметить ее курсором и нажать кнопку Play.Подробную информацию об Action (Операциях) вы найдете в уроке по автоматизации.

Результаты эксперимента представлены ниже. Вы видите разницу? Я нет. Но может зрение меня подводит. Мне кажется, оба результата стали заметно хуже по сравнению с маленьким исходником.

 

Так стоит ли овчинка выделки, если разница еле уловима? И неужели люди зря придумали этот алгоритм? Нет, не зря. Разница действительно есть, но заметна она лишь при очень большом увеличении (в 300% и выше). Размытость изображения после проведения Resample Image (Интерполяции) будет видна только при печати изображения, на экране это

При использовании инструментов трансформации (Ctrl+T), также меняется размер изображения. Причем происходит это так быстро, что мы даже не успеваем задуматься, на сколько, пострадает качество. Алгоритмы интерполяции беспощадно съедают пиксели при уменьшении и дорисовывают новые при увеличении.

Плагины для изменения размеров изображений.

В Photoshop есть достаточно средств для изменения размера изображения. Однако нельзя не отметить и других производителей.

  1. Alien Skin – BlowUp v1.0 plug-in for Adobe Photoshop. Лучшее чем бикубическая интерполяция. Плагин при изменении размера изображения сохраняет гладкие четкие края и линии, и создает четырехкратные (1600%) увеличения без появления ступенчатых артефактов и свечений. В некоторых случаях Blow Up позволяет увеличить изображение в шесть раз без видимых артефактов.
  2. SizeFixer SLR – Позволяет увеличивать изображение до формата А1
  3. SizeFixer XL . – Безграничное увеличение.
  4. PXL SMARTSCALE – Увеличивает до 1600% без потерь в качестве при печати.

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

Подготовим изображение для размещения в интернете.

Обычные Save (Сохранить ) Ctrl+S и Save as… (Сохранить как…) Shift+Ctrl+S не дают возможности контролировать результат, да и вес файла получается большим.

Несмотря на то, что в окне сохранения есть ползунок регулирующий качество сжатия, размер файла получается при максимальном качестве все равно больше, чем при выборе другой команды Save for Web (Сохранить для Web).

Save for Web (Сохранить для Web)

Выберите в меню File(Файл)SaveforWeb (Сохранить для Web). Комбинация клавиш Alt + Shift +Ctrl + S. В этом окне мы можем наблюдать, как меняется качество при сжатии изображения. А так же контролировать вес файла и скорость его загрузки. Удобнее всего работать с вкладкой 2 — Up (2 варианта), т. к. можно сравнить на сколько пострадает качество ради маленького веса (важно чтобы картинки на сайте быстро загружались). Под изображением находятся комментарии: формат сжатия, размер файла после оптимизации и время загрузки.

В правой части окна находятся все основные настройки оптимизации.

Всего форматов сохранения для Web пять: GIF, JPG, PNG-8, PNG-24 и WBMP. Последний практически не используется.

В JPG лучше всего хранить объемные файлы фона сайта и фотографий для публикаций, в GIF, PNG-8 и PNG-24 – элементы дизайна, которые имеют небольшой объем и ограниченное количество цветов. К сожалению, PNG-24 не поддерживается браузером Internet Explorer 6, но количество пользователей IE6 быстро уменьшается и, следовательно, риск, что формат PNG-24 не откроется у кого-то на компьютере, уменьшается.

Файлы формата GIF и PNG-8 сохраняют прозрачность (но не альфа-канал). Чтобы сохранить прозрачность, нужно отметить галочку Transparency. WBMP – растровый формат для мобильных телефонов.

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

Сохранение в формат JPG.

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

Настройки для формата JPG состоят в основном из настройки качества изображения (оно же сжатие) в процентах. Чтобы сохранить большой кусок фона можно увеличить размытие.

Для управления размером картинки в Save for Web (Сохранить для Web) есть раздел под названием Image Size (Размер изображения). Размеры вашей картинки не должны превышать 800 на 600 пикселей. Или нетерпеливый пользователь закроет окно браузера, не дождавшись пока картинка загрузится полностью.

Откройте файл кораблик.jpg. Выберите в меню File(Файл) команду Save for Web (Сохранить для Web). Выберите режим 2-Up (Два варианта). В разделе Image Size (Размер изображения) уменьшите размер изображения до 450*600. Можно это сделать предварительно, выбрав в меню Image (Изображение) – Image Size (Размер изображения), или нажав Alt + Ctrl + I.

В правой части окна в списке выберите формат сохранения JPEG.

Список Compression quality (Качество сжатия) предлагает несколько значений – от Low (Низкое) до Maximum (Наилучшее). Более точная регулировка осуществляется ползунком Quality (Качество), расположенным правее. Для начала установите 100%. При столь высоком значении изображение
в правой части области просмотра (оптимизированное) практически не отличается от оригинала
в левой части. Взгляните на информационные поля в соответствующих частях области просмотра. Оригинал (несжатое изображение) занимает 625 Кбайт, а сжатое – 139,5 Кбайт. Даже при таком низком коэффициенте сжатия есть значительный выигрыш в размере файла. Время загрузки сжатого изображения 26 секунд – это слишком много, многие могут потерять терпение и уйти
с вашей странички.

Установите ползунок Quality (Качество) посередине, примерно на 50%. Вы видите разницу между двумя изображениями? Нет? Тогда можно уменьшить Качество еще немного. Остановимся на 35%. Ниже 30 уже будет заметно ухудшение. Вес стал 23 кб, а скорость 5 сек. Иногда параметр Blur (Размытие) может сэкономить вам еще одну-две секунды. Но в нашем случае он не даст заметного результата, т.к. мы уже достаточно сильно сжали картинку.

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

Optimized (Оптимизация/Оптимизированный) включает дополнительную оптимизацию внутренней структуры JPEG, что иногда еще сильнее сокращает размер файла.

ICC Profile (Встроенный профиль/Профиль ICC) позволяет внедрить в файл изображения цветовой профиль. Внедренный профиль увеличивает размер файла. Отметьте этот пункт только, если считаете необходимым, чтобы и другие знали какой у вас цветовой профиль.

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

Сохраните сделанные настройки если вам нужно обработать много изображений. Для этого щелкните по значку меню опримизации и выберите Save Settings (Сохранить настройки). Введите в поле File name (Имя файла) какое-нибудь имя, и нажмите кнопку Save (Сохранить).

Теперь в списке Settings (Наборы/Параметры) появится введенное имя. При обработке следующего файла будет достаточно выбрать это имя из списка.

Сохранение в формат GIF

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

Количество цветов в его палитре задается в поле Colors (Цвета) и должно создавать зависимость между качеством и весом.

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

Следующий выпадающий список по умолчанию вариант Diffusion (Диффузия/Случайный) лучше использовать для фотографий, a Noise (Шум) – для фоновых текстур и градиентов. Pattern (Регулярный /Узор) создает повторяющийся узор.

Interlaced (Чересстрочно) – для постепенной загрузки изображения.

Степень сглаживания задается ползунком Dither (Дизеринг/Сглаживание). Чем выше сглаживание, тем больше размер файла.

Список Matte (Матовый/Кайма) создает переход кромки изображения к фоновому цвету страницы. Обычно кромка полупрозрачная, а это не поддерживается форматом GIF.
В результате при экспорте возникает характерный шум. Чтобы избежать его появления, установите в списке цвет фона Web-страницы. Полупрозрачные пиксели будут окрашены в этот цвет. Если снять галочку Transparency (Прозрачность), цвет, заданный в списке Matte (Матовый/Кайма), будет считаться фоновым и заполнит прозрачные участки изображения.

Перевод цветов к палитре Web осуществляется ползунком Web Snap (Web-цвета). Понаблюдайте за изменениями цветов изображения в зависимости от положения ползунка. Происходящие изменения отображаются в палитре изображения. На некоторых цветах палитры появляются белые ромбики.

Color Table (Таблица цветов) полезна не только для наблюдения. Она позволяет управлять отдельными цветами изображения.

Если щелкнуть по значку откроется дополнительный список.

Если вы хотите избежать существенных цветовых сдвигов в любых браузерах, но не хотите приводить все цвета к палитре Web, то можно сделать это выборочно. Задайте режим сортировки Sort by Popularity (Сортировка по частоте использования). Наиболее часто встречающиеся цвета расположатся слева направо.

Щелкните мышью на любом образце в палитре. Образец получит белую рамку, показывающую, что он выделен. Photoshop может сам выбрать цвет, наиболее близкий к выделенному, из палитры Web. Для этого надо щелкнуть на пиктограмме кубика в нижней части панели или выбрать команду Shift/Unshift Selected Colors to/from Web Palette(Заменить / Отменить замену выделенных цветов на цвета палитры Web).

Приведение всего изображения к палитре Web сделало переходы на изображении монитора чересчур резкими. Исправим этот дефект вручную. Сделайте на образце в палитре двойной щелчок мышью. Перед вами появится окно Color Picker (Палитра цветов). Убедитесь, что флажок Only Web Colors (Только цвета Web) в нем установлен. Выберите оттенок, ближайший к текущему цвету и закройте окно нажатием кнопки ОК (Да). Цвет будет отредактирован. Если вы находите его тоже неудачным, снова откройте окно Color Picker (Палитра цветов) и подберите другой.

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

Сохранение в формат PNG.

PNG позволяет хранить как индексированные, так и полноцветные изображения. Используемый алгоритм сжатия не приводит к потерям информации. Многократная обработка и перезапись лишена недостатков, присущих формату JPG. Форматы PNG-8 для индексированных изображений и PNG-24 для полноцветных. Параметры PNG-8 абсолютно аналогичны GIF, в PNG-24 есть только переключение режимов Transparency (Прозрачность), Interlaced (Чересстрочная развертка)
и параметров Matting (Матовый/Обработка краев).

Сохранение в формат TIFF

Сохранить в TIFF нельзя через Save for Web (Сохранить для Web).

Для сохранения воспользуйтесь Меню File (Файл) – Save as… (Сохранить как…). В поле тип файлов выберите TIFF.

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

В TIFF сохраняется прозрачность и альфа‑каналы. В PhotoShop вы можете сохранить файл, содержащий слои.

В TIFF сохраняется информация о профиле ICC . Это дает возможность сохранить цвета без изменения при просмотре на разных мониторах и при выводе на печать.

TIFF широко распространен и на IBM PC, и на Apple. Это позволяет использовать его для передачи изображений с одной аппаратной платформы на другую без потери содержания. Также этот формат можно использовать для передачи данных между различными приложениями, «не понимающими» форматы друг друга, но «знающими» TIFF. При такой передаче будут сохранены многие атрибуты изображения, теряющиеся, например, при передаче данных через буфер обмена Windows.

Сохранение в формат PDF

PDF – это формат для представления электронных документов (безбумажный офис). Главное достоинство состоит в том, что документы выглядят одинаково на любых устройствах (экраны, принтеры). Элементы оформления не смещаются в разные стороны.

Для сохранения воспользуйтесь Меню File (Файл) – Save as… (Сохранить как…). В поле тип файлов выберите PDF.

В разделе Система защиты можно поставить пароль на открытие файла, на печать, на сохранение и на редактирование.

Сохранение в формат PSD

PSD – это собственный формат PHOTOSHOP. В нем можно сохранить слои, маски, обтравочные маски, контуры, текст и другие моменты не законченной работы.

Вопросы:

  1. Какой формат файла не поддерживает сжатие без потерь?

– JPG

– PSD

– PDF

– TIFF

  1. Какой алгоритм интерполяции лучше всего подходит для увеличения разрешения изображения?

– Nearest Neighbor(По соседним пикселам)

– Bilinear (Билинейный)

– Bicubic (Бикубический)

– Bicubic Smoother (Бикубическая глаже)

– Bicubic Sharper (Бикубическая четче)

 

  1. Какое разрешение нужно установить, чтобы сохранить изображения для интернета?

– 300

– 72

– 150

– 25

  1. Что нужно сделать в окне Image Size (Размер изображения), чтобы изменение размеров изображения происходило c сохранением исходного разрешения?

– Установить галочку Scale Styles (Масштабировать стили).

– Установить галочку Constrain Proportions (Сохранить пропорции).

– Установить галочку Resample Image (Интерполяция/Отслеживать изменения).

– Снять галочку Resample Image (Интерполяция/Отслеживать изменения).

– Снять галочку Constrain Proportions (Сохранить пропорции).

– Снять галочку Scale Styles (Масштабировать стили).

  1. Можно ли в окне Save for Web (Сохранить для Web) изменить размер изображения?

– Да.

– Нет.

  1. Какой формат файла нельзя выбрать в окне Save for Web (Сохранить для Web)?

– JPG

– PNG-26

– GIF

– TIFF

– PNG-8

Домашнее задание:

1. Откройте фотографию кораблик.jpg. Сохраните в формат JPG при помощи Save for Web (Сохранить для Web). Добейтесь следующих показателей: размер изображения 600*800 пикс; 39,49 к;

8сек /56,6 кбит в сек.

 

 

2. Откройте фотографию кораблик.jpg. Сохраните в формат GIF при помощи Save for Web (Сохранить для Web). У меня получилось сжать ее до 75 кб и добиться скорости загрузки 14 сек при 56 кбит/сек. Попробуйте добиться лучшего результата.

Придется изменять цвета.

 

 
Отзывы и замечания учеников из группы тестирования учебника.  Этот урок был последним для большинства учеников. Ответы на заданные вопросы добавлены в урок:

Настя: — Урок по размерам изображения оказался для меня абсолютно новой информацией… Никогда (даже для сайтов) не пользовалась данной функцией. Просто уменьшала размер файла и сохраняла как jpeg. Даже для того,чтобы тебе отправлять в письме файлы ведь можно оптимизировать размер таким образом? а ведь очень полезная информация, хотя и много теории. Про описанный метод увеличения маленьких картинок я читала и знала раньше,но никогда не пользовалась даже функцией увеличения размеров изображения через ресемплинг — просто увеличивала размер изображения, а в списке были стандартные настройки. теперь буду пользоваться алгоритмом бикубической глаже. Познавательно было прочесть и для чего нужны иные форматы-раньше не знала для чего они. Если бы не пункт,что данные операции делаются уже на этапе сохранения работ,то этот урок можно было бы поставить одним из первых. Мне понравилось объяснение как сжать размер для формата gif  через изменение цветовой палитры.

Елена З: — Здравствуйте, Света, по gif у меня что то не очень получается, при сохранении для web никогда очень сильно не уменьшаю изображение, благо интернет позволяет, всегда выбираю средние настройки.

B.Olga.B  — Урок интересный, с сохранением в jpeg особых сложностей не было, а вот с gif  пришлось помучится, сделала в двух версиях CS3 и CS5, но добиться Ваших результатов не получилось….

Бабенко Юлия: — Привет, Света. Ну наконец я дошла до финала. Спасибо тебе большое за уроки, я очень много узнала, остается только практиковаться и практиковаться!!!!!!! Ты большая умничка, очень хорошо обьясняешь! Таких уроков в интернете не найти! Этот урок понравился, никогда так не сохраняла, а оказывается это так легко и весят меньше, правда GiF формат трудноват, но это лишь потому что нет практики! Спасибо огромное!!!!!!!!!!!!!!!!!!!!!!!! Скажи пожайлусто, а будут ли еще уроки, ждать нам чего то нового?????? и в какие сроки, а то уже так привыкли делать домашние задания). P.S. Так  быстро еще у меня никогда файлы не загружались))))))))))))).

Елена Михайлова:  — Отправляю Вам домашнее задание к уроку и комментарии к нему. Слышала, что уроков 36, будет ли продолжение? Очень удивлена, что пришла к финишу шестой, очень переживала что я в отстающих. Я Вас не забуду и с удовольствием продолжу сотрудничество. Сейчас у меня впечатления от курса только самые положительные.

Автор: —  Лена, было очень приятно с Вами сотрудничать. Очень боюсь, что Вы теперь переключитесь на что-нибудь другое и забудете про меня. Я так привыкла  исправлять ошибки по Вашим подсказкам…

Надежда Диденко: — Добрый вечер, Света. Высылаю отчет о проделанной работе — неужели это все? Я как то так уже привыкла ждать уролки… как в школе.  Надежда. 

Автор:В отчете который прислала Надежда 31 пункт замечаний и дополнений!!!!!!!!!!!!!!  Надежда, спасибо Вам огромное! Ваша помощь просто на вес золота.

 

 

25 лучших фотоэффектов в Photoshop (Artistic PSD Actions)

Создавайте мастерские художественные фотоэффекты с помощью этих экшенов Photoshop.

25 лучших фотоэффектов в Photoshop


Каждый должен иметь возможность заниматься искусством, которое ему нравится. И теперь цифровое искусство позволяет каждому стать художником с помощью экшенов Photoshop.

Сегодня мы собрали для вас 27 лучших художественных фотоэффектов от Envato Market и Envato Elements.

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

Преобразите застойную временную шкалу с помощью крутых эффектов, смелых и уникальных. Просто откройте эти шаблоны в Adobe Photoshop, чтобы сразу приступить к работе!

Хотите увидеть эти ресурсы в действии? Ознакомьтесь с нашими примерами ниже.

Быстро создавайте потрясающие фотоэффекты: смотрите наши примеры!


Чтобы дать вам представление о том, как легко использовать эти ресурсы, вот два забавных примера, которые мы опробовали!

Масляная краска с блеском

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

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

Нарисованный от руки Экшен Photoshop

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

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

Хотите увидеть больше вариантов? Ознакомьтесь с остальными из этих удивительных ресурсов ниже.

Концепт-арт Экшен Photoshop

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

Экшен Photoshop

Paintum

Нарисуйте великолепные изображения животных и людей с помощью этого экшена Paintum Photoshop. Этот экшен, разработанный для всех креативщиков, дает вам профессиональный вид с помощью простого в использовании инструмента. Никаких дополнительных шагов не требуется — просто воспроизведите действие для одного блестящего эффекта.

Экшены Photoshop Artistic Pixel Sorter

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

Экшен Photoshop «Акварельный художник»

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

Экшен Photoshop

Blood Art

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

Экшен Photoshop

«Экспозиция облаков»

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

Экшен Tekniq Photoshop

Продемонстрируйте свою фантастическую технику с помощью этого художественного экшена Photoshop. Этот экшен сочетает в себе эффект легкого эскиза с абстрактными линиями для создания приятной современной эстетики. Используйте его для создания потрясающих обоев для телефона или компьютера или просто в качестве творческого портрета. Наслаждаться!

Экшен Photoshop с двойной экспозицией в цвете

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

Экшен Doodle Mosaic Art Photoshop

Нарисуйте свой путь к потрясающим шедеврам! Этот экшен Photoshop отлично подходит для начинающих! Сделайте свои селфи яркими с помощью захватывающих каракулей-мозаик, созданных с помощью пользовательских кистей Photoshop. Получите полный пакет файлов действий, кистей и шаблонов по ссылке выше!

Холст 2 Экшен Photoshop

Исследуйте различные текстуры и эффекты с помощью этого экшена Canvas 2 Photoshop.Этот экшен идеально подходит для новичков в Photoshop. Он поможет вам создать невероятную текстуру и многое другое с помощью одного простого действия. Он протестирован на версиях CS3 и выше. Вам обязательно понравится это действие!

Экшен Photoshop Code Art

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

Экшен Photoshop с чернилами

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

Смешанный художественный экшен Photoshop

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

Экшен Photoshop

Зодиак

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

Экшен Photoshop

«Акварельное искусство»

Нужен великолепный акварельный эффект одним щелчком мыши? Попробуйте этот удивительный акварельный экшен от дизайнера Saturn62.Сначала откройте фотографию в Photoshop и закрасьте ее цветом. Когда будете готовы, запустите экшен для блестящего акварельного эффекта!

Тату Экшен Photoshop

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

Экшен Photoshop

Abstract Scatter

Этот художественный экшен Photoshop поставляется с простым видеоуроком.Создавайте великолепные абстрактные брызги и интересные текстуры. Этот экшен подходит для Adobe Photoshop версии CS5 и выше и помогает сэкономить время и энергию. Сделайте взрывные портреты идеальными для постеров и многого другого.

Экшен Photoshop в стиле поп-арт

Создавайте потрясающие поп-арты, как Лихтенштейн! Этот следующий экшен Photoshop прост и забавен. Просто установите его в последние версии Photoshop CC, чтобы уже сейчас наслаждаться эффектами ретро-поп-арта. Настройте фон, цвета и текстуры для выдающегося вида!

Художественный эскиз Экшен Photoshop

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

Абстрактный Экшен Photoshop

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

Экшен Photoshop ModernArt 3

Нужен новый рекламный материал с захватывающим видом? Посмотрите на этот современный художественный экшен Photoshop.Создавайте всплески красок с аккуратным акварельным эффектом, который можно применить к портретам, животным и предметам. Этот экшен, проверенный на версиях Photoshop CS3 и выше, обязательно должен быть добавлен в ваш арсенал.

Экшен Photoshop

Разрушение пикселей

Разбейте свои фотографии на миллионы кусочков пикселей с помощью этого классного экшена Photoshop. Для достижения наилучших результатов используйте изображения с высоким разрешением размером от 1500 до 2500 пикселей. Просто откройте свою фотографию и поэкспериментируйте с экшеном для получения феноменальных результатов.Попробуйте!

Экшен Photoshop

Amazing Journal Art

Вам нравятся творческие журналы? Изучите этот популярный эффект типографского портрета с помощью следующего экшена Photoshop. Этот удивительный эффект превращает ваши любимые портреты и кадры в фантастическом газетном искусстве. Создавайте динамические заголовки и графику для веб-сайтов и печати!

Покажите нам свое фотоискусство!


Пробовали какие-либо из этих активов? Дайте нам знать! Расскажите нам о своих любимых художественных фотоэффектах в комментариях ниже.И ознакомьтесь с нашими предыдущими списками для получения дополнительных замечательных ресурсов!

  • Экшены Photoshop

    20 фотоэффектов Glitch и VHS с цифровыми художественными стилями Photoshop

    Мелоди Ньевес

  • Фотоэффекты

    30 крутых фотоэффектов Photoshop для добавления стиля и восхищения

    Мелоди Ньевес

Это коллекция ресурсов премиум-класса, идеально подходящих для заядлых дизайнеров и фотографов. Для получения более крутых художественных фотоэффектов посетите Envato Market и Envato Elements или заручитесь помощью наших талантливых профессионалов в Envato Studio.Удачного проектирования!

Тип Арт в Фотошопе | Комплекты дизайна

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

1 — В Photoshop откройте изображение, которое вы хотите преобразовать в «Type Art».

2 — Выберите «Инструмент быстрого выделения» (W), используйте опцию «Добавить к выделению» в верхнем меню и достаточно большую кисть. Выберите объект, а затем нажмите кнопку «Выбрать и замаскировать».

3 — Уточните свой выбор (он не обязательно должен быть идеальным, поскольку мы используем его только для справки). Увеличьте значения «Smooth» и «Contrast» до 100% и выберите «Selection» в качестве опции «Output». Нажмите «ОК».

4 — Создайте «Новый слой», нажав кнопку внизу «Панели слоев». Затем перейдите в Edit > Stroke, выберите «С» около 5 пикселей, контрастный цвет (мы использовали #fc0404). Используйте «Центр» в качестве «Местоположения» и нажмите «ОК».Назовите свой слой «Контур».

5 — Выберите «Инструмент «Кисть» (B), используйте тот же цвет и «Размер кисти», что и «Обводка», и нарисуйте несколько линий, разделяющих изображение на части. Оставьте достаточно места, чтобы слово или слова из текста, который вы планируете использовать, поместились.

6 — Создайте «Новый слой», поместите его между слоями «Фон» и «Контур» и назовите его «Цвет». Перейдите в Редактирование > Заливка (Shift + F5) и используйте цвет, который не смешивается с тем, который вы использовали для «Обводки», и который вам нравится в качестве «Фона» (мы использовали #2c757c).

7 — Выберите инструмент «Текст» (T), выберите шрифт (мы использовали «Arial Black») и введите текст.

8 — Щелкните правой кнопкой мыши поверх миниатюры текстового слоя и выберите «Растрировать тип». Теперь, используя «Прямоугольный инструмент выделения» (M), нарисуйте квадрат вокруг слова или слов вашего текста, «Вырежьте» их (Command/Control + X), а затем «Вставьте» (Command/Control + V). Переименуйте только что созданный слой и повторите то же самое с остальным текстом.

9 — Используйте «Инструмент «Перемещение» (V), чтобы расположить слова поверх раздела, который вы хотите заполнить. Используйте «Свободное преобразование» (Command/Control + T), чтобы масштабировать, вращать и/или изменять их размер.

10 — Выберите один из ваших словесных слоев, введите «Свободное преобразование» (Command/Control + T) и нажмите маленькую кнопку «Обтекание» в верхнем меню, чтобы войти в «Преобразование деформации». . Нажмите и переместите точки «Сетки», чтобы преобразовать текст и подогнать его под назначенный раздел.Когда вы закончите, нажмите «Галочка» в верхнем меню или нажмите «Ввод». Повторите это со всем своим текстом и помните, что вы можете переключаться между двумя режимами, нажимая кнопку.

11 — Выберите все ваши текстовые слои (нажмите на их миниатюры, удерживая клавишу «Shift») и создайте «Группу», нажав на маленький значок «Папка» внизу. панели «Слои». Отключите видимость слоев «Контур» и «Цвет», затем дважды щелкните верхнюю часть «Папки» и используйте следующие «Стили слоев»:

Тень:

12 — Щелкните правой кнопкой мыши в верхней части папки «Текст» и выберите «Преобразовать в смарт-объект».

13 — Необязательно: В «Панели настроек» создайте новый «Корректирующий слой оттенка/насыщенности», установите флажок «Раскрасить» и прикрепите его к вашему «Смарт-объекту», нажав кнопку в нижней части «Панель свойств». Переместите рычаги, чтобы изменить цвет текста. Вы также можете включить слой «Цвет» и использовать его как «Фон».

14 — Ваша «художественная работа» должна выглядеть примерно так:

от @lornacane

Online Course — Adobe Photoshop for Concept Art (N)

Если вы всегда хотели окунуться в мир концепт-арта, в этом уроке Domestika Basics вы научитесь создавать удивительных персонажей и миры в Photoshop с помощью Начо Ягуэ, концепт-художника с более чем 16-летним опытом.Он работал над такими известными играми, как Splinter Cell: Blacklist, Assassin’s Creed Unity и Watch Dogs 2.

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

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

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

На третьем курсе вы научитесь использовать различные меню Photoshop, а именно: «Файл», «Редактирование», «Изображение», «Выделение», «Фильтр», «Вид» и «Окно». С этой базы вы можете начать экспериментировать с реальными примерами.

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

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

Шестой курс Основ Домики будет на 100 % сосредоточен на завершении вашего концепт-арта. Во-первых, вы увидите, как вы работаете в студии видеоигр, приступите к работе и закончите свою работу, начиная с линий и заканчивая цветом и освещением.

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

Технические требования
    ⦁ Компьютер с ОС Windows 10 или macOS 10.12 Sierra
    ⦁ Adobe Photoshop CC: бесплатную пробную версию можно загрузить на веб-сайте Adobe.
    ⦁ Предварительные знания Photoshop не требуются
    ⦁ Рекомендуется иметь графический планшет (Wacom или аналогичный)

Как смоделировать что угодно из

Описание книги

Хотите создавать свои собственные классические и современные постеры фильмов, обложки книг и журналов?

Хотите превратить свои фотографии в произведения Тернера, Матисса и Магритта?

Хотите создавать иллюстрации в стиле Симпсонов, стимпанка и викторианских гравюр?

Тогда вам нужен Искусство и дизайн в Photoshop .

В этой уникальной книге известный мастер фотомонтажа и визуальных трюков Стив Кэплин покажет вам, как расширить свои творческие границы. Используя тот же испытанный практический подход, что и его бестселлер How to Cheat in Photoshop , пошаговые инструкции Стива воссоздают великолепный и разнообразный набор невероятных дизайнерских эффектов. Вы узнаете, как создавать все, от винных этикеток до коробок для суши, от сертификатов до рекламы iPod, от учебников до криминального чтива.

Написанные профессионалом, четкие рекомендации указывают именно то, что вам нужно знать: как получить гладкие результаты с минимальными усилиями, с 16-страничной справочной главой Photoshop, которая содержит краткое руководство по инструментам Photoshop. и методы для менее опытных пользователей. Стив объясняет как типографику, так и процесс проектирования в понятной, информативной и занимательной форме.

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

Содержание

01: Типография; 02: Принципы проектирования; 03: Современный дизайн; 04: Стили плакатов; 05: Работает на бумаге; 06: Великие произведения искусства; 07: Любое другое дело; 08: ссылка на фотошоп.

Автор(ы)

Биография

Стив Кэплин — художник-фрилансер и автор, работающий в Лондоне, Англия.Его сатирические фотомонтажные работы заказывают газеты и журналы по всему миру, в том числе The Guardian, The Independent, The Sunday Telegraph, The Sunday Times Magazine, Radio Times, Readers Digest и L’Internazionale. Стив работал в рекламных агентствах, в том числе в Saatchi & Saatchi, Bartle Bogle Hegarty и Lowe Howard Spink, и его работа была удостоена двух наград Campaign Poster Awards и D&AD Pencil Award. Он читал лекции в Англии, Норвегии, Франции и Голландии, а также преподавал цифровой дизайн в Вестминстерском университете и Лондонском университете искусств.Стив является автором десяти книг: «Как обманывать в Photoshop» (пять изданий), «Как обманывать в Photoshop Elements» (в соавторстве, три издания), «Дизайн иконок», «Приключения Макса Пикселя в Adobe Photoshop Elements», «Полное руководство по цифровой иллюстрации». (в соавторстве) и Искусство и дизайн в Photoshop. Он также является соавтором трех основных книг: «Вещи для папы», «Еще вещи для папы», «Вещи для индейки» и «Complete and Utter Zebu». Когда он не за компьютером, Стив хорошо играет на фортепиано, умеренно на аккордеоне и плохо на гитаре.В свободное время он строит невероятные конструкции из дерева и других материалов. Его первая заказная скульптура была сделана для больницы Вифлема — оригинальный «бедлам» — в 2010 году.

Экшен Photoshop Artist от Sevenstyles

Экшен Photoshop создает смесь эффекта акварели и эскиза. У вас есть возможность комбинировать эффекты вместе или использовать эффект «Эскиз» отдельно.

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

Экшен протестирован и работает в Photoshop (только на английском языке)  CS3, CS4, CS5, CS6, CC, CC 2015.5, CC 2017, CC 2018, CC 2019, 2020+

Особая благодарность Kent Jones за размещение работ в галерее.

Важно знать

  • Убедитесь, что вы используете английскую версию Photoshop для запуска действия. Все действия Sevenstyles будут работать только в английской версии Photoshop.
  • Убедитесь, что вы используете версию Photoshop, которую поддерживает действие.
  • Посмотрите видеоруководство , чтобы убедиться, что вы правильно настроили файл Photoshop. Вы можете просмотреть видеоруководство в разделе « Tutorial » выше. Ссылка на учебник также включена в файл « Readme » в загружаемом файле.
  • Используйте фотографии высокого разрешения с помощью Action, чтобы получить наилучшие результаты и избежать ошибок. Оптимальное разрешение фотографий составляет от 2000 до 4500 пикселей.
  • С помощью Adobe Creative Cloud можно установить несколько версий Photoshop .Если вам нравится этот экшен, но он не поддерживается вашей версией Photoshop, вы всегда можете установить дополнительную версию Photoshop, чтобы запустить экшен. После того, как действие было протестировано и работает в версии Photoshop , оно всегда будет работать.
  • Используйте изображения в формате Jpeg для запуска действия на . Другие типы файлов, такие как TIFF, BMP, PNG, PSD, могут вызвать проблемы с действиями, поскольку Photoshop отключает различные функции для разных типов файлов.
  • Если действие Sevenstyles включает кисть ( .abr ), шаблон ( .pat ) или файл форм ( .csh ) в загрузке, то его необходимо загрузить в Photoshop перед воспроизведением действия.
  • Избегайте использования действия на логотипах или изображениях в стиле картинок , так как отсутствие деталей и цветового контраста может привести к ошибкам.

Возникли проблемы с действием?

  1. Дважды проверьте правильность настройки файла, как показано в начале видеоурока.
  2. Проверьте разрешение вашей фотографии. Если это фотография с низким разрешением (<1000 пикселей), возьмите самую короткую длину фотографии и увеличьте ее примерно до 2500 пикселей или больше.
  3. Посмотрите мои темы поддержки здесь . Я перечисляю все распространенные ошибки с решениями.
  4. Если вы все еще застряли, пришлите мне по электронной почте скриншот всего вашего интерфейса Photoshop, где отображается ошибка. Пожалуйста, дайте мне знать, какую версию Photoshop вы используете, чтобы я мог помочь вам быстрее. Вы можете найти мой адрес электронной почты в теме « Как связаться со мной » на странице поддержки.

Создание пользовательских эффектов

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

  1. Запустите первое действие над своей фотографией.
  2. Если вы довольны результатом, сохраните дизайн в виде изображения в формате Jpeg.
  3. Закройте файл Photoshop и повторно откройте только что сохраненное изображение.
  4. Теперь запустите другой Action над своей фотографией! Это затем наложит второй эффект поверх первого.

Можно создать столько неизведанных эффектов!

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

20 лучших художников Photoshop со всего мира

Если вам нужно вдохновение, просмотрите страницы этих художников Photoshop на Behance. Они могут вдохновить и поразить вас одновременно.Грань между воображением и реальностью определенно стирается.

Топ-20 художников Photoshop, которые вдохновляют

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

1. Ванесса Ривера Behance

Ванесса Ривера родом из Лос-Анджелеса. Она изучала изобразительное искусство в Университете Южной Каролины.Ванесса известна своей завораживающей смесью экспрессионизма, цифровой и фигуративной живописи.

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

Ванесса Ривера сделала себе имя, сотрудничая с такими известными компаниями, как Adidas, Dame Dash Studios и Branded Arts.Ее проекты часто появляются на различных выставках в Лос-Анджелесе — Fisher Museum, Gallery 38, Buckwild Gallery и многих других.

2. Эрик Йоханссон Behance

Эрик Йоханссон родился в Швеции, но в настоящее время проживает в Праге, Чехия. Он считается одним из лучших фотографов, а его достижения в изобразительном искусстве не менее впечатляющие.

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

В его работах нет компьютерных объектов, и обычно он тратит около 1-2 месяцев на создание нового арта. Работа довольно изнурительная, но результат стоит всех затраченных усилий.

3. Эфория Behance

Алекси Префонтейн, более известный как Aeforia, профессионально занимается фотографией, цифровым искусством и графическим дизайном.Его первые работы появились в 2014 году.

Первые попытки были немного неуклюжими, но он продолжал развивать свои навыки и вскоре перешел на более профессиональные инструменты, а именно на Adobe Photoshop.

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

4. Анвар Мостафа Behance

Анвар Мостафа — знаменитый художник и визуализатор египетского происхождения. Он полностью полагается на Photoshop и Illustrator, воплощая в жизнь новую идею.

Он может похвастаться глубокими знаниями в области цифровой живописи и искусства, обработки фотографий и смешанной техники.

Анвар также основал «Evolve Art Collective». Как и у других известных компьютерных художников, у него есть активные аккаунты в Instagram и Behance, где он делится всеми своими новыми работами, большинство из которых выполнены в схожей красно-фиолетовой цветовой гамме.

5. Дилан Боливар Behance

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

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

Помимо этого занятия, он также работает лектором, организовывая различные художественные классы, мастер-классы и т.д.

6. Стюарт Липпинкотт Behance

Стюарт Липпинкотт живет в Бентонвилле, штат Арканзас, но слава его выходит далеко за пределы этого города.Стюарт — цифровой дизайнер, заинтересованный в создании фантастических миров, ограниченных только его воображением.

Он широко известен под ником «stuz0r», так что введите это имя в строку поиска, чтобы посмотреть на его 3-летний проект, который он создавал в Cinema 4D. Многие его работы также доступны на Behance, Instagram и Tumblr.

У него много клиентов по всему миру, и в список входят такие известные бренды, как NHL, Google, Adobe, Walmart и многие другие.

7. engwind (Ойвинд Энгевик) Behance

Этому парню всего 22 года, но он уже вошел в список известных художников Photoshop с сотнями последователей в разных уголках земного шара.

Его любимые инструменты — Photoshop и 3Ds Max, а UnReal Engine помогает доводить контент до совершенства.

Он изучал 3D-дизайн и анимацию в Noroff, Берген, и в настоящее время работает в MYREZE.

8. Патрик Элласос Behance

Патрик Элласос имеет филиппинские корни и мировую фанатскую аудиторию.Он мультимедийный дизайнер НБА, работает в этой сфере уже 5 лет.

Сфера его интересов включает графический дизайн, фотоманипуляции, иллюстрации и фотографию. Как и многие известные художники, ему нравятся программы Adobe, в основном, Photoshop, InDesign и Illustrator, и он использует их в своей работе.

Он получил степень бакалавра изящных искусств в Университете Востока и продолжает расширять свои знания в области искусства и дизайна в целом. Ему очень нравится то, чем он занимается, и он никогда не упускает возможности нарисовать новые эскизы и иллюстрации.Вы можете отслеживать все его проекты в Instagram и Tumblr.

9. Неван Дойл Behance

Неван Дойл разработал уникальный стиль графического дизайна, который он назвал психоделическим глитч-артом. Он оказался очень успешным и трендовым в 2019 году.

Яркие цвета, плавная абстракция, 3D-эффекты и кинетическое движение — вот как его можно охарактеризовать.

Его недавняя работа — рекламные материалы для сериала HBO «Эйфория». Он также известен тем, что создал дизайн альбома и тура для «The Cure to Loneliness» Джая Вольфа.Такое успешное сотрудничество сделало его известным и привлекло еще больше подписчиков на эту страницу Behance.

10. Гинтаре Мачюлене Behance

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

Она проработала 4 года в штате Cyclopes и Fotelier, а затем переключилась на фриланс-деятельность в Photoshop.

Gintare ретушировал изображения для множества рекламных кампаний, и большинство из них получили самые престижные награды, такие как Clio, Golden Drum и многие другие.Ее работы несколько раз появлялись в архиве Lürzer, и она также вошла в список 200 лучших художников Photoshop в мире в 2019/2022 годах.

11. Алекси Гоферман Behance

Алексей Гоферман родился в Украине, но потом переехал в Мюнхен, в Германию.

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

Алекси — очень талантливый дизайнер, который в основном занимается разработкой UI и UX.Он также является почетным членом различных художественных коллективов, где своими идеями делятся художники-единомышленники в области цифровых иллюстраций. Лучшие образцы его работ вы можете увидеть в книгах и журналах (Advanced Photoshop, Digital Arts).

12. Anxo Vizcaíno Behance

Anxo Vizcaíno — внештатный художник Photoshop, который продолжает удивлять своих поклонников вдохновляющими иллюстрациями и анимацией.

Он живет в Луго, Испания, но его имя известно во многих других странах.

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

13. Грант Навин Behance

Этот художник Adobe родом из Австралии. Он отвечает за создание фотопродукции Андреаса Боммерта.

Грант Навин также почти 8 лет работал в производственной компании Freeway Reps.

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

14. Микаэли Беханс

Mikaeli или Styl родом из Финляндии. Он работает на стыке аналогового и цифрового искусства, что приводит к примечательным композициям.

Рассматривая его фотографии, можно заметить следы эстетики 1980-х.

Сменил несколько мест работы, все в престижных компаниях — Scribbler Design Ltd (Лондон, Великобритания), Bē Finland (Хельсинки, Финляндия), Synergy Visuals (Лос-Анджелес, Калифорния, США). Он регулярно использует Photoshop, Lightroom и Illustrator.

15. Стивен Макменнами Behance

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

Он объединяет диаметрально противоположные объекты в одно изображение и называет их «комбофото».

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

16. Анил Саксена Behance

Джейсон Игл, известный как Анил Саксена, выбрал рынок издательского дела и развлечений и с 1998 года создает произведения искусства для этих сегментов.

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

В 2004 году он издал свое первое собрание сочинений под названием «Инфернум». С тех пор он всерьез увлекся выпуском подобной печатной продукции, так что в книжных магазинах можно найти гораздо больше.

17. Джефф Уитлок Behance

У Джеффа Уитлока большая клиентская база, постоянными партнерами которой являются Coca-Cola, Nike, Mercy Health, Emmy Magazine и AMC.

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

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

18. Генри Флорес Behance

Генри Флорес — графический редактор из Эквадора, который сейчас работает в Studio Tresneuronas.

Его фотографии публиковались во многих журналах, среди которых «People», «Los Angeles Times» и «Life&Style».

Работы Генри также выставлены в галереях по всему миру.

19. Хасан Ахмед Behance

Это 20-летний художник Adobe из Египта. В 2016 году он поступил на факультет искусств Александрийского университета и сейчас работает фрилансером.

Его работы регулярно появляются в Behance Egypt, Adobe Photoshop, Ads Of The World и Art People Gallery.

Он называет себя легендой в своем Instagram, и есть веские основания так думать, поскольку он действительно талантливый цифровой художник.

20. Карт Эйнасто Behance

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

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


Тата Росси

Привет, я Тата Росси, профессиональный блогер. Подробнее

Экшен Photoshop

Artist от sevenstyles

Посмотрите приведенный выше видео-учебник о том, как настроить файл PSD и о методах всесторонней настройки.

Вам также может понравиться:

Прокрутите вниз, чтобы увидеть полный список миниатюр из более 100 действий с фотоэффектами!

Художественный экшен Photoshop

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

Экшен протестирован и работает на Photoshop CS3,CS4,CS5,CS6,CC,CC 2015.5,CC 2017,CC 2018, CC 2019+

Важно знать

  • Убедитесь, что вы используете английскую версию Photoshop для запуска действия. Все действия Sevenstyles будут работать только в английской версии Photoshop.
  • Убедитесь, что вы используете версию Photoshop, которую поддерживает действие.
  • Посмотрите обучающее видео, чтобы убедиться, что вы правильно настроили файл Photoshop.Ссылка на учебник также включена в файл «Readme.txt» при загрузке. Вы можете просмотреть все мои руководства по действиям здесь.
  • Используйте фотографии высокого разрешения с помощью Action, чтобы получить наилучшие результаты и избежать ошибок. Оптимальное разрешение фотографий составляет от 2000 до 4500 пикселей.
  • Adobe Creative Cloud позволяет установить несколько версий Photoshop. Если вам нравится этот экшен, но он не поддерживается вашей версией Photoshop, вы всегда можете установить дополнительную версию Photoshop, чтобы запустить экшен.После того, как действие было протестировано и работает в версии Photoshop, оно будет работать вечно.
  • Используйте изображения Jpeg для запуска действия. Другие типы файлов, такие как TIFF, BMP, PNG, PSD, могут вызвать проблемы с действиями, поскольку Photoshop отключает различные функции для разных типов файлов.
  • Если действие Sevenstyles включает файл кисти (.abr), узора (.pat) или формы (.csh) в загрузке, то его необходимо загрузить в Photoshop перед воспроизведением действия.
  • Избегайте использования действия на логотипах или изображениях в стиле картинок, так как отсутствие деталей и цветового контраста может привести к ошибкам.

Возникли проблемы с действием?

  • Дважды проверьте правильность настройки файла, как показано в начале видеоурока.
  • Проверьте разрешение вашей фотографии. Если это фотография с низким разрешением (<1000 пикселей), возьмите самую короткую длину фотографии и увеличьте ее примерно до 2500 пикселей или больше. Это поможет избежать ошибок, а также даст гораздо лучшие результаты.
  • Посмотрите мои темы поддержки здесь.Я перечисляю все распространенные ошибки с решениями.
  • Если вы все еще застряли, пришлите мне по электронной почте снимок экрана всего интерфейса Photoshop, где отображается ошибка. Пожалуйста, дайте мне знать, какую версию Photoshop вы используете, чтобы я мог помочь вам быстрее. Вы можете найти мой адрес электронной почты на странице поддержки.

Создание пользовательских эффектов

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

  1. Запустите первое действие над своей фотографией.
  2. Когда вы будете довольны результатом, сохраните свой дизайн как изображение в формате Jpeg.
  3. Закройте файл Photoshop и повторно откройте только что сохраненное изображение.
  4. Теперь выполните еще одно действие над своей фотографией! Это затем наложит второй эффект поверх первого.

alexxlab

Добавить комментарий

Ваш адрес email не будет опубликован.