Пиксел за пикселом: рисуем патефонную иголку
Автор: Scooba
Меня нередко спрашивают о том, как создавалась растровая графика на funkreich.de. Я решил написать этот урок. В нем я расскажу как я создал этот пиксельный рисунок - старомодная патефонная иголка.
Какую программу использовать? Первое, что приходит в голову -Photoshop. Если вы уже привыкли к нему, то вряд ли променяете на что-нибудь другое. Я работаю в данный момент на версии 5.5, в которую входит приложение ImageReady. Последнее я рекомендовал бы для создания анимированных gif-файлов - ImageReady справляется с этим лучше, чем Fireworks.
Но в принципе, сгодится любой графический редактор, в котором можно менять цвета, есть карандаш и функция изменения масштаба :).
В этом уроке вы получите только основную информацию. Главное в этом деле - наметанный глаз. Нужно уловить особенности этого стиля изображения. Самый важный технический момент - создание нового вида в Photoshop (View > New View / Вид > Новый вид). При этом открывается новое окно, в котором вы можете независимо изменять масштаб изображения.
Шаг 1
Создайте новый документ. В диалоговом окне введите размеры изображения в пикселах. Размер лучше взять с запасом, немного больше предполагаемого размера вашего рисунка. Я ставил 320х240. Что касается цветовой палитры, то лучше выбрать RGB. Разрешение поставьте на 72 пиксела на дюйм (это разрешение монитора).
Теперь создайте новый вид (View > New View / Вид > Новый вид), установите масштаб 600% и разместите окна так, чтобы вы могли полностью видеть их одновременно. Создайте новый слой (нажмите иконку "Create New Layer" / "Создать новый слой"). Переключитесь на черно-белый цветовой режим (нажмите "D") и с помощью прямоугольного выделения очертите границу предполагаемого изображения. В моем случае это было 66х64 пиксела.
Преобразуем выделение в штрих (Edit > Stroke...; Width = 1 Pixel; Location =inside; Opacity =50% / Правка > Штрих…; Размещение - внутри, Непрозрачность - 50%).
С помощью инструмента "рука" (hand) расположите выделение во втором окне (с большим масштабом) так, чтобы вы могли видеть его полностью.
Шаг 4
Довольно просто, не правда ли? Теперь мы займемся светотенью. Это придаст рисунку реалистичности. Цвет тени для иголки #C8C100, светлых областей -
#FFFDC0. Конечно, вы можете выбрать свои значения. Поэкспериментируйте. Вы увидите, что нужны лишь незначительные изменения оттенка - этого, как правило, достаточно.
В увеличенном виде заметно подобие градиента. На самом деле, я не использовал градиент из набора Photoshop, а создал этот эффект с помощью инструмента "линия". Сначала рисуем смую яркую линию, потом - более тусклую и т.д. Я не сторонник применения сглаживания (anti-alias). Оно позволяет сделать некоторые переходы плавными. Но с другой стороны, вы не контролируете отдельные пикселы изображения. А это может быть важно.
Шаг 5
Соединение иголки с держателем обычно делают из хрома. Для создания эффекта "под хром" я использовал довольно распространенный прием. На самой выпуклой, и, соответственно, самой освещенной части оставьте белую линию. А теперь начните с темно-серого и постепенно дорисовывайте более светлые линии, пока не дойдете до белого. Затем, в самой яркой точке, возьмите снова темный цвет и постепенно, с каждой линией, переходите к более светлому оттенку серого. Проделайте эту операцию с обеими цилиндрическими деталями соединения.
Шаг 6
Мы почти у цели. Я обычно делаю контур готового изображения более толстым. Но у вас есть свои предпочтения. Вот так выглядит конечный результат.
Да прибудет с вами Пиксел!
| Источник: Funkreich pixel |
Использование материалов возможно только при ссылке на Graphics.ru Статьи, переводы и изображения принадлежат их авторам. c Graphics.ru 2001. Создание и поддержка ArtLogic. |
