Как обрезать изображения в форме круга в Photoshop

Устали обрезать фотографии до прямоугольников и квадратов? Из этого урока вы узнаете, как легко обрезать изображения в виде кругов с помощью Photoshop! И узнайте, как правильно сохранить окончательный результат, чтобы сохранить прозрачность, чтобы вы могли добавить фотографию в дизайн или загрузить ее в Интернет!

Автор Стив Паттерсон.

Обычно, когда мы думаем об обрезке изображений в Photoshop, мы думаем об обрезке их как прямоугольника или квадрата.И если мы используем инструмент Photoshop Crop Tool, у нас действительно нет других вариантов. Но кто сказал, что нам нужно использовать Crop Tool? Photoshop позволяет так же легко обрезать фотографию с помощью инструмента выделения. Чтобы обрезать изображение до круга, мы воспользуемся инструментом Elliptical Marquee Tool. Я буду использовать Photoshop CC, но подойдет любая последняя версия Photoshop.

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

Окончательный результат.

Приступим!

Как кадрировать изображение в форму круга

Шаг 1. Откройте изображение

Начните с открытия изображения в Photoshop. Я буду использовать эту фотографию, которую я скачал с Adobe Stock:

Исходное изображение. Фото: Adobe Stock.

Смотрите видео и оставляйте комментарии на нашем канале YouTube!

Шаг 2. Преобразование фонового слоя в нормальный слой

Если мы посмотрим на панель «Слои», то увидим, что наше изображение находится на слое фона :

Панель «Слои», показывающая изображение на фоновом слое.

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

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

Photoshop мгновенно переименовывает слой с «Фон» на «Слой 0». И вот так мы преобразовали его в обычный слой, и все готово:

Фоновый слой теперь является обычным слоем с именем «Слой 0».

Шаг 3. Выберите инструмент Elliptical Marquee Tool

Выберите инструмент Elliptical Marquee Tool на панели инструментов.По умолчанию инструмент Elliptical Marquee Tool расположен за инструментом Rectangular Marquee Tool. Щелкните правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкните (Mac) на инструменте Rectangular Marquee Tool, затем выберите инструмент Elliptical Marquee Tool во всплывающем меню:

Выбор инструмента Elliptical Marquee Tool.

Шаг 4: Нарисуйте круговой контур выделения

С помощью инструмента Elliptical Marquee Tool щелкните внутри изображения и вытяните эллиптический контур выделения. Чтобы сделать контур выделения идеальным кругом, нажмите и удерживайте клавишу Shift на клавиатуре во время перетаскивания.Не беспокойтесь о точном расположении круга, потому что мы переместим его в нужное положение на следующем шаге. А пока просто убедитесь, что круг достаточно большой, чтобы окружать область, которую вы хотите сохранить.

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

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

Шаг 5. При необходимости измените положение выделенной области

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

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

Шаг 6: инвертировать выделение

На данный момент у нас выделена область внутри круга.Что нам действительно нужно, так это выделить область вне круга .

Чтобы отменить выделение области внутри круга и выделить все вокруг него, перейдите к меню Select в строке меню в верхней части экрана и выберите Inverse :

Выбираем> Инверсия.

Шаг 7: Удаление области вокруг круга

При инвертированном выделении нажмите клавишу Backspace (Win) / Delete (Mac) на клавиатуре, чтобы удалить область вокруг круга.Photoshop заполняет область шаблоном шахматной доски , именно так Photoshop представляет прозрачность:

Нажмите Backspace (Win) / Delete (Mac), чтобы удалить ненужную область.

Нам больше не нужен контур выделения, поэтому, чтобы удалить его, перейдите в меню Select и выберите Deselect :

Собираюсь Выбрать> Отменить выбор.

Шаг 8: Обрежьте прозрачные области

Чтобы обрезать изображение по кругу и удалить все прозрачные области вокруг него, перейдите в меню Изображение и выберите Обрезать :

Переход к изображению> Обрезать.

В диалоговом окне «Обрезка» выберите прозрачных пикселей вверху. Затем убедитесь, что Верхний , Нижний , Левый и Правый все выбраны внизу (они должны быть по умолчанию):

Выбор «Прозрачных пикселей» в диалоговом окне «Обрезка».

Щелкните OK, чтобы закрыть диалоговое окно Trim. Photoshop мгновенно обрезает окружающие прозрачные области, оставляя наше изображение обрезанным в виде круга:

Изображение теперь обрезано до круга.

Шаг 9. Сохраните изображение как файл PNG

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

Чтобы сохранить его, перейдите в меню Файл и выберите Сохранить как :

Переход к файлу> Сохранить как.

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

Убедитесь, что вы выбрали PNG в качестве формата файла, чтобы сохранить прозрачность.

Когда Photoshop просит вас установить параметры PNG, вы можете спокойно оставить их по умолчанию. Нажмите ОК, чтобы сохранить изображение:

Параметры PNG по умолчанию работают нормально.

И вот оно! Вот как легко обрезать изображение по кругу в фотошопе! На этом мы подошли к концу нашей серии статей об кадрировании изображений в Photoshop!

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

Для получения дополнительных глав и наших последних руководств посетите наш раздел «Основы Photoshop»!

Как сделать фон прозрачным в Photoshop

Узнайте, как сделать фон прозрачным в Photoshop, и откройте для себя более быструю альтернативу в редакторе Shutterstock.

Есть много способов вырезать объект или удалить фон из изображения. Многие начинают с фотошопа. Два популярных метода маскирования в Photoshop используют инструменты выделения, такие как Magic Wand, Lasso, а также режим Select и Mask. Между тем, режим быстрой маски использует кисть для рисования фона.

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

Метод 1. Инструменты и маски выделения

Шаг 1. Использование инструмента Magic Wand Tool

Выберите инструмент Magic Wand Tool в окне «Инструменты».Начните с Допуск 20% в меню Опции .

Вы можете добавить к выделению с помощью Magic Wand, удерживая Shift и щелкая в другой области. Вы можете вычесть из выделенного, удерживая Option и щелкнув область, которую не хотите включать.

Шаг 2. Используйте инструмент «Лассо» для точной настройки выделения

Когда у вас есть грубый выбор объекта или фона, используйте инструмент Lasso для точной настройки краев.Удерживайте Shift и перетащите, чтобы добавить к выделению.

Существует три варианта инструмента «Лассо». Вы найдете их, нажав и удерживая лассо в меню «Инструменты»:

• Лассо — Щелкните и перетащите курсор, чтобы нарисовать выделение от руки.
• Polygonal Lasso — Создание многоугольной области выделения путем добавления точек к форме выделения.
• Магнитное лассо — Автоматическое добавление к выделению путем обводки области.

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

Шаг 3. Используйте панель «Выделение и маска» для уточнения выделения

Когда вы будете удовлетворены грубым выбором, нажмите кнопку Select and Mask в меню Options в верхней части экрана.Или нажмите Command + Option + R , чтобы открыть окно.

В разделе Global Refinements начните со следующих настроек для большого изображения с высоким разрешением:

• Smooth : 3
• Feather : .3px
• Shift Edge : -20

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

Если вы застряли, лучше всего нажать Отмена и исправить выбор вручную с помощью Magic Wand или Lasso, а затем вернуться в окно Select and Mask.

Шаг 4. Создайте маску слоя для удаления фона

В Output Settings внизу окна Select and Mask выберите Layer Mask из списка. Окно закроется, а слой с вашим объектом будет иметь маску, скрывающую фон.Затем вы можете активировать или деактивировать маску, щелкнув правой кнопкой мыши значок маски слоя в окне «Слои».

Метод 2: Быстрая маска

В этом методе используется инструмент Quick Mask в Photoshop. Это способ быстро создать маску с помощью кисти. Подобно рисованию на маске слоя, вы будете переключать цвета переднего плана, чтобы добавить или удалить из маски.

Активируйте быструю маску с помощью кнопки в нижней части окна «Инструменты».

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

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

Теперь вы можете переключаться между режимом быстрой маски и стандартным режимом редактирования, нажимая Q на клавиатуре.Это покажет вам живой выбор.

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

Альтернативы удалению фона в Photoshop

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

• Powerpoint имеет инструмент под названием Remove Background , который начинает с выделения объекта переднего плана, замаскированного от фона. У вас также есть возможность добавлять или удалять определенные части.
• Бесплатные веб-сайты — Существует множество бесплатных приложений и веб-сайтов, которые позволяют пользователям вручную удалять фон. Хотя они могут быть простыми в использовании, к минусам относятся проблемы с надежностью и точностью, а также отсутствие безопасности системы.
• Shutterstock Editor — Средство удаления фона в редакторе позволяет легко вырезать формы и элементы из изображения. Со всеми другими инструментами дизайна в приложении вы можете создать профессиональный дизайн за половину шагов и с гораздо меньшими хлопотами.

Как удалить фон в редакторе

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

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

1. Найдите и выберите изображение
2. Используйте инструмент «Удалить фон»
3. Загрузите лицензионный образ

Чтобы начать работу, откройте редактор в своем браузере. Найдите и выберите изображение, затем щелкните Удалить фон в разделе Инструменты изображения в правой части окна.

Просто нажмите на кнопку — Удалить и закрасьте фон. Это уберет фон. Чтобы настроить выделение, нажмите + Добавить и закрасьте объект, который хотите сохранить. Уменьшите размер кисти с помощью ползунка Размер кисти , чтобы получить более подробную информацию, или увеличьте его, чтобы блокировать большие участки за раз.

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

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

Для получения дополнительных уроков и техник продолжайте читать:

Обложка фонового изображения через FabrikaSimf , изображение кошелька через Creative Lab

Как сделать фон прозрачным в Photoshop

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

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

Для устранения фона (т.е.е. сделайте его прозрачным), сначала перейдите на панель Layers и скопируйте слой изображения. Просто перетащите свой слой на значок «Новый слой» (он выглядит как белый квадрат со загнутым углом) в нижней части панели.

Затем перейдите на панель инструментов и выберите Magic Wand (или нажмите клавишу W). Щелкните фон, и вы увидите пунктирные линии вокруг объекта и краев изображения. Теперь вернитесь к исходному фоновому слою на панели «Слои» и щелкните значок в форме глаза, чтобы сделать слой невидимым.Мы рекомендуем сохранить этот исходный слой в проекте на тот случай, если вы захотите вернуться к нему позже.

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

Чтобы отменить выбор объекта, нажмите Ctrl + D (или Command + D на Mac), и пунктирные линии также исчезнут. Теперь вы можете использовать объект как отдельную графику, не беспокоясь о фоне.

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

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

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

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

Как обвести круг в фотошопе

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

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

Существует несколько способов рисования идеально ровного круга в фотошопе. Но для начала нам требуется создать новый документ для работы. Верхняя панель. Команда Файл – Создать. Рекомендую создавать большой документ, удобный для работы. Я предпочитаю 2000 пикселей по ширине и 1000 по высоте. Но вы можете использовать любой другой размер по своему усмотрению.

Обратим свое внимание на боковую панель инструментов. Инструмент «Эллипс». Он – то нам и нужен. Кликаем по нему, а затем по рабочей области. Удерживаем правую клавишу мыши и проводим окружность. А сейчас я расскажу вам небольшую хитрость. Дабы с первого раза добиться идеально ровного круга зажмите клавишу shift на клавиатуре. Рекомендую запомнить этот прием. Так как работает он со многими элементами.

А теперь второй способ. Теперь мы нарисуем окружность с помощью выделенной области. Для чего опять обратимся к панели инструментов.

Кликаем на инструмент «овальная область», зажимаем shift и рисуем.

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

На той же панели ищем инструмент «заливка». Кликаем по нему, а затем по выделенной области.

Окружность готова. Снимаем выделение, нажав комбинацию клавиш на клавиатуре ctrl+j.

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

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

В появившемся окне выбираем цвет обводки и ее толщину, которая выражается в пикселях.

Вот, что у нас получилось. Не забываем снимать выделение.

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

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

Создаем новый файл: «File» – «New» или откройте нужное изображение, нажав сочетание клавиш «Ctrl+O» .

Дальше на панели инструментов выберите «Ellipse Tool» (Эллипс).

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

Чтобы нарисовать круг от центра , в настройках инструмента нажмите на маленькую черную стрелочку и поставьте галочку в поле «From Center» (От центра).

Если нужно нарисовать ровный круг , а не эллипс, поставьте маркер в поле «Circle» (Окружность).

Нарисовать круг в Фотошопе заданного размера тоже можно, ставим маркер напротив «Fixes Size» (Заданный размер) и в полях «W:» и «H:» задаем значения ширины и высоты. Задав одинаковые значения, нарисуете круг, разные – эллипс. Теперь нажмите левую кнопку мыши и, не отпуская ее, разместите появившийся круг в нужной части изображения.

На сайте уже есть статья, как нарисовать прямоугольник без заливки. Сейчас рассмотрим, как можно нарисовать круг в Фотошопе без заливки . Для этого в настройках инструмента «Ellipse Tool» (Эллипс) активируйте кнопочку «Paths» (Контуры).

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

В результате можно нарисовать эллипс или круг с тонким светло серым контуром без заливки.

Также, нарисовать круг можно используя инструмент «Elliptical Marquee Tool» (Овальная область).

Выделите его и зажмите клавишу «Shift» , чтобы нарисовать ровный круг вместо эллипса. Если зажмете «Alt+Shift» , то нарисовать круг можно от центра.

Таким образом, мы нарисуем только контур круга.

Чтобы залить его цветом, выберите на панели инструментов «Paint Bucket Tool» , и установите желаемый цвет в качестве основного. Затем кликните мышкой внутри выделенной области.

Если Вам нужно нарисовать круг без заливки , кликните по нему правой кнопкой мыши и выберите из меню «Stroke» (Выполнить обводку).

В следующем окне установите значение для ширины линии «Width» и выберите цвет контура «Color» .

Чтобы снять выделение, нажмите «Ctrl+D» . В результате мы нарисовали прозрачный круг с красным контуром.

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

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

Способ 1. Инструмент Эллипс

С помощью этого инструмента можно нарисовать векторную и растровую фигуру окружности или круга.

Начнем с векторной, то есть с такой фигуры, размеры которой можно изменять без потери качества. Для этого выберите инструмент Эллипс, и на панели параметров установите настройку Слой-фигура.

Теперь нарисуйте окружность или круг. Но сперва выберите основной цвет отличный от белого, а то не увидите, что в итоге нарисовали.

Как нарисовать ровный круг

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

1. удерживайте зажатой клавишу Shift ;
2. на панели параметров инструмента выберите опцию Окружность (рисование диаметра или радиуса):

Еще раз обратите внимание на это окно с параметрами инструмента. Здесь же можно настроить возможность рисовать фигуру по заданным размерам или пропорциям. Укажите в поля ширины и высоты желаемые размеры/пропорции, а потом просто щелкните в любом месте документа — фотошоп сразу отобразит окружность с указанными значениями.

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

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

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

После этого окружность будет создана сразу как растровая. Не забудьте для нее создать свой отдельный слой.

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

Способ 2. Обводка выделенной области — кольцо

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

Итак, выберите инструмент Овальная область.

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

Допустим, получилось такая выделенная область:

Теперь нужно сделать обводку ее границ. Для этого выберите команду: Редактирование — Выполнить обводку.

Появится новое окно, в котором укажите ширину границы обводки, ее цвет. Также есть интересные настройки о том, как будет рассчитываться ширина обводки:

• Внутри — значит рамка ляжет по внутренней стороне выделенной области;
• По центру — значит рамка разделится поровну на часть проходящую внутри выделения и на часть со внешней стороны;
• Снаружи — значит рамка будет огибать пунктир выделения.

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

Теперь, когда настройки введены, жмите ОК. Останется только убрать пунктир выделения — Ctrl+D .

от простого к сложному. Часть 107. Серебряное кольцо

Марго Григорян

Трехмерный металлический объект можно нарисовать не только в специальной программе для создания трехмерной графики, но и в Adobe Photoshop CS2.
О том, как это сделать, и рассказывается в настоящем уроке.

1 Создаем новый файл.

2 Заливаем фон черным цветом и создаем новый слой.

3 Для удобства увеличиваем масштаб просмотра изображения с помощью Zoom Tool и инструментом Elliptical Marquee делаем овальное выделение.

4 Заливаем выделение светло-коричневым цветом.

5 С помощью команды Transform Selection (меню Select) уменьшаем масштаб выделения и перемещаем его в нижнюю часть светло-коричневого овала таким образом, чтобы край овала оставался виден.

6 Стираем заливку внутри выделения.

7 Дублируем слой (меню Layer > Duplicate Layer) и переворачиваем его на 180° (меню Edit > Transform > Rotate 180?).

8 Половинку кольца на слое Layer 2 copy заливаем более светлым цветом. На самом деле на данном этапе цвет не имеет значения, однако это даст возможность лучше представить объем будущего кольца.

9 Вызываем диалоговое окно Layer Style (меню Layer). Переходим в нем к настройке параметров Drop Shadow. Устанавливаем Blend Mode на Multiply, Opacity — на 100%, Angle — на 120?, Distance — на 21 px, Spread — на 0%, Size — на 42 px. В меню Contour выбираем седьмой контур.

10 Затем переходим к настройке параметров Bevel and Emboss. Устанавливаем Style на Inner Bevel, Technique — на Smooth, Depth — на 40%, Direction — на Up, Size — на 60 px, Soften — на 0 px. Параметр Angle должен быть равен 120?, Altitude — 65?, Gloss Contour — восьмой из меню. Highlight Mode устанавливаем на Screen 100%, а Shadow Mode оставляем на Normal 50%. Для тени выбираем черный цвет.

11 Далее переходим к настройке Contour и устанавливаем параметры так, как показано на рисунке.

12 Очень важный параметр — Satin. Blending Mode выставляем на Screen 100%, Angle изменяем на 135?, Distance — на 30 px, Size на 50 px и выбираем девятый контур — из меню Contour.

13 Теперь переходим к Color Overlay, выбираем в качестве цвета черный, а Blend Mode устанавливаем на Normal 100%.

14 Переходим к слою Layer 2 и снова вызываем диалоговое окно Layer Style. Устанавливаем Style на Inner Bevel, Technique — на Smooth, Depth — на 65%, Direction — на Up, Size — на 25 px, Soften — на 4 px. Параметр Angle должен быть равен 90?, Altitude — 80?, Gloss Contour — первый из меню. Highlight Mode устанавливаем на Linear Dodge 50%, а Shadow Mode выставляем на Soft Light 100%. Для тени выбираем серый цвет.

15 На этом слое также важно настроить параметр Satin. Blending Mode выставляем на Soft Light 100%, Angle — на 90?, Distance — на 4 px, Size — на 20 px и выбираем десятый контур из меню Contour.

16 И последнее — Gradient Overlay. Выбираем градиент от светло-серого к темно-серому.

17 Получилось весьма убедительное кольцо стального цвета. Теперь добавим несколько эффектов. Сначала применяем к обоим слоям команду Group into New Smart Object, а затем — Rasterize Layer (обе команды находятся в меню, вызываемом щелчком по правой клавише мыши на слое в панели управления слоями).

18 Объединяем слои командой Merge Down.

19 Возвращаемся к слою Layer 2 copy и переворачиваем кольцо, как показано на рисунке (меню Edit > Transform > Rotate).

20 Дублируем слой с кольцом.

21 Применяем команду Flip Vertical (меню Edit > Transform).

22 Перемещаем второе кольцо таким образом, чтобы оно оказалось точно под первым. Для этого может понадобиться линейка (Ctrl+R).

23 Убираем линейку (повторное нажатие Ctrl+R; Ctrl+Н) и создаем новый слой.

24 Выбираем градиент от черного цвета до прозрачности. Можно добавить несколько точек с серым цветом, чтобы градиент был более плавным.

25 Заливаем градиент, начиная от верхнего края кольца-отражения. Линию лучше проводить чуть наискосок.

26 Применяем фильтр Lens Flare. Настраиваем параметры по своему усмотрению, чтобы получить реалистичный отблеск.

27 Объединяем все слои командой Flatten Image (меню Layer).

КомпьюАрт 1’2007

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

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

Дуги в Фотошопе

Как известно, дуга это часть окружности, но в нашем понимании, дуга может иметь и неправильную форму.

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

Для урока нам понадобится создать новый документ. Для этого нажимаем CTRL+N и выбираем нужный размер.

Способ 1: дуга из окружности (кольца)

1. Выбираем инструмент из группы «Выделение» под названием «Овальная область».

2. Зажимаем клавишу SHIFT и создаем выделение круглой формы необходимого размера. Созданное выделение можно перемещать по холсту с зажатой левой кнопкой мыши (внутри выделения).

3. Далее необходимо создать новый слой, на котором мы и будем рисовать (это можно было сделать в самом начале).

4. Берем инструмент «Заливка».

5. Выбираем цвет нашей будущей дуги. Для этого нажимаем на квадратик с основным цветом на левой панели инструментов, в открывшемся окне перетаскиваем маркер на желаемый оттенок и нажимаем ОК.

6. Кликаем внутри выделения, заливая его выбранным цветом.

7. Переходим в меню «Выделение – Модификация» и ищем пункт «Сжать».

8. В окне настройки функции выбираем размер сжатия в пикселях, это и будет толщина будущей дуги. Жмем ОК.

9. Нажимаем клавишу DELETE на клавиатуре и получаем кольцо, залитое выбранным цветом. Выделение нам больше не нужно, убираем его сочетанием клавиш CTRL+D.

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

выделить участок, который хотим удалить,

и нажать DELETE.

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

Способ 2: дуга из эллипса

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

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

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

Способ 3: инструмент «Перо»

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

Урок: Инструмент Перо в Фотошопе — теория и практика

1. Берем инструмент «Перо».

2. Ставим первую точку на холсте.

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

   Луч можно тянуть в любом направлении, потренируйтесь. Точки можно перемещать по холсту с зажатой клавишей CTRL. Если поставили вторую точку не там, где нужно, просто нажмите CTRL+Z.

4. Контур готов, но это ведь еще не дуга. Контур необходимо обвести. Сделаем это кистью. Берем ее в руки.

5. Цвет настраивается так же, как и в случае с заливкой, а форма и размер – на верхней панели настроек. Размер определяет толщину обводки, а вот с формой можно поэкспериментировать.

6. Снова выбираем инструмент «Перо», кликаем правой кнопкой мыши по контуру и выбираем пункт «Выполнить обводку контура».

7. В следующем окне, в выпадающем списке, выбираем «Кисть» и жмем ОК.

8. Дуга залита, осталось только избавиться от контура. Для этого снова кликаем ПКМ и выбираем «Удалить контур».

На этом закончим. Мы сегодня изучили три способа создания дуг в программе Фотошоп. Все они имеют свои преимущества и могут использоваться в разных ситуациях.

Помогла ли вам эта статья?

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

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

Создаем новый файл: «File» – «New» или откройте нужное изображение, нажав сочетание клавиш «Ctrl+O» .

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

Чтобы нарисовать круг от центра , в настройках инструмента нажмите на маленькую черную стрелочку и поставьте галочку в поле «From Center» (От центра).

Если нужно нарисовать ровный круг , а не эллипс, поставьте маркер в поле «Circle» (Окружность).

Нарисовать круг в Фотошопе заданного размера тоже можно, ставим маркер напротив «Fixes Size» (Заданный размер) и в полях «W:» и «H:» задаем значения ширины и высоты. Задав одинаковые значения, нарисуете круг, разные – эллипс. Теперь нажмите левую кнопку мыши и, не отпуская ее, разместите появившийся круг в нужной части изображения.

На сайте уже есть статья, как нарисовать прямоугольник без заливки . Сейчас рассмотрим, как можно нарисовать круг в Фотошопе без заливки . Для этого в настройках инструмента «Ellipse Tool» (Эллипс) активируйте кнопочку «Paths» (Контуры).

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

В результате можно нарисовать эллипс или круг с тонким светло серым контуром без заливки.

Также, нарисовать круг можно используя инструмент «Elliptical Marquee Tool» (Овальная область).

Выделите его и зажмите клавишу «Shift» , чтобы нарисовать ровный круг вместо эллипса. Если зажмете «Alt+Shift» , то нарисовать круг можно от центра.

Таким образом, мы нарисуем только контур круга.

Чтобы залить его цветом, выберите на панели инструментов «Paint Bucket Tool» , и установите желаемый цвет в качестве основного. Затем кликните мышкой внутри выделенной области.

Если Вам нужно нарисовать круг без заливки , кликните по нему правой кнопкой мыши и выберите из меню «Stroke» (Выполнить обводку).

В следующем окне установите значение для ширины линии «Width» и выберите цвет контура «Color» .

Чтобы снять выделение, нажмите «Ctrl+D» . В результате мы нарисовали прозрачный круг с красным контуром.

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

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

Шаг 1.
Создаем в фотошопе новый документ, заливаем его цветом #d2d2d2.

Шаг 2.
Воспользуемся «Фильтр» (Filter) > «Шум» (Noise) > «Добавить шум…» (Add Noise…) со значением 6, распределение равномерное, монохромный.

Шаг 3.
Применим к фону стиль слоя «Внутреннее свечение» (Inner Glow), цвет #d1d0d0.

Шаг 4.
Получили такой результат.

Шаг 5.
На новом слое создаем круг, цвет #1f1f1f.

Шаг 6.
Теперь сделаем так. Удерживая Ctrl, щелкаем по слою с кругом, чтобы выделить его. В верхнем меню выбираем «Окно» (Window) > «Контуры» (Paths). В открывшемся диалоговом окошке щелкаем по нижней иконке «Сделать из выделенной области рабочий контур» (Make Work Path From Selection). Получили рабочий контур. Теперь выбираем инструмент «Текст» (Text Tool) и пишем простой точкой по контуру. Настройки шрифта как на рисунке ниже. Более подробно посмотреть можно посмотреть в соответствующем уроке.

Шаг 7.
После этого, удерживая Ctrl, щелкаем по слою с точками, чтобы выделить фигуры. Слой с точками можно отключить.

Шаг 8.
Находясь на слое с кругом, нажимаем Del и получаем нашу декоративную фигуру, похожую на шестеренку.

Шаг 9.
Выделяем в центер круг и нажимаем Del, чтобы удалить середину шестеренки.

Шаг 10.
Делаем еще два декоративных круга внутри шестеренки. Для этого на новом слое создаем круг, цвет #d2d2d2. Вырезаем у него середину, оставив кромку шириной 3 пикселя. К оставшейся фигуре применим стиль слоя «Обводка» (Stroke) шириной 2 пикселя и цветом #1f1f1f.

Шаг 11.
На новом слое выделяем два круга, как на рисунке ниже и заливаем цветом #1f1f1f.

Шаг 12.
В образовавшиеся темные области ставим звездочки.

Шаг 13.
Выбираем и на новом слое пишем слово, в данном случае DESIGNONSTOP. Применим к тексту трехпиксельную обводку цветом #d4d4d4.

Шаг 14.
Теперь напишем текст по кругу. Опять воспользуемся уроком « «. Настройки шрифта, как на рисунке ниже. Сначала пишем текст сверху.

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

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

Способ 1. Инструмент Эллипс

С помощью этого инструмента можно нарисовать фигуру окружности или круга.

Начнем с векторной , то есть с такой фигуры, размеры которой можно изменять без потери качества. Для этого выберите инструмент Эллипс , и на панели параметров установите настройку Слой-фигура .

Теперь нарисуйте окружность или круг. Но сперва выберите основной цвет отличный от белого, а то не увидите, что в итоге нарисовали.

Как нарисовать ровный круг

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

1. удерживайте зажатой клавишу Shift ;
2. на панели параметров инструмента выберите опцию :

Еще раз обратите внимание на это окно с параметрами инструмента. Здесь же можно настроить возможность рисовать фигуру по заданным размерам или пропорциям. Укажите в поля ширины и высоты желаемые размеры/пропорции, а потом просто щелкните в любом месте документа — фотошоп сразу отобразит окружность с указанными значениями.

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

Теперь, чтобы можно было изменить размеры без потери качества, используйте команду Ctrl+T . Когда необходимость в векторной фигуре отпадет, вы можете ее, чтобы продолжить работу над фигурой силами всех возможностей фотошопа.

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

После этого окружность будет создана сразу как растровая. Не забудьте для нее .

Способ 2. Обводка выделенной области — кольцо

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

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

Допустим, получилось такая выделенная область:

Теперь нужно сделать обводку ее границ. Для этого выберите команду: Редактирование — Выполнить обводку .

Появится новое окно, в котором укажите ширину границы обводки, ее цвет. Также есть интересные настройки о том, как будет рассчитываться ширина обводки:

• Внутри — значит рамка ляжет по внутренней стороне выделенной области;
• По центру — значит рамка разделится поровну на часть проходящую внутри выделения и на часть со внешней стороны;
• Снаружи — значит рамка будет огибать пунктир выделения.

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

Теперь, когда настройки введены, жмите ОК. Останется только убрать пунктир выделения — Ctrl+D .

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

Этого слоя, в следствии чего в документе отображается исходная фотография:

Теперь создадим овальное выделение. Берём инструмент «Овальная область» (Elliptical Marquee Tool), нажимаем в верхнем левом углу фотографии и тащим курсор в нижний правый угол:

Отпускаем левую клавишу мыши. Выделение создано.

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

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

Для принятия результатов трансформирования нажимаем Enter.

Растушёвка овала

Для получения нормального эффекта виньетки необходим плавный переход, для этого надо растушевать границы выделенной области Идём Выделение —> Модификация —> Растушёвка (Select —> Modify —> Feather) и вводим значение размытия. Для фото с разными размерами приходится эмпирически подбирать индивидуальные значения. В моём случае это будет 30 пикселей:

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

Осталось только нажать клавишу Delete для удаления лишних белых пикселей. Виньетка готова, можно только уменьшить непрозрачность белого слоя до 80%. Результат:

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

Elliptical Marquee Tool позволяет нам легко создать выделение в форме идеального круга.

Имеется два способа для создания геометрически правильного круга.

Первым способом является установка параметров на панели параметров в верхней части экрана.
Для примера, я открыл фото Луны, на этом фото она полная и имеет круглую форму:

При выборе инструмента «Выделенная область» (как и любого другого инструмента), на панели параметров отображаются настройки, присущие именно этому инструменту. Одной из этих настроек является «Стиль» (Style). По умолчанию он установлен в режим Обычный (Normal), этот режим позволяет нам создать эллипс любой формы и размеров. Чтобы выделение получилось в форме идеального круга с произвольным размером, нам нужно выбрать режим «Заданные пропорции» (Fixed Ratio). По умолчанию, Photoshop будет установит значения ширины и высоты по единице, это задаст соотношение ширины к высоте как 1:1, что выдаст нам идеальный круг:

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

Построение идеально круглого выделения с помощью горячих клавиш

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

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

Однако, имейте в виду, что порядок нажатия клавиш очень важен. Сперва зажимаем Shift, затем зажимаем левую клавишу мыши, тащим курсор, создавая выделение, отпускаем левую клавишу мыши и только в самом конце отпускаем shift. Если Вы не будете соблюдать правильный порядок, вы можете получить неожиданные результаты.

Создание геометрически правильного круглого выделения «из центра»

Вы также можете создать круглое выделение методом от центра к периферии, таким образом можно обвести круглый объект на фотографии. Наведите курсор точно на центр объекта, зажмите клавиши Alt+Shift, зажмите левую клавишу мыши и тащите курсор от центра.
Когда закончите протаскивать курсор, отпустите сперва левую клавишу мыши и только потом клавиши Alt+Shift:

Итак, выделение готово. Теперь я хочу перетащить его на другое фото. Для этого сначала следует открыть в Photoshop целевую фотографию, затем выбрать инструмент «Перемещение » (Move Tool).

Переходим на документ с Луной, зажимаем клавишу Alt (чтобы выделение было не вырезано, а скопировано) и тащим Луну на целевую фотографию:

Затем, используя «Свободное трансформирование «, можно при необхоимости уменьшить луну и поместить в нужное место:

Удаление выделения

Когда вы закончите работу с выделением, его следует удалить. В Photoshop существует три способа удаления выделения. Это:

• Пройти по вкладке главного меню Выделение —> Отменить выделение (Select —> Deselect)
• Нажать комбинацию клавиш Ctrl+D
• При активном инструменте «Овальная область» (Elliptical Marquee Tool) кликнуть в любом месте документа

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

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

Существует несколько способов рисования идеально ровного круга в фотошопе. Но для начала нам требуется создать новый документ для работы. Верхняя панель. Команда Файл – Создать. Рекомендую создавать большой документ, удобный для работы. Я предпочитаю 2000 пикселей по ширине и 1000 по высоте. Но вы можете использовать любой другой размер по своему усмотрению.

Обратим свое внимание на боковую панель инструментов. Инструмент «Эллипс». Он – то нам и нужен. Кликаем по нему, а затем по рабочей области. Удерживаем правую клавишу мыши и проводим окружность. А сейчас я расскажу вам небольшую хитрость. Дабы с первого раза добиться идеально ровного круга зажмите клавишу shift на клавиатуре. Рекомендую запомнить этот прием. Так как работает он со многими элементами.

А теперь второй способ. Теперь мы нарисуем окружность с помощью выделенной области. Для чего опять обратимся к панели инструментов.

Кликаем на инструмент «овальная область», зажимаем shift и рисуем.

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

На той же панели ищем инструмент «заливка». Кликаем по нему, а затем по выделенной области.

Окружность готова. Снимаем выделение, нажав комбинацию клавиш на клавиатуре ctrl+j.

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

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

В появившемся окне выбираем цвет обводки и ее толщину, которая выражается в пикселях.

Вот, что у нас получилось. Не забываем снимать выделение.

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

Как в фотошопе нарисовать эллипс. Как нарисовать произвольную окружность или ровный круг в фотошопе

Есть два ключевых инструмента в Фотошоп: rectangular и elliptical marquee tools (прямоугольная и овальная области выделения), и они совместно занимают позицию в панели инструментов. Вот некоторые вещи, которые вы могли не знать об этих инструментах.

Квадраты и круги
R ectangular и elliptical marquee tools (прямоугольная и овальная области выделения) могут быть использованы для рисования правильных квадратов и кругов. Когда вы нажимаете и проводите область, удерживайте клавишу Shift, чтобы ограничить форму в пределах круга или квадрата.

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

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

Правильная фигура, но неправильный поворот?
Когда вы хотите создать развернутую фигуру, такую как прямоугольник, квадрат или овал, для начала создайте ее, используя инструмент выделения, не обращая внимания на поворот. Теперь отпустите кнопку мыши и выберите Select > Transform selection (Выделение > Трансформировать выделение). Фигура теперь показывает маркеры трансформирования, которые вы можете использовать для ее поворота. Нажмите клавишу Ctrl, и вы можете потянуть за уголок фигуры и исказить ее. Нажмите Enter или Return, чтобы применить трансформацию и удалить маркеры. Теперь вы можете продолжить свою работу с областью выделения.

Строгий размер выделения
Если вы хотите создать область выделения с точными размерами, из выпадающего меню Style (Стиль)выберите Fixed Size (фиксированный размер). Пропишите пиксели по ширине и высоте в рамках и нажмите на изображение, появится выделение в точности такое же, как вы задали. Используйте Fixed Ratio (фиксированное соотношение), чтобы создать выделение с фиксированным соотношением, например 1:1.25, как показано здесь.

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

Как нарисовать и вырезать, создать и вставить ровный круг в «Фотошоп»

Многие знают, что для рисования всяческих векторных фигур отлично подходит программа Adobe Illustrator. Но если на вашем компьютере установлен только Photoshop — не стоит разводить панику. В нём тоже присутствуют различные инструменты для рисования фигур. От обычных линий до прямоугольников с закругленными углами. Если вам хочется нарисовать в «Фотошопе» круг, то нет ничего проще.

Как в «Фотошоп» нарисовать круг

Для начала следует открыть программу и создать новый файл («Ctrl+N») с подходящим для вас разрешением. В качестве фона лучше задать прозрачный альфа-канал. Photoshop обладает целой группой инструментов для рисования фигур. При этом объекты получаются векторными. Поэтому вы в процессе работы спокойно можете увеличивать их размеры, на качестве фигур это никак не отразится. Чтобы сделать круг в «Фотошопе» — выберите инструмент «Эллипс». Для этого необходимо навести курсор на инструмент «Прямоугольник», зажать левую кнопку мыши и перенести курсор на «Эллипс».

Цветовой круг в «Фотошоп»

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

Как создать круг в «Фотошоп»

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

Как вырезать круг в «Фотошоп»

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

Ровный круг в «Фотошоп»

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

Как обрезать кругом в «Фотошоп»

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

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

Как и в прошлом случае, сейчас нужно нарисовать своеобразный круг. Не забудьте и в этот раз зажать клавишу «Shift». Изначально вы можете круглую выделенную область расположить не совсем правильно. Наведите курсор на неё и зажмите левую кнопку мыши — это позволит свободно перетаскивать круг выделения по изображению. Так вы легко выделите нужный объект. Осталось понять, что же нужно делать с ним дальше.

Теперь можно вырезать круг в «Фотошопе», скопировав выделенную область на совершенно новое изображение. Для этого нажмите комбинацию клавиш «Ctrl+C» или перейдите по пути «Редактирование>>Копировать». Затем создайте новое изображение при помощи сочетания клавиш «Ctrl+N». В его свойствах ничего не меняйте, так как разрешение будет подобрано под размер скопированной области. Можете только сменить имя изображения. В поле «Содержимое фона» выберите пункт «Прозрачный». В открывшемся пустом изображении произведите нажатие комбинации клавиш «Ctrl+V». Или же перейдите по пути «Редактирование>>Вставить». Так вы получите требуемый результат — круглую фотографию на прозрачном фоне. Её можно использовать в оформлении сайта, текстового документа или в качестве аватарки.

Фото в круге в «Фотошоп»

Дополнительно вы можете поиграться со стилями слоя, добавив обводку (положение должно быть внутренним), свечение, тень или всё вместе. Может получиться очень красивое фото в круге. «Фотошоп» способен на многое, кроме обрамления вы можете исказить и само изображение при помощи фильтров. Но это уже не тема данного урока. Сохранять изображение необходимо в формате PNG, в противном случае прозрачная область заменится на белую.

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

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

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

• Цвет заливки . Отвечает за то, какого цвета будет ваша окружность. Если поставить пункт «Нет заливки» , то внутри будет пустота, то есть останется только контур.
• Цвет обводки . Если задать здесь какой-либо цвет, то мы увидим, что контур стал меняться.

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

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

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

Если вы хотите рисовать овал или окружность из центра, то делать это нужно с помощью зажатой клавиши ALT. Только перед использованием сначала зажмите левую кнопку мыши, чтобы обозначить, что началось рисование, а же только потом зажмите ALT и чертите полноценно из центра.

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

Самое интересное, что все эти комбинации можно совмещать. Например, если вы хотите рисовать ровный круг из центра, то начните его чертить с зажатым SHIFT и ALT одновременно. А потом еще и можете зажать пробел и перенести куда-нибудь нашу фигуру.

Как нарисовать круг нужного диаметра

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

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

Свойства круга

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

Первичные свойства

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

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

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

Например, если я увеличу размер обводки в 6 раз, то вот как она будет у меня смотреться.

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

Также, эти самые свойства вы можете активировать в отдельной панели. Для этого перейдите в меню «Окно» — «Свойства» .

Объединение и вычитание

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

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

Я надеюсь, что вы поняли суть того, для чего нужно вычитание фигуры.

Как нарисовать круг в круге

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

Способ номер 1. Копирование слоев

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

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

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

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

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

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

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

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

Способ 2. Вставка новой окружности

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

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

Обтравочная маска и рамка

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

Это очень классное решение, так как всё получается ровно и четко, а самое главное, не страдает сама картинка и мы можем перемещать ее внутри круга как захотим.

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

Более подробно о том как я написал в одной из своих предыдущих статей.

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

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

С уважением, Дмитрий Костин

Здравствуйте, дорогие читатели! В этом уроке Вы узнаете, как нарисовать круг в фотошопе за несколько секунд.

Создайте новый документ (Ctrl + N). Выберите инструмент Эллипс (Ellipse Tool) (U) в режиме фигур.

Зажмите клавишу Shift и создайте круг на холсте.

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

Сделайте клик на холсте, и круг будет создан.

Круг можно нарисовать и при помощи обычной кисти. В этом случае он будет растрированным.
Создайте новый слой (Ctrl + Shift + Alt + N), выберите инструмент Кисть (Brush Tool) (B), кликните правой кнопкой мыши на холсте и введите нужные значения. Жёсткость (Hardness) нужно установить на 100%, чтобы края круга были чёткими. Параметр Размер (Size) определяет диаметр круга.

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

Если Вам нужно нарисовать кольцо, то для этого также существует несколько способов. Первый способ – это обводка контура. Выберите инструмент Эллипс (Elliзse Tool) (U) в режиме контура.

Нарисуйте контур круга на холсте. Затем выберите инструмент Кисть (Brush Tool) (B) и задайте размер и жёсткость. Размер повлияет на толщину кольца, а жёсткость на мягкость его краёв.

Нажмите Enter, чтобы обвести контур.

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

Теперь нужно выделить этот круг. Для этого зажмите клавишу Ctrl и кликните на миниатюре слоя.

Перейдите в меню Выделение > Модификация > Сжать (Select > Modify > Contract) и введите значение 2 пикселя (толщина кольца).

Обучение работе с Photoshop Lunacore — Учебное пособие по пересекающимся кольцам

Перейдите на панель инструментов и выберите Эллипс. Инструмент

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

Важно, чтобы у нас была Форма значок слоев выбран на панели инструментов (A). Уведомление что значок инструмента «Эллипс» активный (B).
Это также импорт в том, что значок Создать новый слой-фигуру выбран (C).
Двойным щелчком по области, отмеченной D, мы можем изменить цвет формы. Цвет не иметь значение Так много для этого урока, но давайте на этот раз выберем обычный синий .

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

Что случилось? Позвольте мне объяснить несколько вещей.

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

Look в нашей палитре слоев.

А — это то, что мы называем заливкой Слой. Все, что он делает, это заполняет слой цвет. Разница между заливкой слоя слой заливки и Paint Bucket Tool, это с заливкой Слой мы можем просто изменить цвет, дважды щелкнув на иконке в палитре слоев.

B — векторная маска, это основано на… да, векторы, в данном случае векторный путь который рисует круг. Двойной границы вокруг маски также напоминает вам, что эта маска активна. Держи это на случай, если у вас возникнут странные проблемы; проверить активна ли ваша маска.

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

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

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

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

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

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

Перейдите на панель параметров и щелкните следующие значки:

Центры обеих фигур теперь выровнены.

Следующим шагом будет изменение диаметра кольца. С инструментом выделения контура все еще active выбираем Show Bounding Вариант коробки в панель параметров:

Это создаст ограничивающую рамку вокруг нашей формы:

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

Щелкните с выделением пути Инструмент где-нибудь за пределами наших фигур, чтобы снять выделение все пути.
На этот раз щелкните по внутреннему пути в окне документа. чтобы выбрать его, и в результате ограничивающая рамка будет появляются снова.
Нажмите на одну из угловых точек и удерживайте мышь. ключ. Убедитесь, что вы не двигаете мышью! Удерживать нажмите клавишу Alt (клавиша Option на Mac) и клавишу Shift и переместите этот конкретный угол внутрь или наружу.Когда закончите, отпустите кнопку мыши и все клавиши. и нажмите клавишу ввода.

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

Примечание: если бы мы выбрали Alt + Shift перед нажатием в угловой точке, мы создали новый путь и это не то, что мы хотим, поэтому убедитесь, что вы выбрали сначала установите угловую точку и удерживайте нажатой клавишу мыши, а затем одновременно нажмите клавиши Alt и Shift!

Вернуться в панель параметров и снимите флажок Показать Опция Bounding Box, потому что она нам не нужна больше, и это только отвлекает (визуально).

Давайте добавим этому кольцу несколько стилей. Нажмите на Добавить кнопка стиля слоя в палитру слоев и добавьте следующие стили:

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

Дважды щелкните значок Fill Layer. в этом новом слое, чтобы изменить его цвет на обычный красный:

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

Сейчас мы собираемся творить магию.Убедитесь, что верх слой выбран (тот, что с красным кольцом) и Ctrl + щелкните (Command + щелкните на Mac) на синем Значок «Заливка слоя» нижележащего слоя в слоях палитра.

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

Результат будет выглядеть немного странно, но мы исправим это путем инвертирования маски; нажмите Ctrl + i (команда + i на Mac):

Теперь нам нужно исправить нижнюю часть, где оба кольца пересекаются.Красное кольцо должно переходить синее кольцо в этой конкретной области. Маска все еще должна будьте активны (важны), если вы ничего не нажимали еще .
Сначала нажмите D, чтобы изменить цвет переднего плана на белый:

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

Нам предстоит решить еще одну проблему.смотреть на эта область нашего изображения:

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

Вы также заметите, что что-то не так с тени, когда вы смотрите на B и C.

Есть очень простой способ решить все это. С верхний слой все еще активен, дважды щелкните слово Эффекты в палитра слоев, чтобы открыть стили слоя:

Теперь дважды щелкните область с надписью Blending. Параметры:

Теперь выберите опцию Layer Mask. Скрывает эффекты и нажимает ОК:

Примечание. Я использую Photoshop CS и знаю, что там — это более ранние версии Photoshop, в которых нет этой опции.Есть и другие способы сделать это, и, возможно, один из них дней напишу об этом.

Итак, каков результат этого слоя Параметр «Маска скрывает эффекты»?

Как всегда; повеселись!

Для получения дополнительной помощи с Photoshop ознакомьтесь с нашим разделом.

Как создать круг, квадрат и треугольник в Adobe Photoshop

Обновлено: 31.08.2020, Computer Hope

Создание круга, квадрата или треугольника в Adobe Photoshop — довольно простой процесс.Однако создание каждого из них состоит из нескольких этапов, таких как выбор, хотите ли вы, чтобы форма была заполнена или очерчена. Следуйте инструкциям ниже, чтобы создать и отредактировать каждую форму.

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

Как сделать круг в Photoshop

1. Открыть Photoshop .
2. Щелкните Файл , Новый , а затем выберите нужный размер холста.
3. Щелкните левой кнопкой мыши и удерживайте инструмент Rectangular Marquee Tool , пока не появятся другие параметры, затем отпустите палец.
4. Выберите инструмент Elliptical Marquee Tool .

5. На холсте, удерживая нажатой клавишу Shift , щелкните левой кнопкой мыши и перетащите круг до нужного размера. Удерживая нажатой Shift, в этом случае сохраняет круглую форму.Если не зажать Shift , получится овальная форма.
6. Получив контур круга с помощью инструмента Elliptical Marquee , залейте его или используйте обводку, чтобы очертить круг.
   1. Параметр Заливка закрашивает круг выбранным вами цветом. В этом примере мы используем синий цвет.
      1. Щелкните Изменить , затем выберите Заливка … .
         
      2. В поле «Заливка» выберите Содержание , то есть цвет.
         
      3. Нажмите ОК .

   2. Элемент Stroke создает линию вокруг круга, очерчивая форму, а не заполняя круг. В этом примере мы обведем его синим цветом.
      1. Щелкните Edit , затем выберите Stroke .
         
      2. Измените ширину . Это определяет, насколько толстым будет выглядеть контур. В этом примере мы выбрали 4 пикселя.
      3. Выберите нужный цвет, установив флажок рядом с полем Цвет .
      4. Нажмите ОК .
         

Как сделать квадрат в Photoshop

1. Открыть Photoshop .
2. Щелкните Файл , Новый , а затем выберите нужный размер холста.
3. Щелкните Инструмент прямоугольной области .

4. На холсте, удерживая нажатой клавишу Shift , щелкните левой кнопкой мыши и перетащите квадрат до нужного размера.Удерживая нажатой Shift, в этом случае сохраняет квадратную форму. Если не зажать Shift , то получится прямоугольная форма.
5. Когда у вас есть контур квадрата с помощью инструмента Rectangular Marquee tool , залейте его или используйте Stroke .
   1. Параметр Заливка окрашивает внутреннюю часть квадрата. В этом примере мы используем синий цвет.
      1. Щелкните Edit , затем выберите Fill .
         
      2. В поле «Заливка» выберите Содержание — цвет.
      3. Нажмите ОК .
         

   2. Обводка очерчивает квадрат. В этом примере мы обведем его синим цветом.
      1. Щелкните Edit , затем выберите Stroke .
         
      2. Измените ширину . Это определяет, насколько толстым будет выглядеть контур. В этом примере мы использовали 4 пикселя.
      3. Выберите нужный цвет, установив флажок рядом с полем Цвет .
      4. Щелкните Ok .
         

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

1. Открыть Photoshop .
2. Щелкните Файл , Новый , а затем выберите нужный размер холста.
3. Щелкните и удерживайте инструмент Форма . Выберите инструмент Многоугольник .

4. В верхней части экрана измените Стороны на 3 .

Прежде чем продолжить, решите, хотите ли вы, чтобы треугольник закрасился или обведен контуром. Шаг 5A ниже предназначен для закрашенного треугольника, а шаги 5B и 5C ниже — для обведенного треугольника.

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

   2. Для обведенного треугольника необходимо убедиться, что контур имеет желаемый цвет, щелкнув поле рядом с Обводка и выбрав цвет.
   3. Измените ширину контура, выбрав, сколько пикселей вы хотите, чтобы линия была.В этом примере мы использовали 4 пикселя.
      

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

Planet Ring Это руководство основано на Photoshop 7 Учебное пособие по

Planet Ring Tutorial
Этот урок основан на Photoshop 7.
Планета кольца в 8 шагов.

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

2. Затем вы применяете фильтр -> искажать -> вертеть. Вы устанавливаете максимальную скорость вращения — 999.Применить это примерно 3 раза и у вас будет примерно так.

3. Тогда вы выберите инструмент «Ластик» и выберите мягкую круглую кисть подходящего размера. (в зависимости от размера изображения). Теперь вы начинаете стирать внешние края и немного внутри, чтобы у вас получились такие красивые кольца.

4. Теперь вы сделаете это больше похоже на настоящие кольца.Зайдите в Edit -> Transform -> Scale и сделайте он настолько плоский, насколько вы хотите.

5. Теперь перейдите к фильтр -> шум -> добавить шум и установить его на 15% по гауссу. как только ты это сделал будет много цветных точек, чтобы сделать их белыми, нажмите ctrl + u и установите насыщенность на -100 вот так.

6. Теперь вы измените уровни, нажав ctrl + l, переместите центральный треугольник вправо пока это не выглядит так.

7. Почти готово 🙂 теперь вы снова нажимаете ctrl + u, чтобы изменить цвет. Отметьте цвет и измените настройки, пока у вас не будет цвета по вашему выбору.

8. Еще кое-что остается, установите слой на экран, чтобы черные части стали невидимыми. Теперь ваши кольца готовы, и вы можете объединить их с такой планетой.

Лучший способ создать олимпийское кольцо в Photoshop

Сегодня мы рассмотрим, как создать олимпийское кольцо в Photoshop Cc 2019.Чтобы проиллюстрировать олимпийское кольцо в Photoshop, я собираюсь сосредоточиться на линейке вида, новом выделении и вычитании из выделения, дублировании слоя, переименовании слоя, выделении слоя и инструменте «Заливка».

Есть много других способов проиллюстрировать Олимпийское кольцо в Photoshop, но это даст вам хорошее введение и базовое понимание того, как его использовать.

Откройте Photoshop

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

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

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

Настройка документа,

1. Ширина: 7 дюймов
2. Высота: 5 дюймов
3. Разрешение: 300
4. Цветовой режим: CMYK
5. Бит: 8 бит
6. Нажмите «Создать»
7. Новый бланк 5 дюймов на 7- документ откроется

Синее кольцо

Линейка и направляющая линия,

1. Перейти в меню просмотра нажмите на линейку (Ctrl + R) , если линейка не активна
2. Нажмите на линейку вверху со значком переместите инструмент и перетащите его в свой документ, как показано на рисунке ниже (появляется голубая горизонтальная линия / направляющая линия)
   
3. Нажмите на линейку слева с помощью инструмента перемещения и перетащите его (появляется голубая вертикальная линия / направляющая линия) )

Create Circle,

1. Выберите инструмент Elliptical Marquee на панели инструментов,
2. Щелкните точку пересечения направляющей и удерживайте ее,
3. Нажмите клавиши Shift и Alt в форме клавиатуры и потяните вниз к нижнему правому углу
9 0177 Сначала отпустите курсор мыши, затем отпустите клавиши Shift и Alt на клавиатуре
4. Выберите вычитание из выбора на панели управления / панели параметров
5. Снова щелкните точку пересечения направляющей и удерживайте ее,
6. Нажмите клавиши Shift и Alt сформируйте клавиатуру и перетащите ее ближе к возрасту первого круга.
   
7. Сначала отпустите курсор мыши, затем отпустите клавиши SHIFT и ALT на клавиатуре

Выберите требуемый цвет,

1. щелкните установить цвет переднего плана, чтобы выбрать требуемый цвет (синий)
2. Поле выбора цвета (цвет переднего плана) появляется
3. Выберите палитру цветов для синего цвета, или вы можете разместить значение RGB / CMYK / Hex
   1. R = 0
   2. G = 60;
   3. B = 255;
4. Или
   1. C = 85;
   2. M = 72;
   3. Y = 0;
   4. К = 0;
5. Или
   1. # 003cff
   2. Вы можете изменить значение в соответствии с вашими требованиями
   3. Выбранный цвет появится в новой области
6. Нажмите OK
7. Выбранный цвет появится в области цвета переднего плана

Показать или скрыть панель слоев

1. Нажмите F7 на клавиатуре, чтобы показать или скрыть панель слоев
2. Или
3. Перейдите в меню Window и щелкните слой , чтобы показать или скрыть панель слоев
4. Панель слоев появится группа, включающая панель «Каналы» и панель «Путь».

Создать новый слой

1. Нажмите Ctrl + Shift + N с клавиатуры, чтобы создать новый слой
2. Или
3. Перейдите в меню «Слой»,
4. Нажмите на новый и
5. Выбрать слой
6. Появится диалоговое окно «Новый слой»
7. Нажмите «ОК»
8. или
9. Нажмите значок «Новый слой» на панели слоев 9 0180
10. Новый пустой слой появится на панели «Слой» с именем Layer 1

Цвет заливки,

1. Нажмите Alt + Backspace , чтобы залить синим цветом (цвет переднего плана) выделенную область
2. Нажмите Ctrl + D , чтобы отменить выбор выделенной области,

Переименовать слой 1

1. Дважды щелкните Layer 1 на панели слоев
2. Слой 1 на панели слоев выделен синим цветом, где вы можете ввести необходимое имя слоя
3. Type Blue (соответствующий название цвета кольца)

Black Ring

Duplicate Layer blue,

1. Нажмите CTRL + J с клавиатуры, чтобы Дублировать синий слой
2. Убедитесь, что выбран требуемый слой (синий), если у вас его нет для выбора синего слоя на панели слоев
3. Синяя копия слой появляется на панели слоев

Переместить дубликат синего слоя,

1. Выбрать 9002 0 Переместите инструмент с панели инструментов
2. Убедитесь, что синяя копия выбрана на панели слоев
3. Установите флажок перед автовыбором: на панели управления и
4. Убедитесь, что слой выбран в раскрывающемся списке на панели управления
5. Щелкните синее кольцо (на монтажной области) и перетащите его вправо (вы можете нажать кнопку SHIFT, чтобы переместить кольцо прямо)

Измените цвет кольца на черный,

1. Выберите инструмент Paint Bucket Tool из Группа инструментов «Градиент» на панели инструментов
2. Нажмите «D» на клавиатуре, чтобы изменить цвет переднего плана на черный, а цвет фона — на белый
3. Щелкните синюю область второго круга с помощью инструмента Paint Bucket , чтобы заполнить черный цвет
4. Убедитесь, что синий Копирующий слой выбран на панели «Слой», если не Нажмите на Синяя копия на панели слоев, чтобы выбрать его перед использованием инструмента «Ведро с краской».
5. rns в черный круг

Переименовать слой в черный,

1. Дважды щелкните Blue Copy на панели слоев
2. Blue Copy из панели Layer выделен синим цветом, где вы можете ввести необходимое имя слоя
3. Type Черный (соответствующее название цвета кольца)

Красное кольцо

Дублировать черный слой

1. Выберите требуемый слой (черный), щелкнув на панели слоев
2. Нажмите CTRL + J на клавиатуре, чтобы дублировать черный слой
3. Слой черная копия Слой отображается на панели слоев

Переместить дубликат черного слоя

1. Выберите инструмент Перемещение на панели инструментов
2. Убедитесь, что на панели слоев выбрана черная копия
3. Убедитесь, что флажок установлен перед Авто -Выберите: на панели управления и
4. . Убедитесь, что слой выбран в раскрывающемся списке на панели управления. d) и перетащите его вправо (вы можете нажать кнопку SHIFT, чтобы переместить кольцо прямо)
5. Три круга Синий, черный и еще один черный круг, видимые на документе

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

1. Выбрать ведро с краской Инструмент из группы инструментов «Градиент» на панели инструментов
2. Нажмите «Установить цвет переднего плана», чтобы выбрать требуемый цвет (красный)
3. Появится окно «Палитра цветов» (Цвет переднего плана)
4. Выберите палитру цветов для формы синего цвета, или вы можете разместить RGB / CMYK / Шестнадцатеричное значение
   1. R = 255;
   2. G = 0;
   3. B = 0;
5. Или
   1. C = 0;
   2. M = 99;
   3. Y = 100;
   4. К = 0;
6. Или
   1. # ff0000
   2. Вы можете изменить значение в соответствии с вашими требованиями
7. Выбранный цвет появится в новой области
8. Нажмите OK
9. Цвет переднего плана изменится на красный
10. Нажмите Черная копия с панели слоев, чтобы выбрать его (если не выбрана)
11. Нажмите на черную область третьего круга с помощью инструмента Paint bucket
12. И он превратится в красный круг

Переименовать слой в красный

1. Дважды щелкните Black Copy на панели слоев
2. Black Copy из панели Layer выделен синим цветом, где вы можете ввести необходимое имя слоя
   
3. Type Red (соответствующее название цвета кольца)
   

Yellow Ring

Дублировать слой черный,

1. Выберите любой слой (черный), щелкнув панель слоев
   
2. Нажмите CTRL + J на ​​клавиатуре, чтобы дублировать слой r черный
3. Слой появляется черная копия на панели слоев
   

Перемещение дубликата Черный слой копии

1. Выберите инструмент «Перемещение» на панели инструментов
2. Убедитесь, что на панели слоев выбрана черная копия
3. Убедитесь, что установлен флажок перед автоматическим выбором: на панели управления и
4. Убедитесь, что слой выбран в раскрывающемся списке на панели управления
5. Нажмите на черное кольцо (удерживайте его)
   
6. Перетащите его в необходимое место, как показано ниже
7. Четыре круга Синий , Черный, Красный и еще один черный кружок, видимый на документе
   

Измените цвет кольца на желтый

1. Выберите инструмент Paint Bucket Tool из группы инструментов Gradient Tool на панели инструментов
   
2. Нажмите на установить цвет переднего плана, чтобы выбрать требуемый цвет ( Желтый)
   
3. Появится окно «Палитра цветов (Цвет переднего плана)»
4. Выберите палитру цветов в форме желтого цвета, или вы можете разместить значение RGB / CMYK / Hex
5. R = 255;
6. G = 242;
7. B = 0;
8. или
9. C = 0;
10. M = 0;
11. Y = 100;
12. К = 0;
13. Или
14. # fff200
15. Вы можете изменить значение в соответствии с вашими требованиями
16. Выбранный цвет появится в новой области
    
17. Нажмите OK
18. Цвет переднего плана изменится на желтый
    
19. Нажмите Черный скопируйте с панели слоев, чтобы выделить его (если не выбрано)
20. Щелкните черную область четвертого круга с помощью инструмента «Заливка»
21. И он превратится в желтый круг
    

Переименовать слой в желтый,

1. Дважды щелкните на Черная копия на панели слоев
2. Черная копия с панели слоя выделена синим цветом, где вы можете ввести необходимое имя слоя
   
3. Тип Желтый (соответствующее название цвета кольца)

Зеленое кольцо

Дублировать слой Желтый,

1. Выберите желтый слой, щелкнув по панели слоев (если не выбран)
   
2. Нажмите CTRL + J на ​​клавиатуре, чтобы дублировать желтый La yer
3. Layer Yellow copy Слой появляется на панели слоев
   

Move Yellow копировальное кольцо

1. Выберите инструмент «Перемещение» на панели инструментов
2. Убедитесь, что желтая копия выбрана на панели слоев
3. Убедитесь, что флажок установлен перед Auto- Выберите: на панели управления и
4. Убедитесь, что слой выбран в раскрывающемся списке на панели управления
5. Щелкните желтое кольцо (удерживайте его) и перетащите его в нужное место (правая сторона)
   
6. Пять кругов Синий, Черный, Красный , Желтый и еще один желтый кружок, видимый на документе

Изменить цвет кольца

1. Выбрать инструмент «Заливка» из группы инструментов «Градиент» на панели инструментов
2. Нажмите на кнопку «Установить цвет переднего плана», чтобы выбрать требуемый цвет (зеленый)
3. Палитра цветов Появится окно (Цвет переднего плана)
4. Выберите палитру цветов в форме «Зеленый», или вы можете разместить значение RGB / CMYK / Hex
5. R = 0;
6. G = 255;
7. B = 00;
8. или
9. C = 63;
10. M = 0;
11. Y = 100;
12. К = 0;
13. Или
14. # 00ff00
15. Вы можете изменить значение в соответствии с вашими требованиями
16. Выбранный цвет появится в новой области
    
17. Нажмите OK
18. Цвет переднего плана изменится на зеленый цвет
    
19. Нажмите Желтая копия с панели слоев, чтобы выделить ее (если не выбрана)
20. Щелкните желтую область пятого круга с помощью инструмента «Ведро с краской»
21. И он превратится в зеленый круг
    

Переименовать слой «Желтая копия»,

1. Двойная щелкните желтую копию на панели слоев
2. Желтая копия с панели слоев выделена синим цветом, где вы можете ввести необходимое имя слоя
3. Type Green (соответствующее название цвета кольца)
   

Chain Effect

Создайте эффект цепочки на сине-желтом кольце

1. Нажмите CTRL на клавиатуре и щелкните значок синего круга внутри эскиза на панели слоев
   
2. Щелкните желтый, чтобы выбрать желтый слой на панели слоев
   
3. Выберите инструмент «Ластик» на панели инструментов. Вы можете настроить размер ластика, нажав клавишу [,] (большая скобка) на клавиатуре ([= Уменьшить размер кисти ,] = Увеличить размер кисти)
   
4. Щелкните желтую область, чтобы стереть ее, щелкните несколько раз, пока она не исчезнет
   
5. Нажмите Ctrl + D, чтобы отменить выделение синей области,

Создайте эффект цепочки на желтом и черном кольцо

1. Нажмите CTRL на клавиатуре и щелкните значок черного круга внутри эскиза на панели слоев
   
2. Щелкните желтый, чтобы выбрать желтый слой на панели слоев
   
3. Выберите инструмент «Ластик» на панели инструментов,
4. Щелкните желтую область чтобы стереть его, щелкните несколько раз, пока он не исчезнет.
   
5. Нажмите Ctrl + D, чтобы снять выделение с черной области,

Создать эффект цепочки на черном и зеленом кольце

1. Нажмите CTRL на клавиатуре d и щелкните значок черного круга внутри эскиза
   
2. Щелкните зеленый, чтобы выбрать зеленый слой на панели слоев
   
3. Выберите инструмент «Ластик» на панели инструментов,
4. Щелкните зеленую область, чтобы стереть его, щелкните несколько раз, пока он не исчезнет
   
5. Нажмите Ctrl + D, чтобы снять выделение с синей области,

Создайте эффект цепочки на зеленом и красном кольце

1. Нажмите CTRL на клавиатуре и щелкните значок зеленого круга внутри эскиза
   
2. Щелкните красный, чтобы выбрать красный слой, на панели слоев
   
3. Выберите инструмент «Ластик» на панели инструментов,
4. Щелкните красную область, чтобы стереть ее, щелкните несколько раз, пока она не исчезнет
5. Нажмите Ctrl + D, чтобы снять выделение красной области,

Чтобы сохранить файл,

• Перейдите в меню файла и нажмите «Сохранить»
• Сохранить как Появится диалоговое окно
• Введите необходимое имя файла (Олимпийское кольцо) и укажите место для сохранения файла
• Сохранение в формате Photoshop (*.psd) сохранит слои, текст и другие редактируемые свойства Photoshop. Лучше всего сохранить изображение в формате PSD, пока вы еще работаете над ним.
• При сохранении в формате JPEG (* .jpg) или PNG (* .png) будет сохранен как стандартный файл изображения, который можно совместно использовать, открывать другими программами и размещать в Интернете. Когда вы закончите редактирование, сохраните копию в одном из этих форматов.
• Нажмите «Сохранить»
• Нажмите «ОК»

Заключение

Я надеюсь, что эта статья поможет вам легко узнать об использовании выделения , Пересечения с выделением и Цвета заливки .Используя эти параметры, вы можете не только создать Olympic Ring , но и использовать его во многих своих творениях.

Кроме того, у вас может быть много новых экспериментов с этой идеей, поскольку вы также знакомы со слоем Rename , New Layer. Здесь вы также получили знания по созданию 3D-вида, который сделает ваш дизайн более привлекательным и эффективным .

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

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

Меня зовут Манжеш Кумар Махарджан, я занимаюсь дизайном почти десять лет. В настоящее время я являюсь графическим дизайнером в Nepal Samacharpatra с 2017 года. До этого я работал в Print Communication, я проработал 4 года макетным дизайнером. До этого я работал в ECS Media, 4 года проработал дизайнером верстки.Мне нравится дизайн, и я страстно увлекаюсь фотографией.

Нарисуйте иконку вкусного мороженого в Photoshop

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

Это руководство по Photoshop написано специально для PSD Vault индонезийским графическим дизайнером Мохаммадом Джепри.

PSD-файл этого руководства доступен для покупки в PSD Vault Shop всего за 2 доллара США.95, или через VIP-зону для членов PSD Vault.

Это учебник по Photoshop от среднего до продвинутого уровня.

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

VIP-членство в PSD Vault

Вы можете загрузить PSD-файл для этого руководства через VIP-зону всего за 6,95 долларов США в месяц (или меньше)! Вы получите не только этот PSD-файл, но и более 100 других PSD-файлов + Дополнительные полезности + Эксклюзивные руководства по Photoshop. Зарегистрируйтесь сейчас и получите эксклюзив 🙂 Узнайте больше о зонах для VIP-членов

Шаг 1. Подготовка холста

Начнем с создания нового файла размером 400 пикселей × 300 пикселей.

Шаг 2

Щелкните значок Добавить корректирующий слой и выберите «Сплошной цвет».

Photoshop попросит вас выбрать цвет. Выберите голубой цвет. Это будет фон файла.

Шаг 3

На панели «Слои» дважды щелкните имя слоя, чтобы изменить его имя на фон . Эта простая привычка поможет вам организовать слои.

Фон по умолчанию внизу панели «Слои» больше не нужен.Мы можем удалить его, перетащив на значок Удалить . Таким образом можно сэкономить несколько килобайт на размере файла.

Шаг 4: Рисование чашки

Теперь приступим к рисованию чашки. Нарисуйте прямоугольную форму с помощью инструмента Rectangle Tool , выбрав Shape на панели параметров . Для его Color выберите белый. Выберите Нет для Stroke .

Шаг 5

Преобразуем его форму. Нажмите Ctrl + T , чтобы применить Free Transform .Щелкните правой кнопкой мыши и выберите «Перспектива».

Шаг 6

Вытяните верхний угол прямоугольной формы наружу.

Нажмите Введите , чтобы подтвердить преобразование.

Шаг 7

Активируйте инструмент Ellipse Tool , а затем Удерживая нажатой клавишу Shift, перетащите , чтобы добавить эллипс в нижней части прямоугольника.

Шаг 8

Дважды щелкните фигуру и затем добавьте Gradient Overlay. Для его градиента установите его на Linear от белого до светло-голубого с Blend Mode: Multiply .

Шаг 9

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

Шаг 10

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

Шаг 11

Выделите всю форму, используя инструмент Move Tool . Нажмите Ctrl + T , чтобы выполнить Free Transform .Щелкните правой кнопкой мыши и выберите Perspective .

Шаг 12

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

Шаг 13

Нажмите Ctrl + Alt + G , чтобы преобразовать слой в обтравочную маску . Все прямоугольники войдут внутрь чашки и станут ее полосками.

Шаг 14

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

Шаг 15

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

Шаг 16

Чтобы превратить его в трехмерный объект, нам нужно добавить освещение и тень.Выберите большую форму эллипса, которую мы создали на предыдущем шаге, используя инструмент Path Selection Tool . Продублируйте путь, нажав Ctrl + C , а затем дважды Ctrl + V . Теперь у нас есть два пути. Переместите последний путь вверх, а затем установите для него режим пути Вычесть переднюю форму . Теперь у нас должно получиться два перекрывающихся эллипса.

Шаг 17

Выберите оба пути, а затем нажмите Ctrl + Enter , чтобы преобразовать его в выделение. У нас должно получиться выделение в форме полумесяца.Создайте новый слой и преобразуйте его в обтравочную маску. Таким образом, каждый блик, который мы добавляем, попадет в верхнюю часть чашки. Щелкните Правка> Заливка . В диалоговом окне выберите Использовать: Цвет . Появится диалоговое окно с запросом ввода цвета. Используйте синий. Нажмите ОК, чтобы начать заливку выделенной области синим цветом.

Шаг 18

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

Шаг 19

Преобразовать в выделение.Продолжая использовать тот же слой, залейте его более тёмно-синим цветом.

Шаг 20

Удерживая нажатой клавишу Ctrl, щелкните первую форму кольца, которую мы создали ранее. Нажмите Ctrl + Enter , чтобы преобразовать его в выделение. Нажмите Выбрать> Изменить> Контракт . Установить Contract By: 2 пикселя . Выделение сократится на 2 пикселя, что сделает его меньше.

Шаг 21

Создайте новый слой и залейте выделение белым цветом.

Шаг 22

Удалите выделение ( Ctrl + D ) и затем примените фильтр Gaussiang Blur ( Filter> Blur> Gaussian Blur ).

Шаг 23

Убедитесь, что слой находится выше верхней части слоя чашки. Преобразуйте его в обтравочную маску ( Ctrl + Alt + G ).

Шаг 24

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

Шаг 25

Добавьте новый слой и поместите его под верхнюю часть чашки.Нарисуйте тень и свет с помощью инструмента Brush Tool , пока не получите реалистичное освещение на поверхности чашки. Поэкспериментируйте с Opacity из Brush Tool , чтобы получить нужный результат.

Итак, вот что у нас есть. Мы нарисовали чашку. Следующая наша работа — рисование мороженого.

Шаг 26: Рисование мороженого

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

Шаг 27

Активируйте инструмент Pen Tool и выберите Shape на панели опций . В опции Fill выберите розовый цвет для клубничного вкуса. Вы можете выбрать свой цвет. Щелкните и перетащите, чтобы нарисовать форму кривой.

Шаг 28

Дважды щелкните слой и затем добавьте следующие стили слоя. Inner Glow с белым цветом и Blend Mode: Экран и Gradient Overlay от белого к черному с Blend Mode: Overlay .

Вот результат, который у нас есть.

Шаг 29

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

Шаг 30

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

Шаг 31

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

Шаг 32

У нас было достаточно изогнутых кривых, чтобы их можно было использовать в качестве мороженого. Теперь мы хотим сделать его более реалистичным, добавив тени и блики. Выберите форму первого слоя и добавьте поверх нее новый слой. Преобразуйте его в обтравочную маску ( Ctrl + Alt + G ).

Шаг 33

Активируйте инструмент Brush Tool с кистью небольшого размера. Чтобы изменить размер кисти, просто щелкните правой кнопкой мыши, чтобы открыть параметры размера кисти.

Шаг 34

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

Шаг 35

Продолжайте делать это.

Ниже вы можете сравнить разницу до и добавить освещение и тень с помощью инструмента Brush Tool . Вы можете сделать эффект тонким, снизив непрозрачность до инструмента «Кисть » на панели параметров .

Шаг 36: Добавление тени

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

Шаг 37

Создайте новое выделение в форме эллипса с помощью инструмента Ellipse Marquee Tool . Выбор должен быть размером с основание чашки.

Шаг 38

Создайте новый слой. Нажмите Правка> Заливка , а затем залейте выделение темно-синим цветом. Выбираем темно-синий, потому что сама чашка синего цвета. Вы можете выбрать другой цвет в зависимости от цвета вашей чашки.Снимите выделение с помощью сочетания клавиш Ctrl + D . Нажмите Filter> Blur> Gaussian Blur , чтобы смягчить тень.

Шаг 39

Активируйте инструмент Move Tool и затем дважды нажмите Right Arrow , чтобы переместить тень на два пикселя вправо.

Шаг 40

Нажмите Ctrl + J , чтобы дублировать тень. Преобразуйте его форму, нажмите Ctrl + T . Сделайте его шире.

Шаг 41

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

Шаг 42: Добавьте тень и свет

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

Разница очень тонкая, как вы можете видеть ниже.

Шаг 43

Для добавления тени закрасьте черным. Как и в предыдущем шаге, используйте Brush Tool с низкой непрозрачностью .

Шаг 44

Чтобы сделать его реалистичным, мы также хотим добавить немного несовершенства на поверхность. Активируйте кисть с более высокой непрозрачностью и очень низкой Размер кисти , например 1 пиксель или 2 пикселя . Создайте новый слой и затем нарисуйте произвольно черные точки на поверхности мороженого.

Ниже вы можете увидеть тонкую разницу между шелком как гладким ледяным криком и более реалистичным мороженым.

Окончательный результат

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

Создайте круговой спирограф в Adobe Illustrator

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

Переулок памяти на короткое путешествие,

Люди, которые использовали Illustrator с первых дней, например, версии 3.0, помнят, что инструмент Blend также использовался для создания градиента. Вам нужно было «вручную» создать свой градиент: например, вы рисуете 2 линии, 1 для начала градиента и одну для конца, скажем, желтую линию 1 пиксель и красную линию 1 пиксель. Затем вы выбираете инструмент «Переход», щелкаете по точкам каждой линии, вводите количество шагов наложения и нажимаете «ОК», чтобы оранжевый градиент переходил от желтого к красному.Когда вы хотели применить этот градиент к форме, вам нужно было сделать это, замаскировав его на объекте. К счастью, в наши дни это все намного проще, и это также не займет много ресурсов процессора (что было тогда), но об этом хватит. Давайте начнем.

Круговое кольцо спирографа с использованием Blend Tool

Вот что мы будем делать: кольцо спирографа. Я использовал этот рисунок для дизайна этого вымышленного плаката. Я решил, что эта форма идеально подходит для дизайна плаката музыкального фестиваля, а вместе с некоторым типографским макетом она может дать интересные результаты.Чтобы завершить его и придать ему реалистичный вид, я опробовал некоторые текстуры Photoshop из этого пакета Poster Studio For Photoshop, который был включен в один из предложений пакета Design Cuts.

Я также опробовал вымышленный дизайн упаковки косметики с кольцом спирографа разных цветов. На плакате и на упаковке использован шрифт KIONA. Это было частью одного из этих удивительных типографских предложений набора (всего за 29 долларов) от Design Cuts, как и шаблон коробки, используемый для этого дизайна. Если вы хотите быть в курсе всего этого, подпишитесь на мою еженедельную рассылку новостей .

Давайте начнем

Начните с рисования круга размером 120 x 120 пикселей . Щелкните инструмент Эллипс, щелкните холст и введите значение 120 пикселей для ширины и высоты. Выберите прозрачный (квадрат с красной диагональной линией) в качестве заливки и фиолетовый цвет Swatch в качестве обводки. Задайте для обводки ширину , равную 4 pt .

Шаг 1. Нарисуйте круг

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

Шаг 2: Дублируйте круг

Снова продублируйте круг под вторым. Так же, как и раньше. Придайте этому кругу желтый цвет как Обводку (без заливки).

Шаг 3. Снова продублируйте круг

Выделите все 3 окружности и выберите опцию Horizontal Center Align на панели Align. Затем выберите Vertical Distribute Center option

Шаг 4: Совместите круги

Выберите инструмент Blend на панели инструментов и щелкните в центральной точке 3-го круга .

Шаг 5: Смешайте 3-й круг со 2-м кругом — Шаг 6: Создайте переход между 3-м и 2-м кругом

Затем щелкните в центральной точке 2-го круга .

Затем щелкните в центральной точке 1-го круга .

Шаг 7: Добавьте 1-й круг в переход — Шаг 8: Создайте переход между всеми 3 кругами

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

Выберите инструмент «Эллипс» и нарисуйте круг поменьше (шириной и высотой 85 пикселей) справа от перехода, как показано на изображении ниже. Придайте ему синюю Обводку размером 4 пт и без Заливки.

Шаг 9: Создайте меньший круг

Выберите переход и меньший круг и перейдите к Object> Blend> Replace Spine .

Шаг 10: Замените корешок смеси

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

Шаг 11: Завершите смешивание

Теперь вы можете приступить к редактированию результата наложения, отрегулировав шаги наложения. Выберите свой объект и дважды щелкните инструмент «Переход», чтобы открыть параметры перехода. Здесь вы можете настроить шаги наложения. Установите шаги на 25. Вы можете проверить опцию Предварительный просмотр, чтобы увидеть, что происходит.

Шаг 12: Создание каркаса результата

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

Шаг 13: Эксперимент

Еще вы можете изменить размер окружности позвоночника. Увеличение позвоночника приведет к меньшему зазору 1 , уменьшению его приведет к большему зазору 2 . Если вы сделаете его такого же размера, что и другие круги, разрыв исчезнет.

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

Я начал с рисования изогнутой линии с помощью инструмента Pen Tool , удерживая инструмент Shift при перетаскивании ручек, чтобы они были идеально вертикальными. Сначала я нарисовал только верхнюю часть самой правой (выбранной) синей линии. Другими словами, только верхняя и средняя точки привязки. Затем я копирую зеркально отразил этот сегмент вертикально вниз (используя инструмент Reflect Tool ).Таким образом, верхняя и нижняя части абсолютно равны. Затем я соединил обе части ( Object> Path> Join или Cmd / Ctrl + J ) и скопировал эту строку вперед ( Cmd / Ctrl + F ). Затем я изменил размер этой линии, перетащив маркеры изменения размера к центру. Я дал этому штриху ярко-красный цвет, и смешал обе линии ровно за 10 шагов . Затем я копирую зеркальное отражение этого смешанного объекта по горизонтали вправо и делаю самую правую линию желтой.

Здесь я экспериментировал с 4 кружками разного цвета, помещенными в каждый угол квадрата.Попробовав другой порядок шагов изгиба между 4 кругами, я получил эти 2 разных результата. Для этого смешивания я использовал опцию плавного смешивания (по умолчанию). Глядя на эти 2 примера и приведенный выше пример, а также на наш учебник, становится ясно, что с помощью этого инструмента вы можете бесконечно много делать. Просто попробуй. Может быть, у вас уже есть что-то, что вы хотите попробовать. Попробуйте и посмотрите, сработает ли он так, как ожидалось. Но также не бойтесь пробовать самые безумные вещи. Это, вероятно, приведет к тому, чего вы совершенно не ожидали, и это может даже выглядеть очень странно, но кого это волнует.Пока вам весело! 🙂

Создайте абстрактное золотое кольцо в Photoshop • Уроки Adobe Photoshop

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

Материалы к уроку:

Шаг 1. Создайте новый документ любого размера с черным фоном. Создайте новый слой и возьмите Elliptical Marquee Tool (Oval selection) (M) со следующими параметрами:

Удерживая нажатой клавишу SHIFT, нарисуйте круг, как показано ниже:

Right щелкните выделение и выберите Обводка (Обводка):

Обведите выделение со следующими параметрами: (белый цвет, ширина 2 пикселя)

Уменьшите Непрозрачность слоя (Непрозрачность) примерно до 40% и получаем следующий эффект:

Шаг 2. Теперь используйте кисти Smoke, чтобы добавить текстуру к кругу. Создайте новый слой и выберите одну из кистей набора, затем нарисуйте, как показано ниже: (перед работой уменьшите размер кисти)

Мы используем Edit — Transform — Warp (Editing — Преобразование — Деформация) для преобразования дыма по контуру круга:

Мягкий ластик (E) аккуратно удалите конец дыма, чтобы он плавно превратился в круг:

Дублировать (CTRL + J) слой дыма несколько раз и поместите каждую копию по кругу.
Совет: используйте Free Transform (Free Transform) (CTRL + T), чтобы повернуть каждый слой и скорректировать его форму.

Объедините все слои с дымом вместе (CTRL + E) и продублируйте (CTRL + J) получившийся слой несколько раз. Затем с помощью Free Transform (Free Transform) (CTRL + T) Преобразуйте дублированный слой, чтобы добавить больше эффекта:

Создайте новый слой и нарисуйте дым внутри круга, затем уменьшите непрозрачность Opacity (Opacity) слой до примерно 20%:

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

Отредактируйте маску корректирующего слоя Уровни:

Мы получаем следующий результат: (как видите, добавив корректирующий слой, мы увеличили глубину и контраст дыма)

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

Деформируйте этот слой с помощью Warp (Деформация) в форме круга:

Как вы Как видите, теперь у нас есть световое пятно:

Дублируйте (CTRL + J) этот слой несколько раз, чтобы усилить эффект:

Повторите этот процесс на противоположной стороне круга:

И получаем такой эффект:

Шаг 4. Теперь добавим эффект облаков по кругу. Для этого создайте новый слой и нарисуйте выделение с помощью Elliptical Marquee Tool (Овальное выделение) (M) (растушевка (затенение) 40 пикселей), внутри выделения мы создаем облака с помощью фильтра Filter — Визуализация — Облака (Фильтр — Визуализация — Облака):

Нажмите CTRL + L и примените эти параметры к слою облаков:

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

И мы получим следующий результат:

Шаг 5.