Как в фотошопе сохранить в 8 бит

Обновлено: 08.07.2024

Установка, настройка и работа в программах графического дизайна Adobe Photoshop и CorelDRAW.

Администратор раздела: FOXhunter (Профессионал)

Здравствуйте, Reactor.
Я посмотрел - все картинки на которые Вы дали ссылки являются 8 битными изображениями типа .bmp.
Я попробовал, посмотреть, могу ли я их сохранить на своей версии в качестве 8 бит.
Результат - да. Когда сохраняю в этом формате доступен только один режим - 8 бит.
Затем я попробовал открыть любое свое изображение и сохранить его в том же формате. В результате - та же ситуация, что и у Вас - только выше 8 бит.
Попробовал выйти из этой ситуации следующим образом - отойти от стандартного режима RGB, и в главном меню выбрал - Образ->Режим->Определ цвета.
Так по крайней мере в русификации, что у меня стоит. Если у Вас английская, то в главном меня - 3 пункт, в нем самый верхний, и в под меню 4.
Там выбираю - 256 цветов и нажимаю Ок.
Теперь можно легко сохранить в 8 битном bmp.
На счет файла, в котором нужно сделать прозрачный фон. Также как и раньше говорил в режиме выберете теперь - RGB.
А далее преобразуйте из фона в обычный щелкнув два раза на нем и в появившемся меню нажав ок. Далее создайте новый слой, который разместите под предыдущем.
На том слое где картинка воспользуйтесь волшебной палочкой (W). И удалите то что не надо. Сохраните в GIF, при этом поставьте флажок на меню Прозрачный фон.

Что касается замены цвета, то дело в том, что в файле довольно много переливаний цветов. Там вверху есть такие же цвета что и в самом окне. Поэтому если вы их "зацепите" в замене, то и в центре они поменяются. Единственное что я могу Вам посоветовать - изменять по частям. Хоть это и дольше будет. Но возможно выйдет с первого раза выделить с такой погрешностью что и сразу результат будет приемлем. Желаю Вам удачи.

просмотр профиля эксперта

Dimon4ik

Посетитель
06.12.2009, 13:45

Спасибо за ответ. Попробую. Но мне нужно не в GIF сохранять а в BMP

Советую Вам как можно реже пользоваться «Волшебной палочкой», особенно в тех случаях, когда речь идёт о «поползновениях» в адрес равномерной цветовой заливки, как то – фона в данном случае.
Для подобных целей в PhotoShop имеется гораздо «более умный» инструмент «Выделение по цветовому диапазону» (меню «Выделение» – «Цветовой диапазон»).
Использовать этот инструмент при определённых навыках не составляет особой сложности.

По второй части. Откройте исходник. Переведите палитру в режим RGB. В палитре слоёв создайте копию основного слоя. Возьмите «Полигональное лассо» с нулевой растушёвкой (выставляется на панели параметров под панелью меню). Увеличьте масштаб изображения (скролом, ежели таковая опция задействована в настройках программы, или сочетанием «Ctrl»+«+»). Грубо обведите «Лассо» белую область внутри рамки, слегка захватывая саму рамку.
Посмотреть.
Уменьшите масштаб до нормального. Возьмите пипетку и кликните нею по белому полю внутри рамки. Задействуйте «Выделение по цветовому диапазону» с разбросом порядка 20. В результате белая область внутри рамки у Вас окажется чётко выделенной. Увеличьте масштаб. Отобразите на холсте угол изображения. Возьмите «Лассо» с нулевоё растушёвкой. Нажмите «Shift» и обведите инструментом белую область в углу исходника. Повторите эту процедуру применительно к каждому из трёх оставшихся углов.
Посмотреть.
Да бы проще было перемещаться по холсту при большом масштабе с уже «набранным» инструментом, нажимайте «Пробел» – в результате любой инструмент у Вас временно превратится в «Руку», захватывайте холст и перетаскивайте в нужную позицию. Как только Вы отожмёте «Пробел», курсор снова «поимеет» прежде взятый инструмент, в данном случае – «Лассо». Инвертируйте выделение и скопируйте (вырежьте) его на новый слой. Снимите видимость с фонового (нижнего) слоя, а средний залейте равномерным тоном (можно белым, или 50% серым). На самом верхнем слое у Вас должна располагаться рамка, свободная от фона.
Посмотреть.

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

Проделайте аналогичную процедуру с настроечным слоем по инструменту «Цветовой тон/Насыщенность» со средним, залитым равномерным тоном слоем, не забыв при этом задействовать опцию «Тонирование» в окне инструмента.
Посмотреть.

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

Что же касается углов, то их (белый фон) можно было ещё на стадии выделения просто удалить, не прибегая к выделению с «шифтом»…

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

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

TIFF — гибкий растровый (битовый) формат изображения, поддерживаемый практически всеми приложениями рисования, редактирования изображений и верстки.

Вызовите команду «Файл» > «Сохранить как. » , в меню «Тип файлов» выберите «TIFF» и нажмите кнопку «Сохранить». В диалоговом окне «Параметры TIFF» выберите желаемые параметры и нажмите кнопку «ОК».

Битовая глубина (только в 32-битном режиме)

Задает битовую глубину (16-, 24- или 32-битовую) сохраняемого изображения.

Задает метод сжатия данных совмещенного изображения. При сохранении 32-битового файла tiff можно задать сжатие с прогнозированием, однако вариант использования сжатия jpeg не предлагается. Сжатие с прогнозированием обеспечивает более качественное сжатие данных путем упорядочения значений с плавающей точкой, оно совместимо со сжатием LZW и ZIP.

Сжатие JPEG доступно только для непрозрачных изображений RGB и полутоновых изображений с глубиной цвета 8 бит на канал, размер которых не превышает 30 000 пикселей в ширину или высоту.

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

Определяет платформу, на которой файл может быть прочитан. Этот параметр полезен в случаях, когда неизвестно, какой программой можно открыть выбранный файл. Photoshop и приложения последнего поколения могут считывать файлы с использованием как формата IBM PC, так и формата Macintosh.

Сохранить пирамиду изображений

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

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

Определяет метод сжатия данных для пикселов в слоях (вместо комбинирования данных). Многие приложения не могут считывать данные слоев и пропускают их при открытии файла TIFF. Photoshop, однако, может считывать данные слоев в файлах TIFF. Хотя размер файлов, содержащих данные слоев, больше размера файлов без них, сохранение данных слоев избавляет от необходимости сохранять и работать с отдельным файлом PSD для хранения данных слоев. Выберите параметр «Удалить слои и сохранить копию», чтобы выполнить сведение изображения.

Чтобы получать от Photoshop запрос подтверждения перед сохранением изображения с несколькими слоями, выберите параметр «Выводить предупреждение перед сохранением многослойных файлов в формате TIFF» в области «Обработка файлов» диалогового окна «Установки».

Цифровые камеры или, по крайней мере, профессиональные цифровые камеры, имеют возможность съемки в формате RAW, вот уже несколько лет, позволяя вам открывать изображения в Photoshop и редактировать их в режиме 16 bit, а не в режиме 8 bit, как вы обычно делали со стандартными JPEG изображениями.

Несмотря на это, многие фотографы, даже профессиональные, по-прежнему делают свои снимки в формате JPEG, даже если их камера поддерживает формат RAW. И хотя есть совсем немного весомых аргументов при выборе JPEG против RAW – высокая скорость съемки и намного меньший размер файлов – первое, что приходит на ум, - многие люди по-прежнему снимают в JPEG просто потому, что они не понимают разницы между редактированием изображений в режиме 16 bit. В этом уроке мы как раз и разберем эту разницу.

Что означает термин «8 бит»?
Вы должно быть ранее слышали термины 8 бит и 16 бит, но что они значат? Когда вы делаете снимок на цифровую камеру и сохраняете его в формате JPEG, вы создаете стандартное 8 битное изображение. Формат JPEG был вокруг нас долгое время с появлением цифровой фотографии и даже во время совершенствования программы Photoshop, но в последнее время его недостатки становятся все больше и больше заметными. Один из них – невозможность сохранить файл JPEG в формате 16 бит, поскольку он попросту его не поддерживает. Если это JPEG изображение (с расширением «.jpg»), это 8 битное изображение. Но что же все-таки значит «8 бит»?
Если вы читали наш урок «RGB и цветовые каналы», вы знаете, что каждый цвет в цифровом изображении создается из комбинации трех основных ярких цветов – красный (red), зеленый (green) и синий (blue):


Неважно, какой цвет вы видите на экране. Он все равно был сделан из некоторой комбинации этих трех цветов. Вы можете подумать: «Это невозможно! Мое изображение имеет миллионы цветов. Как вы можете создать миллион цветов только из красного (red), зеленого (green) и синего (blue)?»

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


Вы также можете включить сюда же восьмой цвет – черный, - который вы могли бы получить в случае, если полностью удалите красный, зеленый и синий.
Но что, если у вас, скажем, 256 оттенков красного, 256 оттенков зеленого и 256 оттенков синего? Если произвести математические вычисления, 256х256х256=16,8 миллионов. Теперь вы можете создать 16,8 миллионов цветов! И это, конечно же, то, что вы можете получить от 8 битного изображения – 256 оттенков красного, 256 оттенков зеленого и 256 оттенков синего дают вам миллионы возможных цветов, которые вы обычно видите на фото:


Откуда берется число 256? Итак, 1-бит имеет значение 2. Когда вы перемещаетесь от 1 бита, вы находите значение, используя выражение «2 в степени (количество последующих битов)». Например, чтобы найти значение 2 бит, вам нужно посчитать «2 в степени 2» или «2х2», что равняется 4. Таким образом, 2 бита равно 4.
4х-битное изображение будет «2 в степени 4», или «2х2х2х2», что дает нам 16. Следовательно, 4 бита равняется 16.

Мы проделаем то же самое для 8 битного изображения, это будет «2 в степени 8», или «2х2х2х2х2х2х2х2», что дает нам 256. Вот откуда берется число 256.
Не переживайте, если это показалось вам запутанным, непонятным и скучным. Это всего лишь объяснение того, как работает компьютер. Просто запомните, что если вы сохраняете изображение в формате JPEG, вы сохраняете его в режиме 8bit, что дает вам 256 оттенков красного, зеленого и синего, 16,8 миллионов возможных цветов.

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

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

Поэтому даже 8 битное изображение содержит гораздо больше цветов, чем мы можем видеть. Зачем же тогда нам нужно больше цветов? Почему недостаточно 8 бит? Итак, вернемся к этому чуть позже, а для начала, давайте посмотрим на разницу между 8 битными и 16 битными изображениями.

Ранее мы выяснили, что 8 битное изображение дает нам 256 оттенков красного, зеленого и синего цвета, и мы получили это число, используя выражение «2 в степени 8» или «2х2х2х2х2х2х2х2», что равно 256. Мы произведем те же расчеты для того, чтобы узнать, сколько цветов мы можем получить в 16 битном изображении. Все, что нам нужно – найти значение выражения «2 в степени 16» или «2х2х2х2х2х2х2х2х2х2х2х2х2х2х2х2», которое, если вы посчитаете на калькуляторе, равно 65 536. Это означает, что когда мы работаем с 16 битным изображением, мы имеем 65 536 оттенков красного, 65 536 оттенков зеленого и 65 536 оттенков синего. Забудьте о 16,8 миллионах! 65 536 х 65 536 х 65 536 дает нам 281 триллион возможных цветов!

Теперь вы можете подумать: «Ничего себе, это, конечно, здорово, но вы только что сказали, что мы не можем увидеть даже 16,8 миллионов цветов, которые нам дает 8 битное изображение, неужели так важны эти 16 битные изображения, дающие нам триллионы цветов, которые мы не можем видеть?»
Когда наступает время редактировать наши изображения в Photoshop, это действительно очень важно. Давайте посмотрим, почему.

Редактирование в режиме (mode) 16 бит.
Если у вас есть два одинаковых фото, откройте их в Photoshop, разница должна быть в том, что одно изображение должно быть в режиме 16 бит с его триллионом возможных цветов, а другое – в режиме 8 бит с его 16, 8 возможных цветов. Вы, должно быть, подумали, что версия 16 битного изображения должна выглядеть лучше 8 битного, поскольку она имеет больше цветов. Но очевиден факт, что множество фотографий попросту не содержит 16, 8 миллионов цветов, не говоря уже о триллионах цветов для точного воспроизведения содержимого изображения.

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

Так почему же лучше работать с 16 битными изображениями? Одно слово – гибкость. Когда вы редактируете изображение в Photoshop, рано или поздно, если вы будете продолжать его редактирование, вы столкнетесь с проблемами. Самая распространенная проблема известна как «ступенчатость», когда вы теряете очень много деталей в изображении, после чего Photoshop не может отображать плавные переходы от одного цвета к другому. Вместо этого вы получаете ужасный ступенчатый эффект между цветами и их тональными значениями.

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


А вот точно такой же градиент, созданный в качестве 16 битного изображения. Нет никаких отличий, кроме того факта, что в названии документа указан режим 16 бит, оба градиента выглядят одинаково:


Посмотрите, что получается, когда я их редактирую. Я собираюсь применить одинаковые изменения к обоим градиентам. Для начала я нажму Ctrl+L (Win) / Command+L (Mac) для вызова коррекции Photoshop Уровни (Levels), и не вдаваясь в подробности того, как работают уровни, я просто перемещаю нижние черный и белый слайдеры Выходных значений (Output) по направлению к центру. Опять же, я проделаю это с обоими градиентами:


Перемещение нижнего черного и белого слайдеров Выходных значений (Output) по направлению к центру в диалоговом окне Уровни (Levels).

По существу, я взял полный диапазон градиентов от чисто черного слева к чисто белому справа и сплющил их в очень маленький сегмент в центре, который представляет собой в итоге средние оттенки серого цвета. В действительности я не изменил градиент. Я только сконцентрировал его тональный диапазон в очень маленьком пространстве.
Кликну Ок, чтобы выйти из диалогового окна Уровни (Levels), и теперь давайте снова посмотрим на градиенты. Вот 8 битный градиент:


А вот 16 битный градиент:



Давайте снова посмотрим на наши два градиента. Первый – 8 битный градиент:


Оуч! Наш сглаженный черно-белый градиент больше не выглядит таковым! Вместо этого он имеет «ступенчатый» эффект, о котором я говорил, где вы легко можете видеть, как сменяются оттенки серого друг за другом, а это потому, что мы потеряли огромную часть деталей изображения после проведения тех коррекций, которые мы проделали с Уровнями (Levels). Таким образом, 8 битное изображение не очень хорошо справилось с этой задачей. Посмотрим, что случилось с 16 битным изображением:


Посмотрите на него! Даже после больших корректировок, которые я произвел с помощью Уровней (Levels), 16 битный градиент справился с задачей без единой помарки! Почему так? Почему 8 битный градиент потерял так много деталей, а 16 битный – нет? Ответ лежит в том, о чем мы говорили до этого момента. 8 битное изображение может содержать только максимум 256 оттенков серого, в то время как 16 битное изображение может содержать до 65 536 оттенков серого. Даже, несмотря на то, что оба градиента выглядели одинаково вначале, 16 тысяч дополнительных оттенков серого дают нам больше гибкости во время редактирования и вероятность появления каких-либо проблем впоследствии. Конечно, даже 16 битные изображения в конечном итоге достигают того момента, когда начинают терять много деталей, и вы будете видеть проблемы после множества редактирований изображения, но в 8 битных изображениях этот момент наступает быстрее, а с 16 битным изображением мы можем иметь дело намного дольше.
Давайте попытаемся на этот раз те же самые вещи рассмотреть на примере обычного фото.

Редактирование фото в режиме (mode) 16 бит
Попытаемся тот же самый эксперимент редактирования применить к полноцветному фото. Я взял фото с пляжным мячом, которое мы видели на первой странице. Вот изображение в стандартном 8 битном режиме. Снова мы видим число 8 в верхней части окна документа:


А вот то же самое фото, но в режиме 16 бит:


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

Я снова нажимаю сочетание клавиш Ctrl+L (Win) / Command+L (Mac) для вызова диалогового окна Уровни (Levels), и перемещаю слайдеры Выходных значений (Output) внизу по направлению к центру, в ту же точку, что и в случае с градиентами. Снова проделываю то же самое с обоими изображениями: 8 битная и 16 битная версия изображений:


Перемещение белого и черного слайдеров Выходных значений (Output) по направлению к центру в диалоговом окне Уровни (Levels).

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


А вот как выглядит 16 битное изображение:


Опять-таки обе версии идентичны. Нет видимых различий между 16 битной и 8 битной версией.
Теперь вызовем Уровни (Levels) и установим обратно значения тональности, чтобы темные участки стали чисто черными, а светлые – чисто белыми:


Теперь давайте посмотрим, есть ли какая разница между 16 битной версией и 8 битной. Для начала, 8 бит:


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


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

Итак, как вы можете воспользоваться преимуществами 16 битного изображения? Просто. Делайте всегда снимки в формате RAW вместо JPEG (разумеется, конечно, если ваша камера поддерживает raw), затем открывайте и редактируйте его в Photoshop, как 16 битное изображение. Помните о том, что когда вы работаете с 16 битным изображением, его размер больше, чем 8 битного изображения, и, если у вас старый компьютер, он может повлиять на продолжительность обработки фотографии в Photoshop. Также, несмотря на то, что новые версии Photoshop с каждым разом все лучше и лучше в этом плане, не каждый фильтр доступен для коррекции изображения в режиме 16 бит, но большинство основных работает. Если вы захотели работать в 8 битном режиме, перейдите в меню Изображение (Image) в верхней части экрана и выберите Режим (Mode), а затем выберите 8 бит. Постарайтесь работать в 16 битном режиме настолько долго, насколько это возможно до переключения в режим 8 бит. Также убедитесь, что вы переключились на режим 8 бит до печати изображения, или даже сохраните свою 16 битную версию изображения как Photoshop .PSD файл, а затем сохраните отдельную 8 битную версию для печати.

В этой статье я расскажу, как нарисовать пиксель арт в Photoshop CC / CS6. Для этого мы используем пиксельную графику:

Создайте новый квадратный документ со сторонами от 20 до 100 пикселей ( в зависимости от того, насколько большой спрайт ). Я буду работать с холстом 50 на 50 пикселей:

Как создать пиксель арт - настройки Photoshop

Рисунок 1: Новый файл в Photoshop 50 на 50 пикселей

Как создать пиксель арт - настройки Photoshop - 2

Рисунок 2: Новый пустой холст в Photoshop 50 на 50 пикселей


Рисунок 3: Инструмент «Карандаш» находится в выпадающем меню инструмента «Кисть»


Рисунок 4: Измените размер инструмента «Карандаш» на 1 пиксель




Рисунок 7: Задайте для сетки отображение каждого пикселя


Еще одно изменение, вернитесь в Настройки > Общие и измените интерполяцию изображения на « По соседним пикселям (сохраняет четкие края) »:


Рисунок 9: Изменение интерполяции изображения на «По соседним пикселям»

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

Мы начнем с создания спрайта одиночного персонажа.

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

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

Как сделать пиксель арт - создание персонажа

Рисунок 10: Ярлык для добавления нового однородного слоя находится в меню в нижней части палитры слоев

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

Как сделать пиксель арт - создание персонажа - 2

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

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

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

Вы можете создавать тело, как вам нравится. Вот, как это сделала я:

Рисунок 12: Порядок создания частей тела, начиная с головы

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

Рисунок 13: Добавление деталей персонажа, начиная с рубашки


Рисунок 14: У меня получился один слой заливки цветом, один слой тела и шесть слоев деталей

Файл Photoshop так, как он есть на текущий момент.

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

Дополнительный шаг, добавление теней

Создадим сведенную копию всех слоев. Для этого отключите видимость слоя заливки цветом ( нажмите на иконку глаза слева от миниатюры слоя ), затем нажмите Command-Option-Shift-E (Mac) или Ctrl-Alt-Shift-E (PC) . Это автоматически создаст сведенную копию всех видимых слоев поверх остального стека слоев.

Теперь я предлагаю поместить слои в отдельную папку и отключить ее видимость. Чтобы быстро сгруппировать слои, выберите их и кликните по ним, а затем нажмите Ctrl / Option -G :

Дополнительный шаг, добавление теней

Рисунок 16: Неиспользуемые слои сгруппируйте в папку. Я также вновь включила видимость слоя заливки

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

В конце у меня получилось два слоя теней: первый с непрозрачностью 25%, а второй с непрозрачностью 45%:


Рисунок 18: Добавление глубины с помощью дополнительных слоев теней


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

Если хотите, чтобы изображение было больше, перейдите в Изображение> Размер изображения , и задайте для параметра « Ресамплинг » значение « По соседним пикселям (четкие края) ».


Рисунок 20: Измените значение параметра «Ресамплинг» при изменении размеров

Подводя итоги

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

Читайте также: