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

Содержание

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Обратимся к другому инструменту фотошопа — Овальная область

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

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

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

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

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

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

Снаружи — значит рамка будет огибать пунктир выделения.

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

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

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

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

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

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

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

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

Выделили. Теперь нам следует скопировать его на новый слой. Проще всего будет нажать комбинацию клавиш ctrl+c, а затем ctrl+v. Ваше изображение скопируется на новый слой автоматически. Ну либо можете зайти длинным путем. Предварительно создать новый слой. Затем кликнуть по выделенной области левой клавишей мыши и из образовавшегося списка выбрать: «скопировать на новый слой». Результат будет тем же.

Вот что мы видим в окне слоев.

Выделяем нижний слой и нажимаем del на клавиатуре.

Вот так выглядит слой.

В выпадающем списке ищем png и сохраняем.

Выше я упомянула о недостатке этого способа. Каков же он?

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

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

Нам следует сделать изображение с котенком невидимым. Для этого мы тыкаем в пиктограмму с глазиком рядом со слоем. Кликаем. «Глазик» исчезает. Изображение с котенком становится невидимым.

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

Теперь ищем инструмент «эллипс». Опять же, зажимаем shift и проводим окружность. Цвет ее нам не важен.

Переходим к окну слоев. Кликаем по слою с котенком левой клавишей мыши. И выбираем команду «создать обтравочную маску».

Вот, что мы увидим.

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

Теперь вам следует выделить оба слоя, зажав клавишу ctrl. И опять вы, кликнув по ним левой клавишей мыши, вызываете команду «объединить слои».

Вот, что у нас получится.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Оценить статью:

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

Инструмент The Elliptical Marquee (Овальная область выделения), который мы рассмотрим здесь, это еще один простой инструмент выделения в Фотошоп. Он очень похож на инструмент Rectangular Marquee (Прямоугольная область выделения) и работает в основном так же. Фактически, единственное различие состоит в том, что инструмент The Elliptical Marquee (Овальная область выделения) позволяет нам создавать овальные или круглые выделения!

Если вы уже знаете, как работает инструмент Rectangular Marquee (Прямоугольная область выделения), представьте, что инструмент The Elliptical Marquee (Овальная область выделения) — это то же самое, только с очень закругленными углами.

По умолчанию The Elliptical Marquee (Овальная область выделения) прячется за инструментом Rectangular Marquee

Чтобы выбрать его, достаточно просто нажать на иконку инструмента Rectangular Marquee

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

Как только вы выберете инструмент Elliptical Marquee (Овальная область выделения), он появится на месте инструмента Rectangular Marquee (Прямоугольная область выделения) в панели инструментов.

Чтобы вернуть обратно инструмент Rectangular Marquee (Прямоугольная область выделения), вам необходимо нажать и удерживать кнопку мыши на иконке инструмента Elliptical Marquee (Овальная область выделения), а затем выбрать инструмент Rectangular Marquee (Прямоугольная область выделения) из выпадающего меню:

Вы можете просто переключаться между инструментами Rectangular (Прямоугольная) и Elliptical Marquee (Овальная область выделения) с помощью клавиатуры, хотя, конечно, как вы сделаете это, зависит от того, какие настройки у вас установлены в меню Photoshop-s Preferences (Настройки Фотошоп).

Каждый инструмент в Панели инструментов может быть включен путем нажатия определенной буквы на клавиатуре. Оба инструмента и Rectangular (Прямоугольная), и Elliptical Marquee (Овальная область выделения) могут быть выбраны путем нажатия на букву M (прим. латинская M), а чтобы переключаться между ними, вам нужно еще раз нажать на M или на сочетание клавиш Shift+M . Опять-таки, это зависит от настроек.

На PC вы найдете опцию Preferences (Настройки) в меню Edit (Редактировать) в верхней части экрана. На Mac вы найдете эту опцию в меню Photoshop . В разделе General (Общие настройки) найдите параметр, названный Use Shift Key for Tool Switch (Использовать клавишу Shift для переключения инструментов).

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

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

Устанавливайте этот параметр на свое усмотрение:

Создание овального выделения

Чтобы нарисовать овальное выделение инструментом Elliptical Marquee (Овальная область выделения), просто кликните в точке, из которой вы хотите начать выделение, затем, не отпуская кнопки мыши, протяните в нужном направлении до тех пор, пока объект или участок не обведется линией выделения.

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

Перед вами свадебное фото, которое я открыл в программе Фотошоп:

Я хочу добавить классический эффект белой виньетки к этому фото, и инструмент Elliptical Marquee (Овальная область выделения) с легкостью справится с этим. Для начала я добавляю новый пустой слой, так я смогу создать свой эффект без какого-либо вмешательства в оригинал изображения. Я сделаю это путем клика по иконке создания New Layer (Нового слоя) в нижней части панели слоев:

Это действие добавляет пустой слой, названный «Layer 1 » (Слой 1), над Background layer (фоновым слоем):

Я собираюсь залить этот новый слой белым цветом, используя команду Фотошопа Fill (Заливка).

Чтобы ее выбрать, я перехожу в меню Edit (Редактировать) в верхней части экрана и выбираю Fill (Заливка):

Это вызовет диалоговое окно Fill (Заливка). Я выбираю White (Белый) в разделе Contents (Содержание) в верхней половине диалогового окна, затем нажимаю Ок , чтобы выйти из него и залить слой «Layer 1 » (Слой 1) белым цветом:

На данном этапе окно моего документа залито белым цветом, делая недоступным для просмотра фото молодоженов. Для того, чтобы временно спрятать слой Layer 1 (Слой 1), и чтобы можно было снова видеть оригинал фото, я нажимаю по иконке видимости слоя (также известной как «глазное яблоко ») слева от Layer 1 (Слой 1) в панели слоев:

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

Во время перемещения в центре изображения появляется контур выделения вокруг пары:

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

Работа инструмента Elliptical Marquee (Овальная область выделения) устроена немного хитрее. Поскольку овальные фигуры образуются без каких-либо углов, контур выделения удаляется дальше от точки, которую вы выбрали в качестве начальной для своего выделения. Что делает невозможным создание выделения из четко заданной точки.

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

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

Теперь мы можем наблюдать контур овального выделения вокруг пары на фото:

Растушевка выделения

На данный момент я собираюсь использовать овальное выделение, которое было создано мной с помощью инструмента Elliptical Marquee (Овальная область выделения), для того, чтобы вырезать центр залитого белым цветом слоя, чтобы потом получить эффект виньетки.

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

Мы можем смягчить края в Фотошоп «растушевав » их, и сделаем это, перейдя в меню Select (Выделение) в верхней части экрана, выбрав Modify (Модификация), а затем Feather (Растушевка):

Это действие вызовет диалоговое окно Фотошоп Feather Selection (Растушевка выделения).

Я установлю параметр Feather Radius (Радиус растушевки) на значение около 30 pxls , которое будет достаточно большим для того, чтобы размыть участок перехода между белой виньеткой и парой в центре фото.

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

Я нажму Ок , чтобы выйти из диалогового окна. Фотошоп растушевывает края выделения, хотя мы, в действительности, пока не можем видеть этот эффект до тех пор, пока не сделаем что-то с выделением. Я снова кликну по иконке видимости слоя у Layer 1 (Слоя 1), чтобы вернуть заливку белым:

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

В итоге, чтобы завершить эффект виньетирования, я просто нажимаю клавишу Delete на клавиатуре, чтобы стереть участок белого внутри нашего выделения. Поскольку мне больше не нужен контур выделения, я удалю его, кликнув где-нибудь внутри окна документа инструментом Elliptical Marquee (Овальная область выделения).

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

Инструмент Elliptical Marquee (Овальная область выделения) нарисовал овальное выделение и с легкостью создал эффект виньетирования. Но что, если нам нужно нарисовать круглое выделение? Рассмотрим это в следующем этапе!

Создание круглого выделения

Инструмент Elliptical Marquee (Овальная область выделения) также позволяет нам легко нарисовать выделения в форме идеального круга. Фактически так же, как мы создавали с помощью инструмента Rectangular Marquee (Прямоугольная область выделения) идеальный квадрат.

Есть два способа создания круга с помощью инструмента Elliptical Marquee (Овальная область выделения).

Первый способ заключается в настройках Options Bar (Панели настроек) в верхней части экрана.

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

Поскольку форма луны круглая (по крайней мере, так кажется нам землянам, если рассматривать 2D фото), для ее выделения очевидно использование инструмента Elliptical Marquee (Овальная область выделения).

При активном инструменте Elliptical Marquee (Овальная область выделения), Options Bar (Панель настроек) отобразит параметры настроек именно для этого инструмента, и, в большей части, эти параметры схожи с теми, что вы найдете у инструмента Rectangular Marquee (Прямоугольная область). Один из параметров называется Style (Стиль), и, по умолчанию, он установлен на Normal (Обычный), это позволяет нам нарисовать любую эллиптическую фигуру, которую мы захотим.

Чтобы превратить форму выделения в идеальный круг, измените параметры Style (Стиля) на Fixed Ratio (Фиксированный масштаб). По умолчанию, Фотошоп устанавливает значения Width (Ширины) и Height (Высоты) в Options Bar (Панели настроек) на 1 , что устанавливает соотношение ширины к длине как 1:1 , создавая идеальный круг:

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

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

Короткие команды на клавиатуре

Наряду с тем, что с технической стороны вы не совершаете никаких ошибок, изменяя настройки в Options Bar (Панели настроек) для превращения контура выделения в круг, такой метод может быстро стать раздражающим, поскольку Фотошоп не возвращает автоматически настройки параметра Style (Стиль) на Normal (Обычный) после завершения работы. Это означает, что вам всегда нужно помнить, что после работы необходимо вернуть параметр в исходное значение, в противном случае, вы по прежнему останетесь в режиме Fixed Ratio (Фиксированные пропорции) при следующей попытке нарисовать овальное выделение.

Лучшим способом превращения выделения в круг является простое нажатие и удерживание клавиши Shift во время его создания. Простое добавление клавиши Shift преобразует прямоугольное выделение в квадратное, когда вы пользуетесь инструментом Rectangular Marquee (Прямоугольная область выделения), и превратить выделение в идеальный круг при использовании инструмента Elliptical Marquee (Овальная область выделения).

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

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

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

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

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

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

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

При активном инструменте Move (Перемещение), я удерживаю клавишу Alt , затем кликаю внутри выделения и перетаскиваю луну на второе изображение.

В данном случае удерживание клавиши Alt дает команду Фотошопу создать копию луны, нежели вырезать ее из фото:

Поскольку луна выглядит немного большеватой для второго изображения, я нажимаю сочетание клавиш Ctrl+T для вызова команды Фотошоп Free Transform (Свободная трансформация), чтобы изменить ее размер.

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

Вы также можете использовать команду Free Transform (Свободная трансформация) для перемещения объектов внутри окна документа. Просто кликните внутри рамки Free Transform (Свободной трансформации) и переместите объект на новое место. Я думаю переместить луну в верхнюю правую сторону башни. Чтобы выйти из команды Free Transform (Свободная трансформация), я нажму клавишу Enter на клавиатуре:

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

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

Вы можете перейти к меню Select (Выделение) в верхней части экрана и выбрать Deselect (Снять выделение):

Вы также можете воспользоваться короткой командой на клавиатуре Ctrl+D .

Или при активном инструменте Elliptical Marquee (Овальная область выделения) просто кликните где-нибудь внутри окна документа для удаления выделения.

Перевод: Анцыперович Александра ;

Инструкция

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

Откройте в Adobe Photoshop эту картинку. Для этого нажмите пункт меню «Файл» (File) > «Открыть» (Open) или горячие клавиши Ctrl+O, выберите нужный файл и кликните «Открыть».

Выберите инструмент «Овальная область» (Elliptical marquee tool) и с его помощью создайте на картинке овал, который по вашей задумке будет внешней стороной рамки. В настройках инструмента выберите пункт «Вычитание из выделенной области» (Subtract from selection) и создайте новый овал, который будет внутренней стороной рамки.

Нажмите комбинацию клавиш Ctrl+J. Таким образом, вы создали новый слой, на котором будет только выделенная овальная рамка. Найдите этот слой в списке слоев, который в свою очередь находится в окне «Слои» (Layers, если оно отсутствует, нажмите F7), щелкните по нему правой кнопкой мыши и в появившемся меню выберите «Параметры наложения» (Blending options).

В следующем окне выберите параметр «Тень» (Drop shadow, список параметров находится в левой части окна), в пункте «Режим наложения» (Blend mode) выберите «Умножение» (Multiply), в «Угол» (Angle) – 125 градусов, в «Размер» (Size) – 20-30 пикселей, остальные значения оставьте без изменений. Выберите параметр «Тиснение» (Bevel and emboss) и установите в нем следующие значения: «Стиль» (Style) – «Внутренний скос» (Inner bevel), «Метод» (Technique) – «Плавное» (Smooth), поиграйтесь с настройками «Контур глянца» (Gloss contour), «Режим подсветки» (Highlight mode) и «Режим тени» (Shadow mode), остальное оставьте без изменений. Выберите параметр «Контур» (Contour), в пункте «Контур» укажите «Полукруг» (Half round), а остальное также оставьте без изменений. Нажмите ОК.

В списке слоев кликните правой кнопкой мыши по фоновому слою, в открывшемся меню выберите «Из заднего плана» и в новом окне сразу нажмите ОК. Вы превратили фон в полноценный слой. Выберите слой с рамкой, активируйте инструмент «Волшебная палочка» (Magic wand tool) и кликните один раз левой кнопкой мыши в области, которая находится внутри рамки, благодаря чему эта область выделится. Выберите слой, который прежде был фоновым, и нажмите Delete на клавиатуре. Рамка готова, теперь осталось вставить в нее фотографию.

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

Вам понадобится

— программа Photoshop
— уметь пользоваться инструментами «Пипетка»
— уметь создавать и перемещать слои

Инструкция

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

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

Чтобы правильно рассчитать размер рамки, ориентируйтесь на общие размеры сторон изображения. Например, если ширина изображения равна 500 , высота — также 500 пикселям, то для картинки подойдет рамка шириной примерно в 100 пикселей. Обрамление должно быть не слишком узким и не слишком широким.

Выберите нужный цвет для рамки инструментом «Пипетка» и залейте при помощи инструмента «Заливка» выбранным цветом нижний слой.

Как сделать круг в фотошопе. Как сделать картинку круглой

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

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

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

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

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

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

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

По умолчанию The Elliptical Marquee (Овальная область выделения) прячется за инструментом Rectangular Marquee

Чтобы выбрать его, достаточно просто нажать на иконку инструмента Rectangular Marquee (Прямоугольная область выделения) и удержать кнопку мыши на одну или пару секунд до тех пор, пока не появится выпадающее меню, показывающее вам другие инструменты, спрятанные за ним. Кликните по инструменту Elliptical Marquee (Овальная область выделения) в выпадающем меню, чтобы выбрать его:

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

Устанавливайте этот параметр на свое усмотрение:

Создание овального выделения

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

Перед вами свадебное фото, которое я открыл в программе Фотошоп:

Это действие добавляет пустой слой, названный «Layer 1 » (Слой 1), над Background layer (фоновым слоем):

Я собираюсь залить этот новый слой белым цветом, используя команду Фотошопа Fill (Заливка).

Чтобы ее выбрать, я перехожу в меню Edit (Редактировать) в верхней части экрана и выбираю Fill (Заливка):

Во время перемещения в центре изображения появляется контур выделения вокруг пары:

Теперь мы можем наблюдать контур овального выделения вокруг пары на фото:

Растушевка выделения

Это действие вызовет диалоговое окно Фотошоп Feather Selection (Растушевка выделения).

Создание круглого выделения

Есть два способа создания круга с помощью инструмента Elliptical Marquee (Овальная область выделения).

Первый способ заключается в настройках Options Bar (Панели настроек) в верхней части экрана.

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

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

Короткие команды на клавиатуре

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

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

Вы можете перейти к меню Select (Выделение) в верхней части экрана и выбрать Deselect (Снять выделение):

Вы также можете воспользоваться короткой командой на клавиатуре Ctrl+D .

Перевод: Анцыперович Александра ;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Инструкция

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

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

После того как выделение сделано, есть возможность произвести с ним дополнительные манипуляции. Например, его можно перемещать, перетаскивая с помощью мышки или нажимая со стрелками. Ускоренное перемещение с помощью стрелок получается при удерживаемой клавише SHIFT. Можно изменять выделения — для этого раскройте раздел меню «Выделение» и выберите пункт «Трансформировать выделенную область». Когда закончите подгонку формы — скопируйте выделенную область нажатием сочетания клавиш CTRL + C.

Теперь создайте новый — нажмите сочетание клавиш CTRL + N. Фотошоп автоматически подберет для него размеры, соответствующие ширине и высоте скопированного вами участка фотографии. А вам останется выбрать в выпадающем списке «Содержимое фона» пункт «Прозрачный» и нажать кнопку «OK».

Осталось отредактированную фотографию — нажмите сочетание четырех клавиш CTRL + SHIFT + ALT + S. В открывшемся диалоге задайте нужный файла — выберите его во втором сверху выпадающем списке. Форматы GIF и PNG поддерживают прозрачность, JPEG — нет. Зато JPEG может более качественно передавать плавные переходы цветов (градиенты). Подберите нужный вариант и нажмите кнопку «Сохранить», а затем укажите куда именно и с каким названием надо сохранять файл.

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

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

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

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

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

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

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

Оценить статью:

Как сделать текст, соответствующий кругу, и создать круговой эффект в Photoshop

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

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

Каковы преимущества использования Photoshop

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

Интересные эффекты, которые вы можете создать в Photoshop с помощью текста

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

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

Как в Photoshop создать текст, который обтекает круг?

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

в настоящее время создаем круг нужного размера. Он будет нарисован, когда мы перетащим курсор или указатель (нам нужно удерживать клавишу Shift, чтобы получить идеальный круг). Когда мы это сделаем, мы увидим новый слой с именем по умолчанию «Форма 1» на панели слоев. Вышеупомянутая панель расположена в правой части экрана.

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

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

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

в конце концов

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

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

Практический урок о том как фото сделать круглым и с прозрачным фоном. – ФотоКто

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

Предположим, мне нужна фотография цветка, круглой формы.

Как сделать в фотошопе фотографию в круге — квадрат

Теперь мы приблизились вплотную к тому, как сделать круг на фотографии. Выбираем инструмент фотошопа «Овальная область» (Elliptical Marque). Его так же можно вызвать с помощью клавиши «М».

Как сделать в фотошопе фотографию в круге — круг

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

Как сделать в фотошопе фотографию в круге — круглое выделение

Я переношу выделенное изображение на новый слой, для этого я использую быструю комбинацию «ctrl + j».

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

Как сделать в фотошопе фотографию в круге — разблокировка слоя

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

Как сделать в фотошопе фотографию в круге — конечный результат

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

Я люблю пользоваться быстрыми комбинациями, поэтому нажимаю «ctrl + s» и в выпадающем меню «формат» выбираю нужный мне.

Урок закончен. Спасибо за внимание и удачных вам обработок!

Создаем форму входа с нуля

В этой статье я расскажу вам, как в Adobe Photoshop создать форму входа.

Окончательное изображение

Программное обеспечение: Adobe Photoshop CC.

Создайте новый документ размером 600 на 600 пикселей, перейдите в Просмотр > Показать> Сетку, чтобы включить отображение сетки, а затем в Просмотр > Привязать к> Линиям сетки, чтобы включить привязку к сетке. Нажмите Ctrl + K, чтобы открыть окно «Настройки», перейдите в раздел «Направляющие, сетка и фрагменты» и задайте для параметров значения, показанные на рисунке ниже.

При создании формы я отключил сетку (Ctrl + ‘), чтобы вам были лучше видны все элементы на скриншотах:

В палитре слоев дважды кликните на фоновом заблокированном слое и задайте для него новое имя «BG«:

В палитре слоев откройте окно «Стили слоя» и введите значения, приведенные на втором рисунке:

Установите цвет переднего плана на #F0F5FE. Выберите инструмент «Прямоугольник со скругленными углами» и в панели параметров (в верхней части окна программы) задайте для «Радиуса» значение 10 пикселей. Затем перейдите к холсту и создайте векторную фигуру размером 264 на 190 пикселей:

В этом шаге я покажу вам, как создать узор. Нажмите Ctrl + N и создайте документ размером 5 на 5 пикселей. Установите цвет переднего плана на #000000, выберите инструмент «Перо» и задайте размер пера в 1 пиксель. Левой кнопкой мыши добавьте черные точки, как показано на рисунке ниже.

Теперь перейдите в Редактирование> Определить узор, введите имя узора и нажмите OK:

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

Создайте дубликат слоя с прямоугольником (Ctrl + J). Кликните правой кнопкой мыши на копии и выберите пункт «Очистить стили слоя». Уменьшите значение «Заливки» до 0% и откройте окно «Стили слоя» для копии, чтобы ввести для параметров значения, приведенные на рисунке ниже:

Продублируйте копию векторной фигуры (Ctrl + J), откройте для созданного дубликата окно «Стили слоя» и введите для параметров значения, приведенные на рисунке ниже:

Измените цвет переднего плана на #E5E9F2, выберите инструмент «Прямоугольник со скругленными углами» и задайте для «Радиуса» значение 10 пикселей (в верхней части окна программы).

Перейдите к холсту, создайте векторную фигуру размером 220 на 36 пикселей и разместите ее так, как показано на рисунке ниже:

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

Продублируйте (Ctrl + J) фигуру поля для ввода имени пользователя и перейдите к «Очистить стили слоя». С помощью инструмента «Перемещение» передвиньте полученный дубликат прямоугольника вниз на 21 пиксель:

Откройте для фигуры, созданной в предыдущем шаге, окно «Стили слоя» и введите для параметров значения, приведенные на рисунках ниже:

Вернитесь к полю для ввода имени пользователя и выберите инструмент «Горизонтальный текст». Откройте окно символов (Окно> Символ), используйте шрифт Calibri, Bold, цвет #CB7C6F, размер 14 пикселей. Затем введите текст, приведенный на рисунке ниже:

Откройте для текстового слоя окно «Стили слоя» и введите для параметров значения, приведенные на рисунках ниже:

Измените цвет переднего плана на #848F93 и выберите инструмент «Прямоугольник». Создайте векторную фигуру размером 2 на 14 пикселей и разместите ее, как показано на рисунках ниже.

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

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

Теперь выберите инструмент «Угол» и кликните по одному разу на новых узловых точках, чтобы сгладить углы:

Используйте инструмент «Эллипс», чтобы создать векторную фигуру размером 6 на 8 пикселей, а затем разместите ее, как показано на рисунке ниже:

Теперь вернитесь ко второй векторной фигуре (поле для ввода пароля) и выберите инструмент «Горизонтальный текст».
Перейдите в окно символов (Окно> Символ), выберите шрифт Calibri, Bold, цвет #8D9799, размер 16 пикселей, а затем введите текст, приведенный на рисунке ниже.

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

Измените цвет переднего плана на #4BB1FB и выберите инструмент «Прямоугольник». Создайте фигуру размером 2 на 16 пикселей, а затем разместите ее, как показано на рисунке ниже:

Измените цвет переднего плана на #848F93, выберите инструмент «Эллипс» и перейдите к холсту. Создайте один круг размером 7 на 7 пикселей и один 2 на 2 пикселя. Разместите эти фигуры, как показано на рисунке ниже.

Подсказка: Чтобы создать идеальный круг, удерживайте нажатой клавишу Shift:

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

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

Нажмите Ctrl + T, чтобы повернуть новую фигуру на 45 градусов, нажмите Enter и разместите фигуру, как показано на третьем рисунке.

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

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

Затем выберите инструмент «Перо» и создайте векторную фигуру, которая показана на втором изображении:

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

Откройте для созданной фигуры окно «Стили слоя» и введите для параметров значения, приведенные на рисунках ниже:

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

Перейдите к холсту, создайте символ «галочки» размером 16 на 16 пикселей и разместите его, как показано на рисунке ниже.

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

Продублируйте (Ctrl + J) фигуру всплывающей подсказки и разместите ее, как показано на рисунке ниже. Кликните правой кнопкой мыши на слое копии фигуры и выберите пункт «Очистить стили слоя»:

Откройте для копии окно «Стили слоя» и введите для параметров значения, приведенные на рисунках ниже:

Измените цвет переднего плана на #FFA2A1 и с помощью инструмента «Прямоугольник» создайте две фигуры: размером 2 на 7 пикселей и 2 на 2 пикселя, а затем разместите их, как показано на рисунке ниже:

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

Перейдите к холсту, создайте векторную фигуру размером 100 на 34 пикселя и разместите ее, как показано на рисунке ниже:

Измените цвет переднего плана на #FFFFFF, выберите инструмент «Кисть», выберите тип кисти, затем установите «Размер» кисти — 80 пикселей, «Жесткость» — 0%.

В нижней части палитры слоев нажмите иконку «Создать новый слой»:

Кистью нажмите один раз на синей векторной фигуре, как показано на рисунке ниже:

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

Убедитесь, что в палитре слоев у вас выбран слой с белой кистью, и измените его режим смешивания на «Мягкий свет», уменьшите непрозрачность слоя до 80%:

Продублируйте (Ctrl + J) две фигуры, из которых состоит кнопка, выберите копии и переместите их так, как показано на рисунке ниже:

Выберите инструмент «Горизонтальный текст», используйте шрифт Calibri, Bold, цвет — #FFFFFF, размер шрифта — 14 пикселей, а затем введите текст, приведенный на рисунке ниже.

Откройте окно «Стили слоя» для текстовых слоев и введите для параметров значения, приведенные на третьем рисунке:

Вот как должен выглядеть окончательный результат:

Данная публикация является переводом статьи «Create a Login Form in Adobe Photoshop From Scratch» , подготовленная редакцией проекта.

Photoshop текст по кругу

Добрый день, посетители Pixelbox.ru!

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

Сам принцип довольно прост – в первую очередь нужно создать контур, используя инструменты фотошоп из векторной группы, далее при помощи инструмента Текст (Type Tool) написать текст.

Итак, давайте же узнаем, как написать текст по кругу в фотошоп.

Создание фона

Создаем в фотошоп новый документ (Ctrl+ N), у меня с размерами 800х600 пикселей:

Заливаем фон каким-либо цветом (Shift+ F5), например, #232323:

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

Переходим в группу векторных инструментов (горячая клавиша вызова группы – U) и выбираем инструмент Эллипс (Ellipse Tool):

Зажимая клавишуShift для сохранения пропорций, рисуем круг. При помощи инструмента Перемещение (Move Tool) размещаем круг в центре холста. Горячая клавиша вызова инструмента Перемещение (Move Tool) – V.

Пишем текст по кругу

Активируем инструмент Горизонтальный текст (Horizontal Type Tool), горячая клавиша вызова инструмента T:

В верхней панели настройки инструмента Текст (Type Tool) при необходимости выбираем шрифт (1) и цвет (2) текста. Я выбрала цвет #ff7e00:

Подводим курсор к кругу и щелкаем по контуру круга.

Курсор как бы «прилипает» к контуру круга. Теперь пишем текст.

В уже знакомой нам верхней панели настройки инструмента Текст (Type Tool) при желании меняем размер шрифта:

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

Можно скрыть слой с эллипсом, если он не является частью композиции. Для этого нужно в панели слоев нажать на иконку «глазика» у слоя с эллипсом:

Текст внутри круга

Текст по кругу можно написать и внутри круга, для этого необходимо активировать инструмент Выделение контура (Path Selection Tool), горячая клавиша вызова инструмента – A:

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

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

Вот пример использования приема с написанием текста по кругу:

Теперь вы умеете писать в фотошопе текст по кругу. Успехов в творчестве!

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

Круговой текст

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

Способ 1: Деформация

Начнем с деформации готового текста.

На верхней панели находим кнопку функции деформации текста.

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

Круговой текст готов.

Достоинства:

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

Недостатки:

Налицо явное искажение текста.

Способ 2: Контур

Переходим к следующему способу – написание текста по готовому контуру. Контур… Где его взять? Можно самостоятельно нарисовать инструментом «Перо», либо воспользоваться теми, которые уже есть в программе. Самый простой вариант — воспользоваться одним из инструментов группы «Фигуры». Все создаваемые ими объекты состоят из контуров.

«Эллипс»

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

Далее зажимаем клавишу SHIFT и рисуем круг.

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

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

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

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

Достоинства:

Текст не искажается, все символы выглядят так же, как и при обычном написании.

Недостатки:

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

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

В списке фигур ищем «Тонкую круглую рамку» (есть в стандартном наборе).

Рисуем фигуру и берем инструмент «Текст». Выбираем выравнивание по центру.

Затем, как описано выше, подводим курсор к контуру. Внимание: кликать нужно по внутренней части кольца, если хотите написать текст сверху.

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

Готово. Фигура больше не нужна.

Информация к размышлению: таким образом текстом можно обойти любой контур.

На этом урок по написанию текста по кругу в Фотошопе окончен.

Отблагодарите автора, поделитесь статьей в социальных сетях.

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

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

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

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

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

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

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

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

Первым делом я сделал заливку слоя, чтобы рисовать было удобнее. Думаю, проблем тут не возникнет. Инструмент заливка и выбираем цвет. Все как в Paint. Далее выбираем текст в панели инструментов справа.

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

В итоге получается два текстовых слоя.

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

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

Теперь передвигайте ползунок функции «Изгиб». Сохраняете изменения.

Теперь кликаем по второму слою и снова трансформируем текст.

Выгибаем уже в другую сторону.

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

Более сложный вариант с большим количеством функций

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

Итак, создаем новый документ. Мои размеры снова 800х800.

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

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

Чтобы нарисовать ровный круг удерживайте кнопку Shift.

Теперь кликаем по инструменту «Текст».

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

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

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

Вот так у вас может получиться.

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

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

Если вы заедете за предел, то некоторые слова исчезнут.

Что делать в этом случае?

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

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

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

Еще один интересный способ размещения: «Солнце слов».

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

Теперь выбираем инструмент «Вертикальный текст».

Выбираем цвет, которым будем писать.

Кстати, если у вас есть проблемы с сочетаниями или вы еще новичок и тратите много времени на выбор палитры, то можете воспользоваться сервисом www.colorscheme.ru . Он поможет найти идеальные сочетания для любого проекта. Как-нибудь позже, я напишу про него отдельную статью, он многофункциональный, но основные опции предельно понятны. Можете и сами попробовать разобраться.

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

Здесь вам понадобятся «Полярные координаты».

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

Теперь щелкаем по «Прямоугольные в полярные» и жмем на «Ок».

Так проделываем со всеми текстовыми слоями.

Если все-таки хочется поменять цвет текста, то зажимаем CTRL на клавиатуре и жмем на эскиз слоя.

Справа, на панели слоев, находим эту кнопку.

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

Если вы не умеете создавать градиенты или вам, как и мне, проще использовать готовые, то могу порекомендовать сервис www.photoshop-master.ru . Тут можно все скачать бесплатно.

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

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

Правая кнопка мыши и «объединить слои».

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

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

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

Если вам нравится работать в фотошопом, то на том же сайте, что я вам уже рекомендовал в качестве источника дополнительных материалов для вашей программы можете также найти множество курсов ( www.photoshop-master.org ). Они считаются одними из лучших во всем интернете.

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

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

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

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

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

При создании сайтов или других интерфейсов, важным элементом являются кнопки. Фотошоп позволяет создавать всевозможные кнопки по индивидуальным критериям. В этой статье Вы узнаете как сделать кнопку в фотошоп. Существует много вариантов создания кнопки в Photoshop. Рассмотрим несколько наиболее простых варианов как сделать кнопку. В Фотошоп нам понадобяться в ПАНЕЛИ ИНСТРУМЕНТОВ следующие инструменты: прямоугольник со скруглеными краями, заливка или выбор цвета (или цвет можно назначить в ПАНЕЛИ СВОЙСТВ), текст. В ПАНЕЛИ СВОЙСТВ — цвет, стили (или в ГЛАВНОМ МЕНЮ выбрать в выпадающем меню ОКНО — стили). В окне СЛОИ: элементы функции ƒх (тиснение). В окне СИМВОЛ: размер, шрифт. Расположение элементов интерфейса Photoshop можно прочитать .

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

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

Создаем новый документ, задаем нужный размер. Фон прозрачный, режим RGB. Рекомендуется для удобства, точности центрирования и задания размера самой кнопки в Фотошоп использовать направляющие (их для наглядности можно подсветить красным цветом в настройках программы через меню РЕДАКТИРОВАНИЕ), путем перетаскивания вертикальной и горизонтальной линейки в нужное положение. На панели инструментов нажимаем инструмент прямоугольник со скруглеными краями, задаем нужное скругление (радиус) на панели свойств, ставим курсор в виде крестика на пересечении линеек и тянем фигуру до нужного размера и формы. Если сначала не выбрали цвет в панели инструментов, заливаем нужным цветом в функциях слоя.

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

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

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

Самый простой вариант получить объемную кнопку — выбрать стиль в панели свойств фигуры (или в окне СТИЛИ, которое можно вызвать в основном меню ОКНА-в выпадающем менню выбрать СТИЛИ), которые позволят сделать различные кнопки. В Photoshop уже присутствуют наборы стилей (прозрачные, текстурные). Выбрать из наборов подходящий стиль можно нажав на треугольник справа в наборе. В данном случае набор ВЕБ стили — стиль Хром. После выбора стиля в панели СЛОЙ можно увидеть, из каких элементов функций он состоит. Каждый элемент функции можно корректировать.

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

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

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

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

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

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

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

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

Создание кнопки со своими вариантами стилей.

Стиль кнопки можно задать самому, используя инструмент ФУНКЦИЯ на панели СЛОИ. Кликаем дважды на слое кнопки или нажимаем на понели кнопку ƒх. Самый простой вариант — стиль слоя выбираем ТИСНЕНИЕ и выбираем необходимые параметры. Добавляем ТЕНЬ.

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

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

Можно также при желании использовать внешнее свечение, обводку, перекрытие цвета или узора и другие стили на выбор. Стеклянная кнопка в фотошопе делается без заливки фигуры цветом (непрозрачность заливки -0), или залитием таким же цветом, что и основание (аналогично применяется к тексту).

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

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

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

Если кнопка готова — нажимаем на ФАЙЛ в главном меню и в вкладке выбираем «сохранить для веб устройств». В окне задаем формат PNG 24 (оп поддерживает прозрачность и передает максимум оттенков изображения). Здесь же можно подкорректировать размер кнопки.

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

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

Видео как нарисовать стеклянную кнопку в Фотошоп.

Видео Стеклянная кнопка в фотошоп показывает как ссоздать стеклянную кнопку в Фотошоп с помощью готовых стилей так и самостоятельно.

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

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

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

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

Главное чтобы кнопка правильно вписывалась в дизайн сайта или дизайн того, где вы будете её использовать.

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

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

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

Теперь необходимо настроить инструмент. Цвет я использовал оранжевый — #ff8b00 . А радиус углов установил 4 пикселя .

Теперь рисуем саму кнопку. Размеры делайте с учетом того, какой примерно длинны будет надпись на кнопке — чуть больше, чтобы были уши.

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

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

Теперь сделаем небольшой объем в стиле flat. Парадокс, но объем будет в плоском стиле. Для этого сделайте копию слоя с прямоугольником (CTRL+J ) и тот прямоугольник который ниже по слоям — передвиньте его на 2-3 пикселя вниз в рабочей области. Поменяйте ему на цвет на более темный, в данном случае — #bf6800

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

Шаг 1 — Создайте и заполните круг

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

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

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

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

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

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

Необходимо выполнить настройку — угол наклона 90 градусов.

10 полезных инструментов и ярлыков в Photoshop, которые вы, вероятно, не используете

Adobe постоянно добавляет новые инструменты и функции в Photoshop CC (как вы, возможно, помните из моего обзора, в этом вся идея Photoshop CC). Этими дополнениями могут быть новые плагины, улучшения дизайна, изменения в рабочем процессе или даже его ускорение. Становится трудным следить за всеми этими новыми функциями. Вот 10 полезных инструментов и функций, о которых вы, вероятно, не знали, о существовании в Photoshop CC:

Для начала…

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

Список сочетаний клавиш (щелкните, чтобы увеличить версию)

А вот список всех инструментов, доступных в Photoshop.

Шпаргалка по инструменту (нажмите, чтобы увеличить)

1. Составьте круг из эллипса

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

2. Верните свой выбор

Хотя потеря выбора случается нечасто, но иногда это случается.Простой выбор не имеет большого значения, но когда вы потратили много времени на то, чтобы сделать идеальный выбор, и потеряете его, это может сильно расстроить. Нажмите Control + Shift + D при использовании Windows или Command + Shift + D на Mac.

3. Быстрая выборка цветов фона и переднего плана

Существует более простой способ пробовать цвета фона и переднего плана с помощью Photoshop CC.Вместо того, чтобы просто щелкать образец фона или переднего плана, как вы это делали раньше, щелкните инструмент Eyedropper и щелкните, чтобы выбрать цвет фона. Удерживая Alt в Windows или Option на Mac, вы получите выборку нового цвета переднего плана.

4. Поместите выделение или фигуру

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

5. Более быстрый способ открытия файлов

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

6. Изменение серого цвета в окне изображения

Пользовательский сине-зеленый фон.

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

7. Скрыть область выделения

В некоторых случаях рамка выбора закрывает обзор. Таким образом, вместо того, чтобы удалять и повторять его, вы можете сохранить выделение, но скрыть его. Нажмите Control + H в Windows или Command + H на Mac. Когда он понадобится, нажмите ту же комбинацию клавиш.

8. Автоматический выбор слоя

Вместо того, чтобы пролистывать все слои в поисках того, который нужно отредактировать или переместить, используйте автоматический выбор.Удерживая Control в Windows или Command на Mac, щелкните нужный слой на холсте. Это автоматически выберет слой, над которым находится курсор. Также есть возможность включить автоматический выбор, чтобы он всегда был включен (в верхнем левом меню).

9. Палитры выравнивания / стека

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

10. Сброс значений диалогового окна

Кнопка отмены превращается в кнопку сброса

Не думаете, что у вас есть возможность сбросить значения по умолчанию в диалоговых окнах? Ну ты вообще. Если вы хотите восстановить исходные настройки диалогового окна Photoshop, откройте соответствующий диалог. Затем удерживайте Alt в Windows или Option на Mac. Вы увидите, что ваша кнопка «Отмена» превратится в кнопку «Сброс».

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

Связанные

GIMP: Как рисовать круг

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

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

Рисование круга в GIMP

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

Самый первый шаг — создать новый образ. В главном окне GIMP выберите Файл >> Меню.В качестве альтернативы мы можем использовать сочетание клавиш «Ctrl + N». Если нужно нарисовать круг поверх существующего изображения, создайте новый слой, выбрав «Слой >> Новый слой». Или используйте сочетание клавиш «Shift + Ctrl + N».

GIMP запросит свойства изображения. Он будет со значениями по умолчанию. При необходимости измените их.

Образ успешно создан.

Откройте инструмент «Выбор эллипса» в меню Инструменты >> Инструменты выбора >> Выбор эллипса.Или выберите его на панели инструментов.

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

Край круга нужно обвести, чтобы он стал твердым. Для этого перейдите в Edit >> Stroke Selection.

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

Нужно работать над границей, сохраняя внутреннюю часть круга чистой? Перейдите к Select >> Border.

Выберите свойства границы, особенно ширину границы.

Результат будет выглядеть так.

Заливка круга цветом

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

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

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

Сохранение изображения

Чтобы экспортировать изображение, перейдите в Файл >> Экспортировать как. Или используйте сочетание клавиш «Shift + Ctrl + E».

GIMP запросит место для сохранения файла. Что касается формата файла, измените расширение файла в имени файла.GIMP автоматически распознает изменение и сохранит файл в желаемом формате.

Заключительные мысли

GIMP — отличный инструмент для рисования изображений. Однако он не предлагает вам создать идеальный круг. Только три варианта нарисовать эллипс. Лучше всего от руки нарисовать почти идеальный круг. Размер круга можно перетащить и изменить на кажущийся точный круг. Это может потребовать некоторой практики.

Не интересует GIMP? Не волнуйся.Есть много альтернатив Photoshop, которые вы можете попробовать. Ознакомьтесь с лучшими альтернативами Photoshop в Linux.

Удачных вычислений!

Как сделать полумесяц в Photoshop (9 простых шагов)

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

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

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

В этом уроке вы узнаете, как сделать полумесяц в Photoshop, используя два круга, и сохранить их в Custom Shape для будущего использования.

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

Как сделать полумесяц в Photoshop (9 шагов)

Примечание. Снимки экрана взяты из версии Adobe Photoshop CC 2021 для Mac.Windows или другие версии могут выглядеть немного иначе.

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

Шаг 2: Щелкните значок Create a new layer на панели слоев, чтобы создать новый слой.

Шаг 3: Щелкните Установить цвет переднего плана на панели инструментов и используйте палитру цветов, чтобы выбрать цвет фона для слоя.

Шаг 4: Выберите инструмент Paint Bucket Tool (обычно скрытый под инструментом Gradient Tool) на панели инструментов. Щелкните холст, чтобы залить цвет фона. Если вы создаете значок и хотите, чтобы фон был прозрачным, пропустите этот шаг.

Шаг 5: Снова щелкните Установить цвет переднего плана на панели инструментов и выберите цвет для луны.

Шаг 6: Выберите инструмент Эллипс , обычно он скрыт под инструментом «Прямоугольник».

Шаг 7: Удерживая нажатой клавишу Shift , щелкните и перетащите холст, чтобы получился идеальный круг (луна).

Шаг 8: Выбрав инструмент «Эллипс», перейдите на верхнюю панель инструментов.

И выберите Вычесть переднюю форму .

Шаг 9: Щелкните и перетащите, чтобы создать еще один круг, перекрывающий существующий. Удерживайте клавишу Shift , если хотите сделать идеальный круг.Но помните, что нажимайте клавишу Shift только после щелчка, если вы удерживаете клавишу Shift перед тем, как щелкнуть и перетащить, это не приведет к вычитанию области.

Если вы хотите настроить область вычитания, выберите инструмент Path Selection Tool на панели инструментов, щелкните второй кружок и переместитесь в положение, которое вам нравится.

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

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

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

Как сохранить форму в Photoshop

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

Шаг 1: Щелкните правой кнопкой мыши только что созданную форму.

Шаг 2: Выберите Определить произвольную форму .

Шаг 3: Назовите фигуру и нажмите ОК .

Когда вы выбираете Custom Shape на панели инструментов, вы можете найти новую форму луны в раскрывающемся меню Shape.

Если вы хотите изменить цвет, вы можете перейти на панель Shape Properties и изменить настройки.

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

Заключение

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

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

Примерно 9000 июня. 4 Джун — опытный графический дизайнер, специализирующийся на дизайне брендов. Photoshop — важный инструмент, который она использует каждый день вместе с другими программами Adobe для своей творческой работы.

Как нарисовать звезду в форме квадратного круга в Photoshop CC

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

Для начала мы собираемся использовать здесь этот небольшой пункт меню. Я нажимаю, удерживаю и опускаю его. Я просто щелкаю, удерживаю, удерживаю, удерживаю кнопку мыши, пока не получу эти параметры. Начнем с инструмента Ellipse Tool. Что мы собираемся сделать, так это здесь, вверху, вы можете выбрать заливку для своего эллипса. Так что щелкните, щелкните и выберите все, что вам нравится. Если вы хотите выбрать более индивидуальный цвет, чем просто случайные здесь.Вы можете нажать на этот маленький значок радуги здесь. Вы получаете палитру цветов, которую мы использовали несколько раз. Сдвиньте Hue вверх, пока не найдете то, что хотите использовать. Выберите этот. Щелкните «ОК». Вы можете щелкнуть в любом месте здесь, чтобы избавиться от этого раскрывающегося списка «Заливка».

Итак, что мы хотим сделать, это щелкнуть, удерживать и перетащить. И вы получите любую старую форму. Итак, если я перейду к «Редактировать», «Шаг назад». И что мы хотим сделать, мы сделали это с помощью инструмента Rectangle Marquee Tool. Кто помнит, какую клавишу мы удерживаем на клавиатуре, чтобы получить идеальный круг? Ага, помните, это Shift.Так что удерживайте нажатой клавишу «Shift», чтобы зафиксировать высоту и ширину. Если вы добьетесь нужного размера и скажете: «Нет, не совсем правильно», вам не нужно возвращаться назад, вы можете перейдите в «Редактировать», «Преобразовать контур» и перейдите в «Масштаб». И то же самое, удерживая Shift на одном из этих краев, растяните его, и вы можете сделать его красивым и большим. Я делаю свой супер большим. Что-то подобное. Когда вы закончите, нажмите «Return» на клавиатуре, иначе ничего не получится. Так что нажмите «Return». Вот как нарисовать эллипс.

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

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

Видите эту маленькую красную линию? Это значит, пожалуйста, «без инсульта». Потрясающие! Другие вещи, которые вы можете сделать с прямоугольниками, все еще не очень увлекательные, — это эти углы. У вас, вероятно, установлено по умолчанию это, где у него темно-серая рамка. Смотрите, щелкните по нему. Это не совсем очевидно, но если он у вас выключен, значит, он должен выглядеть так, и я собираюсь сделать, чтобы вы могли изменить один конкретный угол.Итак, что я собираюсь сделать, скажем, 20 пикселей в этом углу. Нажмите «Return», и вы увидите, что у меня радиус 20 пикселей. Вероятно, недостаточно большой, чтобы вы могли его увидеть. Радиус 50 пикселей. Я собираюсь увеличить масштаб, чтобы нам было легче увидеть это вместе. Человек, редактирующий это видео, вероятно, скажет: «Тебе следовало сделать это раньше, тебе пришлось передвигаться». Итак, небольшой трюк с этим —

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

Я просто хочу, чтобы это было немного закругленным, и мы собираемся изменить его позже, когда будем делать наш Type. В конце концов, это будет та коробка. Мы сделаем еще пару вещей: я собираюсь уменьшить масштаб, «Командование…» И я хочу сделать звезды в углу, вот эти ребята.Так что звезды — это не сложно, но … посмотрите это, нажмите и удерживайте. Они заходят в этот инструмент, называемый Polygon Tool, нажимают на него. И по умолчанию он даст мне многоугольник. Я не уверен, что это за форма, Пентагон? Я хочу сказать, Пентагон. И вы можете поменять стороны здесь, у меня может быть 10 сторон. Теперь это то, что я не могу назвать. Переходим к «Отменить». Я использую ярлык, поэтому «Редактировать». ‘Шаг назад’. Это здесь. На Mac это довольно безумно, это «Command-Option-Z», шаг назад.На ПК это «Control-Alt-Z». Просто шаг назад. Я использую это довольно часто. Я, наверное, собираюсь использовать это с этого момента в курсе. Если вы видите, что я иду назад и отменяю, я просто перейду к этой опции здесь, используя свой хитрый ярлык.

Итак, что я хочу сделать, это то, что я хочу пятигранную звезду, но что я хочу сделать, это увидеть здесь эту маленькую шестеренку? Прежде чем начать рисовать, нажмите «Звездочка», поиграйте со вставкой, 50% даст вам традиционную звезду. Посмотрите это здесь, вы можете отменить его и просто поэкспериментировать.Немного поиграйте с отступами, например … Мне очень нравится этот, если вы опуститесь до 15, а затем поверните стороны до 50, вы получите что-то вроде звездообразования. Это очень удобно, я не знаю. Как я покупаю вино? Я смотрю на этикетку, а много ли на ней этих золотых наклеек? Я их даже не читаю, но так покупаю вино.

Выбрав этот слой, я собираюсь щелкнуть по мусору, чтобы избавиться от него, и я собираюсь получить свою звезду. Итак, «Инструмент многоугольника», сторона, вернемся к «5».Нажмите на маленькую шестеренку, и я скажу 50%. Если вы дойдете до 80%, они будут супер острыми. Вы также можете сгладить его края, просто немного поэкспериментируйте. Просто сделаю традиционную звезду. Я собираюсь вытащить — если хочешь прямо, это наш волшебный ключ, который мы сделали. Мы уже использовали его несколько раз. На данный момент это будет любой старый размер. Итак, я собираюсь растянуть и удерживать клавишу «Shift». Видите ли, это как бы запирает его в более удобные формы. Это не прямо вверх и вниз, я не знаю почему, но вы можете, вот так, поехали, в конце концов я понял.Так что удерживайте Shift и просто вращайте его, пока не получите вид … он зафиксировал его в симметричной форме, вот что я хочу сказать.

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

Я хочу преобразовать этого парня, чтобы он стал меньше. Итак, слой выбран, «Редактировать», «Трансформировать», «Масштабировать». Теперь, что я собираюсь сделать до конца этого курса, это очень долгий путь, я собираюсь использовать ярлык, и он здесь, Free Transform.Он делает все это понемногу, действительно легко масштабируется. Я собираюсь использовать «Команду Т». Вам не обязательно, вы можете зайти сюда и использовать эту версию. «Command T» — отличный способ научиться чему-то. На ПК это «Control T», поэтому удерживайте «Command T» и то же самое, удерживайте «Shift» в углах, и я могу изменить его размер. Так что я хочу, чтобы это было об этом, нажмите «Return». Мне нужна другая версия, поэтому я собираюсь щелкнуть по ней правой кнопкой мыши и сказать «Дублировать слой». «Многоугольник 2», нажмите «ОК». И что я собираюсь сделать, это, вероятно, тот, который находится внизу.Итак, этот парень наверху, этот парень внизу. Я собираюсь растянуть его, используя мой супер-новый ярлык, «Command T», и я собираюсь масштабировать его, поэтому, если я удерживаю «Shift», я могу перетащить его туда, тогда я все равно могу схватиться за центр и попробуйте выровнять их, и это обычно работает.

Еще одно небольшое сокращение, которым я хочу с вами поделиться. Я собираюсь нажать «Esc», «Esc» означает «Я не это имел в виду». Я собираюсь вернуться туда, где это было. У меня все еще две звезды друг на друге. А вот на нижнем я нажму «Command T», «Control T» на ПК.Удерживая Shift, вы получаете это из верхнего левого угла. Если я удерживаю «Shift Option» на Mac или «Alt» на ПК, поэтому посмотрите вниз на клавиатуру, удерживайте «Shift», а если у вас Mac, удерживайте «Shift Option». Если вы работаете на ПК, удерживайте Shift и Alt. Что он делает, вы видите разницу? Его размер изменяется от центра. Я не хочу слишком сильно обманывать вас ярлыками. Вам не обязательно, вы можете просто выровнять его, использовать Shift и просто выровнять его, но я хочу сделать мой немного больше, чем он был примерно там. На самом деле ничего не происходит, кроме этого нижнего. Я хочу уменьшить непрозрачность, видите ползунок «Непрозрачность»? Он будет опускать его, пока я не найду что-то, что мне нравится.На самом деле я собираюсь использовать Transform. Я собираюсь сделать его немного больше. У нас есть Drop Shadows на этом. Позже это будет выглядеть лучше, но мы еще не дошли до этого.

Если я хочу повторно … Я также изменю размер этого верхнего. На самом деле я хочу, чтобы оба были немного меньше. Удерживая обе эти клавиши. Ты, ты. Я сделаю то же самое с кругом. Итак, этот парень выбрал мой Эллипс, я собираюсь продублировать его. Щелкните правой кнопкой мыши «Дублировать слой». Вы должны дать им имя.Я буду честен с вами, я никогда не беспокоюсь, если я не отправлю его кому-то, на кого мне нужно произвести впечатление. Я перехожу к своей «Команде Т». Я собираюсь взять одну из этих боковых частей, удерживая «Shift Option» на моем Mac. Сделайте немного больше. Что я, вероятно, собираюсь сделать, так это то, что у меня есть большой сверху, я собираюсь положить его внизу.

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

Последнее, что я хочу сделать, это получить это — я хочу, чтобы оно было длиннее, поэтому я собираюсь использовать «Command T» на Mac, «Control T» на ПК и просто перетаскивать его. из. Самое классное в живых фигурах то, что угол все еще сохранился.Неважно, как долго, это не искажает. Так что я собираюсь перетащить его, чтобы он отключился, даже за край, это не имеет значения. «Enter» на моей клавиатуре, чтобы закончить это, и я собираюсь использовать его как своего рода вне страницы в поле типа обрезки. Еще одна вещь, которую я хочу, — это маленький кружок здесь внизу. Я буду ленивым. Вместо того, чтобы нарисовать Эллипс и придать ему цвет, я собираюсь схватить этого парня, я собираюсь щелкнуть по нему правой кнопкой мыши, я собираюсь дублировать его. Да, я дам этому имя, потому что вы смотрите на меня, давайте перейдем к «Малому кругу».Я собираюсь трансформировать его. Удерживая мои горячие клавиши, хватая где угодно, кроме центра, и он собирается пойти сюда, куда-то. Нажмите «Return» на клавиатуре.

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

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

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

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

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

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

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

https: //www.instagram.com / p / BuWfsULD7NB /

https://www.instagram.com/p/BuNI_eqDNht/

https://www.instagram.com/p/BtwxggxD0r7/

https://www.instagram.com/p/BtTZvvkHXzq/

[Учебник по световой фотографии в трубке: Идеальный круг — # 115 | Эрик Паре / Xangle]

Максимизируйте создание формы в Illustrator

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

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

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

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

01. Создание простой формы слезинки

Вы можете создать каплю, используя круг и квадрат

Мы начнем с основ инструмента Pathfinder и того, как его можно использовать для создания простых форм из отдельных нарисованных векторов.

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

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

02. Создайте кнопку расширения

Минус ромбовидную форму из квадрата для создания значка расширения

Начните с рисования квадрата, затем скопируйте и используйте ярлык cmd + F , чтобы вставить его на место поверх существующая кв.Ударьте R , чтобы поднять инструмент поворота, и поверните верхний квадрат на 45 градусов, удерживая Shift.

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

03. Создание фигур из обводок

После обводки обводки она будет функционировать как фигура.

Используйте инструмент «Перо» с включенной функцией «Привязка к сетке», чтобы начать создание простых векторных обводок, в данном случае базовой формы стрелки. .Увеличьте толщину обводки до 25 и выберите «Круглый колпачок» на панели обводки. Теперь, удерживая alt и shift , перетащите фигуру, чтобы дублировать ее, затем нажмите cmd + D , чтобы продолжить дублирование несколько раз.

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

04. Создайте простой значок глаза

Область, где два круга перекрываются, образует форму глаза

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

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

05. Создайте значок затвора камеры

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

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

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

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

Повернуть и продублировать линии

Введите дробь 360/6, нажмите кнопку копирования и нажмите OK. Теперь просто нажмите cmd + D , чтобы дублировать строки.

Повторите технику, показанную в шаге 03, чтобы очертить штрихи, а затем вычтите их из круга, чтобы создать значок камеры.

Подробнее:

Как придать изображению идеальную круглую форму с помощью Word, Paint

Досадно, что нет никакой возможности обрезать изображение круглой формы в MS Paint. И я просто надеюсь, что Microsoft когда-нибудь представит такую функцию. А до тех пор мы должны жить обходными путями или использовать такие инструменты, как Photoshop (это лучшее, что я могу назвать). Но тогда мы заслуживаем более легкого выхода, верно?

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

Шаги по обрезке круглой формы с помощью Word и MS Paint

Здесь мы воспользуемся помощью MS Word. Концепция исходит из того факта, что мы можем вставлять изображения в форму , которую мы создаем в MS Word (или даже PowerPoint).

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

Шаг 2 : Откройте MS Word. Перейдите на вкладку Insert -> Shapes и выберите Oval (эллипс).

Шаг 3: На холсте MS Word нарисуйте фигуру нужного размера. Удерживайте Shift при рисовании фигуры; это помогает создать идеальный круг.

Шаг 4: Не снимайте выделения с формы. Инструменты рисования будут активированы с вкладкой Формат под ним. Переключитесь в формат и выберите Shape Fill -> Picture . Выберите изображение, которое вы сохранили на шаге 1. Ваше изображение будет безупречно вставлено и сохранено внутри формы.

Шаг 5: Щелкните фигуру правой кнопкой мыши и выберите Форматировать автофигуру . Наша цель здесь — удалить границу фигуры.

Шаг 6: Убедитесь, что вы находитесь на вкладке Цвета и линии . В разделе Lines перейдите к Color и выберите No Color . Нажмите Ok , когда закончите .

Шаг 7: Щелкните правой кнопкой мыши получившуюся фигуру и Скопируйте ее в буфер обмена. Вы также можете нажать Ctrl + C.

Шаг 8: Вернитесь в MS Paint и вставьте туда содержимое буфера обмена.Теперь вы можете сохранить изображение.

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

Заключение

Этот процесс может занять немного времени, но это надежный метод обрезки круглой формы с помощью MS Paint. Это может пригодиться, когда у вас нет доступа к таким первоклассным инструментам, как Photoshop (поскольку Paint и Word должны быть там по умолчанию).

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

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

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

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

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

Создание овального выделения

Растушевка выделения

Создание круглого выделения

Короткие команды на клавиатуре

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

Как сделать круг в фотошопе. Как сделать картинку круглой

Создание овального выделения

Растушевка выделения

Создание круглого выделения

Короткие команды на клавиатуре

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

Как сделать текст, соответствующий кругу, и создать круговой эффект в Photoshop

Каковы преимущества использования Photoshop

Интересные эффекты, которые вы можете создать в Photoshop с помощью текста

Как в Photoshop создать текст, который обтекает круг?

в конце концов

Практический урок о том как фото сделать круглым и с прозрачным фоном. – ФотоКто

Создаем форму входа с нуля

Photoshop текст по кругу

Создание фона

Круговой текст

Способ 1: Деформация

Способ 2: Контур

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

Более сложный вариант с большим количеством функций

Еще один интересный способ размещения: «Солнце слов».

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

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

Создание кнопки со своими вариантами стилей.

Видео как нарисовать стеклянную кнопку в Фотошоп.

Шаг 1 — Создайте и заполните круг

10 полезных инструментов и ярлыков в Photoshop, которые вы, вероятно, не используете

Для начала…

1. Составьте круг из эллипса

2. Верните свой выбор

3. Быстрая выборка цветов фона и переднего плана

4. Поместите выделение или фигуру

5. Более быстрый способ открытия файлов

6. Изменение серого цвета в окне изображения

7. Скрыть область выделения

8. Автоматический выбор слоя

9. Палитры выравнивания / стека

10. Сброс значений диалогового окна

GIMP: Как рисовать круг

Рисование круга в GIMP

Заливка круга цветом

Сохранение изображения

Заключительные мысли

Как сделать полумесяц в Photoshop (9 простых шагов)

Как сделать полумесяц в Photoshop (9 шагов)

Как сохранить форму в Photoshop

Заключение

Как нарисовать звезду в форме квадратного круга в Photoshop CC

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

Максимизируйте создание формы в Illustrator

01. Создание простой формы слезинки

02. Создайте кнопку расширения

03. Создание фигур из обводок

04. Создайте простой значок глаза

05. Создайте значок затвора камеры

Как придать изображению идеальную круглую форму с помощью Word, Paint

Шаги по обрезке круглой формы с помощью Word и MS Paint

Заключение

Добавить комментарий Отменить ответ