Как сделать круг в Фотошопе
В этой статье мы рассмотрим, основные инструменты и функции, которые необходимо знать, чтобы нарисовать ровный круг в Фотошопе. Поговорим и о том, как можно в Фотошопе сделать круг, контур круга и круг нужного диаметра.
Создаем новый файл: «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». В результате мы нарисовали прозрачный круг с красным контуром.
Вот так, используя один из описанных инструментов, Вы можете нарисовать эллипс или круг с заливкой или без заливки в Фотошопе.
Оценить статью: Загрузка… Поделиться новостью в соцсетях
Об авторе: Олег Каминский
Вебмастер. Высшее образование по специальности «Защита информации». Создатель портала comp-profi.com. Автор большинства статей и уроков компьютерной грамотности
Как нарисовать произвольную окружность или ровный круг в фотошопе
Произвольная окружность или ровный круг в фотошопе рисуются по тем же правилам, что и прямоугольник с квадратом соответственно. По большому счету использовать нужно те же самые группы инструментов, но с поправкой на форму фигуры.
Способ 1. Инструмент Эллипс
С помощью этого инструмента можно нарисовать векторную и растровую фигуру окружности или круга.
Начнем с векторной, то есть с такой фигуры, размеры которой можно изменять без потери качества. Для этого выберите инструмент Эллипс, и на панели параметров установите настройку Слой-фигура.
Теперь нарисуйте окружность или круг. Но сперва выберите основной цвет отличный от белого, а то не увидите, что в итоге нарисовали.
Как нарисовать ровный круг
По умолчанию, окружность рисуется произвольной, то есть вы рисуете ни что иное как овал с произвольными размерами. Для того, чтобы нарисовать ровный круг выберите один из вариантов:
- удерживайте зажатой клавишу Shift;
- на панели параметров инструмента выберите опцию
Еще раз обратите внимание на это окно с параметрами инструмента. Здесь же можно настроить возможность рисовать фигуру по заданным размерам или пропорциям. Укажите в поля ширины и высоты желаемые размеры/пропорции, а потом просто щелкните в любом месте документа — фотошоп сразу отобразит окружность с указанными значениями.
Итак, векторная окружность или круг появились. Это будет закрашенная сплошным цветом слой-фигура.
Теперь, чтобы можно было изменить размеры без потери качества, используйте команду Свободная трансформация Ctrl+T. Когда необходимость в векторной фигуре отпадет, вы можете растрировать ее, чтобы продолжить работу над фигурой силами всех возможностей фотошопа.
Растровая фигура делается точно также, но в самом начале нужно выбрать другую опцию на панели параметров — Выполнить заливку пикселов.
После этого окружность будет создана сразу как растровая. Не забудьте для нее создать свой отдельный слой.
Еще рекомендуется, там же на панели параметров, установить галочку Сглаживание, чтобы края фигуры были ровными и гладкими.
Способ 2. Обводка выделенной области — кольцо
Обратимся к другому инструменту фотошопа — Овальная область. План действий таков: создаем круглую выделенную область, а потом делаем обводку ее границ. В итоге получаем кольцо.
Итак, выберите инструмент Овальная область.
Нарисуйте окружность произвольной формы или ровный круг (с зажатой клавишей Shift). Так же на панели параметров инструмента можно указать для выделения заданные размеры или пропорции. Для этого из выпадающего списка Стиль выберите соответствующую опцию. После этого, поля ширины и высоты станут активными и туда можно будет ввести нужные цифры.
Допустим, получилось такая выделенная область:
Теперь нужно сделать обводку ее границ. Для этого выберите команду: Редактирование — Выполнить обводку.
Появится новое окно, в котором укажите ширину границы обводки, ее цвет. Также есть интересные настройки о том, как будет рассчитываться ширина обводки:
- Внутри — значит рамка ляжет по внутренней стороне выделенной области;
- По центру — значит рамка разделится поровну на часть проходящую внутри выделения и на часть со внешней стороны;
- Снаружи — значит рамка будет огибать пунктир выделения.
Имейте ввиду. что выбранный вариант повлияет на итоговые габариты окружности (на ее ширину и высоту).
Теперь, когда настройки введены, жмите ОК. Останется только убрать пунктир выделения — Ctrl+D.
Как нарисовать круг в фотошопе нужного диаметра с заливкой и без
Автор Дмитрий Костин На чтение 11 мин. Опубликовано
Всем привет. Сегодня мы поговорим о том, как нарисовать круг в фотошопе. нужного диаметра, с использованием заливки и без нее, а также научимся рисовать различные объекты посредством этой фигуры. Многие скажут, мол, зачем вообще посвящать этой теме отдельную статью, если для этого нужно всего пару движений. На самом деле вы и правы, и одновременно ошибаетесь, так как кроме обычного рисования существует множество других нюансов, начиная от подгонки под нужный диаметр, и заканчивая тем, как поместить две окружности внутри друг друга. Самое главное, что это очень важный элемент веб-дизайна. Поэтому присаживайтесь по удобнее. Поехали!
Рисуем круг
Для того, чтобы нарисовать окружность в фотошопе, нам прежде всего нужно найти элемент «Фигуры», который находится на панели инструментов. Именно там нам и предстоит выбрать ее из 6 элементов.
Далее, в свойствах вверху (прямо под меню) вы увидите три основных показателя прорисовки, а именно:
- Цвет заливки. Отвечает за то, какого цвета будет ваша окружность. Если поставить пункт «Нет заливки», то внутри будет пустота, то есть останется только контур.
- Цвет обводки. Если задать здесь какой-либо цвет, то мы увидим, что контур стал меняться.
Пока временно поставьте оба этих параметра в режиме отсутствия, выбрав иконку с белым квадратом, перечеркнутым красной линией. Это будет означать, что у нас не будет ни заливки, ни обводки, а только контур.
И вот теперь можем приступить к рисованию эллипса. Зажимаем правую кнопку мыши в любом месте холста и начинаем тянуть мышкой. Пока мы двигаем мышкой с зажатой клавишой, у нас будет рисоваться овал, который будет меняться в зависимости от ваших движений. Но когда вы отпустите кнопку, то фигура нарисуется.
Но если же вы захотите нарисовать точный круг в фотошопе, словно по циркулю, то вам предстоит то же самое, только с зажатой клавишей SHIFT. Это обеспечит сохранение пропорции фигуры.
Если вы хотите рисовать овал или окружность из центра, то делать это нужно с помощью зажатой клавиши ALT. Только перед использованием сначала зажмите левую кнопку мыши, чтобы обозначить, что началось рисование, а же только потом зажмите ALT и чертите полноценно из центра.
Чтобы двигать окружность еще до того, как вы отпустили кнопку мыши и применили ее (А это реально нужно часто), зажмите клавишу пробел во время начертания и просто двигайте мышкой.
Самое интересное, что все эти комбинации можно совмещать. Например, если вы хотите рисовать ровный круг из центра, то начните его чертить с зажатым SHIFT и ALT одновременно. А потом еще и можете зажать пробел и перенести куда-нибудь нашу фигуру.
Как нарисовать круг нужного диаметра
Чтобы нарисовать окружность определенного диаметра в фотошопе, нужно выбрать данную фигуру (Эллипс) и просто кликнуть один раз левой кнопкой мыши на холсте. После этого появится окошко, где вы можете задать размер по ширине и высоте в пикселях. Естественно, в случае с окружностью данные параметры должны быть одинаковыми.
В любой момент вы можете изменить эти заданные параметры, не прибегая к трансформации. Для этого в свойствах вверху просто измените значения по длине и ширине, как вы сами посчитаете нужным.
Свойства круга
Теперь, перейдем в сами свойства окружности или эллипса. Как и любые другие свойства инструментов, они находятся под главным меню. Только будьте уверены, что активирован именно нужный инструмент, так как для каждой фигуры свои свойства.
Первичные свойства
Выше мы уже убрали заливку и обводку с фигуры, чтобы удобнее рассмотреть контуры, а теперь давайте ими воспользуемся. Например я выберу красную заливку и синюю обводку. Для этого идем в свойства и меняем цвет в соответствующих пунктах.
Теперь рисуйте круг, как я показывал вам выше, и вы убедитесь, что они стали такого цвета, который мы и запланировали. Кстати, необязательно задавать эти параметры сразу. Цвета можно изменить в любой момент, снова зайдя в те же самые параметры и изменив цвет.
Следом идет свойство толщины обводки. Вам нужно решить, сделать ее толствой или тонкой. Но в любом случае сделать это можно посредством дергания ползунков, либо заданием размера вручную.
Например, если я увеличу размер обводки в 6 раз, то вот как она будет у меня смотреться.
И завершают наши первичные свойства параметры обводки, которые находятся рядом с толщиной. У нас есть несколько вариантов (сплошная, прерывистая и пунктирная линии), из которых вы можете выбрать параметры. Но на данном этапе я рекомендую оставить сплошную линию по умолчанию.
Также, эти самые свойства вы можете активировать в отдельной панели. Для этого перейдите в меню «Окно» — «Свойства».
Объединение и вычитание
Как и для любых других фигур в данном случае возможно совмещение разных фигур на одном слое. Обычно ведь каждая новая фигура рисуется на отдельном слое, но если выбрать пункт «Объединить фигуры», который находится в разделе «Операции с контурами» в панели свойств под меню, то все новые начертания будут делаться на одном слое.
Но нужно учесть, что теперь все фигуры, которые вы нарисовали на слое, автоматически становятся единым целым, и с помощью перемещения их уже не переместить раздельно. Но выход есть. В панели инструментов выберите «Выделение контура». Вот с помощью него вы и сможете двигать отдельные фигуры.
Но не менее чаще нужно вычитать частично фигуру, чтобы получить новую. Давайте на этом примере сделаем месяц.
- Нарисуйте желтый круг и следом за ним еще один внутри него. Только сделайте это в режиме объединения, как мы это делали чуть выше, чтобы они были на одном слое.
- Далее, снова идем в «Операции с контуром» и на сей раз выбираем пункт «Вычесть переднюю фигуру». Как видите, теперь, вместо второй фигуры у нас дырка. Но самое интересное, что мы ничего не удалили. Просто второй круг стал прозрачным. Такая фишка удобна тем, что этой областью можно управлять, двигать, увеличивать, уменьшать, а также удалить, если она не нужна.
- Теперь, берем инструмент «Выделение контура» (черный курсор) и тыкаем на прозрачную окружность внутри основного круга. При желании его можно увеличить при помощи знакомой комбинации горячих клавиш CTRL+T или задав параметры в свойствах. После этих манипуляций принимаем трансформирование и пододвигаем внутреннюю фигуру вправо или влево. Как видите, благодаря тому, что наш второй круг скрывает всё, что находится за ним, создается ощущение того, что перед нами месяц.
Я надеюсь, что вы поняли суть того, для чего нужно вычитание фигуры.
Как нарисовать круг в круге
На первый взгляд рисование двух кругов в одном — это простая задача. Но когда доходит до дела, пользователи сталкиваются с реальной проблемой. Давайте рассмотрим все это дело на практике и начертим небольшую мишень. И сделаем мы это двумя способами.
Способ номер 1. Копирование слоев
Давайте сразу нарисуем круг с красной заливкой и без обводки. и уже после этого скопируем этот слой три раза (пусть у нас будет четырехслойная мишень). Для этого встаньте на слой с нарисованным только что кругом и трижды нажмите комбинацию клавиш CTRL+J, чтобы дублировать его три раза.
Теперь, сделайте невидимыми первые два слоя. чтобы они нам пока не мешались. Для этого нажмите а глазики на миниатюрах. После этого встаньте второй слой снизу, который мы не скрыли от взора, а затем нажимаем комбинацию клавиш CTRL+T, чтобы активировать режим трансформирования. После этого тянем за уголок и уменьшаем окружность с зажатым SHIFT, чтобы сохранить пропорции. На выравнивание пока не обращайте особого внимания, мы потом все ото исправим.
Теперь, закрашиваем круг белым цветом. Для этого идем в свойства и выбираем заливку белым цветом. Должно получиться примерно так. Вы не думайте, это не дырка. Просто фон и заливка одинакового цвета, поэтому так и кажется.
Далее, делаем видимым второй слой сверху, после чего фигура снова закрасится красным цветом. Но так и должно быть. Главное, что теперь вам снова нужно уменьшить данный момент, причем еще мельче, чем тот, который мы уменьшали только что. То есть жмем CTRL+T, тянем за уголки и уменьшаем. После этого применяем трансформацию.
Ну и наконец, делаем видимум самый первый сверху слой, заливаем белым цветом через свойства и уменьшаем с помощью трансформации еще меньше. Таким образом у нас появилась небольшая мишень, правда какая-то кривая. Ее нужно выровнять, чтобы расстояния между звеньями были одинаковыми.
Сейчас я специально сделал между окружностями разное расстояние, чтобы показать вам, как сделать всё ровно буквально за одно-два нажатия. Для этого выделите все слои, участвовавшие в процессе, по очереди с помощью зажатой клавиши CTRL. Либо вы можете выделить все сразу, выделив лишь первый и последний слой с зажатым SHIFT. Все, что было между ними будет также автоматически выделено.
Теперь, обязательно выберите инструмент «Перемещение», иначе у вас ничего не выйдет. После этого в свойствах под меню вам нужно будет выбрать выравнивание центров по вертикали и по горизонтали.
После этого наш рисунок из кругов приобретет полноценный, симпатичный и точный вид. Всё ровно и стильно, прям хоть дротики кидай. Я надеюсь, что на данной примере вы поняли, как нарисовать в фотошопе круг в круге.
Способ 2. Вставка новой окружности
Кроме вышеуказанного способа можно воспользоваться простым добавлением. Я не буду долго размусоливать эту тему, так по идее все и так должно быть понятно.
По сути, мы рисуем круг, а затем рисуем еще один, но поменьше. После этого просто меняем цвет и выравниваем точно также, как мы это делали выше. Я думаю, что с этим проблем возникнуть не должно.
Обтравочная маска и рамка
Ну и напоследок мы воспользуемся одной классной фишкой, которая называется обтравочная маска. Благодаря ей мы сможем вставить любое изображение в наш круг. Причем нам ничего не нужно будет подтирать и удалять. Оно впишется туда по всей поверхности окружности частично, а мы еще и сможем двигать картинку внутри и редактировать ее.
- Для начала нарисуем круг и загрузим сразу изображение, которое туда нужно будет поместить.
- Теперь, встаем на слой с изображением (только обязательно убедитесь, что он находится над фигурой) и жмем на нем правой кнопкой мышки. После этого выбираем пункт «Создать обтравочную маску».
- Как видите, изображение скрылось где-то за пучиной невидимости, но часть его выглядывает в круге. Это работает по принципу окна в доме. Вы видите всё, что за окном, но не более того. Теперь, можете просто взять инструмент «Перемещение» и двигать изображение как захотите. Также можете его трансформировать и выполнять все другие известные действия.
Это очень классное решение, так как всё получается ровно и четко, а самое главное, не страдает сама картинка и мы можем перемещать ее внутри круга как захотим.
Ну а если захотим сделать круглую рамку в фотошопе по быстрому, то можно использовать два варианта:
- Задать обводку пожирнее в стилях слоя с фигурой, не забыв выбрать цвет, градиент или узор.
- Выбрать обводку в свойствах фигуры наверху, как мы это делали выше. Только толщину нужно будет задать побольше.
Более подробно о том как сделать круглое фото и рамку я написал в одной из своих предыдущих статей.
Ну а если вы хотите действительно отлично разбираться в фотошопе, то настоятельно рекомендую посмотреть вам этот замечательный видеокурс. Она настолько великолепно построен, что после его просмотра у вас просто не останется вопросов о том, как пользоваться этим графическим редактором. Все разложено по полочкам и буквально разжевано простым понятным человеческим зыком.
Ну а на этом я свою сегодняшнюю статью заканчиваю. Надеюсь, что вам понятно, как нарисовать круг в фотошопе нужного диаметра, с заливкой и обводкой. Если есть какие-то вопросы, то спрашивайте, не стесняйтесь. Ну а на этом у меня всё. Не забудьте подписаться на паблики в социальных сетях и на уведомления моего блога. До скорых встреч. Пока-пока!
С уважением, Дмитрий Костин
Как в фотошопе создать круг
Как сделать круг в Фотошопе
В этой статье мы рассмотрим, основные инструменты и функции, которые необходимо знать, чтобы нарисовать ровный круг в Фотошопе. Поговорим и о том, как можно в Фотошопе сделать круг, контур круга и круг нужного диаметра.
Создаем новый файл: «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». В результате мы нарисовали прозрачный круг с красным контуром.
Вот так, используя один из описанных инструментов, Вы можете нарисовать эллипс или круг с заливкой или без заливки в Фотошопе.
(Пока оценок нет) Загрузка…Как в фотошопе нарисовать круг: быстро и просто
Доброго времени суток, уважаемые читатели. Что-то давно я не писал уроки по фотошопу. Надо срочно исправляться. Сегодня поговорим об одной очень простой штуке, которая будет полезна как для создания современных лендингов или иных элементов для сайтов, так и просто для красивых картинок и открыток.
Сейчас вы узнаете как в фотошопе нарисовать круг. Это очень просто, быстро и интересно. Я также покажу вам несколько интересных вариантов для изготовления собственных современных материалов для сайта, постов для групп в социальных сетях или просто открыток, которые будет не стыдно послать друзьям.
Как нарисовать простые, ровные и красивые круги
Первым делом вам нужно открыть программу Photoshop. Не забывайте, что у вас есть возможность воспользоваться онлайн версией pixlr.com.
Не устаю говорить, что не стоит обращать внимание на простые (или другие) варианты типа Paint или еще какой-то глупости. Учитесь работать в профессиональных программах.
Сейчас прочитаете статью о решении одной задачи, завтра о другой и уже через год сможете выполнять очень здоровские проекты, даже если совсем не собирались этого делать. Ставьте перед собой глобальные цели. Но, вернемся к основной теме.
Создайте новый документ.
Допустим он будет в размере 500 х 500 пикселей. Это не важно.
Теперь находим в панели управления инструмент эллипс. Если не можете отыскать сразу, попробуйте несколько секунд удерживать зажатую клавишу мыши на кнопках меню слева. Возможно эллипс скрывается под прямоугольником.
Теперь рисуем окружность.
Чтобы круг получился ровный зажмите кнопку shift на клавиатуре. Она помогает сохранить пропорции.
После того, как вы закончите, у вас вылезет дополнительная панель управления. Она дублирует ту, что находится в верхней части экрана. Можете работать в любой, которая нравится больше, это не имеет значения.
Если необходимо нарисовать фигуру нужного диаметра меняем вот эти значения на необходимые параметры. Пусть будет 500. Смотрите, если у вас по какой-то непонятной причине меняется только один показатель, не забудьте поменять и второй, а то нарисуете эллипс.
Далее заливка.
Вы можете сделать фигуру без заливки, использовать градиент, узор или выбрать один цвет. Откройте дополнительные панели, чтобы расширить собственные возможности.
Далее идет контур. Опять же, если вам нужен определенный размер – впишите показатель в графу рядом.
Здесь также можно использовать разные приемы: градиент, узор, один цвет или без обводки.
Если хотите изменить саму линию, посмотрите на следующую графу.
Кстати, совсем забыл сказать, если вы используете градиент для заливки, то попробуйте радиальный эффект, чтобы цвет шел из центра.
Еще один интересный эффект
Можно рисовать круг прямо на картинке или переместить его в фотку при помощи кнопок ctrl+c (копировать) и ctrl+v (вставить).
Теперь поработайте с непрозрачностью (в панели слева). Смотрите, чтобы в панели подсвечивался именно тот слой, с которым вы работаете. В данном случае – эллипс.
В круге можно написать какой-то текст.
Если возникают трудности, то можете скачать psd макет этой картинки, которую вы видите на скриншоте выше, и поковыряться в нем. Так учиться интереснее. Разберитесь в моем примере самостоятельно. Это совсем не сложно. (СКАЧАТЬ >>)
Есть слои: фотография саванны (фон), есть круг с градиентом (эллипс 1) и текст. Если вы скачаете этот файл, открыть его можно и нужно при помощи photoshop, а дальше развлекайтесь как хотите.
Или вот еще одна картинка, которую вы можете скачать (СКАЧАТЬ >>).
Чтобы ее создать, помимо тех моментов, о которых вы уже знаете, на каждом слое я нажал правой кнопкой мыши и поменял параметры наложения.
Скачайте этот макет и посмотрите сами, возможно вы сможете значительно улучшить результат! Не стесняйтесь и оставляйте свои варианты в комментариях.
Для тех, кто хочет постигать
Если вам нравится фотошоп и мои уроки, то советую вам подписаться на рассылку моего блога и получать информацию о свежих интересных публикациях прямо себе на почту. Это действительно удобно.
Однако, согласитесь, чтобы научиться и стать профессионалом придется ждать немало. Ведь помимо фотошопа, я рассказываю о вордпрессе, о том как продавать и создавать сайты, о плагинах и ведении переговоров с заказчиками.
Если вам хочется выучиться фотошопу для того, чтобы создавать сайты, могу порекомендовать еще два варианта. Первый – уроки вот отсюда — «ВЕБ-ДИЗАЙН для начинающих». О них я уже подробно писал. В принципе, если захотите, то сможете многому научиться бесплатно, за три дня, которые предоставляются в качестве тестового периода. Очень полезно и здорово.
Однако, это круто в том случае, если вы учитесь для себя. Если же интересует заработок по-крупному, то обращайте внимание на Нетологию, а именно вот этот курс — «Веб-дизайнер: эффективный сайт от идеи до реализации»:
Да, цена, конечно, кусается.
Зато какая программа и какие преподаватели вас ждут.
Тут вам и директор Red Keds, и создатель интерфейсов из Лаборатории Касперского, и еще куча именитых и успешных ребят из компаний с мировым именем. По окончании вы получаете диплом. Этой действительно дорогого стоит.
Ну вот и все. Теперь вы знаете максимум и я могу со спокойной душой откланяться.
Успехов в работе!
Как нарисовать круг в Фотошопе
Круги в Фотошопе используются достаточно широко. Их применяют для создания элементов сайта, при создании презентаций, для обрезки фотографий на аватары.
В этом уроке я покажу, как сделать круг в Фотошопе.
Скачать последнюю версию PhotoshopКруг можно нарисовать двумя способами.
Первый – использовать инструмент «Овальная область».
Выбираем данный инструмент, зажимаем клавишу SHIFT и создаем выделение.
Основу для круга мы создали, теперь необходимо эту основу залить цветом.
Нажимаем сочетание клавиш SHIFT+F5. В открывшемся окне выбираем цвет и нажимаем ОК.
Снимаем выделение (CTRL+D) и круг готов.
Второй способ – использовать инструмент «Эллипс».
Снова зажимаем SHIFT и рисуем круг.
Для создания круга определенного размера достаточно прописать значения в соответствующие поля на верхней панели инструментов.
Затем кликаем по холсту и соглашаемся на создание эллипса.
Изменить цвет такого круга (быстро) можно, дважды кликнув по миниатюре слоя.
На этом все о кругах в Фотошопе. Учитесь, творите и удачи во всех Ваших начинаниях! Мы рады, что смогли помочь Вам в решении проблемы. Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТКак нарисовать круг в Photoshop
Вам понадобится
Инструкция
Создайте в графическом редакторе новый документ, открыв настройки командой New из меню File. Выберите цветовой режим RGB из списка Color Mode. В списке Background Contents выберите пункт White или Background Color. Сделайте основным цветом любой цвет, отличающийся от фонового. Это потребуется для того, чтобы нарисованный круг был виден.Самый очевидный способ нарисовать круг заключается в получении оттиска круглой кисти. Выберите инструмент Brush Tool, перейдите к палитре Brushes и откройте вкладку Brush Tip Shape. Если вы не можете обнаружить палитру кистей в окне графического редактора, разверните ее опцией Brushes из меню Window.
Выберите одну из круглых кистей и уберите галочки из чекбоксов, находящихся слева от названия вкладок палитры. На вкладке Brush Tip Shape настройте величину кисти, выставив нужный размер в пикселях при помощи регулятора Diameter. Если вам нужен круг с резкими краями, присвойте параметру Hardness максимальное значение. Чем меньше будет значение этого параметра, тем более растушеванные края будут у отпечатка кисти.
Поставьте указатель курсора на новый документ и кликните левой кнопкой мыши. Круг, диаметр которого равен диаметру настроенной кисти, готов.
Другой способ нарисовать круг заключается в создании круглого выделения и его заливке цветом. Для этого выберите Elliptical Marquee Tool в палитре инструментов, поставьте указатель курсора на открытый документ и начните рисовать эллиптическое выделение. В процессе создания выделения нажмите клавишу Shift и не отпускайте, пока не получите круг нужного диаметра.
Залейте круглое выделение любым цветом или текстурой, используя Paint Bucket Tool. Для того чтобы использовать текстуру для заливки круга, выберите пункт Pattern из списка в панели настроек инструмента Paint Bucket.
Еще один способ рисования круга в Photoshop заключается в использовании инструмента Ellipse Tool. Выберите этот инструмент из палитры инструментов и переведите его в режим Fill pixels, кликнув по кнопке в панели настроек, которая появится под главным меню после активизации Ellipse Tool.
Начните рисовать эллипс и нажмите на кнопку Shift. Создаваемая фигура превратится из эллипса в круг, заполненный цветом переднего плана.
Видео по теме
Источники:
- Нарисуйте свою печать в 2018
- как в фотошопе нарисовать круг в 2018
Photoshop не предназначен для создания 3D-графики. Тем не менее, в фотошопе есть много возможностей для создания иллюзии объемных фигур. Воспользуемся некоторыми из этих возможностей и нарисуем в фотошопе 3D-шар или детский мяч. Шаг 1. Создадим новый документ, 600px X 600px. Начнем с создания серого фона, я использую #8e8e8e. Добавим легкий градиент чтобы придать фону глубину, создавая иллюзию 3D-пространства. Создаем новый слой и, используя панель инструментов Adobe Photoshop Gradient tool (Градиент), выбираем Reflected Gradient (Зеркальный градиент). Настраиваем градиент следующим образом: цвет белый, прозрачность изменяем от 100 до 0. От предполагаемого центра изображения до края проводим курсором, затем идем в Layers (Палитру слоев) и устанавливаем непрозрачность примерно 25-35% на ваше усмотрение. Шаг 2. Создаем новый слой над первыми двумя, называем его «Красный фон». В этом слое, в центре изображения, создаем круг выбранного вами цвета (я использую #9f0000). Используем панель инструментов Adobe Photoshop Eliptical Marquee Tool (Овальная область) вместе с Shift чтобы выделить круглую область и заливаем выбранным цветом. Шаг 3. А теперь будем придавать фигуре объем — превращать круг в шар. Выделение красного круга не убираем. Создаем новый слой над слоем «Красный фон», называем его «Тени». Делаем активным этот новый слой (круг должен оставаться выделенным). Выбираем на панели инструментов Gradient tool (Градиент), устанавливаем Linear Gradient (Линейный градиент), настраиваем градиент следующим образом: цвет черный, прозрачность изменяем от 100 до 0. Нанесем градиент внутри нашего выделения в направлении снаружи (курсор за пределами выделенного круга) к примерному центру круга (этот воображаемый центр круга лучше представлять немного правее и выше). Это нужно сделать несколько раз с разных сторон. После нескольких неудачных попыток у вас все получится и плоский круг начнет напоминать объемный шар. Затем идем в Layers (Палитру слоев) и уменьшаем прозрачность этого слоя примерно на 25% (это на ваше усмотрение). Должно получиться примерно вот так. Шаг 4. А теперь нужно сделать так, чтобы этот 3D-шар стоял на плоскости и отбрасывал тень. Создаем новый слой под слоем «Красный фон», называем его «Тень шара». Выбираем на панели инструментов Photoshop Brush Tool (Кисть) мягкую кисть размером 200px. Щелкаем один раз кистью под шаром. Затем используем Тransform tool (Ctrl+T) на этом слое и уменьшаем высоту и увеличиваем ширину пока изображение не станет похожим на тень под 3D-объектом. Можно немного уменьшить прозрачность этого слоя. Можно еще сделать дубликат этого слоя, существенно уменьшить размер тени в этом слое для того, чтобы сделать тень непосредственно под шаром гуще. Шаг 5. Добавим отблеск света на шаре. Создаем новый слой поверх всех, ранее созданных слоев, называем его «Отблеск». Изменяем основной цвет на белый и, используя кисть с размером 150-200рх, делаем пятно в верхней части круга. Изменяем Blending Mode (Режим наложения) на «Overlay» (Перекрытие). Снова создаем новый слой поверх остальных, называем «Отблеск 2» и кистью с размером 50-60рх делаем еще одно пятно, немного сместив его выше и правее. Прозрачность этого слоя около 40%. Ваше изображение должно выглядеть примерно вот так: На этом можно и закончить работу. Вполне реалистичный 3D-шар готов! А можно и продолжить и сделать из шара вот такой детский мячик: Шаг 6. Дублируем слой с красным кругом и меняем цвет на любой другой. Например #2692bb. Называем слой «Синий фон». Нажимаем Ctrl+T чтобы активировать Тransform tool (Трансформация) и, удерживая нажатой клавишу Alt, изменяем высоту круга, а затем слегка поворачиваем. Шаг 7. Дважды дублируем слой «Синий фон» и размещаем дубликаты под оригинальным слоем. Изменяем цвет обоих слоев на черный. Затем сдвигаем на 2рх оба слоя – один выше и левее, другой ниже и правее. Выделяем оба дубликата слоя на палитре слоев и объединяем их. Называем слой «Синий фон 2». Уменьшаем прозрачность этого объединенного слоя на 50%. Шаг 8. Дублируем слой «Синий фон 2». Добавляем небольшое размытие по гауссу (Filter>Blur>Gaussian Blur). Чтобы размытие не выходило за пределы нашего мяча выделяем красный круг на слое «Красный фон», инвертируем выделение, затем переходим на слой «Синий фон 2» и удаляем все лишнее простым нажатием клавиши Delete. Результат — красивый объемный мяч. Автор: Neofit |
Фигуры Photoshop — векторные формы, контуры и пиксельные заливки
Для упрощения примера я возьму инструмент «Эллипс» (Ellipse Tool) и выберу заливку сплошным красным цветом без обводки, подробнее о построении фигур и их заливке здесь, и, зажав Shift, построю правильный круг:
Векторная фигура в виде правильного круга
Photoshop помещает каждую новую нарисованную нами векторную фигуру на отдельный слой, называемый слой-фигурой. И если мы сейчас посмотрим на панель слоев, то увидим новый слой с фигурой с именем «Эллипс 1» (в англ. — Ellipse 1), расположенный выше фонового слоя. На то, что это слой с векторной фигурой, указывает значок, расположенный справа внизу миниатюры слоя:
Каждая новая векторная фигура получает свой собственный слой, значок векторного слоя обведён салатовым цветом
Каждая новая векторная фигура получает свой собственный слой в панели слоёв.
В документе одна фигура готова, я нарисую вторую такую же фигуру рядом с первой так, чтобы вторая фигура немного перекрывала первую. Photoshop автоматически помещает эту вторую векторную фигуру на собственном слое (слой автоматически именован «Эллипс 1») на миниатюре слоя также имеется значок:
Две перекрывающихся векторные фигуры. Вторая векторная фигура в настоящее время перекрывает первую. На панели слоёв видны два отдельных слоя с фигурами.
В настоящее время обе моих фигуры имеют красный цвет, но мы можем легко изменить цвет любой фигуры, просто дважды кликнув по миниатюре слоя в панели слоёв. Я дважды кликнул по миниатюре второй фигуры, это действие открывает окно палитры цветов (Color Picker), где я могу выбрать новый цвет. Причём, во время выбора цвета, цвет фигуры и миниатюры изменяется в реальном времени:
Изменение цвета фигуры после двойного клика по миниатюре слоя в панели слоёв. Обратите внимание, что при изменении цвета в палитре цветов, цвет также меняется в качестве предпросмотра у фигуры в документе и миниатюры слоя. Если Вы нажмёте кнопку «Отмена» вместо «ОК», палитра цветов закроется, а цвет фигуры не изменится (в моём случае, останется красным)
Я нажму кнопку ОК, чтобы закрыть Палитру цветов и принять изменения. Теперь моя фигура стала синей.
Выбрать векторную фигуру в документе можно с помощью инструмента «Выделение контура» (Path Selection Tool):
Но выбрать фигуры можно только на активном слое, поэтому, чтобы мне выбрать красный круг, следует сперва кликнуть по слою с этой фигурой в панели слоёв, а затем уже по самой фигуре в документе:
Выбор красного круга: сперва выбрать слой, затем клик по фигуре.
Я могу менять слои в стеке панели слоёв. Например, если я перетащу слой с красным кругом вверх, он закроет синий:
Перемещение слоя с красным кругом вверх.
Но мы можем делать с векторными фигурами гораздо более интересные вещи. Например, мы можем объединить две или несколько фигур вместе, чтобы создать различные сложные формы!
До этого момента, Photoshop помещал каждую новую векторную фигуру на свой собственный слой, но можно получить очень интересную вещь, если мы объединим две или несколько фигур на одном слой-фигуре. Я расскажу об объединении фигур более подробно в другой статье, а здесь я покажу, как быстро провести сложение фигур Photoshop с помощью горячих клавиш.
Итак, давайте сложим две векторные фигуры. В панели слоёв выбираем синюю фигуру и нажимаем Ctrl+C. Затем удалим слой методом перетаскивания мышкой в корзину:
Удаление слоя после копирования
Теперь у нас на панели слоёв остался только слой с красной фигурой и фоновый. Нажимаем на слой с фигурой для его выбора и затем нажимаем комбинацию клавиш Ctrl+V на клавиатуре, чтобы вставить скопированную формы в слой. при этом фигуры объединятся в одну:
Объединённая фигура из двух кругов на одном слое.
Так как в данный момент обе фигуры находятся на одном слое, я могу изменить взаимодействие фигур друг относительно друга, выбирая различные варианты на панели параметров с помощью кнопки «Операции с контуром» (Path Operations):
Кнопка переключений режимов взаимодействия контуров («Операции с контуром»)
По нажатию на эту кнопку выпадает список с четырьмя различными режимами взаимодействия, это: Объединить фигуры (Add to Shape Area), Вычесть переднюю фигуру (Subtract from Shape Area), Область пересечения фигур (Intersect Shape Areas), и Исключить пересекающиеся фигуры (Exclude Overlapping Shape Areas):
Операции с контуром
Операция «Объединить фигуры» (Add to Shape Area) была инициирована в тот момент,когда мы вклеили скопированную фигуру в слой с фигурой. Давайте рассмотрим другие операции.
Вычесть переднюю фигуру (Subtract from Shape Area) — вторая (вклеенная) фигура больше не видны в документе. Вместо этого, Photoshop использует её, чтобы удалить часть первоначальной фигуры, ту часть, где две фигуры пересекаются:
Вклеенная фигура вычтена из первой. Передней в данной опции называется вторая фигура, которая появилась в документе, она находится как-бы сверху, спереди от нас.
Область пересечения фигур (Intersect Shape Areas) — На этот раз, остается видимым только тот участок, где две фигуры перекрывают друг друга:
Видимый участок остался только в области пересечения фигур
Исключить пересекающиеся фигуры (Exclude Overlapping Shape Areas) — результат, противоположный предыдущему. Обе формы видны только в тех областях, где они не перекрываются:
Видимыми остаются только те области фигур, где они не перекрывают друг друга
Полное объединение компонентов фигур
И в списке осталась ещё одна команда — «Объединить компоненты фигур» (Merge Shape Components). Команда не зря отстоит особняком от других, т.к. она приводит к необратимым действиям — объединению образующих контуров. Если ранее мы просто переключались между командами, то после применения этой команды, переключиться уже будет нельзя.
Если мы нажмём на эту строку, то появится сообщение с предупреждением «Эта операция превратит фигуру в обычный контур. Продолжить?» (This operation will turn a live shape into a regular path. Continue?), после нажатия ОК контуры будут объединены, все внутренние линии пересекающихся контуров будут удалены, и две или несколько векторных фигур будут преобразованы в один контур, это показано на рисунке, объединение компонентов фигур при:
1. Объединить фигуры (Add to Shape Area)
2. Вычесть переднюю фигуру (Subtract from Shape Area)
3. Область пересечения фигур (Intersect Shape Areas)
Объединение компонентов фигур при различных состояниях операций с контурами
Рисование контуров
До сих пор мы использовали векторные инструменты в режиме фигур. Давайте переключим режим в панели параметров на «Контур» (Path). Обратите внимание, что после переключение из панели параметров исчезли некоторые опции, например, заливка цветом, обводка и т.п:
Панель параметров при режиме векторных инструментов «Контур» (Path)
Создадим новый документ Photoshop, на котором имеется только лишь один фоновый слой, возьмём инструмент «Эллипс» (Ellipse Tool), на панели параметров выберем, как я говорил выше, режим инструмента «Контур», и проведём контур на документе. Курсор vsib при этом примет вид креста в плюсиком:
Контур, созданный инструментом «Эллипс» в режиме «Контур».
Обратите внимание, что в панели слоёв ничего не изменилось — как был один фоновый слой до рисования контура, так он один и остался после рисования.
Причина этого заключена в том, что чистые контура не зависят от слоев. И, хотя на данный момент мы можем видеть контур в документе, но при сохранении документа a формате JPG, PNG и т.п., а также при распечатке, контур не будет отображён.
Контур является всего-лишь инструментом для каких-либо действий — преобразования контура в выделенную область, обводки контура, заливки цветом, создание 3D экструзии из контура и т.п., но полноценным элементом рисунка контур не является.
И так как контура не зависят от слоев, они имеют свою собственную панель — Панель контуров (Paths panel) — которая, по умолчанию, сгруппирована в с панелями слоёв и каналов. На рисунке ниже я переключиться на панель контуров, где мы можем увидеть контур, который я только что нарисовал, он автоматически именован Photoshop как как «Рабочий контур (в англ. — Work Path):
Контур в документе и на панели контуров
Название «Рабочий контур» означает, что на данный момент этот контур является временным, но мы можем сохранить его как часть документа, для этого нам нужно просто его переименовать. Для переименования дважды кликните на его имени в панели контуров, после чего Photoshop откроет диалоговое окно для сохранения контура, предлагающее новое имя. Вы можете просто принять новое имя по умолчанию или ввести своё. Я назову свой «контур-эллипс»:
Путь для сохранения контура
Хотя, если честно, контур сохраняется при сохранении документа PSD и без переименования, возможно, в ранних версиях он и не сохранялся, я уже не помню.
Инструменты для работы с контурами — это «Выделение контура» (Path Selection Tool ), «Выделение узла» (Direct Selection Tool), а также инструмент «Угол» (Convert Point Tool) из группы «Пера» (Pen Tool).
Инструмент «Выделение контура» выделяет контур целиком со всеми узлами, «Выделение узла» выделяет один (или насколько, если зажать Ctrl) опорных узлов контура, инструмент «Угол» изменяет свойства опорных узлов.
Изменение контура с помощью инструмента «Выделение узла»
Операции с контурами
Внизу панели контуров имеются семь кнопок. Эти кнопки позволяют делать с контурами некоторые операции:
Кнопки операций с контурами.
Перечисляю, слева направо:
Выполнить заливку контура основным цветом (Fill path with foreground color) — контур на активном слое в панели слоёв будет залит основным цветом цветовой палитры. Если в документе есть только фоновый слой, значит, будет залит фоновый.
Выполнить обводку контура кистью (Stroke path with brush) — контур на активном слое будет обведён кистью основным цветом цветовой палитры. Толщина и жёсткость линии обводки зависит от настроек инструмента «Кисть» (Brush Tool). К примеру, если «Кисть» заранее настроена — круглая, 50% жёсткости, а основной цвет в палитре красный — такая и будет линия обводки, красная, мягкая, толщиной 3 пикселя.
Загрузить контур, как выделенную область (Load Path as a selection) — контур будет преобразован в выделенную область.
Сделать из выделенной области рабочий контур (Make work path from selection) — в данном случае, по понятным причинам, не активна.
Добавить маску (Add a mask) — к слою будет добавлена слой-маска по очертаниям контура, прозрачная область маски — внутри контура, работает только после преобразования контура в выделенную область.
Создать новый контур (Create new Path) — в данном случае не используется.
Корзина (Delete current Path) — тут думаю. понятно, нужна для удаления контура
Кроме того, на панели параметров имеются три кнопки для работы с контурами:
Кнопки операций с контурами на панели параметров
Кнопка «Выделение» (Selection…) преобразует контур в выделенную область. В отличии от аналогичной кнопки внизу панели контуров, нажатие на эту кнопку преобразует контур в выделение не мгновенно, а открывает диалоговое окно с некоторыми параметрами и позволяет задать, к примеру, радиус растушёвки:
Диалоговое окно параметров для преобразования контура в выделенную область
Маска (Mask) — добавляет к слою векторную маску. Если в панели слоёв имеется только фоновый слой, он преобразуется в обычный и к нему также добавляется векторная маска:
Векторная маска из фонового слоя
О третьей кнопке я расскажу чуть ниже.
Преобразование контуров в векторные фигуры
Для преобразования контуров в векторные фигуры на панели задач имеется специальная кнопка, активная в режиме «Контур», это третья кнопка из тех о которых я начал рассказывать выше, она называется «Фигура» (Shape):
Кнопка на панели параметров для преобразования контура в векторную фигуру.
Нажатие на кнопку моментально преобразует контур a векторную фигуру:
Векторная фигура из контура. Цвет заливки фигуры взят из основного цвета цветовой палитры.
При этом фигура заливается сплошным цветом. Этот цвет соответствует основному цвету цветовой палитры.
Но, дело в том, что данная кнопка появилась только у последних версий Photoshop. Между тем, эта операция (векторная фигура из контура) доступна и для более ранних версий Photoshop, вплоть до CS3 включительно, хотя и требует небольшого фокуса.
Итак, у меня имеется документ с фоновым слоем и простым контуром:
Контур для создания векторной фигуры.
Для создания фигуры нам придётся всего-лишь добавить корректирующий слой «Цвет» (Solid Color). Откроется диалоговое окно слоя, где выберите цвет заливки будущей фигуры и нажмите ОК. Всё, фигура готова, она создана на новом слое. Результат, по сути, тот же, как и при использовании кнопки «Фигура».:
Векторная фигура из контура с помощью корректирующего слоя «Цвет» (Solid Color).
Пиксельная заливка (Fill Pixels)
Третий режим рисования фигур в Photoshop — это Пиксельная заливка (Fill Pixels), которая позволяет нам создавать пиксельные формы. Я выберите опцию «Пикселы» (Pixels) на в панели параметров:
Режим пиксельной заливки в панели параметров
Режим пиксельной заливки заливки является наименее интересным и полезным из трех режимов рисования фигур, т.к. в этом режиме Photoshop просто рисует геометрические фигуры, заполняя их цветными пикселями, а пиксели не так легко редактируемые и/или масштабируются, как векторные фигуры.
В отличие от векторных фигур, которые получают свой собственный слой автоматически каждый раз при добавлении новой фигуры, пиксельная форма появляется непосредственно на активном слое, если в данный момент активен фоновый слой, то форма на нём и будет нарисована.
Так что для создания новых пиксельных фигур следует использовать новые пустые слои.
На данный момент у меня имеется документ с одним единственным фоновым слоем. Я добавлю новый слой, нажав Ctrl+Shift+Alt+N, задам в цветовой палитре цвет, скажем, зелёный #5ab345, возьму инструмент «Эллипс», режим в панели параметров, как говорилось ранее, задан «Пикселы», нажимаю курсором мыши внутри документа и протаскиваю курсор для создания фигуры:
Создание пиксельной заливки.
После того, как я отпускаю клавишу мыши, фигура мгновенно заливается основным цветом с цветовой палитры:
Пиксельная заливка, созданная с помощью инструмента «Эллипс».
Такие же образом можно создавать фигуры с помощью остальных инструментов черчения.
Собственно, никаких больше интересных свойств у пиксельных заливок нет. Единственное, перед созданием заливки можно изменить режим наложения, но это можно сделать и позже, изменив режим наложения слоя с заливкой.
Недостатки пиксельного изображения подробно описаны в материале «Векторные и пиксельные формы в Photoshop».
Как в фотошопе сделать цветовой круг. Как подобрать цвет
Сразу вспомнилась картинка:
В твоем вопросе очень много неизвестных переменных: сайт или логотип, фон или кнопка, какие цвета уже использованы, что находится рядом, какая площадь покрытия и т. д.
Возьмем зеленый и красный цвета на примере Валиры из близзовского Харстоуна и клубники (сама природа подобрала сочетание):
Круто, да? Значит, зеленый отлично сочетается с красным. А теперь посмотри какой ад получится, если сделать зеленую кнопку на красном фоне или красную кнопку на зеленом фоне:
Хочется поскорее закрыть: слишком агрессивно в обоих случаях, давит на мозг. Получается, что сочетается зеленый с красным не так уж и хорошо? А вот, если фон будет, например, белым, то зеленая кнопка отлично будет смотреться рядом с красной:
Поэтому ответ на вопрос «какой цвет подходит к зеленому» есть только у того, кто видит всю картину.
Цветовой круг
В первую очередь советую почитать про цветовой круг , чтобы иметь представление и уметь им пользоваться.
Есть немало онлайн-сервисов на эту тему. Удобный — colorscheme.ru .
Пользоваться легко — выбираешь цвет (вводишь код, либо просто тыркаешь в подходящий) и получаешь сочетающиеся цвета. Одна из фишек — пример страницы с выбранными цветами. Табы внизу: светлая страница или темная.
Color Guide
В иллюстраторе есть клевый функционал, который работает по принципу цветового круга и показывает сочетание цветов. Называется панелька Color Guide.
Берешь пипеткой цвет — а иллюстратор тебе показывает все комбинации: соседние, контрастные, триады и так далее.
Adobe Color Themes
В самом фотошопе есть такой же функционал. Раньше это были просто темы (набор цветов), а потом к ним добавили и сам цветовой круг, и теперь панелька называется Adobe Color Themes
По радуге
Сам же я цвета подбираю по «радуге»: перетягиваю ползунок и забираю цвет.
В примере я подобрал красный, фиолетовый и оранжевый. Шкала («радуга») лишь помогает подобрать цвет c разным оттенком (H = Hue) и иногда результат не устраивает. Вот мне не понравился грязный и унылый оранжевый и я сделал из него чистый и клевый. Если нужно подобрать по насыщенности (S = Saturation) или по яркости (B = Brightness), то просто меняем шкалу.
Это один из вопросов, который был задан учениками на курсе Adobe Photoshop. Базовый уровень При желании дополнительные вопросы можно задавать прямо в комментариях к этому посту. В дальнейшем ссылки на все вопросы будут собраны в одном посте и систематизированы.
3. У художников существует свой цветовой круг, там цвета логичнее с точки зрения их восприятия. Там желтый противоположен фиолетовому, красный — зеленому, синий — оранжевому. Есть ли в фотошопе механизм, позволяющий работать с этими цветами?
Очень хороший вопрос! Только давайте его разделим на два, содержащиеся в изначальной формулировке. Первый, про сам цветовой круг. Второй, про механизм работы с ним.
Итак, какие же бывают «цветовые круги»?
Слева приведена обложка книги Иоханнеса Иттена «Искуство цвета» (в оригинале оранжевый гораздо сочнее, но мониторы такой цвет передавать не умеют). А справа, находящийся на 33 страницы двенадцатичастный цветово круг. Или как его нередко называют «круг Итенна». Именно его имел в виду автор вопроса.
При работе с инструментами Photoshop опираться на этот круг нельзя. С точки зрения физики и физиологии — он пострен криво и неправильно. Но давайте по порядку.
Цвет — это ощущение, которое рождается в сознании наблюдателя, в оответ на стимуляцию зрительных рецепторов сетчатки. Каким будет это ощущение зависит от пропорций между возбждением различных групп колбочек. Ниже представлены графики спектральной чувствительности колбочек в зависимости от длинны волны излучения (цветной градиент внизу наложен в иллюстративных целях и может не совсем точно совпадать с оттенками спектрально чистых цветов).
Для каждой группы колбочек подбирается такой стимул, который будет минимально возбуждать соседние группы. Вот откуда в адитивной системе появляются Red, Green и Blue. Самая большая проблема возникает с зеленым стимулом. Из-за сильного взаимного перекрытия кривых в районе 500 нм он всегда возбуждает не только средне, но и длинно и коротко волновые колбочки. Именно в этом кроется принципиальная немозможность создания трехстимульных мониторов с очень большим цветовым охватом (привет от оранжевой обложки с первой иллюстрации).
В реальной жизна стимулы гораздо более сложные и описываются спектральным распределением энергии. Если это распределение равномерно, то стимул выглядит ахроматическим, а проще говоря — серым. При достаточно большой яркости мы примычно называем его белым. При этом белый луч можно разложить в спектр, который так же по привычке часто называют радугой. Что и было сделано при помощи призмы. В 17 веке Исааком Ньютоном, а в 20 — художником, оформлявшим обложку альбома The Dark Side of the Moon группы Pink Floyd.
Если на пути расщепленного пучка поставить вторую призму, его можно опять собрать в ахроматический луч. Именно эта конструкция позволяет просто и наглядно выяснить, какие цвета являются комплементарными, или взаимно дополнительными. Если в ращепленном пучке между призмами перекрыть часть спектра, луч на выходе окрасится в дополнительный к перекрытой части цвет. Закрыв красную часть, мы получим циан, зеленую — мадженту, синюю — желтый.
Поэтому лучше расположить цвета так, как это сделано на левом круге. Правильным является именно такое расположение: красный вверху, по часовой стрелке за ним идет желтый и т.д. Именно по такому кругу откладывается значение цветового тона (Hue) в цветовых моделях HSB и HSL. Я специально отзеркалил и развернул круг Иттена, чтобы совместить красные цвета и обеспечить соответствующий переход оттенков. Это наглядно показывает насколько он неравномерный.
Но что особенно важно для практического применения, именно на такое взаимное расположение цветов опирается работа кривых. Если сдвинуть вниз кривую в красном канале (уменьшить яркость красного стимула), центральный нейтральный участок круга окрасится в циан.
Уменьшив яркость в зеленом канале, подучим маджентовую окраску.
Ну, а затемнение синего, предсказуемо приведем центр к желтому оттенку. И по таком принципу работают все инструменты фотошопа. Поэтому пока Вы работаете с ними, забудьте про круг Итенна. Он только запутает.
Однако, не спешите выбрасывать двенадцатичастную систему. Я сказал, что она не соответствует физике и физиологии восприятия цвета. Именно поэтому инструментарий опирается не на нее. Но, эта система достаточно неплохо описывает третий, самый сложный уровень восприятия — психологию цвета.
Вот только инструментом для работы на этом уровне является не фотошоп, а голова. Каким инструментом выполнять коррекцию, вопрос вторичный. Главное — это понимание, к чему надо прийти. Круг Иттена позвляет упростить и ускорить нахождение гармоничных сочетаний цветов. C его помощью можно определить, к каким сочетаниям тяготеет изображение, или, как еще говорят: найти цветовую схему картинки.
Очень подробно об этом рассказывает Саша Чалдрян на первом занятии курса «Adobe Photoshop. Творческая ретушь» . Я же ограничусь только тремя небольшимы иллюстрациями из конспекта к этому занятию.
Родственные сочетания — монохроматические сочетания двух-трех соседних секторов круга.
Родственно-контрастные сочетания — сочетания цветов, в каждом из которых присутствует “родственный”. Желто-зеленый, желтый, желто-оранжевый, желто-красный — для них всех есть объединяющий желтый, но схема довольно контрастная. В данном случае картинка не совсем соответствует приведенной схеме, но Вы и сами легко догадаетесь, как нужно поправить схему для более точного соответствия.
Триадные схемы — цвета, расположенные на вершинах равностороннего треугольника, вписанного в круг.
Плагины, согласитесь, довольно полезная штука. И если ты профессиональный дизайнер, желающий упростить свою работу, то без них – никак. Сегодня мы предложим вам еще несколько полезных плагинов для Photoshop, которые помогут вам в работе.
Среди них вы найдете платные – дорогие и не очень, а также бесплатные инструменты. Но все они без сомнения заслуживают вашего внимания.
Плагины Photoshop для цвета, шрифтов и эффектов
Swatchy — это небольшой плагин, который позволяет упорядочить ваши образцы цветов по папкам. Таким образом, вы можете сохранить и легко получить доступ к вашей цветовой гамме, а также предварительно просматривать цвета, которые обычно используете.
Основные характеристики:
- Управляет образцами цветов и позволяет упорядочить их по папкам
- Работает на OS X и Windows
- Требует наличие Photoshop СС и СС 2014
MagicPicker – плагин для управления цвета, который улучшает существующие инструменты работы с цветом в Photoshop, добавляя полезные функции. Вы можете использовать такие опции, как Tone Lock для контроля гаммы выбранных цветов, а также улучшенное цветовое колесо с тремя доступными режимами. Плагин поможет вам создавать цветовые схемы, а еще он предлагает компактный режим для экономии места на экране.
Основные характеристики:
- Работает на OS X и Windows
- Поддерживает программы Photoshop CC2014, CC, CS6, CS5.5, CS5, CS4 и CS3
- Позволяет создавать цветовые схемы
- Выбор цвета из улучшенного цветового колеса с тремя режимами и функция Tone Lock
- Выбирает только теплые или холодные тона из палитры
- Одним щелчком мыши копирует шестнадцатеричные коды цвета
Цена: 19$, имеется пробная бесплатная 15-дневная версия для скачивания
FilterForge — это невероятно мощный редактор, который может использоваться как отдельное приложение или плагин для Photoshop. Вы можете использовать его, чтобы создавать свои собственные фото-эффекты и фильтры, и плагин также дает вам доступ к огромному онлайн-хранилищу пользовательского контента. Он поддерживает бесшовную плитку для текстур, а фильтры предоставляются в любом разрешении. Каждый пресет имеет несколько вариантов, из которых можно выбрать, так что FilterForge должен удовлетворять все ваши потребности в фото-эффектах.
Основные характеристики:
- Работает на ОС X и Windows
- Позволяет создавать собственные фильтры, эффекты и текстуры
- Наличие онлайн-хранилища фильтров
- Генерирует карты и текстуры, которые поддерживают бесшовную плитку
Цена: 399$, доступна бесплатная 30-дневная пробная версия
Eye Candy 7 от Alienskin — это плагин, который позволяет выбрать из 32 категорий эффектов и более тысячи пресетов, чтобы применить к вашей графике. Вы можете использовать его, чтобы создавать свои собственные эффекты и мгновенно просматривать изменения, примененные к любому слою. Все эффекты применяются на новом слое, так что ваши оригинальные графические объекты останутся нетронутыми, пока вы не решите изменить их.
Основные характеристики:
- Создает и применяет реалистичные эффекты
- Возможность выбора пресетов из богатой коллекции
- Поддерживает редактирование на новом слое, чтобы сохранить оригинальный дизайн
- Моментальный предпросмотр эффектов
- Работает на OS X ОС x 10.7 или новее, Windows 7 и 8
- Требуется Photoshop CS5, Elements 10 или новее
Цена: 129$, доступна бесплатная пробная версия
Плагин поможет вам упорядочить шрифты и устранит необходимость в отдельном приложении для управления шрифтами. Font Hero загружает все установленные шрифты с вашего компьютера в аккуратный интерфейс, где вы можете отмечать, отмечать любимые и группировать их. Вы можете мгновенно просматривать шрифты и изменять их внешний вид. Плагин позволяет изменить шрифт на любом текстовом слое одним щелчком мыши. Он поддерживает Google Fonts и Typekit, но хранит их отдельно для вашего удобства.
Основные характеристики:
- Помогает импортировать, просматривать и упорядочивать все ваши шрифтов непосредственно в Photoshop
- Возможность ставить теги и добавлять в избранные шрифты, чтобы облегчить поиск
- Поддержка веб-шрифтов
- Работает на OS X и Windows, требуется Photoshop СС 2014
Цена: 39$
Другие плагины для Photoshop
FlatIcon — популярный стоковый ресурс, и этот простой плагин позволяет использовать их бесплатные иконки напрямую из Photoshop. Некоторые иконки импортируются в виде векторов, а значит, вы можете свободно редактировать их в соответствии с вашими требованиями.
Основные характеристики:
- Дает вам доступ к тысячам бесплатных иконок
- Все иконки доступны в полностью редактируемом векторном формате
- Поддерживает Photoshop CS5, CS6, CC и CC 2014
Это спасительный плагин, если вы часто используете отсканированные материалы в ваших проектах. Он удаляет интерференционные картины из отсканированных изображений с помощью точного преобразования по методу Фурье. В отличие от других инструментов, которые полагаются на размытость, Descreen может сохранить больше деталей благодаря этому подходу. Рекомендуемое разрешение для просмотра между 600 и 1200 пикселями/дюйм.
Основные характеристики:
- Поддерживает Photoshop от версии 7.0 и CS до CS6 и CC
- Удаляет интерференционные картины из отсканированных изображений
- Работает на Windows и OS Х
Цена : Н ome Edition — €15, Professional Edition — €75
Perfect Resize позволяет увеличивать фотографии без потери качества и соотношения. Плагин предлагает инструмент кадрирования с предустановками и другой инструмент, чтобы “выпрямить” фотографии. С помощью Perfect Resize можно увеличить фотографии, сделанные мобильными устройствами и создать дополнительные поля для печати фотографий. Вы можете использовать плагин для пакетного изменения размера фотографий и сохранения двух разных версий одного изображения.
Основные характеристики:
- Позволяет увеличить, кадрировать и выправлять фотографии
- Оптимизирует фотографии для печати
- Поддерживает пакетное изменение изображений
- Работает на Windows 7 и 8 и ОС x 10.8 – 10.10
- Требуется Photoshop CS6, CC или CC 2014, а также Elements 11, 12 и 13
Цена: 79.95$, доступна 30-дневная пробная версия
Этот плагин идеально подходит для дизайнеров обложек книг и всех, кто желает продемонстрировать свою работу на профессиональном уровне в визуально привлекательной форме. Cover Action Pro преобразует ваш дизайн в 3D-модели продукта. Вы можете использовать шаблоны и направляющие, и выбрать из 25 категорий, содержащих более 150 моделей, в том числе книги, переплет, коробки DVD, поздравительные открытки, визитные карточки, журналы.
Основные характеристики:
- Позволяет конвертировать ваши проекты в 3D-модели продукта
- Предлагает шаблоны и модели
- Разработан для Photoshop CS6 и новее, но может работать для CS5, CS4 и CS3
- Автоматическое обновление
Цена: 147$ или 247$ с 60 дизайнерскими шаблонами
Avocode — это инструмент для совместной работы и управления проектами, предназначенный для сотрудничества дизайнера и разработчика. Он позволяет дизайнерам загрузить свой проект через плагин Photoshop, а разработчики могут затем изучить элементы дизайна в веб-интерфейсе или десктопном приложении. Avocode экспортирует слои в виде изображений, конвертирует слои в CSS, Less, Sass и Stylus, дает информацию о форматировании текста и размерах слоя. Он сохраняет все загруженные варианты дизайна на сервере, поэтому вы можете использовать его в качестве системы контроля вариантов вашего проекта.
Основные характеристики:
- Легко делится вашими проектами с помощью плагина для Photoshop
- Проверка дизайна в веб-интерфейсе или приложение – работает на OS х, Windows и Linux
- Экспортирует слои в виде изображений, преобразовывая в CSS
- Дает доступ к предыдущим вариантам дизайна
Цена: начинается от 20$ в месяц, предоставляется бесплатный 14-дневный пробный период
Многие художники пользуются цветовой моделью HSB . Эта математическая модель очень удобна для подбора оттенков и цветов. Модель HSB основана на модели RGB , но имеет другую систему координат. Любой цвет в модели HSB определяется своим цветовым тоном (оттенком), насыщенностью (то есть процентом добавленной к цвету белой краски) и яркостью (процентом добавленной черной краски). Из перечисленных трех составляющих менее всего понятна насыщенность . Можно определить насыщенность как «живость» цвета. Чем более цвет насыщен, тем дальше он от серого. Белый, черный цвета, все оттенки серого имеют минимальную насыщенность.
Посмотрите на изображение. Верхний образец спектра имеет высокую насыщенность, нижний — низкую. При этом оттенок и яркость двух образцов одинаковые.
Трехканальная модель HSB получила название по первым буквам английских слов Hue (Оттенок), Saturation (Насыщенность) и Brightness (Яркость) . Модель HSB универсально применяется для цветокорреции — в этом она незаменима. Во всех графических приложениях эта модель присутствует в том или ином виде. Достоинство этой модели состоит в том, что она создавалась не для мониторов или принтеров, а для людей. Ведь человек интуитивно воспринимает цвет, разделяя его на оттенок, насыщенность и яркость.
Модель HSB удобно представлять в виде цветового круга . Значение цвета выбирается как точка на круге (или вектор , выходящий из центра окружности и указывающий на данную точку). Различные оттенки располагаются по окружности, состоящей из 360 градусов. Красный цвет соответствует 0, желтый — 60, зеленый — 120, бирюзовый — 180, синий — 240 и пурпурный — 300 градусам. Точки на самой окружности соответствуют чистым (максимально насыщенным) цветам. Точка в центре соответствует нейтральному цвету минимальной насыщенности (белый, серый, черный — это зависит от яркости). То есть можно сказать, что угол наклона вектора определяет оттенок, длина вектора — насыщенность цвета . Яркость цвета задают на отдельной оси, нижняя точка которой имеет минимальную яркость, а верхняя — максимальную.
Модель HSB имеет довольно широкий цветовой охват. Он не так велик, как у Lab, но больше охвата CMYK. На изображении серым цветом залиты цвета модели HSB, выходящие за границы охвата CMYK.
Палитра Кулер (Kuler) — невероятно полезный, пополняемый сообществом пользователей генератор цветовых схем, который впервые появился в версии программы фотошоп CS4, а за несколько лет до того начал работу в виде веб-приложения.
Если вам не по душе работать с , у вас нет его под рукой или вам нужны свежие идеи насчет составления цветовых схем, то вы можете выбрать нужные из большого числа тем (так в приложении называются цветовых схемы), созданных сообществом пользователей.
Чтобы открыть палитру Kuler , выберите команду меню Окно — Расширения — Kuler (Windows — Extensions — Kuler)
Примечание
Чтобы палитра могла загрузить последние и наиболее популярные темы, созданные сетевым сообществом пользователей, необходимо подключение к сети интернет.
Внимание!
Палитра Kuler не работает на пиратских, нелицензионных версиях программы фотошоп. Поэтому, если у вас открылось пустое окно палитры, то ничего не исправить. Работает только в лицензионной версии продукта.
Интерфейс палитры Kuler
Расшифровка сносок:
Пункт 1 — Поле ввода поискового запроса.
Пункт 2 — Раскрывающиеся списки фильтров.
Пункт 3 — Темы.
Пункт 4 — Кнопка Просмотреть предыдущий набор тем (Previous).
Пункт 5 — Кнопка Просмотреть следующий набор тем (Next).
Пункт 6 — Кнопка Обновите темы в сообществе Kuler (Refresh).
Пункт 7 — Кнопка Редактировать тему в панели создания (Edit themes).
Пункт 8 — Кнопка Добавить данную схему в образцы (Add selected theme to Swatches).
Пункт 9 — Выбирайте базовый цвет, перетаскивая кружок мышью вверх/вниз или к центру/от центра круга.
Пункт 10 — Ползунковый регулятор яркости.
Пункт 11 — Cлева направо:
- Кнопка Добавить текущий основной цвет как базовый (Add foreground color as base).
- Кнопка Добавить текущий цвет фона как базовый (Add background color as base).
- Кнопка Изменить другие цвета темы по законам гармонии (Apply harmony).
- Кнопка Добавить в тему новый цвет (Add color).
- Кнопка Удалить данный цвет из темы (Delete color).
Пункт 12 — Кнопка Загрузить цветовую тему на веб-сайт Kuler (Upload)
Как пользоваться палитрой
В верхней части палитры расположены три кнопки:
Сведения (About). Если вы хотите узнать о сетевом сообществе или стать его членом, то из этой вкладки можно перейти на веб-сайт приложения. После бесплатной регистрации вы сможете загружать на веб-сайт созданные вами темы, оценивать темы других пользователей, писать на форумах и так далее.
Обзор (Browse). Если вы хотите просмотреть созданные другими пользователями темы, то их можно искать, вводя ключевые слова (холодная, солнечная, романтичная, пастельные тона и так далее), имя создателя, название темы или шестнадцатеричное значение в поле ввода поисковых запросов. Или, как вариант, просматривайте список тем, используя полосу прокрутки. Раскрывающиеся списки в верхней части палитры позволяют сортировать темы по рейтингу, времени появления на веб-сайте и так далее.
Чтобы использовать определенную тему, то есть импортировать ее цвета в программу фотошоп, выделите ее, в затем щелкните по кнопке Добавить выбранную схему в образцы (Add selected theme to Swatches) — пункт 8 .
Также можно щелкнуть мышью по маленькому треугольнику, который появляется справа от схемы, если ее выделить, и выбрать в контекстном меню команду Добавить на панель образцов (Add to Swatches Panel).
Создать (Create). Щелкните мышью по этой кнопке, чтобы открыть вкладку, которая позволяет вам создавать собственные темы.
Сначала выберите в раскрывающемся списке Правило (Color Ruler) цветовую схему: создавать можно и другие схемы. Затем перетаскивайте мышью заключенный в белое кольцо кружок на цветовом круге так, чтобы он окрасился в цвет, на основе которого вы хотите создать тему (другими словами, главный цвет). Вы увидите линии, которые из главного цвета идут к другим цветам согласно выбранного вами правила. Другие цвета при перемещении главного также будут перемещаться.
Вы можете перетаскивать мышью заключенный в белое кольцо кружок главного цвета к центру или от центра круга, влево или вправо, вверх или вниз, пока не найдете желаемый цвет.
Средний образец в ряду квадратных образцов, расположенном ниже цветового круга, будет показывать главный цвет. Когда вы найдете желаемый, можете изменить его значение яркости — пункт 10 , выше, чтобы осветлить, или ниже, чтобы затемнить его.
Чтобы изменить другой цвет темы, выделите его, щелкнув мышью по его образцу ниже цветового круга. Вы увидите, что соответствующий кружок на цветовом круге будет выделен белым кольцом. Выделив кружок, вы можете изменить его цвет, перетащив его в другую точку круга, или изменить его яркость, перемещая ползунковый регулятор.
Когда вы подберете цвета темы, которые вас устроят, щелкните мышью по кнопке Сохранить тему (Save Theme) в левом нижнем углу палитры, чтобы сохранить тему, а затем щелкните мышью по кнопке, находящейся правее, чтобы добавить цвета данной темы на палитру Образцы .
Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter . Спасибо!
Как нарисовать круг в Photoshop
На протяжении многих лет мне нужно было делать простые иллюстрации для своих сообщений в блоге, но я был в тупике, рисуя простые круги. Поиск руководств о том, как это сделать в PhotoShop, привел меня к запутанным, странным или просто неправильным методам. Однако недавно я хотел нарисовать круг для своего поста на расстоянии до горизонта и решил спросить эксперта: Маленького астронома, который показал мне, как это сделать примерно за 20 секунд. Я записал, что она сказала, и какого черта: если я опубликую это здесь, в блоге, я смогу сослаться на это, и, возможно, это поможет и вам.
Для справки, в настоящее время я использую Photoshop CS3 версии 8 на Mac с OS X 10.4. Хотя я не думаю, что это имеет большое значение. Если да, оставьте комментарий! И, эй, прокомментируйте, если вы тоже знаете другой метод. Чем больше тем лучше.
Итак:
0) Выполните обычные действия — откройте изображение или создайте новое.
1) Щелкните инструмент «Перо» на панели инструментов.
2) На новой панели инструментов, отображаемой вверху, нажмите кнопку с эллипсом внутри.
3) Нарисуйте круг, перетаскивая курсор, удерживая нажатой клавишу Shift (иначе вы получите эллипс).Вы получаете не изображение круга, а то, что называется «тропой». Потерпи меня здесь. При необходимости отрегулируйте размер. Примечание: место, где вы первоначально щелкаете пером, отмечает центр круга, поэтому вы можете записать координаты (x и y) центра, если вы планируете возиться с кругом позже.
4) Перейти к инструменту «Карандаш». Выберите желаемую толщину (вы также можете сделать это перед рисованием круга). Убедитесь, что вы выбрали нужный цвет!
5) Вернитесь к инструменту «Перо».
Oooooo, Ahhhhhh
6) Щелкните правой кнопкой мыши где-нибудь на изображении. Выберите «Обводка контура». Перечислены варианты. В раскрывающемся меню выберите «Карандаш».
7) Теперь у вас нарисован круг. Но вы все еще увидите пунктирную линию — это путь, который был пройден ранее. Чтобы удалить его, щелкните еще раз правой кнопкой мыши. Нажмите «удалить путь». Это избавляет от первоначального кругового пути и оставляет у вас красивый круг желаемой толщины.
Это может показаться сложным для новичка (например, меня), но на самом деле это совсем несложно, и вы увидите, что существует множество вариаций (вы можете создать нечеткий круг, взяв кисть вместо карандаша, Например).
И я рад, потому что теперь я могу делать еще более глупые изображения для своих сообщений. Ура!
Как рисовать стрелки и круги в Photoshop Рисование
Photoshop Drawing — мощный инструмент. Если вы составляете руководства и учебные пособия, несколько изображений могут иметь большое значение для передачи сообщения. Когда вы добавляете изображения вместо текста, люди могут видеть, что вы делаете и как именно вы это делаете. Люди будут меньше разочаровываться и тратить меньше времени на то, чтобы понять, что он там должен делать.
Хотя изображения очень полезны для пользователей, пытающихся следовать вашим инструкциям, вам не следует просто бросать в них картинку. Рисование стрелок и кружков может помочь обозначить точки взаимодействия или «Призыв к действию» . Мы покажем вам, как рисовать круги и стрелки на изображениях в Adobe Photoshop CS 6.
Если вам нужны дополнительные инструкции по Photoshop, вы также можете попробовать: Photoshop CC Classroom .
Начнем с рисования круга в Photoshop.
Круг для рисования в Photoshop
Шаг 1
1. Откройте свое изображение в Photoshop CS 6 или любой другой версии Photoshop.
Вы можете скопировать и вставить изображение в открытый файл Photoshop. Неважно, слои будут поверх вашего изображения.
Шаг 2
2. На левой панели инструментов рисования найдите формы. Если вы не видите инструмент эллипса, тогда удерживайте на значке кнопки, пока не появится меню вариантов, или щелкните правой кнопкой мыши на значке.Выберите инструмент эллипс .
Шаг 3
3. Панель инструментов параметров появится в верхней части окна. Убедитесь, что заливка находится на «без заливки» , что является красной диагональной линией. Выберите обводку как заливку «Сплошной цвет» и выберите цвет. Далее следует размер «pt». Введите «5 pt» или любой другой толщины, какой вы хотите, чтобы был контур. Когда ваши варианты будут похожи на мои ниже, переходите к следующему шагу.
Шаг 4
4. Чтобы получить идеальный круг, вы должны удерживать , Shift, , перетаскивая мышь. Начните с , удерживая , клавишу Shift , затем щелкните левой кнопкой мыши и перетащите мышью до желаемого размера. Теперь сначала отпустите кнопку мыши! Затем отпустите клавишу Shift. Если вы отпустите в обратном порядке, вы потеряете ограниченное измерение идеального круга.
Не беспокойтесь о расположении рисунка круга на изображении.Рисунок круга будет размещен на отдельном слое, что позволит вам перемещать его по своему усмотрению.
Выполнено. Вы завершили рисование круга в Photoshop. Продолжайте рисовать стрелку
Photoshop Drawing Arrow
Step 5
5. Вернитесь к значку Shapes и выберите инструмент линии
Step 6
6. На панели слоев в правом нижнем углу. Выберите фоновый слой, щелкнув и выделив его, или любой другой слой, на котором находится ваше изображение.
Шаг 7
7. Перейдите к параметрам вверху и выберите синюю заливку и синюю обводку. Установите Pt на «5 pt» или любую толщину, которую вы хотите, чтобы ваша стрелка и линия были. Примечание * Чем больше Pt, тем больше будет головка для рисования стрелки. Щелкните левой кнопкой мыши Зубчатое колесо или шестерню в форме значка вверху и щелкните Старт , чтобы поставить отметку в поле для флажка.
Шаг 8
8. Щелкните левой кнопкой мыши и перетащите на вашу мышь . У вас должна получиться синяя стрелка. Не беспокойтесь о расположении рисунка стрелки. Он размещен на отдельном слое , поэтому вы можете переместить его в нужное место.
Поздравляем! Вы только что закончили рисовать круги и стрелки в Adobe Photoshop.
Мы, сотрудники Bleeping World, думаем, что изображения могут помочь вашим пользователям в ознакомлении с вашими учебными материалами и контентом.Рисование поверх изображений может не подходить для всех сценариев, но в нужных местах может иметь большое влияние. Дополнительные усилия могут иметь большое значение.
Сохранить
Сохранить
Как создать идеальный круг в Photoshop
Пошаговое руководство
Создать новый документ в Photoshop
Сначала найдите верхнюю часть рабочего пространства Photoshop.
Выберите «Файл» и на раскрывающейся вкладке «Файл» выберите «Создать…», чтобы создать новый документ.
Появится окно «Новый документ», в котором можно настроить новый документ.
Обратите внимание на то, что в окне «Новый документ» в правой части окна «Предустановленные сведения» представлены различные параметры для создания нового документа.
Обратите внимание на то, как Photoshop будет измерять размер документа рядом с полем «Ширина». Документ можно измерить и измерить различными способами, например, в пикселях и дюймах.
Щелкните стрелку раскрывающегося списка и выберите «Дюймы».
В полях «Ширина» и «Высота» введите 10 в качестве ширины и высоты.
В раскрывающемся списке «Цветовой режим» выберите RGB.
В раскрывающейся вкладке «Содержание фона» выберите белый цвет в качестве цвета фона.
После установки правильных настроек нажмите «Создать».
Белый документ 10 x 10 появится в рабочем пространстве Photoshop.
Создание круга: с помощью инструмента Elliptical Marquee Tool
Инструмент Elliptical Marquee Tool создает движущуюся выделенную область созданной формы, которую затем можно настроить. Хотя эллиптическая форма не является равномерно круглой, ярлык Photoshop позволит форме превратиться в идеальный круг.
Найдите левую сторону рабочего пространства, где расположена панель инструментов.
Панель инструментов позволяет получить доступ к нескольким инструментам, которые можно использовать для настройки изображения.
Инструменты эллиптической области находятся на вкладке «Прямоугольная область» на панели инструментов. Этот инструмент можно узнать по пунктирному прямоугольнику, который расположен справа от инструмента «Перемещение» в верхней части панели инструментов.
Найдя, выберите и удерживайте инструмент Rectangle Marquee Tool.
Появится боковая вкладка Marquee Tool, открывающая различные формы Marquee Tool.
Выберите инструмент Elliptical Marquee Tool, который является вторым инструментом на вкладке.
Теперь, когда инструмент выбран, обратите внимание, как символ мыши превратился в символ в форме плюса.
Найдите верхнюю часть рабочего пространства, где можно настроить инструмент Elliptical Marquee Tool.
Обратите внимание на различные квадратные символы, один квадрат сам по себе, два объединенных вместе и т. Д. Каждый из символов представляет, как инструмент выделения будет использоваться в новом документе.Если указатель мыши находится над каждым квадратным символом, Photoshop объясняет, как можно добавить, вычесть или заинтересовать выделенным фрагментом. В этом случае выберите единственный залитый квадрат, который представляет новый выбор.
Параметр «Растушевка» позволяет краям формы иметь мягкий край с большим числом или твердый край с меньшим числом.
Для этого круга установите Feather на 0, чтобы круг не имел мягких краев.
Установите флажок «Сглаживание», чтобы края фигуры были сглажены.
Наконец, выберите для стиля наложения «Нормальный».
Стиль наложения сообщает Photoshop, как объект должен взаимодействовать с документом.
Поместив курсор в левый верхний угол, щелкните и перетащите мышь в правый нижний угол, удерживая нажатой клавишу Shift на клавиатуре.
Удерживая Shift, можно создать идеальный круг. Если Shift не удерживать, круг будет больше похож на овал.
Обратите внимание на то, что круг имеет подвижный пунктирный контур.
Теперь щелкните и перетащите круг так, чтобы он оказался в центре.
2.2 Инструмент «Эллиптическая область»: инструмент «Заливка круга».
Найдите левую сторону рабочего пространства, где расположена панель инструментов.
На панели инструментов найдите инструмент «Кисть», который можно узнать по символу в форме кисти и расположен под инструментом «Пипетка».
Выберите инструмент «Кисть» или воспользуйтесь сочетанием клавиш для инструмента «Кисть», нажав клавишу B на клавиатуре.
После выбора инструмента «Кисть» обратите внимание на верхнюю часть рабочей области, где можно настроить инструмент «Кисть».
Найдите набор настроек кисти в верхнем левом углу рабочего пространства, где можно просмотреть предварительный просмотр текущего стиля кисти, а также число под ним, указывающее размер кисти.
Щелкните стрелку рядом с набором настроек кисти.
Появится набор настроек кисти, позволяющий настраивать кисть.
Первая задача — выбрать кисть.
Внизу вкладки «Наборы кистей» находится набор кистей, из которых можно выбрать.
В этом случае выберите самую первую круглую кисть, потому что настройки будут изменены.
В верхней части вкладки находятся параметры «Размер» и «Жесткость».
Если переместить ползунок под «Размер», кисть станет больше при увеличении числа и меньше при уменьшении числа.
Параметр «Жесткость» указывает, насколько жестким или мягким будет край кисти.
При жесткости 100% кисть будет иметь сплошной контур, но если жесткость установлена на 25%, кисть будет иметь мягкий контур.
Установите размер 900 пикселей и жесткость 50%.
После выбора скройте вкладку «Наборы кистей», но отменив выбор стрелки раскрывающегося списка «Наборы кистей».
Обратите внимание на две цветные рамки в нижней части панели инструментов.
Цвет сверху представляет цвет переднего плана, а цвет позади него представляет цвет фона.
Дважды щелкните цвет переднего плана.
Появится окно выбора цвета (цвет переднего плана).
В окне «Палитра цветов» отображается множество цветов на выбор или для ввода цветового кода в нижней части окна.
В этом случае выберите зеленый цвет.
После выбора нажмите ОК.
Теперь просто щелкните и перетащите указатель мыши по кругу, пока весь круг не заполнится.
Если кисть слишком большая или слишком маленькая, вернитесь в верхнюю часть рабочего пространства на вкладке «Набор настроек кисти» и отрегулируйте размер или попробуйте использовать клавиши [и] на клавиатуре, чтобы настроить нужный размер.
После выбора в круге появится зеленый цвет.
Чтобы удалить выделение по кругу, найдите верхнюю часть рабочей области.
Нажмите «Выбрать» и в раскрывающемся окне выберите «Отменить выбор».
Движущийся контур исчезнет.
2.3 Инструмент «Эллиптическая область»: заполнить круг инструментом «Заливка»
Найдите левую сторону рабочего пространства, где расположена панель инструментов.
На панели инструментов найдите инструмент «Градиент», который можно узнать по квадратному символу градиента от черного к белому.
После обнаружения выберите и удерживайте инструмент «Градиент», пока не появится боковая вкладка.
Инструмент «Заливка» появится как второй инструмент на вкладке.
Выберите инструмент «Заливка».
После выбора обратите внимание на верхнюю часть рабочего пространства, где можно настроить Paint Bucket Tool.
Первый раздел, который является индикатором «Источник для заливки», спрашивает, как должен быть заполнен объект. Это позволяет заполнить выделение цветом переднего плана или узором. В этом случае выберите Передний план.
Установите режим «Нормальный», чтобы цвет заливал без изменений.
Установите непрозрачность на 100%, чтобы цвет заливал сплошным цветом.
Установите допуск на 0.
Обратите внимание на две цветные рамки в нижней части панели инструментов.
Цвет вверху представляет цвет переднего плана, а цвет внизу представляет цвет фона.
Дважды щелкните цвет переднего плана.
Появится окно выбора цвета (цвет переднего плана).
В окне «Палитра цветов» отображается множество цветов на выбор или для ввода цветового кода в нижней части окна.
В этом случае выберите фиолетовый цвет.
После выбора нажмите ОК.
Теперь просто наведите указатель мыши на круг и щелкните, чтобы залить круг цветом.
Теперь круг станет фиолетовым.
Чтобы удалить выделение по кругу, найдите верхнюю часть рабочей области.
Нажмите «Выбрать» и в раскрывающемся окне выберите «Отменить выбор».
Движущийся контур исчезнет.
2.4 Инструмент «Эллиптическая область»: заливка круга с помощью инструмента «Градиент»
Инструмент «Градиент» позволяет применять и смешивать несколько цветов в одной последовательности.В этом случае к кругу будет применен градиент, чтобы он выглядел уникально.
Найдите левую сторону рабочего пространства, где расположена панель инструментов.
На панели инструментов найдите инструмент «Градиент», который можно узнать по квадратному символу градиента от черного к белому.
Выберите инструмент «Градиент» или воспользуйтесь сочетанием клавиш, нажав G на клавиатуре.
Найдите верхнюю часть рабочего пространства, где есть различные параметры для настройки инструмента «Градиент».
Обратите внимание на поле градиента от черного к белому вверху.Это называется «Выбор градиента», в котором будет выбран градиент.
Щелкните стрелку рядом с палитрой градиентов, чтобы отобразить различные градиенты на выбор.
Выберите градиент радуги, который называется Spectrum.
Рядом с палитрой градиента находятся параметры стиля градиента.
При наведении курсора мыши на каждый квадрат Photoshop укажет, как градиент будет размещен в последовательности.
В этом случае выберите первое поле, которое называется линейным стилем.
Линейный стиль представляет градиент в одной прямой последовательности.
Установите режим «Нормальный», чтобы цвет заливал без изменений.
Установите непрозрачность на 100%, чтобы заливка была сплошной.
Теперь, поместив указатель мыши в левую часть круга, щелкните и перетащите мышь до конца по кругу.
Обратите внимание, что при перемещении мыши появится линия, указывающая, в каком направлении будет идти градиент.
Когда мышь окажется на правой стороне круга, отпустите ее.
Градиент радуги появится в круге в той же последовательности в палитре градиентов.
Попробуйте щелкнуть и перетащить мышь по кругу в разных направлениях, чтобы увидеть, в каких направлениях может быть направлен градиент.
Чтобы удалить выделение по кругу, найдите верхнюю часть рабочей области.
Нажмите «Выбрать» и в раскрывающемся окне выберите «Отменить выбор».
Движущийся контур исчезнет.
Создание круга: с помощью инструмента «Эллипс»
Инструмент «Эллипс» создает сплошную выделенную область созданной формы, которую затем можно настроить так, чтобы цвет заливал форму или имел контур вокруг формы.Этот инструмент позволяет настраивать круг в одном инструменте. Хотя форма эллипса не является равномерно круглой, ярлык Photoshop позволит инструменту Ellipse Tool превратить инструмент в инструмент круга.
Найдите левую сторону рабочего пространства, где расположена панель инструментов.
На панели инструментов есть несколько инструментов, которые можно использовать в Photoshop.
Инструмент «Эллипс» — это инструмент, расположенный на вкладке «Прямоугольник» на панели инструментов, который обозначается символом в форме прямоугольника.Этот инструмент расположен над инструментом увеличения в нижней части панели инструментов.
После нахождения выберите и удерживайте инструмент «Прямоугольник».
Появится боковая вкладка, показывающая инструмент различной формы, который можно использовать.
Выберите инструмент «Эллипс», который является вторым инструментом на вкладке.
Найдите верхнюю часть рабочего пространства, где можно настроить инструмент «Эллипс».
Выберите режим инструмента, который находится в верхнем левом углу.
Установите режим инструмента «Форма».
Это будет указывать на то, что круг используется для создания формы.
Параметр «Заливка» позволяет создавать круг с заливкой или без нее. Это позволяет заполнить круг сплошным цветом, градиентом или узором.
В этом случае установите для заливки значение «Нет», что обозначено белым прямоугольником с красной линией поперек него.
Рядом с заливкой находится Обводка, которая указывает, как очертить круг. Этот параметр похож на «Заливку», поскольку позволяет обвести круг без цвета, сплошным цветом, градиентом или узором.
В этом случае выберите круг, который нужно обвести без заливки, что обозначено белым прямоугольником с красной линией поперек него.
В поле «Обводка» выберите ширину обводки равной 0 pt.
Параметр «Эллипс» позволяет обвести круг или обвести круг из точек.
Поместив курсор в левый верхний угол, щелкните и перетащите мышь в правый нижний угол, удерживая нажатой клавишу Shift на клавиатуре.
Удерживая Shift, можно создать идеальный круг.Если Shift не удерживать, круг превратится в овальную форму.
Обратите внимание, как новая форма создала новый слой под названием Ellipse 1 на панели слоев в правой части рабочего пространства.
Поскольку фигура имеет свой собственный слой, ее можно настроить в любое время.
3.2 Инструмент «Эллипс»: очертите и закрасьте круг сплошным цветом
Выбрав слой Ellipse 1, который находится в правой части панели слоев, выберите инструмент Ellipse Tool.
Обратите внимание на параметры настройки круга в верхней части рабочего пространства.
Найдите и выберите «Заливка», чтобы появилась раскрывающаяся вкладка.
Рядом с параметром «Нет заливки», обозначенным белым прямоугольником с красной линией поперек, находится сплошной черный квадрат, который указывает на заливку круга сплошным цветом.
Выберите сплошной черный ящик.
Photoshop автоматически заполнит квадрат цветом, который использовался в Photoshop последним.
Чтобы изменить цвет круга, найдите в правом верхнем углу вкладки «Заливка» разноцветную рамку.Это называется палитрой цветов, которая позволяет выбрать любой цвет для заполнения круга.
Выберите палитру цветов.
Появится окно выбора цвета (цвет заливки).
В окне «Палитра цветов» отображается множество цветов на выбор или для ввода цветового кода в нижней части окна.
В этом случае выберите голубой цвет.
После выбора нажмите ОК.
Обратите внимание, как круг закрашен выбранным цветом.
Рядом с полем «Заливка» выберите «Обводка», чтобы появилась раскрывающаяся вкладка.
Рядом с полем «Нет обводки», обозначенным белым прямоугольником с красной линией поперек, находится сплошной черный квадрат, который указывает на заполнение круга сплошным цветом.
Выберите сплошной черный ящик.
Photoshop автоматически заполнит квадрат цветом, который использовался в Photoshop последним.
Чтобы изменить цвет контура круга, найдите в правом верхнем углу вкладки «Обводка» разноцветную рамку.Это называется палитрой цветов, которая позволяет выбрать любой цвет для заливки контура.
Выберите палитру цветов.
Появится окно выбора цвета (цвет обводки).
В окне «Палитра цветов» отображается множество цветов на выбор или для ввода цветового кода в нижней части окна.
В этом случае выберите темно-синий цвет.
После выбора нажмите ОК.
Обратите внимание, как круг закрашен выбранным цветом.
Теперь рядом с Обводкой введите ширину линии 5 pt.
Установите для параметра «Тип обводки формы» сплошную линию, расположенную рядом с параметром «Ширина обводки».
3.3 Инструмент «Эллипс»: заполнение круга градиентом
Выбрав слой Ellipse 1, который находится в правой части панели слоев, выберите инструмент Ellipse Tool.
Обратите внимание на параметры настройки круга.
Найдите параметр «Заливка» в верхней части рабочего пространства.
Выберите «Заливка», чтобы появилась раскрывающаяся вкладка.
Рядом с параметром «Нет заливки», обозначенным белым прямоугольником с красной линией поперек, находится черный квадрат градиента, который указывает на заливку круга градиентом.
Выберите вариант градиента, который находится рядом со сплошным черным прямоугольником.
Photoshop автоматически заполнит круг градиентом.
Photoshop предоставляет для заливки градиенты разных цветов, которые можно выбрать или настроить для создания нового градиента.
Чтобы настроить градиент, обратите внимание на диалоговое окно редактора градиента, в котором автоматически отображается полоса градиента от черного к белому.
Диалоговая панель редактора градиента позволяет выбирать любые цвета, настраивать прозрачность и направление градиента.
Обратите внимание на верхнюю стрелку над диалоговой панелью градиента.
Верхние стрелки над градиентом указывают, где непрозрачность начинается и заканчивается в градиенте.
Непрозрачность указывает, какая часть цвета будет присутствовать. Например, если непрозрачность установлена на 50%, тогда интенсивность цвета будет больше 50%. Это позволит видеть другие элементы за градиентом.
Нижние стрелки указывают, где каждый цвет начинается и заканчивается в градиенте.
Если цвет слева более желателен, просто переместите любую нижнюю стрелку вправо или влево, чтобы получить больше этого цвета.
Теперь обратите внимание на маленький кружок внизу градиента.
Указывает среднюю точку цвета, где сливаются два цвета. Это позволяет одному цвету преобладать над другим в градиенте.
Дважды щелкните нижнюю левую стрелку, чтобы изменить цвет.
Появится окно «Палитра цветов» (Color Stop).
Выберите оранжевый цвет и нажмите ОК.
Обратите внимание, как градиент заполнил круг.
Выбранный цвет теперь заполнит левую часть диалогового окна градиента.
Теперь нажмите и перетащите нижнюю стрелку остановки цвета вправо.
Обратите внимание, как цвет заполняет большую часть градиента.
Теперь переместите круг средней точки цвета в нижней части диалоговой панели градиента вправо.
Обратите внимание, как изменяется градиент круга.
Теперь дважды щелкните нижнюю правую стрелку под диалоговым окном градиента.
Появится окно «Палитра цветов» (Color Stop).
Выберите синий цвет и нажмите ОК.
Найдите параметр «Линейный» под диалоговой панелью градиента.
Указывает стиль градиента.
Чтобы изменить стиль, просто щелкните вкладку и выберите стиль.
Пронумерованное поле рядом со стилем градиента позволяет указать угол стиля.В этом случае Photoshop автоматически установил угол 90 градусов.
Другой способ обозначения угла — кружок в пронумерованном поле угла. С линией, направленной к вершине круга, это указывало на то, что градиент будет идти вниз кверху.
Основы Photoshop: Работа со слоями Учебное пособие
Как использовать слои в Photoshop — инструкции о том, как эффективно использовать инструмент слоев, создав новый документ в Photoshop, используя порядок и непрозрачность слоев и многое другое!
Если вы не используете слои в Photoshop, вы едва прикоснетесь к поверхности этого мощного программного обеспечения для обработки изображений.
Layers предлагают неограниченные возможности для экспериментов, не опасаясь потери исходных данных.
Они также дают вам возможность вернуться и отредактировать свои решения в любое время в будущем — вы можете перепрофилировать файлы изображений, воспользовавшись некоторой предыдущей работой, создавая некоторые новые изменения.
Слои довольно интенсивны, чтобы попытаться узнать о них все за один раз. Мы не торопимся и начнем с самого начала, создав файл / новый документ (Command или Control N).
Еще из нашей серии «Популярные инструменты в Photoshop»:
Как создать новый документ в Photoshop
Когда вы решите создать новый документ, открывается диалоговое окно, в котором вы можете указать Photoshop, какой файл вы хотите создать, какой размер и разрешение вы хотите иметь, какое цветовое пространство вы хотите использовать и другие атрибуты, с которыми вы хотите работать.
Имя документа, размер и разрешение
Здесь я ввел имя для нового документа, выбрал ширину и высоту в дюймах и ввел разрешение, с которым хочу работать.
Когда я ввел размер и разрешение, в диалоговом окне отобразился размер изображения, которым будет новый файл.
Pro-Tip : Что касается разрешения, подумайте, с каким принтером или выходом вы, скорее всего, будете работать.
В руководствах по эксплуатации принтеров указано собственное разрешение для используемой модели.
Если вы используете цветовую лабораторию, спросите их, какое разрешение они хотят от вас. Интернет составляет 72 пикселя, независимо от того, какой размер пикселя вы хотите, чтобы изображение отображалось на экране.
Помимо имени и размера документа, можно выбрать и другие атрибуты.
Под полями размера и разрешения находятся поля, которые позволяют вам выбрать определенные технические атрибуты для вашего Нового документа.
Цветовой режим
Сначала идут поля для выбора желаемого цветового режима и глубины цвета.
RGB — самый популярный выбор для фотографов, потому что большинство из них выводятся на принтеры RGB. Промышленный стандарт допечатной подготовки — CMYK.
Битовая глубина
Битовая глубина — это количество цветовых нюансов, которые вы хотите включить в свою работу.
Чем глубже глубина, тем больше цветов вы потенциально можете использовать и увидеть, однако не все из них могут быть доступны в вашем выводе в зависимости от того, где вы собираетесь с изображением.
Если вы используете свой собственный вывод, поэкспериментируйте и определите, что лучше для вас (некоторые художники работают с 32-битной глубиной цвета и конвертируют ее для получения другого вывода).
Если вы используете лабораторию, спросите их, с чем они хотят работать.Я выбрал цвет RGB и глубину цвета 8 бит.
Pro-Tip : Эти темы заслуживают глубокого изучения! Эта статья посвящена слоям, поэтому я значительно упрощаю эту часть, но, пожалуйста, узнайте о цветовых пространствах, битовой глубине и всех других аспектах документа, чтобы добиться наилучшего результата.
Содержимое фона
Затем вы можете выбрать содержимое фона. Мне нравится думать о Фоне как о листе бумаги, на котором я хочу рисовать.
Я выбираю белый цвет — кусок белой бумаги, но вы можете выбрать и другие вещи.
Если у вас есть цвета, уже выбранные в вашем окне цветов, и вы выбираете здесь цвет фона, новый «лист бумаги» будет цветом фона в окне цветов.
Если вы выберете «Прозрачный», подумайте о работе с куском прозрачного пластика. Не будет цвета фона, только созданное вами произведение искусства.
Эта опция удобна для создания логотипов или других изображений, которые вы хотите наложить на другие изображения.
При выборе «Другой» откроется окно выбора цвета, в котором вы сможете выбрать любой цвет.
Теперь мы перейдем к следующему параметру, Цветовой профиль — еще одна возможность для более глубокого изучения!
Цветовой профиль
Как видите, есть множество вариантов на выбор, но опять же, многое из этого может зависеть от того, как вы используете свой файл.
Если вы используете фотолабораторию для печати, sRGB, вероятно, будет тем профилем, который вам нужно отправить им, даже если вы работаете и сохраняете свои оригиналы в больших цветовых пространствах, например Pro Photo RGB.
Вы даже можете отказаться от управления цветом в файле, но в конечном итоге вам придется выбрать цветовое пространство, чтобы отпечатки выглядели так же, как то, что вы видите на своем мониторе.
Pro-Tip : Цветовой профиль подобен цветовой призме на странице с вырезанными разными размерами и формами, которые включают одни цвета, но не другие. Некоторые пространства маленькие, как sRGB, а другие большие, как Pro Photos RGB. В некоторых местах больше синих, но не так много красных — узнайте о них, чтобы выбрать те, которые подходят вам лучше всего!
Соотношение сторон пикселя
Последнее в диалоговом окне «Новый документ» — это выбор для параметра «Соотношение сторон пикселя».
Это требует от нас понимания того, что многие художники и художники используют Photoshop.
Квадратные пиксели означают, что длина и ширина каждого пикселя одинаковы, 1: 1. Не во всех медиа используются квадратные пиксели — например, в некоторых видео используются прямоугольные пиксели, поэтому здесь есть другие варианты.
Если вы фотограф или график, Square Pixels — ваш логичный выбор. Если вы работаете в другой среде, спросите, что вам нужно.
Хорошо, теперь перейдем к слоям!
Обзор окна слоев
Вот наш новый документ и окно слоев.
Окно «Слои» предлагает множество параметров слоев, но в этой статье мы сосредоточимся на центральной области, возможно, добавив один или два параметра, но сохранив расширенные параметры для следующей статьи.
Я хотел бы, чтобы вы заметили, что в окне «Слои» выбранный нами фон уже присутствует.
Он белый, точно соответствует тому, что я выбрал в диалоговом окне «Новый документ». Если бы фотография была открыта, в этой квадратной области вместо нее отобразился бы небольшой фрагмент фотографии.
Давайте посмотрим на окно слоев для нашего нового белого документа:
На данный момент мы работаем в центральной части окна слоев.
Видимость слоя
Первый компонент нашего фона — это видимость слоя.
Он представлен в виде небольшого изображения глаза, которое можно включать и выключать, щелкая по нему.
Щелкните один раз, чтобы не видеть, что находится на этом слое, и еще раз, чтобы вернуть его.
Маленький глаз исчезнет и появится снова, чтобы дать визуальное представление о том, что вы видите и чего не видите во время рабочего сеанса.
Если вы тренируетесь вместе со мной, он не будет активен сейчас, потому что фоновый слой заблокирован, так что, пожалуйста, потерпите меня.
Визуальное представление слоев
Следующий значок на слое представляет собой визуальное представление того, что находится на слое, в данном случае сплошное покрытие белого цвета.
Если бы это был прозрачный фон, он бы выглядел так:
Photoshop представляет прозрачность в виде сетки из белых и серых квадратов.Это будет важно помнить, когда мы начнем создавать новые слои на этом изображении.
Имя слоя и значок замка
При перемещении вправо отображается раздел, в котором указано имя слоя. Слово Фон предоставляется по умолчанию и по умолчанию заблокировано. Видите маленький замок справа?
Это можно изменить, переименовав слой или щелкнув значок замка.
Если щелкнуть значок замка, имя слоя изменится с «Фон» на «Слой 0», а маленький замок исчезнет.
Если вы дважды щелкните слово «Фон», откроется диалоговое окно, в котором вы можете ввести новое имя по вашему выбору, а также назначить другие атрибуты.
В любом случае, теперь, когда фон разблокирован, вы можете выбрать, хотите ли вы его видеть или нет, переключая значок видимости слоя.
Большинство фотохудожников, включая меня, оставляют Фон как есть, заблокированным и видимым, и строят на нем.
Мне нравится оставлять фон без изменений, поэтому я сохраняю исходное изображение в качестве ссылки, что позволяет мне лучше оценивать свой прогресс, плюс я могу использовать его как «ластик», если я допущу ошибку.
Когда вы работаете с несколькими слоями и перемещаетесь между ними, очень важно нажимать в нужном месте.
Каждый раз, когда вы нажимаете на буквы, Photoshop думает, что вы хотите переименовать слой. Если вы нажмете на замок, Photoshop подумает, что вы хотите разблокировать слой.
Итак, когда вы выбираете разные слои, щелкните область внутри слоя, которая не содержит параметров!
Вот файл с белым фоном и тремя дополнительными слоями.
Слой 2 — это активный слой, который легко идентифицировать, потому что он выделен. Это означает, что если я рисую синей краской, краска будет применена к слою 2.
Если я хочу выбрать другой слой или фон для работы , Я должен щелкнуть пустую область слоя, чтобы Photoshop знал, что я просто хочу работать с другим слоем.
Теперь сделаем несколько слоев.
Как использовать слои в Photoshop
Мы начнем с создания нового слоя поверх фона.В строке главного меню выберите Layer New или используйте сочетание клавиш Shift / Command (Control) N.
Это откроет диалоговое окно, в котором вы можете ввести имя по вашему выбору для нового слоя, а также назначьте другие атрибуты, если хотите.
Другой способ создания нового слоя — щелкнуть значок «Новый слой» в нижней части окна «Слои».
Значок выглядит как квадратный лист бумаги с загнутым вверх углом.
Если вы хотите использовать быстрый значок в окне «Слои», но при этом хотите дать имя новому слою, удерживая клавишу Option (Alt), щелкните значок.
Откроется диалоговое окно, в котором вы можете назвать слой. Я назвал свой Красный круг, потому что это то, что я собираюсь нанести на Новый слой.
Pro-Tip: Вы можете назвать слой после создания — или в любое время, если на то пошло — просто дважды щелкнув буквы и введя новое имя в диалоговом окне.
Теперь наше окно слоев выглядит так:
Пока что новый слой полностью прозрачен, как лист прозрачного пластика.Давайте теперь нарисуем на нем красный кружок.
Вы можете использовать инструмент «Кисть» и рисовать от руки, или вы можете использовать эллиптическую область, чтобы создать круг и залить его красным цветом — это ваш выбор.
Единственное, что есть на этом слое, — это красный круг, окруженный прозрачностью.
Окно слоев теперь выглядит иначе. Фон представляет собой сплошной белый квадрат, но слой красного круга показывает красный круг, окруженный сеткой прозрачности.
Мы можем сказать, просто посмотрев в окно слоя, что у нас есть и где оно находится.Просто ради удовольствия отключите видимость слоя на слое «Красный круг».
Круг исчезнет. Щелкните по нему еще раз, и круг вернется.
Теперь я собираюсь создать еще один новый слой. На этот раз я назову его Голубой квадрат и поставлю на него синий квадрат.
Новый слой появляется поверх последнего выделенного (активного) слоя. Слой «Синий квадрат» находится поверх слоя «Красный круг», поэтому синий квадрат перекрывает красный круг.
Слой «Синий квадрат» теперь выделен или активен.Этот слой также содержит только синий квадрат, окруженный прозрачностью.
Мы можем подумать, что теперь у нас есть сплошной кусок белой бумаги с двумя листами прозрачного пластика поверх него, на одном из которых изображен красный кружок, а на другом — синий квадрат.
Что, если мы хотим переместить красный кружок? Первое, что нам нужно сделать, это сделать активным слой Red Circle Layer, чтобы Photoshop знал, какой слой мы хотим переместить.
Щелчок по слою с красным кружком (в пустой области) выбирает его. Инструмент «Перемещение» можно использовать для перемещения красного круга в другое место.
Давайте создадим еще один новый слой. На этот раз важно отметить, что текущий активный слой — это слой красного круга.
Это означает, что следующий новый слой появится чуть выше слоя красного круга и ниже слоя синего квадрата.
Я собираюсь создать слой Purple Rectangle и сделать на нем фиолетовый прямоугольник.
Части прямоугольника находятся над красным кружком и под синим квадратом.
В окне «Слои» вы можете понять, почему.Слой «Красный круг» находится под слоем «Фиолетовый прямоугольник», а слой «Синий квадрат» находится поверх всего.
Что делать, если вы хотите поместить фиолетовый прямоугольник сверху? Вы можете переместить слой вверх в окне слоев, просто нажав на него (пустую область) и перетащив его вверх.
Помните, слои можно переупорядочивать сколько угодно раз.
Давайте создадим еще один слой, желтый овальный слой, но на этот раз мы хотим разместить его под текущим активным слоем.
Если удерживать нажатой клавишу Command (Control) при щелчке по значку «Новый слой» в нижней части окна «Слои», новый слой появится под текущим активным слоем.
Если вы удерживаете и клавишу Option (Alt), и клавишу Command (Control) при щелчке по значку нового слоя, вы также можете назвать слой на пути внутрь.
Вы можете увидеть, что желтый овал находится над красным кружком, над синим квадратом, но под фиолетовым прямоугольником — точно так же, как в окне слоев.
Создавать новые слои легко, и вы можете видеть, что их также легко перемещать вверх и вниз в окне слоев, чтобы переупорядочить их.
Элементы на слоях можно перемещать с помощью инструмента «Перемещение» сколько угодно раз. Слои также можно копировать или дублировать.
Допустим, мы хотели бы увидеть два фиолетовых прямоугольника, абсолютно одинакового размера и цвета.
Это легко сделать: нажмите на слой с фиолетовым прямоугольником, чтобы выбрать его, а затем выберите «Дублировать» на панели / слоях главного меню или в раскрывающемся меню «Дополнительные параметры», расположенном в правом верхнем углу окна «Слои».
Вы можете переименовать его по пути или использовать имя по умолчанию, в данном случае Purple Rectangle copy.
В любом случае файл выглядит одинаково, потому что дублированный слой находится точно поверх исходного, но окно слоев показывает, что теперь есть два слоя с фиолетовыми прямоугольниками.
Давайте воспользуемся инструментом «Перемещение», чтобы изменить положение прямоугольника копии, и «Редактировать» / «Трансформировать» / «Повернуть» на 90 градусов по часовой стрелке, чтобы повернуть прямоугольник по вертикали.
Затем возьмем слой и переместим его вниз по стопке под желтый овал.
Теперь давайте создадим новый слой и залем его сплошным цветом. Для этого создайте Новый слой, затем выберите «Правка / Заливка» — и выберите цвет по вашему выбору.
Поскольку текущий активный слой является копией Purple Rectangle, слой сплошного цвета будет поверх него.
Однако, если вы хотите изменить расположение нового слоя, просто предварительно выберите слой прямо под тем местом, где вы хотите его разместить.Я использую то, что у нас есть, и создам сплошной розовый слой.
Это интересно — некоторые формы исчезли. Вдобавок, когда мы смотрим в окно «Слои», фон также исчезает.
Произошли две вещи. Сначала слой Solid Pink расположен под желтым овалом и одним из фиолетовых прямоугольников.
Другой фиолетовый прямоугольник, синий квадрат и красный круг находятся под сплошным розовым слоем, и, если вы заметили, в правом верхнем углу окна слоев есть параметр Непрозрачности, который в настоящее время установлен на 100%.
Это означает, что сплошной розовый слой на 100% непрозрачен — сквозь него ничего не видно; вы не можете увидеть, что под ним.
Фон больше не отображается, и, поскольку мы создали так много слоев, все они не могут быть отображены в окне слоев.
К счастью, в нижней части окна слоев есть настройка, с помощью которой мы можем растянуть окно дольше; просто опустите его, как оконную штору.
Последнее, что я собираюсь коснуться, — это непрозрачность.
Мы упоминали об этом раньше, потому что 100% -ная непрозрачность сплошного розового слоя не позволяла нам видеть слои под ним.
Если ползунок «Непрозрачность» сдвинуть вниз до 75%, сплошной розовый слой станет непрозрачным на 75% — и сквозь него можно будет увидеть 25% нижележащих слоев.
Используйте непрозрачность слоя — каждый слой может иметь разную непрозрачность слоя — так что посмотрите, что вы можете придумать. Вот что я сделал со своим:
Выполнив только простые задачи по созданию слоев, изменению порядка слоев и использованию прозрачности слоев, легко увидеть, насколько мощным может быть использование слоев.
И многое другое! Если вы новичок в слоях, пожалуйста, потратьте немного времени на то, чтобы поэкспериментировать с созданием, наименованием и перемещением слоев.
Заключительные мысли
Одна из приятных особенностей работы со слоями заключается в том, что вы можете сохранить файл со всеми слоями; используйте формат PSD или TIFF.
Это означает, что вы можете однажды поработать, а затем отложить работу, чтобы закончить позже, не теряя возможности перемещать предметы, настраивать цвета и вносить другие изменения в свою работу.
Когда работа закончена, многие художники сохраняют мастер-файл со всеми слоями, а затем выравнивают изображение (Layers / Flatten) и снова сохраняют его в размере и формате, необходимом для конкретных выходных данных.
И это все, что касается использования слоев в Photoshop! Надеюсь, вам это понравится!
Хотите узнать о чем-то больше, но не можете найти это в нашем блоге? Дайте нам знать, нажав здесь!
Джейн Коннер-цизер — отмеченный наградами фотограф, цифровой художник, ведущий педагог и независимый консультант.Обладая более чем 25-летним опытом, 19 из них — в области цифровых изображений и развивающихся технологий, Джейн разработала методы ретуширования и улучшения лица и рисования портретов с фотографий, которые широко используются фотографами и цифровыми художниками во всем мире через ее классы, онлайн-обучение и образовательные продукты. Вы можете узнать больше на ее сайте.
вектор — Как нарисовать круг определенных размеров с помощью инструмента эллипса в Photoshop?
вектор — Как нарисовать круг определенных размеров с помощью инструмента эллипса в Photoshop? — Обмен стеками графического дизайнаСеть обмена стеков
Сеть Stack Exchange состоит из 178 сообществ вопросов и ответов, включая Stack Overflow, крупнейшее и пользующееся наибольшим доверием онлайн-сообщество, где разработчики могут учиться, делиться своими знаниями и строить свою карьеру.
Посетить Stack Exchange- 0
- +0
- Авторизоваться Зарегистрироваться
Graphic Design Stack Exchange — это сайт вопросов и ответов для профессионалов, студентов и энтузиастов графического дизайна.Регистрация займет всего минуту.
Зарегистрируйтесь, чтобы присоединиться к этому сообществуКто угодно может задать вопрос
Кто угодно может ответить
Лучшие ответы голосуются и поднимаются наверх
Спросил
Просмотрено 47k раз
Я следую руководству, в котором автор попросил нарисовать круг 70px x 70px
с помощью инструмента эллипс, но я не могу понять, как нарисовать круг с точными размерами в Photoshop.
Создан 21 окт.
Мохит30122 золотых знака55 серебряных знаков1111 бронзовых знаков
Или нарисуйте эллипс, а затем измените измерения на панели управления в верхней части экрана.
Создан 21 окт.
СкоттСкотт188k1919 золотых знаков256256 серебряных знаков507507 бронзовых знаков
2Выберите инструмент «Эллипс» и дважды щелкните им на изображении.Появится всплывающее окно, в котором вы можете ввести размеры вручную.
Создан 21 окт.
Джон Джон6,25511 золотых знаков1616 серебряных знаков2222 бронзовых знака
Поигравшись, я обнаружил это
Создан 22 окт.
Мохит30122 золотых знака55 серебряных знаков1111 бронзовых знаков
Щелкните значок руки, показанный в красном кружке выше.Должен появиться вариант эллипса.
Зак Сосье12k1010 золотых знаков5959 серебряных знаков101101 бронзовый знак
Создан 03 мар.
1 Очень активный вопрос .Заработайте 10 репутации (не считая бонуса ассоциации), чтобы ответить на этот вопрос. Требование репутации помогает защитить этот вопрос от спама и отсутствия ответов. Graphic Design Stack Exchange лучше всего работает с включенным JavaScriptВаша конфиденциальность
Нажимая «Принять все файлы cookie», вы соглашаетесь с тем, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Принимать все файлы cookie Настроить параметры
Как заполнить форму фотографией в Photoshop
Автор Стив Паттерсон.
Из этого урока вы узнаете, как заполнить фигуру изображением в Photoshop! Как вы увидите, Photoshop позволяет легко разместить фотографию в любой форме, от простого прямоугольника или круга до необычной нестандартной формы. В этом уроке мы будем использовать одну из готовых пользовательских форм Photoshop. Но как только вы выучите эти шаги, вы можете начать размещать изображения в любой форме, которая вам нравится!
Вот как будет выглядеть окончательный эффект «изображение в форме», когда мы закончим. Конечно, это лишь один пример эффекта.В Photoshop есть множество форм на выбор, и вы даже можете создать свои собственные. Итак, как только вы выучили шаги, у вас действительно нет предела тому, что вы можете сделать:
Последний эффект «изображение в форме».
Приступим!
Загрузите это руководство в виде готового к печати PDF-файла!
Как заполнить фигуру фотографией
Эта версия руководства предназначена для Photoshop CC 2019 и более ранних версий . Также доступна обновленная версия для Photoshop 2020 и 2021.
Шаг 1. Создайте новый документ
Начнем с создания нового документа. Подойдите к меню File в строке меню в верхней части экрана и выберите New :
Переход к файлу и новому.
Откроется диалоговое окно « Новый документ ». Если вы используете Photoshop CC, вы увидите обновленную версию диалогового окна «Новый документ». Если вы используете Photoshop CS6, вы увидите старую, традиционную версию. Сначала мы рассмотрим версию Photoshop CC, а затем версию CS6.
В Photoshop CC параметры для создания нового настраиваемого документа находятся на панели Preset Details справа от диалогового окна. В этом уроке давайте создадим квадратный документ. Установите Width и Height на 2000 пикселей . Мы установим разрешение с на 72 пикселя / дюйм и с Background Contents с на White . Щелкните Create , чтобы создать новый документ:
Панель «Сведения о предустановке» в диалоговом окне «Новый документ» в Photoshop CC.
В Photoshop CS6 снова установите для ширины и высоты на 2000 пикселей , разрешение с на 72 пикселя / дюйм и Содержимое фона с на Белый . Нажмите ОК , чтобы создать новый документ:
Диалоговое окно «Новое» в Photoshop CS6.
Смотрите видео и делитесь своими комментариями на нашем канале YouTube!
Шаг 2. Выберите инструмент Custom Shape Tool
Как я упоминал ранее, вы можете использовать любой тип формы для этого эффекта, от простого прямоугольника или круга до произвольной формы.В этом уроке я буду использовать одну из встроенных пользовательских форм Photoshop.
Выберите инструмент Custom Shape Tool на панели инструментов. По умолчанию инструмент «Произвольная фигура» расположен за инструментом «Прямоугольник». Щелкните правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкните (Mac) на инструменте «Прямоугольник», затем выберите в меню инструмент «Пользовательская форма»:
Выбор инструмента Custom Shape Tool на панели инструментов.
Шаг 3. Установите для режима инструмента значение «Форма»
Есть три разных типа фигур, которые мы можем рисовать в Photoshop.Мы можем нарисовать векторных фигур, контуров или пикселей на основе фигур. Для этого эффекта мы хотим нарисовать векторные фигуры, которые позволят нам нарисовать фигуру любого необходимого размера, сохраняя при этом края красивыми и резкими.
Photoshop называет векторные фигуры просто «фигурами». Выбрав инструмент Custom Shape Tool, убедитесь, что для параметра Tool Mode на панели параметров установлено значение Shape :
.Установка режима инструмента на «Форма» на панели параметров.
Шаг 4: Установите черный цвет формы
Чтобы мы могли видеть нашу форму на белом фоне, мы установим цвет заливки формы на черный . Вы найдете образец цвета Fill на панели параметров (непосредственно рядом с параметром «Режим инструмента»).
По умолчанию цвет уже будет черным. Если это не так, нажмите на клавиатуре букву D . Это сбросит ваши цвета переднего плана и фона на значения по умолчанию, сделав ваш цвет переднего плана (и цвет заливки фигуры) черным:
Образец цвета заливки на панели параметров.Убедитесь, что он черный.
Шаг 5. Загрузите пользовательские формы
Photoshop включает в себя множество готовых нестандартных форм, из которых мы можем выбирать. Но по умолчанию в программу загружается лишь несколько из них. Чтобы найти остальные, нам нужно загрузить их в себя.
Миниатюра Shape на панели параметров отображает текущую выбранную форму. Нажмите на миниатюру, чтобы выбрать другую форму:
Щелкните эскиз фигуры на панели параметров.
Откроется окно выбора Custom Shape Picker с миниатюрами всех фигур, из которых мы можем выбирать. Как я уже упоминал, по умолчанию отображается только несколько фигур. Давайте загрузим все формы, чтобы у нас было больше выбора.
Щелкните значок меню (значок шестеренки) в правом верхнем углу окна выбора пользовательской формы:
Щелкните значок меню «Выбор произвольной формы».
В нижней половине появившегося меню вы увидите список всех пользовательских наборов фигур , из которых мы можем выбирать.Вместо того, чтобы загружать каждый по отдельности, чтобы посмотреть, что мы получим, давайте просто загрузим их все сразу. Для этого выберите Все сверху списка:
Загрузка всех наборов пользовательских фигур в Photoshop.
Photoshop спросит, хотите ли вы заменить текущие фигуры новыми. Поскольку формы по умолчанию включены в различные наборы фигур, мы ничего не потеряем, заменив их, поэтому нажмите OK :
Щелкните OK, чтобы заменить текущие формы новыми.
Шаг 6. Выберите произвольную форму
Вернувшись в Custom Shape Picker, теперь у нас есть гораздо больше фигур на выбор. Прокрутите миниатюры, пока не найдете тот, который хотите использовать. Форма сердца (которая на самом деле является частью фигур по умолчанию) — популярный выбор. Но для чего-то другого я выберу форму бабочки .
Чтобы выбрать фигуру, дважды щелкните ее миниатюру. Это выберет форму и закроет окно выбора пользовательской формы.
Выбор нестандартной формы бабочки.
Шаг 7: Нарисуйте форму
Чтобы нарисовать фигуру, щелкните в левом верхнем углу документа, чтобы задать начальную точку. Удерживая кнопку мыши нажатой, нажмите и удерживайте клавишу Shift на клавиатуре и потяните по диагонали вниз к правому нижнему углу документа. Удерживание клавиши Shift при перетаскивании фиксирует соотношение сторон фигуры, чтобы вы не исказили ее внешний вид.
Когда вы рисуете фигуру, вы увидите только контур контура того, как она будет выглядеть:
Щелкните в верхнем левом углу, удерживая Shift, перетащите в нижний правый угол.
Чтобы завершить форму, отпустите кнопку мыши, затем отпустите клавишу Shift. Убедитесь, что вы сначала отпустили кнопку мыши, затем , затем клавишу Shift, иначе соотношение сторон фигуры может измениться. Photoshop рисует фигуру, заполняя ее черным цветом:
Photoshop рисует форму, когда вы отпускаете кнопку мыши.
Если мы посмотрим на панель Layers, мы увидим фигуру, сидящую на собственном слое Shape над белым слоем Background:
Панель «Слои», на которой отображается слой «Форма» над фоновым слоем.
Шаг 8: переместите фигуру в центр
Чтобы переместить форму в центр документа, выберите инструмент Photoshop Move Tool на панели инструментов:
Выбор инструмента «Перемещение».
Затем нажмите на фигуру и перетащите ее в центр. Он должен встать на место, как только вы приблизитесь к середине:
Перемещение фигуры на место.
Шаг 9. Откройте изображение
Откройте изображение, которое вы хотите разместить внутри фигуры. Вот тот, который я использую (фотография девушки с бабочкой из Adobe Stock).Ваше изображение откроется в отдельном документе с вкладками:
Изображение, которое я помещу внутри фигуры. Фото: Adobe Stock.
Шаг 10. Выберите и скопируйте изображение
Давайте скопируем изображение и вставим его в документ фигуры. Поднимитесь в меню Select вверху экрана и выберите All . Вы увидите контур выделения вокруг изображения.
Выбираю> Все.
Выбрав изображение, перейдите в меню Edit и выберите Copy :
Идем в меню «Правка»> «Копировать».
Шаг 11. Вставьте изображение в документ формы
Вернитесь к документу формы, щелкнув вкладку чуть ниже панели параметров. Если вы не назвали документ при его создании (а мы этого не сделали), скорее всего, он называется «Без названия-1»:
.Щелкните вкладку документа формы.
Затем вернитесь в меню Edit и на этот раз выберите Paste :
Идем в меню «Правка»> «Вставить».
Photoshop вставляет изображение в документ.На данный момент изображение полностью закрывает фигуру из виду. Кроме того, мое изображение слишком велико, чтобы полностью уместиться в документе формы. Мы исправим обе эти проблемы в следующих нескольких шагах:
Изображение было вставлено в документ фигуры.
Шаг 12: Создание обтравочной маски
Если мы снова посмотрим на панель «Слои», то увидим, что Photoshop поместил изображение на новый слой над слоем «Форма»:
Панель «Слои», показывающая изображение над фигурой.
Чтобы разместить изображение внутри формы, все, что нам нужно сделать, это создать обтравочную маску. Убедитесь, что у вас выбран слой изображения («Слой 1»). Затем перейдите в меню Layer вверху экрана и выберите Create Clipping Mask :
.Переход к слою> Создать обтравочную маску.
Это «обрезает» изображение на «Слое 1» на слое Shape под ним, что означает, что единственная часть изображения, которая остается видимой в документе, — это область, которая находится непосредственно над (или перед) формой.Остальная часть изображения теперь скрыта, создавая иллюзию того, что изображение на самом деле находится внутри формы:
Обтравочная маска помещает изображение внутри формы.
И если мы снова посмотрим на панель Layers, мы увидим, что «Layer 1» смещен вправо с маленькой стрелкой, указывающей вниз на слой Shape под ним. Вот как Photoshop сообщает нам, что изображение теперь обрезано по форме:
Панель «Слои», показывающая изображение, обрезанное по слою «Форма».
Шаг 13: изменение размера и положение изображения с помощью функции свободного преобразования
Чтобы изменить размер и положение изображения внутри фигуры, снова убедитесь, что у вас выбран «Слой 1».Затем перейдите в меню Edit и выберите Free Transform :
Идем в Edit> Free Transform.
Это помещает поле «Свободное преобразование» и ручки (маленькие квадраты) вокруг фактических размеров вашего изображения, включая область за пределами видимого холста. Если вы не видите все свои дескрипторы Free Transform, потому что ваше изображение слишком велико, чтобы полностью поместиться на экране, перейдите в меню View и выберите Fit on Screen :
Перехожу в «Просмотр»> «По размеру экрана».
Photoshop автоматически отрегулирует уровень масштабирования, чтобы было видно все поле «Свободное преобразование». Здесь мы видим мое поле Free Transform, простирающееся вправо от холста:
Окно «Свободное преобразование» появляется вокруг всего изображения.
Чтобы изменить размер изображения внутри фигуры, нажмите и удерживайте клавишу Shift и перетащите любой из угловых маркеров . Удерживание клавиши Shift при перетаскивании фиксирует исходное соотношение сторон фигуры при изменении ее размера.
Чтобы переместить изображение внутри формы, щелкните в любом месте внутри поля «Свободное преобразование» и перетащите изображение на место.
Здесь я перетаскиваю ручку в правом верхнем углу внутрь, а также перемещаю изображение, чтобы оно лучше соответствовало лицу девушки в форме крыла бабочки:
Использование свободного преобразования для изменения размера и перемещения изображения внутри формы.
Когда вы будете готовы, нажмите Введите (Win) / Верните (Mac) на клавиатуре, чтобы зафиксировать изменение и закрыть команду Free Transform:
Изображение теперь лучше вписывается в форму.
Шаг 14. Измените цвет фона
На этом основной эффект «изображение в форме» готов! Конечно, мы всегда можем сделать больше, чтобы настроить его и сделать еще лучше. Единственное, что мы можем сделать, это изменить цвет фона.
Самый простой способ изменить цвет фона — использовать один из слоев заливки Solid Color в Photoshop. Нам потребуется, чтобы слой заливки сплошным цветом появился между фоновым слоем и слоем формы, поэтому сначала нажмите на фоновый слой на панели слоев, чтобы выбрать его:
Выбор фонового слоя.
Затем щелкните значок New Fill или Adjustment Layer в нижней части панели Layers:
Щелкните значок «Новая заливка или корректирующий слой».
Выберите Solid Color из верхней части списка:
Добавление сплошного слоя заливки.
Photoshop открывает палитру цветов , где мы можем выбрать новый цвет. Черный — популярный выбор в качестве цвета фона для этого эффекта, поэтому давайте посмотрим, как он выглядит:
Выбор черного в палитре цветов.
Черный определенно подчеркивает детали формы, но в качестве цвета фона для бабочки я не уверен, что он работает:
Результат после изменения цвета фона на черный.
Я мог бы выбрать другой цвет из самой палитры цветов. Или я мог бы взять образец цвета прямо из изображения внутри фигуры, что часто работает лучше.
Для этого наведите курсор мыши на цвет, который вы хотите выбрать. Ваш курсор временно переключится на значок инструмента «Пипетка», давая вам знать, что он готов к взятию образца цвета.Мне нравится, чтобы фоновые цвета были нежными, поэтому вместо того, чтобы выбирать зеленый цвет у деревьев или красный цвет у цветов, я выберу светлый оттенок кожи на лбу девушки, щелкнув по нему, чтобы попробовать:
Выбор цвета для фона.
Как только я щелкаю, выбранный цвет становится новым цветом фона. Мне больше нравится этот новый цвет, поэтому я нажимаю ОК, чтобы закрыть палитру цветов:
Выбранный цвет теперь является цветом фона.
Если мы посмотрим на панель «Слои», мы увидим наш слой заливки сплошным цветом с названием «Цветовая заливка 1», расположенный между фоновым слоем и слоем формы, как раз там, где нам это было нужно:
Панель «Слои», показывающая новый слой заливки «Сплошной цвет».
Шаг 15: Добавьте обводку
Наконец, давайте закончим эффект, добавив обводку вокруг формы. Щелкните слой Shape на панели Layers, чтобы выбрать его:
Выбор слоя Shape.
Затем щелкните значок Layer Styles (значок « fx ») в нижней части панели «Слои»:
Щелкните значок «Стили слоя».
Выберите Ход из списка:
Выбор стиля слоя «Обводка».
Откроется диалоговое окно «Стиль слоя» Photoshop, в котором в среднем столбце указаны параметры «Обводка». Чтобы изменить цвет обводки, щелкните образец цвета :
Щелкните образец цвета.
Это снова открывает палитру цветов. Я выберу белый в качестве цвета обводки, затем нажму OK, чтобы закрыть палитру цветов:
Выбор белого из палитры цветов.
Вернувшись в диалоговое окно Layer Style, я устанавливаю Position обводки на Outside , чтобы она отображалась снаружи формы.Затем я увеличу значение Size , чтобы настроить толщину штриха. Я думаю, что для этого изображения подойдет размер около 12 пикселей :
Устанавливаем положение «Снаружи» и размер 12 пикселей.
Щелкните OK, чтобы закрыть диалоговое окно Layer Style. На этом мы закончили! Вот мой последний эффект «изображение в форме» после изменения цвета фона и добавления обводки вокруг бабочки:
Окончательный результат.
И вот оно! Вот как легко разместить изображение внутри фигуры с помощью обтравочных масок в Photoshop! Посетите наш раздел «Фотоэффекты», чтобы получить больше уроков по эффектам Photoshop! И не забывайте, что все наши руководства по Photoshop теперь доступны в виде PDF-файлов, готовых к печати!
Как создать анимированный GIF в Photoshop (9 простых шагов)
Вы, наверное, уже использовали некоторые онлайн-генераторы GIF для некоторых быстрых изображений в формате GIF, но эти онлайн-генераторы не могут предложить такую гибкость и результат, которые предлагает Photoshop.
GIF — это мини-анимация, которую можно создать в Photoshop. Когда вы создаете гифку, вы создаете движения слоев. Вы можете сделать анимированный gif из фотографий, векторов или с нуля.
В этом уроке я покажу вам, как создать векторный gif. Например, я собираюсь сделать круговую анимацию. Этим же методом можно создать любую форму.
Примечание. Снимки экрана взяты из версии Adobe Photoshop CC 2021 для Mac. Windows или другие версии могут выглядеть иначе.
Шаг 1: Создайте новый документ. Выберите цветовой режим RGB , потому что гифки предназначены для цифрового использования. Вы можете установить размер по своему усмотрению, но я рекомендую оставлять как можно меньше белого пространства в качестве фона изображения.
Шаг 2: Используйте инструмент Ellipse Tool , чтобы создать круг.
Шаг 3: Дублируйте слой и скройте исходный слой (Эллипс 1).
Шаг 4: Выберите инструмент Pen Tool , перейдите в верхнее меню и выберите Subtract Front Shape .
С помощью пера нарисуйте на круге треугольник, как разрезанный торт.
Шаг 5: Дублируйте слой и скройте другие слои. Используйте инструмент «Прямое выделение», чтобы увеличить вырез, перетащив треугольный угол.
Повторяйте шаг 5, пока не получите полукруг.
Шаг 6: Перейти в верхнее меню Окно > Временная шкала . Должна появиться рабочая панель анимации временной шкалы.
Выберите опцию Создать кадр анимации . Нажмите на кнопку, и вы увидите видимый слой.
Шаг 7: Измените время на 0,5 с и выберите вариант повторения навсегда.
Шаг 8: Щелкните значок плюса на панели «Таймлайн», чтобы добавить новые кадры.
Выберите первый кадр и включите первый слой ( красный круг ). Выделите второй кадр и включите второй слой (вырезание первого треугольника), повторите этот шаг для всех кадров.
Примечание: включайте только один слой за раз. Когда дойдете до полукруга, вернитесь назад, чтобы снова добавить рамки.
Нажмите кнопку воспроизведения, чтобы увидеть, как он выглядит, и настройте его соответствующим образом. Если вас устраивает результат, перейдите в верхнее меню File > Export > Save for Web (Legacy) , вы должны увидеть это окно.
Измените предустановку на вариант GIF и нажмите Сохранить . Теперь вы можете назвать его, выбрать, где вы хотите его сохранить, и другие настройки, такие как формат.
Шаг 9 : Нажмите и Сохранить кнопку и поздравляем, вы создали анимированный gif!
Заключение
Вы можете использовать описанный выше метод для создания гифок для резки торта, пиццы и т.