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

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

Инструмент 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 (Овальная область выделения) просто кликните где-нибудь внутри окна документа для удаления выделения.

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

Инструкция

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

Наведите указатель мыши на левый верхний угол будущего выделения. Эта не та точка, которая будет лежать на границе овала, она должна соответствовать по горизонтали крайней слева точке овала, а по вертикали — самой верхней его точке. Если определить это место «на глаз» сложно, включите отображение горизонтальной и вертикальной линеек (Ctrl + R), сетки (Ctrl + Э) или нарисуйте направляющие — наведите курсор на одну из линеек, нажмите Alt и при зажатой левой кнопке проведите вертикальную или горизонтальную линию. Для большей точности можно таким же способом отметить и крайнюю правую точку выделяемой области.

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

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

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

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

• Программа Adobe Photoshop, изображение, которое нужно отредактировать.

Инструкция

Запустите программу Adobe Photoshop. Откройте изображение, которое вам нужно отредактировать: File-Open.

В правом нижнем углу появится вкладка Layers –»слои», отображающая все действия с данным слоем. Щелчком правой кнопки мыши нажмите на названии слоя и в появившемся меню выберите Duplicate Layer – «дубликат слоя», напишите нужное вам название и нажмите ОК. Это позволит не испортить исходное изображение во время работы. Если вы не хотите создавать отдельный слой, то левой кнопкой мыши щелкните два раза на названии слоя – так вы снимете защиту с него, обозначенную маленьким замочком.

Следующий шаг – непосредственная работа с изображением. Справа в панели инструментов выберите инструмент «Волшебная палочка» (Magic Wand Tool), обозначенный похожим значком, либо нажмите с клавиатуры английскую букву W.

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

Точно так же удалите оставшуюся часть с другой стороны головы.

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

Если так получилось, что пунктирная линия захватила часть лица, в верхней части программы на панели инструментов есть кнопка, позволяющая отодвинуть выделение – Subtract from selection, обозначенная либо значком минус возле инструмента «волшебная палочка», либо двойным квадратом, причем белый должен быть наверху. Чтобы вернуться к опции выбора зоны для удаления, нажмите обычный квадрат или овал на той же панели инструментов и выделите зону для удаления.

Оставшиеся ненужные части изображения сотрите инструментом Eraser Tool – «стирательная резинка».

Источники:

• как вставить голову животного

Полезный совет

Помните, если вы случайно во время стирания захватили часть нужного фрагмента, действие всегда можно отменить, нажав с клавиатуры комбинацию клавиш Ctrl+Alt+Z, либо выбрав соответствующую опцию в панели инструментов Edit-Undo – «правка – отмена действия».

Источники:

• как фотошопе вырезать фрагмент

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

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

• — цветная или металлизированная бумага;
• — канцелярские ножницы;
• — маникюрные ножницы.

Инструкция

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

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

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

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

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

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

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

Доброго всем денечка! Как ваше настроение? Готовитесь ко вторым праздникам? Я да. Завтра мы едем в Ярославль вплоть до 9 мая, как я и говорил. Но вас без статьи я не оставлю. Недавно меня попросили сделать из обычной фотографии круглую, ну то есть чтобы портрет был в овальном обрамлении. Это несложно и конечно же я согласился помочь.

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

Овальное выделение

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

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

Эллипс

НЕ ЗАБУДЬТЕ! Чтобы запомнить изображение с сохранением прозрачности, вам необходимо его в формате PNG, иначе вы получите закругленную картинку с белым фоном.

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

Ну а на сегодня я свой урок заканчиваю. Посмотрите другие статьи на моем блоге и вы обязательно найдете что-нибудь интересное для себя. Успехов вам! Пока-пока!

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

2 голоса

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

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

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

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

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

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

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

Итак, открываем фотошоп, а затем и фото, с которым будете работать.

Чтобы понадобится инструмент «Рамка».

Можно дергать за края, чтобы определиться с размером или отрезать что-то лишнее.

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

Если интересует соотношение – выбираем верхнюю кнопку и вставляем свои значения.

Если один из показателей, то выбираем Ш х В х Разрешение.

Вставляем свои значения.

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

Делаем изображение круглым за две минуты

Есть много способов вырезать фотку по кругу. Сейчас я расскажу о самом простом. Буквально 2-3 минуты и все готово.

Открываем рисунок.

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

Чтобы нарисовать ровный круг двигайте мышью и одновременно удерживайте Shift и пропорции сохранятся.

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

Теперь нажмите одновременно Ctrl + C, чтобы скопировать область внутри круга, а затем Ctrl + V, чтобы вставить ее в данную картинку. Затем снимите «глаз» с фона.

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

Чтобы прозрачность осталась, а не изменилась на белый цвет, вам необходимо выбрать формат PNG (). Привычный всем JPG не понимает что такое прозрачность.

Можете не сохранять и сразу вставить в другую фотку. Ctrl + V.

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

Этот способ намного быстрее и проще других.

Нормальная профессиональная вырезка объекта

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

Открываем фото.

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

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

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

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

Проведите по фону и по краю поползут муравьи.

Теперь давайте перейдем во вкладку «Уточнить край».

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

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

Настройка краев. Используйте, пробуйте, экспериментируйте.

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

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

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

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

Итак, теперь снова переходим в слой копии.

И снова переходим в уточнение краев.

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

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

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

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

Мне не очень нравится. Лучший вариант – изменить фон на втором слое. Согласитесь, так уже не плохо.

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

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

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

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

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

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

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

Есть два ключевых инструмента в Фотошоп: 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, как показано здесь.

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

Как рисовать векторные фигуры в Photoshop CS6

В этом уроке мы научимся основам рисования векторных фигур в Photoshop CS6 с помощью простых в использовании инструментов форм !

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

Это руководство предназначено для пользователей Photoshop CS6 . Если вы используете более старую версию Photoshop, вам нужно ознакомиться с оригинальным учебником Shapes And Shape Layers Essentials.

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

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

Рисование векторных фигур в фотошопе

Инструменты формы

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

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

Я начну с выбора первого в списке инструмента «Прямоугольник» :

Выбор инструмента Rectangle.

Формы, пиксели или контуры

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

Чтобы убедиться, что вы рисуете векторные фигуры, а не контуры или пиксели, выберите « Форма» в параметре « Режим инструмента» на панели параметров в верхней части экрана:

Установите для параметра «Режим инструмента» значение «Форма».

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

Следующая вещь, которую мы обычно хотим сделать, это выбрать цвет для фигуры, и в Photoshop CS6 мы делаем это, щелкая образец цвета заливки на панели параметров:

Нажав образец цвета «Заполнить».

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

Четыре варианта заполнения фигуры (Без цвета, Сплошной цвет, Градиент и Узор).

Нет цвета

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

Параметр «Нет цвета» оставит фигуру пустой.

Вот быстрый пример того, как выглядит форма без цвета заливки. Все, что мы видим, — это основной контур фигуры, известный как путь . Путь виден только в Photoshop, поэтому, если бы вы распечатали документ или сохранили работу в формате, подобном JPEG.webp или PNG, путь не был бы виден. Чтобы сделать его видимым, нам нужно добавить к нему штрих, который мы научимся делать после того, как рассмотрим параметры Fill:

Только путь фигуры виден (и только в Photoshop), когда для параметра «Заливка» установлено значение «Нет цвета».

Сплошной цвет

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

Нажав кнопку «Сплошной цвет», заполните.

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

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

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

Нажав на иконку Color Picker.

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

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

Вот та же форма, что и раньше, на этот раз залитая сплошным цветом:

Основная форма, заполненная сплошным цветом.

градиент

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

Выбрав опцию «Градиент» вверху, затем выберите предустановленный градиент.

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

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

Шаблон

Наконец, выбор параметра Pattern позволяет нам заполнить форму шаблоном. Нажмите на одну из миниатюр, чтобы выбрать предустановленный шаблон. Photoshop не дает нам много шаблонов на выбор, но если вы создали свой собственный или загрузили некоторые из Интернета, вы можете загрузить их, нажав на маленький значок шестеренки (ниже значка Color Picker) и выбрав Load Узоры из меню:

Выбор параметра Pattern, затем выбор предустановленного шаблона.

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

Форма, заполненная заданным рисунком.

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

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

Чтобы добавить обводку, щелкните образец цвета « Обводка» на панели параметров.

Нажав на образец цвета обводки.

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

Выбор параметра «Сплошной цвет» для обводки, затем выбор цвета из образцов.

Изменение ширины инсульта

Чтобы изменить ширину обводки, используйте параметр « Ширина обводки» непосредственно справа от образца цвета обводки на панели параметров. По умолчанию установлено значение 3 pt. Чтобы изменить ширину, вы можете либо ввести определенное значение непосредственно в поле (нажмите Enter (Win) / Return (Mac) на клавиатуре, когда вы закончите, чтобы принять его), либо нажать на маленькую стрелку справа от значение и перетащите ползунок:

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

Опция выравнивания краев

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

Вы обычно хотите убедиться, что Align Edges отмечен.

Однако, чтобы Align Edges работал, его нужно не только выбрать, но и задать ширину штриха в пикселях (px), а не в точках (pt) . Поскольку в моей ширине обводки используются точки (тип измерения по умолчанию), я вернусь и введу новую ширину 10 пикселей:

Чтобы Align Edges работал, установите ширину штриха в пикселях (px).

Вот пример черного штриха размером 10 пикселей, примененного к фигуре:

Простая форма с черным штрихом, окружающим его.

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

Та же самая форма, теперь с Fill, установленным в No Color.

Больше вариантов инсульта

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

Нажав кнопку «Параметры обводки».

Откроется окно «Параметры обводки». Отсюда мы можем изменить тип обводки со сплошной линии на пунктирную или пунктирную линию. Параметр « Выровнять» позволяет нам выбрать, должен ли обводка попадать в контур контура, вне контура или быть центрирован на контуре. Мы можем установить опцию Caps на Butt, Round или Square, и изменить углы на Mitre, Round или Bevel . Нажатие кнопки « Дополнительные параметры» внизу откроет более подробное поле, в котором вы можете установить конкретные значения тире и промежутков и даже сохранить свои настройки в качестве предустановки:

Варианты инсульта.

Вот тот же штрих, что и раньше, на этот раз пунктирной, а не сплошной линией:

Тип штриха изменился с сплошного на штриховой.

Плагин шорткодов, действий и фильтров: ошибка в шорткоде (ads-basics-middle)

Инструмент Прямоугольник

Теперь, когда мы знаем, как выбрать различные инструменты форм Photoshop на панели «Инструменты», как выбрать цвет заливки и обводки и как изменить внешний вид обводки, давайте узнаем, как на самом деле рисовать векторные фигуры! Мы начнем с первого инструмента в списке, инструмента Прямоугольник . Я выберу его на панели инструментов, как и раньше:

Выбор инструмента Rectangle.

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

Вытаскивая прямоугольник. При перетаскивании появляется только контур фигуры.

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

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

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

После того, как вы нарисовали свою первоначальную форму, ее текущие размеры появятся в полях Ширина ( W ) и Высота ( H ) на панели параметров. Здесь мы видим, что моя фигура была нарисована 533 пикселей в ширину и 292 пикселей в высоту:

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

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

Используйте значок ссылки, чтобы сохранить пропорции фигуры при изменении ее размера.

Когда выбран значок ссылки, при вводе новой ширины или высоты Photoshop автоматически меняет другой, чтобы сохранить соотношение сторон. Здесь я вручную ввел новую ширину 500 пикселей, и поскольку у меня был выбран значок ссылки, Photoshop изменил высоту до 273 пикселей:

Изменение размера фигуры.

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

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

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

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

Вот несколько простых, но очень полезных сочетаний клавиш. Если вы нажимаете и удерживаете клавишу Alt (Победа) / Option (Mac) на клавиатуре при перетаскивании фигуры, вы будете рисовать ее из центра, а не из угла. Это работает с любыми инструментами формы Photoshop, не только с инструментом Rectangle Tool. Однако очень важно подождать, пока вы не начнете перетаскивать, прежде чем нажимать клавишу Alt / Option, и удерживать клавишу нажатой до тех пор, пока не отпустите кнопку мыши, иначе она не будет работать:

Нажмите и удерживайте Alt (Победа) / Option (Mac), чтобы нарисовать фигуру из ее центра.

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

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

Нажмите и удерживайте Shift при перетаскивании, чтобы нарисовать квадрат.

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

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

Параметры формы

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

Нажав на значок шестеренки.

Так как у меня выбран инструмент «Прямоугольник», при щелчке на значке шестерни отображаются параметры инструмента «Прямоугольник». За исключением Polygon Tool и Line Tool, которые мы рассмотрим позже, вы не будете часто использовать это меню, потому что мы уже узнали, как получить доступ к большинству этих параметров с клавиатуры. Например, опция Unconstrained позволяет нам свободно рисовать фигуры в любых измерениях, которые нам нужны, но, поскольку это стандартное поведение инструментов формы, нет необходимости выбирать его. Параметр « Квадрат» позволяет рисовать идеальные квадраты с помощью инструмента «Прямоугольник», но мы уже можем это сделать, нажав и удерживая клавишу Shift . А From Center нарисует фигуру из своего центра, но, опять же, мы уже можем это сделать, нажав и удерживая Alt (Win) / Option (Mac).

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

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

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

Ранее мы узнали, что для рисования векторных фигур в Photoshop нам необходимо убедиться, что в панели параметров на панели параметров установлен параметр « Фигуры» (в отличие от «Путь» или «Пиксели»). Когда мы рисуем векторную форму, Photoshop автоматически размещает ее на специальном слое, известном как слой Shape . Если мы посмотрим на мою панель «Слои», то увидим, что фигура, которую я нарисовал с помощью инструмента «Прямоугольник», находится на слое фигуры с именем «Прямоугольник 1». Название слоя будет меняться в зависимости от того, какой инструмент фигуры использовался, поэтому, если бы я нарисовал фигуру, скажем, с помощью Ellipse Tool, он был бы назван «Ellipse 1»:

Каждая новая векторная фигура появляется в своем собственном слое Shape.

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

Значок на миниатюре предварительного просмотра говорит нам, что это слой Shape.

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

Нажав образец цвета «Заливка» с выбранным слоем «Форма».

Затем я выберу другой цвет для моей фигуры из образцов:

Нажав на образец синего цвета.

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

Цвет формы был изменен без необходимости перерисовывать его.

И, если мы снова посмотрим на панель «Слои», мы увидим, что эскиз предварительного просмотра для слоя «Форма» также был обновлен новым цветом:

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

Инструмент Прямоугольник со скругленными углами

Давайте посмотрим на второй из инструментов формы Photoshop, Rounded Rectangle Tool . Я выберу его на панели инструментов:

Выбор инструмента Rounded Rectangle.

Инструмент Rounded Rectangle Tool очень похож на стандартный инструмент Rectangle Tool за исключением того, что он позволяет нам рисовать прямоугольники со скругленными углами. Мы контролируем закругление углов, используя параметр Радиус на панели параметров. Чем выше значение, тем более закругленными будут углы. Вам нужно установить значение радиуса перед рисованием вашей фигуры, поэтому я установлю свой 50 px:

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

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

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

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

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

Вот еще один пример скругленного прямоугольника, на этот раз с моим значением Radius, равным 150 px, достаточно большим (в любом случае, в данном случае), чтобы все левые и правые стороны прямоугольника выглядели изогнутыми:

Более высокое значение радиуса создает более закругленные углы.

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

Меньшее значение радиуса дает нам менее закругленные углы.

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

Если вы рисуете прямоугольник со скругленными углами и решаете, что вас не устраивает округлость углов, все, что вы действительно можете сделать, — это зайти в меню « Правка» в строке меню в верхней части экрана и выбрать « Отменить закругленный прямоугольник» (или нажмите Ctrl + Z (Победа) / Command + Z (Mac) на клавиатуре), чтобы удалить прямоугольник со скругленными углами из документа. Затем введите другое значение радиуса в панели параметров и повторите попытку:

Идем в Edit> Undo Rounded Rectangle Tool.

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

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

Эллипс Инструмент

Инструмент Ellipse в Photoshop позволяет нам рисовать эллиптические или круглые формы. Я выберу его на панели инструментов:

Выбор инструмента Ellipse.

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

Рисование эллиптической формы с помощью Ellipse Tool.

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

Цветная форма.

Чтобы нарисовать идеальный круг с помощью Ellipse Tool, начните перетаскивать форму, затем нажмите и удерживайте клавишу Shift . Чтобы нарисовать эллиптическую фигуру из ее центра, нажмите и удерживайте Alt (Победа) / Option (Mac) после начала перетаскивания. Нажатие и удерживание Shift + Alt (Победа) / Shift + Option (Mac) нарисует идеальный круг из его центра. Как всегда, отпускайте клавиши только после того, как отпустите кнопку мыши:

Круг, нарисованный с помощью Ellipse Tool.

Инструмент Многоугольник

Инструмент Polygon Tool — это то, где вещи начинают становиться интересными. Я выберу его на панели инструментов:

Выбор инструмента Polygon.

В то время как инструмент «Прямоугольник» в Photoshop ограничен рисованием четырехсторонних многоугольников, инструмент «Многоугольник» позволяет нам рисовать многоугольники с любым количеством сторон! Это даже позволяет нам рисовать звезды, как мы увидим через мгновение. Чтобы нарисовать фигуру с помощью инструмента «Многоугольник», сначала введите необходимое количество сторон в параметре « Стороны» на панели параметров. Вы можете ввести любое число от 3 до 100. Сейчас я оставлю мое значение по умолчанию 5:

Введите необходимое количество сторон в параметре Стороны.

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

5-сторонняя фигура, нарисованная с помощью Polygon Tool.

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

Простой треугольник, нарисованный с помощью Polygon Tool.

А вот форма многоугольника с установленными сторонами 12. Как и параметр «Радиус» для инструмента «Прямоугольник со скругленными углами», Photoshop не позволяет нам изменять количество сторон после того, как мы нарисовали нашу форму, поэтому, если вы допустили ошибку, вам понадобится чтобы перейти в меню « Правка» в верхней части экрана и выбрать « Отменить инструмент многоугольника» (или нажмите Ctrl + Z (Win) / « Command» + Z (Mac)), затем введите другое значение в параметре «Стороны» и перерисуйте фигуру:

Двусторонняя форма многоугольника.

Рисование звезд с помощью инструмента «Многоугольник»

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

Нажав на значок шестеренки и выбрав Звезду.

Затем просто щелкните внутри документа и вытяните форму звезды. При выборе «Звезда» параметр «Стороны» на панели параметров контролирует количество точек в звезде, поэтому при значении по умолчанию 5 мы получаем 5-точечную звезду:

5-точечная звезда, нарисованная с помощью Polygon Tool.

Изменение значения Sides на 8 дает нам восьмиконечную звезду:

Управляйте количеством точек с помощью параметра «Стороны».

Мы можем создать форму звездообразования, увеличив параметр « Отступ по сторонам» за пределы его значения по умолчанию, равного 50%. Я увеличу это до 90%. Я также увеличу значение Sides до 16:

Создание звездообразования путем увеличения значения отступа по сторонам.

И вот результат:

Звездообразование, нарисованное с помощью Polygon Tool.

По умолчанию у звезд есть острые углы на концах их точек, но мы можем сделать их округленными, выбрав параметр Smooth Corners :

Включение гладких углов.

Вот стандартная пятиконечная звезда с включенной опцией Smooth Corners:

Опция Smooth Corners придает звездам веселый, дружелюбный вид.

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

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

Выбрав Smooth Corners и Smooth Indent, мы получим больше формы морской звезды:

Включена звезда с Smooth Corners и Smooth Indents.

Инструмент Линия

Последним из основных инструментов геометрической формы в Photoshop является Line Tool . Я выберу его на панели инструментов:

Выбор инструмента Линия.

Инструмент «Линия» позволяет нам рисовать простые прямые линии, но мы также можем использовать его для рисования стрелок. Чтобы нарисовать прямую линию, сначала установите толщину линии, введя значение в пикселях в поле « Вес» на панели параметров. Значением по умолчанию является 1 px. Я увеличу его до 16 пикселей:

Опция Weight контролирует толщину или ширину линии.

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

Удерживайте Shift при перетаскивании, чтобы нарисовать горизонтальные или вертикальные линии.

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

Чтобы нарисовать стрелки, щелкните значок шестеренки на панели параметров, чтобы открыть параметры стрелок. Выберите, хотите ли вы, чтобы стрелка отображалась в начале линии, в конце или в обоих направлениях (если вы хотите, чтобы стрелка была направлена ​​в том же направлении, в котором рисуется линия, выберите «Конец»):

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

Вот линия, похожая на нарисованную ранее, на этот раз со стрелкой на конце:

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

Если размер стрелки по умолчанию у вас не работает, вы можете изменить его, изменив параметры Ширина и Длина . Вы также можете сделать стрелки более вогнутыми, увеличив параметр « Вогнутость» . Я увеличу его со значения по умолчанию от 0% до 50%:

Измените форму стрелки, увеличив ее вогнутость.

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

Стрелка со значением вогнутости до 50%.

Скрытие контура пути вокруг фигуры

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

Контур пути все еще виден даже после того, как фигура нарисована.

Чтобы скрыть контур пути в Photoshop CS6, просто нажмите Enter (Win) / Return (Mac) на клавиатуре, и он исчезнет:

Нажмите Enter (Win) / Return (Mac), и контур исчезнет.

Куда пойти дальше …

И там у нас это есть! Это основные принципы рисования основных геометрических векторных фигур в Photoshop CS6 с использованием инструмента «Прямоугольник», инструмента «Закругленный прямоугольник», инструмента «Эллипс», инструмента «Многоугольник» и инструмента «Линия»! В следующем уроке мы узнаем, как добавлять более сложные и интересные фигуры к вашим проектам и макетам с помощью инструмента Photoshop Custom Shape Tool! Посетите наш раздел Основы Photoshop, чтобы узнать больше о Photoshop!

Как сделать тень от объекта в Photoshop / Фотообработка в Photoshop / Уроки фотографии

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

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

Прежде, чем сделать тень от объекта, нужно внимательно продумать проекцию тени. Откроем снимок в Photoshop.

Судя по небу на этом фото, день был пасмурный. Тени от столбов и пеликанов практически не видны. Мысленно предположим, что солнце светит на пеликанов фронтально. Благодаря облакам тени будут очень рассеяны. Значит, можно не стараться прорисовывать чёткий силуэт. И пусть тени будут немного вытянутыми.

Когда продумали положение и форму теней, создаём новый слой Shift+Ctrl+N. Становимся на него, вызываем инструмент «Кисть»/Brush (клавиша B). Цвет кисти чёрный, кисть мягкая, размер регулируется клавишами [ и ], они же Х и Ъ.

И просто рисуем на новом слое тени по своей задумке. Если где-то промазали и залезли на сам объект, можно будет убрать ластиком (клавиша E). Для удобства рисунок можно масштабировать с помощью клавиш Ctrl+ и Ctrl-. Можно прокрасить и теневую сторону деревянных столбов.

Чтобы тени стали реалистичнее, убавим прозрачность слоя до 35%. Для этого, стоя на слое, переместите влево ползунок на параметре «Непрозрачность»/Opacity на палитре слоёв. Если что-то не получилось, нажмите отмену Ctrl+Alt+Z нужное количество раз.

Вот так получилось.

Сохраните результат Shift+Ctrl+S, формат файла можно выбрать привычный — JPG.

Этот способ самый простой, особенно для тех, кто хорошо рисует.

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

Еще больше о Photoshop можно узнать на курсе в Fotoshkola.net «Photoshop. Слои и маски».

Открываем фото в программе. Отделяем объект от фона. Для этого можно воспользоваться любым из инструментов группы «Быстрое выделение»/Quick Selection Tool. Вызываются они нажатием клавиши W. В данном случае выделим объект «Волшебной палочкой»/Magic Wand Tool, кликнув по фону (подходит для однородного фона).

Пунктир виден по всему периметру изображения, значит нужно инвертировать, чтобы выделить лишь объект. Нажимаем Shift+Ctrl+I. Теперь переносим объект на новый слой: Ctrl+C — копируем, Ctrl+V — вставляем. Новый слой с объектом появится автоматически. Отключаем нижний слой, нажав на нём изображение глаза.

Вызываем инструмент «Ластик»/Eraser Tool, клавиша E, и убираем стружку стержней. Они для тени не нужны. Затем по слою с объектом щёлкаем правой клавишей мыши, из появившегося списка выбираем пункт «Параметры наложения»/Blending Option.

В открывшемся окне слева выбираем пункт «Тень»/Drop Shadow.

С помощью параметров «Смещение»/Distance, «Размах»/Spread и «Размер»/Size создадим тень. Перемещаем ползунки, пока не добьёмся нужной тени. Затем уменьшим «Прозрачность»/Opacity.

Нажимаем Ok и возвращаем видимость нижнего слоя (нажимаем на серый квадрат, где был до этого глаз).

Если нужно уложить тень объекта на пол, мы выполняем те же действия. После того, как создали тень, переносим её на отдельный слой. Для этого под слоем с объектом щёлкаем правой клавишей мыши по пункту «Тень»/Shadow и в появившемся списке выбираем «Образовать слой»/Create Layer.

Тень переносится на новый слой. Становимся на слой с тенью и нажимаем Ctrl+T. Затем щелчком правой клавиши мыши вызываем контекстное меню и выбираем пункт «Искажение»/Warp. Появится рамка с точками. Перемещая эти точки, можно изменить перспективу изображения.

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

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

Еще больше о Photoshop можно узнать на курсе в Fotoshkola.net «Photoshop. Слои и маски».

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

Сразу вспомнилась картинка:

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

Возьмем зеленый и красный цвета на примере Валиры из близзовского Харстоуна и клубники (сама природа подобрала сочетание):

Круто, да? Значит, зеленый отлично сочетается с красным. А теперь посмотри какой ад получится, если сделать зеленую кнопку на красном фоне или красную кнопку на зеленом фоне:

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

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

Цветовой круг

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

Есть немало онлайн-сервисов на эту тему. Удобный — colorscheme.ru .

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

Color Guide

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

Берешь пипеткой цвет — а иллюстратор тебе показывает все комбинации: соседние, контрастные, триады и так далее.

Adobe Color Themes

В самом фотошопе есть такой же функционал. Раньше это были просто темы (набор цветов), а потом к ним добавили и сам цветовой круг, и теперь панелька называется Adobe Color Themes

По радуге

Сам же я цвета подбираю по «радуге»: перетягиваю ползунок и забираю цвет.

В примере я подобрал красный, фиолетовый и оранжевый. Шкала («радуга») лишь помогает подобрать цвет c разным оттенком (H = Hue) и иногда результат не устраивает. Вот мне не понравился грязный и унылый оранжевый и я сделал из него чистый и клевый. Если нужно подобрать по насыщенности (S = Saturation) или по яркости (B = Brightness), то просто меняем шкалу.

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

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

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

Итак, какие же бывают «цветовые круги»?

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

При работе с инструментами Photoshop опираться на этот круг нельзя. С точки зрения физики и физиологии — он пострен криво и неправильно. Но давайте по порядку.

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

Для каждой группы колбочек подбирается такой стимул, который будет минимально возбуждать соседние группы. Вот откуда в адитивной системе появляются Red, Green и Blue. Самая большая проблема возникает с зеленым стимулом. Из-за сильного взаимного перекрытия кривых в районе 500 нм он всегда возбуждает не только средне, но и длинно и коротко волновые колбочки. Именно в этом кроется принципиальная немозможность создания трехстимульных мониторов с очень большим цветовым охватом (привет от оранжевой обложки с первой иллюстрации).

В реальной жизна стимулы гораздо более сложные и описываются спектральным распределением энергии. Если это распределение равномерно, то стимул выглядит ахроматическим, а проще говоря — серым. При достаточно большой яркости мы примычно называем его белым. При этом белый луч можно разложить в спектр, который так же по привычке часто называют радугой. Что и было сделано при помощи призмы. В 17 веке Исааком Ньютоном, а в 20 — художником, оформлявшим обложку альбома The Dark Side of the Moon группы Pink Floyd.

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

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

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

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

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

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

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

Очень подробно об этом рассказывает Саша Чалдрян на первом занятии курса «Adobe Photoshop. Творческая ретушь» . Я же ограничусь только тремя небольшимы иллюстрациями из конспекта к этому занятию.

Родственные сочетания — монохроматические сочетания двух-трех соседних секторов круга.

Родственно-контрастные сочетания — сочетания цветов, в каждом из которых присутствует “родственный”. Желто-зеленый, желтый, желто-оранжевый, желто-красный — для них всех есть объединяющий желтый, но схема довольно контрастная. В данном случае картинка не совсем соответствует приведенной схеме, но Вы и сами легко догадаетесь, как нужно поправить схему для более точного соответствия.

Триадные схемы — цвета, расположенные на вершинах равностороннего треугольника, вписанного в круг.

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

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

Плагины Photoshop для цвета, шрифтов и эффектов

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

Основные характеристики:

• Управляет образцами цветов и позволяет упорядочить их по папкам
• Работает на OS X и Windows
• Требует наличие Photoshop СС и СС 2014

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

Основные характеристики:

• Работает на OS X и Windows
• Поддерживает программы Photoshop CC2014, CC, CS6, CS5.5, CS5, CS4 и CS3
• Позволяет создавать цветовые схемы
• Выбор цвета из улучшенного цветового колеса с тремя режимами и функция Tone Lock
• Выбирает только теплые или холодные тона из палитры
• Одним щелчком мыши копирует шестнадцатеричные коды цвета

Цена: 19$, имеется пробная бесплатная 15-дневная версия для скачивания

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

Основные характеристики:

• Работает на ОС X и Windows
• Позволяет создавать собственные фильтры, эффекты и текстуры
• Наличие онлайн-хранилища фильтров
• Генерирует карты и текстуры, которые поддерживают бесшовную плитку

Цена: 399$, доступна бесплатная 30-дневная пробная версия

Eye Candy 7 от Alienskin — это плагин, который позволяет выбрать из 32 категорий эффектов и более тысячи пресетов, чтобы применить к вашей графике. Вы можете использовать его, чтобы создавать свои собственные эффекты и мгновенно просматривать изменения, примененные к любому слою. Все эффекты применяются на новом слое, так что ваши оригинальные графические объекты останутся нетронутыми, пока вы не решите изменить их.

Основные характеристики:

• Создает и применяет реалистичные эффекты
• Возможность выбора пресетов из богатой коллекции
• Поддерживает редактирование на новом слое, чтобы сохранить оригинальный дизайн
• Моментальный предпросмотр эффектов
• Работает на OS X ОС x 10.7 или новее, Windows 7 и 8
• Требуется Photoshop CS5, Elements 10 или новее

Цена: 129$, доступна бесплатная пробная версия

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

Основные характеристики:

• Помогает импортировать, просматривать и упорядочивать все ваши шрифтов непосредственно в Photoshop
• Возможность ставить теги и добавлять в избранные шрифты, чтобы облегчить поиск
• Поддержка веб-шрифтов
• Работает на OS X и Windows, требуется Photoshop СС 2014

Цена: 39$

Другие плагины для Photoshop

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

Основные характеристики:

• Дает вам доступ к тысячам бесплатных иконок
• Все иконки доступны в полностью редактируемом векторном формате
• Поддерживает Photoshop CS5, CS6, CC и CC 2014

Это спасительный плагин, если вы часто используете отсканированные материалы в ваших проектах. Он удаляет интерференционные картины из отсканированных изображений с помощью точного преобразования по методу Фурье. В отличие от других инструментов, которые полагаются на размытость, Descreen может сохранить больше деталей благодаря этому подходу. Рекомендуемое разрешение для просмотра между 600 и 1200 пикселями/дюйм.

Основные характеристики:

• Поддерживает Photoshop от версии 7.0 и CS до CS6 и CC
• Удаляет интерференционные картины из отсканированных изображений
• Работает на Windows и OS Х

Цена : Н ome Edition — €15, Professional Edition — €75

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

Основные характеристики:

• Позволяет увеличить, кадрировать и выправлять фотографии
• Оптимизирует фотографии для печати
• Поддерживает пакетное изменение изображений
• Работает на Windows 7 и 8 и ОС x 10.8 – 10.10
• Требуется Photoshop CS6, CC или CC 2014, а также Elements 11, 12 и 13

Цена: 79.95$, доступна 30-дневная пробная версия

Этот плагин идеально подходит для дизайнеров обложек книг и всех, кто желает продемонстрировать свою работу на профессиональном уровне в визуально привлекательной форме. Cover Action Pro преобразует ваш дизайн в 3D-модели продукта. Вы можете использовать шаблоны и направляющие, и выбрать из 25 категорий, содержащих более 150 моделей, в том числе книги, переплет, коробки DVD, поздравительные открытки, визитные карточки, журналы.

Основные характеристики:

• Позволяет конвертировать ваши проекты в 3D-модели продукта
• Предлагает шаблоны и модели
• Разработан для Photoshop CS6 и новее, но может работать для CS5, CS4 и CS3
• Автоматическое обновление

Цена: 147$ или 247$ с 60 дизайнерскими шаблонами

Avocode — это инструмент для совместной работы и управления проектами, предназначенный для сотрудничества дизайнера и разработчика. Он позволяет дизайнерам загрузить свой проект через плагин Photoshop, а разработчики могут затем изучить элементы дизайна в веб-интерфейсе или десктопном приложении. Avocode экспортирует слои в виде изображений, конвертирует слои в CSS, Less, Sass и Stylus, дает информацию о форматировании текста и размерах слоя. Он сохраняет все загруженные варианты дизайна на сервере, поэтому вы можете использовать его в качестве системы контроля вариантов вашего проекта.

Основные характеристики:

• Легко делится вашими проектами с помощью плагина для Photoshop
• Проверка дизайна в веб-интерфейсе или приложение – работает на OS х, Windows и Linux
• Экспортирует слои в виде изображений, преобразовывая в CSS
• Дает доступ к предыдущим вариантам дизайна

Цена: начинается от 20$ в месяц, предоставляется бесплатный 14-дневный пробный период

Многие художники пользуются цветовой моделью HSB . Эта математическая модель очень удобна для подбора оттенков и цветов. Модель HSB основана на модели RGB , но имеет другую систему координат. Любой цвет в модели HSB определяется своим цветовым тоном (оттенком), насыщенностью (то есть процентом добавленной к цвету белой краски) и яркостью (процентом добавленной черной краски). Из перечисленных трех составляющих менее всего понятна насыщенность . Можно определить насыщенность как «живость» цвета. Чем более цвет насыщен, тем дальше он от серого. Белый, черный цвета, все оттенки серого имеют минимальную насыщенность.

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

Трехканальная модель HSB получила название по первым буквам английских слов Hue (Оттенок), Saturation (Насыщенность) и Brightness (Яркость) . Модель HSB универсально применяется для цветокорреции — в этом она незаменима. Во всех графических приложениях эта модель присутствует в том или ином виде. Достоинство этой модели состоит в том, что она создавалась не для мониторов или принтеров, а для людей. Ведь человек интуитивно воспринимает цвет, разделяя его на оттенок, насыщенность и яркость.

Модель HSB удобно представлять в виде цветового круга . Значение цвета выбирается как точка на круге (или вектор , выходящий из центра окружности и указывающий на данную точку). Различные оттенки располагаются по окружности, состоящей из 360 градусов. Красный цвет соответствует 0, желтый — 60, зеленый — 120, бирюзовый — 180, синий — 240 и пурпурный — 300 градусам. Точки на самой окружности соответствуют чистым (максимально насыщенным) цветам. Точка в центре соответствует нейтральному цвету минимальной насыщенности (белый, серый, черный — это зависит от яркости). То есть можно сказать, что угол наклона вектора определяет оттенок, длина вектора — насыщенность цвета . Яркость цвета задают на отдельной оси, нижняя точка которой имеет минимальную яркость, а верхняя — максимальную.

Модель HSB имеет довольно широкий цветовой охват. Он не так велик, как у Lab, но больше охвата CMYK. На изображении серым цветом залиты цвета модели HSB, выходящие за границы охвата CMYK.

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

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

Чтобы открыть палитру Kuler , выберите команду меню Окно — Расширения — Kuler (Windows — Extensions — Kuler)

Примечание

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

Внимание!

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

Интерфейс палитры Kuler

Расшифровка сносок:

Пункт 1 — Поле ввода поискового запроса.

Пункт 2 — Раскрывающиеся списки фильтров.

Пункт 3 — Темы.

Пункт 4 — Кнопка Просмотреть предыдущий набор тем (Previous).

Пункт 5 — Кнопка Просмотреть следующий набор тем (Next).

Пункт 6 — Кнопка Обновите темы в сообществе Kuler (Refresh).

Пункт 7 — Кнопка Редактировать тему в панели создания (Edit themes).

Пункт 8 — Кнопка Добавить данную схему в образцы (Add selected theme to Swatches).

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

Пункт 10 — Ползунковый регулятор яркости.

Пункт 11 — Cлева направо:

• Кнопка Добавить текущий основной цвет как базовый (Add foreground color as base).
• Кнопка Добавить текущий цвет фона как базовый (Add background color as base).
• Кнопка Изменить другие цвета темы по законам гармонии (Apply harmony).
• Кнопка Добавить в тему новый цвет (Add color).
• Кнопка Удалить данный цвет из темы (Delete color).

Пункт 12 — Кнопка Загрузить цветовую тему на веб-сайт Kuler (Upload)

Как пользоваться палитрой

В верхней части палитры расположены три кнопки:

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

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

Чтобы использовать определенную тему, то есть импортировать ее цвета в программу фотошоп, выделите ее, в затем щелкните по кнопке Добавить выбранную схему в образцы (Add selected theme to Swatches) — пункт 8 .

Также можно щелкнуть мышью по маленькому треугольнику, который появляется справа от схемы, если ее выделить, и выбрать в контекстном меню команду Добавить на панель образцов (Add to Swatches Panel).

Создать (Create). Щелкните мышью по этой кнопке, чтобы открыть вкладку, которая позволяет вам создавать собственные темы.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 3: выберите инструмент Elliptical Marquee

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

Выбор Elliptical Marquee Tool.

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

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

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

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

Шаг 5: измените схему выбора, если это необходимо

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

Нажмите и перетащите круговую схему выделения на место.

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

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

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

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

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

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

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

Нам больше не нужен наш контур выбора, поэтому, чтобы удалить его, перейдите в меню « Выбор» и выберите « Отменить выбор» :

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

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

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

Идем в Image> Trim.

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

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

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

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

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

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

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

Идем в Файл> Сохранить как.

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

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

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

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

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

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

• 01. Как обрезать изображения в Photoshop CC
• 02. Как вращать и выпрямлять изображения
• 03. Как увеличить размер холста с помощью Crop Tool
• 04. Crop Tool советы и подсказки
• 05. Использование инструмента Perspective Crop
• 06. Обрезайте и изменяйте размер фотографий в соответствии с размерами кадра
• 07. Как использовать Content-Aware Crop
• 08. Как обрезать фотографии по кругу

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

Подписывайтесь на нашу новостную рассылку

Будьте первым, кто узнает, когда будут добавлены новые учебники!

Как включить в фотошопе цветовой круг

3 лучших плагина Color Wheel (цветовой круг) для Фотошопа

3 лучших плагина color wheel для PS

Плагины выбора и смешивания цветов для Photoshop, Illustrator (colorus) и других программ от Adobe.

PaintersWheel

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

Совместим с Photoshop CS6, CC и более

Скачать PaintersWheel с официального сайта (Mac, PC)

Coolorus

 Colors — самый красивый и функциональный в дизайнерском плане. Преимуществом данного плагина является выбор цветовых режимов и добавлении оных в палитру swatches. Совместим с версиями  от CS4 до CC. 

Цена: 9.99 $

Скачать Colorus с официального сайта (Версия 2.0)

MagicPicker

Плагин MagicPicker по сравнению с PrinterWheel имеет больший функционал. В отличии от бесплатного плагина, MagicPicker совместим с Illustratoror и Photoshop с версии CS3 до CC, что является отличным преимуществом перед бесплатным плагином PrintersWheel. 

Стоимость плагина: 19$

P.S. К сожалению, на торрентах пока-что нет ломаной версии  

Перейти на оф.сайт MagicPicker

Установка плагинов:

Установка плагинов очень простая! Надо всего-лишь скопировать содержимое в папку «../Program Files/Adobe/PhotoshopCS*/Plug-ins/Panels/». Потом зайти в фотошоп и включить панель через меню «Window->Extensions»

Удачного рисования!

3 лучших плагина Color Wheel (цветовой круг) для Фотошопа

Сведения о цвете в Photoshop

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

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

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

Аддитивные цвета (RGB)

A. Красный B. Зеленый C. Синий 

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

Субтрактивные цвета (CMYK)

A. Голубой B. Пурпурный C. Желтый D. Черный 

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

Цветовой круг

A. Красный B. Желтый C. Зеленый D. Голубой E. Синий F. Пурпурный 

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

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

Цветовая модель описывает цвета, которые мы видим и с которыми работаем в цифровых изображениях. Каждая из цветовых моделей (RGB, CMYK и HSB) использует для описания цветов собственный метод (обычно числовой).

Цветовое пространство является вариантом цветовой модели и характеризуется определенным охватом (диапазоном) цветов. Например, в цветовую модель RGB входят несколько цветовых пространств: Adobe RGB, sRGB, ProPhoto RGB и так далее.

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

В Photoshop цветовой режим документа определяет, какая цветовая модель применяется при отображении и печати обрабатываемого изображения. Цветовые режимы Photoshop основаны на цветовых моделях, которые полезны при работе с изображениями, предназначенными для печати. Доступны следующие режимы: RGB (красный, зеленый, синий), CMYK (голубой, пурпурный, желтый, черный), Lab (основан на L* a* b* Международной светотехнической комиссии) и «Градации серого». Кроме того, Photoshop поддерживает режимы для специализированного отображения цветов (например, «Индексированные цвета» и «Дуплекс»). Цветовые режимы определяют количество цветов, число каналов и размер файла изображения. Выбор цветового режима также определяет, какие будут доступны инструменты и форматы файлов. См. раздел Цветовые режимы.

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

Основываясь на восприятии цвета человеческим глазом, модель HSB описывает три основополагающие характеристики цвета:

Цвет, отраженный от объекта или прошедший сквозь объект. Он определяется как точка на стандартном цветовом круге и выражается в градусах от 0° до 360°. Обычно цветовой тон определяют по названию цвета: красный, оранжевый, зеленый и т. д.

Интенсивность или чистота цвета (иногда называется цветностью). Насыщенность представляет степень содержания серого пропорционально цветовому тону и измеряется в процентах от 0 % (серый) до 100 % (полная насыщенность). На стандартном цветовом круге насыщенность возрастает от центра к краю.

Относительная величина светлого и темного обычно выражается в процентах от 0 % (черный) до 100 % (белый).

Цветовая модель HSB

A. Цветовой тон B. Насыщенность C. Яркость 

3 лучших плагина color wheel для PS Плагины выбора и смешивания цветов для Photoshop, Illustrator (colorus) и других программ от Adobe. PaintersWheel Бесплатный плагин PrintersWheel, представляет собой простой треугольник цветового спектра. Его возможности ограничены, но он идеально подойдет для новичков. Совместим с Photoshop CS6, CC и более Скачать PaintersWheel с официального сайта (Mac, PC) Coolorus  Colors — самый красивый и функциональный в дизайнерском плане. Преимуществом данного плагина является выбор цветовых режимов и добавлении оных в палитру swatches. Совместим с версиями  от CS4 до CC.  Цена: 9.99 $ Скачать Colorus с официального сайта (Версия 2.0) Скачать взломанную версию с Yandex.Disk MagicPicker Плагин MagicPicker по сравнению с PrinterWheel имеет больший функционал. В отличии от бесплатного плагина, MagicPicker совместим с Illustratoror и Photoshop с версии CS3 до CC, что является отличным преимуществом перед бесплатным плагином PrintersWheel.  Стоимость плагина: 19$ P.S. К сожалению, на торрентах пока-что нет ломаной версии   Перейти на оф.сайт MagicPicker Установка плагинов: Установка плагинов очень простая! Надо всего-лишь скопировать содержимое в папку «../Program Files/Adobe/PhotoshopCS*/Plug-ins/Panels/». Потом зайти в фотошоп и включить панель через меню «Window->Extensions» Удачного рисования!

Как в фотошопе обрезать фото без потери качества: несколько способов

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

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

И так, давайте начнем.

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

1 способ обрезки по контуру

1. Открываем Photoshop

2. Открываем фотографию

Я вам покажу классический способ открытия. Файл – Открыть или нажать комбинацию клавиш Ctrl+O (латинская буква O, не ноль).

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

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

3. Обрезка фотографии

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

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

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

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

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

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

Обрезка по размеру

Еще можно обрезать фото по размеру. Для этого после нажатия на значок Рамка, в верхней части редактора вам нужно ввести размер. В моем примере я ввел 560×330 пикселей.

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

Если вам необходимо порезать под размер 3×4 см. или 10×15 см., тогда добавьте только см.

Совет от фотографа

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

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

Для этого необходимо выбрать элемент Рамка. После чего, в верхней части, кликнуть на вкладку вид и выбрать вместо Сетка, Правило 1/3.

После чего, изображение разделится на девять равных частей.

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

После выбора нужной части нажимаем Enter на клавиатуре. Тем самым мы обрезали изображение, согласно правилу третей!

После чего сохраняем готовое фото.

2 способ обрезки по контуру

Второй способ тоже очень простой и быстрый.

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

После чего выбираем инструмент – Рамка, и нажимаем клавишу Enter на клавиатуре 2 раза.

Все, готово. Сохраняем готовый элемент.

Обрезка фотографии по кругу

Еще один способ резки фотографии кругом. Здесь тоже все очень просто. Открываем изображение, выбираем инструмент «Овальная область». Где ее найти? Она спрятана в инструменте «Прямоугольная область». Кликнете мышкой по значку Прямоугольная область, и не отпуская ее, появится дополнительные вкладки инструментов. В ней выберите Овальная область.

После чего выделите нужный вам участок. Если хотите, чтобы круг был ровным, удерживайте клавишу Shift.

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

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

Примечание. Для создания новой вкладки, нажимаем Файл – Создать. В появившемся окне ставим необходимый вам размер, новой области. Разрешение можете оставить 72 Пикселы/Дюйм.

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

Фотошоп с нуля в видеоформате VIP 3.0

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

Всех вам благ, Тимур Мустаев.

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

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

Для справки, в настоящее время я использую Photoshop CS3 версии 8 на Mac с OS X 10.4. Хотя я не думаю, что это имеет большое значение. Если да, оставьте комментарий! И, эй, прокомментируйте, если знаете и другой метод. Чем больше тем лучше.

Итак:

0) Выполните обычные действия — откройте изображение или создайте новое.

1) Щелкните инструмент «Перо» на панели инструментов.

2) На новой панели инструментов, отображаемой вверху, нажмите кнопку с эллипсом внутри.

3) Нарисуйте круг, перетаскивая курсор, удерживая нажатой клавишу Shift (иначе вы получите эллипс).Вы получаете не изображение круга, а так называемый «путь». Потерпи меня здесь. При необходимости отрегулируйте размер. Примечание: место, где вы изначально щелкаете пером, отмечает центр круга, поэтому вы можете записать координаты (x и y) центра, если вы планируете поиграть с кругом позже.

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

5) Вернитесь к инструменту «Перо».

Oooooo, Ahhhhhh

6) Щелкните правой кнопкой мыши где-нибудь на изображении. Выберите «Обводка контура». Перечислены варианты. В раскрывающемся меню выберите «Карандаш».

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

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

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

Photoshop CS6 — Создание закругленных углов на фотографии: 9 шагов

Введение: Photoshop CS6 — Создание закругленных углов на фотографии

В этом уроке я покажу вам, как создать закругленные углы на фотографии с помощью Adobe Photoshop CS6

Добавить TipAsk QuestionCommentDownload

Шаг 1: Разблокировать фоновый слой

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

Добавить TipAsk QuestionCommentDownload

Шаг 2: Выбрать инструмент Shape

Под инструментом формы выберите Rounded Rectangle Tool

Добавить TipAsk QuestionCommentDownload

Шаг 3: Выберите путь и радиус

По умолчанию Shape выбран, выберите Path

Введите значение Radius (в этом примере я выбрал 35px )

Добавить TipAsk QuestionCommentDownload

Шаг 4 : Создать векторную маску

В меню Слой> Векторная маска> Показать все 9 0003

Это создаст миниатюру векторной маски рядом с фотографией

Добавить TipAsk QuestionCommentDownload

Шаг 5: Нарисуйте закругленную форму

Нарисуйте закругленную форму прямоугольника

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

Добавьте TipAsk QuestionCommentDownload

Шаг 6: Сохраните вашу фотографию

File> Save for Web

Если фоновый слой прозрачный, то сохраните изображение как PNG-24

Если есть цвет фона, то сохранить изображение как JPEG

Добавить TipAsk QuestionCommentDownload

Шаг 7:

Добавить TipAsk QuestionCommentDownload

Шаг 8:

Добавить TipAsk QuestionCommentDownload

Шаг 9: Photoshop CS6 — Создать закругленные углы на фотографии

Добавить

Будьте первым, кто поделится

Вы сделали этот проект? Поделитесь с нами!

Я сделал это!

Рекомендации

4 комментария

0

ReplyUpvote

0

ReplyUpvote

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

0

ReplyUpvote

К сожалению, у меня это не сработало.

Шаг 5 — Когда я отпускаю мышь, она не удаляет за пределами формы. Что я делаю не так?

1 Ответить

0

ReplyUpvote

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

Post Comment

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

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

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

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

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

Загрузите шаблон Circle Photoshop Collage здесь или найдите другие бесплатные шаблоны Photoshop Collage здесь.

Видео: Создание кругового фотоколлажа в Photoshop. Посмотрите видео с подробными инструкциями и используйте письменные инструкции для быстрого ознакомления. Если вам понравилось это видео, я настоятельно рекомендую вам подписаться на мой канал Youtube — PhotoEffect . 1. Создайте новый документ.
Выберите команду File> New в верхнем меню или просто нажмите Ctrl + N .

Появится стандартное диалоговое окно New.

Во всплывающем окне введите имя в поле Имя и введите следующую информацию:

Ширина 3000 пикселей, Высота 2000 пикселей, Разрешение 300 пикселей / дюйм, Цветовой режим RGB и Содержимое фона Прозрачный или Белый.

Нажмите ОК.

Создайте новый документ.
2. Выберите инструмент «Эллипс».
Выберите инструмент Ellipse Tool на панели инструментов или просто нажмите U .

Есть шесть доступных инструментов формы на выбор: инструмент «Прямоугольник», инструмент «Прямоугольник со скругленными углами», инструмент «Эллипс», инструмент «Многоугольник», инструмент «Линия» и инструмент «Пользовательская форма».

Нажмите Shift + U , чтобы просмотреть шесть доступных инструментов формы, пока не станет активным тот, который вам нужен.

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

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

Цвет также можно выбрать в палитре цветов.

Инструмент «Эллипс». Нажмите Shift + U, чтобы переключаться между шестью доступными инструментами фигур, пока не станет активным тот, который вам нужен.


Щелкните образец цвета на панели параметров и выберите доступный цвет.


Вы также можете выбрать цвет в палитре цветов.

Панель параметров для инструмента Эллипс. 3. Нарисуйте форму круга.
Чтобы нарисовать форму круга, щелкните внутри документа и перетащите его от начальной точки.

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

Теперь продублируйте созданную нами форму круга, перейдя в Слой > Дублировать слой или нажав Ctrl + J .

Затем измените размер и положение дублирующего слоя с формой круга, используя Edit> Free Transform Path .

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

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

Дублируйте слой с формой круга столько, сколько хотите, а затем расположите все так, как вам нравится. Создайте в документе форму круга. Нарисуйте еще один круг или просто продублируйте его, а затем измените размер / положение с помощью Free Transform. 4. Добавьте Drop Shadow.
После того, как вы разместили всю форму круга так, как вам нравится, теперь вы можете добавить тень.

Выберите «Слой »> «Стиль слоя»> «Тень ».

Откроется диалоговое окно «Стиль слоя» с установленным флажком «Тень».

Установите желаемый угол, расстояние и размер.

Нажмите ОК.

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

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

Добавьте стиль слоя падающей тени. Удерживая нажатой клавишу Alt, щелкните и перетащите слой Drop Shadow на другой слой с кругом.

5. Сгруппируйте весь круговой слой.
Удерживая нажатой клавишу Shift , щелкните весь круговой слой и выберите Layer> Group Layers .

Удерживая нажатой клавишу Shift, щелкните весь слой круга и выберите «Слой»> «Сгруппировать слои». Сгруппировать весь слой круга.

6. Повторяющаяся группа слоев (необязательно только для резервного копирования).
Щелкните группу слоев и выберите Layer> Duplicate Group .

Повторяющаяся группа. 7. Вставьте изображение.
В этом уроке Photoshop Collage я буду использовать изображения, которые я скачал с Pixabay. Стоковые изображения: 11050, 11080, 67639, 1913996, 11026, 60582, 193761, 11051, 2224991, 67718, 774, 992, 60615, 485590.
Фон: 2179083.

Вы должны разместить слой изображения над слоем с кругом.

Выберите слой «Круг», в который вы хотите вставить изображение.

Перейдите в Файл> Поместите команду в верхнем меню, чтобы открыть изображение, которое вы хотите вставить.

Откроется диалоговое окно «Поместить».

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

Если ваш файл не отображается, попробуйте просмотреть все файлы, выбрав «Все форматы» в списке «Тип файлов».

Нажмите кнопку «Поместить».

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

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

Диалоговое окно «Поместить».
Вставьте изображение в ваш документ.
8. Создайте обтравочную маску.
Когда слои помещаются в обтравочную маску, содержимое самого нижнего слоя (слой круга) обрезает слои над ним (слой изображения).

Убедитесь, что на панели «Слои» слои для обрезки перечислены последовательно.

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

Щелкните слой изображения, который нужно обрезать, затем выберите «Слой »> «Создать обтравочную маску» или просто нажмите Alt + Ctrl + G , чтобы создать обтравочную маску.

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

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

Вставьте все изображения. 10. Добавьте фоновое фото.
Если вам нужен фон для вашего коллажа, выберите Файл> Поместить … команду в верхнем меню.

Появится диалоговое окно «Поместить».

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

Если ваш файл не отображается, попробуйте просмотреть все файлы, выбрав «Все форматы» в списке «Тип файлов».

Нажмите кнопку «Поместить».

Откроется диалоговое окно «Поместить». Добавьте фоновое изображение.
11. Сохраните документ.
Выберите File> Save или просто нажмите Ctrl + S , чтобы сохранить файл проекта.

Появится диалоговое окно «Сохранить как».

Перейдите в папку, в которой вы хотите сохранить файл проекта.

Введите имя в текстовое поле «Имя файла» и оставьте значение Photoshop по умолчанию (* .PSD; *.PDD) формат.

Нажмите «Сохранить», чтобы сохранить файл проекта.

Вот результат:

Создание кругового фотоколлажа в Photoshop.

есть ли способ нарисовать фигуру от центра? — ClearPS

Ракета писал:

В других графических программах рисование формы похоже на то, как в

Photoshop… поместите

курсор в верхний левый угол того места, где вы хотите фигуру, влево

щелкните

и перетащите вниз и вправо (используя клавишу Shift для ограничения).

Итак,

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

, где вы щелкнули

. Я знаю, что пользователи Mac не могут щелкнуть правой кнопкой мыши, а Photoshop — это программа

, ориентированная на Mac,

, но наверняка есть комбинация нажатия клавиш, которая позволит

это сделать.

Кто-нибудь?

Rocket, не попадайтесь в ловушку этой идеи черной дыры, которую Mac каким-то образом мешает удобству использования.Photoshop больше не ориентирован на Mac. Конечно, поскольку последняя версия предназначена только для OSX, ее сборка будет ближе к PC / Unix, чем когда-либо было «традиционное» приложение для Mac.

DosBoss57 писал:

Удерживайте нажатой клавишу Alt при перетаскивании.

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

Кроме того, «Alt + / Opt +» рисует формы из центра любого графического приложения, которое я использую , и «Shift +» ограничивает то же самое.

По поводу сообщения, которое я ответил Элиске ранее:

Элиска,

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

Я использую Mac с 1989 года, и последние пару лет преподавал на ПК… и различия спорные.Я до сих пор не совсем уверен, почему Mac продолжает поставлять исключительно однокнопочную мышь, хотя новая овальная однокнопочная дымчатая оптика, вероятно, настолько привлекательна, насколько вообще может быть компьютерная мышь; D.

Конечно, вы можете использовать комбинации клавиш для достижения результатов, но примечательно, что Mac OS поддерживает несколько кнопок с тех пор, как я их использую. Я купил свой первый роллербол с 3 кнопками Kensington 10 лет назад. На одном из моих компьютеров Mac до сих пор используется оригинальная 1-кнопочная мышь, однако в настоящее время я предпочитаю двухкнопочную оптическую мышь Genius с двумя кнопками … и, насколько мне известно, все графические приложения Apple также поддерживают использование нескольких кнопок.- +

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 полезными (или, может быть, у вас есть свои собственные)? Пожалуйста, оставьте комментарий и дайте мне знать! И не забудьте подписаться на еженедельную рассылку, чтобы быть в курсе последних технических статей, подобных этой.

Связанные

Создание эффекта воды в Photoshop — Medialoot

Добавление ряби к любому изображению

Есть разные способы добавить рябь к изображению в Photoshop.Вы можете использовать карты смещения, делать их вручную или просто использовать некоторые из встроенных фильтров Photoshop (спойлер, а не фильтры Ripple или Wave). Но что, если вы хотите добавить одиночный эффект ряби в определенное место на изображении? Как вы контролируете, сколько гребней имеет рябь? Сегодня вы узнаете, как добавить эффект ряби к изображению в нужном вам месте, при этом контролируя точное количество выступов, которые имеет эффект.

Метод, который я покажу вам здесь, можно использовать для любого изображения с любой перспективой, но если вы хотите следовать этому руководству точно так, как описано, загрузите следующее изображение с Pexels: Загрузить

Шаг 1

Откройте пейзажное изображение в Photoshop.

Шаг 2

Выберите инструмент Elliptical Marquee Tool (M) и нарисуйте круг вокруг области, к которой вы хотите применить эффект ряби.

Шаг 3

Перейдите в меню «Правка»> «Копировать», затем выберите «Правка»> «Специальная вставка»> «Вставить на место».

Шаг 4

Снова перейдите в меню «Правка»> «Специальная вставка»> «Вставить на место».

Шаг 5

Скройте верхний слой, щелкнув значок глаза рядом с названием слоя.

Шаг 6

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

Шаг 7

Удерживая клавишу Ctrl на клавиатуре, щелкните один раз по миниатюре слоя на панели слоев.

Шаг 8

Перейдите в Фильтр> Искажение> Зигзаг. Установите Amount на 40, Ridges на 10, Style на Pond Ripples и нажмите OK.
Примечание: в зависимости от размера вашего изображения и сделанного вами выбора вам может потребоваться немного изменить эти значения.

Шаг 9

Не снимая выделения, выберите верхний слой и сделайте его видимым.

Шаг 10

Снова перейдите в Filter> Distort> ZigZag. Установите Amount на 100, Ridges на 10, Style на Out From Center и нажмите OK.
Примечание: в зависимости от размера вашего изображения и сделанного вами выбора вам может потребоваться немного изменить эти значения .

Шаг 11

Не снимая выделения, перейдите в Select> Transform Selection. На верхней панели инструментов установите ширину и высоту на 70% и щелкните значок галочки, чтобы зафиксировать преобразование.

Шаг 12

Перейдите к Select> Inverse.

Шаг 13

Нажмите клавишу «Удалить» на клавиатуре и выберите «Выделение»> «Отменить выбор».

Шаг 14

Перейдите в Layer> Merge Down.

Шаг 15

Перейдите в Фильтр> Размытие> Размытие по Гауссу. Установите Радиус на 0,3 и нажмите ОК.

Некоторые заключительные примечания

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

Создайте стильный значок в Adobe Photoshop

Значки

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

Ресурсы:

Картонная текстура бумаги

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

Шаг 1

Создайте новый документ шириной 600 пикселей и высотой 650 пикселей в Adobe Photoshop.

Шаг 2

Залейте фон цветом #ededef с помощью инструмента Paint Bucket Tool.

Шаг 3

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

Шаг 4

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

Шаг 5

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

Шаг 6

Затем с помощью инструмента «Эллипс» нарисуйте круг, используя цвет # ea2c46. Затем продублируйте этот слой, раскрасьте его цветом # c81b33, поместите ниже исходного слоя с кругом и перетащите немного вниз.

Примените текстуру картона к переднему кругу так же, как мы делали в шаге 4.

Шаг 7

Нарисуйте еще один круг поменьше, используя инструмент «Эллипс», как показано ниже.

Шаг 8

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

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

Шаг 9

Затем мы создадим ленту позади значка. Создайте новый слой; поместите его прямо над фоном. Теперь выберите инструмент Rounded Rectangle Tool, чтобы нарисовать фигуру, показанную ниже. Затем щелкните правой кнопкой мыши и выберите параметр «Растрировать слой».

Теперь выберите инструмент «Прямоугольник», чтобы нарисовать квадрат, и поверните его с помощью инструмента «Свободное преобразование» (Ctrl + «T»). Также растеризуйте этот слой. Теперь нажмите Ctrl + <эскиз вашего квадратного слоя>, чтобы сделать выделение вокруг квадрата.Теперь щелкните слой с прямоугольником с закругленными углами и выберите «Правка»> «Очистить». Таким образом вы получите красивую ленту, как показано ниже.

Шаг 10

Немного поверните ленту с помощью инструмента Free Transform Tool. Теперь выберите инструмент Elliptical Marquee Tool, чтобы сделать отверстие в верхней части ленты. Вы можете сделать это, выделив круг на слое ленты и нажав «Правка»> «Очистить».

Шаг 11

Теперь, чтобы сделать серебряное кольцо вокруг этого нового отверстия, сделайте круг больше, чем первое отверстие на новом слое, используя инструмент Elliptical Marquee Tool.Залейте его пока любым цветом. На новом слое нарисуйте еще один круг примерно того же размера, что и исходное отверстие. Теперь нажмите Ctrl + <эскиз слоя с кругом размером с дырочку>, чтобы выделить вокруг него. Затем щелкните слой с большим кругом и выберите «Редактировать»> «Очистить». Теперь дважды щелкните этот слой с кольцом и примените следующие настройки для наложения градиента.

Шаг 12

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

Шаг 13

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

После этого щелкните правой кнопкой мыши слой ленты и выберите вариант «копировать стиль слоя».Затем щелкните правой кнопкой мыши на слоях shape1 copy, shape2 и loop и выберите опцию «вставить стиль слоя», чтобы применить один и тот же эффект тени ко всем этим слоям.

Шаг 14

Дублируйте слой с лентой и нажмите Ctrl + «U», чтобы открыть окно «Оттенок / Насыщенность». Используйте следующие настройки, чтобы установить оттенок и насыщенность.

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

Шаг 15

А теперь добавим текст на этот значок. Создайте новый слой, выберите инструмент «Текст» и введите текст. Используйте цвет #eeeeee для текста.

Шаг 16

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

Шаг 17

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

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

Шаг 18

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

Шаг 19

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

Шаг 20

Создайте новый слой; выберите инструмент «Многоугольник» со следующими настройками, чтобы нарисовать звезду.

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

Шаг 21

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

Шаг 22

Щелкните один из слоев со звездой и примените следующие настройки тени.

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

Шаг 23

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

Шаг 24

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

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

No related posts.