Как сделать ромб в фотошопе

Как сделать ромб в фотошопе

Узнайте, как создавать фигуры на холсте и использовать функцию «Свойства интерактивной формы» для взаимодействия с фигурами.

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

Темы этой статьи:

Создание фигур

Выполните эти быстрые действия для создания фигур в Photoshop:

Выберите инструмент «Фигура»

На панели инструментов, нажмите и удерживайте значок группы инструментов Фигура (), чтобы вызвать различные варианты инструмента «Фигура» — Прямоугольник, Эллипс, Треугольник, Многоугольник, Линия и Произвольная фигура . Выберите инструмент для рисования нужной фигуры.

Настройка параметров инструментов группы «Фигура»

На панели параметров инструментов группы «Фигура» можно задать следующие настройки:

• Режим : задайте режим для инструмента «Фигура» — Фигура, Контур и Пиксели .
• Заливка : выберите цвет заливки фигуры.
• Обводка : выберите цвет, ширину и тип обводки фигуры.
• Ш и В : вручную задайте ширину и высоту фигуры.
• Операции с контуром : используйте операции с контуром для настройки взаимодействия фигур друг с другом.
• Выравнивание контура : используйте этот параметр для выравнивания и распределения компонентов фигуры.
• Упорядочение контура : используйте этот параметр для настройки порядка расположения создаваемых фигур.
• Дополнительные параметры фигур и контуров : щелкните значок шестеренки () для доступа к дополнительным параметрам фигур и контуров, чтобы задать такие атрибуты, как ширина и цвет отображаемого на экране контура, и параметры соблюдения пропорций при рисовании фигур.

Рисование фигуры

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

• Удерживайте клавишу Shift во время рисования, чтобы сделать фигуры пропорциональными.
• Выбрав слой-фигуру, используйте инструмент Перемещение , чтобы перемещать фигуру и менять ее расположение на холсте.
• Чтобы легко масштабировать, трансформировать или поворачивать фигуру, выберите Редактирование > Свободное трансформирование или нажмите клавиши Control+T (Win) / Command+T (Mac).

Редактирование свойств фигуры

Можно легко редактировать свойства фигуры прямо с помощью элементов управления на холсте или с помощью раздела Свойства фигуры на панели Свойства . Элементы управления на холсте позволяют взаимодействовать с фигурами на более интуитивном уровне.

Можно использовать элементы управления трансформированием и скруглением на холсте для коррекции внешнего вида фигуры. Модификаторы клавиатуры будут управлять трансформированием на холсте так же, как при использовании инструмента Трансформирование в Photoshop. Можно изменять радиус всех углов прямоугольника одновременно: удерживайте клавишу Alt (Win) или Option (Mac) во время перетаскивания для изменения радиуса одного угла. У треугольников изменяются все углы, даже если перетащить только один из них. С легкостью поворачивайте фигуру с помощью маркера поворота на холсте, который появляется при наведении курсора мыши на фигуру.

Щелкните значок сброса () на панели «Свойства», чтобы сбросить сразу все изменения.

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

Как в фотошопе нарисовать ромб: Геометрические фигуры для фотошопа — как нарисовать и где скачать

Фигуры для фотошопа дома. Как нарисовать геометрические фигуры в Photoshop четырьмя способами

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

На панели инструментов есть группа однородных инструментов (быстрая клавиша U ). Туда входят: прямоугольник, прямоугольник со скругленными краями, эллипс, многоугольник, линия и произвольная фигура .

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

Она представляет из себя векторное изображение, а значит не имеет ограничений по размерам. Поэтому ее можно растягивать сколько угодно без потери качества.

У фигуры нет своего цвета (кроме того, какой мы выберем перед созданием), объема, теней, обводки границ или чего-либо еще. В этом она напоминает кисть, где цвет вы задаете сами, все остальное уже придется дорисовывать самостоятельно.

Как использовать?

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

Зажмите клавишу Shift , чтобы рисовать фигуру идеально ровной, без искажений в какую-либо сторону.

Как установить свои фигуры в фотошоп?

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

После этого, откройте меню фигур. Вы увидите такие 4 команды:

Выбрав «Загрузить…» , откроется диалоговое окно, в котором нужно указать путь до файла с расширением csh, например, так:

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

Выбрав «Заменить…» , будет все тоже самое, за исключением того, что новые фигурки появятся не в конце списка, а полностью заменят собой те, что уже есть. Например, у вас изначально были в списке подгружены наборы с животными и стрелочками, а вы решили открыть с заменой набор орнаментов. В итоге, в списке будут только орнаменты.

А если вы загрузили несколько наборов, удалили какие-либо отдельные фигуры, использовав команду «Удалить…» , вообщем, сделали набор под себя, то можете его сохранить командой «Сохранить произвольные…» . В будущем его можно будет загрузить в том же виде или передать кому-нибудь через интернет.

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

Обратите внимание, что в этом же меню есть огромный список: Животные, Стрелки, Природа, Объекты и т.д. Это стандартные наборы, которые нам любезно предоставили разработчики фотошопа.

Второй способ установки с дополнительным преимуществом

Произвольные фигуры еще можно установить непосредственно в системные файлы фотошопа.

Сделать это немного сложнее, но главный плюс такого способа в том, что ваш набор появится в списке, что я описал выше (Животные, Стрелки, Природа, Объекты и т.д.). В случае, если вы намерены часто пользоваться этим инструментом, то такой способ установки сократит время, и вы сможете выбрать нужный набор в два клика.

Для этого необходимо скопировать файл с расширением csh в системную папку фотошопа «Custom Shapes» , обычно у нее такой адрес: C:\Program Files\Adobe\Adobe Photoshop CS5\Presets\Custom Shapes.

Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter . Спасибо!

Здравствуйте, уважаемые читатели моего блога. Чем легче задача, тем сложнее ее решить в фотошопе. Найдется тысяча статьей про или создание эффекта черных глаз, а вот как нарисовать круг, квадрат или ромб – пойди разберись! Сегодня буду решать эту несправедливость.

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

Рисуем сами

В Adobe Photoshop есть несколько инструментов, которые позволяют нарисовать фигуры. Вот только некоторые из них таят кое-какие секреты. Сейчас я вам о них поведаю. Итак, я Если хотите научиться делать как у меня на рисунке, то рекомендую статью , нет ничего проще, чем сделать такой же.

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

Для начала я выберу прямоугольник. Как только я закончу рисовать, слева вылезет дополнительное меню. Здесь можно выбрать размер по ширине и высоте, если вам необходимо соблюсти точные размеры. Чуть ниже располагается меню с заливкой самой фигуры – вы можете выбрать без заливки, однотонный цвет, градиент или узор.

Чуть правее располагается меню обводки – вам нужно определить ее ширину и будет ли она присутствовать вообще, захотите и сделайте однотонной, залейте градиентом или, опять же, узором.

Чтобы превратить прямоугольник в квадрат вам нужно зажать кнопку Shift во время рисования фигуры.

Эллипс зажатая кнопка Shift превращает в круг.

Также в списке есть такая фигура как многоугольник. Вы сами определяете число сторон. Вписывать можно любое значение – 3, чтобы вышел треугольник, 7, 10 и так далее.

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

Произвольная фигура

У нас осталась произвольная фигура. Что это такое?

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

Чтобы используйте сочетание клавиш Ctrl+T.

Как добавить новые

Добавить новые фигуры не составит труда. Очень много бесплатных фигур можно скачать с сайта photoshop-master.ru . Здесь около 400 наборов с фигурами – люди, узоры, пауки, абстракция, машины, стулья, огонь, цветы и многое другое.

Покажу как их устанавливать на примере «Медиа», они мне пригодятся в будущем. Итак, скачиваю файл.

Достаточно подождать 15 секунд. Никакой предварительной регистрации не требуется.

Теперь откройте архив и киньте файл в формате CSH туда, где его можно будет легко отыскать.

Теперь откройте фигуры в программе фотошоп и нажмите на гайку в правой части. В открывшемся списке выберите «Загрузить фигуры».

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

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

Помимо фигур, вам могут пригодиться еще и кисти. Их также можно скачать на сайте Photoshop-master .

Загрузить необходимый набор можно точно также, как и при работе с фигурами. Открываете кисти.

Нажимаете на гайку и выбираете «Загрузить».

Поработайте с ними самостоятельно. Здесь нет ничего сложного. Они немного отличаются от фигур.

Google в помощь

Еще один способ нарисовать фигуру, воспользоваться чужими трудами. Вам понадобится Google и его раздел «Картинки». Почему именно он вы узнаете совсем скоро. Чтобы у фигуры был прозрачный фон, и она вписалась в вашу композицию гармонично, требуется . Так и нужно искать: треугольник png, круг, овал и так далее.

Если вы делаете работу для себя, то в принципе, можно было бы пользоваться и Яндексом, но если проект создается в коммерческих целях, то Google очень пригодится. Откройте «Инструменты», далее «Права на использование» и выберете нужный тип – использование или использование и изменение.

Далее открываете картинку, после того как отыскали что-то подходящее. Это важное условие. Рисунок должен располагаться на таком вот квадратно-шашечном фоне. Если он просто белый, то это не png. Разницу вы поймете, когда скачаете. В принципе, нет ничего страшного, чтобы учиться на своих ошибках.

Вот так будет выглядеть PNG. Шашечка заполнилась моим фоном.

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

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

Понравился сайт? Уроки оказались полезными? Вы можете поддержать проект, просто если скачаете и установите приложение «Фонарик» для Андроид. Приложение написал автор сайта и рассчитывает в дальнейшем публиковать свои приложения. Фонарик управляет светодиодом вспышки фотокамеры телефона, а также включает подсветку экраном на полной яркости.

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

Если приложение наберёт популярность, это даст стимул автору на создание новых приложений с учётом пожеланий посетителей сайта.

Заранее благодарен, Дмитрий.

QR-код для установки:

Если Вам понравился материал, скажите свое «спасибо», поделитесь ссылками с друзьями в социальных сетях! Спасибо!

Растрирование слоя в Фотошопе

MyPhotoshop.ru Уроки Фотошопа Растрирование слоя в Фотошопе

Растрирование – одна из наиболее часто выполняемых процедур в графических редакторах. Давайте посмотрим, каким образом можно справиться с этой задачей в Фотошопе.

• Определение растрового изображения
• Растрирование слоя
• Растрирование текста
• Заключение

Определение растрового изображения

Для начала напомним, что цифровые изображения бывают двух видов:

• векторные – состоят из простых геометрических элементов (прямые и кривые линии, окружности, квадраты, прямоугольники, треугольники и т. д.). Безусловным преимуществом таких изображений является то, что при их масштабировании/увеличении качество картинки не теряется.
• растровые – состоящие из точек-пикселей. Такие изображения имеют определенное разрешение. При увеличении размера их качество будет ухудшаться (чем больше масштаб – тем хуже качество).

Несмотря на очевидное преимущество векторных изображений, у них есть и явный минус: к ним нельзя применять фильтры и многие другие инструменты. И если возникает такая необходимость, слой с такой графической информацией сначала требуется растрировать – это значит преобразовать его в растровое изображение. Кстати, данная операция в Фотошопе применима и к текстовым слоям.

Растрирование слоя

Процедура растрирования выполняется довольно просто и быстро. В качестве примера будем использоваться слой с фигурой в виде ромба.

Итак, вот что мы делаем:

1. Выбрав в Палитре нужный слой щелкаем по нему правой кнопкой мыши (но не по его миниатюре). В раскрывшемся контекстном меню выбираем команду “Растрировать слой”.
2. Обращаем внимание на миниатюру слоя – она должна смениться на более привычную, соответствующую растровому изображению.
3. Теперь мы можем продолжить работу с полученным результатом. В нашем случае мы решили применить к нему фильтр “Зерно” из группы “Текстура” (в Галерее фильтров).

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

Если растрировать слой таким образом, то в Палитре результат будет иным – добавится векторная маска, а также видоизменится исходный слой.

Ввиду этого, такой способ достаточно специфичный и применяется реже, чем описанный выше.

Растрирование текста

Для текстового слоя выполняются аналогичные действия – кликаем по нему правой кнопкой мыши (но только не по миниатюре) и выбираем в появившемся меню нужный пункт – “Растрировать текст”.

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

Также вместо этого можно, выбрав нужный слой в Палитре, затем нажать комбинацию Ctrl+A, что позволит выделить текст. Далее в меню “Редактированию” сначала выбираем команду “Копировать”, затем – “Вставить”. Или же для копирования или вставки можно воспользоваться горячими клавишами Ctrl+C и Ctrl+V, соответственно.

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

Заключение

Таким образом, в том, чтобы растрировать слой с картинкой/фигурой или текстом в Фотошопе, нет ничего сложного. Операция выполняется буквально в несколько кликов и займет считанные секунды. При этом практическая польза этого действия, безусловно, велика, т.к. после его выполнения возможности в обработке полученного изображения практически безграничны.

КУРСЫ:

СМОТРИТЕ ТАКЖЕ

Горячие клавиши в Photoshop

Фоны для Фотошопа: Лес

Фоны для Фотошопа: Черные

Как удалить фон с изображения в Photoshop

Как вырезать объект в Photoshop

Рамки для Фотошопа: Школьные

Урок создания анимации в Фотошопе

Изменяем размер изображения в Photoshop

Урок объединения слоев в Фотошопе

Улучшение качества фото в Фотошопе

Фоны для Фотошопа: Небо

Как рисовать прямые линии в Фотошопе

Замена цвета объекта/изображения в Photoshop на другой

Вставка фотографии в рамку в Photoshop

Наборы кистей для Фотошопа: Текстурные

Урок ретуши лица в Фотошопе для начинающих и не только

Инструмент “Заливка” в Фотошопе: как пользоваться

Двойная экспозиция в Фотошопе

Как создать документ формата А4 в Фотошопе

Замена фона на фотографии в Фотошопе

Уменьшение размера объекта в Фотошопе

Выделение слоя в Фотошопе: как сделать

Рамки для Фотошопа: С днем рождения

Градиент в Фотошопе: как сделать

Включение и настройка сетки в Photoshop

Создание афиши своим руками в Фотошопе

Фоны для Фотошопа: Рамки

Создание контура в Photoshop

Рисование треугольника в Фотошопе: 2 метода

Создание коллажей в Фотошопе: подробное руководство

Как создать слой в Photoshop

Кадрирование фото в Фотошопе

Заливка слоя в Фотошопе

Вставка изображения в Фотошоп: пошаговое руководство

Ретуширование фотографий с помощью частотного разложения в Фотошопе

Как нарисовать прямоугольник в Фотошопе

Вставка лица на фото-шаблон в Фотошопе

Изменение прозрачности слоя в Фотошопе

Отмена выделения в Фотошопе

Как сделать виньетирование фотографий в Photoshop

Наложение текстуры гранита на текст в Фотошопе

Отмена действий в Фотошопе

Узнайте, как сделать ромб в Photoshop

Вдохновение

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

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

Начало работы

Откройте Photoshop и создайте новый документ с белым фоном. На самом деле, это может быть любой размер, который вы хотите (в пределах разумного), но всегда помните, что начать с большего и уменьшить масштаб намного проще, чем начать с меньшего размера и увеличить его. При этом мой документ имеет размер 800 на 800 пикселей.

Создайте новый слой и назовите его «Алмаз».

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

Теперь вам просто нужно щелкнуть правой кнопкой мыши и залить путь любым цветом, который вы хотите. На данный момент это не очень важно, но это поможет нам наложить грани позже (подробнее ниже). Я просто собираюсь заполнить его довольно общим 50% серым цветом.

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

Создайте новый слой и назовите его «Границы».

Хватай полигональное лассо и пристегивайся! Вот где будет весело. Это потребует хорошего глаза и большой художественной свободы. Идея состоит в том, чтобы нарисовать треугольники на поверхности алмаза (здесь мы начнем с верхней части) и использовать их для создания искусственно отражающей поверхности. Вот пример фасета, который я нарисовал. (Примечание. Белая линия должна отделять верхнюю часть ромба от нижней, и ее не будет в конечном изделии.)

Теперь возьмите инструмент градиента и используйте переход от белого к прозрачному. Это должно выглядеть так:

Перетащите градиент в ваш треугольник, чтобы он выглядел так:

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

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

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

Добавление блесток

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

Первый вариант относительно прост. Создайте новый слой и назовите его «Искры». Теперь просто нажмите на инструмент «Кисть». Поднимитесь в меню кистей и откройте «Ассорти кистей». Здесь вы найдете несколько блестящих кистей разных размеров. На панели кистей они выглядят следующим образом:

Просто установите активный (передний план) цвет на белый, выберите кисть с блестками и добавьте к ромбу вот так.

Конечно, если вы хотите добавить больше WOW! фактор, это тоже легко достижимо. Здесь мы будем использовать один из включенных фильтров Photoshop для достижения эффекта.

Создайте еще один новый слой и назовите его «Сияние» или как-то так, чтобы его было легко запомнить, и убедитесь, что он находится поверх слоев с бриллиантом и гранями. Заливаем слой черным — да черным.

Теперь перейдите в «Фильтры», затем «Рендеринг», а затем нажмите «Блики». Теперь вы можете выбрать все, что захотите. Идите вперед и просмотрите варианты. Когда вы найдете то, что вам нравится, нажмите OK. Вот как выглядели мои настройки:

Теперь, чтобы сделать это видимым на вашем бриллианте, просто установите режим наложения на «Экран». Фантастический трехступенчатый блеск для вашего нового бриллианта. (Примечание: это будет еще лучше видно на цветном фоне.)

Ресурсы

Все изображения и информация предоставлены Эмбер Нили.

Делаем бриллиантовые блики в Photoshop | Малый бизнес

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

Звездчатые кисти

Распространенный метод быстрого добавления бликов и блесток к бриллианту — использование кисти в форме звезды. На панели «Кисти» есть несколько вариантов, которые можно вызвать, нажав «F5» на клавиатуре. Для достижения наилучших результатов используйте белую кисть на новом слое над ромбом. Задержите мышь в одном месте, затем проведите кистью, нажимая кнопку мыши, пока блик не приобретет желаемую интенсивность.

Смешанные кисти

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

Lens Flare

Фильтр Lens Flare может создать превосходный алмазный блик. Найдите этот фильтр, щелкнув меню «Фильтр», затем выбрав опцию «Рендеринг». Откроется окно параметров, позволяющее переместить центр блика на ромб. Затем вы можете изменить тип объектива и яркость по желанию. В большинстве случаев наилучший эффект дает 35-мм объектив. Поскольку с помощью этого инструмента создаются дополнительные блики, продублируйте изображение ромба перед созданием блика, а затем используйте инструмент «Ластик», чтобы удалить дополнительные блики.

Множественные блики

Чтобы создать несколько бликов на одном бриллианте или на изображении нескольких бриллиантов, сосредоточьтесь на создании идеального блика, используя технику звездообразной кисти или комбинацию звездообразных кистей. с аэрографом. Затем вы можете скопировать эту кисть и вставить ее в другое место поверх того же изображения, затем повернуть каждую вспышку и изменить ее размер, используя параметры преобразования в меню «Правка». Если вы затем объедините все свои блики в один слой, вы можете имитировать эффект одного источника света, применив слой наложения градиента, чтобы сделать блики на одной стороне изображения или в середине ярче, чем другие.

• Photoshop Cafe: Rap Diamonds, Bling в Photoshop
• Photoshop Essentials: добавление блестящего следа к фотографии в Photoshop
• PictureCorrect: создание эффекта блеска или сияния ювелирных изделий 900 Writer

Публикуемый автор и профессиональный оратор Дэвид Уидмарк более 20 лет консультирует предприятия и правительства по вопросам технологий, средств массовой информации и маркетинга.

Как сделать ромб в фотошопе. Произвольные фигуры в фотошопе

Инструменты рисования позволяют создавать и редактировать векторные фигуры. С ними легко создавать различные элементы для веб-страниц.

Создайте новый файл для тренировки.

Нажмите левой клавишей мыши на инструмент -фигуры- на панели инструментов, откроется окно выбора инструмента:

Здесь представлены основные фигуры, которыми мы можем воспользоваться. Выберете любую и посмотрите на панель параметров:

Для любой фигуры можно выбрать:

• режим рисования:
  • Слой-фигура . Фигура создается в отдельном слое. Слой-фигура состоит из слоя-заливки, определяющего цвет фигуры, и связанной с ним векторной маски, задающей границы фигуры. Границы фигуры представляют собой контур, который появляется на вкладке «Контуры» панели «Слои».
  • Контуры . Этот режим позволяет рисовать контуры фигур, которые можно заливать или обводить произвольным цветом. Контуры отображаются на вкладке «Контуры» панели «Слои».
  • Заливка пикселов . При работе в этом режиме создаются не векторные, а растровые изображения, которые можно обрабатывать так же, как и любое растровое изображение

  Выберем первую фигуру — прямоугольник. На панели выберем режим — слой-фигура. Выберем стиль, щелкнув по треугольнику справа.

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

  Теперь можно задать геометрические параметры:

  • Произвольно — как нарисуете, так и будет.
  • Квадрат — при растягивании мышкой фигуры, ширина и высота будут всегда одинаковы.
  • Заданный размер — можно задать ширину и высоту прямоугольника (в см) и щелкнуть по холсту. Появится прямоугольник с заданными размерами.
  • Задать пропорции — можно задать во сколько раз ширина будет меньше (или больше) высоты. При растягивании фигуры пропорция будет сохраняться.
  • От центра — рисует прямоугольник от центра.
  • Привязать к пикселам — края прямоугольника привязываются к границам пикселов.

  Достаточно полезный инструмент для создания кнопочек и менюшек для ваших web-страниц, не правда ли?

  Рисуем прямоугольники со скругленными углами

  Выберем вторую фигуру — прямоугольник со скругленными углами. На панели выберем режим — слой-фигура, радиус скругления углов — например, 15 и цвет (можно стиль, как хотите).Геометрические параметры такие же, как у прямоугольника.

  Вот, что получилось у меня при различных комбинациях радиуса и стиля.

  Чем не блоки новостей и кнопочки меню?

  Рисуем окружности

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

  Вот, что получилось у меня:

  

  Рисуем многоугольники

  Выберем фигуру — многоугольник. На панели выберем режим — слой-фигура, количество сторон в диапазоне от 3 до 100 (например, 3 — для треугольника, 6 — для шестиугольника), цвет и стиль. Рассмотрим геометрические параметры:

  • Радиус — радиус многоугольника.
  • Сгладить внешние углы
  • Звезда — со снятой галочкой многоугольник выпуклый, с поставленной галочкой многоугольник вогнутый.
  • Глубина лучей — если многоугольник вогнутый, то его вершины как бы образуют лучи. Этот параметр показывает какая часть радиуса многоугольника будет занята лучами. Чем больше %, тем длиннее и острее лучи.
  • Сгладить внешние углы — со снятой галочкой углы острые, с поставленной галочкой углы округлые.

  

  Первый девятиугольник имеет радиус 3см, остальные галочки сняты.

  Второй девятиугольник имеет радиус 3см, галочка у -звезда-, глубина лучей — 25%, остальные галочки сняты.

  Третий девятиугольник имеет радиус 3см, глубина лучей — 50%, стоят все галочки.

  Ко всем применен стиль.

  Рисуем линии

  Выберем фигуру — линии. На панели выберем режим — слой-фигура, толщину линии (в пикселах), цвет и стиль. Рассмотрим геометрические параметры:

  Если все галочки сняты будет просто линия, параметры задают стрелки на концах этой линии.

  • Начало — стрелка в начале линии.
  • Конец — стрелка в конце линии.
  • Ширина — пропорции стрелки в процентном отношении к толщине линии (от 10% до 1000%).
  • Длина — пропорции стрелки в процентном отношении к толщине линии (от 10% до 5000%).
  • Кривизна — определяет степень изогнутости самой широкой части стрелки в месте, где она встречается с линией (от -50% до +50%).

  У первой линии все галочки сняты, ширина — 500%, длина — 1000%, толщина — 2 пиксела.

  У второй линии все тоже самое, но стоит галочка у -начало- и кривизна — 5%.

  У третьей линии все тоже самое, но стоит галочка у -конец- и снята галочка у -начало-.

  У четвертой линии стоят обе галочки, ширина — 500%, длина — 1000%, кривизна — 15%, толщина — 5 пикселов.

  Ко всем применен стиль.

  Рисуем произвольные фигуры

  Выберем фигуру — произвольная фигура. На панели выберем режим — слой-фигура, цвет и стиль. Геометрические параметры такие же как у прямоугольника. Зато здесь есть выбор самой фигуры:

  Если щелкнуть по треугольничку в кружочке (справа), то в открывшемся контекстном меню можно выбрать дополнительные фигуры.

  

  Рисуем несколько фигур в одном слое

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

  

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

  

  Если эллипс растянулся не так, как хотелось, можно это поправить. Для этого возьмите на панели инструментов инструмент -выделение контура-:

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

  Сохраняем фигуры

  Предположим нам понравилась последняя фигура, которую мы создали и мы хотим использовать ее в дальнейшем. Для этого ее нужно сохранить. Для этого меню Редактирование -> Определить произвольную фигуру. Задайте имя для новой фигуры.

  Теперь наша фигура появилась в раскрывающейся панели выбора произвольных фигур.

  На этом урок закончен. В следующей раз займемся контурами и растровыми изображениями.

  Рисуем облако пером

  Простенький урок рисования. Как рисовать все, что угодно инструментом Pen Tool (Перо). Инструмент универсальный, может очень многое, но непрофессионалы редко им пользуются. Почему? Им кажется, что сложно научиться пользоваться инструментом Перо в фотошопе. Ничего сложного. Попробуйте на примере этого урока.

  Как нарисовать пером несложную фигуру – облако или маленькую тучку? Или любую другую фигуру, состоящую из нескольких криволинейных сегментов. Самый простой путь — создать простой и примитивный прямолинейный контур, а затем «искривить» его сегменты так, как нужно.

  Возьмите Pen Tool (Перо), на панели параметров нажмите кнопку Paths (Контур), чтобы рисовать контур без заливки, и нарисуйте вот такую фигуру, просто щелкая в нужных местах пером:

  

  Стрелки Path Selection Tool и Direct Selection Tool, расположенные на панели инструментов сразу под пером, позволяют передвигать контур или отдельные его узлы. Используйте эти стрелки для редактирования, если созданный вами контур получился не совсем удачный.

  На облако это мало похоже. Выберите инструмент Add Anchop Point Tool (Добавить опорную точку) из группы инструментов Перо и проставьте дополнительную узловую точку на середине какого-нибудь прямого отрезка.

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

  

  Превратите в дуги все прямолинейные отрезки как на рисунке.

  

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

  Выберите на панели инструментов фотошопа основной цвет белый.

  Щелкните правой кнопкой где-нибудь на контуре или рядом с ним. Откроется контекстное меню для работы с контуром.

  

  В этом меню выберите Fill Path (Заливка контура). В открывшемся диалоговом окне можно выбрать цвет заливки основной или фоновый, радиус размытия (Feather Radius) и режим перекрытия слоев.

  

  Вот результат — нарисовано симпатичное белое облако:

  

  А если облако не должно быть белым, и нужно нарисовать только контур облака? Отмените последнее действие — заливку контура: палитра History (История), на шаг назад.

  Выберите и настройте инструмент Pencil (Карандаш). На панели параметров задайте ему толщину 2 или 4 пикселя.

  Щелкните правой кнопкой, чтобы вызвать контекстное меню для работы с контуром. В меню выберите Stroke Path (Обводка).

  

  В открывшемся окне выберите инструмент Pencil (Карандаш),

  

  нажмите ОК и получите результат — обведенный карандашом контур облака.

  

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

  Отмените последнее действие — обводку карандашом: палитра History (История), на шаг назад. На панели инструментов выберите инструмент Brush (Кисть), задайте ей такие параметры:

  

  Щелкните правой кнопкой, чтобы вызвать контекстное меню для работы с контуром. В меню выберите Stroke Path (Обводка) и в диалоговом окне вместо Pencil (Карандаш) установите Brush(Кисть)

  Получится вот такой результат:

  

  Если в процессе обучения вы создали маленький шедевр и хотите его сохранить для дальнейшего использования, то снова вызывайте правой кнопкой контекстное меню для работы с контуром и выбирайте Define Custom Shape (Определить фигуру) .

  В открывшемся окне задайте имя фигуры и ОК.

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

  Здравствуйте, уважаемые читатели моего блога. Чем легче задача, тем сложнее ее решить в фотошопе. Найдется тысяча статьей про или создание эффекта черных глаз, а вот как нарисовать круг, квадрат или ромб – пойди разберись! Сегодня буду решать эту несправедливость.

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

  Рисуем сами

  В Adobe Photoshop есть несколько инструментов, которые позволяют нарисовать фигуры. Вот только некоторые из них таят кое-какие секреты. Сейчас я вам о них поведаю. Итак, я Если хотите научиться делать как у меня на рисунке, то рекомендую статью , нет ничего проще, чем сделать такой же.

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

  

  Для начала я выберу прямоугольник. Как только я закончу рисовать, слева вылезет дополнительное меню. Здесь можно выбрать размер по ширине и высоте, если вам необходимо соблюсти точные размеры. Чуть ниже располагается меню с заливкой самой фигуры – вы можете выбрать без заливки, однотонный цвет, градиент или узор.

  

  Чуть правее располагается меню обводки – вам нужно определить ее ширину и будет ли она присутствовать вообще, захотите и сделайте однотонной, залейте градиентом или, опять же, узором.

  

  Чтобы превратить прямоугольник в квадрат вам нужно зажать кнопку Shift во время рисования фигуры.

  

  Эллипс зажатая кнопка Shift превращает в круг.

  

  Также в списке есть такая фигура как многоугольник. Вы сами определяете число сторон. Вписывать можно любое значение – 3, чтобы вышел треугольник, 7, 10 и так далее.

  

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

  Произвольная фигура

  У нас осталась произвольная фигура. Что это такое?

  

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

  

  Чтобы используйте сочетание клавиш Ctrl+T.

  

  Как добавить новые

  Добавить новые фигуры не составит труда. Очень много бесплатных фигур можно скачать с сайта photoshop-master.ru . Здесь около 400 наборов с фигурами – люди, узоры, пауки, абстракция, машины, стулья, огонь, цветы и многое другое.

  

  Покажу как их устанавливать на примере «Медиа», они мне пригодятся в будущем. Итак, скачиваю файл.

  

  Достаточно подождать 15 секунд. Никакой предварительной регистрации не требуется.

  

  Теперь откройте архив и киньте файл в формате CSH туда, где его можно будет легко отыскать.

  

  Теперь откройте фигуры в программе фотошоп и нажмите на гайку в правой части. В открывшемся списке выберите «Загрузить фигуры».

  

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

  

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

  

  Помимо фигур, вам могут пригодиться еще и кисти. Их также можно скачать на сайте Photoshop-master .

  

  Загрузить необходимый набор можно точно также, как и при работе с фигурами. Открываете кисти.

  

  Нажимаете на гайку и выбираете «Загрузить».

  

  Поработайте с ними самостоятельно. Здесь нет ничего сложного. Они немного отличаются от фигур.

  

  Google в помощь

  Еще один способ нарисовать фигуру, воспользоваться чужими трудами. Вам понадобится Google и его раздел «Картинки». Почему именно он вы узнаете совсем скоро. Чтобы у фигуры был прозрачный фон, и она вписалась в вашу композицию гармонично, требуется . Так и нужно искать: треугольник png, круг, овал и так далее.

  

  Если вы делаете работу для себя, то в принципе, можно было бы пользоваться и Яндексом, но если проект создается в коммерческих целях, то Google очень пригодится. Откройте «Инструменты», далее «Права на использование» и выберете нужный тип – использование или использование и изменение.

  

  Далее открываете картинку, после того как отыскали что-то подходящее. Это важное условие. Рисунок должен располагаться на таком вот квадратно-шашечном фоне. Если он просто белый, то это не png. Разницу вы поймете, когда скачаете. В принципе, нет ничего страшного, чтобы учиться на своих ошибках.

  

  Вот так будет выглядеть PNG. Шашечка заполнилась моим фоном.

  

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

  

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

  Хорошо иметь в программе инструменты, позволяющие рисовать круги и квадраты, но что если нам понадобится изобразить фигуру более сложной формы? Что, если предположим, нам надо добавить сердце на свадебный снимок или приглашение, нарисовать собаку или кошку для логотипа зоомагазина? Как насчет изображения на ваших рисунках цветов, листьев, снежинок, музыкальных нот или значка копирайта?

  В действительности, программа Photoshop работает со всеми этими и другими фигурами и позволяет нам добавлять их на изображение с той же легкостью, с какой мы добавляли круги и квадраты. В программе все эти фигуры более сложной формы называются произвольными фигурами, и мы можем их нарисовать, используя инструмент «Произвольная фигура» (Custom Shape Tool), с которым мы познакомимся в этом уроке.

  Инструмент «Произвольная фигура»

  Инструмент «Произвольная фигура» расположен на панели инструментов в одном разделе с другими инструментами группы «Фигуры». По умолчанию, на экране отображается инструмент «Прямоугольник» (Rectangle Tool), но если вы нажмете на него и удержите кнопку мыши нажатой несколько секунд, то появится всплывающее меню с перечнем других инструментов, которые также доступны в этом разделе. Инструмент «Произвольная фигура» находится в самом низу списка:

  Нажмите на значок инструмента «Прямоугольник» и удержите кнопку мыши нажатой, затем из появившегося меню выберите инструмент «Произвольная фигура»

  Если у вас уже выбран один из инструментов группы «Фигуры», то вы можете быстро переключиться на инструмент «Произвольная фигура» на панели настроек, где представлены шесть значков, отображающих инструменты группы «Фигуры». Значок инструмента «Произвольная фигура» — последний справа (он выглядит как клякса):

  Если у вас уже активен другой инструмент группы «Фигуры», то вы можете выбрать инструмент «Произвольная фигура» на панели настроек

  Выбор формы произвольной фигуры

  После выбора инструмента «Произвольная фигура» нам необходимо определиться с формой фигуры, которую мы хотим нарисовать. На панели настроек справа от значка инструмента «Произвольная фигура» появится окошко предварительного просмотра, где будет отображаться миниатюра фигуры, которая в данный момент выбрана:

  Окошко предварительно просмотра отображает выбранную нами произвольную фигуру

  Для того чтобы выбрать другую фигуру, нажмите на окошко предварительного просмотра. Это действие приведет к открытию палитры «Произвольные фигуры», где будут представлены все фигуры, доступные в данный момент для выбора. На самом деле программа Photoshop работает с гораздо большим количеством произвольных фигур, чем то ограниченное количество, которое представлено изначально в палитре. Как загрузить в палитру другие произвольные фигуры, мы рассмотрим далее:

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

  Чтобы выбрать фигуру, просто нажмите на ее миниатюру, затем — на клавишу Enter (Win) / Return (Mac) для закрытия палитры. Или дважды щелкните кнопкой мыши по миниатюре фигуры, в результате чего фигура будет выбрана и палитра закроется сама. Я выберу фигуру в форме сердца:

  Выбираем фигуру в форме сердца из палитры «Произвольные фигуры»

  Выбор цвета для фигуры

  После выбора формы фигуры, вам нужно выбрать цвет для нее. Это можно сделать, нажав на значок образца цвета, расположенный справа от слова «Цвет» (Color) на панели настроек:

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

  Программа немедленно откроет цветовую палитру, где мы сможем выбрать нужный цвет. Поскольку я решил нарисовать фигуру в форме сердца, то я выберу красный цвет. Для закрытия цветовой палитры нажмите ОК, когда выберете нужный цвет:

  

  Из цветовой палитры выбираем цвет для фигуры в форме сердца

  Выбор параметра «Слой-фигура»

  Как я уже упоминал в прошлом уроке, программа Photoshop позволяет нам рисовать фигуры трех типов с помощью инструментов группы «Фигуры». Мы можем рисовать векторные фигуры, которые не зависят от разрешения и могут быть масштабируемы без потери качества (такой тип фигур мы бы рисовали в программе Illustrator). Мы можем также рисовать контуры, которые являются лишь очертаниями фигур, или мы можем рисовать пиксельные формы, которые программа заполняет цветными пикселями. В большинстве случаев, мы рисуем векторные фигуры, и чтобы иметь возможность это сделать, нам необходимо выбрать параметр «Слой-фигура» (Shape Layers) на панели настроек. Это первый значок в группе из трех значков, расположенных ближе к левому краю на панели настроек:

  Для рисования векторных фигур выбираем параметр «Слой-фигура» на панели настроек

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

  Кликните кнопкой мыши для определения начальной точки и затем протяните курсор, чтобы нарисовать фигуру

  Отпустите кнопку мыши, чтобы закончить рисовать фигуру, и программа тотчас заполнит фигуру цветом, который вы выбрали на панели настроек:

  Программа Photoshop заполнит фигуру цветом, когда вы опустите кнопку мыши

  Рисование фигуры с правильными пропорциями

  Обратите внимание, что моя фигура в форме сердца выглядит немного искаженной. Она шире и короче, чем я ожидал увидеть. Это случилось из-за того, что по умолчанию программа Photoshop не старается сохранить правильные пропорции (или по-другому форматное соотношение) фигуры в процессе ее изображения. Я нажму сочетание клавиш Ctrl+Z (Win) / Command+Z (Mac) для отмены действия и попробую нарисовать фигуру снова.

  Для того чтобы нарисовать фигуру с правильными пропорциями, установите курсор в окне документа и, удерживая кнопку мыши нажатой, начните протягивать курсор и рисовать фигуру, как обычно. При этом нажмите клавишу Shift и продолжайте ее удерживать нажатой по мере перемещения курсора. Как только вы нажмете (и удержите) клавишу Shift, вы увидите, что контур фигуры приобрел правильные пропорции:

  Чтобы нарисовать фигуру с правильными пропорциями, удержите нажатой клавишу Shift при перемещении курсора

  Когда размер нарисованной фигуры вас устроит, отпустите кнопку мыши, а затем отпустите клавишу Shift (убедитесь, что вы отпускаете клавишу Shift последней). Программа снова заполнит фигуру выбранным цветом:

  Отпускайте клавишу Shift только после того, как вы отпустите кнопку мыши

  Я снова нажму сочетание клавиш Ctrl+Z (Win) / Command+Z (Mac) для отмены действия, а затем выберу фигуру другой формы, нажав на окошко предварительного просмотра фигуры на панели настроек для открытия палитры фигур. На этот раз я остановлюсь на изображении музыкальных нот:

  Нажимаем на миниатюру музыкальных нот для выбора фигуры

  Для того чтобы нарисовать музыкальные ноты, я установлю курсор в окне документа для определения начальной точки и затем, удерживая кнопку мыши нажатой, протяну курсор мыши по направлению от начальной точки. Как только я начну протягивать курсор, я нажму и удержу клавишу Shift для закрепления правильных пропорций фигуры и продолжу рисовать изображение:

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

  Затем я отпущу кнопку мыши, чтобы закончить процесс рисования, и программа Photoshop заполнит фигуру таким же цветом, какой я выбрал для предыдущей фигуры:

  Новая фигура заполнится тем же цветом, что и предыдущая

  Изменение цвета заливки нарисованной фигуры

  Что если я захочу, чтобы моя новая фигура отличалась по цвету от предыдущей? Я мог бы просто выбрать другой цвет на панели настроек перед тем, как рисовать новую фигуру. Однако мы можем также с легкостью изменить цвет уже нарисованной фигуры. Каждая новая нарисованная произвольная фигура располагается на отдельном слое фигур на панели слоев, и каждый слой фигур имеет собственную иконку образца цвета, которая отображает текущий цвет заливки фигуры. Для того чтобы изменить цвет, нужно просто дважды щелкнуть кнопкой мыши по иконке образца цвета:

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

  Программа Photoshop повторно откроет цветовую палитру, где мы сможем выбрать новый цвет. Я выберу фиолетовый цвет:

  

  Из цветовой палитры выбираем новый цвет для фигуры

  Нажмите ОК, когда вы будете готовы закрыть цветовую палитру, и таким образом программа Photoshop изменит цвет фигуры для нас:

  Мы можем в любой момент изменить цвет векторной фигуры

  Загрузка дополнительных наборов фигур

  Как я уже упоминал, программа Photoshop работает с гораздо большим количеством произвольных фигур, чем то ограниченное количество, которое предоставлено нам изначально. Нам просто необходимо загрузить дополнительные фигуры в палитру. Мы можем сделать это, открыв палитру фигур на панели настроек и нажав на маленькую стрелку в правом верхнем углу палитры:

  Нажимаем на маленькую стрелку в в правом верхнем углу палитры фигур

  Это действие приведет к открытию меню с различными параметрами, в самом низу которого будет расположен перечень дополнительных наборов фигур, установленных в программе Photoshop. Каждый из этих наборов является собранием фигур, объединенных общей тематикой, например, «Животные» (Animals), «Музыка» (Music), «Природа» (Nature) и т.д. Некоторые из наборов появились только в версии программы Photoshop CS5 (именно эту версию используя я), но большинство наборов доступны в любых недавних версиях программы:

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

  Если вы знаете, какой набор фигур вам нужно, вы можете его выбрать, нажав на соответствующее название набора в перечне. Однако проще — загрузить все наборы фигур за раз. Мы можем это сделать, выбрав название «Все» (All) в верхней части списка наборов:

  Выбираем название «Все» (All) для загрузки всех дополнительных наборов форм

  После этого появится диалоговое окно, и вам нужно будет решить — заменить текущие произвольные фигуры новыми или добавить фигуры к имеющимся. Выберите в окне пункт «Добавить» (Append), что позволит вам сохранить изначальные фигуры и добавить к ним новые:

  Для загрузки новых фигур при сохранении в палитре изначальных фигур выбираем «Добавить» (Append)

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

  В палитру фигур теперь загружены все дополнительные фигуры, доступные в программе Photoshop

  Ниже представлено несколько примеров фигур, которые мы теперь можем нарисовать в программе:

  В палитре фигур теперь отражены все дополнительные фигуры, доступные в программе Photoshop

  Несмотря на все разнообразие готовых произвольных фигур, предоставленных в программе, может случиться так, что даже после загрузки всех наборов, мы не сможем найти нужное нам изображение для особого дизайна, над которым работаем. И в таком случае программа Photoshop окажется для нас незаменимым помощником, потому что она позволяет нам самим создавать любую фигуру. Чтобы узнать, как создать собственную коллекцию произвольных фигур, сохранить и в дальнейшем использовать ее, изучите наш урок «Создание собственных произвольных фигур»!

  И вот мы закончили! Мы рассмотрели, как с помощью инструмента «Произвольная фигура» можно добавить в документ фигуру сложной формы. В следующем уроке мы изучим, чем отличаются векторные фигуры, контуры и пиксельные формы!

  Как сделать ромб в фотошопе

  Как в фотошопе сделать ромб: Как нарисовать в Фотошопе простейшие фигуры

  Как нарисовать в Фотошопе простейшие фигуры

  Программа Adobe Photoshop широко используется для работы с изображениями, предоставляя действительно широкий спектр возможностей. Большинство пользователей применяют Фотошоп для ретуши фото, но, помимо этого, программа позволяет создавать: рисунки, картины, графику — разной степени сложности. В Photoshop имеется несколько инструментов, предназначенных для создания рисунков. Первым делом необходимо научиться рисовать простейшие элементы вроде треугольников, линий, эллипсов и прочего, так как они используются очень часто при создании разного рода рисунков. В этой статье подробно рассмотрим, как нарисовать в Фотошопе простейшие фигуры. Давайте разбираться. Поехали!

  Постигаем азы компьютерной графики

  Открыв Adobe Photoshop, обратите внимание на панель инструментов. Чтобы перейти к фигурам, кликните мышкой по иконке в виде прямоугольника. В выплывающем окне вы увидите следующие инструменты:

  • «Прямоугольник»;
  • «Прямоугольник со скруглёнными углами»;
  • «Эллипс»;
  • «Многоугольник»;
  • «Линия»;
  • «Произвольная фигура».

  Редактор предлагает несколько классических и произвольных форм

  Всего существует три режима рисования:

  1. Создаётся новая фигура, для которой можно сделать слой-заливку или векторную маску.
  2. Создаётся контур фигуры и закрашивается каким-либо цветом.
  3. Пиксельный режим. В этом случае изображения получаются растровыми, а не векторными.

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

  Нет ничего проще, чем провести линию. Для этого применяется одноимённый инструмент.

  Для круга используйте клавишу Shift либо меню дополнительных настроек

  Перейдём к тому, как нарисовать круг в Фотошопе. Здесь всё происходит аналогичным образом. Выберите инструмент «Эллипс», определитесь с цветом и толщиной контура. Если вы хотите получить круг, а не эллипс, зажмите на клавиатуре клавишу «Shift» либо установите «окружность» в разделе геометрических параметров.

  Рисуем красивую композицию стандартными средствами

  Теперь давайте разберёмся, как нарисовать треугольник в Фотошопе. В этом случае всё не так очевидно, но при этом нисколько не сложнее. Всё, что нужно — выбрать «Многоугольники» и в маленьком окошке «Sides» задайте количество углов. Соответственно, чтобы получить треугольник, впишите цифру «3». Дальше всё делается точно так же, как в предыдущих случаях. При помощи инструмента «Многоугольник» можно получить фигуру с любым количеством углов. Если необходимо получить прямоугольный треугольник, нарисуйте квадрат, а затем отсеките половину по диагонали.

  Стрелки в начале или конце можно задать в свойствах инструмента

  Рассмотрим, как нарисовать стрелку в Photoshop. Сделать это можно двумя способами. Первый заключается в том, что нужно выбрать инструмент «Линия», затем в окне параметров отметить, с какой стороны линии будет находится стрелка (в начале, либо в конце), далее нужно задать толщину стрелки в пикселях. Поставьте курсор в нужную точку и начните растягивать линию мышкой. Второй способ — выберите «Произвольная фигура». На верхней панели есть таблица с шаблонами, среди них есть и стрелка.

  Шаблоны, идущие в обычной комплектации приложения

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

  Растрирование слоя в Фотошопе

  MyPhotoshop. ru Уроки Фотошопа Растрирование слоя в Фотошопе

  Растрирование – одна из наиболее часто выполняемых процедур в графических редакторах. Давайте посмотрим, каким образом можно справиться с этой задачей в Фотошопе.

  • Определение растрового изображения
  • Растрирование слоя
  • Растрирование текста
  • Заключение

  Определение растрового изображения

  Для начала напомним, что цифровые изображения бывают двух видов:

  • векторные – состоят из простых геометрических элементов (прямые и кривые линии, окружности, квадраты, прямоугольники, треугольники и т.д.). Безусловным преимуществом таких изображений является то, что при их масштабировании/увеличении качество картинки не теряется.
  • растровые – состоящие из точек-пикселей. Такие изображения имеют определенное разрешение. При увеличении размера их качество будет ухудшаться (чем больше масштаб – тем хуже качество).

  Несмотря на очевидное преимущество векторных изображений, у них есть и явный минус: к ним нельзя применять фильтры и многие другие инструменты. И если возникает такая необходимость, слой с такой графической информацией сначала требуется растрировать – это значит преобразовать его в растровое изображение. Кстати, данная операция в Фотошопе применима и к текстовым слоям.

  Растрирование слоя

  Процедура растрирования выполняется довольно просто и быстро. В качестве примера будем использоваться слой с фигурой в виде ромба.

  Итак, вот что мы делаем:

  1. Выбрав в Палитре нужный слой щелкаем по нему правой кнопкой мыши (но не по его миниатюре). В раскрывшемся контекстном меню выбираем команду “Растрировать слой”.
  2. Обращаем внимание на миниатюру слоя – она должна смениться на более привычную, соответствующую растровому изображению.
  3. Теперь мы можем продолжить работу с полученным результатом. В нашем случае мы решили применить к нему фильтр “Зерно” из группы “Текстура” (в Галерее фильтров).

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

  Если растрировать слой таким образом, то в Палитре результат будет иным – добавится векторная маска, а также видоизменится исходный слой.

  Ввиду этого, такой способ достаточно специфичный и применяется реже, чем описанный выше.

  Растрирование текста

  Для текстового слоя выполняются аналогичные действия – кликаем по нему правой кнопкой мыши (но только не по миниатюре) и выбираем в появившемся меню нужный пункт – “Растрировать текст”.

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

  Также вместо этого можно, выбрав нужный слой в Палитре, затем нажать комбинацию Ctrl+A, что позволит выделить текст. Далее в меню “Редактированию” сначала выбираем команду “Копировать”, затем – “Вставить”. Или же для копирования или вставки можно воспользоваться горячими клавишами Ctrl+C и Ctrl+V, соответственно.

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

  Заключение

  Таким образом, в том, чтобы растрировать слой с картинкой/фигурой или текстом в Фотошопе, нет ничего сложного. Операция выполняется буквально в несколько кликов и займет считанные секунды. При этом практическая польза этого действия, безусловно, велика, т.к. после его выполнения возможности в обработке полученного изображения практически безграничны.

  КУРСЫ:

  СМОТРИТЕ ТАКЖЕ

  Горячие клавиши в Photoshop

  Фоны для Фотошопа: Лес

  Фоны для Фотошопа: Черные

  Как удалить фон с изображения в Photoshop

  Как вырезать объект в Photoshop

  Рамки для Фотошопа: Школьные

  Урок создания анимации в Фотошопе

  Изменяем размер изображения в Photoshop

  Урок объединения слоев в Фотошопе

  Улучшение качества фото в Фотошопе

  Фоны для Фотошопа: Небо

  Как рисовать прямые линии в Фотошопе

  Замена цвета объекта/изображения в Photoshop на другой

  Вставка фотографии в рамку в Photoshop

  Наборы кистей для Фотошопа: Текстурные

  Урок ретуши лица в Фотошопе для начинающих и не только

  Инструмент “Заливка” в Фотошопе: как пользоваться

  Двойная экспозиция в Фотошопе

  Как создать документ формата А4 в Фотошопе

  Замена фона на фотографии в Фотошопе

  Уменьшение размера объекта в Фотошопе

  Выделение слоя в Фотошопе: как сделать

  Рамки для Фотошопа: С днем рождения

  Градиент в Фотошопе: как сделать

  Включение и настройка сетки в Photoshop

  Создание афиши своим руками в Фотошопе

  Фоны для Фотошопа: Рамки

  Создание контура в Photoshop

  Рисование треугольника в Фотошопе: 2 метода

  Создание коллажей в Фотошопе: подробное руководство

  Как создать слой в Photoshop

  Кадрирование фото в Фотошопе

  Заливка слоя в Фотошопе

  Вставка изображения в Фотошоп: пошаговое руководство

  Ретуширование фотографий с помощью частотного разложения в Фотошопе

  Как нарисовать прямоугольник в Фотошопе

  Вставка лица на фото-шаблон в Фотошопе

  Изменение прозрачности слоя в Фотошопе

  Отмена выделения в Фотошопе

  Как сделать виньетирование фотографий в Photoshop

  Наложение текстуры гранита на текст в Фотошопе

  Отмена действий в Фотошопе

  Делаем бриллиантовые блики в Фотошопе | Малый бизнес

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

  Звездчатые кисти

  Распространенным методом быстрого добавления бликов и блесток к бриллианту является использование кисти в форме звезды. На панели «Кисти» есть несколько вариантов, которые можно вызвать, нажав «F5» на клавиатуре. Для достижения наилучших результатов используйте белую кисть на новом слое над ромбом. Задержите мышь в одном месте, затем проведите кистью, нажимая кнопку мыши, пока блик не приобретет желаемую интенсивность.

  Смешанные кисти

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

  Lens Flare

  Фильтр Lens Flare может создать превосходный алмазный блик. Найдите этот фильтр, щелкнув меню «Фильтр», затем выбрав опцию «Рендеринг». Откроется окно параметров, позволяющее переместить центр блика на ромб. Затем вы можете изменить тип объектива и яркость по желанию. В большинстве случаев наилучший эффект дает 35-мм объектив. Поскольку с помощью этого инструмента создаются дополнительные блики, продублируйте изображение ромба перед созданием блика, а затем используйте инструмент «Ластик», чтобы удалить дополнительные блики.

  Несколько бликов

  Чтобы создать несколько бликов на одном бриллианте или бликах на изображении нескольких бриллиантов, сосредоточьтесь на создании идеального блика, используя технику звездообразной кисти или комбинацию звездообразных кистей. с аэрографом. Затем вы можете скопировать эту кисть и вставить ее в другое место поверх того же изображения, затем повернуть каждую вспышку и изменить ее размер, используя параметры преобразования в меню «Правка». Если вы затем объедините все свои блики в один слой, вы можете имитировать эффект одного источника света, применив слой наложения градиента, чтобы сделать блики на одной стороне изображения или в середине ярче, чем другие.

  • Photoshop Cafe: Rap Diamonds, Bling в Photoshop
  • Photoshop Essentials: добавление блестящего следа к фотографии в Photoshop
  • PictureCorrect: создание эффекта блеска или сияния ювелирных изделий

  Публикуемый автор и профессиональный оратор Дэвид Уидмарк более 20 лет консультирует предприятия и правительства по вопросам технологий, средств массовой информации и маркетинга. Он преподавал информатику в Алгонкинском колледже, основал три успешных предприятия и написал сотни статей для газет и журналов Канады и США.

  Original Gangsta bling diamonds Руководство по Photoshop

  Шаг 1

  Начните с текста, который вы хотите превратить в золотой и алмазный эффект «Iced Out».
  Щелкните правой кнопкой мыши на панели слоев и выберите «Тип растеризации» (Растрировать слой в более ранних версиях).

  Это сделает текст редактируемым.

  Шаг 2

  Выделите текст (удерживая нажатой клавишу Ctrl/CMD, щелкните миниатюру слоя)

  Нажмите «D», чтобы восстановить цвета по умолчанию.

  Если меню рендеринга недоступно, убедитесь, что вы находитесь в режиме RGB.

  Шаг 3

  Теперь создадим эффект ромба.

  Когда откроется галерея фильтров, выберите категорию «Искажение» и нажмите на стекло (Фильтр>Искажение>стекло в более старых версиях)

  Выберите крошечную линзу из вариантов текстуры

  и уменьшите масштаб.

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

  Нажмите OK, чтобы применить

  Выберите кривые (Crtl/Cmd+M)

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

  Шаг 4

  Теперь у нас есть ромбовидный вид текста. Обычно для этого эффекта используется золотая рамка.

  Шаг 5

  Примените стиль слоя к слою, выберите Обводку.

  Здесь важны следующие моменты:

  Позиция = Центр
  Тип заливки: Градиент, выберите настройку меди по умолчанию
  Установите размер 10 (или больше для более толстого золота) вариант

  Выберите «Stroke Emboss», это применит скос к только что сделанному штриху.

  Увеличьте Глубину и установите такой же размер, как и обводка: 10

  Изменяйте контур блеска, пока не получите что-то красивое и металлическое.

  Шаг 7

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

  Шаг 8

  Примените корректирующий слой Hue/Saturation и увеличьте насыщенность до 100

  Меняйте оттенок, пока не получите красивый золотой цвет.

  Шаг 9

  Последнее, что нам нужно сделать, это добавить немного блесток.

  Загрузите набор кистей, входящий в состав Photoshop.

  Нажмите на стрелку в верхней части панели настроек кистей (панель кистей в более ранних версиях) и выберите в меню ассорти. При появлении запроса выберите «добавить».

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

  Сделать белый цветом переднего плана

  Шаг 10

  Создайте новый слой и нанесите блестки с помощью кисти.

  Как сделать ромб в фотошопе. Фигуры в фотошопе: как нарисовать или вставить

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

  Идея создать данный урок пришла ко мне, когда я просматривал журнал по скрапбукингу с многочисленными страницами, содержащими готовые шаблоны простых фигур. Эти фигуры были объединены по различным темам и стоили до абсурда дорого. Я тогда подумал: «Эй, вы можете создать все эти фигуры в программе Photoshop сами и вдобавок бесплатно!» Кроме того, не обязательно увлекаться скрапбукингом — чтобы извлечь пользу из создания собственных произвольных фигур.

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

  Перед началом освоения материала я позволю себе еще одно отступление. Создание произвольных фигур требует применения инструмента «Перо» (Pen Tool). Вы можете создавать фигуры с помощью основных инструментов группы «Фигуры», таких как «Прямоугольник» или «Эллипс», но если вы не хотите ограничить себя созданием фигур определенной формы, напоминающих ящики или велосипедные шины, вам понадобится использовать инструмент «Перо». Более подробно мы изучали инструмент «Перо» в нашем уроке «Как делать выделения с помощью инструмента «Перо», поэтому в данном уроке этой темы мы коснемся лишь слегка. Если вы не знакомы с основными свойствами инструмента «Перо», прочитайте сначала наш урок о применении этого инструмента.

  В этом уроке мы будем создавать произвольные фигуры, предварительно обведя объект на изображении. Если вы умеете рисовать, отлично — тогда вы без труда нарисуете фигуру от руки без обводки предмета, поскольку при создании произвольной фигуры не важно, как вы будете рисовать ее — с помощью обводки или от руки. Что касается меня, я предпочитаю обводить объект (поскольку художественными способностями не обладаю), поэтому в данном уроке мы будем делать именно так.

  Я собираюсь сделать произвольную фигуру из этого милого Пряничного Человечка:

  Пряничный Человечек

  Шаг 1: Выбираем инструмент «Перо»

  Как я уже упоминал, вы можете создавать произвольные фигуры, используя основные инструменты группы «Фигуры», такие как «Прямоугольник» или «Эллипс», но если вы попробуете обвести нашего Пряничного Человечка с помощью этих инструментов, то, скорее всего, он останется в лучшем случае без головы (извините за небольшую иронию). Что нам действительно потребуется — так это инструмент «Перо» (Pen Tool), поэтому выберем его на панели инструментов:

  Выбираем инструмент «Перо»

  Вы можете также выбрать инструмент «Перо», нажав клавишу Р.

  Шаг 2: Выбираем параметр «Слой-фигура» на панели настроек

  Выбрав инструмент «Перо», давайте взглянем на панель настроек в верхней части экрана. В левой части панели вы увидите группу из трех значков:

  Три значка на панели настроек, которые позволяет нам выбрать способ применения инструмента «Перо»

  Эти значки показывают нам, что мы можем сделать с помощью инструмента «Перо». Значок справа в данный момент выглядит затененным. Он доступен нам только тогда, когда мы работаем с основными инструментами группы «Фигуры» (инструмент «Перо» и инструменты группы «Фигуры» имеют практически одинаковые параметры на панели настроек). Как мы с вами проходили в уроке «Как делать выделения с помощью инструмента «Перо», значок в середине используется тогда, когда мы хотим нарисовать контуры, но в данный момент нам это не требуется. Мы хотим воспользоваться инструментом «Перо», чтобы нарисовать фигуру, и для этого нам необходимо выбрать значок слева, который отвечает за параметр «Слой-фигура» (Shape Layers):

  Для рисования фигур с помощью инструмента «Перо» выбираем параметр «Слой-фигура»

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

  Я должен отметить, что разницы между рисованием контуров и рисованием фигур с помощью инструмента «Перо» нет. В обоих случаях вы щелкаете в окне документа, чтобы установить опорные точки, затем перемещаете направляющие линии по мере необходимости для создания прямых или изогнутых участков (и снова, если вы не знакомы с этими понятиями, изучите наш урок «Как делать выделения с помощью инструмента «Перо»). На самом деле, независимо от того, что вы «официально» рисуете — фигуры или контуры, в любом случае вы рисуете контуры. Разница заключается в том, что при рисовании фигур программа Photoshop заливает контур цветом уже в процессе рисования, что позволяет нам видеть фигуру.

  Как ни странно, но это свойство немного затруднит нашу работу. Почему — мы рассмотрим далее.

  Шаг 3: Начинаем рисовать фигуру

  После того как мы выбрали инструмент «Перо» и параметр «Слой-фигура» на панели настроек, мы можем начинать обводить изображение. Я хочу начать обводку с головы Пряничного Человечка. Для этого я кликну кнопкой мышки для установки опорных точек и начну перемещать направляющие линии для создания изогнутого участка обводки вокруг головы Человечка. На рисунке ниже можно увидеть опорные точки и направляющие линии, но при этом возникает проблема. Программа Photoshop заливает контур фигуры фоновым цветом (в моем случае — это черный цвет) в процессе обводки, не позволяя нам видеть голову Человечка:

  

  Программа заполняет контур фоновым цветом в процессе рисования, не позволяя нам видеть изображение

  Для того чтобы программа не скрывала в процессе обводки само изображение, нам надо просто перейти на панель слоев и снизить непрозрачность слоя фигуры. В данный момент на панели слоев видно, что у нас есть два слоя — нижний слой заднего фона (Background), на котором помещено изображение Пряничного Человечка, и верхний слой фигуры под названием «Фигура 1» (Shape 1). Я могу с уверенностью сказать, что в настоящее время выбран слой фигуры, потому что он подсвечен синим цветом, поэтому для уменьшения его непрозрачности, нам нужно просто выбрать параметр «Непрозрачность» (Opacity) в правом верхнем углу панели слоев и уменьшить его значение. В моем случае, я уменьшу непрозрачность до 50%:

  Уменьшаем непрозрачность слоя фигуры, используя параметр «Непрозрачность» в верхнем правом углу панели слоев

  После уменьшения непрозрачности слоя фигуры голова Человечка видна сквозь фоновый цвет заливки, в результате чего делать дальнейшую обводку станет для нас значительно легче:

  

  После уменьшения непрозрачности слоя фигуры изображение видно сквозь фоновый цвет заливки

  Шаг 5: Продолжаем обводить изображение

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

  

  Обводка фигуры полностью закончена

  Если мы посмотрим на слой фигуры на панели слоев, то увидим, что на нем появилась отчетливая фигура Пряничного Человечка:

  На панели слоев теперь отчетливо видна фигура нашего Человечка

  До сих пор у нас всё было хорошо. Мы сделали обводку фигуры Пряничного Человечка, и в некоторых случаях этого было бы достаточно. В моем случае, однако же, обведенная фигура требует доработки. По крайней мере, мне кажется, нам нужно включить в обведенный силуэт глаза и рот, а также, возможно, галстук-бабочку и две больших пуговицы под ним. Как мы добавим эти детали в обведенную фигуру? Очень просто! Мы не будем их добавлять — мы эти детали из фигуры уберем (или вычтем)!

  Шаг 6: Выбираем инструмент «Эллипс»

  Давайте начнем с глаз. По желанию, мы могли бы выделить глаза с помощью инструмента «Перо», но поскольку они у Человечка круглые, мы выделим их более легким способом, используя инструмент «Эллипс» (Ellipse Tool). Выбираем инструмент «Эллипс» на панели инструментов. По умолчанию, данный инструмент скрыт за инструментом «Прямоугольник» (Rectangle Tool), поэтому нажмите на инструмент «Прямоугольник» и удержите кнопку мыши нажатой несколько секунд, в результате чего на экране появится всплывающее меню, где вы сможете выбрать инструмент «Эллипс»:

  Нажимаем на инструмент «Прямоугольник» на панели инструментов, затем удерживаем кнопку мыши нажатой до тех пор, пока на экране не появится всплывающее меню, где мы выбираем инструмент «Эллипс»

  Шаг 7: Выбираем параметр «Вычесть из области фигуры»

  Выбрав инструмент «Эллипс», посмотрите на панель настроек, где вы увидите несколько значков, сгруппированных вместе и похожих на маленькие квадратики, которые соединены друг с другом различным образом. Эти значки позволяют нам совершать с фигурами разнообразные действия, такие как: добавление к области фигуры, вычитание из нее отдельной области и пересечение областей нескольких фигур. Нажмите на третий слева значок, который отвечает за параметр «Вычесть из области фигуры» (Subtract from shape area):

  На панели настроек нажимаем на значок параметра «Вычесть из области фигуры»:

  Шаг 8: Рисуем отдельные фигуры для их извлечения из обведенного силуэта

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

  

  Рисуем овал вокруг левого глаза, удерживая кнопку мыши нажатой

  Когда я отпущу кнопку мыши, овальная область вокруг глаза тотчас исчезнет или «вырежется» из обводки основной фигуры, оставив после себя дырку, через которую будет виден левый глаз Человечка на исходном изображении, размещенном на нижнем слое «Задний фон»:

  

  Левый глаз теперь «вырезан» из первоначальной обводки фигуры, в результате чего виден глаз на исходном изображении под обведенным силуэтом.

  То же самое я проделаю и с правым глазом. Для начала, я нарисую овал вокруг глаза:

  

  Рисуем овал вокруг правого глаза

  Как только я отпущу кнопку мыши, появится вторая круглая дырка, через которую тоже будет виден глаз Человечка на исходном изображении:

  

  На фигуре появилась вторая дырка, через которую виден глаз Человечка

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

  

  Рисуем овал вокруг верхней пуговицы

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

  

  На фигуре появилась дырка, через которую видна верхняя пуговица

  А теперь я сделаю то же самое для нижней пуговицы, начав с рисования овала вокруг нее:

  

  Рисуем овал вокруг нижней пуговицы

  Когда я отпущу кнопку мыши, на обведенном силуэте появится четвертая дырка:

  

  Обе пуговицы теперь вырезаны из обведенной фигуры

  Если в данный момент я посмотрю на миниатюру слоя фигуры, расположенную на панели слоев, то увижу две дырки для глаз и две дырки для пуговиц, которые я вырезал из обведенной фигуры:

  Миниатюра слоя фигуры отображает нам дырки для глаз и для пуговиц, вырезанные из обведенной фигуры

  Шаг 9: Извлекаем оставшиеся детали из обведенного силуэта с помощью инструмента «Перо»

  Я собираюсь опять переключиться на инструмент «Перо», потому что мне нужно добавить к обведенной фигуре несколько деталей, которые я не смогу выделить с помощью инструмента «Эллипс».

  Я хочу добавить к обведенному силуэту рот, а также галстук-бабочку. Поскольку после повторного выбора инструмента «Перо» на панели настроек параметр «Вычесть из области фигуры» уже отмечен, я просто начну обводить рот и галстук-бабочку, чтобы «вырезать» их из обведенного силуэта Пряничного Человечка.

  На рисунке ниже видны линии обводки наряду с исходным изображением Пряничного Человечка, которое проглядывает сквозь дырки, которые я создал:

  

  И рот, и галстук-бабочка теперь вырезаны из обведенной фигуры Пряничного Человечка с помощью инструмента «Перо»

  Давайте закончим рисовать фигуру Пряничного Человечка, вырезав волнистые дорожки сахарной пудры на его ногах и руках. И снова, я буду использовать для создания дорожек инструмент «Перо». Сначала я обведу дорожку сахарной пудры на левой руке Человечка, в результате чего она вырежется из первоначальной обводки фигуры:

  

  С помощью инструмента «Перо» вырезаем дорожку сахарной пудры на левой руке Человечка

  После очерчивания первой дорожки, я перейду к оставшимся трем и начну их обводить до тех пор, пока все четыре дорожки сахарной пудры не будут вырезаны из фигуры Человечка:

  

  Дорожки сахарной пудры на ногах и руках теперь вырезаны из обведенного силуэта

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

  Миниатюра слоя фигуры на панели слоев отражает все детали, которые вырезаны из первоначальной обводки фигуры Пряничного Человечка

  Итак, фигура Пряничного Человечка готова! Мы воспользовались инструментом «Перо», чтобы сделать первоначальную обводку фигуры, а затем мы применили инструменты «Перо» и «Эллипс» наряду с параметром «Вычесть из области фигуры», чтобы добавить на фигуру мелкие детали.

  Шаг 10: Повышаем непрозрачность слоя фигуры до 100%

  После того как мы сделали обводку отдельных областей нашей фигуры, нам больше не нужно видеть под обведенным силуэтом исходное изображение, поэтому мы опять выберем параметр «Непрозрачность» (Opacity) в правом верхнем углу панели слоев и увеличим значение до 100%:

  Повышаем непрозрачность слоя фигуры до 100%

  Я также собираюсь временно скрыть из вида слой заднего фона (Background), нажав на иконку видимости слоя (иконка в виде глазного яблока), чтобы мы могли видеть только обведенную фигуру на прозрачном фоне. Если вы не хотите, вы можете не скрывать слой заднего фона. Я это делаю только для удобства просмотра фигуры:

  Нажимаем на иконку видимости слоя, чтобы временно скрыть слой заднего фона из вида

  И вот как выглядит фигура Пряничного Человечка, которую я создал, после скрытия из вида слоя заднего фона и увеличения непрозрачности слоя фигуры до 100%:

  Законченная фигура Пряничного Человечка, размещенная на прозрачном фоне

  После многочисленных действий мы, наконец, создали нашу фигуру! Но это еще не конец. Теперь нам надо сделать из нее произвольную фигуру, и этим мы и займемся далее.

  Шаг 11: Определяем фигуру как произвольную фигуру

  Чтобы сделать из фигуры произвольную фигуру, для начала убедитесь, что на панели слоев выбран слой фигуры. Также вам надо удостовериться, что выделена миниатюра предварительного просмотра слоя фигуры. Если она выделена, то ее будет обрамлять белая подсвеченная рамка и вы сможете увидеть очерченный контур вокруг фигуры в документе. Если миниатюра слоя не имеет подсвеченной рамки и вы не видите контур вокруг фигуры, просто нажмите на миниатюру слоя, чтобы ее выделить:

  В случае необходимости нажимаем на миниатюру слоя фигуры для ее выделения

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

  После выбора слоя фигуры и выделения миниатюры слоя, перейдите в раздел меню «Редактирование» (Edit) в верхней части экрана и выберите пункт «Определить произвольную фигуру» (Define Custom Shape):

  Выбираем «Редактирование» >«Определить произвольную фигуру»

  В результате этого действия откроется диалоговое окно «Имя фигуры» (Shape Name), где вам потребуется ввести имя для вашей фигуры. Я назову мою фигуру «Пряничный Человечек» (Gingerbread Man):

  Введите имя для вашей фигуры в соответствующий раздел диалогового окна «Имя фигуры»

  Нажмите ОК для выхода из диалогового окна, когда имя будет введено, и всё — вашу произвольную фигуру можно использовать! На данном этапе вы можете закрыть документ в программе Photoshop, поскольку мы создали и сохранили нашу фигуру. Теперь рассмотрим, где ее можно найти и как ее можно применить!

  Шаг 12: Создаем новый документ в программе Photoshop

  Создаем новый пустой документ в программе Photoshop, перейдя в раздел меню «Файл» (File) в верхней части экрана и выбрав пункт «Новый» (New). Это действие приведет к открытию диалогового окна «Новый документ» (New Document), где вы сможете указать для вашего документа любой размер изображения. В строке «Установки» (Preset) я выберу размер 640×480 пикселей:

  Создайте новый пустой документ в программе Photoshop

  Шаг 13: Выбираем инструмент «Произвольная фигура»

  Создав новый пустой документ, на панели инструментов выбираем инструмент «Произвольная фигура». По умолчанию на экране отображается инструмент «Прямоугольник» (Rectangle Tool), поэтому нажмите на него и удержите кнопку мыши нажатой несколько секунд до тех пор, пока не появится всплывающее меню с перечнем других инструментов, где вы сможете выбрать инструмент «Произвольная фигура» (Custom Shape Tool):

  Нажмите на значок инструмента «Прямоугольник» и удержите кнопку мыши нажатой, затем из появившегося меню выберите инструмент «Произвольная фигура»

  Шаг 14: Выбираем нашу произвольную фигуру

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

  Кликните правой кнопкой мыши в окне документа для открытия окошка выбора фигуры, затем нажмите на миниатюру произвольной фигуры, чтобы ее выбрать

  Шаг 15: Рисуем нашу фигуру

  После выбора произвольной фигуры просто кликните мышкой в окне документа и, удерживая кнопку мыши нажатой, нарисуйте фигуру. Чтобы сохранить пропорции фигуры по мере перемещения курсора и случайно не исказить их, нажмите и удержите клавишу Shift. Вы также можете нажать и удержать клавишу Alt (Win) / Option (Mac) для рисования фигуры от центра. Если вы хотите изменить местоположение фигуры в процессе ее рисования, нажмите и удержите клавишу «пробел», далее переместите фигуру на новое место, затем отпустите клавишу «пробел» и продолжите рисовать фигуру.

  В процессе рисования вы будете видеть только тонкий контур будущей фигуры:

  По мере того, как вы будете рисовать фигуру, появится ее тонкий контур

  Когда месторасположение и размер фигуры вас удовлетворят, просто отпустите кнопку мыши, и программа тотчас заполнит фигуру цветом, который является в данный момент фоновым (в моем случае, это черный):

  Отпустите кнопку мыши, и программа Photoshop заполнит фигуру цветом

  Шаг 16: Дважды кликаем кнопкой мыши по миниатюре слоя фигуры для изменения цвета фигуры

  Не стоит беспокоиться о цвете вашей фигуры в процессе ее рисования и добавления в документ. Программа автоматически заполнит фигуру тем цветом, который в данный момент выбран в качестве фонового цвета. Если же вы захотите после этого изменить цвет фигуры, просто кликните дважды кнопкой мыши по миниатюре слоя фигуры. Именно по миниатюре слоя, а не по миниатюре предварительного просмотра фигуры, расположенной с правой стороны (которая формально называется миниатюра векторной маски). Вам нужна миниатюра с левой стороны, которая похожа на значок образца цвета с маленьким бегунком внизу. Дважды кликните по ней кнопкой мыши, чтобы изменить цвет фигуры:

  Дважды кликните кнопкой мыши по миниатюре слоя фигуры (значок образца цвета), расположенной слева, чтобы изменить цвет фигуры

  Это действие приведет к открытию палитры цветов, где вы сможете выбрать новый цвет для вашей фигуры. Для моего Пряничного Человечка я хочу выбрать коричневый цвет:

  

  Для выбора нового цвета воспользуйтесь палитрой цветов

  Нажмите ОК для выхода из палитры цветов, когда вы выберете цвет, и ваша фигура тотчас зальется новым цветом:

  Цвет фигуры теперь изменился

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

  Шаг 17: В случае необходимости изменяем размер фигуры с помощью команды «Свободное трансформирование»

  При работе с фигурами вы можете изменять не только цвет. Большое преимущество заключается в том, что при рисовании фигур используются векторы вместо пикселей, таким образом, вы можете спокойно изменить размер фигур, когда захотите, без потери качества изображения! Если вы решили, что вам требуется увеличить или уменьшить вашу фигуру, просто выберите слой фигуры на панели слоев, а затем нажмите сочетание клавиш Ctrl+T (Win) / Command+T (Mac), чтобы открыть рамку трансформации. Измените размер фигуры, потянув за любой из угловых маркеров. Нажмите и удержите клавишу Shift при перемещении маркера, чтобы сохранить пропорции фигуры. Вы также можете нажать и удержать клавишу Alt (Win) / Option (Mac) при перемещении маркера, чтобы изменить размер фигуры от ее центра:

  Измените размер фигуры с помощью рамки свободной трансформации

  Для того чтобы повернуть фигуру, просто кликните мышкой за пределами рамки свободной трансформации и передвиньте курсор в нужном направлении:

  Кликните мышкой за пределами рамки трансформации и переместите курсор для поворота фигуры

  Нажмите клавишу Enter (Win) / Return (Mac), когда вы закончите изменение размера фигуры, чтобы подтвердить окончательную транформацию.

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

  Добавляйте в документ столько копий вашей произвольной фигуры, сколько пожелаете, изменяя цвет, размер и угол поворота каждой из них

  И вот мы закончили! Сначала мы создали фигуру, обведя исходный рисунок с помощью инструмента «Перо». Маленькие детали на нашей фигуре мы «вырезали», применяя инструменты «Перо» и «Эллипс» с установленным параметром «Вычесть из области фигуры». Далее мы сохранили нашу фигуру как произвольную фигуру с помощью параметра «Определить произвольную фигуру» в разделе меню «Редактирование». После этого мы создали новый документ, выбрали инструмент «Произвольная фигура» и нарисовали произвольную фигуру в нашем документе. И, наконец, мы рассмотрели, как можно в любой момент изменить цвет, размер и угол наклона произвольной фигуры!

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

  Перевод: Ксения Руденко

  Здравствуйте, уважаемые читатели моего блога. Чем легче задача, тем сложнее ее решить в фотошопе. Найдется тысяча статьей про или создание эффекта черных глаз, а вот как нарисовать круг, квадрат или ромб – пойди разберись! Сегодня буду решать эту несправедливость.

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

  Рисуем сами

  В Adobe Photoshop есть несколько инструментов, которые позволяют нарисовать фигуры. Вот только некоторые из них таят кое-какие секреты. Сейчас я вам о них поведаю. Итак, я Если хотите научиться делать как у меня на рисунке, то рекомендую статью , нет ничего проще, чем сделать такой же.

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

  

  Для начала я выберу прямоугольник. Как только я закончу рисовать, слева вылезет дополнительное меню. Здесь можно выбрать размер по ширине и высоте, если вам необходимо соблюсти точные размеры. Чуть ниже располагается меню с заливкой самой фигуры – вы можете выбрать без заливки, однотонный цвет, градиент или узор.

  

  Чуть правее располагается меню обводки – вам нужно определить ее ширину и будет ли она присутствовать вообще, захотите и сделайте однотонной, залейте градиентом или, опять же, узором.

  

  Чтобы превратить прямоугольник в квадрат вам нужно зажать кнопку Shift во время рисования фигуры.

  

  Эллипс зажатая кнопка Shift превращает в круг.

  

  Также в списке есть такая фигура как многоугольник. Вы сами определяете число сторон. Вписывать можно любое значение – 3, чтобы вышел треугольник, 7, 10 и так далее.

  

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

  Произвольная фигура

  У нас осталась произвольная фигура. Что это такое?

  

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

  

  Чтобы используйте сочетание клавиш Ctrl+T.

  

  Как добавить новые

  Добавить новые фигуры не составит труда. Очень много бесплатных фигур можно скачать с сайта photoshop-master.ru . Здесь около 400 наборов с фигурами – люди, узоры, пауки, абстракция, машины, стулья, огонь, цветы и многое другое.

  

  Покажу как их устанавливать на примере «Медиа», они мне пригодятся в будущем. Итак, скачиваю файл.

  

  Достаточно подождать 15 секунд. Никакой предварительной регистрации не требуется.

  

  Теперь откройте архив и киньте файл в формате CSH туда, где его можно будет легко отыскать.

  

  Теперь откройте фигуры в программе фотошоп и нажмите на гайку в правой части. В открывшемся списке выберите «Загрузить фигуры».

  

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

  

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

  

  Помимо фигур, вам могут пригодиться еще и кисти. Их также можно скачать на сайте Photoshop-master .

  

  Загрузить необходимый набор можно точно также, как и при работе с фигурами. Открываете кисти.

  

  Нажимаете на гайку и выбираете «Загрузить».

  

  Поработайте с ними самостоятельно. Здесь нет ничего сложного. Они немного отличаются от фигур.

  

  Google в помощь

  Еще один способ нарисовать фигуру, воспользоваться чужими трудами. Вам понадобится Google и его раздел «Картинки». Почему именно он вы узнаете совсем скоро. Чтобы у фигуры был прозрачный фон, и она вписалась в вашу композицию гармонично, требуется . Так и нужно искать: треугольник png, круг, овал и так далее.

  

  Если вы делаете работу для себя, то в принципе, можно было бы пользоваться и Яндексом, но если проект создается в коммерческих целях, то Google очень пригодится. Откройте «Инструменты», далее «Права на использование» и выберете нужный тип – использование или использование и изменение.

  

  Далее открываете картинку, после того как отыскали что-то подходящее. Это важное условие. Рисунок должен располагаться на таком вот квадратно-шашечном фоне. Если он просто белый, то это не png. Разницу вы поймете, когда скачаете. В принципе, нет ничего страшного, чтобы учиться на своих ошибках.

  

  Вот так будет выглядеть PNG. Шашечка заполнилась моим фоном.

  

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

  

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

  Инструменты рисования позволяют создавать и редактировать векторные фигуры. С ними легко создавать различные элементы для веб-страниц.

  Создайте новый файл для тренировки.

  Нажмите левой клавишей мыши на инструмент -фигуры- на панели инструментов, откроется окно выбора инструмента:

  Здесь представлены основные фигуры, которыми мы можем воспользоваться. Выберете любую и посмотрите на панель параметров:

  Для любой фигуры можно выбрать:

  • режим рисования:
    • Слой-фигура . Фигура создается в отдельном слое. Слой-фигура состоит из слоя-заливки, определяющего цвет фигуры, и связанной с ним векторной маски, задающей границы фигуры. Границы фигуры представляют собой контур, который появляется на вкладке «Контуры» панели «Слои».
    • Контуры . Этот режим позволяет рисовать контуры фигур, которые можно заливать или обводить произвольным цветом. Контуры отображаются на вкладке «Контуры» панели «Слои».
    • Заливка пикселов . При работе в этом режиме создаются не векторные, а растровые изображения, которые можно обрабатывать так же, как и любое растровое изображение

    Выберем первую фигуру — прямоугольник. На панели выберем режим — слой-фигура. Выберем стиль, щелкнув по треугольнику справа.

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

    Теперь можно задать геометрические параметры:

    • Произвольно — как нарисуете, так и будет.
    • Квадрат — при растягивании мышкой фигуры, ширина и высота будут всегда одинаковы.
    • Заданный размер — можно задать ширину и высоту прямоугольника (в см) и щелкнуть по холсту. Появится прямоугольник с заданными размерами.
    • Задать пропорции — можно задать во сколько раз ширина будет меньше (или больше) высоты. При растягивании фигуры пропорция будет сохраняться.
    • От центра — рисует прямоугольник от центра.
    • Привязать к пикселам — края прямоугольника привязываются к границам пикселов.

    Достаточно полезный инструмент для создания кнопочек и менюшек для ваших web-страниц, не правда ли?

    Рисуем прямоугольники со скругленными углами

    Выберем вторую фигуру — прямоугольник со скругленными углами. На панели выберем режим — слой-фигура, радиус скругления углов — например, 15 и цвет (можно стиль, как хотите).Геометрические параметры такие же, как у прямоугольника.

    Вот, что получилось у меня при различных комбинациях радиуса и стиля.

    Чем не блоки новостей и кнопочки меню?

    Рисуем окружности

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

    Вот, что получилось у меня:

    

    Рисуем многоугольники

    Выберем фигуру — многоугольник. На панели выберем режим — слой-фигура, количество сторон в диапазоне от 3 до 100 (например, 3 — для треугольника, 6 — для шестиугольника), цвет и стиль. Рассмотрим геометрические параметры:

    • Радиус — радиус многоугольника.
    • Сгладить внешние углы
    • Звезда — со снятой галочкой многоугольник выпуклый, с поставленной галочкой многоугольник вогнутый.
    • Глубина лучей — если многоугольник вогнутый, то его вершины как бы образуют лучи. Этот параметр показывает какая часть радиуса многоугольника будет занята лучами. Чем больше %, тем длиннее и острее лучи.
    • Сгладить внешние углы — со снятой галочкой углы острые, с поставленной галочкой углы округлые.

    

    Первый девятиугольник имеет радиус 3см, остальные галочки сняты.

    Второй девятиугольник имеет радиус 3см, галочка у -звезда-, глубина лучей — 25%, остальные галочки сняты.

    Третий девятиугольник имеет радиус 3см, глубина лучей — 50%, стоят все галочки.

    Ко всем применен стиль.

    Рисуем линии

    Выберем фигуру — линии. На панели выберем режим — слой-фигура, толщину линии (в пикселах), цвет и стиль. Рассмотрим геометрические параметры:

    Если все галочки сняты будет просто линия, параметры задают стрелки на концах этой линии.

    • Начало — стрелка в начале линии.
    • Конец — стрелка в конце линии.
    • Ширина — пропорции стрелки в процентном отношении к толщине линии (от 10% до 1000%).
    • Длина — пропорции стрелки в процентном отношении к толщине линии (от 10% до 5000%).
    • Кривизна — определяет степень изогнутости самой широкой части стрелки в месте, где она встречается с линией (от -50% до +50%).

    У первой линии все галочки сняты, ширина — 500%, длина — 1000%, толщина — 2 пиксела.

    У второй линии все тоже самое, но стоит галочка у -начало- и кривизна — 5%.

    У третьей линии все тоже самое, но стоит галочка у -конец- и снята галочка у -начало-.

    У четвертой линии стоят обе галочки, ширина — 500%, длина — 1000%, кривизна — 15%, толщина — 5 пикселов.

    Ко всем применен стиль.

    Рисуем произвольные фигуры

    Выберем фигуру — произвольная фигура. На панели выберем режим — слой-фигура, цвет и стиль. Геометрические параметры такие же как у прямоугольника. Зато здесь есть выбор самой фигуры:

    Если щелкнуть по треугольничку в кружочке (справа), то в открывшемся контекстном меню можно выбрать дополнительные фигуры.

    

    Рисуем несколько фигур в одном слое

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

    

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

    

    Если эллипс растянулся не так, как хотелось, можно это поправить. Для этого возьмите на панели инструментов инструмент -выделение контура-:

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

    Сохраняем фигуры

    Предположим нам понравилась последняя фигура, которую мы создали и мы хотим использовать ее в дальнейшем. Для этого ее нужно сохранить. Для этого меню Редактирование -> Определить произвольную фигуру. Задайте имя для новой фигуры.

    Теперь наша фигура появилась в раскрывающейся панели выбора произвольных фигур.

    На этом урок закончен. В следующей раз займемся контурами и растровыми изображениями.

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

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

    Чтобы убедиться, что вы рисуете векторные фигуры, а не контуры или пиксели, выберите опцию «Фигура» (Shape) из видов режимов инструмента в панели параметров:

    Выбор опции «Фигура» (Shape) на панели параметров

    Заливка формы цветом

    Следующее действие, которое мы, как правило, выполняем после выбора опции «Фигура», это выбор цвета, заполняющего форму, в версии Photoshop CS6 и выше, это делается с помощью клика по полю «Заливка» (Fill) в панели параметров:

    
    Клик по кнопке в панели параметров для открытия диалогового окна свойств заливки фигуры.

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

    • Нет цвета (No Color) — белый прямоугольник с красной диагональной линией, заливка отсутствует
    • Чистый цвет (Solid Color) — заливка сплошным цветом
    • Градиент (Gradient) — заливка градиентом
    • Узор (Pattern) — залива Photoshop-узором (паттерном)

    
    Различные методы заливки формы

    Нет цвета (No Color)

    Как следует из названия, выбор этой опции оставит форму без заливки, с пустыми пикселями внутри. Для чего это нужно? Ну, в некоторых случаях может понадобится только сам контур. Также, часто нужна только обводка с прозрачными пикселями внутри.

    Ниже показан простой пример того, как выглядит форма без заливки цветом. Все, что мы видим — это основной контур формы, который так и называется — «Контур» (Path). Контур отображается только в документе Photoshop, так что при сохранении вашей работы в формате JPEG или PNG, или при печати, контур виден не будет. Чтобы сделать его видимым, мы должны добавить к нему обводку, способы добавления которой мы рассмотрим далее:

    
    Фигура «Прямоугольник» без заливки и обводки.

    Чистый цвет (Solid Color)

    Чтобы заполнить вашу форму однотонным цветом, выбирайте опцию «Чистый цвет» (Solid Color) вторая иконка слева:

    
    Опция «Чистый цвет» (Solid Color) для заливки фигуры сплошным однотонным цветом

    При активной опции, выберите цвет для фигуры, нажав на один из цветовых образцов. Цвета, которые при работе в Photoshop вы недавно использовали, будут отображены выше основных образцов:

    
    Выбор цвета нажатием на образец.

    Если нужного вам цвета нет среди представленных образцов,нажмите на значок «Палитра цветов» (Color Picker), расположенный в правом верхнем углу окна:

    
    Клик на значок Color Picker для выбора собственного цвета.

    Откроется диалоговое окно палитры цветов, выберите в неё цвет и нажмите OK, чтобы закрыть Color Picker после выбора нужного цвета.

    Как видно на рисунке ниже, после этих действий мы имеем такую же форму, только теперь форма имеет цвет:

    
    Фигура, залитая цветом.

    Заливка градиентом

    Чтобы заполнить вашу форму градиентом, выберите опцию «Градиент» (Gradient). Затем нажмите на одну из миниатюр для выбора предустановленного градиента, или используйте миниатюру полосы градиента, расположенную ниже, для создания своего собственного варианта градиента.

    
    Выбор готового или создание собственного градиента для заливки фигуры.

    Вот тот же форма, только теперь она заполнена градиентом:

    
    Форма, заполненная одним из предустановленных градиентов Photoshop.

    Заливка узором (Patterns)

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

    Ниже показана та же форма, на этот раз заполненная узором:

    
    Та же форма, только на этот раз залитая стандартным узором Photoshop.

    Если вы не пока уверены, какой цвет, градиент или узор, нужен вашей фигуры, не волнуйтесь. Как мы увидим далее, вы всегда сможете вернуться к редактированию фигуры позже и изменить вид заливки.

    Добавление обводки к векторной фигуре

    Эта опция появилась в Photoshop, начиная с версии CS6. По умолчанию, Photoshop не будет добавляет обводку к краям фигуры, но добавить её так же просто, как и заливку цветом.

    Для добавления обводки, нажмите на соответствующую опцию в панели параметров:

    Опция добавления обводки.

    Это открывает окно с параметрами, где мы можем выбрать цвет обводки, а также, задать многие другие параметры.

    В верхней части окна у нас есть те же самые четыре иконы для выбора типа заливки линии обводки, это «Нет цвета» (No Color), «Чистый цвет» (Solid Color), Градиент (Gradient) и «Узор» (Pattern). По умолчанию выбран вариант «Нет цвета». Я выберу тип «Чистый цвет» (Solid Color). Выбирать и назначать цвет обводки точно таким же образом, как и цвет заливки, о чем рассказано выше.

    Изменение толщины обводки

    Чтобы изменить толщину обводки, используйте соответствующее поле ввода, расположенное непосредственно справа от прямоугольника образца цвета в панели параметров. По умолчанию, толщина установлена в 3 пт (пункта). Но вы можете задать другие единицы измерения, если нажмёте на это поле ввода правой клавишей мыши, откроется выпадающий список единиц измерения. Я, практически всегда, выбираю пиксели:

    Изменение ширины и единиц измерения обводки.

    Опция выравнивания краёв (Align Edges)

    Правее всех других, в панели параметров расположена опция «Выровнять края». При включении этой функции (она включена по умолчанию) Photoshop приведёт в соответствие положение краёв обводки с пиксельной сеткой, что сделает изображение чётче.
    Опция будет активна только при единицах измерения обводки пиксели.

    Дополнительные параметры обводки

    По умолчанию, Photoshop рисует обводку в виде сплошной линии, но мы можем изменить это, нажав кнопку «Задать тип штриха фигуры» (Stroke Options) на панели параметров:

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

    Это открывает окно «Параметры обводки» (Stroke Options). В этом окне мы можем изменить тип линии со сплошной на пунктирную или состоящую из точек. Кроме этого, имеется три дополнительные опции обводки:

    
    Диалоговое окно дополнительных параметров обводки

    Опция «Выровнять» (Align) позволяет нам выбрать, будет ли обводка расположена внутри контура, снаружи или посередине.
    Следующая опция «Концы» (Caps) работает только в случае, если мы выбрали пунктирную обводку. Мы можем изменить вид концов отрезков.

    1. штрих заканчивается на границе своей заданной длины и конец имеет прямоугольную форму
    2. конец имеет полукруглую форму и выступает на половину ширины за границу заданно длины штриха с каждой стороны
    3. конец имеет прямоугольную форму и выступает на половину ширины за границу заданной длины штриха с каждой стороны

    «Углы» (Corners) позволяют изменить вид угла при стыке линий обводки. Угля могут быть острыми (по умолчанию), закруглёнными или скошенными. Эта опция работает, если обводка расположена снаружи или посередине контура. Если обводка внутри контура, углы всегда остаются острыми.

    Нажатие на кнопку внизу окна «Другие параметры. » (More Options. ) открывает ещё одно окно, где мы можем задать длину штрихов и разрывов между штрихами. Вот пример прямоугольной фигуры с заливкой и пунктирной обводкой с разными длинами штрихов:

    
    Обводка внутри фигуры, в которой используется два типа штриха — отрезок и точка.

    Рисуем облако пером

    Простенький урок рисования. Как рисовать все, что угодно инструментом Pen Tool (Перо). Инструмент универсальный, может очень многое, но непрофессионалы редко им пользуются. Почему? Им кажется, что сложно научиться пользоваться инструментом Перо в фотошопе. Ничего сложного. Попробуйте на примере этого урока.

    Как нарисовать пером несложную фигуру – облако или маленькую тучку? Или любую другую фигуру, состоящую из нескольких криволинейных сегментов. Самый простой путь — создать простой и примитивный прямолинейный контур, а затем «искривить» его сегменты так, как нужно.

    Возьмите Pen Tool (Перо), на панели параметров нажмите кнопку Paths (Контур), чтобы рисовать контур без заливки, и нарисуйте вот такую фигуру, просто щелкая в нужных местах пером:

    

    Стрелки Path Selection Tool и Direct Selection Tool, расположенные на панели инструментов сразу под пером, позволяют передвигать контур или отдельные его узлы. Используйте эти стрелки для редактирования, если созданный вами контур получился не совсем удачный.

    На облако это мало похоже. Выберите инструмент Add Anchop Point Tool (Добавить опорную точку) из группы инструментов Перо и проставьте дополнительную узловую точку на середине какого-нибудь прямого отрезка.

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

    

    Превратите в дуги все прямолинейные отрезки как на рисунке.

    

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

    Выберите на панели инструментов фотошопа основной цвет белый.

    Щелкните правой кнопкой где-нибудь на контуре или рядом с ним. Откроется контекстное меню для работы с контуром.

    

    В этом меню выберите Fill Path (Заливка контура). В открывшемся диалоговом окне можно выбрать цвет заливки основной или фоновый, радиус размытия (Feather Radius) и режим перекрытия слоев.

    

    Вот результат — нарисовано симпатичное белое облако:

    

    А если облако не должно быть белым, и нужно нарисовать только контур облака? Отмените последнее действие — заливку контура: палитра History (История), на шаг назад.

    Выберите и настройте инструмент Pencil (Карандаш). На панели параметров задайте ему толщину 2 или 4 пикселя.

    Щелкните правой кнопкой, чтобы вызвать контекстное меню для работы с контуром. В меню выберите Stroke Path (Обводка).

    

    В открывшемся окне выберите инструмент Pencil (Карандаш),

    

    нажмите ОК и получите результат — обведенный карандашом контур облака.

    

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

    Отмените последнее действие — обводку карандашом: палитра History (История), на шаг назад. На панели инструментов выберите инструмент Brush (Кисть), задайте ей такие параметры:

    

    Щелкните правой кнопкой, чтобы вызвать контекстное меню для работы с контуром. В меню выберите Stroke Path (Обводка) и в диалоговом окне вместо Pencil (Карандаш) установите Brush(Кисть)

    Получится вот такой результат:

    

    Если в процессе обучения вы создали маленький шедевр и хотите его сохранить для дальнейшего использования, то снова вызывайте правой кнопкой контекстное меню для работы с контуром и выбирайте Define Custom Shape (Определить фигуру) .

    В открывшемся окне задайте имя фигуры и ОК.

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

    Как нарисовать ромб в фотошопе: Как рисовать в фотошопе — Урок 9. Рисование фигуры в photoshop

    Как нарисовать простой геометрический паттерн в Иллюстраторе

    В этом уроке мы будем работать над простым геометрическим паттерном в Adobe Illustrator. Это урок для начинающих, с помощью которого легко понять основные принципы работы с инструментом по созданию паттернов в этой программе. В итоге мы получим простой, но стильный узор и новые знания.

    Шаг 1

    Создайте новый документ в Illustrator и нарисуйте при помощи инструмента Rectangle/Прямоугольник (M) квадрат.

    Шаг 2

    Поверните квадрат на 45 градусов.

    Шаг 3

    Выделите нижнюю точку ромба и удалите ее.

    Шаг 4

    Дублируйте прямоугольник и отразите копию по горизонтальной оси. Еще одну копию поверните на 90 градусов и копию этой копии отразите зеркально. Укажите треугольникам разные оттенки и соберите из них квадрат, как показано ниже.

    Шаг 5

    Сделайте несколько типов таких квадратов, с разным расположением светлых и темных треугольников. Соберите из разных квадратов 2-3 ряда.

    Шаг 6

    Выделите эти ряды и в меню выберите Object>Pattern>Make/Объект>Узор>Создать. Укажите имя вашему узору. Теперь в вашей палитре Swatches/Образцы появился этот паттерн.

    Шаг 7

    Нарисуйте новый прямоугольник и укажите ему ваш новый паттерн.

    Шаг 8

    Поверх добавьте новый прямоугольник цвета #294156.

    Шаг 9

    В палитре Transparency/Непрозрачность укажите синему прямоугольнику режим наложения Color Burn на 40%.

    Шаг 10

    Дублируйте прямоугольник, чтобы сделать эффект более интенсивным.

    Шаг 11

    Снова дублируйте прямоугольник, укажите копии зеленый цвет (#3D7F39).

    Шаг 12

    Немного поимпровизируем с декором. Нарисуйте белую диагональную линию.

    Шаг 13

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

    Шаг 14

    Таким же образом добавьте остальные линии.

    Результат

    Автор урока abduzeedo

    Ссылка на источник

    Уроки Illistrator. Уроки Adobe Illustrator. Уроки Иллюстратора. Adobe illustrator уроки. Уроки adobe illustrator для начинающих. Adobe illustrator уроки на русском. Видео уроки adobe illustrator. Adobe illustrator уроки для начинающих на русском. Adobe illustrator уроки с нуля. Уроки adobe illustrator cc для начинающих. Adobe illustrator cc 2019 уроки. Уроки adobe illustrator скачать торрент. Уроки по adobe illustrator cc. Adobe illustrator уроки вектор гайд. Уроки рисования adobe illustrator. Adobe illustrator уроки вектор гайд. Уроки векторной графики в adobe illustrator. Adobe illustrator cc 2018 уроки. Adobe illustrator логотип уроки. Уроки adobe illustrator cc 2018 для начинающих. Бесплатные уроки adobe illustrator. Урок 01 что такое adobe illustrator. Уроки работы в adobe illustrator. Adobe illustrator урок. Видео уроки adobe illustrator торрент. Adobe illustrator видео уроки скачать торрент. Adobe illustrator 3d уроки. Уроки adobe illustrator cc 2019 на русском. Интерфейс в adobe illustrator cc 2019 уроки. Уроки иллюстрация adobe illustrator. Adobe illustrator уроки рисование плашками.

    Из легенького. Рисуем текстуру тигровой шкуры.

    Из легенького. Рисуем текстуру тигровой шкуры.

    В этом уроке мы научимся создавать тигровую шкуру.

    Создадим новый документ Файл>новый (File>New) с размерами 300х300 пикс. и разрешением 72пикс/дюйм, сбросим цвета нажав кнопку «D» на клавиатуре.

    Теперь выберем инструмент «Прямоугольник» и удерживая клавишу Shift нарисуем маленький квадрат, размером примерно 20х20 пикс.

    Затем идём в Редактирование>Свободная трансформация (Edit> Free Transform (ctrl + T) и повернём наш квадрат на 45 градусов.

    Создаём «Произвольную фигуру» — Редактирование>Определить произвольную фигуру (EDIT > Define Custom Shape), зададим ей имя, например, «Ромб», жмём ОК. (важный момент – перед определением произвольной фигуры слой растрировать не нужно)

    Теперь среди «Произвольных фигур» выбираем иконку с нашей созданной. В параметрах инструмента «Произвольной фигуры» оставляем активной только функцию «Произвольно» (Unconstrained)

    На панели параметров жмём “Добавить к области фигуры» (Add to shape area).

    Дальше мы с помощью инструмента «Произвольная фигура» рисуем ромбы разных размеров и вразброс.

    Выберем Слой>Растрировать >Фигуру (Layer> Rasterize > Shape)

    Затем выполним: Редактирование > Свободное трансформирование (EDIT > Free Transform (Ctrl + T) и установим ширину (width) 150%, а высоту (Height) 1500%, Наклон по горизонтали (Horizontal) -20.

    Заходим в Фильтр>Искажение>Волна (Filter > Distort > Wave) и выставляем настройки указанные ниже:

    Выберете Выделение > Все ( Select > All (Ctrl + A) затем Изображение>Кадрировать (Image > Crop).

    Идём в Фильтр>Искажение>Скручивание (Filter > Distort > Twirl)…устанавливаем угол примерно в 35 градусов.

    Далее выберем Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur) и установим радиус = 2 пикс.

    В панели слоев выставим Режим наложения > Умножение (Blending Mode > Multiply) и непрозрачность (Opacity) = 80.

    Создаём новый слой, перемещаем его ниже слоя с полосками. Выбираем инструмент

    На панели параметров активируем «Линейный градиент» (Linear Gradient). Направляем градиент сверху вниз

    Чтобы получить мех используем Фильтр > Шум > Добавить шум (Filter > Noise > Add Noise) и установим монохромное распределение (Monochromatic) = 25 %.

    Далее Фильтр > Размытие >Размытие в движении (Filter > Blur > Motion Blur) установите угол (Angle) в 55 градусов и (Distance) смещение в 10 пикс.

    Последними действиями выполним Фильтр > Резкость > Резкость (Filter > Sharpen > Sharpen) и зажав Ctrl щелкните по слою с полосками.

    Фильтр > Резкость (Filter > Sharpen (Ctrl+F)

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

    Leave a Comment to the Entry

    This page was loaded фев 13 2023, 08:01 GMT.

    Узнайте, как сделать ромб в Photoshop

    Вдохновение

    10 лучших дополнений диспетчера задач Thunderbird Добавить…

    Пожалуйста, включите JavaScript

    10 лучших дополнений диспетчера задач Thunderbird: отличные инструменты для совместной работы

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

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

    Начало работы

    Откройте Photoshop и создайте новый документ с белым фоном. На самом деле, это может быть любой размер, который вы хотите (в пределах разумного), но всегда помните, что начать с большего и уменьшить масштаб намного проще, чем начать с меньшего размера и увеличить его. При этом мой документ имеет размер 800 на 800 пикселей.

    Создайте новый слой и назовите его «Алмаз».

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

    Теперь вам просто нужно щелкнуть правой кнопкой мыши и залить путь любым цветом, который вы хотите. На данный момент это не очень важно, но это поможет нам наложить грани позже (подробнее ниже). Я просто собираюсь заполнить его довольно общим 50% серым цветом.

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

    Создайте новый слой и назовите его «Границы».

    Хватай полигональное лассо и пристегивайся! Вот где будет весело. Это потребует хорошего глаза и большой художественной свободы. Идея состоит в том, чтобы нарисовать треугольники на поверхности алмаза (здесь мы начнем с верхней части) и использовать их для создания искусственно отражающей поверхности. Вот пример фасета, который я нарисовал. (Примечание. Белая линия должна отделять верхнюю часть ромба от нижней, и ее не будет в конечном изделии.)

    Теперь возьмите инструмент градиента и используйте переход от белого к прозрачному. Это должно выглядеть так:

    Перетащите градиент в ваш треугольник, чтобы он выглядел так:

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

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

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

    Добавление блесток

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

    Первый вариант относительно прост. Создайте новый слой и назовите его «Искры». Теперь просто нажмите на инструмент «Кисть». Поднимитесь в меню кистей и откройте «Ассорти кистей». Здесь вы найдете несколько блестящих кистей разных размеров. На панели кистей они выглядят следующим образом:

    Просто установите активный (передний план) цвет на белый, выберите кисть с блестками и добавьте к ромбу вот так.

    Конечно, если вы хотите добавить больше WOW! фактор, это тоже легко достижимо. Здесь мы будем использовать один из включенных фильтров Photoshop для достижения эффекта.

    Создайте еще один новый слой и назовите его «Сияние» или как-то так, чтобы его было легко запомнить, и убедитесь, что он находится поверх слоев с бриллиантом и гранями. Заливаем слой черным — да черным.

    Теперь перейдите в «Фильтры», затем «Рендеринг», а затем нажмите «Блики». Теперь вы можете выбрать все, что захотите. Идите вперед и просмотрите варианты. Когда вы найдете то, что вам нравится, нажмите OK. Вот как выглядели мои настройки:

    Теперь, чтобы сделать это видимым на вашем бриллианте, просто установите режим наложения на «Экран». Фантастический трехступенчатый блеск для вашего нового бриллианта. (Примечание: это будет еще лучше видно на цветном фоне.)

    Ресурсы

    Все изображения и информация предоставлены Эмбер Нили.

    Делаем бриллиантовые блики в Photoshop | Малый бизнес

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

    Звездчатые кисти

    Распространенный метод быстрого добавления бликов и блесток к бриллианту — использование кисти в форме звезды. На панели «Кисти» есть несколько вариантов, которые можно вызвать, нажав «F5» на клавиатуре. Для достижения наилучших результатов используйте белую кисть на новом слое над ромбом. Задержите мышь в одном месте, затем проведите кистью, нажимая кнопку мыши, пока блик не приобретет желаемую интенсивность.

    Смешанные кисти

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

    Lens Flare

    Фильтр Lens Flare может создать превосходный алмазный блик. Найдите этот фильтр, щелкнув меню «Фильтр», затем выбрав опцию «Рендеринг». Откроется окно параметров, позволяющее переместить центр блика на ромб. Затем вы можете изменить тип объектива и яркость по желанию. В большинстве случаев наилучший эффект дает 35-мм объектив. Поскольку с помощью этого инструмента создаются дополнительные блики, продублируйте изображение ромба перед созданием блика, а затем используйте инструмент «Ластик», чтобы удалить дополнительные блики.

    Несколько бликов

    Чтобы создать несколько бликов на одном бриллианте или на изображении нескольких бриллиантов, сосредоточьтесь на создании идеального блика, используя технику звездообразной кисти или комбинацию звездообразных кистей. с аэрографом. Затем вы можете скопировать эту кисть и вставить ее в другое место поверх того же изображения, затем повернуть каждую вспышку и изменить ее размер, используя параметры преобразования в меню «Правка». Если вы затем объедините все свои блики в один слой, вы можете имитировать эффект одного источника света, применив слой наложения градиента, чтобы сделать блики на одной стороне изображения или в середине ярче, чем другие.

    Добавить комментарий Отменить ответ

    © 2019 Штирлиц Сеть печатных салонов в Перми

    Цифровая печать, цветное и черно-белое копирование документов, сканирование документов, ризография в Перми.

    Как сделать ромб в фотошопе. Инструменты для создания фигур в фотошопе. Заполнение фигуры цветом

    В этом уроке мы изучим основы рисования векторных фигур в программе Photoshop CS6 с помощью простых инструментов группы «Фигуры»! Мы начнем с изучения работы инструментов «Прямоугольник» (Rectangle Tool), «Прямоугольник с закругленными краями» (Rounded Rectangle Tool), «Эллипс» (Ellipse Tool), «Многоугольник» (Polygon Tool) и «Линия» (Line Tool). Далее мы научимся выбирать цвета заливки и обводки для фигур, изменять внешний вид обводки, редактировать фигуры за счет полезных свойств слоев-фигур и многое другое! Нам надо многое изучить, поэтому в этом уроке мы сфокусируемся на работе и свойствах пяти основных инструментов группы геометрических фигур. В следующем уроке мы научимся добавлять более сложные фигуры в наш документ с помощью инструмента «Произвольная фигура»!

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

    Большинство людей считают, что программа Photoshop используется только для обработки пиксельных изображений, и если бы вы попросили их порекомендовать вам хороший графический редактор, то в большинстве случаев ответ был бы «Adobe Illustrator». Действительно, возможности редактора Adobe Illustrator намного шире, чем программы Photoshop, но, тем не менее, как нам станет видно из этого и следующих уроков, различные инструменты группы «Фигуры» позволяют легко добавлять простые векторные изображения на рисунки и чертежи

    Если вы не знаете, что такое векторная фигура и чем она отличается от пиксельной формы, изучите урок .

    Инструменты группы «Фигуры»

    Программа Photoshop предлагает нам на выбор шесть инструментов группы «Фигуры»: «Прямоугольник» (Rectangle Tool), «Прямоугольник с закругленными краями» (Rounded Rectangle Tool), «Эллипс» (Ellipse Tool), «Многоугольник» (Polygon Tool), «Линия» (Line Tool) и «Произвольная фигура» (Custom Shape Tool). Все эти инструменты расположены в одном месте на панели инструментов. По умолчанию, нам виден инструмент «Прямоугольник», но если мы кликнем по иконке инструмента и удержим нажатой кнопку мыши, то на экране появится выпадающее меню с перечнем других инструментов, из которых мы сможем выбрать нужный:

    Нажатие на значок инструмента «Прямоугольник» позволит нам просмотреть другие инструменты группы фигуры

    Я выберу первый инструмент в списке — инструмент «Прямоугольник»:

    

    Векторные фигуры, контуры и пиксельные формы

    Прежде чем мы начнем рисовать фигуры, нам необходимо указать программе Photoshop, какой тип фигуры мы хотим нарисовать, поскольку в действительности, программа Photoshop позволяет нам рисовать фигуры трех разных типов — векторные фигуры, контуры и пиксельные формы. Более подробно разницу между этими типами фигур мы рассмотрим в других уроках, но как мы с вами уже узнали из урока «Рисуем векторные фигуры и пиксельные формы в программе Photoshop CS6» , в большинстве случаев вы будете рисовать векторные фигуры. В отличие от пиксельных форм, векторные фигуры легко изменяемы, совершенно масштабируемы и не зависят от разрешения. Это означает, что мы можем редактировать, изменять их размеры, как пожелаем, и при этом качество изображения не потеряется. И на экране, и при дальнейшей печати края векторных фигур остаются четкими и заостренными.

    Для того чтобы нарисовать векторные фигуры, а не контуры или пиксельные формы, выберите параметр «Фигура» (Shape) на панели настроек инструмента в верхней части экрана:

    

    Выбираем на панели настроек режим инструмента «Фигура»

    Заполнение фигуры цветом

    

    Кликаем по значку образца цвета заливки

    В результате, откроется диалоговое окно, где будет предложено выбрать один из четырех способов заливки фигуры, обозначенных отдельным значком. Слева направо можно увидеть значок «Нет цвета» (с красной диагональной полосой), значок заливки Цветом, значок Градиента и значок Узора:

    

    4 параметра заливки фигуры («Нет цвета», «Чистый цвет», «Градиент» и «Узор»)

    Способ заливки «Нет цвета»

    Как следует из названия, способ заливки «Нет цвета» (No Color) фигуру никаким цветом не заполняет. Вы можете спросить, зачем же нам нужна пустая фигура? Ну, в некоторых случаях, возможно, вам потребуется, чтобы у фигуры был только тонкий контур. Далее мы рассмотрим, как добавить к фигуре обводку, но если вы захотите, чтобы у фигуры был только контур без заливки цветом, выбирайте параметр «Нет цвета»:

    

    При выборе параметра «Нет цвета» фигура никаким цветом не заполнится

    Ниже приведен образец фигуры после применения параметра «Нет цвета». Всё, что мы видим — это тонкие очертания фигуры, так называемый «контур». Контур можно увидеть только в программе Photoshop, поэтому если вы начнете распечатывать документ или сохранять его в форматах JPEG или PNG, контур исчезнет. Чтобы сделать его видимым, нам нужно добавить к нему обводку, что мы и изучим далее, после того, как рассмотрим все опции заливки (Fill):

    

    Когда в качестве способа заливки выбран параметр «Нет цвета», виден только контур фигуры (и то, только в программе Photoshop)

    Способ заливки «Чистый цвет»

    Для того чтобы заполнить фигуру цветом, выберите параметр «Чистый цвет» (Solid Color) (второй значок слева):

    

    Кликаем по значку параметра «Чистый цвет»

    После выбора параметра «Чистый цвет», выбираем цвет для фигуры, кликнув по одному из образцов цвета. Цвета, которые вы недавно использовали, появятся в ряду «Недавно использованные цвета» (Recently Used Colors) над основными образцами:

    

    Выбираем цвет, кликнув по его образцу

    Если среди образцов нет требуемого цвета, кликните по иконке Палитры цветов в правом верхнем углу диалогового окна:

    

    Кликаем по иконке Палитры цветов

    Затем в Палитре цветов выберите нужный цвет. Нажмите ОК для закрытия Палитры, когда вы определитесь с цветом:

    

    В Палитре цветов выбираем цвет для заливки фигуры

    Ниже представлена та же фигура, только на этот раз заполненная цветом:

    

    Наша фигура теперь заполнена цветом

    Способ заливки «Градиент»

    Для того чтобы заполнить фигуру градиентной заливкой, выберите параметр «Градиент» (Gradient). Затем кликните по одной из миниатюр для выбора нужного образца градиента или создайте собственный с помощью опций, расположенных под миниатюрами градиентов. В отдельном уроке мы рассмотрим, как создавать и редактировать градиенты:

    

    Сначала выбираем параметр «Градиент», а затем — нужный образец градиента

    Ниже представлена та же фигура, только на этот раз заполненная градиентной заливкой:

    

    Наша фигура теперь заполнена одним из образцов готовых градиентов

    Способ заливки «Узор»

    И, наконец, выбрав параметр «Узор» (Pattern), мы сможем заполнить фигуру узором. Кликните по одной из миниатюр, чтобы определиться с готовым узором. Первоначально в программе представлено не так много узоров, но вы также можете загрузить дополнительные узоры, скачанные из Интернета или созданные самостоятельно, кликнув по маленькому значку шестерни (под значком Палитры цветов) и выбрав пункт «Загрузить узоры» (Load Patterns) из появившегося меню:

    

    Сначала выбираем параметр «Узор», а затем — нужный образец узора

    И вот как будет выглядеть фигура, заполненная одним из узоров программы Photoshop. Для того чтобы закрыть диалоговое окно «Заливка» (Fill), нажмите клавишу Enter (Win) / Return (Mac) или кликните по пустому месту на панели настроек. Если вы сомневаетесь в выборе правильного цвета, градиента или узора для фигуры, не переживайте, позже мы изучим, как их можно изменить:

    

    Фигура, заполненная выбранным узором

    Добавление к фигуре Обводки

    По умолчанию, программа Photoshop не добавляет обводки по краям фигуры, однако добавить ее так же легко, как и выполнить заливку цветом. В действительности, опции параметров «Обводка» («Штрих») (Stroke) и «Заливка» (Fill) в версии программы Photoshop CS6 одинаковые, поэтому вы уже знаете, как их использовать!

    Чтобы добавить обводку, кликните по образцу цвета обводки на панели настроек:

    

    Кликаем по образцу цвета обводки

    В результате, откроется диалоговое окно с теми же самыми параметрами, что и для заливки, за исключением того, что теперь мы выбираем цвет для обводки. В верхней части окна опять находятся четыре значка «Нет цвета» (No Color), «Чистый цвет» (Solid Color), «Градиент» (Gradient) и «Узор» (Pattern). По умолчанию, выбран параметр «Нет цвета». Я, в свою очередь, выберу параметр «Чистый цвет» и затем в качестве цвета обводки установлю черный, выбрав его из образцов. Так же как и в случае с заливкой, если нужного вам цвета среди образцов нет, кликните по значку Палитры цветов в верхнем углу, чтобы выбрать нужный цвет вручную:

    

    Выбираем для обводки параметр «Чистый цвет», а затем из образцов цвета выбираем нужный

    Изменение ширины Обводки

    Для того чтобы изменить ширину (толщину) обводки, воспользуйтесь параметром «Ширина» (Width), расположенным справа от образца цвета обводки на панели настроек. По умолчанию, его значение равно 3 pt. Для изменения ширины можно или ввести определенное значение прямо в окошко ввода данных (нажав Enter (Win) / Return (Mac) после ввода для подтверждения данных), или кликнуть по маленькой стрелке справа от значения и переместить бегунок:

    

    Изменяем ширину обводки

    Опция «Выровнять края»

    Если вы посмотрите далее в правую часть панели настроек, то увидите опцию «Выровнять края» (Align Edges). При включенной опции (с выставленной галочкой) программа Photoshop будет выравнивать края фигуры по пиксельной сетке, в результате чего они будут оставаться острыми и четкими:

    

    Удостоверьтесь, что опция «Выровнять края» включена

    Однако, для того чтобы опция «Выровнять края» работала, недостаточно просто выбрать ее. Также необходимо, чтобы ширина обводки была в пикселях (px), а не в пунктах (pt). Поскольку в настоящий момент ширина моей обводки измеряется в пунктах (единица измерения по умолчанию), я вернусь обратно и введу новое значение ширины, равное 10 пикселям (px):

    

    Для того чтобы опция «Выровнять края» работала, установите ширину обводки в пикселях (рх)

    Ниже к фигуре применена черная обводка шириной 10 рх:

    

    Простая фигура с черной обводкой вокруг нее

    После добавления фигуре обводки, если я вернусь обратно и кликну по образцу цвета заливки на панели настроек, выбрав способ заливки «Нет цвета» (No Color), у меня останется только контур фигуры с обводкой. Внутри фигура станет пустой. Может показаться, что фигура заполнена белым цветом, но это только потому, что цвет заднего фона документа белый, что мы и видим в действительности.

    

    Та же самая фигура, с параметром заливки «Нет цвета»

    Дополнительные опции обводки

    По умолчанию, программа рисует обводку в виде непрерывной линии, но мы можем изменить это, кликнув по кнопке «Задать тип штриха фигуры» (Stroke Options) на панели настроек:

    

    Кликаем по кнопке «Задать тип штриха фигуры»

    В результате откроется диалоговое окно «Параметры обводки» (Stroke Options), где мы сможем изменить внешний вид обводки с непрерывной линии на штриховую или пунктирную. Параметр «Выровнять» (Align) позволяет нам выбрать тип выравнивания для обводки: внутри контура, снаружи или посередине. Мы можем сделать концы линий для обводки (параметр «Концы» (Caps)) округлыми, квадратными или утолщенными, а места соединения линий в обводке (параметр «Углы» (Corners)): острыми, закругленными или скошенными. При нажатии кнопки «Другие параметры» (More Options), расположенной в нижней части диалогового окна, откроется еще одно окошко, где мы сможем установить конкретные значения для штрихов и пробелов пунктирной линии и даже сохранить настройки в виде пресета:

    

    Ниже приведена фигура с той же самой обводкой, но только на этот раз вместо непрерывной линии выбрана пунктирная:

    

    Внешний вид обводки изменился с непрерывной линии на пунктирную

    Инструмент «Прямоугольник»

    Итак, мы уже узнали, как выбирать различные инструменты группы «Фигуры» на панели инструментов, как выбирать цвет заливки и обводки, как изменять внешний вид обводки. Теперь давайте изучим, как рисовать сами векторные фигуры! Мы начнем с изучения первого инструмента группы фигур в списке — «Прямоугольник» (Rectangle Tool). Я выберу его на панели инструментов, как уже делал ранее:

    

    Выбираем инструмент «Прямоугольник»

    Инструмент «Прямоугольник» позволяет нам рисовать простые четырехугольные фигуры. Чтобы нарисовать фигуру, кликните кнопкой мыши в окне документа для определения начальной точки фигуры. Затем, удерживая кнопку мыши нажатой, протяните курсор мыши по диагонали, чтобы закончить рисовать фигуру. По мере перемещения курсора вы будете видеть тонкие очертания (контур) будущей фигуры:

    

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

    Когда вы отпустите кнопку мыши, программа заполнит фигуру тем цветом, который вы выбрали на панели настроек:

    

    Программа заполнит фигуру цветом, как только вы отпустите кнопку мыши

    Изменение размера фигуры после того, как она нарисована

    Как только вы нарисовали первоначальную фигуру, на панели настроек появятся ее текущие размеры: ширина (Width (W)) и высота (Height (H)). В моем случае, я нарисовал фигуру 533 пикселя шириной и 292 пикселя высотой:

    

    На панели настроек видны первоначальные размеры фигуры (ширина и высота)

    Если вам требуется изменить размер фигуры, после того как вы ее нарисовали (этот способ подходит для всех инструментов группы «Фигуры»), просто введите новые значения в соответствующие поля «Ширина» и «Высота». Например, предположим, мне нужно, чтобы моя фигура была шириной 500 пикселей. Для этого требуется только изменить значение ширины на 500 пикселей. При необходимости я мог бы также ввести конкретное значение высоты. Если при изменении высоты или ширины фигуры пропорции должны остаться неизменными, кликните сначала по маленькому значку цепочки между значениями высоты и ширины:

    

    Далее, активировав значок цепочки, введите новое значение высоты или ширины. Программа Photoshop при этом автоматически заменит соответствующее значение второго параметра. В моем случае, я вручную ввел новое значение для ширины, равное 500 пикселям, и поскольку значок цепочки был активирован, программа Photoshop также изменила значение высоты на 273 пикселя:

    

    Изменяем размеры фигуры

    Изменение размера фигуры до того, как она нарисована

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

    

    Кликните в любом месте внутри документа для ввода значений ширины и высоты, и программа автоматически нарисует фигуру

    Рисование фигуры от центра

    Давайте изучим несколько простых, но полезных клавишных комбинаций. Если вы нажмете и удержите клавишу Alt (Win) / Option (Mac) по мере перемещения курсора, то вы нарисуете фигуру от центра, а не от угла. Этот прием работает со всеми инструментами группы «Фигура», а не только с инструментом «Прямоугольник». Обратите внимание, что сначала надо начать рисовать фигуру и только потом нажимать клавишу Alt (Win) / Option (Mac). Также необходимо отпускать первой кнопку мыши и только потом нажатую клавишу Alt (Win) / Option (Mac), иначе прием не сработает:

    

    Нажмите и удержите нажатой клавишу Alt (Win) / Option (Mac), чтобы нарисовать фигуру от центра

    Рисование квадратов

    Для того чтобы нарисовать квадрат, установите курсор в окне документа и начните его протягивать, рисуя прямоугольную фигуру. Как только вы начали это делать, нажмите клавишу Shift и продолжайте ее удерживать нажатой по мере перемещения курсора. Нажатие клавиши Shift преобразует фигуру в квадрат. И снова, не забудьте нажать клавишу Shift после того, как вы начали перемещать курсор, и отпустить ее в последнюю очередь, иначе квадрат не нарисуется. Вы можете объединить две клавишные комбинации вместе, нажав и удержав клавиши Shift+Alt (Win) / Shift+Option (Mac) при применении инструмента «Прямоугольник» (Rectangle Tool), в результате чего вы нарисуете от центра идеальный квадрат:

    

    Нажмите и удержите нажатой клавишу Shift по мере перемещения курсора, чтобы нарисовать квадрат

    И снова, в процессе рисования вы будет видеть только тонкий контур квадрата, но когда вы отпустите кнопку мыши, программа Photoshop заполнит его выбранным цветом:

    

    Программа всегда ждет, пока вы отпустите кнопку мыши, прежде чем заполнить фигуру цветом

    Опции инструмента группы «Фигуры»

    Если вы посмотрите на панель настроек, то слева от параметра «Выровнять края» (Align Edges) вы увидите значок шестерни. Кликнув по нему, вы откроете диалоговое окно с дополнительными настройками для того инструмента группы «Фигуры», который в данный момент выбран:

    

    Кликаем по значку шестрени

    Поскольку у меня выбран инструмент «Прямоугольник» (Rectangle Tool), нажатие на значок шестерни отобразит дополнительные опции для инструмента «Прямоугольник». За исключением работы с инструментами «Многоугольник» и «Линия», которые мы изучим позже, вы не будете слишком часто использовать это меню, потому что мы с вами уже рассмотрели, как получить доступ к данным опциям с клавиатуры. Например, параметр «Произвольно» (Unconstrained) позволяет нам рисовать фигуры любого размера и с любым соотношением сторон, но поскольку по умолчанию, все инструменты группы фигур работают таким образом, нет необходимости специально выбирать данный параметр. Параметр «Квадрат» (Square) позволяет нам рисовать квадраты с помощью инструмента «Прямоугольник», но мы это можем сделать, просто нажав и удержав клавишу Shift по мере перемещения курсора. Параметр «От центра» (From Center) отвечает за рисование фигуры от центра, но опять, мы это можем сделать, нажав и удержав клавишу Alt (Win) / Option (Mac).

    Если вы выберете параметры «Заданный размер» (Fixed Size) или «Задать пропорции» (Proportional) и введете значения ширины и высоты, то данные значения также повлияют и на следующую фигуру, которая будет нарисована, а не только на ту, которую вы уже нарисовали. Поэтому нужно помнить о том, чтобы после рисования фигуры вернуться и заново выбрать параметр «Произвольно» (Unconstrained), в противном случае каждая новая нарисованная фигура будет такого же размера или с такими же пропорциями:

    

    Параметры, которые вы видите, зависят от того, какой инструмент группы «Фигуры» выбран

    Редактирование слоев-фигур

    Ранее мы с вами изучили, что для того чтобы нарисовать в программе Photoshop векторные фигуры, нам нужно установить режим рисования — «Фигура» (Shapes) (в отличие от контуров и пиксельных форм). Когда мы рисуем векторную фигуру, программа автоматически размещает ее на отдельном специальном слое под названием «Слой-фигура» (Shape layer). Если мы посмотрим на панель слоев, то увидим, что фигура, которую я нарисовал с помощью инструмента «Прямоугольник» (Rectangle Tool), располагается на отдельном слое-фигуре «Прямоугольник 1». Название слоя будет зависеть от того, какой инструмент был использован, поэтому если я, допустим, нарисую овал инструментом «Эллипс» (Ellipse Tool), слой-фигура будет называться «Эллипс 1»:

    

    Каждая новая векторная фигура размещается на отдельном слое-фигуре

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

    

    Значок на миниатюре слоя говорит нам о том, что это слой-фигура

    Главное же отличие между слоем-фигурой и обычным пиксельным слоем состоит в том, что слои-фигуры остаются полностью редактируемыми. Когда мы ранее изучали, как выбирать цвета заливки и обводки для фигуры, я упомянул, что мы всегда сможем вернуться назад и изменить цвет даже после того, как фигура нарисована. Все, что нам требуется — удостовериться, что на панели слоев выбран слой-фигура, а инструмент группы «Фигуры» активирован. Затем просто кликните либо по образцу цвета Заливки (Fill), либо по образцу цвета Обводки (Stroke) на панели настроек для выбора другого цвета. Вы также можете при необходимости изменить ширину обводки и поработать с другими параметрами. Я кликну по образцу цвета Заливки:

    

    Выбрав слой-фигуру, кликаем по образцу цвета Заливки

    

    Кликаем по образцу голубого цвета

    Как только я кликну по образцу, программа немедленно заполнит фигуру новым цветом:

    

    Цвет фигуры был изменен без необходимости заново рисовать фигуру

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

    

    Когда мы внесли изменения, миниатюра слоя-фигуры также изменила свой вид

    Инструмент «Прямоугольник со скругленными углами»

    Давайте рассмотрим второй из инструментов группы «Фигуры» — «Прямоугольник со скругленными углами» (Rounded Rectangle Tool). Я выберу его на панели инструментов:

    

    Выбираем инструмент «Прямоугольник со скругленными углами»

    Инструмент «Прямоугольник со скругленными углами» очень похож на инструмент «Прямоугольник» за исключением того, что он позволяет нам рисовать прямоугольники с закругленными углами. Мы регулируем степень закругления углов, используя параметр «Радиус» (Radius) на панели настроек. Чем большее значение радиуса мы вводим, тем круглее становятся углы. Значение радиуса необходимо устанавливать до начала рисования фигуры, в моем случае, я введу значение параметра «Радиус», равное 50 пикселям:

    

    Используйте параметр «Радиус» для определения степени закругления углов

    После установки значения радиуса рисование прямоугольника со скругленными углами похоже на рисование обычного прямоугольника. Сначала кликните кнопкой мыши в окне документа для определения начальной точки фигуры и затем, удерживая кнопку мыши нажатой, протяните курсор мыши по диагонали, чтобы закончить рисовать фигуру. Так же как и в случае с фигурой «Прямоугольник», по мере перемещения курсора программа будет отображать тонкий контур фигуры:

    

    Протяните курсор, чтобы нарисовать прямоугольник со скругленными углами после того, как вы ввели значение радиуса на панели настроек

    Когда вы отпустите кнопку мыши, программа Photoshop закончит рисовать фигуру и заполнит ее цветом:

    

    Когда вы отпустите кнопку мыши, фигура заполнится цветом

    Ниже нарисован еще один прямоугольник с установленным значением радиуса 150 пикселей. Данное значение настолько велико (для этой фигуры, во всяком случае), что левая и правая стороны прямоугольника имеют форму кривой:

    

    Чем больше значение радиуса, тем более круглыми получаются углы

    А вот прямоугольник с небольшим значением радиуса — 10 пикселей, которое лишь немного скругляет углы фигуры:

    

    Маленькое значение радиуса меньше скругляет углы

    К сожалению, предварительного просмотра степени закругления углов в программе Photoshop CS6 нет. Посмотреть, насколько круглые получаются углы, мы можем только после того, как нарисуем прямоугольник. Также, мы не можем изменять значение радиуса в процессе рисования фигуры, и еще программа Photoshop не позволяет нам вернуться назад и изменить значение радиуса, после того как мы нарисовали фигуру. Все вышесказанное означает, что рисование прямоугольников со скругленными углами, по сути, является методом проб и ошибок.

    Если вам не нравится закругление углов прямоугольника, после того как вы его нарисовали, перейдите в раздел меню «Редактирование» (Edit) в верхней части экрана и выберите пункт «Отменить: Инструмент «Прямоугольник со скругленными углами»» (Undo Rounded Rectangle Tool) (или нажать сочетание клавиш Ctrl+Z (Win) / Command+Z (Mac)), в результате чего фигура будет удалена из документа. Затем введите новое значение радиуса на панели настроек и начните заново рисовать прямоугольник.

    

    Выбираем «Редактирование» > «Отменить: Инструмент «Прямоугольник со скругленными углами»

    Те же самые комбинации клавиш, которые мы рассмотрели при изучении инструмента «Прямоугольник», работают и в случае с инструментом «Прямоугольник со скругленными углами». Для того чтобы нарисовать квадрат с закругленными углами, начните рисовать фигуру, а затем нажмите и удержите нажатой клавишу Shift. Отпустите клавишу Shift после того, как вы отпустите клавишу мыши.

    Чтобы нарисовать фигуру от центра, а не от угла, начните рисовать фигуру, а затем нажмите и удержите в нажатом состоянии клавишу Alt (Win) / Option (Mac). И, наконец, совместное нажатие клавиш Shift + Alt (Win ) / Shift + Option (Mac ) приведет к тому, что будет нарисован квадрат от центра. Клавиши необходимо отпустить только после того, как вы отпустите кнопку мыши.

    Инструмент «Эллипс»

    Инструмент «Эллипс» (Ellipse Tool) позволяет нам рисовать эллипсы и круги. Я выберу его на панели инструментов:

    

    Выбираем инструмент «Эллипс»

    Так же, как и при работе с другими инструментами, которые мы рассмотрели, кликните кнопкой мыши в окне документа для определения начальной точки фигуры и затем, удерживая кнопку мыши нажатой, протяните курсор мыши по диагонали, чтобы закончить рисовать фигуру:

    

    Рисуем эллипс с помощью инструмента «Эллипс»

    Отпустите кнопку мыши, чтобы закончить рисовать фигуру и заполнить ее цветом:

    

    Фигура заполнена цветом.

    Чтобы нарисовать идеально ровный круг с помощью инструмента «Эллипс», начните перемещать курсор и далее, нажмите и удержите нажатой клавишу Shift . Для того чтобы нарисовать эллипс от центра, нажмите и удержите клавишу Alt (Win ) / Option (Mac ) после начала рисования. Удержание одновременно нажатыми клавиш Shift + Alt (Win ) / Shift + Option (Mac) позволит вам нарисовать круг от центра. И как всегда, отпускайте клавиши только после того, как вы отпустите кнопку мыши:

    

    Круг, нарисованный инструментом «Эллипс»

    Инструмент «Многоугольник»

    Инструмент «Многоугольник» (Polygon Tool) более интересен для нас с точки зрения возможностей рисования фигур. Я выберу его на панели инструментов:

    

    Выбираем инструмент «Многоугольник»

    Если с помощью инструмента «Прямоугольник» мы можем рисовать только четырехугольные прямоугольники, то инструмент «Многоугольник» позволяет нам рисовать многоугольники с таким числом сторон, какое мы пожелаем. Далее мы рассмотрим, как с помощью это инструмента можно нарисовать даже звезды! Для того чтобы нарисовать фигуру с помощью инструмента «Многоугольник», для начала введите количество сторон, которое вам требуется, в окошко параметра «Стороны» (Sides) на панели настроек. Вы можете ввести любое число от 3 до 100. По умолчанию, количество сторон равно 5, я и оставлю его таким:

    

    Введите количество сторон в окошко параметра «Стороны»

    Как только вы укажете число сторон, установите курсор в окне документа и начните его протягивать для рисования многоугольной фигуры. Программа Photoshop всегда рисует многоугольные фигуры от центра, поэтому вам не нужно удерживать нажатой клавишу Alt (Win) / Option (Mac). Нажатие и удержание клавиши Shift после того, как вы начали рисовать многоугольник, позволит вам ограничить число углов для вашей фигуры и поместить ее на экране именно так, как требуется:

    

    Фигура с 5 сторонами, нарисованная с помощью инструмента «Многоугольник»

    Указав число сторон равное 3, мы можем с легкостью нарисовать треугольник:

    

    Простой треугольник, нарисованный с помощью инструмента «Многоугольник»

    Ниже представлен многоугольник с числом сторон равным 12. Так же, как и в случае с параметром «Радиус» для инструмента «Прямоугольник с закругленными углами», мы не можем изменить количество сторон после того, как нарисовали фигуру, поэтому если вы сделали ошибку, вам нужно перейти в раздел меню «Редактирование» (Edit) в верхней части экрана и выбрать пункт «Отменить: Инструмент «Многоугольник» (Undo Polygon Tool) (или нажать клавиши Ctrl+Z (Win) / Command+Z (Mac)), затем ввести другое значение в окошко параметра «Стороны» и заново нарисовать фигуру:

    

    Многоугольник с двенадцатью сторонами

    Рисование звезд с помощью инструмента «Многоугольник»

    Для того чтобы нарисовать с помощью инструмента «Многоугольник» звезду, кликните по иконке шестерни на панели настроек, затем выберите параметр «Звезда» (Star):

    

    Кликаем по иконке шестерни и выбираем параметр «Звезда»

    Затем кликните мышкой в окне документа и протяните курсор для того, чтобы нарисовать звезду. Параметр «Стороны» (Sides) на панели настроек определяет число вершин звезды, таким образом, если по умолчанию значение параметра равно пяти, у нас получится пятиконечная звезда:

    

    Пятиконечная звезда, нарисованная с помощью инструмента «Многоугольник»

    Изменив значение параметра «Стороны» на 8, мы получим восьмиконечную звезду:

    

    Определите число вершин звезды с помощью параметра «Стороны»

    Мы можем нарисовать фигуру, похожую на взорвавшуюся звезду, увеличив остроту лучей звезды с помощью параметра «Глубина лучей» (Indent Sides By). По умолчанию, значение этого параметра равно 50%, я увеличу значение до 90%. Также я увеличу число вершин звезды до 16:

    

    Рисуем фигуру, похожую на взорвавшуюся звезду, увеличив значение параметра «Глубина лучей»

    И вот, какая фигура у меня получилась:

    

    Взорвавшаяся звезда, нарисованная с помощью инструмента «Многоугольник»

    По умолчанию, вершины звезд имеют острые углы, но мы можем их скруглить, выбрав параметр «Сгладить внешние углы» (Smooth Corners):

    

    Выбираем параметр «Сгладить внешние углы»

    Ниже представлена пятиконечная звезда с выбранным параметром «Сгладить внешние углы»:

    

    Параметр «Сгладить внешние углы» смягчает угловатость звезд

    Мы можем также скруглить углы у оснований лучей звезды, выбрав параметр «Сгладить внутренние углы» (Smooth Indents):

    

    Выбираем параметр «Сгладить внутренние углы»

    И снова, наша звезда выглядит совершенно по-другому:

    

    Нарисованная звезда с выбранным параметром «Сгладить внутренние углы»

    Инструмент «Линия»

    Последним из основных инструментов группы Фигуры является инструмент «Линия» (Line Tool). Я выберу его на панели инструментов:

    

    Выбираем инструмент «Линия»

    Данный инструмент позволяет нам рисовать простые прямые линии, но также мы можем с его помощью нарисовать стрелки. Для того чтобы нарисовать прямую линию, во-первых, установите толщину линии, введя значение (в пикселях) в окошко параметра «Толщина» (Weight) на панели настроек. По умолчанию, значение толщины равно 1 пикселю, я увеличу его до 16 пикселей:

    

    Параметр «Толщина» отвечает за толщину (или ширину) линии

    Во-вторых, так же, как и в случае с другими инструментами группы «Фигуры», кликните в окне документа и протяните курсор, чтобы нарисовать линию. Для того чтобы было проще нарисовать горизонтальную или вертикальную линию, нажмите и удержите клавишу Shift, после того как вы начали рисовать линию, затем отпустите кнопку мыши и в самую последнюю очередь клавишу Shift:

    Удерживайте нажатой клавишу Shift для рисования горизонтальных или вертикальных линий

    Рисование направляющих стрелок

    Для рисования стрелок, кликните по иконке шестерни на панели настроек, чтобы открыть опции «Стрелки» (Arrowheads). Выберите, где вы хотите добавить стрелки: в начале линии, в конце или одновременно на обоих концах (если вы хотите, чтобы стрелка указывала в том же направлении, в котором вы рисуете линию, выберите параметр «В конец» (End)):

    

    Кликните по иконке шестерни, чтобы получить доступ к опциям «Стрелки».

    Ниже нарисована линия, похожая на предыдущую, за исключением того, что на конце расположен значок стрелки:

    

    С помощью инструмента «Линия» легко рисовать направляющие стрелки

    Если установленный по умолчанию размер стрелки вас не устраивает, вы можете изменить его, используя параметры «Ширина» (Width) и «Длина» (Length). Мы можем также добавить стрелке изгиб, воспользовавшись параметром «Кривизна» (Concavity). По умолчанию, значение данного параметра равно 0%, но я увеличу его до 50%:

    Изменяем форму стрелки, увеличив значение параметра «Кривизна»

    И вот как теперь выглядит стрелка. Убедитесь, что вы выбрали значение параметров инструмента «Линия» прежде, чем начали рисовать линию, поскольку в процессе рисования их изменить нельзя. Если вы захотите внести изменения, вам придется удалить фигуру и нарисовать ее заново:

    

    Стрелка со значением параметра «Кривизна», равным 50%

    Скрытие контура вокруг фигуры

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

    Инструменты рисования позволяют создавать и редактировать векторные фигуры. С ними легко создавать различные элементы для веб-страниц.

    Создайте новый файл для тренировки.

    Нажмите левой клавишей мыши на инструмент -фигуры- на панели инструментов, откроется окно выбора инструмента:

    Здесь представлены основные фигуры, которыми мы можем воспользоваться. Выберете любую и посмотрите на панель параметров:

    Для любой фигуры можно выбрать:

    • режим рисования:
      • Слой-фигура . Фигура создается в отдельном слое. Слой-фигура состоит из слоя-заливки, определяющего цвет фигуры, и связанной с ним векторной маски, задающей границы фигуры. Границы фигуры представляют собой контур, который появляется на вкладке «Контуры» панели «Слои».
      • Контуры . Этот режим позволяет рисовать контуры фигур, которые можно заливать или обводить произвольным цветом. Контуры отображаются на вкладке «Контуры» панели «Слои».
      • Заливка пикселов . При работе в этом режиме создаются не векторные, а растровые изображения, которые можно обрабатывать так же, как и любое растровое изображение
      • стиль и цвет фигуры
      • задать параметры, характерные для этой фигуры

      Рисуем прямоугольники

      Выберем первую фигуру — прямоугольник. На панели выберем режим — слой-фигура. Выберем стиль, щелкнув по треугольнику справа.

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

      Теперь можно задать геометрические параметры:

      • Произвольно — как нарисуете, так и будет.
      • Квадрат — при растягивании мышкой фигуры, ширина и высота будут всегда одинаковы.
      • Заданный размер — можно задать ширину и высоту прямоугольника (в см) и щелкнуть по холсту. Появится прямоугольник с заданными размерами.
      • Задать пропорции — можно задать во сколько раз ширина будет меньше (или больше) высоты. При растягивании фигуры пропорция будет сохраняться.
      • От центра — рисует прямоугольник от центра.
      • Привязать к пикселам — края прямоугольника привязываются к границам пикселов.

      Теперь выберите -произвольно- и растяните мышкой ваш прямоугольник на холсте. Вот, например, что получилось у меня при использовании стилей Button, Glass Buttons и Web Styles.

      Достаточно полезный инструмент для создания кнопочек и менюшек для ваших web-страниц, не правда ли?

      Рисуем прямоугольники со скругленными углами

      Выберем вторую фигуру — прямоугольник со скругленными углами. На панели выберем режим — слой-фигура, радиус скругления углов — например, 15 и цвет (можно стиль, как хотите).Геометрические параметры такие же, как у прямоугольника.

      Вот, что получилось у меня при различных комбинациях радиуса и стиля.

      

      Чем не блоки новостей и кнопочки меню?

      Рисуем окружности

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

      Вот, что получилось у меня:

      

      Рисуем многоугольники

      Выберем фигуру — многоугольник. На панели выберем режим — слой-фигура, количество сторон в диапазоне от 3 до 100 (например, 3 — для треугольника, 6 — для шестиугольника), цвет и стиль. Рассмотрим геометрические параметры:

      • Радиус — радиус многоугольника.
      • Сгладить внешние углы
      • Звезда — со снятой галочкой многоугольник выпуклый, с поставленной галочкой многоугольник вогнутый.
      • Глубина лучей — если многоугольник вогнутый, то его вершины как бы образуют лучи. Этот параметр показывает какая часть радиуса многоугольника будет занята лучами. Чем больше %, тем длиннее и острее лучи.
      • Сгладить внешние углы — со снятой галочкой углы острые, с поставленной галочкой углы округлые.

      

      Первый девятиугольник имеет радиус 3см, остальные галочки сняты.

      Второй девятиугольник имеет радиус 3см, галочка у -звезда-, глубина лучей — 25%, остальные галочки сняты.

      Третий девятиугольник имеет радиус 3см, глубина лучей — 50%, стоят все галочки.

      Ко всем применен стиль.

      Рисуем линии

      Выберем фигуру — линии. На панели выберем режим — слой-фигура, толщину линии (в пикселах), цвет и стиль. Рассмотрим геометрические параметры:

      Если все галочки сняты будет просто линия, параметры задают стрелки на концах этой линии.

      • Начало — стрелка в начале линии.
      • Конец — стрелка в конце линии.
      • Ширина — пропорции стрелки в процентном отношении к толщине линии (от 10% до 1000%).
      • Длина — пропорции стрелки в процентном отношении к толщине линии (от 10% до 5000%).
      • Кривизна — определяет степень изогнутости самой широкой части стрелки в месте, где она встречается с линией (от -50% до +50%).

      У первой линии все галочки сняты, ширина — 500%, длина — 1000%, толщина — 2 пиксела.

      У второй линии все тоже самое, но стоит галочка у -начало- и кривизна — 5%.

      У третьей линии все тоже самое, но стоит галочка у -конец- и снята галочка у -начало-.

      У четвертой линии стоят обе галочки, ширина — 500%, длина — 1000%, кривизна — 15%, толщина — 5 пикселов.

      Ко всем применен стиль.

      Рисуем произвольные фигуры

      Выберем фигуру — произвольная фигура. На панели выберем режим — слой-фигура, цвет и стиль. Геометрические параметры такие же как у прямоугольника. Зато здесь есть выбор самой фигуры:

      Если щелкнуть по треугольничку в кружочке (справа), то в открывшемся контекстном меню можно выбрать дополнительные фигуры.

      

      Рисуем несколько фигур в одном слое

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

      

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

      

      Если эллипс растянулся не так, как хотелось, можно это поправить. Для этого возьмите на панели инструментов инструмент -выделение контура-:

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

      Сохраняем фигуры

      Предположим нам понравилась последняя фигура, которую мы создали и мы хотим использовать ее в дальнейшем. Для этого ее нужно сохранить. Для этого меню Редактирование -> Определить произвольную фигуру. Задайте имя для новой фигуры.

      Теперь наша фигура появилась в раскрывающейся панели выбора произвольных фигур.

      На этом урок закончен. В следующей раз займемся контурами и растровыми изображениями.

      · Урок 2. Слои и текст

      · Урок 6. Трансформация

      · Урок 7. Рисование — кисть и карандаш

      · Урок 11. Рисование — инструмент перо

      Рисуем облако пером

      Простенький урок рисования. Как рисовать все, что угодно инструментом Pen Tool (Перо). Инструмент универсальный, может очень многое, но непрофессионалы редко им пользуются. Почему? Им кажется, что сложно научиться пользоваться инструментом Перо в фотошопе. Ничего сложного. Попробуйте на примере этого урока.

      Как нарисовать пером несложную фигуру – облако или маленькую тучку? Или любую другую фигуру, состоящую из нескольких криволинейных сегментов. Самый простой путь — создать простой и примитивный прямолинейный контур, а затем «искривить» его сегменты так, как нужно.

      Возьмите Pen Tool (Перо), на панели параметров нажмите кнопку Paths (Контур), чтобы рисовать контур без заливки, и нарисуйте вот такую фигуру, просто щелкая в нужных местах пером:

      

      Стрелки Path Selection Tool и Direct Selection Tool, расположенные на панели инструментов сразу под пером, позволяют передвигать контур или отдельные его узлы. Используйте эти стрелки для редактирования, если созданный вами контур получился не совсем удачный.

      На облако это мало похоже. Выберите инструмент Add Anchop Point Tool (Добавить опорную точку) из группы инструментов Перо и проставьте дополнительную узловую точку на середине какого-нибудь прямого отрезка.

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

      

      Превратите в дуги все прямолинейные отрезки как на рисунке.

      

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

      Выберите на панели инструментов фотошопа основной цвет белый.

      Щелкните правой кнопкой где-нибудь на контуре или рядом с ним. Откроется контекстное меню для работы с контуром.

      

      В этом меню выберите Fill Path (Заливка контура). В открывшемся диалоговом окне можно выбрать цвет заливки основной или фоновый, радиус размытия (Feather Radius) и режим перекрытия слоев.

      

      Вот результат — нарисовано симпатичное белое облако:

      

      А если облако не должно быть белым, и нужно нарисовать только контур облака? Отмените последнее действие — заливку контура: палитра History (История), на шаг назад.

      Выберите и настройте инструмент Pencil (Карандаш). На панели параметров задайте ему толщину 2 или 4 пикселя.

      Щелкните правой кнопкой, чтобы вызвать контекстное меню для работы с контуром. В меню выберите Stroke Path (Обводка).

      

      В открывшемся окне выберите инструмент Pencil (Карандаш),

      

      нажмите ОК и получите результат — обведенный карандашом контур облака.

      

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

      Отмените последнее действие — обводку карандашом: палитра History (История), на шаг назад. На панели инструментов выберите инструмент Brush (Кисть), задайте ей такие параметры:

      

      Щелкните правой кнопкой, чтобы вызвать контекстное меню для работы с контуром. В меню выберите Stroke Path (Обводка) и в диалоговом окне вместо Pencil (Карандаш) установите Brush(Кисть)

      Получится вот такой результат:

      

      Если в процессе обучения вы создали маленький шедевр и хотите его сохранить для дальнейшего использования, то снова вызывайте правой кнопкой контекстное меню для работы с контуром и выбирайте Define Custom Shape (Определить фигуру) .

      В открывшемся окне задайте имя фигуры и ОК.

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

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

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

      Чтобы убедиться, что вы рисуете векторные фигуры, а не контуры или пиксели, выберите опцию «Фигура» (Shape) из видов режимов инструмента в панели параметров:

      Выбор опции «Фигура» (Shape) на панели параметров

      Заливка формы цветом

      Следующее действие, которое мы, как правило, выполняем после выбора опции «Фигура», это выбор цвета, заполняющего форму, в версии Photoshop CS6 и выше, это делается с помощью клика по полю «Заливка» (Fill) в панели параметров:

      
      Клик по кнопке в панели параметров для открытия диалогового окна свойств заливки фигуры.

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

      • Нет цвета (No Color) — белый прямоугольник с красной диагональной линией, заливка отсутствует
      • Чистый цвет (Solid Color) — заливка сплошным цветом
      • Градиент (Gradient) — заливка градиентом
      • Узор (Pattern) — залива Photoshop-узором (паттерном)

      
      Различные методы заливки формы

      Нет цвета (No Color)

      Как следует из названия, выбор этой опции оставит форму без заливки, с пустыми пикселями внутри. Для чего это нужно? Ну, в некоторых случаях может понадобится только сам контур. Также, часто нужна только обводка с прозрачными пикселями внутри.

      Ниже показан простой пример того, как выглядит форма без заливки цветом. Все, что мы видим — это основной контур формы, который так и называется — «Контур» (Path). Контур отображается только в документе Photoshop, так что при сохранении вашей работы в формате JPEG или PNG, или при печати, контур виден не будет. Чтобы сделать его видимым, мы должны добавить к нему обводку, способы добавления которой мы рассмотрим далее:

      
      Фигура «Прямоугольник» без заливки и обводки.

      Чистый цвет (Solid Color)

      Чтобы заполнить вашу форму однотонным цветом, выбирайте опцию «Чистый цвет» (Solid Color) вторая иконка слева:

      
      Опция «Чистый цвет» (Solid Color) для заливки фигуры сплошным однотонным цветом

      При активной опции, выберите цвет для фигуры, нажав на один из цветовых образцов. Цвета, которые при работе в Photoshop вы недавно использовали, будут отображены выше основных образцов:

      
      Выбор цвета нажатием на образец.

      Если нужного вам цвета нет среди представленных образцов,нажмите на значок «Палитра цветов» (Color Picker), расположенный в правом верхнем углу окна:

      
      Клик на значок Color Picker для выбора собственного цвета.

      Откроется диалоговое окно палитры цветов, выберите в неё цвет и нажмите OK, чтобы закрыть Color Picker после выбора нужного цвета.

      Как видно на рисунке ниже, после этих действий мы имеем такую же форму, только теперь форма имеет цвет:

      
      Фигура, залитая цветом.

      Заливка градиентом

      Чтобы заполнить вашу форму градиентом, выберите опцию «Градиент» (Gradient). Затем нажмите на одну из миниатюр для выбора предустановленного градиента, или используйте миниатюру полосы градиента, расположенную ниже, для создания своего собственного варианта градиента.

      
      Выбор готового или создание собственного градиента для заливки фигуры.

      Вот тот же форма, только теперь она заполнена градиентом:

      
      Форма, заполненная одним из предустановленных градиентов Photoshop.

      Заливка узором (Patterns)

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

      Ниже показана та же форма, на этот раз заполненная узором:

      
      Та же форма, только на этот раз залитая стандартным узором Photoshop.

      Если вы не пока уверены, какой цвет, градиент или узор, нужен вашей фигуры, не волнуйтесь. Как мы увидим далее, вы всегда сможете вернуться к редактированию фигуры позже и изменить вид заливки.

      Добавление обводки к векторной фигуре

      Эта опция появилась в Photoshop, начиная с версии CS6. По умолчанию, Photoshop не будет добавляет обводку к краям фигуры, но добавить её так же просто, как и заливку цветом.

      Для добавления обводки, нажмите на соответствующую опцию в панели параметров:

      Опция добавления обводки.

      Это открывает окно с параметрами, где мы можем выбрать цвет обводки, а также, задать многие другие параметры.

      В верхней части окна у нас есть те же самые четыре иконы для выбора типа заливки линии обводки, это «Нет цвета» (No Color), «Чистый цвет» (Solid Color), Градиент (Gradient) и «Узор» (Pattern). По умолчанию выбран вариант «Нет цвета». Я выберу тип «Чистый цвет» (Solid Color). Выбирать и назначать цвет обводки точно таким же образом, как и цвет заливки, о чем рассказано выше.

      Изменение толщины обводки

      Чтобы изменить толщину обводки, используйте соответствующее поле ввода, расположенное непосредственно справа от прямоугольника образца цвета в панели параметров. По умолчанию, толщина установлена в 3 пт (пункта). Но вы можете задать другие единицы измерения, если нажмёте на это поле ввода правой клавишей мыши, откроется выпадающий список единиц измерения. Я, практически всегда, выбираю пиксели:

      Изменение ширины и единиц измерения обводки.

      Опция выравнивания краёв (Align Edges)

      Правее всех других, в панели параметров расположена опция «Выровнять края». При включении этой функции (она включена по умолчанию) Photoshop приведёт в соответствие положение краёв обводки с пиксельной сеткой, что сделает изображение чётче.
      Опция будет активна только при единицах измерения обводки пиксели.

      Дополнительные параметры обводки

      По умолчанию, Photoshop рисует обводку в виде сплошной линии, но мы можем изменить это, нажав кнопку «Задать тип штриха фигуры» (Stroke Options) на панели параметров:

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

      Это открывает окно «Параметры обводки» (Stroke Options). В этом окне мы можем изменить тип линии со сплошной на пунктирную или состоящую из точек. Кроме этого, имеется три дополнительные опции обводки:

      
      Диалоговое окно дополнительных параметров обводки

      Опция «Выровнять» (Align) позволяет нам выбрать, будет ли обводка расположена внутри контура, снаружи или посередине.
      Следующая опция «Концы» (Caps) работает только в случае, если мы выбрали пунктирную обводку. Мы можем изменить вид концов отрезков.

      1. штрих заканчивается на границе своей заданной длины и конец имеет прямоугольную форму
      2. конец имеет полукруглую форму и выступает на половину ширины за границу заданно длины штриха с каждой стороны
      3. конец имеет прямоугольную форму и выступает на половину ширины за границу заданной длины штриха с каждой стороны

      «Углы» (Corners) позволяют изменить вид угла при стыке линий обводки. Угля могут быть острыми (по умолчанию), закруглёнными или скошенными. Эта опция работает, если обводка расположена снаружи или посередине контура. Если обводка внутри контура, углы всегда остаются острыми.

      Нажатие на кнопку внизу окна «Другие параметры. » (More Options. ) открывает ещё одно окно, где мы можем задать длину штрихов и разрывов между штрихами. Вот пример прямоугольной фигуры с заливкой и пунктирной обводкой с разными длинами штрихов:

      
      Обводка внутри фигуры, в которой используется два типа штриха — отрезок и точка.

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

      На панели инструментов есть группа однородных инструментов (быстрая клавиша U ). Туда входят: прямоугольник, прямоугольник со скругленными краями, эллипс, многоугольник, линия и произвольная фигура .

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

      

      Что такое произвольная фигура?

      Она представляет из себя векторное изображение, а значит не имеет ограничений по размерам. Поэтому ее можно растягивать сколько угодно без потери качества.

      У фигуры нет своего цвета (кроме того, какой мы выберем перед созданием), объема, теней, обводки границ или чего-либо еще. В этом она напоминает кисть, где цвет вы задаете сами, все остальное уже придется дорисовывать самостоятельно.

      

      Как использовать?

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

      Зажмите клавишу Shift , чтобы рисовать фигуру идеально ровной, без искажений в какую-либо сторону.

      Как установить свои фигуры в фотошоп?

      Вы можете самостоятельно установить набор фигур себе в программу. Здесь работают те же принципы, что и, например, с или . Чтобы их установить, во-первых, скачайте себе на компьютер набор с фигурами. Такие наборы имеют расширение csh .

      После этого, откройте меню фигур. Вы увидите такие 4 команды:

      

      Выбрав «Загрузить…» , откроется диалоговое окно, в котором нужно указать путь до файла с расширением csh, например, так:

      

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

      Выбрав «Заменить…» , будет все тоже самое, за исключением того, что новые фигурки появятся не в конце списка, а полностью заменят собой те, что уже есть. Например, у вас изначально были в списке подгружены наборы с животными и стрелочками, а вы решили открыть с заменой набор орнаментов. В итоге, в списке будут только орнаменты.

      А если вы загрузили несколько наборов, удалили какие-либо отдельные фигуры, использовав команду «Удалить…» , вообщем, сделали набор под себя, то можете его сохранить командой «Сохранить произвольные…» . В будущем его можно будет загрузить в том же виде или передать кому-нибудь через интернет.

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

      Обратите внимание, что в этом же меню есть огромный список: Животные, Стрелки, Природа, Объекты и т.д. Это стандартные наборы, которые нам любезно предоставили разработчики фотошопа.

      Второй способ установки с дополнительным преимуществом

      Произвольные фигуры еще можно установить непосредственно в системные файлы фотошопа.

      Сделать это немного сложнее, но главный плюс такого способа в том, что ваш набор появится в списке, что я описал выше (Животные, Стрелки, Природа, Объекты и т.д.). В случае, если вы намерены часто пользоваться этим инструментом, то такой способ установки сократит время, и вы сможете выбрать нужный набор в два клика.

      Для этого необходимо скопировать файл с расширением csh в системную папку фотошопа «Custom Shapes» , обычно у нее такой адрес: C:\Program Files\Adobe\Adobe Photoshop CS5\Presets\Custom Shapes.

      Похожие публикации:
      1. Как открыть базу данных access
      2. Как удалить приложение кинопоиск с телевизора samsung
      3. Корень внутренней памяти андроид где
      4. Машинка индезит как включить очистку барабана