Главное в деле рисования на компьютере — вовсе не умение работать с графическими редакторами, как может показаться на первый взгляд. Освоить программы, в конечном итоге, может каждый. Куда важнее способности к рисованию на бумаге, переводе идеи в визуальные образы. На нашем сайте «Настоящие Герои Star Wars» все персонажи нарисованы вручную, а затем отсканированы, раскрашены и обработаны на компьютере. Мы не сможем научить вас рисовать, но показать, как с помощью компьютера делать такие же картинки, как на «Настоящих Героях» — легко.
Для того, чтобы попробовать все действия данной инструкции на практике, вы можете скачать файл с примером и поработать с ним. В архиве вы найдёте отсканированную картинку высокого разрешения без какой-либо обработки.
Из этой иллюстрированной инструкции вы узнаете о том, как раскрасить рисованного персонажа на компьютере и сделать его «трёхмерным». Для работы вам понадобятся:
- Белая бумага, карандаш или ручка
- Компьютер
- Сканер
- Программа Adobe Photoshop (в данной инструкции приводятся действия для Adobe Photoshop CS2)
Мы категорически против рисования мышкой непосредственно на компьютере. Мышь, даже самая навороченная и оптическая, никогда не даст вам такой свободы движения, как обычный карандаш. Да и удовольствия от такого рисования куда меньше. Лучше подкопите, и купите самый простой планшетный сканер (сейчас они продаются по цене менее 2000 рублей). Заодно переведёте свой домашний фотоархив в цифровой формат, сохранив его тем самым на века.
Освоение данного метода займёт у вас примерно полчаса-час, в дальнейшем вы сможете делать все указанные действия за десять-пятнадцать минут (для одного персонажа).
Рисование и сканирование
Прежде всего, вам необходимо нарисовать на бумаге то, что вы хотите сделать. Вы можете рисовать там, где вам удобно, и так, как вы привыкли. Стоит лишь соблюдать несколько простых требований и рекомендаций:
- Бумага может быть любого размера, но она обязательно должна быть белая (без клеточек)
- Вам необходимо нарисовать только контуры. Никаких штриховок или закрасок.
- Избегайте мелких деталей.
- Вы можете рисовать ручкой или карандашом, помня о том, что чем чётче будут контуры на бумаге — тем легче будет обрабатывать картинку.
- Если вы рисуете карандашом, можно использовать ластик, но злоупотреблять им не стоит.
- Если вы планируете сделать картинку с несколькими персонажами, рисовать их на одном листе не обязательно — компановку вы сделаете потом, на компьютере.
Когда картинка нарисована, её необходимо перевести в компьютер. Для этого нужно использовать сканер.
Существуют и другие, менее очевидные способы перевода изображений в компьютер. Например, когда у нас небыло сканера, мы использовали трёхмегапиксельный цифровой фотоаппарат (самая простая «мыльница»). Этот способ менее удобен, но у него есть одно важное достоинство — он работает. Чтобы «осканировать» изображение с помощью цифрового фотоаппарата, необходимо хорошо осветить картинку с помощью лампы. Использование вспышки фотоаппарата недопустимо, т.к. при близком расположении объектива от картинки изображение получится «засвеченым», контуры будут практически неразличимы. Лучше сделать несколько фотографий, чтобы впоследствии на экране компьютера выбрать наиболее удачную.
Сканировать картинку необходимо в гораздо большем разрешении, чем то, которое будет у готовой работы. Размер отсканированного изображения должен быть по крайней мере в 10 (десять) раз больше чем тот, который должен получится в итоге. Для «Настоящих Героев» мы сканируем картинки в разрешении 600 dpi.
Вот что необходимо помнить при сканировании изображения для последующей обработки:
- Сканировать лучше всего в режиме «256 оттенков серого» (градации серого).
- Разрешение должно быть большим (см. выше)
- После сканирования файл необходимо сохранять без потерь (например, в 256-цветный GIF).
Когда изображение будет сохранено на жёстком диске вашего компьютера, самое время приступить к обработке изображения.
Раскраска
Запускайте Adobe Photoshop и открывайте файл с отсканированным изображением. Прежде, чем начать с ним работать, нужно перевести его в формат цветности RGB. Для этого выберите в верхнем меню редактора: Image > Mode > RGB Color:
Теперь попытаемся избавиться от различных пятнышек, помех и потёртностей, которые неизбежно появились при сканировании. Ластик для «подтирки» использовать слишком долго, так что поступим иначе. Мы попытаемся добиться максимальной чёткости линий путём настройки яркости и контрастности. Для этого выберем в меню следующий пункт: Image > Adjustments > Brightness/Contrast.... Перед вами появится окно, выделенноё на следующей иллюстрации оранжевым контуром:
Двигая ползунки в окне вправо на разное расстояние, попытайтесь добиться такого баланса, чтобы контуры рисунка были чётко чёрными, а фон — белым. Должно получится что-то вроде этого (сравните это изображение с изначальным, приведённым выше):
Это еще не всё. Сейчас мы хитрым способом заменим некоторые оставшиеся полутона на нужные нам цвета (белый или чёрный). Для этого зайдите в режим сохранения картинки для интернета: File > Save for Web (или нажмите одновременно <Shift>+<Alt>+<Ctrl>+<S>). В появившемся окне в правой части выберете формат GIF (на иллюстрации выделено жёлтым) и количество цветов — 4 (на иллюстрации выделено зелёным):
В нижней части секции настроек расположена палитра цветов, используемых для сохранения (на иллюстрации выделено оранжевым). С помощью двойного клика по квадратику с цветом вы можете поменять его на любой другой. При этом программа не будет адаптировать всё изображение к новой палитре, как это было бы при любом другом способе, а заменит все пиксели выбранного цвета на новый цвет. Если ваш выбор повторит один из уже имеющихся цветов, программа заменит пиксели по тому же правилу, при этом убрав один квадратик из самой палитры. Вам необходимо оставить два цвета: белый и чёрный, при этом сделав контуры картинки максимально чёткими.
Помните о следующем:
- Чтобы сбросить палитру в исходное состояние, поменяйте количество цветов на большее, а затем верните его назад.
- Если с четырьмя исходными цветами всё получается не слишком удачно, попробуйте большее количество исходных цветов. При этом четверть цветов, ближайших к белому, делайте белыми, а остальные — чёрными.
- В итоге у вас в любом случае должна получиться картинка из двух цветов: белого и чёрного.
Сохраните двухцветную картинку в формате GIF.
Иногда, если нормально сделать двухцветное изображение не представляется возможным (сильно потёртая бумага, «сканирование» с помощью фотоаппарата при плохом освещении и т.д.), имеет смысл обвести все контуры мышкой. Это долго, противно, но не так бесполезно, как просто рисовать мышкой — обводить гораздо эффективнее. Создайте новый слой (в меню: Layer > New > Layer...) и на нём толстым карандашом или кистью обведите контуры поверх имеющегося изображения.
Вам необходимо закрыть исходный файл и открыть тот, что мы только что сохранили (в двух цветах). Посмотрите на картинку и подчистите ластиком те пятна и «шум», которые на ней остались. При этом добиваться того, чтобы контуры были ровные и красивые не нужно. После этой операции переведите картинку в формат RGB (Image > Mode > RGB Color). Сравните полученное изображение (чуть ниже) с предыдущим (выше). На первый взгляд кажется, что они идентичны, однако если присмотреться, на новом изображении нет полутонов, которые различимы на старом:
Теперь можно начинать раскраску! Используйте для этого инструмент «Заливка» (включается по клавише <G>). Убедитесь, что у вас отключён режим сглаживания при заливке. Это можно сделать на панели настройки инструмента, расположенной сразу под основным меню программы. На иллюстрации опция режима сглаживания (Anti-aliased) выделена оранжевым:
Если у вас не стоит галочка напротив «Anti-aliased», можете начинать раскраску! Благодаря тому, что мы сохранили её в двух цветах и отключили сглаживание у заливки, раскраска будет производиться чётко. Если вдруг на картинке остался незамкнутый контур, заливка закрасит лишнее. В этом случае отмените последнее действие (<Ctrl>+<Z>), найдите брешь в контуре и соедините его инструментом «карандаш» (клавиша <B>).
Когда картинка будет раскрашена, у вас получится что-то подобное:
Уменьшение картинки
У нас получилась большая цветная картинка с неровными контурами. Когда вы уменьшите картинку до нужного размера, линии контуров сгладятся, и все «заусенцы» станут незаметными. Но перед этим (еще в «большом» состоянии) необходимо вырезать Героя с белого фона, чтобы затем вставить его в декорации. Для этого скопируем изображение на новый слой. Чтобы сделать это, на панели слоёв (Layers), которая находится в правом нижнем углу окна Adobe Photoshop, кликните правой кнопкой мыши по слою с вашим изображением и выберите пункт «Duplicate Layer...» (на иллюстрации выделено оранжевой рамкой):
Когда персонаж будет перемещён на новый слой, воспользуемся инструментом «волшебная палочка» (выделен зелёным на иллюстрации). Просто кликните на белом фоне, и «волшебная палочка» выделит его целиком. Нажмите <Del>, чтобы очистить выбранную область. Визуально на картинке ничего не изменится, поскольку под слоем, с которым мы работали, находится еще один слой с таким же изображением, но мы добились желаемого результата.
Теперь уменьшим персонажа до нужного вам размера. Это можно сделать двумя путями.
Первый путь:
- Выделите всю область на картинке (<Ctrl>+<A>);
- Скопируйте содержимое слоя в буфер обмена (<Ctrl>+<C>);
- Вставьте персонажа в окно, где вы будете делать готовую картинку (<Ctrl>+<V>);
- Уменьшите его до нужного размера с помощью пункта меню: Edit > Transform > Scale.
Второй путь:
- В исходном окне выбрать Image > Image Size и уменьшить персонажа до нужного размера. Изменяйте размер только один раз! Т.е., если вы изменили размер и увидели, что он вам не подошёл — вернитесь к исходному, а затем измените снова. К исходному размеру всегда можно вернутся с помощью операции отмены (<Ctrl>+<Z>).
- Скопируйте уменьшеного персонажа (<Ctrl>+<A>, затем — <Ctrl>+<C>);
- Вставьте персонажа в окно, где вы будете делать готовую картинку (<Ctrl>+<V>).
В итоге у вас получится нечто похожее:
Добавление эффекта трёхмерности
Мы добрались до самого интересного — добавления «эффекта трёхмерности».
Если вы делали всё по инструкции, сейчас персонаж должен быть в нужном размере и находиться на отдельном слое. Если это так, в панели слоёв (правый нижний угол экрана, на иллюстрации окно выделено оранжевым контуром), выберите слой с персонажем и дважды кликните на маленьком изображении слоя. Появится окно настройки эффектов слоя:
Нас интересует пункт '''«Bevel & Emboss» (выберите его в списке в левой части окна). Манипулируя настройками этого эффекта, вы можете добиться того самого «эффекта трёхмерности».
Прежде всего подвиньте верхние ползунки вправо. Это увеличит затенение. Вы можете смотреть на окно с картинкой двигая ползунки, чтобы видеть, как она изменяется. С помощью кружка (выделенного на иллюстрации зелёным) вы можете изменять угол и дистанцию падения света, добиваясь нужного вам эффекта.
Не стоит принебрегать двумя квадратиками настройки цветов (выделены на иллюстрации розовым). С помощью них вы сможете изменять цвет светового потока, а используя ползунки рядом с ними — интенсивность затенения. Заметим, что эффект трёхмерности лучше всего накладывать непосредственно в декорациях, чтобы видеть, от каких источников должен идти свет (и, соотвтественно, устанавливать нужный угол и цвет светового потока):
Не бойтесь экспериментировать: двигайте ползунки в разных направлениях, чтобы добиться наиболее удачного эффекта. Старайтесь, чтобы персонаж максимально органично «вливался» в картинку. Когда вы увидите, что тень легла идеально — нажимайте кнопку «OK» в окне настроек эффектов слоя, и наслаждайтесь результатом! Ведь теперь вы знаете, как делать картинки с объёмными персонажами! 