Вход в систему

Автор Владислав Демьянишин, sulfurzona.com

 

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

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

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

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

Итак, приступим

Запускаем Photoshop CS. Я использую версию Adobe Photoshop CS 8.0, поскольку, на мой взгляд, это одна из самых адекватных и полных представительниц своего семейства программ.

ШАГ 1. Заходим в меню Файл > Новый и создаём новое изображение с размерами 300x400 пикселей, разрешение обычно я использую 96 пикселей/дюйм, цветовой режим RGB 8 бит с белым фоном, и цветовой профиль “Отменить управление цветом в документе”, поскольку изображение создается для веб, а не для печати (рис. 1).
Рисунок 1.Создаем новое изображение
ШАГ 2. Создаём новый слой (меню Слой > Новый > Слой) и рисуем на нём чёрный прямоугольник. Для этого на панели инструментов выбираем инструмент “Прямоугольник” (на рис. 2 отмечено цифрой 1). Если на этой пиктограмме уже установлена другая фигура, то кликаем на ней правой кнопкой мыши и в выпадающем списке выбираем “Прямоугольник”.
Сщздаем новый слой и выбираем "Прямоугольник"
Далее либо на панели инструментов (на рис. 2 помечено цифрой 2), либо на панели параметров (рис. 3, цифра 2) кликаем на области установки основного цвета заливки. В появившемся окне в поле, помеченном символом # замените все значки нулями -это и будет черный цвет в RGB (рис. 4).
Панель инструментов

Палитра цветов
Теперь можем рисовать прямоугольник. Но прежде убедитесь, что на панели параметров во второй секции выбрана “Слой-фигура” (рис. 3, цифра 1), а в пятой секции выбрано “Создать новый слой-фигуру” (рис. 3, цифра 3). Должен получится такой рисунок (рис. 5).
 

Рисунок 5
ШАГ 3.Теперь используем фильтр через меню Фильтр > Штрихи > Разбрызгивание (Filter > Brush Strokes > Spatter) со следующими параметрами: Радиус разбрызгивания (Spray radius) равен 20, а Смягчение (Smoothness) ставим число 6 (рис.6).
Перед выполнением фильтр потребует растрировать слой-фигуру - следует согласиться.

ШАГ 4.За одно, следует сделать | оборванные края более выразительными. Для этого берём волшебную палочку (Magic wand tool) с параметром Допуск (Tolerance) равным 5.

Рисунок 6. Разбрызгивание
Кликаем по нашему будущему папирусу.. После этого инвертируем выделение через меню Выделение > Инверсия (Select > Inverse) и наконец нажимаем на клавиатуре клавишу Delete 3-4 раза.

ШАГ 5.Затем повторяем шаги 3 и 4, но уже с другими параметрами:
Радиус разбрызгивания (Spray radius) равен 22, а Смягчение (Smoothи ness) равен 15. Получаем примерно вот такой рисунок (рис. 7).
Рисунок 7Рисунок 8.Выбираем инструмент "Заливка"
ШАГ 6.Заливаем наш пергамент цветом #f0dfb4. Для этого кликаем на поле выбора основного цвета и в появившемся окне
выбора цвета в поле, поме-иенном значком # все значки заменяем на комбинацию символов “f0dfb4” (рис. 4).
А для заливки на панели инструментов выбираем инструмент “Заливка”. Если вместо нее выбран инструмент "Градиент", то кликаем на нем правой кнопкой мыши и в выпадающем списке выбираем “Заливка” (рис. 8). Мы должны получить почти готовый папирус (рис. 9).
Рисунок 9
ШАГ 7.Поскольку наш папирус помимо обветшалости по краям должен еще иметь и неоднородную структуру материала в следствие несовершенной технологии производства тех давно минувших лет и возраста документа, то создаём новый слой (меню Слой > Новый > Слой) и рисуем на нём коричневые (цвет в RGB #924900) штрихи кистью с такими параметрами: Размер 150 пикселей, Жесткость 0%, Аэрограф (Paintbrush) включен, Нажим ставим 25% и аккуратно обводим кистью по краю нашего папируса. После этого Размер ставим 250-260, а Нажим 10% и проводим кистью почти по диагонали, слегка отклонившись от ее прямой линии.

ШАГ 8. Оставаясь в редактировании слоя, разукрашенного только что при помощи кисти, выделяем слой с нашим папирусом. Для этого, удерживая на клавиатуре клавишу CTRL, в палитре слоев кликаем на слое нашего папируса, затем через меню Выделение > Инверсия инвертируем рбласть выделения, и нажимаем на клавиатуре клавишу Delete (рис. 10).
Рисунок 10
ШАГ 9.Теперь почти все. Остается нашему документу для натуральности добавить немного объемности, т.е. тень. Чтобы добиться этого, переключаемся на редактирование слоя папируса, кликаем на нём правой кнопкой мыши и в выпадающем меню выбираем пункт "Параметры наложения".
В появившемся окне кликаем на пункте "Тень", от чего напротив него включится галочка, а в правой части окна отобразится менеджер параметров наложения тени, где ставим режим "Умножение" , цвет тени черный,непрозрачность 75%, угол 120 градусов, Смещение 5 пикселей, Размах 0%, Размер 10 пикселей, Шум 0%.
Но это только тень, отбрасываемая самим документом. Она лишь придает ощущение пространства и объемности общей картине, но никак не самому папирусному документу.
Для придания объемности или закругленности краям папируса добавим внутреннюю тень. В этом же окне кликаем на пункте “Внутренняя тень” - это включит галочку напротив и отобразит в правой части окна менеджер параметров этого эффекта.
Тут мы оставляем режим Умножение, цвет тени черный, Непрозрачность 75°/ угол отбрасывания тени 120 градусов, Смещение 0 пике, Стянуть 0%, Размер 5 пике. Шум 0% (рис. 11).

Рисунок. 11. Стиль слоя

Рисунок 12
Получится вот такой премиленький ну просто натуральный папирус (рис. 12).В итоге, сделанный таким не хитрым образом, папирус пришелся очень кстати для сайта (рис. 13).
Вот и всё, удачи.
 

 

 

 

 

 

Рисунок 13. А вот и применение данного папируса на сайте