Мужская история — урок 4 «Техника создания элементов — отрисовки»

Здравствуйте! Один из способов подобрать нужный декор при работе над цифровым альбомом — не искать часами в интернете качественную картинку, а ОТРИСОВАТЬ ее самостоятельно. При работе над бумажным альбомом такой декор чаще всего либо вырезают ножницами из бумаги, либо покупают уже готовые вырубки (вырезки и т.д.). Понятно, что если бы мы работали над бумажным альбомом, то мы бы могли изготовить элементы не только нарисовав их, или вырезав из картинок, но могли бы сделать их в различных интересных техниках, таких как квиллинг или оригами. Так почему бы нам не попробовать поработать в этих техниках при создании цифровых элементов. Ведь нет ничего невозможного 😉 И в следующих уроках мы обязательно этим займемся, а сейчас вернемся к отрисовкам.

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

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

Чем же отличаются векторные изображения от растровых?

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

Векторная графика состоит из линий или кривых, которые описываются математическими объектами, называемыми векторами. Например, колесо автомобиля описывается формулой эллипса. При изменении размеров рисунка качество его не меняется (Изображение можно растянуть хоть на баннер). Векторные форматы: AI, CDR, EPS. Самая популярная программа для создания векторных изображений — illustrator.

Мы с вами изучаем программу фотошоп. Фотошоп — растровая программа. Вектор в ней присутствует в виде векторных контуров (в основном создаваемых при помощи пера, а также инструментов выделения и создания из выделенных объектов рабочих контуров) . Как таковых, векторных объектов в нем нет. Т.е. если контур, созданный с помощью пера векторный, то заливка в нем все равно будет растровой. Работа с вектором в Фотошопе не представляется возможной, просто потому, то нет нужных функций и инструментов (так было во всех версиях фотошоп, но разработчики постоянно совершенствуют нашу любимую программу;).

Размеры разворотов фотокниги нельзя сравнить, к примеру,  с рекламным уличным баннером, поэтому  отрисовки для фотокниг легко можно делать в программе фотошоп ))). Но, как следствие, из всего вышесказанного при работе со слоями могут возникнуть всякие артифакты, вылезать непонятные «штуковины» и т.д. и т.п. Поэтому, после завершения всех операций по отрисовке, вам необходимо слить все слои Ctrl+Alt+Shift+E. Таким образом, вы объедините все слои (с которыми работали) в один общий слой (самый верхний в слоях).

После того, того как вы объединили все слои, вы можете преобразовать его в смарт-объект. В палитре инструментов нажимаем на слой с объектом, нажимаем правую клавишу мыши — Преобразовать в смарт-объект. Смарт-объекты — это слои, содержащие данные изображения из растровых или векторных изображений, таких как файлы Photoshop или Illustrator. Смарт-объекты сохраняют первоначальное содержимое изображения со всеми исходными характеристиками, позволяя производить обратимое редактирование слоя. В этом случае вы можете работать с объектом и трансформировать его до первоначального размера (без потери качества). Вот подробный урок про смарт-объекты (он не связан на прямую с отрисовками, но он правда очень и очень полезный!)
Девушки, только прежде чем сливать все в один слой, не забывайте отключать фоновый слой и слой с оригинальным рисунком, чтобы ваша отрисовка оказалась на прозрачном фоне )))
А теперь попытаюсь показать, все что сказано выше на примерах.

Вот так выглядит отрисовка в первоначальном виде (ее размеры 3000*3000 пикс. 300 dpi)

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

А вот результат после тех же «манипуляций», но с преобразованием в смарт-объект.

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

Если же вам потребуется увеличить объект во много раз (например, для баннера), то преобразование в смарт-объект вам к сожалению не поможет. Я увеличила первоначальную картинку всего в три раза, и вот что получилосьХоть и незначительно, но качество все же ухудшилось.

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

Вернемся к нашему уроку. Вот такой симпатичный ретро-автомобиль послужит нам пособием к этому уроку. Ведь никто не будет спорить, что автомобили — это мужской атрибут, который приходит в голову одним из первых.Так как у нас фотокнига будет в ПСЕВДОбумажном стиле, нам такая объемная картинка не подходит, ее авторы сделали все, чтобы эта машинка была похожа на 3D модель (а удалось им это сделать благодаря правильным теням, но об этом в последующих уроках). Мы будем делать из этой машинки отрисовку и, убирая объемные тени, сделаем ее пригодной для наших целей. Конечно, для этих целей можно взять, например, фотографию машинки и любого элемента ))).

Приступим.

1. Создаем файл 305*305 мм. Переносим наш рисунок в новый файл. Создаем новый слой. Выбираем инструмент «Перо» [горячая кнопка «P» англ.] и начинаем творить. Как пользоваться данным инструментом, можно ознакомиться в этом уроке.
2. Все отдельные элементы желательно отрисовывать на отдельных слоях. Вам же будет легче в дальнейшей работе. При необходимости можно некоторые элементы (слои) отключать, перерисовывать или вообще удалять. И сразу все слои переименовываем и группируем [Ctrl+G].
3. Я сначала отрисовываю корпус (крупные детали). Чтобы у меня элементы были более ровными и гладкими, я рисую так. Выбираю инструмент «Перо». Ставлю 3-4 точки.

Затем выбираю инструмент «Перо +» и добавляю дополнительные сегменты на образовавшемся контуре. У каждого сегмента есть дополнительные направляющие, которые можно тянуть вправо и влево, огибая контур на рисунке.

Затем я опять выбираю инструмент «Перо» и проставляю точки далее по контуру.

Далее все также. Выбираю инструмент «Перо +» и добавляю дополнительные сегменты на образовавшемся контуре.

Чем больше у вас будет дополнительных точек, тем более угловатые получатся элементы. Если у вас образовались лишние точки, их можно удалить. Выбираем инструмент «Перо –» и кликаем по ненужному сегменту. Довели контур до первой точки и замкнули. У вас все точки исчезли и образовался контур. Кликаем ПКМ по нашему полю и выбираем «Выполнить заливку контура».

Так как у меня стоит основной цвет белый, то и фигура стала белого цвета. Вы можете залить любым цветом, каким нравится.

4. И так продолжаем прорисовывать все детали. Когда все детали нарисовали, переименовали и сгруппировали можно нашей отрисовке придать цвет.

Вот какая машинка у меня получилась.

Теперь можно объединить все слои для дальнейшей работы. Копируем нашу папку [Ctrl+J] и объединяем содержимое папки [Ctrl+E].

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

Выбираем Режим : «Разница».

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

Далее Фильтр – Стилизация – Тиснение

и устанавливаем параметры

Выбираем Уровни [Ctrl+L] и сдвигаем белый и черный ползунки ближе к центру.

Уменьшаем Непрозрачность до 10-12%.

И затем применим маску слоя к нашему слою Машина. Выбираем «Создать обтравочную маску» [Ctrl+Alt+G]. Вот что у меня получилось.

6. Теперь немного состарим нашу картинку, придадим потертости. Создаем новый слой. Выбираем любую кисть «потертости». Чтобы мы кистью не выходили за края нашего элемента, нам надо выделить данный элемент. Для этого кликаем по пиктограмме слоя с машинкой. По контуру нашей картинки побежали «муравьишки».

Выбираем цвет посветлее нашей картинки и «состариваем» элемент. Вот мой результат.

Теперь можно объединить слои (машина – бумага – потертости). Выделяем три слоя, кликаем ПКМ и выбираем в выпавшем свойстве «Преобразовать в смарт-объект».

Далее добавим обводку

и тень.

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

Теперь данный элемент можно использовать в фотокнигах в ПСЕВДОбумажном стиле в виде одного элемента. Либо использовать для создания марки.

Или  для брадса.

А можно добавить ее в композицию (кластер, оверлей и т.д.).

Вариантов очень много, все зависит от вашей фантазии. Удачи!

Автор — Светлана.

Полезные ссылки.

В этом уроке подробно рассказано, как учиться работать с инструментом «Перо».

Предыдущие уроки из марафона «Мужская история»

План

Мужская история — урок 1 «Декор»

Мужская история — урок 2 «Стилистические направления»

Мужская история — урок 3 «Цветовые палитры»

Спасибо авторам всех работ (фотографий, скрап-наборов и т.д.), представленных для примера, за ваше творчество! Если вы не хотите, чтобы эти материалы были на нашем сайте, то напишите, пожалуйста, admin@fotovknige.ru. Это не касается материалов, которые были созданы во время участия в Марафоне «Мужская история» и других марафонах и конкурсах сайта, поскольку ранее вами давалось согласие на свободное использование нами этих материалов на сайте «Фотокниги для души».

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

ПОДПИСАТЬСЯ

Обратите внимание, после заполнения форм Вам на почту придет письмо, в котором вам ОБЯЗАТЕЛЬНО нужно нажать на кнопку, чтобы подтвердить, что Вы являетесь владельцем данного эл. ящика! Только после того, как Вы увидите вот такую табличку — ваша подписка оформлена.

Больше наших отрисовок и работ можно найти, посмотреть и при необходимости приобрести в «Мастерской фотокниг».