Как в фотошопе поместить картинку в круг: Как сделать круглую картинку в Фотошопе • Дигмаст

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

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

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

Работать мы будем в Word образца 2010 года, то есть в Word 2010.

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

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

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

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

Или куб:

Или же стрелка:

В общем, любая фигура шаблона.

Обрезка оригинального изображения по контуру выбранной нами фигуры не изменяет первоначальной ширины и высоты изображения. Если изображение до обрезки по контуру, например, сердечка имело размер 300х400, то приняв форму сердечка, овала, креста, звезды и т.д., оно по-прежнему будет иметь размер 300х400. Чтобы в этом убедиться, нам достаточно посмотреть на размер первоначального изображения и конечного изображения после фигурной обрезки. Размер изображений отображается в верхней панели вкладок с опциями (меню) рядом с кнопкой опции «Обрезка». Мы помним, что для того чтобы видеть скрытые опции и мочь много чего-то сделать с изображением, необходимо предварительно выделить это изображение щелчком мыши:

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

Выбрав щелчком левой кнопки мыши фигуру «Овал» мы получим изображение в форме овала:

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

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

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

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

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

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

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

Как только это произойдёт — отпустим левую кнопку мыши, а затем клавишу Shift. 

Круг готов:

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

Совмещение фигуры и изображения произошло:

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

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

После выбора варианта «За текстом» фигура-круг «спряталась» за изображением:

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

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

Когда мы впишем изображение в круг, то оно — изображение, будет таким:

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

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

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

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

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

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

Итак, изображение на листе:

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

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

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

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

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

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

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

Изображение захватили маркёры-регуляторы обрезки:

Схватим мышкой левый средний маркёр и потянем вправо в направлении одинокой птицы:

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

Совместив маркёр со стороной квадрата, отпустим кнопку мыши (перестанем удерживать маркёр). Вот, что у нас получилось:

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

А вот и результат наших действий:

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

А теперь щелчком мыши выделим квадрат и посмотрим его размер:

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

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

Давайте попробуем эту технику обрезки. Развернём вкладку верхнего меню «Вставка» и щёлкнем мышкой по значку «SmartArt»:

Перед нами открылось окно выбора рисунка (блок-схемы) «SmartArt»:

Давайте выберем ту блок-схему, которая содержит круги. Например, вот эту:

Выбрав, нажмём «Ок». После нажатия кнопки «Ок» на листе появится блок-схема:

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

А вот этот блок нам подходит. Круги данного блока содержат значки вставки рисунка:

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

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

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

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

Затем щёлкнем по значку «Обрезка» в верхнем меню или нажмём клавишу Esc:

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

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

Для того чтобы теперь уже круглые изображения полноценно покинули блок-схему «SmartArt», удерживая нажатой клавишу Shift, щелчками мыши поочерёдно выделим все три круглых изображения, а затем скопируем их в буфер обмена операционной системы, нажав сочетание клавиш Ctrl+C:

Теперь нам нужно избавиться от блок-схемы. Наведём курсор мыши на рамку блок-схемы и щёлкнем левой кнопкой мыши. После этого произведённого щелчка нажмём клавишу Delete. За наши круглые изображения, удалённые вместе с блок- схемой не переживаем, — их хранит операционная система. Вернём свои изображения, воспользовавшись функцией вставки — нажмём сочетание клавиш Ctrl+V:

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

Например, поместим их в центр листа:

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

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

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

Круглое изображение

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

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

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

1. Запустить программу Adobe Photoshop и создать необходимый документ с изображением.
2. Нас интересует панель быстрого доступа, где находится ячейка с рамками. Выбираем рамку со скругленными концами и форматируем изображение под нужный размер.

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

Круглое изображение в Word

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

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

Круглая картинка в Paint

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

Пожалуй, главный минус здесь – недостаточная техническая база. Функции редактирования в Paint практически отсутствуют. Здесь не предусмотрена работа со слоями, коррекция изображения и многое другое. Но несмотря на это, сделать круглое изображение все-таки можно:

1. Открыть программу и в ней же нужное изображение.
2. В верхней части программы есть функция овального выделения.
3. Регулировать выделяемую область можно с помощью зажатой клавиши Shift.
4. Paint не предусматривает инверсию выделения, поэтому пользователю придется скопировать выделенную область комбинацией кнопок Ctrl+C, а затем инструментом «Ластик» стереть все объекты в документе.
5. Вставляем сочетанием кнопок Ctrl+V круглую область, которая находится в буфере обмена.

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

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

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

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

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

Кроме этого, можно изменить цвет заливки или вовсе сделать его прозрачным. Выделите круг, перейдите на вкладку «Средства рисования» – «Формат» и в группе «Стили фигур» нажмите на стрелочку возле кнопки «Заливка фигуры».

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

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

Чтобы указать точные размеры, выделите объект и на вкладке «Средства рисования» – «Формат» в группе «Размер» впишите необходимые значения в соответствующие поля. После того, как укажите высоту, нажмите «Enter», затем укажите ширину и опять нажмите «Enter».

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

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

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

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

Поделитесь статьёй с друзьями:

Наложение и порядок слоёв. Как объединить слои в «фотошопе» в единое изображение, сохранив при этом каждый из них Как сделать чтобы слой был поверх остальных

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

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

Создать новый слой в «Фотошопе»

Если вы сейчас установите самую первую версию программы Photoshop, то очень сильно ей удивитесь. Вы спросите: где в «Фотошопе» слои? Первые версии графического редактора мало отличались от современного Paint. Поддержка слоев появилась чуть позже. Теперь же без этой функции не обходится ни один профессиональный редактор изображений. В Photoshop можно свободно создавать до тысячи слоев, на скорости работы это никак не отразится. Но это уже экстремальный случай, на практике фотографы задействуют не более 20-30 слоев.

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

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

Где слои в «Фотошопе»

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

Как сделать прозрачным слой в «Фотошопе»

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

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

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

Как убрать слой в «Фотошопе»

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

На новом слое вы можете заниматься чем угодно. На нём вы можете воспользоваться заливкой, нарисовать любую фигуру или произвести прочие действия. Если ваше изображение получается многослойным, то не мешает дать новому слою собственное название. Иначе он так и будет называться: «Слой 7». Для переименования следует совершить по слою двойной щелчок левой кнопкой мыши.

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

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

Как соединить: наложение слоев в «Фотошопе»

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

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

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

Заключение

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

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

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

Ниже представлено изображение фоторамки, открытое в программе Photoshop. Данное изображение я взял из фотобанка Fotolia:

Исходное изображение

Всякий раз, когда мы открываем новое изображение в программе Photoshop, оно открывается в окне собственного документа и размещается на отдельном слое под названием «Фон» (Background), что мы и можем видеть на панели слоев. Обратите внимание, что слово «Фон» выделено курсивом. Таким образом, программа уведомляет нас о некоторых особенностях этого слоя:

Панель слоев отображает, что изображение размещено на слое заднего фона

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

Правило 1: Мы не можем перемещать содержимое слоя заднего фона

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

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

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

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

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

Значок в виде замка говорит нам о том, что данный слой закреплен

Правило 2: Отсутствие прозрачных пикселей

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

Сначала, я должен выделить область внутри рамки, и поскольку она заполнена бельм цветом, для выделения я буду использовать инструмент «Волшебная палочка»
(Magic Wand) . В программе Photoshop CS2 и более ранних версиях, мы можем выбрать инструмент «Волшебная палочка»
, просто нажав на его значок на панели инструментов. В программе Photoshop CS3 и более поздних версиях (в моем случае это версия Photoshop CS5), этот инструмент спрятан за инструментом «Быстрое выделение»
(Quick Selection), поэтому необходимо сначала нажать на инструмент «Быстрое выделение»
(удерживая кнопку мыши нажатой несколько секунд), дождаться появления выпадающего меню с перечнем инструментов и выбрать из списка инструмент «Волшебная палочка»
:

Выбираем инструмент «Волшебная палочка»

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

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

Чтобы удалить область внутри рамки, я нажму клавишу Backspace (Win) / Delete (Mac). Однако вместо ожидаемого удаления области и замещения белого цвета прозрачными пикселями, программа открывает диалоговое окно параметра «Заполнить»
(Fill) и предлагает заполнить выделенную область другим цветом:

Вместо того чтобы удалить область, программа
Photoshop открывает диалоговое окно параметра «Заполнить»

Я нажму кнопку «Отмена» (Cancel) для выхода из диалогового окна, поскольку это совсем не та команда, которую я хотел выполнить. Я хотел удалить белую область внутри фоторамки, но не заполнять ее другим цветом. Может быть, программа Photoshop что-то перепутала? Хорошо, я попробую удалить область другим способом. Для этого я перейду в раздел «Редактирование»
(Edit) в строке меню в верхней части экрана и выберу команду «Вырезать»
(Cut):

Выбираем команду «Вырезать» в разделе «Редактирование»

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

Белая область внутри рамки теперь заполнена черным цветом

Откуда же взялся черный цвет? Оказывается, программа Photoshop заполнила область черным цветом, потому что, если мы посмотрим на образцы цвета переднего плана и цвета фона в нижней части панели инструментов, то увидим, что цвет фона (на нижнем правом квадрате) — в настоящий момент черный, соответственно программа и заполнила область цветом фона. Если бы цвет фона был выбран фиолетовым, область заполнилась бы именно фиолетовым цветом. Однако в данный момент цвет фона — черный:

Образцы цвета переднего плана (левый верхний) и цвета фона (правый нижний)

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

Правило 3: Мы не можем перемещать слой «Фон» и помещать его над другим слоем

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

Изображение, которое будет размещено внутри фоторамки

В настоящий момент изображение открыто в отдельном окне, поэтому я быстро скопирую его в окно документа с фоторамкой, нажав сочетание клавиш Ctrl+A (Win) / Command+A (Mac) для выделения всей фотографии. Затем я нажму клавишную комбинацию Ctrl+C (Win) / Command+C (Mac), чтобы скопировать изображение во внутренний буфер. После этого я перейду в окно документа с фоторамкой и нажму сочетание клавиш Ctrl+V (Win) / Command+V (Mac), чтобы вставить изображение в документ. Программа поместит новое изображение на отдельный слой под названием «Слой 1» (Layer 1), расположенный над слоем «Фон» с фоторамкой:

Вторая фотография размещена на отдельном слое над слоем «Фон»

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

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

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

Значок в виде перечеркнутого круга свидетельствует о том, что я не могу переместить слой «Фон» поверх слоя «Слой 1»

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

Правило 4: Мы не можем перемещать другие слои под слой «Фон»

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

Тот же значок запрета появляется, и когда мы пытаемся переместить «Слой 1» под слой заднего фона

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

Простое решение проблемы

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

Так как главное назначение слоя «Фон» — служить основой документу, каждое из этих правил имеет смысл. Тем не менее, как и с большинством других правил, иногда нам требуется их нарушить. В нашем случае, обойти все эти правила легко! Все, что нам требуется, — как-то иначе переименовать слой «Фон»! Для того чтобы переименовать слой «Фон», вы можете перейти в раздел «Слои»
(Layer) в верхней части экрана, выбрать пункт «Новый» (New) и далее — «Слой из заднего плана»
(Layer From Background):

Выбираем «Слои» > «Новый» > «Слой из заднего плана»
(Layer > New > Layer From Background)

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

Дважды кликаем кнопкой мыши по названию слоя «Фон»

В любом случае после этих действий откроется диалоговое окно «Новый слой»
(New Layer), где можно будет ввести новое имя для слоя. По умолчанию, программа предлагает имя «Слой 0» (Layer 0), которое нам подходит. Так как нам подойдет любое другое имя кроме «Фон»
, просто нажмите ОК для подтверждения нового имени «Слой 0» и выхода из диалогового окна, при условии, что вы не хотите дать слою какое-то определенное имя:

Вы можете оставить имя «Слой 0» в качестве нового имени слоя или ввести любое другое на ваше усмотрение

Совет:
чтобы еще быстрее переименовать слой «Фон», дважды щелкните кнопкой мыши по слову «Фон», удерживая нажатой клавишу Alt (Win) / Option (Mac). Программа тотчас переименует слой, присвоив ему имя «Слой 0» без открытия диалогового окна «Новый слой».

Теперь мы можем видеть, что имя слоя заднего фона изменилось на «Слой 0»:

Слой «Фон» был переименован на «Слой 0»

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

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

Переместим «Слой 0» поверх «Слоя 1»

После этого я отпущу кнопку мыши, и программа Photoshop разместит «Слой 0» над «Слоем 1», как мне и нужно:

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

Раньше я не мог удалить белую область внутри рамки, пока изображение было на слое «Фон», но теперь, после того как я переименовал слой «Фон» на «Слой 0», это стало сделать нетрудно. Я выделю область внутри рамки, применяя инструмент «Волшебная палочка»
, как я это сделал в первый раз:

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

Затем я нажму клавишу Backspace (Win) / Delete (Mac), и на этот раз программа сделает все именно так, как я и ожидал, — вместо открытия диалогового окна параметра «Заполнить» она удалит область со слоя и отобразит фотографию под ней:

Область внутри рамки, наконец, удалена, и под ней видно другое изображение

Далее я нажму сочетание клавиш Ctrl+D (Win) / Command+D (Mac), чтобы снять выделение с области внутри рамки и убрать линию выделения. Затем для успешного завершения работы, я нажму на «Слой 1» на панели слоев и сделаю его активным:

Выбираем «Слой 1»

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

Перемещаем фотографию на нужное место внутрь фоторамки

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

И вот мы закончили! Ознакомьтесь с полным списком уроков по работе со слоями в программе Photoshop или посетите наш раздел «Основы программы Photoshop» для изучения инструментов выделения, принципов работы со шрифтом и других полезных навыков!

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

Твитнуть

Тебе потребуется:
Ps C3/Ps CS4, планшет, средний уровень навыка цифрового рисования

Что представляет собой корректирующий слой

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

Корректирующие слои можно найти в контекстном меню «Коррекция» («Adjustments») или через иконку под списком слоёв в виде небольшого диагонально разделенного черно-белого круга.

Основная информация

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

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

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

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

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

Где расположены слои

Сначала следует открыть файл с нужной картинкой или создать новый документ. Обычно по умолчанию еще до появления в рабочей области картинки видно справа специальное окно, на котором расположена вкладка «Слои». Если этой вкладки нет, то в горизонтальном меню нужно нажать Window (по-русски «Окно»), затем найти в списке Layer («Слои»). В меню появляется галочка слева от слова, а также окно «Свойства» и открытая вкладка со слоями. Теперь можно приступать к работе.

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

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

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

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

Разблокировка изображения

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

Дополнительные два способа создания

В «Фотошопе» есть несколько вариантов того, как создать новый слой. Один из них уже рассмотрен. Следующий способ подразумевает использование горизонтального меню сверху. Там есть вкладка «Слои» («Layer»). Нажав ее, можно увидеть самое первое в списке слово «Новый» («New»). Следует нажать на «Слой…».

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

• дать имя;
• задать цвет;
• выбрать режим наложения;
• откорректировать непрозрачность в процентах.

Затем следует нажать «Ок».

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

Разные версии «Фотошопа»

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

Корректирующий слой

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

То есть, если не понравился результат, слой можно удалить. Создать его можно двумя способами:

1. Через меню «Слои». Открыть «Новый корректирующий слой», далее нужно выбрать функцию.
2. В окне «Свойства». Найти «Слои», внизу есть круглый черно-белый значок с треугольником справа.

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

Итак, в статье была приведена инструкция по тому, как создать слой в «Фотошопе» тремя способами. Успехов!

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

Рис. 3.51. Карты рядом друг с другом

Рис. 3.52. Карты одна на другой

Если представить веб-страницу в виде трёхмерного пространства (рис. 3.53), то видно, что карты располагаются также по оси Z. Значения по этой оси и определяют, какая карта к нам ближе, какая дальше, иными словами порядок их наложения друг на друга. В коде документа (пример 3.38) порядок определяется автоматически на основе потока документа. Чем элемент ниже в коде, тем он выше по оси Z, поэтому изображение с тузом, как самое нижнее, располагается поверх остальных карт.

Рис. 3.53. Воображаемые координаты веб-страницы

Пример 3.38. Обычный порядок карт

Порядок карт

В CSS за положением по Z-оси отвечает свойство z-index
, которое определяет, «ближе» к нам элемент находится или «дальше». В качестве значений принимается целое число, чем оно больше, тем выше располагается элемент по отношению к другим. Элементам автоматически присваивается значение 0, так что даже z-index
: 1
заставит элемент перекрывать все нижележащие. Доработаем пример 3.38 так, чтобы порядок карт поменялся на противоположный, причём только редактируя стиль, оставляя HTML-код прежним.

Card IMG { position: relative; }
.three { top: 50px; left: 55px; z-index: 5; }
.seven { left: -120px; top: 25px; z-index: 2; }
.ace { left: -295px; z-index: 1; }

Свойство z-index
для класса three
специально установлено как 5 для демонстрации, что последовательность значений z-index
роли не играет. Главное, чтобы одно число было больше другого.

Свойство z-index
работает только для элементов, у которых значение position
задано как absolute
, fixed
или relative
.

Когда требуется расположить элемент поверх всех остальных на странице, ему ставят очень большое значение z-index
, например 9999. Это гарантирует, что даже если в стилях и применяется z-index
, он будет меньше указанного. В примере 3.39 у карт при наведении на них курсора меняется z-index
на 10. Никаких скриптов здесь не понадобится, всё делается через псевдокласс :hover
.

Пример 3.39. Изменение z-index при наведении на карту

XHTML 1.0
CSS 2.1
IE
Cr
Op
Sa
Fx

Порядок карт

Распределение объектов по кругу в Adobe Photoshop

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

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

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

Итак, у нас уже создан пустой документ размером 300×300 px и с помощью направляющих обозначен центр рабочего холста. На холсте находятся два эллипса, которые вместе образуют кольцо, за счет разницы цветов. Они нарисованы с помощью фигур (shapes), о работе с которыми я подробно писала в статье «Космические иконки в стиле FLAT дизайна в Adobe Photoshop»

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

Выделите слой со звездой и нажмите сочетание клавиш Ctrl + Alt+ T.

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

Зажав клавишу Alt – перетащите центральную точку трансформации в центр холста.

Затем на панели редактирования задайте значение параметру «Угол поворота» — 30 градусов.

И нажмите Enter – появится еще одна звезда.

На данной панели вы можете задавать такие параметры, как:

• Смещение по координатам X и Y
• Масштабирование по ширине и высоте.
• Угол поворота.
• Углы наклона по горизонтали и по вертикали.

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

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

(Visited 14 574 times, 8 visits today)

3D-эффект в Фотошопе. Рисуем реалистичный шар

Как объединить слои в фотошопе: объединение, склеивание и сведение

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

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

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

Панель слоев (палитра)

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

Если в приложении не отображается данная панель нажмите F7 или включите ее вручную через меню «Окно».

Слияние фигур

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

Обратите внимание на снежинки.

Вокруг обеих фигур появилась обводка.

Возьмите инструмент Path Selection (A) (Выделение контура), кликните по маленькой снежинке и переместите её на большую, что же произойдёт? В тех местах, где фигуры соприкоснулись, обводка исчезла и фигуры слились и непрерывно соединились.

Управление

Активность

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

Перемещение

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

Переименование

Для того, чтобы задать новое имя, щелкните дважды по названию изображения, введите новое и нажмите ввод (Enter).

Инструменты для отбеливания зубов в Фотошопе

Создание дубликата

Копия создается горячими клавишами Ctrl+J или при перетаскивании объекта на значок создания.

Выполнить сведение

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

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

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

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

Наиболее простой способ избавиться от нее и сэкономить время и энтузиазм — пользоваться клавиатурными сокращениями.

Объединение

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

Объединение выделенных

С зажатой клавишей Ctrl щелкнуть левой кнопкой мыши по необходимым миниатюрам (или зажать shift, если слои идут подряд, и выбрать первый и последний), кликнуть правой кнопкой мыши (ПКМ) на выделенную область и выбрать «объединить слои» или использовать комбинацию Ctrl+E.

Объединение видимых

Перед объединением оставьте видимыми только те слои, которые необходимо объединить. На остальных знак глаза должен отсутствовать. После этого щелкните ПКМ по одному из видимых объектов и выберите «объединить видимые» или нажмите Shift+Ctrl+E.

Объединение смежных

Два соседних слоя можно соединить выбрав верхний правой кнопки мыши и, в появившемся меню, нажав на «Объединить с предыдущим» или выделив и нажав горячие клавиши Ctrl+E .

Слияние с образованием нового

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

1. Воспользуйтесь сочетанием Shift+Ctrl+Alt+E.

2. С зажатой клавишей Alt нажмите «объединить видимые».
3. Выделите необходимые миниатюры картинок и воспользуйтесь сочетанием Ctrl+Alt+E.

4. Зажав клавишу Ctrl, выделите слои, откройте контекстное меню и выберите «преобразовать в смарт-объект».

Объединение связанных

Выделите слои (клавиша Ctrl) и нажмите на иконку связки (цепочка внизу палитры).

Форма снежинки

Слева на панели инструментов выберите инструмент Custom Shape Tool (U) (Произвольная фигура) .

Затем на верхней панели параметров из раскрывающегося меню выберите фигуру «Снежинка 3».

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

Чтобы заполнить желаемым цветом снежинку, добавить или удалить обводку, используйте функции Fill (Заливка) и Stroke (Обводка) на панели параметров. Я не буду добавлять обводку к своей фигуре, а просто закрашу её в серый цвет.

Связывание слоев

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

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

Вычитание передней фигуры

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

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

Вот круг с вырезанной из него снежинкой.

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

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

Группировка

Группа слоев работает как папка, в которой хранятся определенные файлы.

Способы объединения в группу:

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

Как работать со слоями в Фотошопе (Photoshop)

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

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

Работа со слоями в Photoshop

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

Элементы палитры слоёв:

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

• 8. Закладки. Здесь можно работать со списком слоёв, либо с цветовыми каналами отдельного слоя.

Что можно делать со слоями?

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

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

Как изменить имя слоя?

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

Создать новый слой в Photoshop можно с помощью клавиш Shift+Ctrl+N либо, нажав на пиктограмму в нижней панели палитры слоёв, как описано в таблице выше. Чтобы удалить слой, его нужно выделить (просто подвести курсор и одинарным кликом выбрать слой), затем нажать Delete на клавиатуре или пиктограмму в нижней части палитры слоёв.

Для обработки изображений лучше работать с дубликатом слоя, оставляя исходный слой нетронутым. Если в вашей работе что-то пойдёт не так, вы быстро сможете восстановить изображение из исходного слоя. Создать дубликат слоя можно, нажав Ctrl+J.

Скопировать слой в Photoshop или его участок можно, выделив изображение слоя любым инструментом выделения. Например, «Прямоугольная область»/Rectangle Select Tool. Затем нажать Ctrl+C (копировать) и Ctrl+V (вставить).

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

Если над картинкой создать белый или чёрный слой и изменить режим наложения с «Обычный»/Normal на «Перекрытие»/Overlay, то картинка осветлится/затемнится.

Ещё один пример взаимодействия слоёв — изменение непрозрачности верхнего слоя.

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

Чтобы в Photoshop обвести контур слоя, нужно зайти в «Параметры наложения»/Blending Options (нижняя панель в палитре слоёв).

Там выбрать пункт «Обводка»/Stroke.

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

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

Чтобы изменить размер слоя в Photoshop, достаточно установить на него курсор и нажать сочетание клавиш Ctrl+T, тем самым выделив его. Вы увидите рамку с узлами. Перетаскивая эти узлы, можно уменьшать или увеличивать слой. Чтобы не исказить изображение, трансформировать нужно, удерживая клавишу Shift. После завершения трансформации нажмите Enter. Кроме увеличения и уменьшения, предусмотрены такие трансформации, как «Искажение»/Distort и «Деформация»/Warp. Они позволяют изменить перспективу и форму изображения. Вызвать их можно после нажатия Ctrl+T, кликнув правой клавишей мыши в контекстном меню. Управление осуществляется путём перемещения узлов сетки.

Слои можно объединить в одно изображение. Чтобы объединить слои в photoshop, необходимо выделить нужные слои на палитре слоёв, удерживая Shift. Затем кликнуть правой клавишей мыши и выбрать в списке «Объединить слои»/Merge Down. Если нужно объединить все слои, то выбираем «Объединить видимые»/Merge Visible.

Корректирующие слои

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

Существует множество методов ретуши и цветокоррекции изображений с помощью корректирующих слоёв. Сразу несколько из этих слоёв могут применяться к одному изображению. Ниже приведён пример наложения корректирующего слоя «Цветовой тон/Насыщенность»/Hue / Saturation.

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

При составлении коллажей из нескольких изображений вы можете применить корректирующий слой только к одному из них. Хотя, как правило, этот слой влияет на все изображения, находящиеся под ним. Чтобы он применялся только к одному, удерживая Alt, щёлкните между корректирующим слоем и слоем с изображением. На корректирующем слое появится стрелка, указывающая на тот слой, к которому прикреплён корректирующий.

Во избежание путаницы, в списке предусмотрена функция группировки слоёв. Чтобы сгруппировать слои, нужно выделить их в списке, удерживая Shift. Затем нажать сочетание клавиш Ctrl+G. Группу слоёв можно скрывать так же, как обычный слой. Для этого нажмите на изображение «Глаз» напротив группы слоёв или одного слоя. Группировку слоёв удобно использовать при составлении коллажей. Ниже приведён пример. Дети, стена, фон, дорога, тень — разные изображения, использованные для одного коллажа. Свет нарисован на отдельных слоях, собранных в одну группу.

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

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

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

Режим наложения

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

1. Основные (Basic).
2. Затемняющие (Darken).
3. Освещающие (Lighten).
4. Увеличивающие контраст (Contrast).
5. Сравнительные (Comparative).
6. Компонентные (HSL).

Пересечение фигур

Помимо этого, можно сделать, чтобы они пересеклись, для этого нам поможет опция Intersect Shape Areas (Область пересечения фигур) в раскрывающемся меню «Операции с контурами». В этом случае будет отображаться область, где пересекаются две фигуры. У меня снежинка перекрывает круг и видны синие контуры.

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

Здесь видно, как обводка очерчивает пересечение.

4Алгоритм объединения слоев – группирование связанных слоев

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

Для объединения связанных пластов требуется:

• Выделить связанные области:

1. Нажатием правой клавиши вызываете меню слоев.
2. Выделяете связанные области, выбрав строку с одноименным названием (либо “Select Linked Layers”).

• Объединить слои, воспользовавшись пунктом объединения.

Сохранение пользовательской фигуры.

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

После того, как вы разместите свои фигуры с желаемым результатом, вернитесь в меню «Операции с контурами» и выберите опцию Merge Shape Components (Объединить компоненты фигуры). Этим вы зафиксируете результат в единое целое.

Далее перейдите в меню Edit > Define Custom Shape (Редактирование – Определить произвольную фигуру), в появившемся диалоговом окне дайте название новой фигуре.

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

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

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

Изменение порядка наложения фигур

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

Вы можете переместить фигуру или несколько фигур на передний план или задний план. Каждое расположение будет сопровождаться своим конкретным результатом, но здесь понадобятся некоторые эксперименты. У меня расположение фигур такое: снежинка располагается сверху (на переднем плане), а круг – снизу (на заднем плане).

Фигура и слой-фигура в Photoshop / Creativo.one

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

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

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

В программе Photoshop представлено шесть инструментов, позволяющих нарисовать фигуры, — «Прямоугольник» (Rectangle Tool), «Прямоугольник со скругленными углами» (Rounded Rectangle Tool), «Эллипс» (Ellipse Tool), «Многоугольник» (Polygon Tool), «Линия» (Line Tool) и «Произвольная фигура» (Custom Shape Tool). Они расположены в одном месте на панели инструментов.

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

Все шесть инструментов группы «Фигуры» расположены в одном месте на панели инструментов

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

Выбираем инструмент «Прямоугольник»

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

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

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

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

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

Для того чтобы нарисовать векторные фигуры, выберите параметр «Слой-фигура» (Shape Layers)  на панели настроек. Это первый из трех значков, расположенных ближе к левому краю (средний значок — параметр «Контур» (Paths) и правый – параметр «Заливка пикселями» Fill Pixels):

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Для того чтобы нарисовать фигуру от центра, по мере перемещения курсора удерживайте нажатой клавишу Alt (Win) / Option (Mac)

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

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

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

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

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

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

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

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

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

Слой-фигура

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

Слои фигур имеют иконку образца цвета с левой стороны, а справа от нее – миниатюру векторной маски

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

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

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

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

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

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

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

Белая область на векторной маске представляет область на слое, где цвет виден

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

Удержите нажатой клавишу Shift и кликните по векторной маске для ее отключения

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

После выключения векторной маски видно, что весь слой заполнен цветом

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

Документ после повторного включения векторной маски

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

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

Инструмент «Прямоугольник со скругленными углами» (Rounded Rectangle Tool) очень похож на инструмент «Прямоугольник» за исключением того, что он позволяет нам рисовать прямоугольники с закругленными углами. Мы регулируем степень закругления углов, используя параметр «Радиус» (Radius)  на панели настроек. Чем большее значение радиуса мы вводим, тем круглее становятся углы. В моем случае, я введу значение параметра «Радиус», равное 50 пикселям:

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

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

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

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

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

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

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

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

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

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

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

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

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

Инструменты «Прямоугольник» и «Прямоугольник со скругленными углами» имеют одинаковые дополнительные параметры

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

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

Рисуем эллипс с помощью инструмента «Эллипс»

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

Эллис заполнился цветом

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

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

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

Инструмент «Эллипс» имеет практически те же самые параметры, что и инструменты «Прямоугольник» и «Прямоугольник со скругленными краями»

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

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

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

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

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

Инструмент «Многоугольник» незаменим тогда, когда нам нужно нарисовать другую фигуру, а не четырехугольник

Указав число сторон равное 3, мы можем с легкостью нарисовать треугольник:

Простой треугольник, нарисованный с помощью инструмента «Многоугольник»

А вот представлен многоугольник с числом сторон равным 12:

Многоугольник с двенадцатью сторонами

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

Для того чтобы нарисовать с помощью инструмента «Многоугольник» звезду, нажмите на маленькую стрелку на панели настроек для открытия перечня параметров инструмента «Многоугольник» и выберете параметр «Звезда» (Star):

Из списка параметров инструмента «Многоугольник» выбираем «Звезда»

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

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

Изменив значение параметра «Стороны» на 8, мы получим восьмиконечную звезду:

Определите число вершин звезды с помощью параметра «Стороны»

Мы можем нарисовать фигуру, похожую на взорвавшуюся звезду, увеличив остроту лучей звезды с помощью параметра «Глубина лучей» (Indent Sides By). По умолчанию, значение этого параметра равно 50%, я увеличу значение до 90%:

Увеличим значение параметра «Глубина лучей» до 90%

И вот какая у меня получилась звезда со значением параметра «Глубина лучей», равным 90%. Я также увеличил число вершин звезды до 16:

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

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

Выбираем параметр «Сгладить внешние углы»

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

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

Мы можем также скруглить углы у оснований лучей звезды, выбрав параметр «Сгладить внутренние  углы» (Smooth Indents):

Выбираем параметр «Сгладить внутренние  углы»

И снова, наша звезда выглядит совершенно по-другому:

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

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

И, наконец, мы рассмотрим инструмент «Линия» (Line Tool), который является последним инструментом группы «Геометрические фигуры». Он позволяет нам рисовать прямые линии и стрелки. Установите нужную толщину линии в пикселях, введя значение в окошко параметра «Толщина» (Weight) на панели настроек. В моем случае, я введу значение, равное 16 пикселям:

Воспользуйтесь параметром «Толщина» для определения толщины линии

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

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

Для того чтобы на концах линии задать стрелки, нажмите на значок маленькой стрелки на панели настроек для выбора параметров «Стрелки» (Arrowheads). Программа Photoshop позволяет нам добавлять стрелки в начале линии, в конце или одновременно на обоих концах. Если вы хотите, чтобы у вас появилась стрелка в том направлении, в котором вы рисуете линию, что более логично, выберите параметр «Конец» (End). Убедитесь, что вы выбрали этот параметр прежде, чем начали рисовать линию, поскольку программа не позволит нам вернуться назад и задать стрелку после того, как линия будет нарисована:

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

Ниже представлена линия, похожая на нарисованную мной предыдущую линию, но со стрелкой на конце:

С помощью инструмента «Линия» легко рисовать стрелки

Если установленный по умолчанию размер стрелки вас не устраивает, вы можете изменить его, используя параметры «Ширина» (Width) и «Длина» (Length). Мы можем также добавить стрелке изгиб, воспользовавшись параметром «Кривизна» (Concavity). По умолчанию, значение данного параметра равно 0%. Я увеличу его до 50%:

Увеличьте значение параметра «Кривизна», чтобы изменить форму стрелки

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

Стрелка со значением параметра «Кривизна», равным 50%

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

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

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

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

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

Автор: Steve Patterson

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

Источник:

photoshopessentials.com

Как заполнить форму фотографией в Photoshop

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

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

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

Последний эффект «изображение в форме».

Приступим!

Загрузите это руководство в виде готового к печати PDF-файла!

Как заполнить фигуру фотографией

Эта версия руководства предназначена для Photoshop CC 2019 и более ранних версий . Также доступна обновленная версия для Photoshop 2020 и 2021.

Шаг 1. Создайте новый документ

Начнем с создания нового документа. Подойдите к меню File в строке меню в верхней части экрана и выберите New :

Переход к файлу и новому.

Откроется диалоговое окно Новый документ . Если вы используете Photoshop CC, вы увидите обновленную версию диалогового окна «Новый документ». Если вы используете Photoshop CS6, вы увидите старую, традиционную версию. Сначала мы рассмотрим версию Photoshop CC, а затем версию CS6.

В Photoshop CC параметры для создания нового настраиваемого документа находятся на панели Preset Details справа от диалогового окна. В этом уроке давайте создадим квадратный документ. Установите Width и Height на 2000 пикселей . Мы установим разрешение с на 72 пикселя / дюйм , а для фона с на Белый . Щелкните Create , чтобы создать новый документ:

Панель «Сведения о предустановке» в диалоговом окне «Новый документ» в Photoshop CC.

В Photoshop CS6 снова установите для ширины и высоты на 2000 пикселей , разрешение с на 72 пикселя / дюйм и содержание фона с на Белый . Нажмите ОК , чтобы создать новый документ:

Диалоговое окно «Новое» в Photoshop CS6.

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

Шаг 2. Выберите инструмент Custom Shape Tool

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

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

Выбор инструмента Custom Shape Tool на панели инструментов.

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

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

Photoshop называет векторные фигуры просто «фигурами». Выбрав инструмент Custom Shape Tool, убедитесь, что для параметра Tool Mode на панели параметров установлено значение Shape :

.

Установка режима инструмента на «Форма» на панели параметров.

Шаг 4: Установите черный цвет формы

Чтобы мы могли видеть нашу фигуру на белом фоне, мы установим цвет заливки формы на черный . Вы найдете образец цвета Fill на панели параметров (непосредственно рядом с параметром «Режим инструмента»).

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

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

Шаг 5: Загрузите пользовательские формы

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

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

Щелкните эскиз фигуры на панели параметров.

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

Щелкните значок меню (значок шестеренки) в правом верхнем углу окна выбора пользовательской формы:

Щелкните значок меню «Выбор произвольной формы».

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

Загрузка всех наборов пользовательских фигур в Photoshop.

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

Щелкните OK, чтобы заменить текущие формы новыми.

Шаг 6: Выберите нестандартную форму

Вернувшись в Custom Shape Picker, теперь у нас есть гораздо больше фигур на выбор. Прокрутите миниатюры, пока не найдете тот, который хотите использовать. Форма сердца (которая на самом деле является частью фигур по умолчанию) — популярный выбор. Но для чего-то другого я выберу форму бабочки .

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

Выбор нестандартной формы бабочки.

Шаг 7: Нарисуйте форму

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

Когда вы рисуете фигуру, вы увидите только контур контура того, как она будет выглядеть:

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

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

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

Если мы посмотрим на панель Layers, мы увидим фигуру, сидящую на собственном слое Shape над белым слоем Background:

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

Шаг 8: переместите форму в центр

Чтобы переместить форму в центр документа, выберите инструмент Photoshop Move Tool на панели инструментов:

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

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

Перемещение фигуры на место.

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

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

Изображение, которое я помещу внутри фигуры. Фото: Adobe Stock.

Шаг 10: Выберите и скопируйте изображение

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

Выбираю> Все.

Выбрав изображение, перейдите в меню Правка и выберите Копировать :

Идем в меню «Правка»> «Копировать».

Шаг 11. Вставьте изображение в документ формы

Вернитесь к документу фигуры, щелкнув вкладку чуть ниже панели параметров. Если вы не назвали документ при его создании (а мы этого не сделали), скорее всего, он называется «Без названия-1»:

.

Щелкните вкладку документа формы.

Затем вернитесь в меню Edit и на этот раз выберите Paste :

Идем в меню «Правка»> «Вставить».

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

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

Шаг 12: Создание обтравочной маски

Если мы снова посмотрим на панель «Слои», то увидим, что Photoshop поместил изображение на новый слой над слоем «Форма»:

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

Чтобы разместить изображение внутри формы, все, что нам нужно сделать, это создать обтравочную маску. Убедитесь, что у вас выбран слой изображения («Слой 1»). Затем перейдите в меню Layer вверху экрана и выберите Create Clipping Mask :

.

Переход к слою> Создать обтравочную маску.

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

Обтравочная маска помещает изображение внутри формы.

И если мы снова посмотрим на панель Layers, мы увидим, что «Layer 1» смещен вправо с маленькой стрелкой, указывающей вниз на слой Shape под ним. Вот как Photoshop сообщает нам, что изображение теперь обрезано по форме:

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

Шаг 13: Измените размер и положение изображения с помощью Free Transform

Чтобы изменить размер и положение изображения внутри фигуры, снова убедитесь, что у вас выбран «Слой 1».Затем перейдите в меню Edit и выберите Free Transform :

.

Идем в Edit> Free Transform.

Это помещает поле «Свободное преобразование» и ручки (маленькие квадраты) вокруг фактических размеров вашего изображения, включая область за пределами видимого холста. Если вы не видите все свои дескрипторы Free Transform, потому что ваше изображение слишком велико, чтобы полностью поместиться на экране, перейдите в меню View и выберите Fit on Screen :

Перехожу в «Просмотр»> «По размеру экрана».

Photoshop автоматически отрегулирует уровень масштабирования, чтобы было видно все поле «Свободное преобразование». Здесь мы видим мое поле Free Transform, простирающееся вправо от холста:

Окно «Свободное преобразование» появляется вокруг всего изображения.

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

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

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

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

Когда вы будете готовы, нажмите Введите (Win) / Верните (Mac) на клавиатуре, чтобы зафиксировать изменение и закрыть команду Free Transform:

Изображение теперь лучше вписывается в форму.

Шаг 14: Измените цвет фона

На этом основной эффект «изображение в форме» готов! Конечно, мы всегда можем сделать больше, чтобы настроить его и сделать еще лучше. Единственное, что мы можем сделать, это изменить цвет фона.

Самый простой способ изменить цвет фона — использовать один из слоев заливки Solid Color в Photoshop. Нам потребуется, чтобы слой заливки сплошным цветом появился между фоновым слоем и слоем формы, поэтому сначала нажмите на фоновый слой на панели слоев, чтобы выбрать его:

Выбор фонового слоя.

Затем щелкните значок New Fill или Adjustment Layer в нижней части панели Layers:

Щелкните значок «Новая заливка или корректирующий слой».

Выберите Solid Color в верхней части списка:

Добавление сплошного слоя заливки.

Photoshop открывает палитру цветов , где мы можем выбрать новый цвет. Черный — популярный выбор в качестве цвета фона для этого эффекта, поэтому давайте посмотрим, как он выглядит:

Выбор черного в палитре цветов.

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

Результат после изменения цвета фона на черный.

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

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

Выбор цвета для фона.

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

Выбранный цвет теперь является цветом фона.

Если мы посмотрим на панель «Слои», мы увидим наш слой заливки сплошным цветом с именем «Цветовая заливка 1», расположенный между фоновым слоем и слоем формы, как раз там, где нам это было нужно:

Панель «Слои», показывающая новый слой заливки «Сплошной цвет».

Шаг 15: Добавьте обводку

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

Выбор слоя Shape.

Затем щелкните значок Layer Styles (значок « fx ») в нижней части панели «Слои»:

Щелкните значок «Стили слоя».

Выберите Ход из списка:

Выбор стиля слоя «Обводка».

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

Щелкните образец цвета.

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

Выбор белого из палитры цветов.

Вернувшись в диалоговое окно Layer Style, я устанавливаю Position обводки на Outside , чтобы она отображалась снаружи формы.Затем я увеличу значение Size , чтобы настроить толщину штриха. Я думаю, что для этого изображения подойдет размер около 12 пикселей :

Устанавливаем положение «Снаружи» и размер 12 пикселей.

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

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

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

Превратите фотографию в планету с помощью Photoshop

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

Съемка исходных фотографий — самая сложная часть работы. Это потому, что сильное искажение, создаваемое фильтром полярных координат, предъявляет строгие требования к типу изображения, которое вы можете использовать. Давайте начнем с просмотра изображений, которые не работают, а затем перейдем к изображениям, которые работают.
Неправильный способ фотографировать
Снимок ночного Лондона внизу может показаться ярким примером планетарной обработки. Он состоит из нескольких соединенных вместе изображений со зданиями, выступающими из-за горизонта, и ярко освещенным лондонским глазом справа.

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

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

Вот результат после применения полярных координат:

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

В Photoshop
Есть два способа начать процесс. Либо откройте все свои изображения в Photoshop и выберите «Файл»> «Автоматизация»> «Photomerge», либо выберите их в Adobe Bridge и выберите «Инструменты»> «Photoshop»> «Photomerge». В любом случае вы увидите следующее диалоговое окно:

Выберите «Авто» в качестве типа макета и нажмите OK.Затем Photoshop пытается выровнять, исказить и настроить все изображения, чтобы объединить их в один цельный монтаж.

Это хорошее начало. Если у вас Photoshop CS5, вы можете использовать Content-Aware Fill для исправления недостающих частей. Выделите их с помощью инструмента Magic Wand и перейдите в Select> Modify> Expand, чтобы сделать выделение на один пиксель шире. Затем нажмите Shift-Backspace и выберите Content Aware Fill в появившемся диалоговом окне. Если у вас более ранняя версия Photoshop, используйте инструмент «Клонирование», чтобы сэмплировать и исправить недостающие области из окружающей области.Результат должен выглядеть примерно так:

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

Переключитесь на инструмент «Перемещение» (V) и удерживайте Alt / Option (чтобы сделать копию) и Shift (чтобы перетащить по горизонтали) и перетащите слой, чтобы создать дубликат.

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

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

Вот как изображение выглядит после того, как вы добавили корректировку «Кривые»:

Левая и правая стороны этого центрального контура теперь сливаются вместе гораздо более убедительно. Проблема, однако, в том, что корректировка была применена ко всему слою: середина может быть правильной, но края больше не будут совпадать. Видите, как башня справа намного ярче башни слева?
Каждый раз, когда вы создаете корректирующий слой, он имеет встроенную маску. Вы можете использовать это, чтобы скрыть эффект корректировки.Установите цвет переднего плана на черный, а цвет фона на белый (ярлык для этого — D). Используя инструмент «Градиент», проведите пальцем справа налево по правому изображению. Это полностью замаскирует корректировку справа и исчезнет, ​​так что корректировка совсем не замаскируется слева; Другими словами, он в полной силе. Башни теперь одинаковые с обеих сторон изображения.

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

Выберите «Файл»> «Создать», чтобы создать новый документ. Размер по умолчанию будет равен размеру изображения, скопированного в буфер обмена. Вставьте скопированное изображение в новый документ. Чтобы фильтр «Полярные координаты» работал, теперь вам нужно изменить размер этого изображения на квадрат, так как таким образом вы можете гарантировать круговой результат.Выберите «Изображение»> «Размер изображения» и посмотрите на размеры. В этом примере изображение имеет ширину 9233 пикселей и высоту 3047 пикселей.

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

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

Все было искажено, чтобы сделать его квадратным, и обратите внимание, как половина сильно вытянутой башни теперь появляется с каждой стороны изображения.Поскольку эти элементы находятся по краям, когда вы применяете фильтр, они соединяются вместе вверху.
Чтобы использовать фильтр «Полярные координаты», необходимо перевернуть изображение так, чтобы земля оказалась сверху. Вы можете сделать это с помощью Image> Transform> Flip Vertical. Но лучший способ — повернуть его, чтобы элементы изображения сохранили свой правильный порядок. Выберите «Изображение»> «Трансформировать»> «Повернуть на 180 °».

Теперь вы готовы к использованию фильтра Photoshop. Перейдите на страницу 2, чтобы узнать о последних шагах.
Вернуться на страницу 1.
Наконец-то пора фильтр! Выберите «Фильтр»> «Искажение»> «Полярные координаты» и установите для параметра «Прямоугольные» значения «Полярные». Вы увидите увеличенную часть центра изображения. Для лучшего обзора уменьшите масштаб.

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

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

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

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

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

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

кругов в Photoshop | PSD чувак

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

Твитнуть

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

Векторные фигуры кругов для Photoshop

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

Этот файл содержит 1 файл CSH (18 кругов для Photoshop) и файл лицензии TXT. Надеюсь, вы сочтете его достаточно полезным, чтобы поделиться им с друзьями. Скачать бесплатно для всех наших
Зарегистрированные пользователи.

Лицензия

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

СКАЧАТЬ! (96.0КБ)

Если вы хотите вставить символ круга ● ◉ ◎ ◍ ◌ ○ ❂ в сообщения блога, текстовые сообщения, социальные сети, просмотрите этот список. Просто скопируйте и вставьте текстовый символ звезды.

Создайте фигур в Photoshop быстро и легко! Этот набор содержит 1 PSD-файл со слоями, который позволит вам создать силуэт векторной формы из любой фотографии / графики / изображения .Пакет также содержит экшен Photoshop, который вы можете использовать для создания пользовательских фигур .

Вы также можете попробовать этот экшен Photoshop; конвертирует изображение в вектор с помощью Photoshop. Вы получаете векторное изображение с цветами, а не только с формой / силуэтом. Из JPG в вектор одним щелчком мыши!

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

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

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

Предыдущий пост

Интересные уроки по органической типографии по Adobe Photoshop

Следующее сообщение

Бесплатный файл Photoshop в металлическом стиле

Удалите темные круги в фотошопе.Это довольно простой учебник. Я… | Автор: Вай из TrickyPhotoshop

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

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

Фото Beta-J на Flickr.

Если вы хотите избавиться от темных кругов, вы также можете нанять меня. Стоимость будет составлять 10 долларов за одно изображение и будет снижаться по мере увеличения количества изображений. Пишите мне на [email protected] .

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

Перейдите в Слой > Новый> Слой или нажмите Cmd + Shift + N / Ctrl + Shift + N , чтобы создать новый слой.

Назовем это «Удаление темных кругов».

Удалим темные круги с помощью инструмента Clone Stamp Tool.

Возьмите инструмент Clone Stamp Tool с панели инструментов или нажмите S .

На панели параметров измените режим наложения на светлее и отключите выравнивание.

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

Инструмент «Штамп» используется для копирования пикселей из одной части изображения и вставки их в другую часть.Чтобы использовать инструмент Clone Stamp Tool, вам сначала нужно определить исходные пиксели. Это будут пиксели, которые будут скопированы. Вы можете сделать это, удерживая нажатой клавишу Opt / Alt .

Выберите щеку в качестве исходных пикселей.

Щелкните фото правой кнопкой мыши. Установите жесткость на 0.

Теперь нарисуйте темные круги. См. Ниже GIF.

Вот фото. Я знаю, что это уже перебор. Мы сделаем это естественным.

Сложно? Вы также можете нанять меня.Стоимость будет составлять 10 долларов за одно изображение и будет снижаться по мере увеличения количества изображений. Пишите мне на [email protected] .

Измените непрозрачность на 60% на панели слоев.

Вот как будет выглядеть фото.

Сделайте то же самое и для другого глаза.

Не удалось? Вы также можете нанять меня. Стоимость будет составлять 10 долларов за одно изображение и будет снижаться по мере увеличения количества изображений. Пишите мне на hello @ tricky-photoshop.ком .

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

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

Видите это изображение? Если вы нажмете на каждую из фотографий, вы попадете в отдельный список этого товара в моем магазине Etsy! Это отображение изображений. Вы можете разрезать свое изображение на разные разделы и ссылаться на разные сайты с одного и того же изображения! Если вам интересно, как сделать такое изображение, как это, это очень просто, если у вас есть Adobe Photoshop.Я уверен, что есть другие способы сделать это, но это единственный способ, который я знаю how Я использую Adobe Photoshop CS6, но уверен, что вы можете использовать более старую версию. Я не уверен насчет Elements, так как я им не пользовался.

Хорошо, поехали.

1. Откройте изображение, которое вы хотите отобразить в Photoshop (или откройте Photoshop и создайте изображение, которое хотите использовать). Убедитесь, что вы создали изображение именно того размера, который вам нужен. Это будет проще, чем пытаться выяснить, как изменить размер сопоставленного изображения позже.

2. Создайте новый слой, щелкнув маленький значок заметки в правом нижнем углу экрана (или перейдите в верхнее меню, щелкните Layer -> New -> Layer )

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

4. Вам нужно будет изменить всего несколько настроек, чтобы получить координаты для ваших изображений. Сначала дважды щелкните линейку в правой части экрана.Это вызовет предпочтения. Он должен открыться до настроек в разделе «Единицы и линейки». В разделе «Единицы» вы увидите вариант «Линейки». Измените это с Дюймов (или других единиц измерения) на Пиксели. Нажмите «ОК».

5. Откройте экран «Информация», нажав клавишу F8 или перейдя в верхнее меню, Окно -> Информация. Вы увидите всплывающее информационное окно. Теперь мы сможем увидеть координаты ваших фигур.

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

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

8. Пора кодировать!

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

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

coords = ”x, y, x, y” — относится к координатам, которые вы получили ранее. Для прямоугольника возьмите координаты x и y сверху слева и снизу справа и вставьте их сюда.Например, мои координаты для первого прямоугольника, показанного выше: coords = ”17,17,209,241 ″
coords =” x, y, x ” — относится к координатам x и y для центра вашего круга и Координата x радиуса. В данном случае у меня: coords = ”338 131 451 ″
shape =” ”- измените это только в том случае, если вы хотите изменить форму отображаемого вами объекта. Если вы создаете карту со всеми прямоугольными или квадратными формами, вы должны изменить каждую из них на «прямоугольник» , а если все они являются кругами, вы измените их на «круг»

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