Как сделать материку в фотошопе
Из этого урока вы узнаете обо всех тонкостях, что касается создания произвольных фигур в Фотошоп. Так как материала много, то мы разделим его на 2 части. В первой части вы узнаете, как создается фигура, как превратить её в произвольную фигуру, как вывести её на экран и использовать в нужных целях. Во второй части мы рассмотрим объединение разнообразных фигур в отдельные наборы и их сохранение.
Идея создания урока пришла ко мне в процессе просмотра журнала по скрапбукингу, на страницах которого были готовые шаблоны простых форм. Все эти фигуры были разделены по разным темам и стоили они довольно дорого. Тогда я предположил: «А ведь их можно создать самим в программе Фотошоп и совершенно бесплатно»! Ко всему прочему, вам не обязательно увлекаться скрапбукингом для того, чтобы извлечь пользу из создания собственных произвольных фигур.
Во-первых, создавая фигуры, можно немного повеселиться. А если, создав множество различных фигур, вам удастся их ещё и объединить в отдельный набор, это будет вообще здорово.
Во-вторых, произвольные фигуры можно использовать как элемент декора, оформляя рисунки или для дизайнерского дела.
В-третьих, можно совмещать их с маской, чтобы в итоге получить какую-нибудь забавную фоторамку. Но прежде чем применять, необходимо научиться их создавать. Давайте приступим!
Прежде чем мы начнем, я хочу сделать еще одно отступление. Произвольная фигура создается при помощи инструмента Перо (P), так же их можно создавать, используя инструменты из группы Фигура, например «Эллипс» или «Прямоугольник». Но если вам требуется создать фигуру определенной формы, к примеру, ящики или шины от велосипеда, в этом случае следует использовать Перо (P).
Из этого урока вы узнаете, как создать произвольную фигуру, предварительно обведя предмет на фотографии. Если у вас имеется талант красиво рисовать, это очень хорошо, тогда вы сможете без особого труда нарисовать любую фигуру от руки, не прибегая к обводке предмета. Что же касается меня, то я предпочитаю обводить поскольку таким даром не обладаю.
Произвольная фигура у нас будет в виде милого Пряничного человечка.
1. Выбираем инструмент Перо (P)
Как я уже говорил ранее, произвольные фигуры создаются при помощи инструментов Эллипс или Прямоугольник, но если этими инструментами обвести пряничного человечка, то в лучшем случае он останется без головы. Лучше всего использовать Перо, поэтому выберите его в панели инструментов.
Выбрать его также можно нажатием клавиши P на клавиатуре.
2. Параметр «Слой-фигура» в панели настроек
После выбора инструмента, взгляните на верхнюю панель настроек. В левой части расположена группа из трех значков.
Они показывают, что можно сделать при помощи пера. Значок, расположенный справа, на данный момент окрашен серым цветом. Это говорит о том, что он доступен только тогда, когда мы работаем с инструментами группы «Фигуры» (у пера и инструментов, относящихся к группе «Фигуры», схожи параметры на панели настроек). Иконка, расположенная в середине, необходима для рисования контуров, но в данном случае нам это не нужно. Для рисования фигуры выберите значок слева, отвечающий за параметр Shape Layers (Слой-фигура).
При выборе инструмента Перо опция Слой-фигура в Фотошоп всегда выбрана по умолчанию, поэтому вам не нужно будет её выбирать, но на всякий случай проверьте.
Следует отметить, что нет никакой разницы между рисованием фигур и контуров с помощью пера. И в работе имеются сходства: создание опорных точек, перемещение направляющих линий для создания прямых или изогнутых линий. Независимо от того, что вы создаете контур или фигуру – вначале вы всё равно рисуете контуры. Разница лишь в том, что создавая фигуру, Фотошоп автоматически заполняет контур выбранным цветом в процессе рисования, это позволяет видеть создаваемую фигуру.
На самом деле данная функция немного затрудняет работу. Мы рассмотрим это ниже.
3. Рисуем фигуру
Теперь, когда у нас выбран необходимый инструмент и установлены параметры, мы можем начать обводить Пряничного человечка. Начнем с головы, для этого кликните три раза мышкой, чтобы установить опорные точки вокруг головы. Затем начинайте перетаскивать направляющие линии, чтобы их изогнуть по форме головы.
На скриншоте ниже видно, где я установил опорные точки и как изогнул линии. Как вы видите, у нас возникла проблема, Фотошоп автоматически залил контуры фигуры цветом фона (в данном случае это черный), не позволяя видеть голову Пряничного человечка.
В следующем шаге мы решим эту проблему.
4. Уменьшение непрозрачности
Чтобы Фотошоп не закрашивал изображение в процессе обводки, просто перейдите на панель слоев и уменьшите значение непрозрачности для слоя с создаваемой фигурой. Обратите внимание на панели расположено два слоя: нижний фоновый, на нем расположено исходное изображение человечка, и верхний с создаваемой нами фигурой.
В данный момент выбран слой с фигурой, так как он выделен синим цветом. Просто уменьшите для него непрозрачность примерно до 50%.
Снизив непрозрачность, голова человечка стала видна, в результате можно продолжить работу.
5. Продолжаем выделять объект
Теперь, когда человечек виден через заливку продолжайте работу, пока не вернетесь к начальной опорной точке.
Обратите внимание на маску слоя с фигурой, на ней появилась четкая фигурка.
В обведенный силуэт мы добавим рот, глазки, две пуговицы, галстук в виде бабочки. Здесь возникает вопрос - как добавить дополнительные детали в обведенный силуэт?
6. Выбор инструмента «Эллипс»
Работать начнем с глаз. По идее их можно было бы выделить пером, но так как они круглые, то мы выберем более легкий способ – использование эллипса. Выберите его на панели инструментов, по умолчанию он скрыт за прямоугольником, просто удержите кнопку мыши на прямоугольнике несколько секунд, в итоге появится всплывающее меню, где вы сможете выбрать этот инструмент.
7. Параметр «Вычесть из области фигуры»
После выбора эллипса, посмотрите на панель настроек. Слева расположена группа значков в виде маленьких квадратиков. Они позволяют совершать с фигурами различные действия: добавить к области фигуры, пересечение областей нескольких фигур и вычесть из области. Нас интересует третий значок Subtract from shape area (Вычесть из области фигуры).
8. Извлечение фигур из обведенного силуэта
После выбора опции Вычесть из области фигуры вы можете начать добавлять к человечку мелкие детали с помощью удаления некоторых областей. Начнем мы с создания овала вокруг левого глаза.
Когда вы отпустите кнопку мыши, овальная область вокруг левого глаза вычтется из фигуры, получится отверстие, из которого будет виден глаз
Пряничного человечка, расположенный на нижнем слое.
Повторите те же действия для правого глаза. Для начала нарисуйте овал вокруг правого глаза.
После того, как вы отпустите кнопочку мыши, появится второе отверстие, в котором будет виден глаз исходного изображения.
Пуговицы у Пряничного человечка круглой формы, поэтому для их вырезания я так же буду использовать Эллипс. Для начала нарисуйте овал вокруг первой (верхней) пуговицы.
В результате область возле пуговицы вычтется, появится отверстие, из которого будет видна пуговичка исходного изображения.
То же самое проделайте со второй пуговицей. Эллипсом обведите область вокруг неё.
Отпустите кнопку мыши, и в отверстии появится вторая пуговица.
Обратите внимание на панель слоев. На маске слоя Shape 1 появились по два отверстия для глаз и пуговиц, которые были вырезаны из обведенной формы.
Далее при помощи пера мы добавим оставшиеся детали к силуэту.
9. Вырезаем оставшиеся детали при помощи пера
Снова переключитесь на Перо, потому что нам осталось добавить к силуэту некоторые детали, которые невозможно выделить при помощи Прямоугольника или Эллипса, в частности это рот и галстук в виде бабочки.
Так как мы выбираем инструмент Перо повторно, то опция Вычесть из области фигуры уже выбрана. Приступаем к обводке, чтобы вырезать их из обведенной фигуры человечка. На скриншоте ниже видны контуры обводки и вырезанные элементы.
Мы подходим к завершению рисования фигурки Пряничного человечка. Нам осталось вырезать волнистые формы сахарной пудры на его руках и ногах. Здесь я так же буду использовать инструмент Перо. Для начала вырежьте волнистую форму на левой руке.
После этого перейдите к трем оставшимся волнистым формам и вырежьте их из силуэта.
Обратите внимание на маску слоя Shape 1, здесь показаны вырезанные формы: галстук в виде бабочки, рот, 4 волнистых формы сахарной пудры.
Фигурка Пряничного человечка готова! При помощи пера мы обвели фигуру человечка, затем, используя опцию Вычесть из области фигуры и инструменты Эллипс и Перо, мы добавили на фигурку дополнительные детали.
10. Увеличение непрозрачности фигуры до 100%
Теперь, когда мы закончили делать обводку отдельных фигур, нет необходимости видеть исходное изображение под обведенным силуэтом. Верните значение непрозрачности до 100%.
Временно скройте исходное изображение (слой Background), кликнув по значку глазка слева от миниатюры слоя. В результате мы будем видеть только обведенную нами фигурку на прозрачном фоне.
Вот, как должна выглядеть фигура Пряничного человечка:
Фигурка готова, но это не конец! Теперь её нам необходимо превратить в произвольную фигуру, чем мы и займемся далее.
11. Определяем форму человечка в произвольную фигуру
Для начала убедитесь, что на панели слоев выбран слой с нашей фигурой, а именно миниатюрка маски. Если она выбрана, то вокруг неё появится белая рамка, в документе вокруг фигуры появится контур. Если ничего этого вы не замечаете, просто выберите эту миниатюрку.
Примечание: если вам нужно скрыть конур самой фигуры, то кликните по миниатюрке ещё раз, чтобы убрать контур.
После того, как выбран нужный слой, зайдите в меню Edit > Define Custom Shape (Редактирование – Определить произвольную фигуру).
В результате откроется окно, в котором будет запрашиваться «имя» для фигуры. Назовем её Gingerbread Man (Пряничный человечек).
После нажатия OK, вы можете использовать произвольную фигуру человечка. Теперь документ, в котором мы создавали нашу фигурку, нам не нужен, можно его закрыть. Далее рассмотрим, где её найти и как применить.
12. Создание нового документа
Создайте новый документ в Фотошоп с параметрами, указанными ниже на скриншоте.
13. Выбор инструмента «Произвольная фигура»
Выберите инструмент Произвольная фигура. По умолчанию всегда отображается инструмент Прямоугольник. Поэтому нажмите и удерживайте на нем кнопку мышки, пока не откроется всплывающее меню. Из списка инструментов выберите Custom Shape Tool (U) (Произвольная фигура).
14. Выбираем нашу фигуру
После выбора инструмента Произвольная фигура, в верней панели настроек кликните по маленькому треугольнику, чтобы раскрыть палитру произвольных фигур. В итоге появится окно, где вы сможете выбрать любую понравившуюся вам произвольную фигуру. Наша фигурка располагается последней. Для её выбора, просто кликните по её миниатюрке.
15. Рисуем фигуру
После того, как вы её выбрали, кликните мышкой в созданном документе, и удерживая кнопку зажатой, переместите мышку в противоположную сторону, чтобы создать фигуру.
Для сохранения пропорций, при создании зажимайте Shift. Если при создании вы зажмете Alt, то фигура будет создаваться от центра. Для изменения её местоположения в процессе создания, зажмите пробел, затем переместите фигуру в нужное место, отпустите клавишу пробела и продолжайте творить. В процессе создания будет виден лишь тонкий контур будущей фигурки человечка.
Когда вы отпустите кнопку мыши, Фотошоп сразу же закрасит фигуру фоновым цветом, в данном случае черным.
В двух оставшихся шагах вы узнаете, как изменить размер и цвет фигур, а так же, как развернуть её в нужном направлении.
16. Изменяем цвет
Не беспокойтесь о цвете фигурки в процессе её создания. Фотошоп автоматически закрасит её фоновым цветом. В случае, если вас не устраивает этот цвет, дважды кликните мышью по миниатюре слоя. Именно по миниатюре слоя, а не по миниатюре маски.
В результате это приведет к открытию палитры цветов, где вы можете выбрать любой цвет. Моя фигура окрашена в коричневый.
После нажатия OK, фигура сразу же окрасится в выбранный вами цвет.
Изменять цвет вы можете, сколько захотите и когда захотите.
17. Изменение размера и местоположения фигуры
Работая с фигурами, вы можете не только изменить цвет. При создании фигур используются не пиксели, а векторы, их преимущество в том ,что вы спокойно можете изменять её размер, не теряя качество самого изображения.
Если вы решили изменить размер фигуры, просто выберите на панели слоёв слой с фигурой и нажмите Ctrl + T. Этими действиями откроется рамка трансформации где вы, потянув за любой угловой маркер, сможете изменить размер. Для сохранения пропорций при изменении размера зажимайте Shift. При зажатой клавише Alt размер фигуры будет изменяться от центра.
Если вам нужно повернуть фигуру, сделайте клик за границами рамки свободной трансформации и переместите курсор в любом направлении.
Если вы довольны результатом нажмите Enter, чтобы применить все проделанные изменения.
Вы можете добавить столько копий созданной вами произвольной фигуры, сколько захотите, каждый раз корректируя размер, цвет и местоположение фигур. Каждая созданная копия будет размещаться на отдельном слое. Я добавил несколько фигур человечка разного цвета, размера и наклона. Но независимо от размера у всех фигур сохранились четкие границы и углы.
Вот и случилось. Уже давненько я хотел написать какую-нибудь полезную статейку на тему. На любую тему. Брался за перевод новостей или чужих туторов. Но тут вчера я сделал то, чего от себя не ожидал. Набросал за короткий срок весьма миловидную карту фэнтезийного мирка. Пока абстрактного. И решил, а почему бы и нет? Многие авторы собственных проектов сталкиваются с мыслью о том, что было бы неплохо изобразить свой мир в графическом виде. Хотя бы схематически, но что бы при этом всё выглядело прилично. Но не знают как. Вот вам один из примеров. Этот вариант не имеет специализированной стилизации, и всего лишь немногим дальше ушёл от работ, созданных в штатном Paint. И тем не менее на мой взгляд выглядит весьма неплохо. И более интересно. Урок буду сопровождать небольшими комментариями для новичков. Не всеми. Но теми, что могут пригодиться при работе с данным уроком. Кстати, у меня стоит версия фотошопа CS6, поэтому у вас некоторые вещи могут отличаться от моих. Ну что же. Поехали.
Вот так выглядит готовый вариант карты.
1. Проработка деталей, подготовка фона.
Для начала я бы рекомендовал в общих чертах проработать собственный мир. И конкретно детали того региона, карту которого вы хотите нарисовать. Возьмите карандашик, и зарисуйте всё конструкции на листе бумаги. Пометьте где какие достопримечательности хотите расположить. Помните, готовую карту рихтовать - дело крайне неприятное. Лучше заранее с этим разобраться. Передо мной такой задачи, к сожалению или счастью, не стояло. Я всего лишь выполнял заказ одного вредного ГМ-а, поэтому всего лишь скопировал границы корейского полуострова.
После того, как вы в общих чертах разметите, как должен выглядеть ваш материк, сколько должно быть островов, и какой формы будет то или иное королевство, запускайте фотошоп. Создавайте новую рабочую область через "Файл" -> "Создать", выставляйте в полях размер вашей будущей карты в пикселах. Для моей карты потребовался размер 750 пикселей в ширину на 900 пикселей в высоту. В целом не очень большая. Целый мир во всех подробностях вряд ли поместиться. Но я не видел авторов, которые были способны продумать все подробности разом. Опыт многих картографистов сводиться к тому, что стоит начинать с малого. Карты небольшого региона. В дальнейшем фотошоп всегда даст возможность вам расширить рамки изначального проекта. Если, конечно, вы сами не угробите дело.
- С левой стороны в панели инструментов нажмите на значок "Заливка" (изображён в виде кружки с каплей, горячая клавиша "G").
- Затем обратите ваше ниже, на два квадратика, наложенных друг на друга. По умолчанию один будет чёрным, другой белым. Тот, что выше - цвет, с которым вы работаете на текущий момент.
- Если щёлкнуть по этому квадратику дважды левой кнопкой мыши, откроется панель "Палитра цветов", где вы сможете задать цвет кисти или фона заливки как вручную выбрав в самой палитре, так и вставив код в поле со значком решётки в самом низу окна.
- После выбора нужного цвета, нажмите "Ок", наведите мышь на рабочую область, и один раз щёлкните левой кнопкой мышки.
- Нажатие на клавиатуре кнопки "D" сбросит выбранный вами цвет на цвет по умолчанию.
2. Рисуем береговую линию.
Теперь, когда вода у нас с вами готова, мы начнём рисовать береговую линию. На что стоит обратить внимание при работе с этим пунктом? Для начала запомните, в природе нет идеально ровных линий. Взгляните на онлайн-сервисы с различными картами. Или на свои школьные контурные карты. Ни прямых углов, ни ровных округлостей - всё ломаное, истерзанное. Вот и мы не будем рисовать её по линейке. Тем, у кого мир проработан, предстоит перед началом создания береговой линии нарисовать простой контур, по которому в дальнейшем придётся ориентироваться. Создаём новый слой, ставим ему прозрачность в 50%, берём обычную круглую кисть, и проводим на рабочей области очертания будущего материка/острова/любого другого участка суши. Сразу рекомендую пометить область расположения крупных водоёмов, типа озёр. На данном этапе размер кисти не имеет значения.
- Создать новый слой можно выбрав на панели меню "Слои" -> "Новый" -> "Слой" -> "Ок". Или сочетанием горячих клавиш Shift+Ctrl+N.
- Кисть находиться на панели инструментов слева. Значок выглядит как кисть. Если вместо кисти там карандаш - не расстраивайтесь. Нажмите на значке правой кнопкой мышки, и выберите кисть. Горячая клавиша "B".
- При выборе любого инструмента в Фотошоп, под панелью меню сверху появляется панель настройки функций инструмента. При выборе кисти она так же появляется. В одном из выпадающих списков вы найдёте ползунки, регулирующие размер и жёсткость кисти.
Прорисовав набросок, создаём ещё один слой. Переключаем кисть на карандаш с размером в 1 пиксель. И начинаем на новом слое обводить нашу сушу. В одном из уроков других картографистов я увидел один полезный совет, который облегчит вам жизнь. Рисуйте треугольниками! Зажав на клавиатуре Shift, вы можете щёлкать левой клавишей мыши от точки к точке, прорисовывая небольшие прямые линии.
Почему карандаш, а не кисть, спросите вы? Потому что с карандашом береговая линия выглядит более естественно. Гораздо проще прорисовать изломы, не прилагая к этому больших усилий. При рисовании карандашом что в штатном пэйнте, что в профессиональном фотошопе, мало кто может без матершины провести прямую линию, не прибегая к маленьким хитростям. Главное на этом этапе не допускать дыр в рисуемой вами береговой линии.
3. Материки, острова, реки и озёра.
Как только закончите с любовью вычерчивать границы ваших земель, пора переходить к следующей стадии. Теперь вы можете удалить слой с наброском ваших береговых линий, т.к. теперь у вас есть полноценная картина того, как оно должно выглядеть на самом деле. Удаление производиться одинарным нажатием правой кнопкой мышки на нужный слой, и выбором функции "Удалить слой". Сейчас я отвечу на вопрос, почему нельзя прерывать береговую линию из предыдущего этапа. А потому что мы переходим с вами к инструменту с названием "Волшебная палочка" (клавиша "W"). Значок выглядит соответственно. Это универсальный выделитель всего, что находиться в пределах чётко очерченных границ. Соответственно если вы допустите пробел в береговой линии, этот инструмент выделит не только то, что нам нужно, но и всё что не стоит выделять.
Вуаля! Ваша суша готова! Выделение можно снять выбрав "Волшебную палочку" и щёлкнув за пределами рабочей области. Осталось только стереть лишнее в областях ранее отмеченных водоёмов. Можно сделать это при помощи ластика (клавиша "E", размер выставляется аналогично кисти). Либо при помощи всё той же волшебной палочки (выделяем площадь озера на слое с береговой линией, возвращаемся на слой с сушей, нажимаем Delete на клавиатуре).
Осталось прорисовать реки. Первое что хочу отметить, реки, как и берега у континентов, не бывают идеально ровными. Впрочем и сильно возиться, делая кучу искривлений, вам не потребуется. Возьмите инструмент ластик, выставьте размер в 1 пиксель, и начинайте проводить вены ваших рек на теле ранее созданной суши. Вы можете поиграться с размерами ластика, создать заводи или что-то похожее. Но есть несколько советов, которые дают опытные картографы новичкам.
- Для начала вспомним урок географии. Посмотрите на настоящие реки на карте мира. Что их объединяет? Правильно. Отсутствие прямых линий. Это первое, что стоит отметить.
- Второе - реки текут с вершин к низинам. Соответственно старайтесь делать истоки рек там, где по вашей задумке будут находиться горы, холмы, или что-то похожее.
- Русла рек не начинают множиться к их низовьям. В каждую реку может быть несколько притоков. Но выход к морю/озеру/любому другому крупному водоёму будет только один. Обычно он гораздо шире истоков реки.
4. Немного графических эффектов.
Мы почти в самом конце. Осталось всего ничего. Чуть облагородить карту, лишить её некоторых режущих глаз деталей, а так же добавить обозначения. Начнём мы со следующих вещей.
Для начала мы выберем слой с береговой линией и уменьшим его прозрачность до 50%. Для этого нам нужно зайти в меню "Слои" -> "Стиль слоя" -> "Параметры наложения". В открывшемся окне перемещаем ползунок "Непрозрачность" влево, пока не дойдём до середины. Теперь применяем изменения нажатием клавиши "Ок".
- Режим наложения: Умножение
- Непрозрачность: 75%
- Угол: 30 градусов
- Смещение: 0 пикс.
- Размах: 0%
- Размер: 1 пикс.
- Во-первых, для отрисовки топографических элементов существует огромное количество кистей в интернете. Инструкции по их загрузке находятся там же. Неважно какими вы будете пользоваться.
- Во-вторых, отрисовку элементов нужно производить в следующем порядке: сначала вы рисуете горы, затем холмы. Потом болота, деревья, кусты. И только потом расставляете города.
- В третьих, рисуя все эти элементы в больших количествах на небольшом участке рабочего пространства, с наложением одного на другое, старайтесь отрисовывать всё сверху вниз, что бы наложение этих элементов выглядело более грамотно.
- Размер: 3 пикс.
- Положение: Снаружи
- Режим наложения: Нормальный
- Непрозрачность: 100%
- Тип обводки: Цвет
Надписи делаются довольно просто. Выберите на панели инструментов значок в виде буквы "Т" (нажатие оной на клавиатуре так же активирует этот инструмент). Щёлкните на любом месте на вашей карте, или, зажав клавишу, выделите область расположения текста. В свойствах инструмента выставьте нужный шрифт, размер текста, его цвет и выравнивание текста относительно расположения на рабочей области (я выбираю по центру, так удобнее). Теперь пишите. Что в голову придёт. Относительно названий не могу дать никаких советов. При взгляде на мою карту поймёте, почему. Закончили писать? Тогда обратите внимание на панель свойств инструмента. Там появится два значка. Один в виде запрещающего знака, второй в виде галки. Нажмите на галку, что бы подтвердить внесённые изменения.
Теперь пройдите чуть левее, к значку в виде буквы "Т" на дуге (инструмент называется "Деформировать текст"). Этот значок помогает деформировать текст относительно заданных фигур и направлений. Для названий на своей карте я применял искажение по дуге, играясь с ползунком "Изгиб" до тех пор, пока вид надписи не начинал меня устраивать. Теперь остаётся лишь выделить слои с названиями, вызвать на них контекстное меню и выбрать пункт "Растрировать слои". А так же применить к ним обводку с теми же параметрами, что мы применяли к обозначениям населённых пунктов.
На этом почти всё. Вы так же можете добавить на карту пару отличительных вещей. Например, отметить границы ваших государств. Сделать это можно двумя способами. Первый: очертить границы при помощи кисточки. Второй: выделить территории государств цветом. Для этого создайте копию слоя с сушей. Выделите территорию при помощи волшебной палочки, и произведите заливку выделенного пространства тем цветом, которым хотите обозначить ваше государство. Лишнее сотрите. Повторяйте фокус с копиями слоёв с сушей, пока не произведёте подобным образом раздел территории под каждое из придуманных вами королевств. Теперь зажмите на клавиатуре кнопку Ctrl, и щёлкните по одному разу на каждый из слоёв-копий суши. Когда выделите все, нажмите на любом из них правой кнопкой мышки и выберите в контекстном меню пункт "Объединить слои". Объединённому слою вы можете уменьшить прозрачность на ваше усмотрение, что бы всё выглядело более культурно.
Так же вы можете нарисовать компас, добавить морских чудовищ или силуэты кораблей. Самый простой способ это сделать - найти соответствующие кисти в интернете. Он же самый быстрый. Поверьте, вашу карту менее уникальной готовые решения не сделают. На этом всё. Напоследок пара картинок рабочего процесса.
В этом уроке вы научитесь создавать потрясающий эффект архитектурного наброска.
Сложность урока: Средний
В этом уроке вы научитесь создавать потрясающий эффект архитектурного наброска. Я объясню процесс в мельчайших деталях, так что повторить его сможет любой, и даже тот, кто открыл Photoshop впервые.
Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант шрифта для выполнения урока.
1. Давайте начнем
Для начала откройте фотографию, с которой вы хотите работать. Чтобы это сделать, нажмите File > Open (Файл > Открыть), выберите фото и нажмите Open (Открыть). Ну а теперь, прежде, чем мы приступим, проверьте кое-что:
- Ваше фото должно быть в цветовом режиме RGB, 8 бит на канал. Чтобы проверить это, нажмите Image>Mode (Изображение > Режим).
- Для получения наилучшего результата, выберите изображение приблизительно 2000/4000 в ширину/высоту. Чтобы проверить это, нажмите Image>ImageSize (Изображение > Размер изображения).
- Ваше фото должно быть фоновым слоем. Если это не так, нажмите Layer>New>BackgroundfromLayer (Слой > Новый > Слои из заднего плана).
2. Как создать фон
Шаг 1
Шаг 2
Кликните правой кнопкой мыши по этому слою, выберите Blending Options (Параметры наложения), выберите Gradient Overlay (Наложение градиента) и настройте стиль слоя, как на изображении ниже:
Примечание переводчика: настройки стиля слоя на скриншоте: Режим наложения: Мягкий свет; Непрозрачность: 50%; Градиент: Черный, белый; Инверсия; Выровнять по слою; Угол: 90 градусов; Масштаб: 100%
3. Как создать основной набросок
Шаг 1
В этой секции мы создадим основной набросок. Выберите фоновый слой и нажмите Control-J на клавиатуре, чтобы его продублировать. Затем перетащите этот слой наверх на панели слоев.
Шаг 2
Теперь нажмите Control-Shift-U на клавиатуре, чтобы обесцветить этот слой. Далее, нажмите Image > Adjustments > Levels (Изображение > Коррекция > Уровни) и введите значения со скриншота:
Шаг 3
Назовите этот слой Temp (Временный) и нажмите Control-J на клавиатуре, чтобы его продублировать.
Шаг 4
А теперь нажмите Control-I на клавиатуре, чтобы инвертировать данный слой и измените его режим наложения на Color Dodge (Осветление основы). Далее, нажмите Filter > Other > Minimum (Фильтр > Другое > Минимум), измените Radius (Радиус) на 2 пикселя и Preserve (Сохранить) на Squareness (Прямоугольность), как показано ниже:
Шаг 5
Зажмите Control и кликните по слою Temp (Временный), чтобы выбрать оба слоя одновременно. Затем нажмите Control-E на клавиатуре, чтобы объединить два слоя в один.
Шаг 6
Измените режим наложения этого слоя на Multiply (Умножение) и назовите его Main Sketch (Основной набросок).
4. Как создать набросок в перспективе
Шаг 1
В этой секции мы создадим набросок в перспективе. Выберите фоновый слой и нажмите Control-J на клавиатуре, чтобы его продублировать. Затем перетащите этот слой наверх на панели слоев.
Шаг 2
Теперь нажмите Filter > Stylize > Find Edges (Фильтр > Стилизация > Выделение краев), а затем Control-Shift-U на клавиатуре, чтобы обесцветить этот слой.
Шаг 3
Нажмите Filter > Blur > Motion Blur (Фильтр > Размытие > Размытие в движении), измените Angle (Угол) на 90 градусов, а Distance (Смещение) на 1200 пикселей, как показано ниже:
Шаг 4
А сейчас нажмите Filter > Sharpen > Smart Sharpen (Фильтр > Усиление резкости > «Умная» резкость) и введите настройки со скришота ниже:
Примечание переводчика: настройки на скриншоте: Набор: Заказной; Эффект: 500%; Радиус: 64 пикселя; Уменьшить шум: 10%; Удалить: Размытие по Гауссу; Тени: Ослабление эффекта: 50%; Ширина тонового диапазона: 50%; Радиус: 50 пикселей; Света: Ослабление эффекта: 50%; Ширина тонового диапазона: 50%; Радиус: 50 пикселей.
Шаг 5
Нажмите Filter > Filter Gallery > Sketch > Photocopy (Фильтр > Галерея фильтров > Эскиз > Ксерокопия), измените параметр Detail (Детализация) на 2, а Darkness (Затемненность) на 5.
Шаг 6
Измените режим наложения этого слоя на Multiply (Умножение), а непрозрачность - на 40%. После переименуйте этот слой в Perspective_Sketch_1 (Перспективный_Набросок_1).
Шаг 7
Далее нажмите Layer > Layer Mask > Hide All (Слой > Слой-маска > Скрыть все), чтобы добавить слой-маску, которая скроет весь слой.
Шаг 8
Шаг 9
А сейчас выберите фоновый слой и нажмите Control-J на клавиатуре, чтобы его продублировать. Далее, перетащите этот слой под слой Perspective_Sketch_1 (Перспективный_Набросок_1) на панели слоев.
Шаг 10
Нажмите Filter > Stylize > Find Edges (Фильтр > Стилизация > Выделение краев), а затем Control-Shift-U на клавиатуре, чтобы обесцветить этот слой.
Шаг 11
Нажмите Filter > Blur > Motion Blur (Фильтр > Размытие > Размытие в движении), измените Angle (Угол) на 0 градусов, а Distance (Смещение) на 1200 пикселей, как показано ниже:
Шаг 12
Теперь нажмите Filter > Sharpen > Smart Sharpen (Фильтр > Усиление резкости > «Умная» резкость) и введите настройки со скришота ниже:
Примечание переводчика: настройки на скриншоте: Набор: Заказной; Эффект: 500%; Радиус: 64 пикселя; Уменьшить шум: 10%; Удалить: Размытие по Гауссу; Тени: Ослабление эффекта: 50%; Ширина тонового диапазона: 50%; Радиус: 50 пикселей; Света: Ослабление эффекта: 50%; Ширина тонового диапазона: 50%; Радиус: 50 пикселей.
Шаг 13
Нажмите Filter > Filter Gallery > Sketch > Photocopy (Фильтр > Галерея фильтров > Эскиз > Ксерокопия), измените параметр Detail (Детализация) на 2, а Darkness (Затемненность) на 5.
Шаг 14
Измените режим наложения этого слоя на Multiply (Умножение), а Opacity (непрозрачность) - на 55%. После переименуйте этот слой в Perspective_Sketch_2 (Перспективный_Набросок_2).
Шаг 15
Далее нажмите Layer > Layer Mask > Hide All (Слой > Слой-маска > Скрыть все), чтобы добавить слой-маску, которая скроет весь слой.
Шаг 16
5. Как создать текст
Шаг 1
Шаг 2
Кликните дважды по миниатюре этого слоя, чтобы сделать текст редактируемым и удалите его часть. Затем, выберите инструмент Move (Перемещение) (V), кликните и потяните в любом месте холста, чтобы расположить текст, как показано ниже:
Шаг 3
А сейчас переименуйте этот слой в Text_1 (Текст_1). После нажмите Control-J на клавиатуре, чтобы продублировать данный слой.
Шаг 4
Кликните дважды по миниатюре этого слоя, чтобы сделать текст редактируемым, нажмите Control-A, чтобы выбрать весь текст, а затем нажмите Type > Paste Lorem Ipsum (Текст > Вставить Lorem Ipsum), чтобы вставить случайный отрывок текста. После этого удалите часть текста, выберите инструмент Move (Перемещение) (V), кликните и потяните в любом месте холста, чтобы расположить текст, как показано ниже:
Шаг 5
Назовите этот слой Text_2 (Текст_2) и перетяните его под слой Text_1 (Текст_1) на панели слоев. После нажмите Control-J на клавиатуре, чтобы продублировать данный слой.
Шаг 6
Теперь кликните дважды по миниатюре этого слоя, чтобы сделать текст редактируемым, нажмите Control-A, чтобы выбрать весь текст, а затем нажмите Type > Paste Lorem Ipsum (Текст > Вставить Lorem Ipsum), чтобы вставить случайный отрывок текста. После этого удалите часть текста, выберите инструмент Move (Перемещение) (V), кликните и потяните в любом месте холста, чтобы расположить текст, как показано ниже:
Шаг 7
Нажмите Control-T на клавиатуре, чтобы трансформировать этот слой и выберите вращение на 15 градусов.
Шаг 8
Назовите этот слой Text_3 (Текст_3) и перетяните его под слой Text_2 (Текст_1) на панели слоев.
6. Как внести последние изменения
Шаг 1
В этой секции мы внесем последние изменения в работу. Нажмите D на клавиатуре, чтобы вернуть цвета к исходным и выберите слой Text_1 (Текст_1). Далее, нажмите Layer > New Adjustment Layer > Gradient Map (Слои > Новый корректирующий слой > Карта градиента), чтобы создать новый корректирующий слой Карта градиента и назовите его Overall Contrast (Общий Контраст).
Шаг 2
Теперь измените режим наложения этого слоя на Soft Light (Мягкий свет), а непрозрачность - на 35%.
Шаг 3
Нажмите Layer > New Adjustment Layer > Levels (Слои > Новый корректирующий слой > Уровни), чтобы создать новый корректирующий слой Уровни назовите его Overall Brightness (Общая Яркость).
Шаг 4
Дважды кликните по миниатюре этого слоя и, на панели свойств, введите значение со скриншота ниже:
Шаг 5
Нажмите Control-Alt-Shift-E на клавиатуре, чтобы сделать скриншот. Затем, нажмите Filter > Other > High Pass (Фильтр > Другое > Цветовой контраст) и измените значение параметра Radius (Радиус) на 2 пикселя, как показано ниже:
Шаг 6
Измените режим наложения этого слоя на Hard Light (Жесткий свет). Затем переименуйте этот слой в Overall Sharpening (Общая Резкость).
Как правильно установить (добавить) новые кисти в Фотошоп?
Этот урок поможет вам установить кисти для разных версий версии программы Photoshop.
Сложность урока: Легкий
Этот урок поможет вам установить кисти для разных версий версии программы Photoshop.
Многие пользователи задаются вопросом: «Как загрузить, добавить и установить новые кисти в Фотошоп?». Именно эту тему мы подробно разберем в этом уроке.
Для начала скачайте на нашем сайте или в Интернете файл с новыми кистями и распакуйте его, если он в архиве
Самый простой способ добавить кисти в программу это просто перетащить файл ABR в фотошоп и отпустить его в любой области программы вне рабочего документа. Если вы хотите узнать более подробный процесс, то читайте инструкцию ниже.
Способ для версии Photoshop 2020 и выше.
Активируем инструмент Кисть, далее жмём шестерёнку контекстного меню и выбираем пункт Импорт кистей. В появившемся диалоговом окне находим файл с кистями и жмём кнопку Загрузить.
Вариант для версий Photoshop CC 2019 и ниже
Переходим в управление наборами
Далее, откройте программу Photoshop СS6 и перейдите в главном меню в верхней части экрана во вкладку Редактирование – Наборы – Управление наборами (Edit - Preset Manager). Появится вот такое окошко:
Кнопка возле первого указателя (в виде маленькой стрелки) позволяет вам выбрать вид дополнения, который вы хотите установить – кисти, текстуры, фигуры, стили и т.д.
Кнопка возле второго указателя – показывает разновидности дополнения.
Загружаем кисти в Фотошоп
Кликаем по маленькой стрелке и из появившегося списка, путем нажатия левой кнопки мышки, выбираем вид дополнения – Кисти (Brushes):
Далее, нажимаем кнопку Загрузить (Load)
Появляется новое окошко. Здесь Вы указываете адрес скаченного файла с кистями. Этот файл находится у вас на рабочем столе или помещен в специальную папку для скачанных дополнений. В моем случае, файл находится в папке "Кисти" на рабочем столе:
Снова нажимаем Загрузить (Load)
Теперь, в диалоговом окне «Управление наборами» вы сможете увидеть в конце набора кистей новые, только что загруженные нами кисти:
Примечание: если кистей много, опустите полосу прокрутки вниз, и в конце списка будут видны новые кисти
Вот и все, программа Photoshop скопировала указанный файл с кистями в свой набор. Можете пользоваться!
Я вместе с вами установила себе новые кисти! Давайте посмотрим, что получилось!
Текстуры окружают нас повсюду – бетон на тротуаре, различные ткани, и даже стекло и пластик. Мы видим их каждый день. И это не удивительно, ведь текстуры являются важным элементов в дизайне.
Фотошоп предназначен не только для обработки изображений и фотоманипуляций, его можно использовать и для создания своих собственных текстур. В этом уроке я представлю некоторые приёмы, которые помогут вам создать собственные текстуры. Мы будем использовать фильтры, стили слоя и кисти. Прежде чем, мы приступим, я хочу продемонстрировать важность текстур. Обратите внимание на изображение ниже.
На скриншоте выше мы видим изображение, на котором присутствует одна серая плоская текстура. Если бы её там не было, то и не было бы самого изображения. Изображение справа полностью текстурированное (деревянная рамка, поверхности мебели). На самом деле все текстуры второй части изображения были созданы в Фотошоп. Приступим к работе!
Текстурирование при помощи фильтров
Многие пользователи (в основном начинающие) по-прежнему воспринимают фильтры, как ненужные трюки, которые не имеют никакого реального применения. Но это совсем не так. Фильтры – это очень мощные и разносторонние инструменты, которые, при правильном использовании, дают удивительные результаты. Если, работая в Фотошоп, вы не используете фильтры, то я вас призываю еще раз взглянуть на эти недооцененные инструменты.
Применение нескольких фильтров
Никто не говорит, что фильтр можно применять только один. Поэкспериментируйте и добавьте второй, третий и больше фильтров. Понаблюдайте, как они взаимодействуют друг с другом, и какие эффекты при этом получаются.
В Фотошоп имеется галерея фильтров, где вы можете просмотреть результат взаимодействия тех или иных фильтров. На изображении ниже видно, что фильтр Craquelure (Кракелюры) становится гораздо интересней, если применить его после фильтра Reticulation (Ретикуляция) при помощи галереи фильтров.
Давайте еще раз рассмотрим, как несколько фильтров работают вместе, создавая пользовательские текстуры. На скриншоте ниже показан пример.
А теперь посмотрите, как она создается. Для начала создаем новый документ с белым холстом. Далее применяем к нему фильтр Add Noise (Добавить шум), для этого перейдите в меню Filter > Noise (Фильтр - Шум).
Данный фильтр создает хорошую основу для следующего фильтра. Чтобы получить желаемый результат, важно сохранять последовательность применения фильтров. Теперь примените фильтр Emboss (Тиснение), перейдя во вкладку Filter > Stylize (Фильтр - Стилизация). Результате смотрите на третьем рисунке справа.
Кроме того, некоторые фильтры дают лучшие результаты, когда применяются более одного раза. Рассмотрим пример с фильтром Spherize (Сферизация) на сетке, для этого зайдите в меню Filter > Distort (Фильтр - Искажение). Применив его один раз эффект получится слабый. Применив его во второй раз эффект станет более заметным.
Совет: Перед применением фильтров, преобразовывайте слой в смарт-объект, чтобы фильтры применялись, как смарт-фильтры. Они не влияют на исходное изображение и могут быть отредактированы в любой момент.
Экспериментируйте с различными комбинациями фильтров, чтобы увидеть, как они взаимодействуют друг с другом. В дальнейшем вы сможете предусмотреть, как один фильтр влияет на другой и как добиться необычных эффектов.
Фильтры для создания текстуры дерева
На создание текстуры дерева уходит много времени и усилий, почему бы не позволить Фотошоп сделать за вас большую часть работы? Некоторые фильтры, например облака или шум, подходят для её создания, документ желательно брать таких размеров 256х256, 512х512 и даже больше 1024х1024.
Если вы возьмете один из перечисленных фильтров в качестве основы и скомбинируете с другим фильтром, то у вас получатся сложные деревянные текстуры без применения дополнительных усилий. На изображении ниже показан пример создания текстуры, в которой в качестве основы использовался фильтр Clouds (Облака).
А теперь рассмотрим это на примере. Как уже говорилось к белому холсту размером 1024х1024 пикселей нужно применить Фильтр Clouds (Облака), для этого перейдите в меню Filter > Render (Фильтр - Рендеринг). Подобно Noise (Шум) фильтр Облака обеспечивает некую хаотичность, которая хорошо комбинируется с другими фильтрами.
Вы свободно можете регулировать размер изображения, не влияя на примененный фильтр. Регулировать размер можно перейдя во вкладку Image > Image Size (Изображение – Размер изображения).
Теперь, если мы добавим эффект Posterize (Постеризация), перейдя в меню Image > Adjustment (Изображение - Коррекция), текстура разделится на несколько оттенков серого цвета с более очерченным рисунком.
И в заключении, чтобы обозначить края добавим фильтр Find Edges (Выделение краев), зайдя во вкладку Filter > Stylize (Фильтр - Стилизация). В результате текстура превратится в древесину.
Текстурирование с помощью стилей слоя
Текстуры так же можно создавать при помощи стилей слоя. Они предоставляют дополнительные опции для украшения содержимого слоя. Поэкспериментируйте с каждым параметром стиля, чтобы узнать, как они работают. Ниже приведены некоторые приемы, которые я использую в работе со стилями слоя.
Режимы наложения
При помощи режимов наложения текстуры создаются путем смешивания. При этом одновременно несколько режимов могут органично сочетаться в единой сложной текстуре, смотрите изображение ниже.
Совет: Работу с полутоновыми текстурами (т.е. оттенки серого) при использовании режимов наложения гораздо легче контролировать, цвет можно добавить позже. Сложные текстуры создаются в несколько этапов. Рассмотрим текстуру столешницы на четырех изображения ниже. Каждое изображение представляет собой простую текстуру, которые при смешивании образуют сложную текстуру.
Дополнительные параметры
С помощью стилей слоя можно добиться интересных эффектов, но многие пользователи часто игнорируют дополнительные параметры в разделе «Параметры наложения: по умолчанию» в окне стилей слоя. Некоторые параметры имеют значимую роль. Здесь, например, можно выбрать, как маска будет влиять на стиль.
В нижней части окна находится раздел Blend if (Наложение если) с ползунками. При помощи этих ползунков можно с легкостью создавать сложные эффекты наложения.
Посмотрите на изображение ниже. Глянцевая текстура краски была создана при помощи того самого раздела Blend if (Наложение если).
Ползунки этого раздела контролируют процесс смешивания слоев. На изображении слева краска выглядит слишком «плоской» неестественной. Но если поработать с ползунками, то можно добиться хорошего результата. На изображении справа широкие области окрашены в белый цвет, отсюда мы видим где происходит смешивание. Белый цвет показывает, где появится глянцевый эффект, если отрегулировать ползунки.
Прежде чем передвигать ползунки, зажмите клавишу Alt, тем самым ползунки разделятся на два части, придавая плавность эффекту.
Дублирование стилей слоя
Иногда, чтобы добиться более сложного эффекта, необходимо применить сразу два одинаковых стиля с различными настройками. Достичь этого в Фотошоп более ранних версиях без каких-либо последствий было бы трудно. Благодаря смарт-объектам, появилась возможность добавления стилей к группе слоев (с версии CS6) и повторное использование стилей на одном слое. Данный метод используется для создания жидкости или стекла. Смотрите изображение ниже.
Давайте рассмотрим, как создается жидкость. Начинаем мы с создания общей формы на отдельном слое (изображение слева). Далее добавляем стили Внутренняя тень и Наложение градиента (рисунок в центре). Затем слой преобразуется в смарт-объект, именно он позволит в будущем редактировать стили слоя. Впоследствии те же два стиля были применены повторно, но уже к смарт-объекту и с другими настройками, для достижения более сложного эффекта.
Рассматривая изображение выше, вы можете увидеть, какие сложные и реалистичные эффекты мы можем создавать при помощи стилей слоя. Например, к среднему изображению был применен стиль Наложение градиента, как мягкий градиент, который создал эффект виньетки – затенение в верхней и нижней частях формы. Повторное наложение градиента применялось с иными настройками. Он применялся, как плотный градиент, который обозначил форму и дно бутылки.
Текстурирование при помощи кисти
С помощью инструмента Кисть текстуру можно создать вручную. Если вы увлекаетесь цифровой живописью, то вам наверно известны некоторые приёмы работы с кистью. Ниже я продемонстрирую вам несколько методов использования этого полезного инструмента.
Панель кистей
Многие пользователи при работе с кистью придерживаются только настроек твердости и размера кисти. Но зайдя в панель кистей, для вас расширится круг настроек и поменяется мнение об этом инструменте. Здесь вы можете контролировать поведение кисти, сделав результат случайным или естественным. Обратите внимание на изображение ниже.
Для создания реалистичных бликов, я обратился к настройкам в разделах Shape Dynamics (Динамика формы) и Scattering (Рассеивание) в панели кистей. Изменяя параметры, я создал ряд различных мазков кисти, которые выглядят довольно естественно.
Совет: Ещё одна полезная особенность панели кистей в том, что в процессе редактирования каких-либо параметров мазок кисти сразу же отображается в предварительном просмотре.
Пользовательские формы кистей
Иногда, просто изменить настройки кисти недостаточно. Создание новой формы для кисти дает больше возможности для достижения удивительных и в то же время естественных текстур. Чтобы достичь нужного эффекта, формы кисти не обязательно должны быть сложными. Я, как правило, работаю с простыми формами и изменяю параметры, чтобы достичь нужного результата. Хорошим примером являются царапины, расположенные на деревянной ручке кисти на изображении ниже.
Царапины были созданы при помощи простой формы, как на изображении ниже слева. Я добавил полученную форму в набор кистей, перейдя во вкладку Edit > Define Brush Preset (Редактирование – Определить кисть). Найдите эту кисть в наборе, подкорректируйте настройки в разделах «Динамика формы» и «Рассеивание» и у вас получится форма кисти, которая создает царапины.
Использование кисти и стилей слоя
Следующий метод позволяет рисовать текстуры при помощи кисти и стилей слоя, в результате получаются сложные текстурированные эффекты. Весь фокус в том, что для заливки кисти устанавливается 0%, чтобы скрыть цвет мазков кисти, а затем в ход идут стили слоя. На изображении ниже показан пример. Здесь я использовал метод создания вмятин на металлической раме.
Метод работает лучше, если вы используете форму кисти, которая имеет несколько вариаций. Это может быть как пользовательская кисть, так и стандартная кисть Фотошоп, например Charcoal 59.
После того, как вы определитесь с кистью, отрегулируйте те же параметры «Динамика формы» и «Рассеивание». Перед использованием кисти создайте новый слой и примените к нему стиль Тиснение, затем для заливки установите 0%, в результате цвет скроется, а стиль тиснение проявится. Теперь можете применять текстуру для работы.
Текстурирование с изображениями
Хотя эти текстуры технически не были созданы с нуля, они так же могут быть полезны. Использование текстур из готовых изображений или сканов может быть быстрым и эффективным способом работы.
Наиболее распространенные ошибки в таких текстурах неправильное расположение освещения или изображения выглядят слишком "плоско". К счастью это можно избежать, прочитав нужные уроки.
Заключение
Как вы уже заметили, создание качественных текстур для дизайна не требует таланта ремесленника или художника. Вам всего лишь требуется знать основы работы в Фотошоп, знание инструментов и у вас получатся удивительные текстуры. Надеюсь, из этого урока вы узнали для себя новые методы, которые помогут вам в дальнейшей работе.
Читайте также: