Видео-урок по техдизайну: «Отрисовка карандаша»

Приветствую вас, Уважаемые коллеги!

В этом видео уроке я покажу вам, как с нуля отрисовать карандаш в стиле тех.дизайна.

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

Давайте приступим. Я вам покажу пошаговый процесс отрисовки данного карандаша. Для того, чтобы вам было проще отрисовывать, скачайте исходники и сверху поставьте вот этот карандшик, что бы вам было видно, с чего вы будете отрисовывать. Сейчас я буду просто повторять те действия, которые я уже сделал, чтобы вы поняли, как это делается.

После того как вы скачали исходники, у вас должен быть этот карандашик. Я рекомендую создать отдельную папочку, которая будет называться “Отрисовка”, чтобы вы могли включать ее и выключать, как этот вариант, и сравнивать с исходным. Так будет гораздо удобнее работать.

Приступаем к отрисовке. Заходим в нашу папку. Выбираем инструмент “перо”. Первым делом нам необходимо отрисовать каркас — векторный рисунок, на который мы будем уже накладывать различные текстуры, цвета, добавлять объем, блики, тени, освещение и так далее – то есть, мы идем от общего к частному. Выбираем инструмент “перо”. Есть разные способы, как отрисовать фигуру, я покажу лишь один, углубляться мы не будем в данном видео уроке, просто хочу показать вам небольшой пример — как это делается. Я выберу фигуру, сразу можно выбрать основной цвет — это у нас будет красный вот такой вот, просто щелкнуть по этому значку с цветовой пиктограммой, открывается у нас палитра цветов и с помощью пипетки мы выбираем какой-то красный цвет. Какой именно — на данном этапе это совершенно не важно. Нажимаем «ОК», увеличиваем масштаб, чтобы более точно выделить, и начинаем выделять по контуру наш карандаш. Он у нас будет заливаться красным цветом, который мы только что выбрали. Не переживайте по поводу золотистых деталей или светлого ластика на конце карандаша — чуть позже мы их отрисуем. Сразу хочу сказать, что я не претендую на правильность отрисовки, просто я учился, как умею, что и покажу. Но, тем не менее, это можно применять к абсолютно разным объектам разной сложности.

Хорошо. Вот у нас уже есть каркас и поверх него мы будем накладывать остальные детали. Сейчас уменьшаем непрозрачность примерно до 20% и начинаем отрисовывать более мелкие детали. Увеличим масштаб, переходим опять на инструмент “перо” и нам необходимо нарисовать вот эту золотистую часть рядом с ластиком. Выбираем цвет какой-то ближе к желтому. О, не то сделали, фигуру. Снимите выделение, чтобы  у вас в слоях активность была не на слое. Щелкните по палитре, по пустой части, и после этого вы сможете рисовать новую фигуру. Выбираем желтый цвет и приступаем к прорисовке. Здесь вы можете выходить за края, главное, чтобы вот эти линии внутри были, как на исходном варианте. Почему это можно сделать? Просто потому что мы зажимаем клавишу alt и делаем обтравочную маску, поверх уже существующего слоя, все лишнее у нас просто исчезает. Сейчас, если мы увеличим наш цвет, мы видим, что если у нас обтравочной маски нет, то получается некачественный результат, а так все лишние обрезалась фигуры — это очень удобно, нам не нужно все эти детали четко обрезать.

Продолжаем работу. Теперь мы выделим непосредственно сам ластик. Непрозрачности я добавлю, чтобы нам было проще увидеть исходный материал и, соответственно, дорисовывать фигуры. Снимаем выделение, щелкаем по пустой области, выбираем цвет — какой-то розовый, ближе к белому, цвет ластика. Можно и голубой, на ваше усмотрение. Главное, чтобы он был приближенным к белому цвету. Почему я выбрал именно розовый? Потому что у нас цвет красного дерева и эти цвета, как бы сочетаются. Если бы у нас карандаш был зеленого цвета, я бы скорее всего выбрал голубой или зеленый оттенок — просто так сочетается лучше. Нажимаем «ОК» и точно также отрисуем эту часть. Здесь вы можете зайти за контуры, сделать вот такую фигуру, перенести ее сюда, то есть точно так же она будет в слове обтравочной маски. Если мы сейчас увеличим, то увидим что у нас ластик идет как раз по нашему контуру. Если мы отключаем исходный вариант наш, то видим, что все идет строго по линии нашего карандаша, и никаких косяков у нас нет, очень удобно с обтравочными масками. Почему я рекомендую рисовать именно с помощью пера? Если вы потом вдруг будете масштабировать, то есть изменять размер ваших фигур, то эти растровые, то есть, векторные фигуры они качество свое сохраняют. Если вы будете рисовать с помощью инструмента выделения, а потом заливать, то при изменении (увеличении, уменьшении) размера, при поворотах фигуры, качество очень сильно потеряется и соответственно, результат не будет таким, как хотелось бы. Поэтому я рекомендую рисовать именно инструментом “перо”. Хорошо, продолжаем. Уменьшаем непрозрачность, чтобы видеть, что нам еще осталось отрисовать. Чтобы перемещаться по изображению в большом масштабе, Вам необходимо нажать клавишу пробел — у вас появляется такая рука, вы ее с помощью мышки передвигаете —  изображение двигается. Это очень удобно. Дальше нам необходимо отрисовать вот эту часть, которая, скажем так, заточена — вот эту деревянную чистую часть нам точно также необходимо нарисовать. Снимаем сначала активность со слоя, выбираем инструмент, как обычно — “перо”.

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

Цвет здесь у нас будет более такой приближённый к коричневому оттенок. И точно также рисуем. Точно также мы можем выйти за границы, потому что с помощью обтравочной маски мы все это скрываем. У нас осталось нарисовать вот этот наконечник: точно также сначала снимаем выделение из активного слоя, выбираем новый цвет — здесь у нас будет тёмно-коричневый, бордовый, ближе к черному. Нажимаем OK. И точно также рисуем. Переносим в нашу папочку с отрисовкой, нажимаем клавишу ALT.

Обтравочная маска здесь у нас немножко вышла за границы. Поэтому, чтобы изменить форму нашей фигуры нажимаем Ctrl, у нас появляется такая вот стрелочка, щелкаем по по этим линиям — появляются точки. Мы можем поставить еще одну, зажать Ctrl и изменить немножко фигуру. Вот теперь отлично. Что у нас получилось, давайте посмотрим. Увеличим масштаб, нажав клавиши Ctrl + 1 — масштаб у нас получается 100%, такой какой будет при просмотре. У фигуры 6 нашего каркаса увеличиваем непрозрачность и видим, что у нас получилась такая вот фигурка. Детский рисунок с помощью основных цветов. Отлично.

Теперь давайте наш исходник поместим наверх, чтобы нам было удобнее уже работать. Границы его нам не нужны, поэтому мы можем поместить его наверх. Сейчас у нас будет это — исходный вариант, это — конечный вариант, а это — промежуточный, на который мы будем ориентироваться исходя из того, что у нас есть, и стремиться вот к этому. Шаг за шагом мы будем доходить до нашего конечного результата. Все слои мы можем сместить вниз, чтобы они были по центру нашего экрана: для этого зажимаем клавишу Shift, выбираем все слои и помещаем по центру.

Что делать после этого? Вы сделали такой вот детский рисунок, называть его можно как хотите, суть от этого не меняется — то, что вы видите на экране, то и останется. Давайте посмотрим, что у нас сейчас есть, какое самое принципиальное отличие, что нам необходимо сделать следующим шагом. Сравним, допустим, карандаш. Сейчас мы отчётливо видим, что у нас наша фигура очень плоская, нет никаких текстур, то есть здесь мы видим, что у нас дерево, а здесь какая-то просто гладкая поверхность. Давайте вторым шагом сделаем, точнее, предадим, нашей фигуре.. наложим текстуру, чтобы было визуально видно, что это дерево, и хотелось ее пощупать и понять, что она не гладкая, а имеет какую-то такую широко шероховатую поверхность. Здесь мы отчетливо видим, что это дерево, вторым шагом мы как раз этим и займемся.

Что вам для этого потребуется?  Снова потребуется текстура дерева. Как искать данные текстуры? Все на самом деле очень просто — я для этого зашел в поисковик, для этого подойдет или Яндекс или Google, совершенно неважно. Я просто вбил такое вот очень простое словосочетание: из какого дерева делают карандаши. По-моему я набивал в Яндексе, да, и вот по этой ссылочке прошелся. То есть чтобы узнать из какого материала наш объект, достаточно либо в Яндексе либо в Google вбить “из чего сделан данный предмет”. Здесь мы находим ответ на свой вопрос — здесь написано, что карандаши делаются из 5 пород: ольха, тополь, липа, сосна и кедр. Вам необходимо после этого выбрать. Лично я просмотрел все эти породы, посмотрел наш изначальный вариант (исходник) и посмотрел, какой лучше всего подходит, примерно из какого дерева может быть сделан данный карандаш. Что я сделал? Также в Яндексе сбил «текстура ольхи» и у нас в картинках выдается текстура дерева ольхи. То есть сначала я просмотрел данные деревья, потом все по порядку: текстуру тополя, текстуру липы, кедра… Я просто сравнил, какой больше всего подходит, и, на мой взгляд, больше всего подошла именно текстура ольхи. Вот такую картинку я нашел и скачал. Она у вас есть в исходных материалах, скачайте ее сейчас, мы будем с ней работать. В фотошопе мы открываем сочетание горячих клавиш Ctrl + О, у нас появляется такая вот окошко, где мы выбираем данную текстуру, нажимаем “открыть”. Сразу давайте изменим ее размер, сделаем поменьше, потому что сейчас она очень большая. Нажимаем сочетание горячих клавиш Ctrl + Alt + I и сделаем нашу текстуру примерно 300 пикселей, соответственно, у вас должна поменяться высота, если не меняется — поставьте галочку «сохранять пропорции», нажимаем OK.  После этого берем инструмент перемещения и перетаскиваем на наш карандаш, после этого закрываем данный слой. Сейчас наша текстура идет в вертикальном направлении, то есть вот так, а нам необходимо, чтобы она шла в горизонтальном. Если здесь посмотреть, то она идет именно горизонтально. Нам первым делом необходимо ее повернуть. Для этого мы вызываем свободное трансформирование сочетанием клавиш Ctrl + Т. Щелкаем правой кнопкой мыши и выбираем “повернуть на 90 градусов по часовой” из данных команд. Нажимаем применить. Теперь давайте уменьшим еще немножко размер также в свободном трансформировании, а то слишком нереально большая текстура у нас получается. То есть, если мы в таком масштабе наложим, то пропорции текстуры и соответственно нашего карандаша, то есть сам узор, на данном исходном варианте он гораздо меньше, чем сейчас у нас. Чтобы было правдоподобно, нам необходимо сейчас уменьшить данную текстуру, поэтому уменьшаем ее размер до того, чтобы она смотрелась реалистично. Помещаем ее вниз, но поверх нашего каркаса. Данный слой помещаем в самый низ. Все, что не нужно, автоматически обрезается и это текстура как раз будет только на красной области. Увеличим масштаб, чтобы было проще работать. Мы дублируем данный слой, нажимая клавишу Alt и перетаскиваем. Не рекомендую перетаскивать вот таким вот образом, точнее копировать, потому что все поверх слои, которые были обтравочной маской, они отсоединяются, поэтому копируем с помощью клавиши ALT. Дальше с помощью инструмента перетаскивания мы переносим назад, точнее направо, данный слой. Сейчас мы видим, что у нас здесь очень резкий переход, соответственно, нам необходимо сделать его плавным. Берем инструмент ластик, уменьшаем непрозрачность примерно до 30-40% и делаем плавный переход. Может, получится, что вот здесь вот начинают уже проглядывается границы и, чтобы их не было, мы просто смещаем налево наш слой. После этого данные слои мы объединяем — зажимаем клавишу Shift, кликаем правой кнопкой мыши и выбираем команду объединить слои. Повторяем данную операцию, чтобы у нас вся вот эта часть закрылась данной текстурой. Сдублировали, перенесли направо, данный слой должен быть сверху. Выбираем ластик, делаем плавный переход. Опять объединяем, дублируем, и так далее. Отлично.

Основная часть у нас уже покрыта деревом, так же есть у нас текстура на почищенной части карандаша, соответственно, нам необходимо точно так же наложить ее. Все, что нам необходимо — просто сдублировать данный слой. Точно также зажимаем клавишу shift и перетаксиваем вот сюда. Берем инструмент перемещения и перетаскиваем текстуру налево. После этого зажимаем клавишу Ctrl, щелкаем по этому слою, делаем инверсию, зажавив клавиши Ctrl+Shift+I, и нажимаем Delete. Лишнее у нас сейчас обрезалось, т.е. если мы отключим вот эту текстуру, то мы увидим, что у нас осталась только данная текстура на том участке, где необходимо. Теперь для того, чтобы данная текстура отличалась по цвету, была чуть посветлее, нам необходимо ее подредактировать. Снимаем выделение, нажав сочетание клавиш Ctrl + D, и сделаем там нашу текстуру посветлее. Вызываем уровни сочетанием клавиш Ctrl + L и делаем чуть посветлее. Чуть-чуть поярче, чтобы она отличалась от основной. Нажимаем OK.

Дальше нам осталось на эту желтую часть наложить текстуру позолоченного металла. Для этого я точно также пошел в Google,  ввел «текстура позолоченного металла», вот у нас здесь такая текстура появляется, и ее будем использовать, непосредственно, левую часть, нам  вполне хватит. Точно также данная текстура есть в исходных материалах под данным видео. Давайте ей сейчас воспользуемся. Открываем нашу текстуру, берем инструмент “выделение прямоугольной области” и вырезаем определенную часть. После этого берем инструмент перемещение и перетаскиваем данную текстуру на нашу рабочую область. У нас получилось данная текстура на слое с деревом. Нам необходимо чтобы она была поверх желтого слоя. Передвигаем данную текстуру, чтобы была только на желтом фоне, не затрагивала вот этот вот. Нам необходимо вот эти два слоя переместить наверх. А нет! Забыл о том, что у нас снизу единая текстура, очень большая. Чтобы обрезать все лишнее, нам необходимо сначала подкорректировать данную текстуру. Вызываем свободное трансформирование, уменьшаем ее размер, делаем текстуру похожую на наш конечный вариант в таком вот размере. После этого зажимаем клавишу Ctrl, щелкаем по желтой фигуре: у нас выделяется та часть, где вот этот вот золотой металл, делаем инверсию выделения сочетанием клавиш Ctrl + Shift + I, жмем Delete и удаляем все лишнее. Теперь давайте сделаем цветокоррекцию, чтобы наши текстура была более яркого цвета.  Вызываем уровни и делаем более яркую нашу текстуру. Вполне подходит, то есть смещаете левый ползунок направо, а правый ползунок чуть-чуть налево. Нажимаем OK. Уважаемые коллеги, эту текстуру коричневую Вам необходимо сделать красной, но  перекрашивать ее мы не будем, просто выставим другой режим наложения. Здесь мы выбираем разделить, у нас получается очень яркий красный цвет, ответственно основной мы делаем потемнее, бордовый. И для того чтобы текстура была более четкой, чтобы она не казалась плоской,  необходимо увеличить ее резкость. Выбираем слой с текстурой, переходим в меню Фильтр, выбираем “усиление резкости” и команду “умная резкость”. У нас появляется такое вот окошко, наша текстура становятся более видимой. Нам нужно чуть-чуть уменьшить эффект от данного фильтра, примерно на 50%, и 0,7 пикселей нам вполне хватит. Здесь мы выбираем на глаз, так как нет никаких конкретных точных значений, работаем по ощущениям. Нажимаем OK. Тоже самое, делаем с этой текстурой, можем просто повторить данный фильтр, зажав клавиши Ctrl + F. И у нас применяется данный эффект, текстура становится более резкой, более четкой. С текстурами мы закончили, переходим к следующему шагу.

Давайте, прежде чем начнем работать с объемом, объединим данные слои, потому что наш каркас с текстурами готов, работать мы с ним больше не будем. Все слои объединяем. Нажимаем клавишу Shift, выделяем первый слой, последний, щелкаем правой кнопкой мыши и выбираем команду “объединить слои”. Теперь можем спокойно накладывать объём, чтобы картинка была не плоская, а трехмерная. Для этого мы создаем дополнительный слой, делаем обтравочную маску, нажимая клавишу ALT, и присоединяем к нашему карандашу. После этого нам необходимо выбрать инструмент “выделение прямоугольной области” и провести вот такую вот область посередине. Мы ее заливаем с помощью инструмента “заливка белым цветом”.

Снимаем выделение, сейчас нам необходимы данные области размыть.  Я тут немного ограничился, давайте увеличим размер до конца. Выставляем режим наложения “Мягкий свет”. Вы видите — у нас получается яркая полоска. Чтобы не было таких явных четких границ, мы должны размыть немножко данную линию. Переходим в подменю Фильтр “Размытие” и выбираем команду “размытие по гауссу”. Выставляем примерно 3 пикселя, нажимаем OK.

Сейчас нам необходимо снизу сделать более темный участок, потому что если мы посмотрим на наш исходный вариант, то увидим, что снизу и сверху у нас более темные участки. Соответственно создаем дополнительный слой, точно также делаем обтравочную маску, выбираем инструмент прямоугольная область и заливаем нижнюю часть черным цветом. После этого мы точно также размываем по Гаусу, и выставляем режим мягкий свет. И наша картинка становится уже более-менее объемной. Друзья, я вижу, что прошло достаточно много времени, но хочу вас предупредить, что если вы будете работать сами, без моих пошаговых объяснений, все делается гораздо быстрее и гораздо проще. Мне же просто приходится объяснять каждое свое действие, объяснять, говорить, что “кликните сюда левой кнопкой мыши, правой кнопкой сюда, сочетание клавиш…” и так далее, поэтому получается такой длинный урок на практике. Когда вы сами будете все это делать, уходит времени в 5 раз меньше. Поэтому не переживайте. И не думайте что тех.дизайн — это долго, нет. Просто слишком много здесь получаются объяснений, поэтому на практике же все это интересно, прикольно и быстро.

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

Давайте еще немножко поработаем над носом нашего карандаша. Создадим дополнительный слой, возьмем инструмент кисточка, размер небольшой. Сверху пройдемся белым цветом, а снизу наоборот, черным, точно также размоем по Гаусу и выставим режим наложения Мягкий свет. Чуть-чуть уменьшить необходимо нам эффект от данного наложения. Как увидите, наши картинка становится более объемной.

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

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

Давайте нарисуем тень, чтобы карандаш перестал летать где то в воздухе и, наконец, обрел свое место в данном пространстве. Объединяем все наши корректирующие слои с основным, чтобы нам было проще работать. Обязательно дополнительный слой слева и перетаскиваем его вниз, чтобы тень должна быть именно снизу и немного позади нашего объекта, потому что если рисовать поверх, то день будет заходить на наш карандаш и смотреться будет нереалистично. Нам необходимо сейчас взять инструмент прямоугольная область выделения и провести небольшую вот такую вот линию, которую мы зальем изначально черным цветом. Выбираем инструмент заливка, выбираем черный цвет, основной, и заливаем. После этого увеличиваем масштаб, давайте сделаем, немножко уменьшим данную область по высоте с помощью трансформирования, иначе наша тень получится слишком жирная и неправдоподобная. Смещаем немножко наверх, чтобы тень была именно под карандашом, но не слишком, и чтобы не было такого, что у вас тень, потом какая-то светлая область, потом карандаш. Такое может быть, но в таком случае карандаш Будет летать где-то в воздухе, какая-то получится магия. Мы хотим, чтобы наш карандаш лежал непосредственно на данной поверхности, поэтому создаем это данным образом. После этого берем инструмент размытие и проходим по всей нашей чёрной области. У нас получается такое более-менее плавное размытие, после этого берем ластик и с краев чуть-чуть удаляем, выставляем непрозрачность примерно 30%, чтобы было плавное исчезновение. Тоже самое, тоже самое делаем и с другого края. Теперь давайте продублируем данную тень: вызываем свободное трансформирование и уменьшаем размер по вертикали, смещаем чуть-чуть вниз. Можно еще раз продублировать, чтобы тень была реалистичной. После этого данные слои объединяем. Чтобы уж совсем было реальным, давайте сдублируем наш карандаш. После этого вызываем уровни и вот этот вот правый ползунок передвигаем налево, чтобы весь наш слой стал черным. То есть если мы возьмем инструмент перемещения и на клавише нажмем вниз, то вы увидите, что здесь у нас такая черная линия идет. То есть сейчас с помощью “размытия по гауссу” мы все это размываем примерно на один пиксель, можно чуть поменьше, и лишнее нам необходимо удалить. Для этого мы с помощью инструмента прямолинейное лассо оставляем только ту часть, которая соприкасается с поверхностью, все остальное мы выделяем, жмем Delete, и оно у нас благополучно удаляется. А теперь увеличим масштаб, и с помощью ластика делаем плавное исчезновение нашей тени. Теперь данные слои с тенью объединяем, и нам необходимо сделать, чтобы у нашей тени были оттенки данного карандаша. Тень сама по себе никогда не бывает черной. Она всегда имеет тот оттенок предмета, под которым находится, то есть в данном случае это коричневый, красный, желтый и немного розового. Поэтому создаем дополнительный слой, выставляем режим обтравочной маски, увеличиваем масштаб, берем пипетку, и нам необходим ластик, закрашивать данную тень. Вот таким вот образом мы закрашиваем, то есть выбираем красный цвет — закрашиваем нашу большую часть, далее с помощью пипетки набираем желтый цвет. Я рекомендую, если с помощью пипетки не выбирается особо желтый цвет, здесь какой-то грязный оттенок коричневого либо светло-желтого, то просто перейдите в палитру цветов, выберите какой-нибудь ярко желтый, тогда получится лучший эффект. И то же самое с розовым, здесь. Здесь тоже самое, слишком светлый оттенок, нам необходимо выбрать какой-то яркий, иначе он не будет виден. Добиваемся, чтобы цвет был ярко розовым и точно также закрашиваем. Теперь необходимо сделать более плавный переход этих частей. Идем в пункт подменю Фильтр, “размытие”,  выбираем “размытие по гауссу”, выставляем примерно на 4-5 пикселей, нажимаем OK. Теперь нам необходимо уменьшить непрозрачность данного слоя, чтобы не было такого свечения, а была именно тень.

Давайте посмотрим как это смотрится в 100% размере. Выставляем непрозрачность на 50% и тень становится более реалистичной. После этого мы объединяем данные слои.

Следующим этапом у нас освещение, Ну давайте сначала прорисуем вот эти вот линии на вот этой вот золотистой части, где у нас ластик. Нам необходим слой с карандашом. Создаем дополнительный…нет, не будем пока создавать. Давайте выставим сначала настройки инструмента «перо», здесь выставляем «контур», точно так же нам нужно выставить настройки инструмента “кисточка”. Щелкаем правой кнопкой мыши, жесткость выставляем 100%, размер 1%. Вот теперь мы создаем дополнительный слой, создаем обтравочную маску, переходим на инструмент “перо” и проводим линию примерно такого же диаметра. То есть можно прямо по ней провести, и потом мы ее сместим направо. Щелкаем правой кнопкой мыши, выбираем команду “выполнить обводку контура”. Здесь смотрите, чтобы у вас не стояла Галочка, инструмент должен быть “кисть”, жмем ОК. Прошу прощения, забыл выставить цвет, линия у нас получилась розового цвета, а должно получиться непосредственно золотистого оттенка, более темного. Возвращаемся на шаг назад, выставляем основной цвет какой-то тёмно-коричневый оттенок, после этого делаем обводку контура. Удаляем контур, с помощью инструмента перемещения передвигаем данную линию направо, можно на дне немножко поработать с оттенком, вызываем цветовой тон/насыщенность сочетанием клавиш Ctrl + У, сделаем чуть-чуть потемнее, чтобы примерно по цветовой гамме соответствовало фону вот это вот заливки, чуть более поярче, и выбираем сам вот этот вот желтый оттенок. Я думаю, это будет самое то. Давайте сравним с тем, что у нас было, то есть какой-то оранжевый цвет, совсем не оттуда, а теперь более реалистично.

Чтобы у нас получился такой вот вдавленный эффект, будто эффект тиснения, нам необходимо этот слой сдублировать и сделать его более светлым, чем левая часть. Но для этого сначала выбираем инструмент перемещения и передвигаем эту линию направо. После этого вызываем команду уровни горячие клавиши Ctrl + L и правый ползунок передвигаем направо. Добиваемся того, чтобы наша линия коричневого и желтых оттенков стала более тусклой, приближенной к белому цвету, нажимаем OK. Смотрим, что получилось — Да в принципе эффект тиснения у нас уже заметен. Теперь данные два слова мы объединяем и, чтобы не рисовать отделение, просто их дублируем, зажав  клавишу Alt и передвигая стрелочку вправо. После этого передвигаем так, как нам необходимо, количество линий можете поставить на свое усмотрение, главное, чтобы они смотрелись гармонично, и расстояние между ними было примерно одинаковым. Теперь все эти линии мы можем объединить и чуть-чуть доработать. Как мы видим там, где у нас светлая часть, линий практически не видно. Светлая часть нас идет по центру, соответственно, там мы должны немножко подразмыть и стереть эти линии. Выбираем инструмент ластик, выставляем непрозрачность примерно на 20% и чуть-чуть эти линии стираем. С помощью инструмента размытия можно выставить чуть поменьше интенсивность, чуть-чуть подразмыть. В принципе все.

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

Теперь давайте займемся освещением нашего карандаша, нашего объекта. Если мы посмотрим на конечный вариант, мы увидим, что сверху везде у нас небольшое освещение, то есть более светлые оттенки. Сейчас необходимо сделать тоже самое, и тогда карандаш будет у нас более объемным. Данные слои мы объединяем, создаем дополнительный слой точно так же в режиме обтравочной маски, после этого выбираем кисточку, белый цвет, жесткость обязательно 0%, кисточку чуть побольше. Можем пойти разными путями. Наша основная задача — сделать, чтобы по краям было небольшое свечение. Мне больше нравится взять просто кисточку, зажать клавишу — ставим первую точку, вторую точку, проводится линия. Таким вот образом мы делаем небольшое свечение.  Далее размываем по Гауссу, у меня это команда забита на горячую клавишу F4, вам просто необходимо перейти в меню Фильтр. Делаем небольшое размытие, сначала на 2-3 пикселя, выставляем режим Мягкий свет, далее еще раз дублируем, давайте выставим здесь обычный режим, здесь уже точно также размываем, но уже гораздо больше примерно на 6-7 пикселей. Оставляем режим наложения обычный, но при этом уменьшаем непрозрачность. Сейчас у нас небольшой перебор на вот этом конце карандаша, поэтому необходимо взять ластик, жесткость 0%, непрозрачность примерно 30 40% и чуть-чуть стереть,  чтобы было и реалистичнее. Чтобы добиться наибольшей реалистичности, взять дополнительный слой, точно также белый цвет кисточки, провести еще дополнительную линию белого цвета — она должна быть небольшая, сейчас получилось больше чем нужно, поэтому с помощью инструмента трансформация мы ее уменьшим. Размываем совсем немножко, и уменьшаем непрозрачность, тогда будет смотреться максимально реалистично. Вот такие маленькие штрихи придают реалистичности.  Продолжаем работу над карандашом и давайте сделаем Отражение. Делается оно очень просто, объединяем все наши слои карандаша, только тень не трогаем, это обязательное условие, необходим только сам карандаш. После этого мы его дублируем, вызываем свободное трансформирование с сочетанием клавиш Ctrl + Т, щелкаем правой кнопкой мыши и выбираем команду отразить по вертикали. После этого перемещаем вниз, так, чтобы точка соприкосновения была максимальной и никаких линий не было. Лучше будет, если зайдете на задний план нашего карандаша, отражение при этом будет лучше, чем если вы оставите линию, это такой небольшой нюанс. После этого вы создаем маску слоя, выбираем инструмент Градиент, здесь выбираем Градиент, от черного к белому. Настройки посмотрите чтобы у вас стояли такие же как у меня: это линейный Градиент, режим нормальный, непрозрачность 100%, инверсия выключена и стоят галочки напротив дизеринга и прозрачности. После этого от начала отражения этого карандаша и до его конца мы проводим линию, обязательно зажимаем клавишу Shift чтобы никуда влево-вправо не уходило наше Отражение, наш градиент. Добиваемся, чтобы получился примерно вот такой эффект, после этого просто-напросто уменьшаем непрозрачность примерно до 30%. Вот собственно и все нашла отражения готово.

Теперь давайте перейдем к предпоследним этапу —  нарисуем различные блики на карандаше, чтобы он смотрелся более точно более вкусно. Нам необходимо создать дополнительный слой. Увеличим масштаб, здесь неудобно, пока что строим панель, все равно неудобно. Хорошо, выбираем инструмент «прямоугольная область», проводим по центру вот такую вот область, увеличим немножко масштаб, выбираем инструмент Градиент, здесь у нас должен быть пустой новый слой, Градиент выбираем от белого к прозрачному, и проводим наш Градиент сверху вниз.  Должна получиться такая вот заливка плавно исчезающая. Снимаем выделение клавишей Ctrl + D, горячей клавишей немножко перемещаем, и здесь сразу вот этот момент стираем с помощью ластика, чтобы было все красиво и реалистично. После этого уменьшаем непрозрачность, отлично. И теперь нам необходимо сделать такой Блик. Создаем опять же, дополнительный слой, выбираем инструмент перо, смотрим, чтобы у нас стоял белый цвет, проверяем настройки кисти, жесткость выставляем на 100%, размер на 1. Ставим две точки: первую на начало нашего участка, вторую — на конец. Далее щелкаем правой кнопкой мыши и выбираем выполнить обводку контура. Здесь выставляем галочку имитировать нажим и выбираем ОК.  Удаляем контур, у нас появилась вот такая вот плавная линия, плавно появляющаяся и плавно исчезающая. После этого мы ее дублируем, берем инструмент размытия и чуть-чуть размываем. Кстати говоря, это тоже можно чуть-чуть подровнять, хорошо. Объединяем данные слои, опять дублируем, разливаем по гауссу чуть-чуть примерно на полтора пикселя, уменьшим немножко непрозрачность, и вот наш Блик готов. Можно его сместить немножко налево, чтобы был по центру нашего карандаша.

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

Здесь блик давайте чуть-чуть подразмоем, слишком явный у нас. Создаем дополнительный слой, выбираем кисточку белого цвета и проводим дополнительные хаотичные линии. После этого их размываем. Смотрим, что у нас получилось, получилось у нас Блик, можем продублировать, размыть по гауссу посильнее, в принципе все. Единственное, мы можем сделать вот эту часть чуть посветлее, потому что слишком темная получилось. Жесткость выставим на 0, кисточку побольше.

С бликами мы закончили, осталась последняя фишка. Объединим все слои, которые касаются нашего карандаша непосредственно, мы не трогаем тень и отражение, они у нас идут отдельно. Следующим моментом мы копируем данный слой и сейчас увеличим несколько резкость данного карандаша, чтобы он смотрелся более четко, более впечатляющее. Для этого дублируем слой, переходим в подменю фильтр, выбираем команду «усиление резкости» и «умная резкость». Здесь я рекомендую выставить настройки чуть побольше, чем получается, скажем, красиво смотрится, потому что у нас это дублированный слой и мы сейчас будем играться с непрозрачностью. Примерно вот так вот, нажимаем «ОК». Почему я рекомендую именно дублировать слой? Потому что если вы начнете именно на вашем финальном слое работать, увеличивать резкость, то вы не сможете вернуться на шаг назад, а здесь в любом случае вы сможете просто отключить данный слой, и у вас данный конечный результат остается. Здесь вы также можете поиграть с непрозрачностью и добиться именно той резкости, которая необходима, но это не конечный результат. Давайте я вам покажу еще одну фишку: выставляем пока на 100%, выбираем команду «замена светлого», то есть, как вы видите, резкость достаточно хорошо увеличивается, но при этом нет таких явных косяков, как в обычном режиме, то есть по краям нет такого, как называют дизайнеры, перешарпа, шероховатости такой. Поэтому выставляем «замена светлого» и уменьшаем примерно до 50-70%. На этом данный урок будем заканчивать, все то, что я показывал в видео, желаю удачно повторить — карандашик в стиле тех. дизайна.

На этом все, всем спасибо за внимание и до встречи на наших следующих видео!

 

 

 

Пройдите курс "Профессия веб-дизайнер" за 10 дней бесплатно:



Понравилась статья?
Сделайте доброе дело — поделись ей со своими друзьями и коллегами, кликнув по всем кнопкам соц.сетей:

Нравится
comments powered by HyperComments