Как в фотошопе из квадратной картинки сделать круглую: Как сделать круглую картинку в Фотошопе • Дигмаст
Содержание
Как сделать круглое фото в Фотошопе из квадратного (прямоугольного)
Круглая фотография – очень распространенный вид снимков, которые активно используются самыми различными способами, например, в качестве аватарок на различных сайтах, форумах, в соцсетях и т.д. Давайте разберемся, как в Фотошопе из обычного прямоугольного или квадратного фото можно сделать круглое.
Создаем круглую фотографию
Справиться с поставленной задачей можно по-разному. Мы рассмотрим два распространенных и достаточно простых метода, которые легко можно освоить и применять на практике. Продемонстрируем их на примере фотографии ниже.
Метод 1: используем выделение
Открываем изображение в программе и приступаем к работе.
- Выбираем инструмент “Овальная область” из группы “Выделение” на боковой панели.
- С помощью зажатой левой кнопки мыши создаем выделение нужного размера на холсте в той области, где это требуется. Чтобы оно получилась строго круглым, предварительно зажимаем и удерживаем клавишу Shift на клавиатуре.Примечание: Если выделение получилось не там, где оно должно быть в итоге – не страшно. Мы можем его переместить с помощью все той же зажатой левой кнопки мыши (при этом должен быть выбран любой инструмент из группы “Выделение”). В случае, если круг получился слишком большим, просто щелкаем за его пределами в любом месте, чтобы снять выделение, после чего можем попробовать еще раз.
- Когда все готово, жмем на клавиатуре сочетание Ctrl+J, чтобы скопировать выделенную область на новый слой.
- В Палитре удаляем или отключаем видимость исходного слоя. В нашем случае выберем второй вариант.
- Получаем на холсте круглое фото с прозрачным свободным пространством вокруг, которое требуется убрать.
- В меню “Фильтр” выбираем пункт “Тримминг”.
- В открывшемся окошке отмечаем опцию “Прозрачных пикселов”, в блоке обрезка выбираем все варианты (сверху, снизу, справа, слева) и жмем OK.
- Все готово, нам удалось сделать круглое фото на прозрачном фоне, которое остается только сохранить в JPG или PNG, если нужно сохранить прозрачность.
Примечание: вместо тримминга для обрезки изображения, также, можно воспользоваться инструментом “Рамка” (на боковой панели) или функцией “Кадрировать” (в меню “Изображение”).
Метод 2: применяем обтравочную маску
- Создаем новый слой в Палитре.
- Как и в первом методе, создаем выделение с помощью “Овальной области”. Затем щелкаем внутри полученного круга правой кнопкой мыши и выбираем в появившемся контекстном меню пункт “Выполнить заливку”.
- В открывшемся окне для параметра “Содержание” указываем “Цвет”, после чего появится Палитра, где выбираем любой понравившийся цвет/оттенок. Подтверждаем выполнение действия нажатием кнопки OK (в обоих окнах).
- Получаем на холсте залитый выбранным цветом круг. Выделение по контуру нам больше не понадобится, поэтому убираем его сочетанием Ctrl+D.Примечание: вместо создания овальной области и ее закрашивания можно воспользоваться инструментом “Эллипс”.
- Возвращаемся в Палитру и размещаем слой с исходным изображением в самом верху.Обратите внимание, что сделать это получится только в том случае, если слой не заблокирован. Понять это можно по значку в виде замка. Снять блокировку можно, просто щелкнув по этому значку.
- На клавиатуре зажимаем клавишу Alt, наводим указатель мыши на границу между слоями, и когда увидим квадратную изогнутую стрелку вниз, делаем клик левой кнопкой мыши.
- Получаем следующий результат. Это означает, что мы привязали содержимое самого верхнего слоя к кругу/фигуре ниже.
- Все готово, мы снова получили круглую картинку, которую остается только обрезать и сохранить.
Заключение
Итак, мы только что рассмотрели, как в Фотошопе с помощью стандартных простых инструментов из обычного фото можно получить круглое. Сделать это можно, как минимум, двумя разными способами, оба она достаточно просты в реализации и не займут много времени.
Как сделать круглую картинку в фотошопе — бесплатный онлайн урок
На первый взгляд, кажется, ну что тут такого? Превратить прямоугольную картинку в квадратную или круглую (овальную). Да, с квадратной картинкой нет проблем. Инструмент «кроп» или «рамка» нам всегда готов в этом помочь. Но что делать с круглой? Ведь в фотошопе нет такого инструмента. Помнится, во времена начала изучения программы Adobe Photoshop у меня вызвал ступор. Действительно, а как?
Дело в том, что дабы сделать круглую картинку в фотошопе, вам придется использовать не одну операцию, а несколько. Так сказать, обходные пути. Одним движением мышки тут не обойтись.
Я продемонстрирую парочку способов изготовления круглой картинки. Оба имеют небольшие недостатки. Вам придется выбрать тот, который напрягает вас меньше.
Приступим к первому. Создание круглой картинки с помощью выделения. Хочу заметить, кстати, что оба способа позволяют сделать картинку как круглой, так и овальной.
Открываем исходное изображение. Ищем инструмент «выделенная область». Нас интересует овальная. Если вы хотите получить круглое изображение, зажимайте клавишу shift, выделяя нужное поле. Если овальное, этого делать не потребуется.
Выделили. Теперь нам следует скопировать его на новый слой. Проще всего будет нажать комбинацию клавиш ctrl+c, а затем ctrl+v. Ваше изображение скопируется на новый слой автоматически. Ну либо можете зайти длинным путем. Предварительно создать новый слой. Затем кликнуть по выделенной области левой клавишей мыши и из образовавшегося списка выбрать: «скопировать на новый слой». Результат будет тем же.
Вот что мы видим в окне слоев.
Выделяем нижний слой и нажимаем del на клавиатуре.
Вот так выглядит слой.
Теперь нам остается только сохранить его в формате png. Это важно! Именно этот формат не оставляет фонового поля.
В выпадающем списке ищем png и сохраняем.
Выше я упомянула о недостатке этого способа. Каков же он?
Сейчас мы выделили довольно большое поле. Нам не приходилось долго и муторно выверять движения. А теперь попробуйте выделить кругом, допустим, язычок котенка. И на этот раз нам придется не единожды проводить окружность, дабы язычок не выходил за ее рамки. Поэтому, я покажу еще один способ. Сделаем круглую картинку в фотошопе с помощью обтравочной маски.
Для этого нам сначала следует создать чистый документ соразмерный с той картинкой, которую вы хотите сделать круглой. После чего, перетащить туда эту картинку. То есть, в окне слове в у нас получится следующее:
Нам следует сделать изображение с котенком невидимым. Для этого мы тыкаем в пиктограмму с глазиком рядом со слоем. Кликаем. «Глазик» исчезает. Изображение с котенком становится невидимым.
Заметьте, на изображении у меня выделен нижний слой, фоновый. И это неспроста. Он должен быть выделен и у вас. Это необходимо, для того, чтобы соблюсти порядок слоев.
Теперь ищем инструмент «эллипс». Опять же, зажимаем shift и проводим окружность. Цвет ее нам не важен.
Переходим к окну слоев. Кликаем по слою с котенком левой клавишей мыши. И выбираем команду «создать обтравочную маску».
Вот, что мы увидим.
Вы можете перемещать мышкой изображение с котенком так, чтобы необходимая область отобразилась в круге.
Теперь вам следует выделить оба слоя, зажав клавишу ctrl. И опять вы, кликнув по ним левой клавишей мыши, вызываете команду «объединить слои».
Вот, что у нас получится.
Теперь снова удаляем нижний фоновый слой и сохраняем получившееся круглое изображение в формате png.
Да, дольше. Да, немножко мудренее. Но при помощи этого способа вы можете вписать четко ту область, которая вам нужна.
Как в фотошопе сделать фото круглой формы
Как сделать круглое фото в Фотошопе
Необходимость создать круглое фото может возникнуть при создании аватаров для сайтов или форумов, в работе веб-дизайнера при изображении круглых элементов сайта. Потребности у всех разные. Этот урок посвящен тому, как сделать картинку круглой в Фотошопе.
Круглое фото
Существует два разных способа придать круглую форму снимку. В первом случае мы просто отрежем все ненужное, а во втором скроем лишние участки с помощью особого приема.
Способ 1: «Выделение»
Данный способ подразумевает использование инструмента «Овальная область» из раздела «Выделение» на панели инструментов в левой части интерфейса программы.
- Для начала откроем фотографию в Фотошопе.
- Возьмем инструмент.
- Затем зажимаем клавишу SHIFT (для сохранения пропорций) на клавиатуре и рисуем выделение нужного размера. Данное выделение можно перемещать по холсту, но только если активирован какой-либо инструмент из раздела «Выделение».
- Теперь необходимо скопировать содержимое выделения на новый слой, нажав комбинацию клавиш CTRL+J.
- Круглую область мы получили, далее нужно оставить на конечном фото только ее. Для этого снимаем видимость со слоя с исходным изображением, кликнув по значку глаза рядом со слоем.
- Затем кадрируем фотографию при помощи инструмента «Рамка».
Подтягиваем рамку за маркеры вплотную к границам нашего круглого фото. По завершении процесса нажимаем ENTER. Убрать рамку с изображения можно, активировав любой другой инструмент, например, «Перемещение».
Получаем круглый снимок, который уже можно сохранить и использовать.
Способ 2: Обтравочная маска
Способ заключается в создании так называемой «Обтравочной маски» из какой-либо фигуры для исходного изображения. Ее особенность заключается в том, что картинка будет видна только на фигуре. Далее вы поймете, о чем идет речь.
- Создаем копию слоя с исходным фото.
- Затем создаем новый слой, нажав на тот же значок.
- На этом слое нам нужно создать круглую область, воспользовавшись инструментом
«Овальная область» (кликнуть внутри выделения правой кнопкой мыши и выбрать соответствующий пункт).С последующей заливкой любым цветом.
После снятия выделения комбинацией CTRL+D основа готова.
Также можно воспользоваться инструментом «Эллипс». Эллипс необходимо рисовать с зажатой клавишей SHIFT.
Настройки инструмента:
Второй вариант предпочтительнее, поскольку «Эллипс» создает векторную фигуру, не искажаемую при масштабировании.
- Далее необходимо перетянуть копию слоя с исходным изображением в самый верх палитры таким образом, чтобы он расположился над круглой фигурой.
- Затем зажимаем клавишу ALT и кликаем по границе между слоями. Курсор при этом примет форму квадрата с изогнутой стрелкой (в вашей версии программы может быть другая форма, но результат будет тот же). Палитра слоев примет такой вид:
- Этим действием мы привязали изображение к нашей созданной фигуре. Теперь снимаем видимость с нижнего слоя и получаем результат, как и в первом способе. Останется только откадрировать и сохранить фотографию.
Оба способа могут применяться, как равнозначные, но во втором случае можно создать несколько круглых фото одинакового размера, используя готовую фигуру.
Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТ
Поделиться статьей в социальных сетях:
Как сделать круглую фотографию в фотошопе. Пошаговая инструкция.
На чтение 2 мин. Обновлено
Пошаговая инструкция в картинках
Всем привет, сегодня покажу, как сделать круглую фотографию в фотошопе простым способом.
Закидываем фото, правой кнопкой мыши нажимаем на инструмент выделение, выбираем инструмент «Овальная область».
Зажимаем клавишу Shift, чтобы сохранить пропорции, создаём ровный круг, смещаем его, если нужно в необходимое положение. Теперь правой кнопкой мыши нажимаем на выделение и выбираем один из пунктов, разницы в них нет.
Удаляете исходное изображение, клавиша Delete или правой кнопкой мыши кликаете по слою «Удалить слой»
Теперь нужно подогнать размеры холста под фотографию, зажимаете клавишу Ctrl и кликаете по самой миниатюре слоя, образуется выделение на основе этого слоя.
Далее переходим во вкладку «Изображение», «Кадрировать».
Снимаем выделение Ctrl+D.
Открываем вкладку «Файл», «Сохранить как» и выдираем формат изображения без фона PNG.
Второй способ, как сделать круглую фотографию в фотошопе.
Он немного сложнее, но есть одно преимущество.
Как делали в первом способе, выбираем инструмент «Овальная область».
Далее, создаём новый слой Ctrl+Shift+N.
Правой кнопкой мыши кликаем по выделению, выбираем «Выполнить заливку»
Пункт «Использовать», «Цвет» выбираете любой, нажимаем «ОК» и «ОК»
Перемещаем слой с кругом под слой с фотографией (зажав кнопку левой мыши).
Кликаем по слою с фотографией правой кнопкой мыши, пункт «Создать обтравочную маску»
Как видите фотография с девушкой приняла форму круга. Снимаем выделение Ctrl+D.
Выбираем инструмент «Перемещение» и клавишей левой кнопки мыши выравниваем нашу фоторграфию.
Объединяем оба слоя сочетание клавиш Ctrl+E.
Кадрируете, как в первом способе, ну и можете наложить обводку, если нужно.
Двойным кликом кнопки левой мыши кликаете по слою.
Пункт “Обводка”
Положение “Внутри”
Размер, цвет и остальные настройки, тут можете “поиграться”.
Сохраняете, в PNG.
Как сделать круглую картинку в фотошопе — бесплатный онлайн урок
На первый взгляд, кажется, ну что тут такого? Превратить прямоугольную картинку в квадратную или круглую (овальную). Да, с квадратной картинкой нет проблем. Инструмент «кроп» или «рамка» нам всегда готов в этом помочь. Но что делать с круглой? Ведь в фотошопе нет такого инструмента. Помнится, во времена начала изучения программы Adobe Photoshop у меня вызвал ступор. Действительно, а как?
Дело в том, что дабы сделать круглую картинку в фотошопе, вам придется использовать не одну операцию, а несколько. Так сказать, обходные пути. Одним движением мышки тут не обойтись.
Я продемонстрирую парочку способов изготовления круглой картинки. Оба имеют небольшие недостатки. Вам придется выбрать тот, который напрягает вас меньше.
Приступим к первому. Создание круглой картинки с помощью выделения. Хочу заметить, кстати, что оба способа позволяют сделать картинку как круглой, так и овальной.
Открываем исходное изображение. Ищем инструмент «выделенная область». Нас интересует овальная. Если вы хотите получить круглое изображение, зажимайте клавишу shift, выделяя нужное поле. Если овальное, этого делать не потребуется.
Выделили. Теперь нам следует скопировать его на новый слой. Проще всего будет нажать комбинацию клавиш ctrl+c, а затем ctrl+v. Ваше изображение скопируется на новый слой автоматически. Ну либо можете зайти длинным путем. Предварительно создать новый слой. Затем кликнуть по выделенной области левой клавишей мыши и из образовавшегося списка выбрать: «скопировать на новый слой». Результат будет тем же.
Вот что мы видим в окне слоев.
Выделяем нижний слой и нажимаем del на клавиатуре.
Вот так выглядит слой.
Теперь нам остается только сохранить его в формате png. Это важно! Именно этот формат не оставляет фонового поля.
В выпадающем списке ищем png и сохраняем.
Выше я упомянула о недостатке этого способа. Каков же он?
Сейчас мы выделили довольно большое поле. Нам не приходилось долго и муторно выверять движения. А теперь попробуйте выделить кругом, допустим, язычок котенка. И на этот раз нам придется не единожды проводить окружность, дабы язычок не выходил за ее рамки. Поэтому, я покажу еще один способ. Сделаем круглую картинку в фотошопе с помощью обтравочной маски.
Для этого нам сначала следует создать чистый документ соразмерный с той картинкой, которую вы хотите сделать круглой. После чего, перетащить туда эту картинку. То есть, в окне слове в у нас получится следующее:
Нам следует сделать изображение с котенком невидимым. Для этого мы тыкаем в пиктограмму с глазиком рядом со слоем. Кликаем. «Глазик» исчезает. Изображение с котенком становится невидимым.
Заметьте, на изображении у меня выделен нижний слой, фоновый. И это неспроста. Он должен быть выделен и у вас. Это необходимо, для того, чтобы соблюсти порядок слоев.
Теперь ищем инструмент «эллипс». Опять же, зажимаем shift и проводим окружность. Цвет ее нам не важен.
Переходим к окну слоев. Кликаем по слою с котенком левой клавишей мыши. И выбираем команду «создать обтравочную маску».
Вот, что мы увидим.
Вы можете перемещать мышкой изображение с котенком так, чтобы необходимая область отобразилась в круге.
Теперь вам следует выделить оба слоя, зажав клавишу ctrl. И опять вы, кликнув по ним левой клавишей мыши, вызываете команду «объединить слои».
Вот, что у нас получится.
Теперь снова удаляем нижний фоновый слой и сохраняем получившееся круглое изображение в формате png.
Да, дольше. Да, немножко мудренее. Но при помощи этого способа вы можете вписать четко ту область, которая вам нужна.
Как закруглить картинку в фотошопе или сделать ее круглой
Здравствуйте, дорогие друзья. Было дело, когда я искал информацию о том, как закруглить картинку в фотошопе и способов для этого попадалось множество, но не все они показались мне удобными. Со временем я нашел самый быстрый и простой способ закруглить углы картинки, с которым хочу поделиться с вами. Версия фотошопа роли не играет, как и при создании текста по кругу. Если вам лень читать текст, нажмите тут и вас перебросит сразу на видео, в котором то же самое, что и здесь.
Мои откровения в телеграме
Итак, открываем картинку в фотошопе, у которой нужно закруглить углы и переходим в «Слои». нажимаем клавишу Ctrl и кликаем один раз по слою с изображением, чтобы его выделить. Должна появиться пунктирная рамка вокруг картинки. Теперь в верхней панели меню выбираем пункт Выделение — Модификация — сгладить.
И в появившемся окне нужно установить радиус закругления углов изображения. Примерно 10-15 пикселей будет нормально.
После этого снова заходим в меню «Выделение» и выбираем пункт «Инверсия».
Когда мы проделали эти не сложные процедуры, то нажимаем клавишу Delete и наблюдаем картинку с закругленными углами. Если вы таким образом хотите подготовить графику для блога, то изображение можно дополнительно облагородить, добавив рамку, тень и т. д.
Делаем круглые картинки в фотошопе
С закруглением картинок мы успешно справились, теперь давайте сделаем круглые изображения. Порядок действий простой, поэтому скриншоты не публикую. Выбираем инструмент «Эллипс», и рисуем круг в области картинки, которую нужно сделать круглой с зажатым Shift При необходимости, изменяем ее масштаб Ctrl + T и делаем инверсию, таким же способом, как было описано выше. Нажимаем кнопку Delete 2 раза, снимаем выделение Ctrl + D и любуемся полученным результатом. То же самое можно сделать с применением инструмента «Овальная область». Но ее нельзя масштабировать.
Вот такими нехитрыми способами можно быстро делать круглые картинки в фотошопе или делать закругленные углы. надеюсь. Что вам все было понятно. Если что, пишите в комментариях, помогло вам это решение или нет.
Как сделать круглое фото в Фотошопе за 5 секунд
Ну вот захотелось мне сделать круглое фото как у всех. Вроде бы ничего сложного не должно быть — инструмент выделения в виде круга где-то в фотошопе видел. Сейчас быстренько выделю, откадрирую и все.
- но выделяется почему-то эллипсом, а не кругом
- куча времени убивается на кадрирование
На самом деле все просто и быстро, буквально на раз-два-три.
Как сделать круглое фото в Фотошопе
1Выбираем мышкой инструмент Elliptical Marquee Tool (Овальная область выделения), обычно он «прячется» за значком «Прямоугольная область выделения». Или нажмите клавишу «Shift+M» (анг.).
2 Для выделения круга, а не овала — удерживайте клавишу Shift при выделении. Если удерживать Alt+Shift — выделение будет идти из центра, а не от края.
3Чтобы не заниматься кадрированием — скопируйте выделенную область, создайте новый файл и вставьте туда скопированное. Вся «фишка» в том, что вновь созданный файл будет размером как раз в скопированную область и не надо будет ничего обрезать, кадрировать, подгонять.
И не такой уж он страшный этот Фотошоп, как кажется сначала )).
Всем удачи и профита.
Как сделать круглую картинку в Фотошопе • Дигмаст
Как сделать круглую картинку в фотошопе. Выбираю инструмент — Овальное выделение. Чтобы рисуемый круг был идеально ровный, чтобы центр круга находился в той точке, где сейчас стоит курсор мышки, я удерживаю клавишу «Shift+Alt». И рисую круг. Не переключая инструмент, я могу переместить круг, как мне нужно.
Нажимаю «CMD+C», чтобы скопировать, и нажимаю «CMD+N», чтобы создать новое изображение. В поле Бэкграунд / Содержимое фона/ Трансперент (прозрачный). Остальные настройки оставляю по умолчанию и нажимаю «ОК». И нажимаю «CMD+V», чтобы вставить. У меня получилось идеально ровное круглое изображение.
Если сохранить полученную картинку в формате jpg., то вот эти области будут белыми. Если нужно, чтобы они были прозрачными, то сохраните изображение в формате png.
Узнайте, как обрезать изображение по кругу за 8 шагов
Изучите простую обрезку квадрата.
Изучите основы этого простого руководства по быстрой обрезке квадратного изображения. Инструмент «Обрезка» является неразрушающим, то есть вы можете сохранить обрезанные пиксели и отредактировать или обрезать изображение позже. Вы также можете узнать, как навсегда удалить края фотографии.
Выпрямление и обрезка изображения.
Иногда кадрирование на фотографии не идеальное до начала редактирования.Ознакомьтесь с этим руководством по выпрямлению изображения с помощью технологии с учетом содержимого. Этот инструмент автоматически заполняет пробелы, когда вы расширяете холст за пределы исходного размера изображения.
Создайте более круговое искусство.
Если вы хотите создать круговое искусство в соответствии с круговым кадрированием, взгляните на это интригующее пошаговое руководство от художника Амра Эльшами. Посмотрите, как он использовал фильтр искажения «Полярные координаты» в Photoshop, чтобы превратить красивую фотографию горного хребта во что-то совершенно новое.
После того, как вы освоите круговую обрезку в Photoshop, вы можете легко использовать новое изображение в любом проекте, который вы выполняете в приложениях Adobe Creative Cloud. Также изучите, что находится за рамками обрезанного круга, и используйте эти методы, чтобы обрезать изображения и придать им другие формы.
.
Рисование фигур с помощью инструментов формы в Photoshop
Сплошной цвет: Заполняет или обводит слой-фигуру текущим цветом переднего плана. Используйте палитру цветов или предустановки цвета, чтобы выбрать другой цвет.
Градиент: Выберите предустановку градиента или щелкните градиент, чтобы открыть диалоговое окно «Редактор градиента». Установить дополнительные параметры градиента:
- Угол определяет угол, под которым применяется градиент.
- Reverse — переворачивает ориентацию цветов градиента.
- Стиль определяет форму градиента.
- Scale изменяет размер градиента.
- «Выровнять по слою» использует ограничивающую рамку слоя для вычисления градиентной заливки. Вы можете перетащить в окно изображения, чтобы переместить центр градиента.
Узор: Начиная с Photoshop 21.2, вы также можете установить угол, чтобы повернуть заливку и узор обводки фигуры и легко изменить ее ориентацию. Выберите узор во всплывающем меню и установите дополнительные параметры узора:
- Угол определяет угол, под которым применяется узор.Установите переключатель угла в определенное положение или вручную введите значение угла, чтобы повернуть рисунок на нужный угол.
- Масштаб изменяет размер рисунка. Введите значение или перетащите ползунок.
.
Как обрезать изображения в форме круга в Photoshop
Как сделать круглую картинку в фотошопе. Выбираю инструмент — Овальное выделение. Чтобы рисуемый круг был идеально ровный, чтобы центр круга находился в той точке, где сейчас стоит курсор мышки, я удерживаю клавишу «Shift+Alt». И рисую круг. Не переключая инструмент, я могу переместить круг, как мне нужно.
Нажимаю «CMD+C», чтобы скопировать, и нажимаю «CMD+N», чтобы создать новое изображение. В поле Бэкграунд / Содержимое фона/ Трансперент (прозрачный). Остальные настройки оставляю по умолчанию и нажимаю «ОК». И нажимаю «CMD+V», чтобы вставить. У меня получилось идеально ровное круглое изображение.
Если сохранить полученную картинку в формате jpg., то вот эти области будут белыми. Если нужно, чтобы они были прозрачными, то сохраните изображение в формате png.
Узнайте, как обрезать изображение по кругу за 8 шагов
Изучите простую обрезку квадрата.
Изучите основы этого простого руководства по быстрой обрезке квадратного изображения. Инструмент «Обрезка» является неразрушающим, то есть вы можете сохранить обрезанные пиксели и отредактировать или обрезать изображение позже. Вы также можете узнать, как навсегда удалить края фотографии.
Выпрямление и обрезка изображения.
Иногда кадрирование на фотографии не идеальное до начала редактирования.Ознакомьтесь с этим руководством по выпрямлению изображения с помощью технологии с учетом содержимого. Этот инструмент автоматически заполняет пробелы, когда вы расширяете холст за пределы исходного размера изображения.
Создайте более круговое искусство.
Если вы хотите создать круговое искусство в соответствии с круговым кадрированием, взгляните на это интригующее пошаговое руководство от художника Амра Эльшами. Посмотрите, как он использовал фильтр искажения «Полярные координаты» в Photoshop, чтобы превратить красивую фотографию горного хребта во что-то совершенно новое.
После того, как вы освоите круговую обрезку в Photoshop, вы можете легко использовать новое изображение в любом проекте, который вы выполняете в приложениях Adobe Creative Cloud. Также изучите, что находится за рамками обрезанного круга, и используйте эти методы, чтобы обрезать изображения и придать им другие формы.
.
Рисование фигур с помощью инструментов формы в Photoshop
Сплошной цвет: Заполняет или обводит слой-фигуру текущим цветом переднего плана. Используйте палитру цветов или предустановки цвета, чтобы выбрать другой цвет.
Градиент: Выберите предустановку градиента или щелкните градиент, чтобы открыть диалоговое окно «Редактор градиента». Установить дополнительные параметры градиента:
- Угол определяет угол, под которым применяется градиент.
- Reverse — переворачивает ориентацию цветов градиента.
- Стиль определяет форму градиента.
- Scale изменяет размер градиента.
- «Выровнять по слою» использует ограничивающую рамку слоя для вычисления градиентной заливки. Вы можете перетащить в окно изображения, чтобы переместить центр градиента.
Узор: Начиная с Photoshop 21.2, вы также можете установить угол, чтобы повернуть заливку и узор обводки фигуры и легко изменить ее ориентацию. Выберите узор во всплывающем меню и установите дополнительные параметры узора:
- Угол определяет угол, под которым применяется узор.Установите переключатель угла в определенное положение или вручную введите значение угла, чтобы повернуть рисунок на нужный угол.
- Масштаб изменяет размер рисунка. Введите значение или перетащите ползунок.
.
Как обрезать изображения в форме круга в Photoshop
Устали обрезать фотографии до прямоугольников и квадратов? Из этого урока вы узнаете, как легко обрезать изображения в виде кругов с помощью Photoshop! И узнайте, как правильно сохранить окончательный результат, чтобы сохранить прозрачность, чтобы вы могли добавить фотографию в дизайн или загрузить ее в Интернет!
Автор Стив Паттерсон.
Обычно, когда мы думаем об обрезке изображений в Photoshop, мы думаем об обрезке их как прямоугольника или квадрата.И если мы используем инструмент Photoshop Crop Tool, у нас действительно нет других вариантов. Но кто сказал, что нам нужно использовать Crop Tool? Photoshop позволяет так же легко обрезать фотографию с помощью инструмента выделения. Чтобы обрезать изображение до круга, мы воспользуемся инструментом Elliptical Marquee Tool. Я буду использовать Photoshop CC, но подойдет любая последняя версия Photoshop.
Вот как будет выглядеть изображение, обрезанное в виде круга, с прозрачными углами, чтобы вы могли легко загрузить его в Интернет или разместить в другом дизайне:
Окончательный результат.
Приступим!
Как кадрировать изображение в форму круга
Шаг 1. Откройте изображение
Начните с открытия изображения в Photoshop. Я буду использовать эту фотографию, которую я скачал с Adobe Stock:
Исходное изображение. Фото: Adobe Stock.
Смотрите видео и оставляйте комментарии на нашем канале YouTube!
Шаг 2. Преобразование фонового слоя в нормальный слой
Если мы посмотрим на панель «Слои», то увидим, что наше изображение находится на фоновом слое :
Панель «Слои», показывающая изображение на фоновом слое.
Прежде чем мы сможем обрезать изображение до круга, нам сначала нужно преобразовать фоновый слой в нормальный слой. Причина в том, что нам нужно иметь возможность окружить наше изображение прозрачностью и , но Photoshop не допускает прозрачности на фоновом слое.
Чтобы преобразовать фоновый слой в нормальный слой, все, что нам нужно сделать, это переименовать его. В Photoshop CC просто щелкните значок замка справа от фонового слоя на панели «Слои».В Photoshop CS6 или более ранней версии нажмите и удерживайте клавишу Alt (Win) / Option (Mac) на клавиатуре и дважды щелкните на фоновом слое.
Photoshop мгновенно переименовывает слой с «Фон» на «Слой 0». И вот так мы преобразовали его в обычный слой, и все готово:
Фоновый слой теперь является обычным слоем с именем «Слой 0».
Шаг 3. Выберите инструмент Elliptical Marquee Tool
Выберите инструмент Elliptical Marquee Tool на панели инструментов.По умолчанию инструмент Elliptical Marquee Tool находится за инструментом Rectangular Marquee Tool. Щелкните правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкните (Mac) на инструменте Rectangular Marquee Tool, затем выберите инструмент Elliptical Marquee Tool во всплывающем меню:
Выбор инструмента Elliptical Marquee Tool.
Шаг 4: начертите круговой контур выделения
С помощью инструмента Elliptical Marquee Tool щелкните внутри изображения и вытяните эллиптический контур выделения. Чтобы сделать контур выделения идеальным кругом, нажмите и удерживайте клавишу Shift на клавиатуре во время перетаскивания.Не беспокойтесь о точном расположении круга, потому что мы переместим его в нужное положение на следующем шаге. А пока просто убедитесь, что круг достаточно большой, чтобы окружать область, которую вы хотите сохранить.
Когда вы закончите, отпустите кнопку мыши, затем отпустите клавишу Shift. Убедитесь, что вы сначала отпустили кнопку мыши, , затем клавишу Shift, иначе контур выделения вернется в форму произвольной эллиптической формы:
Нажмите и удерживайте Shift и растяните круговой контур выделения.
Шаг 5. При необходимости измените положение выделенной области
Если вы нарисовали контур выделения не точно в нужном месте, просто щелкните внутри контура выделения и перетащите его на место. Здесь я перемещаю его так, чтобы лицо молодой женщины оказалось в центре круга. Это та область, которую я хочу сохранить. Остальная часть изображения будет обрезана:
Щелкните и перетащите круговой контур выделения на место.
Шаг 6: инвертировать выделение
На данный момент у нас выделена область внутри круга.На самом деле нам нужно выделить область за пределами круга.
Чтобы отменить выделение области внутри круга и выделить все вокруг него, перейдите к меню Select в строке меню в верхней части экрана и выберите Inverse :
Выбираем> Инверсия.
Шаг 7. Удаление области вокруг круга
При инвертированном выделении нажмите клавишу Backspace (Win) / Delete (Mac) на клавиатуре, чтобы удалить область вокруг круга.Photoshop заполняет область шаблоном шахматной доски , именно так Photoshop представляет прозрачность:
Нажмите Backspace (Win) / Delete (Mac), чтобы удалить ненужную область.
Нам больше не нужен контур выделения, поэтому, чтобы удалить его, перейдите в меню Select и выберите Deselect :
Собираюсь Выбрать> Отменить выбор.
Шаг 8: Обрежьте прозрачные области
Чтобы обрезать изображение по кругу и удалить все окружающие его прозрачные области, перейдите в меню Изображение и выберите Обрезать :
Переход к изображению> Обрезать.
В диалоговом окне «Обрезка» выберите прозрачных пикселей вверху. Затем убедитесь, что Верхний , Нижний , Левый и Правый все выбраны внизу (они должны быть по умолчанию):
Выбор «Прозрачных пикселей» в диалоговом окне «Обрезка».
Щелкните OK, чтобы закрыть диалоговое окно Trim. Photoshop мгновенно обрезает окружающие прозрачные области, оставляя наше изображение обрезанным в виде круга:
Изображение теперь обрезано до круга.
Шаг 9. Сохраните изображение как файл PNG
Обычно мы сохраняем фотографию как файл JPEG, но файлы JPEG не поддерживают прозрачность. Чтобы сохранить прозрачность в углах и избежать заливки их белым цветом, сохраните обрезанное изображение как файл PNG, который поддерживает прозрачность.
Чтобы сохранить его, перейдите в меню Файл и выберите Сохранить как :
Переход к файлу> Сохранить как.
В диалоговом окне «Сохранить как» установите для параметра Формат значение PNG .Назовите свой файл и выберите, где вы хотите его сохранить, затем нажмите Сохранить :
Убедитесь, что вы выбрали PNG в качестве формата файла, чтобы сохранить прозрачность.
Когда Photoshop просит вас установить параметры PNG, вы можете спокойно оставить их по умолчанию. Нажмите ОК, чтобы сохранить изображение:
Параметры PNG по умолчанию работают нормально.
И вот оно! Вот как легко обрезать изображение по кругу в фотошопе! На этом мы подошли к концу нашей серии статей об кадрировании изображений в Photoshop!
Если вы пропустили какой-либо из предыдущих уроков этой главы, ознакомьтесь с ними ниже:
Для получения дополнительных глав и наших последних руководств посетите наш раздел «Основы Photoshop»!
Подпишитесь на нашу рассылку новостей
Узнавайте первыми о добавлении новых обучающих программ!
.
Как кадрировать изображение округлой формы в Photoshop Elements? | Small Business
Хотя Photoshop Elements 12 позволяет обрезать изображения в виде прямоугольных форм, на панели инструментов, доступной в экспертном режиме, есть инструмент Elliptical Marquee, который поможет вам выбрать круглую область. Этот инструмент выделения позволяет вам очертить эллипс или круг над изображением. Удаление области за пределами круга отобразит содержимое вашего изображения в круглой форме для следующей задачи редактирования.
Elliptical Marquee Tool
Откройте изображение в рабочем пространстве редактора фотографий и щелкните вкладку «Эксперт» в заголовке, чтобы отобразить Панель инструментов на боковой панели. Нажмите кнопку «Elliptical Marquee Tool (M)» в группе «Выбрать», а затем щелкните изображение. Если на панели инструментов отображается значок прямоугольной области, щелкните этот значок, щелкните значок эллиптической области на нижней панели параметров инструмента, а затем щелкните изображение. Курсор принимает форму «+». Щелкните и перетащите курсор, чтобы сформировать круглый анимированный контур на изображении.Чтобы создать круг, удерживайте клавишу «Shift» и перетащите курсор до желаемого размера. Щелкните и перетащите эту обведенную фигуру, чтобы при необходимости изменить положение и рамку предпочтительного содержимого. Щелкните изображение правой кнопкой мыши, чтобы открыть меню, нажмите «Выбрать инверсию», а затем нажмите «Удалить», чтобы удалить внешнюю область. Оставшуюся круглую форму затем можно применить к вашему проекту.
.
Как сделать картинку круглой. Как можно легко сделать круглую фотографию в фотошопе
Доброго всем денечка! Как ваше настроение? Готовитесь ко вторым праздникам? Я да. Завтра мы едем в Ярославль вплоть до 9 мая, как я и говорил. Но вас без статьи я не оставлю. Недавно меня попросили сделать из обычной фотографии круглую, ну то есть чтобы портрет был в овальном обрамлении. Это несложно и конечно же я согласился помочь.
И вам я решил тоже рассказать, как сделать круглую фотографию в фотошопе, используя самые простые методы. Для какого-нибудь оформления данная штуковина всегда пригодится. Правильно я говорю? Ну и в силу сложившейся традиции я покажу вам несколько способов как это можно воплотить в жизнь.
Овальное выделение
Наверное вы уже догадались, что я задействую овальное выделение. Ну в принципе это логично, да и способ это наверное самый простой. Готовы? Тогда поехали!
Ну и конечно же, как я и обещал, мы рассмотрим еще один способ. Он очень простой и паники у вас вызывать не должен.
Эллипс
НЕ ЗАБУДЬТЕ! Чтобы запомнить изображение с сохранением прозрачности, вам необходимо его в формате PNG, иначе вы получите закругленную картинку с белым фоном.
Ну а если вы хотите полностью изучить фотошоп от А до Я и получить реальные знания по этому замечательному графическому редактору, то я настоятельно рекомендую вам изучить этот видеокурс
. Данные видеоуроки рассчитаны на любой уровень пользователя и слушается на одном дыхании. Посмотрите сами.
Ну а на сегодня я свой урок заканчиваю. Посмотрите другие статьи на моем блоге и вы обязательно найдете что-нибудь интересное для себя. Успехов вам! Пока-пока!
С уважением, Дмитрий Костин.
На первый взгляд, кажется, ну что тут такого? Превратить прямоугольную картинку в квадратную или круглую (овальную). Да, с квадратной картинкой нет проблем. Инструмент «кроп» или «рамка» нам всегда готов в этом помочь. Но что делать с круглой? Ведь в фотошопе нет такого инструмента. Помнится, во времена начала изучения программы Adobe Photoshop у меня вызвал ступор. Действительно, а как?
Дело в том, что дабы сделать круглую картинку в фотошопе, вам придется использовать не одну операцию, а несколько. Так сказать, обходные пути. Одним движением мышки тут не обойтись.
Я продемонстрирую парочку способов изготовления круглой картинки. Оба имеют небольшие недостатки. Вам придется выбрать тот, который напрягает вас меньше.
Приступим к первому. Создание круглой картинки с помощью выделения. Хочу заметить, кстати, что оба способа позволяют сделать картинку как круглой, так и овальной.
Открываем исходное изображение. Ищем инструмент «выделенная область». Нас интересует овальная. Если вы хотите получить круглое изображение, зажимайте клавишу shift, выделяя нужное поле. Если овальное, этого делать не потребуется.
Выделили. Теперь нам следует скопировать его на новый слой. Проще всего будет нажать комбинацию клавиш ctrl+c, а затем ctrl+v. Ваше изображение скопируется на новый слой автоматически. Ну либо можете зайти длинным путем. Предварительно создать новый слой. Затем кликнуть по выделенной области левой клавишей мыши и из образовавшегося списка выбрать: «скопировать на новый слой». Результат будет тем же.
Вот что мы видим в окне слоев.
Выделяем нижний слой и нажимаем del на клавиатуре.
Вот так выглядит слой.
В выпадающем списке ищем png и сохраняем.
Выше я упомянула о недостатке этого способа. Каков же он?
Сейчас мы выделили довольно большое поле. Нам не приходилось долго и муторно выверять движения. А теперь попробуйте выделить кругом, допустим, язычок котенка. И на этот раз нам придется не единожды проводить окружность, дабы язычок не выходил за ее рамки. Поэтому, я покажу еще один способ. Сделаем круглую картинку в фотошопе с помощью обтравочной маски.
Для этого нам сначала следует создать чистый документ соразмерный с той картинкой, которую вы хотите сделать круглой. После чего, перетащить туда эту картинку. То есть, в окне слове в у нас получится следующее:
Нам следует сделать изображение с котенком невидимым. Для этого мы тыкаем в пиктограмму с глазиком рядом со слоем. Кликаем. «Глазик» исчезает. Изображение с котенком становится невидимым.
Заметьте, на изображении у меня выделен нижний слой, фоновый. И это неспроста. Он должен быть выделен и у вас. Это необходимо, для того, чтобы соблюсти порядок слоев.
Теперь ищем инструмент «эллипс». Опять же, зажимаем shift и проводим окружность. Цвет ее нам не важен.
Переходим к окну слоев. Кликаем по слою с котенком левой клавишей мыши. И выбираем команду «создать обтравочную маску».
Вот, что мы увидим.
Вы можете перемещать мышкой изображение с котенком так, чтобы необходимая область отобразилась в круге.
Теперь вам следует выделить оба слоя, зажав клавишу ctrl. И опять вы, кликнув по ним левой клавишей мыши, вызываете команду «объединить слои».
Вот, что у нас получится.
Теперь снова удаляем нижний фоновый слой и сохраняем получившееся круглое изображение в формате png.
Да, дольше. Да, немножко мудренее. Но при помощи этого способа вы можете вписать четко ту область, которая вам нужна.
Инструкция
Вырезать часть изображения в Фотошопе
можно несколькими способами. Если вам надо просто картинку, запустите программу, откройте через пункт меню «Файл» нужное изображение. В левой части окна программы находится панель инструментов, выберите на ней инструмент «Обрезать». Подведите курсор к тому участку изображения, где будет располагаться один из углов обрезанного рисунка и нажмите левую кнопку мышки.
Не отпуская кнопки, переведите курсор на противоположный по диагонали угол, рамки будут показывать контур обрезаемой части изображения. Не опасайтесь задать неточные размеры, вы сможете их подкорректировать, перетащив мышкой маркеры на углах и сторонах выделенного участка. Затем выберите любой инструмент на панели. Появится запрос с тремя вариантами: «Кадрировать», «Отмена», «Не кадрировать». Чтобы обрезать рисунок
, выберите первый. Если хотите изменить границы обрезки, нажмите «Отмена». Нажатие третьей кнопки полностью отменяет операцию обрезки.
При необходимости быстро вырезать прямоугольный элемент, воспользуйтесь инструментом «Прямоугольное выделение». Выделите им нужный участок, затем скопируйте его: «Правка» — «Копировать». Теперь вы можете вставить скопированный элемент в это же или в другое изображение. Для точной вставки сначала выделите нужный участок тем же инструментом, потом нажмите: «Правка» — «Вставить».
Если требуется вырезать фрагмент изображения сложной формы, можно воспользоваться несколькими инструментами. Самый простой из них – «Быстрое выделение». Например, вам надо выделить круглый элемент. Выберите инструмент «Быстрое выделение», кликните мышкой у края круга. Затем, не отпуская кнопки, переведите курсор к противоположному краю выделяемого элемента. За курсором будет тянуться неровная область выделения. Отпустите кнопку. Теперь вы можете мышкой уточнить выделенную область, перетягивая контур в нужных направлениях.
Самые сложные объекты лучше вырезать с помощью инструмента «Перо». Выберите этот инструмент, в верхней части окна кликните вариант инструмента «Контуры». Теперь последовательными нажатиями мышки создайте контур вырезаемого элемента. Замкнув контур, кликните его правой кнопкой мышки и выберите в контекстном меню пункт «Образовать выделенную область». Теперь вы можете скопировать выделенный элемент и вставить в другое изображение.
Инструмент «Перо» имеет богатые возможности, с его помощью можно вырезать даже очень сложные элементы изображения – например, пушистого кота. При этом программа, следуя вашим командам, автоматически уточнит края изображения, выделив шерсть и усы животного. Подробно об использовании «Пера» лучше прочитать в специализированной литературе.
Какой прекрасный малыш!
Да, естественно, в программе Фотошоп имеется возможность вырезать круг заданного диаметра, впрочем, как и любую другую фигуру, из любого изображения, и без каких-либо проблем, особых знаний и затрат времени.
Для начала берём из палитры инструментов (которая слева) инструмент «Овальная область» (Eliptical Marque Tool) и создаём выделенную область.
Причём, если надо создать правильный круг, то, перед началом создания выделения следует зажать клавишу Shift, а, если надо, чтобы круг создавался из центра, то зажать одновременно клавиши Shift и Alt. Хотя, при задании размера выделения, этого не требуется.
Итак, выбрали инструмент «Овальная область», затем вверху рабочего окна Фотошопа выбираем стиль будущего выделения «Заданный размер» (Fixed Size), как показано на рисунке:
И вводим свою ширину и высоту круга в соответствующие поля, как видно в примере, я ввёл 250 и 250 пикселей.
Затем кликаем по документу, появляется выделение, и, с помощью курсора мыши, который примет форму крестика, располагаем выделение в нужном месте.
Всё.
Альтернативные способы, для тех, кто не ищет легких путей)))
Но, бывают случаи, когда невозможно заранее ввести размеры будущего круга или овала, поэтому, если необходимо получить фигуру определённого размера, нужно применить один из двух способов.
1. Перед созданием выделения открываем палитру Инфо, сделать это можно, пройдя по вкладке главного меню Окно—> Инфо (Window—>Info) или просто нажав клавишу F8. Во время создания круга в палитре показываются размеры круга, ширина и высота. Для получения необходимого размера необходимо точно перемещать мышку, чтобы упростить эту процедуру, перед созданием круга нужно максимально увеличить масштаб документа, чтобы в рамке отображался лишь нужный участок.
2. Если всё-таки мышкой не удалось получить заданный размер выделения, то можно применить масштабирование самого выделения после его создания.
Например, нам необходим круг шириной и высотой (нормальным языком говоря, диаметром) 250 пикс., а мышкой получается то больше, то меньше, к примеру, на выходе получили выделение шириной и высотой 248 пикс., и всё тут. Напоминаю, размер смотрим в палитре Инфо.
В этом случае подгоняем размер выделения с помощью масштабирования. Проходим по вкладке главного меню Выделение—>Трансформировать выделенную область (Select—>Transform Selection). Видим, что вокруг выделения возникла габаритная рамка, а вверху основного окна Фотошопа изменились значения. Интерфейс данного инструмента идентичен инструменту «Свободное масштабирование». Теперь надо ввести нужные параметры в окошки В и Ш (высота и ширина, в англ. W и H). Небольшая проблемка — нам нужны пиксели, а там проценты. Надо пересчитать. Размер нашего выделения в примере 248 пикс., соответственно один процент будет равен 2,48. Из желаемого размера (250 пикс) вычитаем 248 пикс, получаем 2 пикс. Делим эти 2 пикс на величину процента 2,48 и получаем 2 / 2,48 = 0,806 , которое округляем до 0,81. Следовательно, нам надо ввести значение 100,81%.
Да, предварительно кликаем по кнопке, указанной на рисунке, затем вводим в соответствующее окно вместо 100% своё значение 100,81% и проверяем результат в палитре Инфо. У меня всё как надо, размер получился 250 пикс.
2 голоса
Доброго времени суток, уважаемые читатели. Все больше разочаровывает меня интернет. Постигаю фотошоп и периодически сталкиваюсь с разного рода задачами. Хочется работать на уровне специалиста, но статьи, которые удается найти, в основном написаны либо школьниками, либо для школьников, чтобы сделать на… кое-как.
Мне нужно вырезать объект по краю, а результат после этих публикаций кошмарен. Как будто столетними скрипящими ножницами работал. Ужас, который никуда не вставишь. Хочешь круглую фотку, а тебе мануал на 500 страниц предлагают, когда все намного проще.
Жуть как надоели одинаковые и бесполезные публикации далекие от реальной жизни начинающих дизайнеров и разработчиков. Придется брать священную просветительскую миссию на себя.
Откровенно говоря, я уже и сам создавал длинные публикации на многие из этих тем, но время идет. Все меняется и навыки совершенствуются. Эта статья не такая уж большая, зато здесь собраны советы, которые помогут в реальной жизни.
Сегодня поговорим об одной из самых важных и частых задач: как в фотошопе вырезать картинку профессионально, ровно и быстро. Будем рассматривать разные случаи. Где-то я покажу как поковыряться, чтобы результат получился крутым. В каком-то моменте наоборот, опишу ускоренный процесс выполнения задачи.
Картинка по размеру в два клика
Я, конечно, и сам грешен. Недавно писал и статья получилась не маленькая, но всеобъемлющая. Сейчас буду описывать как все делать быстро, без лишних телодвижений.
Итак, открываем фотошоп, а затем и фото, с которым будете работать.
Чтобы понадобится инструмент «Рамка».
Можно дергать за края, чтобы определиться с размером или отрезать что-то лишнее.
Но, как правило, основная задача дизайнера – работа с конкретными размерами. Нужно либо обрезать фото до определенного размера со всех краев, либо подходящую картинку по ширине или высоте. Для всего этого есть соответствующая кнопка.
Если интересует соотношение – выбираем верхнюю кнопку и вставляем свои значения.
Если один из показателей, то выбираем Ш х В х Разрешение.
Вставляем свои значения.
Все будет ровно, красиво и в хорошем разрешении. Кстати, над обрезанием я рекомендую , особенно если фоток много, а установленная на вашем компьютере притормаживает. Это обычная история для толстопуза Фотошопа, со своими супер-возможностями. Облегченный онлайн сервис работает намного быстрее.
Делаем изображение круглым за две минуты
Есть много способов вырезать фотку по кругу. Сейчас я расскажу о самом простом. Буквально 2-3 минуты и все готово.
Открываем рисунок.
И выбираем инструмент «Овальная область». Если не можете найти, удерживайте левую клавишу мыши на той или иной кнопке панели слева. Возможно, овал «прячется» под прямоугольником.
Чтобы нарисовать ровный круг двигайте мышью и одновременно удерживайте Shift и пропорции сохранятся.
Естественно, что внутри круга должна оставаться только нужная нам область картинки. Перемещайте ее при помощи стрелки и мыши. Больше ничего зажимать не нужно.
Теперь нажмите одновременно Ctrl + C, чтобы скопировать область внутри круга, а затем Ctrl + V, чтобы вставить ее в данную картинку. Затем снимите «глаз» с фона.
Получится вот такой вариант. Без фона, впоследствии он будет прозрачным.
Чтобы прозрачность осталась, а не изменилась на белый цвет, вам необходимо выбрать формат PNG (). Привычный всем JPG не понимает что такое прозрачность.
Можете не сохранять и сразу вставить в другую фотку. Ctrl + V.
Чтобы уменьшить круглую картинку с девушкой, нужно нажать CTRL и T одновременно, а затем двигать за точки по периметру квадрата. Удерживайте Shift для сохранения пропорций.
Этот способ намного быстрее и проще других.
Нормальная профессиональная вырезка объекта
С кругами время сэкономили и нам есть куда его потратить. Вырезать объекты по контуру так, чтобы это выглядело отлично – не столько сложный, сколько долгий процесс. Придется постараться и поковыряться.
Открываем фото.
И первым делом создаем дубликат слоя. Это необходимо, чтобы потом избавиться от фона.
Инструментов для выделения объектов – целая куча. Та функция, о которой я буду рассказывать дальше, подходит и для любого другого варианта. На этой фотке белый фон, а потому я могу выбрать свое любимое «Быстрое выделение».
Если хотите узнать больше информации для новичков о инструментах для вырезания, прочитайте статью на эту тему, она уже есть в моем блоге. Затем возвращайтесь, чтобы усовершенствовать свои навыки и знания.
Если не терпится начать с секретов мастерства, возьмите картинку с однотонным фоном.
Проведите по фону и по краю поползут муравьи.
Теперь давайте перейдем во вкладку «Уточнить край».
Обратите внимание на «вид». Он пригодится вам не раз. Тут много всяких вариантов отображения тех изменений, которые вы будете применять для фотографии. Перемещайтесь от одного к другому, чтобы добиться идеального эффекта и точно рассмотреть как оно будет выглядеть. Каждому понравится свой вариант отображения.
Сразу же ставим галочку на «Умный радиус». Показатели придется менять по своему усмотрению, на глаз. Поверьте, со временем будет получаться намного лучше и быстрее.
Настройка краев. Используйте, пробуйте, экспериментируйте.
Теперь нажимаем «Ок». Как выяснится чуть позже, эти значения следовало бы запомнить, но к этому мы еще вернемся.
Не знаю как вам, а меня эта шашка не очень устраивает. Не видно как все изменилось. Кликните разочек на фон, чтобы этот слой подсветился, а затем создайте новый слой. Это можно сделать через меню сверху «Слой» — «Новый» или нажав на советующую кнопку слева. Ее я отметил стрелкой.
Итак, теперь кликаем по только что созданному слою и применяем к нему заливку.
В идеале, конечно же, ставить сразу тот фон, на котором будет картинка впоследствии. Но, я попробую работать на контрасте. Сразу видно, что вариант не лучший, но, почему бы и нет? Мы же учимся.
Итак, теперь снова переходим в слой копии.
И снова переходим в уточнение краев.
Правый край мне нравится больше. Какой вывод можно сделать? Нужно было запоминать значения, которые мы применяли слева, чтобы обе части выглядели одинаково. Я об этом уже сказал. Я не зря оставил статью как есть и не менял ни слова, хотя мог удалить информацию об этой ошибке.
Посмотрите, как люди набираются опыта, ошибаются и выводят свои правила. Нет ничего страшного в том, чтобы сделать что-то не так. В этом и рождается профессионализм.
Есть много инструментов, которые мы можем применить и сейчас, специалисты так и делают. Они не оставляют картинку просто так. Для начала давайте используем размытие. Чтобы сделать сглаженные края.
Вот так у меня получилось.
Мне не очень нравится. Лучший вариант – изменить фон на втором слое. Согласитесь, так уже не плохо.
Можете скачать мой макет, открыть его в фотошопе и сделать намного лучше. Присылайте свои результаты в комментарии к этой записи.
Если вы думаете, что фотошоп – это сложно, то вы очень сильно ошибаетесь. Это всего лишь набор инструментов, а профессионализм вырабатывается только благодаря опыту, созданию картинок одной за другой.
Представьте, у вас есть гараж и там полным-полно всего: молотки, топоры, станки. Можно ходить вокруг них и думать для чего они предназначены, можно спросить у профессионалов совета, но в любом случае мастером вы от этого не станете.
Если вы хотите поскорее разобраться во всех инструментах фотошопа, я могу порекомендовать вам курс для начинающих от Зинаиды Лукьяновой
. Вы быстренько узнаете все методы, способы, инструменты. Поймете, что и зачем нужно, для чего применяется. Останется лишь дело за малым – практиковаться, пробовать и применять в том или ином случае. Так и становятся мастерами.
Если же вы собираетесь становиться профессионалом и мечтаете о деньгах, которые можно получить от создания сайтов, то придется изучить еще и основы в школе веб-дизайна
. В течение трех дней вам предоставляется бесплатный доступ ко всем урокам. Откровенно говоря, этого вполне достаточно, чтобы многое понять.
Ну а для тех, кто хочет получать большие деньги и хочет пробиться очень высоко, придется вложиться посерьезнее. Это курс от гуру, невероятно крутых специалистов из таких компаний как Лаборатория Касперского. К сожалению, навряд ли другие названия вам дадут какое-то представление и вызовут ассоциации. Скорее всего вы о них даже не слышали.
Но поверьте, как только вы начнете крутиться в этой сфере и продвигаться к намеченной цели, вы убедитесь, что пропустили очень многое. «Веб-дизайнер: эффективный сайт от идеи до реализации»
тут можно реально научиться профессии веб-дизайнера. Стоит курс не мало, но по окончанию его вам выдается диплом, благодаря которому можно сразу выбиться в ТОП и получать невероятные суммы!
Как сделать квадратную фотографию в фотошопе. Как сделать фото квадратным в фотошопе
Доброго времени суток, уважаемые читатели. Сегодня я расскажу как в фотошопе обрезать фото. Мы рассмотрим не только обычные функции, но и затронем очень интересные приемы, которые обязательно понадобятся вам в работе. Итак, давайте без лишних рассуждений сразу же приступим.
Простой способ. Как действовать, когда нужно удалить какие-то элементы
Если вы делаете его меньше, то поля, которые будут обрезаны, становятся не такими яркими, как выделенная для обрезания область.
Если вы делаете фотографию больше, то появляются дополнительные поля. Иногда они отображаются шашкой (), а иногда заполняются цветом, как в моем случае. В конечном итоге они все равно будут прозрачные. Можете залить своим цветом, если это необходимо.
Нажимаем Enter с клавиатуры и готово. Картинка обрезана.
Ровный квадрат из любой фотографии за считанные секунды
Нет ничего проще, чем сделать из прямоугольной фотографии квадратную. Снова выбираем рамку.
Зажимаем Shift на клавиатуре и одновременно выводим на рисунке фигуру при помощи мыши. Естественно, зажимаем для этого ее левую кнопку. По сути, действуем как обычно, только зажимаем при этом Shift.
Отпускаем кнопку мыши и получаем вот такой результат. Если надо увеличить или уменьшить квадрат, тяните за эти выделенные штуки, не забывая удерживать Shift. Также можно подвигать саму фотку, дергая за неяркие края, чтобы настроить область, которую собираетесь обрезать.
Готово. Жмем Enter.
Делаем фотографию круглой за 5 минут
Вы также можете вырезать фотографию по кругу, используя shift. Как именно? Первым делом нужно сделать дубликат слоя. Опцию находим в меню слои.
Теперь выбираем эллипс.
Если никак не можете отыскать его, то возможно у вас просто стоит другой инструмент и скрывает его. Нажимайте пару секунд на каждую кнопку и отпускайте. Вылезет дополнительное меню.
Лучше всего сразу убрать заливку, чтобы вы видели, что вырезаете. Но контур оставьте обязательно.
Начните рисовать эллипс и зажмите shift, тогда он превратится в ровную фигуру. Убрать выделение можно после того как вы нарисовали.
Выбираем перемещение.
Двигаем окружность так, чтобы в центре оказалась нужная нам область. Ее то мы и будем вырезать из общей картины.
Зажмите Ctrl и кликните по центру миниатюры слоя, как показано на моем скриншоте. В любом другом месте чудо не работает.
Выбираем выделение – инверсия.
Del на клавиатуре. Видите, фон сменился шашечкой? Это значит, что часть картинки стала прозрачной.
Уберите иконки «глаза» с двух других слоев, оставив видимым только нужный, с прозрачностью.
Вот такой вот результат у вас должен получиться.
Чтобы снять выделение одновременно зажмите Ctrl и D.
При помощи рамки можно отрезать лишнее.
Это вы уже умеете. Не пугайтесь черного цвета, если он у вас появится. Ситуация изменится, как только вы кликните по Enter.
Если вы собираетесь использовать фотографию на своем сайте или где-то еще, чтобы оставить прозрачный фон нужно выбирать именно PNG. В любом другом случае (jpeg и т.д.) прозрачный цвет заменится на белый.
Если вы используете png, то картинку можно наложить на любой фон.
Сохраните в jpeg и результат вас скорее всего не порадует.
Кстати, если вам понравился этот урок, можете узнать как вырезать другими способами различные фигуры . Она уже есть в блоге.
Обрезаем по размерам. Соотношение и правильный подход к работе с сайтами
Для начала давайте разберемся с соотношениями. Допустим, вам нужно сделать из картинки фото для сайта. Некоторые фотографии будут 2 х 4 см, другие 20 на 40. Можно обойтись и без фотошопа, движок и сам умеет подгонять картинки под определенный размер, достаточно только загрузить в базу данных большое изображение. Так нужно делать, ведь в противном случае в базе данных будет храниться 12 000 одинаковых изображений разного размера. Это отрицательно скажется на отношение со стороны поисковых систем к порталу.
Обо всем этом я уже писал, так что, если это ваш случай – обратите внимание на эту статью в моем блоге.
Итак, открываем фото и выбираем рамку. Выбираем, например, 4 х 5. Можно поставить 3х4 – не важно. Все зависит от вашего желания и дизайна.
Теперь, определяем нужную область, которую будем вырезать по размерам. Видите, в см это значительно больше.
Нажали на enter – вырезали. Готово.
Вырезать картинку по размерам. Например, для паспорта
Теперь можно разбираться с см. Выбираем «Ширину х высоту х пиксели».
Не обращая внимание на показатели сантиметров можете уменьшать ее или увеличивать, по нужному вам размеру программа потом сама все обрежет. Когда закончите, кликните по Enter.
Готово. Фотография уменьшилась.
Пиксели
Когда речь касается или сайтов, то тут наиболее значимы пиксели. Особенно это актуально для дизайна главных страниц и так далее. Выберите из списка любой из предложенных вариантов.
Замените показатели необходимыми значениями.
Естественно, рамку можно вертеть как угодно.
После нажатия на Enter все встанет на свои места.
Если вам нравится работать в фотошопе, но вы еще не владеете всей информацией, я рекомендую вам курсы Зинаиды Лукьяновой, здесь очень много полезного — Photoshop-master.org/education.php
, довольно быстро вы можете научиться всему, что необходимо для качественной работы в этой программе. Это даст вам серьезные преимущества, больше не придется тратить время на поиск статей, связанных с этой программой.
Даже если у вас, как и у меня стоит Photoshop CC, то вам все равно подойдет видео «От А до Я
» для версии CS 5. Различия в базовых структурах невелика.
Можно также найти бесплатные уроки на том же YouTube или торрентах, но в этом случае у вас не будет четкой картины и знания программы. Вы будете выхватывать информация то об одном, то о другом.
Решать вам. На этом я с вами прощаюсь, если вам была полезна эта статья – подписывайтесь на мой блог и узнаете больше полезной информации, которая обязательно вам пригодится. До новых встреч и удачи в ваших начинаниях.
Сейчас в каждого из нас есть фототехника. В одного профессиональные фотоаппараты, в другого телефоны с очень не плохой камерой. Еще больше и больше людей делают селфи на переднюю камеру своего смартфона. Так что, сделать в наше время хорошее фото уже не проблема. В каждого аппарата свое разрешение для изображений и все фотографии прямоугольные. Но как сделать фото квадратным? В этом небольшой уроке расскажу три способа, как из прямоугольной фотографии сделать квадратную в графическому редакторе Adobe Photoshop.
С обрезанием краев
Давайте попробуем сделать фото квадратным, обрезав лишние края.
1. Запускаем фотошоп. Загружаем картинку в программу, далее переходим в инструмент «Рамка».
2. Зажимаем клавишу Shift, кликаем за угловой край изображения, а лучше аж за ним и, удерживая шифт и левую клавишу мыши, ведем квадратный фрейм до одного с краев изображения. Отпускаем клавишу мыши и шифт.
3. Теперь стрелочками на клавиатуре двигаем в нужное направление для обреза и нажимаем Enter.
При сохранении в «JPEG» выберите качество 12 (наилучшее) и нажимаем «ОК».
Вот и все. Мы обрезали и сделали картинку квадратной.
Без обрезания краев
Сейчас мы попробуем сделать фотографию квадратной без обрезания краев. Края у нас получатся белыми, а фото останется без искажения и не обрезанное. Ну что, поехали.
1. Кликаем на фотку правой кнопкой мыши, переходим в свойства.
2. После в диалоговом окне переходим в «Подробно» и смотрим размер картинки. В моем случае одна из сторон больше, 640 пикселей, а точек 72. Тогда и будем создавать квадрат в фотошопе 640х640 пикселей, а не 425 на 425. Также будем ставить разрешение 72 пикс. Запишите эти данные.
3. Создаем пустой белый квадрат. Открываем фотошоп, заходим в «Файл» > «Создать».
4. В диалогов окне, что выскочило, заполняем данные. В моем случае ширина и высота будут 640 пикселей. Разрешение 72. А вы смотрите по свойствам вашего изображения. Нажимаем «Ок».
5. Мы создали белый квадрат.
6. Теперь берем и просто перетягиваем ваше изображение в фотошоп, в этот квадрат.
7. После нажимаем Enter.
Ну вот и все. Мы сделали фотографию квадратной без обрезания и искажения. Теперь осталось ее сохранить. Как это сделать, описывал выше.
Метод растягивания
Я расскажу и этот метод, но я думаю, что он не правильный, ведь изображение искажается и теряет свой оригинальный вид. Возможно, что в каких-то целях вам будет полезен и этот пункт урока.
1. Загружаем фотку. Переходим в «Изображение» > «Размер изображения».
2. В диалоговом окне сразу обязательно убираем галочку с «Сохранить пропорции». Ставим в «ширине» и «высоте» одинаковые цифры. В нашем случае, если поставим 425х425 – оно сузится по ширине, а если поставим 640х640 – изображение растянется по высоте. После ввода данных, нажимаем «Ок».
3. Я поставил 425х425 и фото сузилось по ширине. Сохраняем. Результат ниже.
Снимки бывают различного формата, и привычные нам альбомные 9×15 — это самый популярный размер. Однако, с развитием мобильной фотографии и Instagram популярность приобрели квадратные снимки. Что особенно интересно — композиция в них строится гораздо проще, чем в прямоугольных, поэтому каждый может снимать шедевры и это очень легко. Большинство классических правил композиции совершенно не подходит для квадрата. Если вы хотите не просто делать снимки в соцсети, а создавать настоящие произведения искусства, попутно получая новые знания и воспроизводя свои идеи так, что они понравятся и вам и другим, то лучше всего обратить внимание на композицию.
Мы подобрали 10 идей и подсказок для того, чтобы научиться выстраивать композицию на квадратных снимках.
Разместите объект в центре
Тем не менее, если применить именно этот прием в квадратном снимке, результат вас совершенно не разочарует.
Главное, что необходимо учесть — объект должен быть действительно центральным, он должен нести смысловую нагрузку и принимать на себя внимание зрителя. Именно так вы сможете получить серьезный кадр.
На фото выше персонаж расположен прямо по центру композиции, а дополняет изображение окружение, которое подводит к нему внимание зрителя. Фон остается нейтральным, на светлом же фоне персонаж остается темным пятном.
Заполнение всего кадра
Важная часть любой фотографии, даже любого замысла для фотографии — это то, как она будет рассматриваться в будущем. Либо вы планируете ее распечатать, либо вы предпочитаете запостить ее в аккаунт Instagram.
Если фото будет распечатано, вы вполне можете позволить себе заполнить все пространство кадра предметом или персонажем.
Кроме того, из-за зрительно совсем небольшого формата мобильных фотографий, частенько оказывается не так просто поместить персонажа в контекст — чаще всего, он попросту теряется, а фото теряет идею.
На фото выше нет персонажа, центром композиции является непосредственно перспектива, тем не менее кадр полностью заполнен — использовано все пространство.
Используйте преимущества симметрии по максимуму
Один из плюсов квадратного формата — это симметричный кадр. В обычном формате прямоугольника мы не можем поместить линию горизонта пейзажа по центру, поэтому с квадратным кадром вполне можно поэкспериментировать. Это, конечно, нарушает знаменитое правило третей, но кадру совершенно не вредит.
На фото выше, к примеру, одинаковое пространство занято небом и элементами внизу. При этом, композиция кажется гармоничной и предметы не “падают” вниз кадра, как было бы с прямоугольной фотографией. Точно так же можно поступить и если на фото имеется центральный объект: разместить линию горизонта за ним можно посередине.
Правило третей
Мы уже упомянули правило третей выше. Как известно, это — самое распространенное и самое основное правило, которое существует в классической композиции. Для обычного формата оно работает идеально, но с квадратными снимками ситуация обстоит иначе.
Работает правило третей в тех случаях, когда центральный объект на снимке большого размера.
Если объект небольшой, более эффектно будет выглядеть его размещение у края кадра. Таким образом можно подчеркнуть окружение и создать контекст, в котором будет находиться персонаж или предмет.
На этом фото персонаж находится слева, если разделить изображение на 9 квадратов, он останется в самом крайнем столбце. Тем не менее, кадр выглядит цельным и у персонажа достаточно пространства для того, чтобы композиция не казалась сжатой.
Работайте с каждым квадратом отдельно
В некоторых случаях, если фото имеет квадратный формат, мы можем позволить себе несколько свободный подход к использованию правила третей. В таком случае, мы можем рассматривать каждый из девяти квадратов как полноценный кадр и перенести смысловую нагрузку на один из них.
Визуально можно поделить изображение на квадраты и, чтобы было проще, пронумеровать их:
Если объект очень маленький, его можно размещать по центру любого из внешних квадратов, но нежелательно использовать средний — квадрат 5. 5 квадрат наиболее всего подходит для крупных объектов, которые способны сильно фокусировать на себе внимание.
Когда вы помещаете объект в тот или иной крайний квадрат, необходимо проследить за тем, чтобы у объекта оставалось пространство. То есть выстройте композицию именно внутри маленького квадрата.
Если вы снимаете длинный предмет или персонажа на таком расстоянии, что он займет несколько квадратов, получается, что вы их совмещаете, образуя специальные зоны. Соответственно, в каждой зоне должна получиться композиционно цельная картинка.
На верхнем фото персонаж находится в 8 квадрате, но за счет цвета, он притягивает к себе внимание, оставаясь самым темным пятном на фоне довольно светлого фона. Кроме того, композиционно 8 квадрат представляет собой отдельный цельный кадр, построенный по принципу первого пункта — с персонажем в самом центре.
Используйте диагонали
Один из приемов, который актуален как для обычных, так и для квадратных фотографий — это построение композиции по диагонали. Иными словами, центральные предметы или персонажи фотографии должны быть размещены относительно друг друга по диагонали. Таким образом вам удастся сбалансировать картинку по горизонтали и по вертикали. Кроме того, это создаст динамику и взаимодействие между персонажами и предметами, изображенными на фото.
На фото выше сюжет создается именно за счет контраста между размерами персонажей.
Подводите взгляд зрителя к персонажу (объекту) фото
Для того, чтобы внимание зрителя было приковано к объекту и следовало за ним, его местоположение нужно подчеркнуть. Это можно сделать, правильно выстроив линии на фотографии. Это не так сложно сделать в обычном формате, но вот на квадратном кадре это значительно сложнее, особенно если вы делаете снимок для мобильного приложения. В таком случае основная проблема — это недостаток места.
Из-за того, что зритель смотрит сначала на передний план, а после уже — на дальний и на фон, подведя линии к персонажу можно добиться того, что взгляд плавно проследует от начала изображения, то есть от переднего плана, далее — к объекту.
На примере можно проследить за линиями от края фотографии и добраться до персонажа, за какой бы из визуальных линий вы ни следовали, все они ведут именно к нему. Благодаря этому создается ощущение цельности и осмысленности кадра.
Используйте пустое пространство
Иногда мудрость в простоте (не той, что хуже воровства). Это правило вполне применимо к фотографии, поскольку труднее всего сделать удачный снимок со множеством предметов на нем. Еще более это актуально, когда речь идет о небольшом кадре на экране смартфона. У нас меньше места для того, чтобы разместить всех персонажей.
Именно поэтому всегда положительно срабатывает прием с использованием пустого (негативного) пространства. Таким образом становится значительно проще создать концепцию кадра и проработать подходящую для изображения композицию.
А это уже можно сделать, применив остальные советы, перечисленные выше.
На фото выше большую часть кадра занимает небо, то есть негативное пространство, что позволяет сфокусироваться на персонаже, и даже создает определенное настроение.
Снимайте в обычном формате, затем кадрируйте фото
Даже когда мы говорим о мобильной фотографии, как она есть, мы имеем возможность снимать фото в стандартном формате. Именно так работает большинство нативных приложений камеры. Конечно, в них есть опция квадратной съемки, но если вы используете ее, вы лишаете себя возможности использовать все доступные пиксели и в последствии удобно кадрировать снимок.
Именно поэтому удобнее всего снимать в пейзажном или портретном режиме, но учитывать при этом, что позже вы планируете перевести фото в квадратный формат.
Иногда фото не идет кадрирование, но сейчас Instagram позволяет постить в ленту и их, так что вы в любом случае ничего не потеряете.
Например, данное фото не требовало кадрирования, поэтому осталось именно в пейзажном формате. Оно сработало бы и в квадратном, однако композиция получила бы иной смысл.
Не следуйте правилам
Всегда стоит помнить о том, что в композиции нет строгих правил, которые обязательны к выполнению. Иногда самые шедевральные снимки противоречат привычной логике. Потому, конечно подсказки и советы частенько оказываются полезны, но доверять в конечном счете нужно именно собственному авторскому восприятию.
Если кадр совершенно не следует композиции, но эстетически и визуально приятен, или настраивает на приятную атмосферу — не думайте дважды, публикуйте его! Может оказаться, что именно он привлечет больше внимания чем технически правильная фотография.
Например, фото выше совершенно не следует правилам, тем не менее, в нем есть настроение и атмосфера, а этого вполне достаточно.
Существует мнение, что среди бюджетных смартфонов не так просто найти подходящую модель для качественной мобильной фотографии. Однако, Huawei P10 — это именно тот смартфон, на который стоит обратить внимание всем любителям снимать. Главное, что о нем нужно знать — Huawei P10 оснащен двумя камерами от всемирно известного производителя фототехники Leica. Основная камера имеет разрешение матрицы 20Мп, вторая — черно-белая — 12Мп. Кроме того, фотографов определенно порадует продвинутое приложение камеры с профессиональным режимом, где вы сможете настроить экспозицию, баланс белого и многое другое. Смартфон позволяет работать с диафрагмой и получать великолепные кадры даже в условиях низкого освещения.
А высококачественный дисплей позволяет просматривать и редактировать ваши фотографии с точностью и комфортом.
В остальном, мы можем только пожелать вам побольше вдохновения и положительных отзывах о ваших фотографиях!
Доброго всем денечка! Как ваше настроение? Готовитесь ко вторым праздникам? Я да. Завтра мы едем в Ярославль вплоть до 9 мая, как я и говорил. Но вас без статьи я не оставлю. Недавно меня попросили сделать из обычной фотографии круглую, ну то есть чтобы портрет был в овальном обрамлении. Это несложно и конечно же я согласился помочь.
И вам я решил тоже рассказать, как сделать круглую фотографию в фотошопе, используя самые простые методы. Для какого-нибудь оформления данная штуковина всегда пригодится. Правильно я говорю? Ну и в силу сложившейся традиции я покажу вам несколько способов как это можно воплотить в жизнь.
Овальное выделение
Наверное вы уже догадались, что я задействую овальное выделение. Ну в принципе это логично, да и способ это наверное самый простой. Готовы? Тогда поехали!
Ну и конечно же, как я и обещал, мы рассмотрим еще один способ. Он очень простой и паники у вас вызывать не должен.
Эллипс
НЕ ЗАБУДЬТЕ! Чтобы запомнить изображение с сохранением прозрачности, вам необходимо его в формате PNG, иначе вы получите закругленную картинку с белым фоном.
Ну а если вы хотите полностью изучить фотошоп от А до Я и получить реальные знания по этому замечательному графическому редактору, то я настоятельно рекомендую вам изучить этот видеокурс
. Данные видеоуроки рассчитаны на любой уровень пользователя и слушается на одном дыхании. Посмотрите сами.
Ну а на сегодня я свой урок заканчиваю. Посмотрите другие статьи на моем блоге и вы обязательно найдете что-нибудь интересное для себя. Успехов вам! Пока-пока!
С уважением, Дмитрий Костин.
Как в фотошопе сделать круглую аватарку
Как создать круглый аватар в графическом редакторе Adobe Photoshop самому
Как создать круглый аватар в графическом редакторе Adobe Photoshop самому,тема для начинающих и любителей этого многофункционального графического редактора. Скажу откровенно,эта статья появилась на моём сайте потому что, мне самому понадобилось круглое изображение для одного из веб сайтов.Прокрутив с десяток роликов на youtube.com, я не нашёл удовлетворяющий моим требованиям метод. Требовалось всего ничего,быстро и качественно создать круглый аватар или картинку различных размеров, без потери качества изображения.Сделать аватар он лайн, вопрос не стоял, потому как я стараюсь делать всё сам. В том числе и поисковую оптимизацию изображений своих сайтов.
Как создать круглый аватар или картинку в adobe photoshop
Сделав запрос в поисковую систему Яндекс, я всё-таки нашёл то, что мне требовалось. И понимая, что может кому-то из начинающих сайто-строителей будет полезен этот опыт, прошу у вас пять минут внимания. Если вы используете для создания изображений на своём сайте графический редактор фотошоп.То создать круглый,или овальный аватар данным способом не составит для вас особого труда.
Открываем Photoshop и идём по пути:ФАЙЛ-ОТКРЫТЬ и открываем нужную для преобразования картинку. Если размеры изображения и его вес довольно велики,то воспользуйтесь подсказкой в моей статье- как уменьшить размер картинки без потери её качества.
Затем приступаем к созданию круглой,или овальной рамки,для чего открываем инструмент —ОВАЛЬНАЯ ОБЛАСТЬ.
И выделив нужную область изображения круглой рамкой нажать CTRL+C,то есть сохранить действие. Далее идём по пути:ФАЙЛ-СОЗДАТЬ.
Тут при открывании этой опции сразу автоматом выставляется размер будущей картинки,нам необходимо только выставить —Содержимое Фона на ПРОЗРАЧНЫЙ и подтвердить действия нажатием кнопки ОК.
После этого в образованную область вставляем наше изображение нажатием CTRL+V (как на скриншоте).
Самым важным моментом, в получении картинки необходимых свойств, является выбор расширения.Идём -ФАЙЛ-СОХРАНИТЬ ДЛЯ WEB УСТРОЙСТВА в формате PNG. Таким образом мы с вами за короткое время сами создали круглый аватар в графическом редакторе фотошоп. Если вам понравилась статья то подпишитесь на обновление блога,я постараюсь чтобы вам было всегда интересно.
{lang: ‘ru’}
ПОХОЖИЕ ЗАПИСИ :
Как отредактировать изображения для сайта
Создать фон для сайта за пять минут
Как увеличить картинку
Как улучшить резкость изображения при его значительном уменьшении
Как уменьшить размер картинки без потери качества
Как сделать картинку круглой
На первый взгляд, кажется, ну что тут такого? Превратить прямоугольную картинку в квадратную или круглую (овальную). Да, с квадратной картинкой нет проблем. Инструмент «кроп» или «рамка» нам всегда готов в этом помочь. Но что делать с круглой? Ведь в фотошопе нет такого инструмента. Помнится, во времена начала изучения программы Adobe Photoshop у меня вызвал ступор. Действительно, а как?
Дело в том, что дабы сделать круглую картинку в фотошопе, вам придется использовать не одну операцию, а несколько. Так сказать, обходные пути. Одним движением мышки тут не обойтись.
Я продемонстрирую парочку способов изготовления круглой картинки. Оба имеют небольшие недостатки. Вам придется выбрать тот, который напрягает вас меньше.
Приступим к первому. Создание круглой картинки с помощью выделения. Хочу заметить, кстати, что оба способа позволяют сделать картинку как круглой, так и овальной.
Открываем исходное изображение. Ищем инструмент «выделенная область». Нас интересует овальная. Если вы хотите получить круглое изображение, зажимайте клавишу shift, выделяя нужное поле. Если овальное, этого делать не потребуется.
Выделили. Теперь нам следует скопировать его на новый слой. Проще всего будет нажать комбинацию клавиш ctrl+c, а затем ctrl+v. Ваше изображение скопируется на новый слой автоматически. Ну либо можете зайти длинным путем. Предварительно создать новый слой. Затем кликнуть по выделенной области левой клавишей мыши и из образовавшегося списка выбрать: «скопировать на новый слой». Результат будет тем же.
Вот что мы видим в окне слоев.
Выделяем нижний слой и нажимаем del на клавиатуре.
Вот так выглядит слой.
Теперь нам остается только сохранить его в формате png. Это важно! Именно этот формат не оставляет фонового поля.
В выпадающем списке ищем png и сохраняем.
Выше я упомянула о недостатке этого способа. Каков же он?
Сейчас мы выделили довольно большое поле. Нам не приходилось долго и муторно выверять движения. А теперь попробуйте выделить кругом, допустим, язычок котенка. И на этот раз нам придется не единожды проводить окружность, дабы язычок не выходил за ее рамки. Поэтому, я покажу еще один способ. Сделаем круглую картинку в фотошопе с помощью обтравочной маски.
Для этого нам сначала следует создать чистый документ соразмерный с той картинкой, которую вы хотите сделать круглой. После чего, перетащить туда эту картинку. То есть, в окне слове в у нас получится следующее:
Нам следует сделать изображение с котенком невидимым. Для этого мы тыкаем в пиктограмму с глазиком рядом со слоем. Кликаем. «Глазик» исчезает. Изображение с котенком становится невидимым.
Заметьте, на изображении у меня выделен нижний слой, фоновый. И это неспроста. Он должен быть выделен и у вас. Это необходимо, для того, чтобы соблюсти порядок слоев.
Теперь ищем инструмент «эллипс». Опять же, зажимаем shift и проводим окружность. Цвет ее нам не важен.
Переходим к окну слоев. Кликаем по слою с котенком левой клавишей мыши. И выбираем команду «создать обтравочную маску».
Вот, что мы увидим.
Вы можете перемещать мышкой изображение с котенком так, чтобы необходимая область отобразилась в круге.
Теперь вам следует выделить оба слоя, зажав клавишу ctrl. И опять вы, кликнув по ним левой клавишей мыши, вызываете команду «объединить слои».
Вот, что у нас получится.
Теперь снова удаляем нижний фоновый слой и сохраняем получившееся круглое изображение в формате png.
Да, дольше. Да, немножко мудренее. Но при помощи этого способа вы можете вписать четко ту область, которая вам нужна.
Скруглитель фото онлайн (online) — обработка изображений
Скруглитель фото онлайн — это сервис позволяющий придать обычному изображению округлую форму. В настоящий момент скруглитель фото онлайн способен придать вашему изображению форму круга, капли, квадрата со скругленными углами, овала. Так же в нём предусмотрен набор цветных фильтров по аналогии с программой instagram. Скруглитель онлайн избавляет от необходимости использования специализированных программ на подобии photoshop. В редакторе вы легко сможете сделать красивую аватарку для социальных сетей, блогов и сайтов. Используйте «Скруглитель» и вопрос как сделать круглую аватарку у вас больше не возникнет.
НазадВернуться к странице сервисов
Для того чтобы придать вашему изображению округлую форму, выполните пару простых действий: Нажмите и спойлер откроется
1. Выберите фото на компьютере.
2. Выберите область скругления
3. Если необходимо примените фильтры
Теги: обработать фото как в инстаграмме, профессионально обработать фото, сделать аватарку для группы вконтакте, как сделать круглую аватарку
Как сделать круглую фотографию в фотошопе. Пошаговая инструкция.
Всем привет, сегодня покажу, как сделать круглую фотографию в фотошопе простым способом.
Закидываем фото, правой кнопкой мыши нажимаем на инструмент выделение, выбираем инструмент «Овальная область».
Зажимаем клавишу Shift, чтобы сохранить пропорции, создаём ровный круг, смещаем его, если нужно в необходимое положение. Теперь правой кнопкой мыши нажимаем на выделение и выбираем один из пунктов, разницы в них нет.
Удаляете исходное изображение, клавиша Delete или правой кнопкой мыши кликаете по слою «Удалить слой»
Теперь нужно подогнать размеры холста под фотографию, зажимаете клавишу Ctrl и кликаете по самой миниатюре слоя, образуется выделение на основе этого слоя.
Далее переходим во вкладку «Изображение», «Кадрировать».
Снимаем выделение Ctrl+D.
Открываем вкладку «Файл», «Сохранить как» и выдираем формат изображения без фона PNG.
Второй способ, как сделать круглую фотографию в фотошопе.
Он немного сложнее, но есть одно преимущество.
Как делали в первом способе, выбираем инструмент «Овальная область».
Далее, создаём новый слой Ctrl+Shift+N.
Правой кнопкой мыши кликаем по выделению, выбираем «Выполнить заливку»
Пункт «Использовать», «Цвет» выбираете любой, нажимаем «ОК» и «ОК»
Перемещаем слой с кругом под слой с фотографией (зажав кнопку левой мыши).
Кликаем по слою с фотографией правой кнопкой мыши, пункт «Создать обтравочную маску»
Как видите фотография с девушкой приняла форму круга. Снимаем выделение Ctrl+D.
Выбираем инструмент «Перемещение» и клавишей левой кнопки мыши выравниваем нашу фоторграфию.
Объединяем оба слоя сочетание клавиш Ctrl+E.
Кадрируете, как в первом способе, ну и можете наложить обводку, если нужно.
Двойным кликом кнопки левой мыши кликаете по слою.
Пункт “Обводка”
Положение “Внутри”
Размер, цвет и остальные настройки, тут можете “поиграться”.
Сохраняете, в PNG.
Как сохранить круглое изображение в фотошопе
Что-то сверху понаписали. я ничо не понял. Разблокируешь слой (клавиша F7 включает палитру слоёв, двойной клик по иконке замочка на слое). Выбираешь инструмент «овальная область»(клавиша М). Ищешь центр монеты, наводишь на него курсор. Зажимаешь Shift+Alt, потом левую кл. мыши, двигая мышь, делаешь круговое выделение по размеру монеты.
Ctrl+Shift+I, потом клавиша Delet.
При необходимости кадрируй (клавиша С)
На первый взгляд, кажется, ну что тут такого? Превратить прямоугольную картинку в квадратную или круглую (овальную). Да, с квадратной картинкой нет проблем. Инструмент «кроп» или «рамка» нам всегда готов в этом помочь. Но что делать с круглой? Ведь в фотошопе нет такого инструмента. Помнится, во времена начала изучения программы Adobe Photoshop у меня вызвал ступор. Действительно, а как?
Дело в том, что дабы сделать круглую картинку в фотошопе, вам придется использовать не одну операцию, а несколько. Так сказать, обходные пути. Одним движением мышки тут не обойтись.
Я продемонстрирую парочку способов изготовления круглой картинки. Оба имеют небольшие недостатки. Вам придется выбрать тот, который напрягает вас меньше.
Приступим к первому. Создание круглой картинки с помощью выделения. Хочу заметить, кстати, что оба способа позволяют сделать картинку как круглой, так и овальной.
Открываем исходное изображение. Ищем инструмент «выделенная область». Нас интересует овальная. Если вы хотите получить круглое изображение, зажимайте клавишу shift, выделяя нужное поле. Если овальное, этого делать не потребуется.
Выделили. Теперь нам следует скопировать его на новый слой. Проще всего будет нажать комбинацию клавиш ctrl+c, а затем ctrl+v. Ваше изображение скопируется на новый слой автоматически. Ну либо можете зайти длинным путем. Предварительно создать новый слой. Затем кликнуть по выделенной области левой клавишей мыши и из образовавшегося списка выбрать: «скопировать на новый слой». Результат будет тем же.
Вот что мы видим в окне слоев.
Выделяем нижний слой и нажимаем del на клавиатуре.
Вот так выглядит слой.
Теперь нам остается только сохранить его в формате png. Это важно! Именно этот формат не оставляет фонового поля.
В выпадающем списке ищем png и сохраняем.
Выше я упомянула о недостатке этого способа. Каков же он?
Сейчас мы выделили довольно большое поле. Нам не приходилось долго и муторно выверять движения. А теперь попробуйте выделить кругом, допустим, язычок котенка. И на этот раз нам придется не единожды проводить окружность, дабы язычок не выходил за ее рамки. Поэтому, я покажу еще один способ. Сделаем круглую картинку в фотошопе с помощью обтравочной маски.
Для этого нам сначала следует создать чистый документ соразмерный с той картинкой, которую вы хотите сделать круглой. После чего, перетащить туда эту картинку. То есть, в окне слове в у нас получится следующее:
Нам следует сделать изображение с котенком невидимым. Для этого мы тыкаем в пиктограмму с глазиком рядом со слоем. Кликаем. «Глазик» исчезает. Изображение с котенком становится невидимым.
Заметьте, на изображении у меня выделен нижний слой, фоновый. И это неспроста. Он должен быть выделен и у вас. Это необходимо, для того, чтобы соблюсти порядок слоев.
Теперь ищем инструмент «эллипс». Опять же, зажимаем shift и проводим окружность. Цвет ее нам не важен.
Переходим к окну слоев. Кликаем по слою с котенком левой клавишей мыши. И выбираем команду «создать обтравочную маску».
Вот, что мы увидим.
Вы можете перемещать мышкой изображение с котенком так, чтобы необходимая область отобразилась в круге.
Теперь вам следует выделить оба слоя, зажав клавишу ctrl. И опять вы, кликнув по ним левой клавишей мыши, вызываете команду «объединить слои».
Вот, что у нас получится.
Теперь снова удаляем нижний фоновый слой и сохраняем получившееся круглое изображение в формате png.
Да, дольше. Да, немножко мудренее. Но при помощи этого способа вы можете вписать четко ту область, которая вам нужна.
При помощи этого урока превратим любимую картинку в круглую форму с заданными порциями. Урок поможет каждому желающему научиться создавать картинку в виде круга. 1. Создаем документ с нужными размерами для дальнейшей печати. Заходим в меню «Файл» и выбираем «Создать». Подбираем размер будущей бумаги. Допустим это будет лист А4 , который очень популярен в печати. 2. В боковой части инструментов выбираем «Эллипс».
3. Теперь следует выставить размеры. Для этого в верхней панели нажимаем на кружок. Выбираем «Задать пропорции» и выбираем нужный размер. Допустим будущий круг будет иметь 17 х 17 см.
3. Нажимаем на белый лист и автоматически получаем круг с заданными пропорциями. Также создать круг с нужным размером можно по-другому. Для этого выбираем «Эллипс» и сразу нажимаем на поверхность рабочего листа. Выскакивает маленькое окошко, где предлагают сразу же выбрать пропорции круга. Выставляем нужные размеры. Это могут быть пиксели, дюймы, сантиметры или миллиметры. При помощи стандартной черной стрелочки перемещаем круг.
4. Теперь следует открыть картинку. Для этого в меню «Файл» выбираем «Открыть». Из определенной папки выбираем нужную картинку.
5. Перетаскиваем картинку с одного файла на второй.
6. Файл с картинкой можно свернуть. Работаем с первым документом, где круг.
7. Теперь в меню слоев нажимаем на картинку правой мышкой и выбираем из заданных функций «Создать обтравочную маску».
8. Картинка теперь в форме круга.
9. Картинку можно перемещать, уменьшать или увеличивать. Для этого
нажимаем Ctrl + T .
10. Готова желаемая картинка природы в виде круга.
Доброго всем денечка! Как ваше настроение? Готовитесь ко вторым праздникам? Я да. Завтра мы едем в Ярославль вплоть до 9 мая, как я и говорил. Но вас без статьи я не оставлю. Недавно меня попросили сделать из обычной фотографии круглую, ну то есть чтобы портрет был в овальном обрамлении. Это несложно и конечно же я согласился помочь.
И вам я решил тоже рассказать, как сделать круглую фотографию в фотошопе, используя самые простые методы. Для какого-нибудь оформления данная штуковина всегда пригодится. Правильно я говорю? Ну и в силу сложившейся традиции я покажу вам несколько способов как это можно воплотить в жизнь.
Овальное выделение
Наверное вы уже догадались, что я задействую овальное выделение. Ну в принципе это логично, да и способ это наверное самый простой. Готовы? Тогда поехали!
- Откройте изображение в фотошопе и выберете инструмент «Овальное выделение».
- Теперь выделите ту область, которую вы хотите выбрать для нашего будущего круглого портрета. Вы помните, что благодаря зажатой клавише SHIFT получится ровный круг, а благодаря зажатой клавише ALT круг начинает рисоваться из центра? Если помните, то учите этот момент.
- Выделили? Молодчики. Дайте пять! Теперь вам нужно снять замочек на слое, если он там присутствует и обязательно надо инвертировать выделение. Помните как это делается? Делаем это с помощью комбинации SHIFT+CTRL+I, либо же через меню «Выделение» — «Инверсия» . После чего у вас выделенным будет не ваш фрагмент, а область вокруг него. Ну это вы уже наверное и так знаете).
- Теперь жмем по традиции клавишу DELETE, ну и конечно же оставляем «С учетом содержимого» и жмем ОК.
- Теперь у нас круглое изображение на прозрачном фоне. Но хотелось бы как-то убрать часть незадействованного фона. Для этого мы можем воспользоваться инструментом «Рамка» и обрезать ненужное.
- Чтобы сделать картинку живее, можете покопаться в стилях слоя и сделать «Тиснение» или что-нибудь еще.
Ну и конечно же, как я и обещал, мы рассмотрим еще один способ. Он очень простой и паники у вас вызывать не должен.
Эллипс
- Итак, после того, как вы загрузили изображение сразу снимите с него замочек на панели и создайте новый слой.
- Теперь выберите инструмент «Фигура» , а конкретно «Эллипс» . И посмотрим настройки. Во-первых уберите заливку, чтобы нашу область не перекрывало каким-нибудь цветом. Во-вторых выберете цвет обводки, если вам это нужно. Я убрал напрочь. Ну и в-третьих выберите толщину. Я поставил 2. И теперь самый ответственный момент. Также как и с овальным выделением, выделите тот фрагмент, который вам нужен.
- Выделили? Отлично. Теперь нажмите правой кнопкой мышки на слое с эллипсом и выберете «Растрировать слой» . Это нам понадобится на следующем шаге.
- Выберите инструмент «Волшебная палочка» . Никаких настроек делать не надо. Просто щелкните левой кнопкой мыши на области за рамкой. Только убедитесь, что вы находитесь на слое с эллипсом.
- Теперь переходим на слой с изображением и по классике нажимаем какую клавишу? Правильно DELETE. И удаляем все с учетом содержимого. Ну это вам знакомо) И у вас остается округлая фотография.
- Ну а если вам не нравится рамка, которую мы сделали, когда чертили эллипс, то просто удалите или скройте слой с окружностью. Всё элементарно). Ну а дальше можете кадрировать и добавлять какие-то эффекты или стили слоя.
НЕ ЗАБУДЬТЕ! Чтобы запомнить изображение с сохранением прозрачности, вам необходимо сохранить его в формате PNG, иначе вы получите закругленную картинку с белым фоном.
Ну как? Понравилась статья? Если да, то обязательно подпишитесь на обновления блога и поделитесь статьей в социальных сетях. Тогда вы всегда будете в курсе самых интересных для вас статей на блоге.
Ну а если вы хотите полностью изучить фотошоп от А до Я и получить реальные знания по этому замечательному графическому редактору, то я настоятельно рекомендую вам изучить этот видеокурс . Данные видеоуроки рассчитаны на любой уровень пользователя и слушается на одном дыхании. Посмотрите сами.
Ну а на сегодня я свой урок заканчиваю. Посмотрите другие статьи на моем блоге и вы обязательно найдете что-нибудь интересное для себя. Успехов вам! Пока-пока!
Как создать круговую фотографию с помощью обтравочных масок Photoshop
Этот пост содержит партнерские ссылки. Прочтите полное раскрытие здесь
Если вы когда-либо раньше работали с Photoshop, то наверняка слышали выражение: «В Photoshop есть миллионы способов сделать что-то одно».
Это правда. Особенно, когда речь идет о создании круглой фотографии с прозрачным фоном (идеально подходит для использования на боковых панелях на сайтах, возможно, вы видели такое?).Самый простой способ — использовать инструмент выделения рамкой, чтобы обрезать существующую фотографию и покончить с этим.
Мне не нравится этот метод по одной большой причине: он деструктивен. Вы теряете возможность перемещать изображение. Как только вы кадрируете, все готово. Вам лучше нравится то, что вы сделали, или вы обречены вернуться и попробовать, попробовать еще раз.
Использование обтравочных масок решает эту проблему, потому что вы сначала создаете форму, а поверх нее размещаете изображение. Вы можете уменьшить или увеличить изображение, отрегулировать масштаб и т. Д.
Кроме того, использование обтравочных масок — хороший навык для более сложных проектов в Photoshop.
Но я забегаю вперед.
Как создать круговую фотографию с помощью обтравочных масок Photoshop — Видеоурок
Сделал видеоурок с пошаговой инструкцией:
Как создать круговую фотографию с помощью обтравочных масок Photoshop — Разбор
А вот визуальная разбивка текста, на случай, если вы учите письменные слова.
1. Начните с создания прозрачного файла. Перейдите в окно, чтобы открыть палитру «Слои», если она не открыта.
2. Создайте фигуру с помощью инструмента выделения области (есть и другие инструменты, которые вы можете использовать, но мы начнем с простого). Добавьте цвет заливки к форме.
3. Отмените выбор. Для этого снова щелкните инструмент выделения, затем щелкните фигуру, чтобы сделать выделение, также известное как «марширующие муравьи», и удалиться.
4. Откройте фотографию и перетащите прямо в файл.Это автоматически создаст новый слой.
5. Щелкните слой правой кнопкой мыши и выберите «Создать обтравочную маску».
6. Перемещайте изображение, пока оно вам не понравится. Чтобы изменить размер, нажмите command + T. Затем, удерживая command + shift, перетаскивайте углы внутрь или наружу, чтобы пропорционально сузить или растянуть.
7. Сохраните это как PSD на случай, если позже вам потребуется внести изменения. Затем щелкните правой кнопкой мыши слой с фотографией «Объединить видимое». (ярлык: команда + E)
8.Сохраните как файл PNG, чтобы сохранить прозрачность.
Ура! Теперь, когда вы освоили эту технику, вы готовы работать с несколькими слоями для создания более сложных дизайнов Photoshop. Следите за обновлениями (подпишитесь на мой канал на YouTube), чтобы получать обновления, когда я буду делать новый учебник.
Чему вы всегда хотели научиться в Photoshop? Сообщите мне в комментариях, и есть шанс, что на ваш вопрос ответят в будущем быстром и простом руководстве!
Если вы когда-либо работали с Photoshop, то наверняка слышали выражение: «В Photoshop есть миллионы способов сделать что-то одно.”
Это правда. Особенно, когда речь идет о создании круглой фотографии с прозрачным фоном (идеально подходит для использования на боковых панелях на сайтах, возможно, вы видели такое?). Самый простой способ — использовать инструмент выделения рамкой, чтобы обрезать существующую фотографию и покончить с этим.
Мне не нравится этот метод по одной большой причине: он деструктивен. Вы теряете возможность перемещать изображение. Как только вы кадрируете, все готово. Вам лучше нравится то, что вы сделали, или вы обречены вернуться и попробовать, попробовать еще раз.
Использование обтравочных масок решает эту проблему, потому что вы сначала создаете форму, а поверх нее размещаете изображение. Вы можете уменьшить или увеличить изображение, отрегулировать масштаб и т. Д.
Кроме того, использование обтравочных масок — хороший навык для более сложных проектов в Photoshop.
Но я забегаю вперед.
Как создать круговую фотографию с помощью обтравочных масок Photoshop — Видеоурок
Сделал видеоурок с пошаговой инструкцией:
Как создать круговую фотографию с помощью обтравочных масок Photoshop — Разбор
А вот визуальная разбивка текста, на случай, если вы учите письменные слова.
- Начните с создания прозрачного файла. Перейдите в окно, чтобы открыть палитру «Слои», если она не открыта.
- Создайте форму с помощью инструмента выделения области (есть и другие инструменты, которые вы можете использовать, но мы начнем с простого). Добавьте цвет заливки к форме.
- Отменить выбор. Для этого снова щелкните инструмент выделения, затем щелкните фигуру, чтобы сделать выделение, также известное как «марширующие муравьи», и удалиться.
- Откройте фотографию и перетащите прямо в файл.Это автоматически создаст новый слой.
- Щелкните слой правой кнопкой мыши и выберите «Создать обтравочную маску».
- Перемещайте изображение, пока оно вам не понравится. Чтобы изменить размер, нажмите command + T. Затем, удерживая command + shift, перетаскивайте углы внутрь или наружу, чтобы пропорционально сузить или растянуть.
- Сохраните это как PSD на случай, если позже вам понадобится внести изменения. Затем щелкните правой кнопкой мыши слой с фотографией «Объединить видимое». (ярлык: команда + E)
- Сохранить как файл PNG, чтобы сохранить прозрачность.
Ура! Теперь, когда вы освоили эту технику, вы готовы работать с несколькими слоями для создания более сложных дизайнов Photoshop. Следите за обновлениями (подпишитесь на мой канал на YouTube), чтобы получать обновления, когда я буду делать новый учебник.
Чему вы всегда хотели научиться в Photoshop? Сообщите мне в комментариях, и есть шанс, что на ваш вопрос ответят в будущем быстром и простом руководстве!
Pinkpot Studio | Shopify Веб-дизайн и фотография продуктов
Мне нравятся круглые изображения профиля; они компактные, милые и простые.Но это не единственная причина, по которой вы видите круглые изображения профиля на многих популярных сайтах.
Какие преимущества?
Вы когда-нибудь задумывались, почему Twitter, Google+, Instagram и т. Д. Имеют круглые изображения профиля? Это определенно связано с дизайном пользовательского опыта (UX). Вы можете прочитать об этом подробнее здесь, но основные причины следующие:
- Более резкие края снимают фокус с изображения
- Человеческий разум привык думать о более острых краях как о вредных, а закругленные края как о безопасных
- Закругленные края опасны. считаются приятными для глаз, поскольку лучше подходят для обработки визуальной информации
Тогда почему бы не использовать эти преимущества для изображения профиля вашего блога? Однако я думаю, что это полностью зависит от эстетики человека, поэтому в этом выборе нет правильного или неправильного.В этом уроке мы будем использовать Adobe Photoshop. Я знаю, что многие из вас используют Photoshop для различных творческих задач, поэтому я быстро создал БЕСПЛАТНУЮ шпаргалку со всеми сочетаниями клавиш, которые вы можете загрузить и использовать, щелкните ниже прямо сейчас!
5 простых шагов для создания круглого изображения профиля:
Если вы предпочитаете круглые изображения профиля, то вот простой способ создать его из квадратной или прямоугольной фотографии в Photoshop.
Шаг 1 : Откройте фотографию в Photoshop, перейдя в Файл> Открыть> Обзор местоположения вашего файла.Если панель слоев не открыта, найдите ее, открыв Окна> Слои (выберите). Если панель инструментов не открыта, найдите ее, открыв Windows> Инструменты (выберите).
Шаг 2 : Выберите инструмент Marquee Tool на панели инструментов. Щелкните правой кнопкой мыши значок и выберите инструмент Elliptical Marquee tool .
Щелкните изображение, чтобы увеличить
Шаг 3 : Используя инструмент Marquee tool , отметьте область фотографии, которую вы хотите добавить в изображение профиля.Поскольку инструмент имеет эллиптическую форму, вы можете легко вырезать круг, а также можете настроить размер и форму, просто немного поиграв с ним.
Щелкните изображение, чтобы увеличить
Шаг 4 : Когда у вас появится круговой пунктирный контур, щелкните правой кнопкой мыши и выберите Layer Via copy . Это создает новый слой на панели слоев. Теперь просто щелкните значок глаза рядом с фоновым слоем , чтобы сделать его невидимым, и вы получите только что созданное круглое изображение.
Щелкните изображение, чтобы увеличить
Шаг 5 : Если нужно, просто обрежьте края и отрегулируйте положение круга. Чтобы сохранить изображение, нажмите «Файл »> «Сохранить для Интернета»> Назовите файл и нажмите «Сохранить». Вот и все, готово 🙂
Кроме того, я знаю, что многие из вас используют Photoshop для различных творческих нужд, поэтому я быстро создал БЕСПЛАТНУЮ шпаргалку со всеми сочетаниями клавиш, которые вы можете загрузить и использовать, нажмите ниже сейчас!
Круговая обрезка лучше всего подходит для изображений, которые не слишком увеличены, так как она дает вам красивую границу вокруг лица, не разрезая ее.В настоящее время я просто жду, чтобы сделать лучший снимок в голову для круглого аватара для моего блога;)
Что насчет вас, вам нравится круглый или квадратный?
Как создавать формы с заливкой изображения в Photoshop
Photoshop может и не быть в первую очередь графической программой, но он по-прежнему содержит очень полезные инструменты для такого рода работы. Например, создание фигур с заливкой изображения.
Неважно, выполняете ли вы какую-то профессиональную работу, например веб-дизайн для своего бизнеса или что-то личное, например, поздравительную открытку, вам часто нужно ограничить фотографию, чтобы она соответствовала определенной форме.В этом руководстве я покажу вам, как это сделать всего за несколько щелчков мышью.
Создать форму
Во-первых, вам нужна ваша форма. Вы можете легко создать его с помощью инструмента «Фигура» на панели инструментов. Вы можете щелкнуть и удерживать, чтобы отобразить меню с вашим выбором. В этом первом меню у вас будут основные формы, такие как прямоугольник, эллипс, линия, многоугольник, а также инструмент настройки формы.
Если вы выберете индивидуальную форму, у вас будет второе меню со всеми вашими возможностями для этого.Вы можете получить к нему доступ на панели параметров вверху. Если вы не видите много вариантов, просто нажмите на скобку справа и выберите «Все» в открывшемся меню; это загрузит все предустановленные формы. Если вы загрузите какие-либо новые формы из Интернета, вы также найдете их в этом меню.
Чтобы нарисовать выбранную вами форму на пустом холсте, просто щелкните и перетащите, пока она не достигнет желаемого размера, а затем отпустите. Когда вы рисуете фигуру на холсте, вы можете использовать «Заливку» и «Обводку» на панели параметров.В этом случае заливкой будет ваша фотография, поэтому установите для параметра Заливку черный цвет, чтобы изображение соответствовало выбранной вами форме.
Вот как это сделать:
Добавьте свое изображение
Теперь, когда у вас есть форма, вам нужно добавить изображение, чтобы заполнить ее. Выберите «Меню»> «Файл»> «Поместить». Откроется окно браузера, в котором вы сможете выбрать файл на своем компьютере. Выберите тот, который вам нужен, и нажмите ОК. Эта фотография будет импортирована в ваш проект как новый слой.
Маска для стрижки
Теперь вам просто нужно перейти в Меню> Слой> Создать обтравочную маску. Этого также можно добиться, нажав одновременно Alt + Ctrl (ПК) или Cmd (Mac) + G.
Примечание: Если вы точно следовали моим шагам, то изображение было размещено как слой вверху. Однако, если вы работаете со сложным проектом с большим количеством слоев или если вы следовали инструкциям в другом порядке, это может быть не так.
Если это произойдет, вам нужно сделать дополнительный шаг. Просто перетащите и поместите слой изображения поверх слоя-фигуры на панели «Слои», чтобы обтравочная маска работала так, как вы хотите.
В результате вы будете видеть фотографию только сквозь форму, и, что самое приятное, процесс является неразрушающим. Другими словами, вы не вырезали свою фотографию, остальная часть просто скрыта под ней, что дает вам два преимущества.
Во-первых, вы можете изменить положение фотографии, чтобы она лучше соответствовала форме.Если вы нажмете на инструмент «Перемещение» на панели инструментов, вы можете просто щелкнуть и перетащить изображение, чтобы оно было размещено наилучшим образом. Вы также можете использовать любой из инструментов трансформации, чтобы изменить размер или повернуть его, пока не будете довольны результатом.
Во-вторых, вы также можете работать с формой, не беспокоясь о повреждении фотографии или отображении пустого холста, потому что фотография целая и нетронутая под ней.
Вы можете создать столько фигур с заливкой изображения, сколько захотите, на одном холсте, так как они будут просто сложены как дополнительные слои.Например, вы можете добавить текст в свой проект.
Для этого вместо инструмента «Форма» перейдите к инструменту «Текст» и выберите достаточно широкий тип шрифта, чтобы эффект был заметен. Затем повторите процесс размещения изображения (это может быть другая фотография, чем та, которую вы использовали для фигуры) и создания обтравочной маски.
И снова, поскольку изображение внизу не повреждено, вы можете вернуться и отредактировать текст в любое время. Веселиться!
Photoshop Закругленный прямоугольник — Как сделать прямоугольник в Photoshop CS5
Последнее обновление: 5 января 2017 г.
Инструмент Photoshop «Прямоугольник со скругленными углами» может избавить вас от лишних разочарований, когда вам нужно создать такую форму, но сам инструмент найти нелегко.Создание скругленных углов прямоугольников в Photoshop вручную может быть затруднительным, особенно если вы пытаетесь сохранить некоторую симметрию на прямоугольнике. К счастью, инструмент прямоугольника с закругленными углами в Photoshop CS5 может быть невероятно полезным, поскольку он может автоматизировать процесс, что делает его быстрее и, как правило, дает превосходные результаты.
Этот инструмент может быть особенно полезен, если вы создаете что-то с кнопками для веб-сайта, где угол наклона кнопок навигации в 90 градусов может выглядеть не очень привлекательно.У вас также будет некоторый контроль над внешним видом прямоугольника с закругленными углами, поскольку вы можете указать степень закругления, которую вы хотите выполнить на углах.
Как создать прямоугольник со скругленными углами в Photoshop CS5
Из этого туториала Вы узнаете, как найти инструмент «Прямоугольник с закругленными углами» в Photoshop CS5, а также расскажем о некоторых параметрах его настройки. Создание новой формы прямоугольника с закругленными углами приведет к созданию нового слоя формы, поэтому вам не нужно беспокоиться о том, что форма нарушит какое-либо содержимое, которое у вас уже есть на существующих слоях.
Шаг 1. Откройте изображение в Photoshop CS5 или запустите Photoshop CS5 и создайте новое изображение.
Шаг 2. Щелкните правой кнопкой мыши инструмент Shape Tool в нижней части панели инструментов, затем выберите параметр Rounded Rectangle Tool .
Шаг 3. Выберите параметры в верхней части окна. Регулировка значения в поле Радиус увеличит или уменьшит степень округления углов прямоугольника, а регулировка цвета изменит цвет прямоугольника с закругленными углами.
Шаг 4: Нарисуйте прямоугольник на холсте.
Резюме — Как сделать прямоугольник со скругленными углами в Photoshop
- Щелкните правой кнопкой мыши инструмент Shape Tool на панели инструментов, затем выберите инструмент Rounded Rectangle Tool .
- Отрегулируйте параметр инструмента «Прямоугольник со скругленными углами» на панели инструментов в верхней части окна.
- Щелкните холст, затем, удерживая кнопку мыши, потяните наружу, чтобы создать прямоугольник с закругленными углами.
У вас возникли трудности с отправкой файла Photoshop кому-то другому, потому что у них нет шрифтов, которые вы использовали? Узнайте, как превратить текстовые слои в изображения, чтобы избежать этой проблемы.
Мэтью Берли пишет технические руководства с 2008 года. Его сочинения были опубликованы на десятках различных веб-сайтов и были прочитаны более 50 миллионов раз.
После получения степени бакалавра и магистра компьютерных наук он несколько лет проработал в сфере управления ИТ для малых предприятий.Однако сейчас он работает полный рабочий день, пишет онлайн-контент и создает веб-сайты.
Его основные писательские темы включают iPhone, Microsoft Office, Google Apps, Android и Photoshop, но он также писал и на многие другие технические темы.
Установите пользовательское содержимое вкладки HTML для автора на странице своего профиля
Связанные
Отказ от ответственности: Большинство страниц в Интернете содержат партнерские ссылки, в том числе некоторые на этом сайте.
Как обрезать изображения в форме круга с помощью Photoshop
Не совсем очевидно, как обрезать изображения в форме круга с помощью Photoshop. Есть множество способов обрезать фотографию до меньшего размера, но как насчет кадрирования ее в круг? Независимо от того, нужен ли он вам для веб-сайта, рекламы или изображения профиля, есть масса причин, по которым вам может потребоваться обрезать изображение до круглой формы. Теперь проблема в том … как это сделать?
Из этого поста вы узнаете, как обрезать изображения в форме круга с помощью Photoshop.Я расскажу о лучшем неразрушающем способе кадрирования вашего изображения, но при этом у вас будет возможность внести коррективы в кадрирование. Неважно, какую версию Photoshop вы используете, вам будут доступны те же инструменты!
Как кадрировать в круглую форму
Ниже описан пошаговый процесс кадрирования изображения в форме круга с помощью Photoshop.
№1. Импортируйте изображение и разблокируйте слой.
Импортируйте изображение, щелкнув «открыть изображение» при первом открытии Photoshop.
Ваше изображение будет отображаться как заблокированный слой на панели слоев. Чтобы внести какие-либо изменения, вам необходимо его разблокировать. Это легко сделать, щелкнув на значке замка . Обратите внимание, как имя вашего слоя меняется с « background » на «l ayer 0 »
# 2. Выберите инструмент Elliptical Marquee Tool
Инструмент Elliptical Marquee Tool можно найти под инструментом Rectangular Marquee Tool в верхней части панели инструментов. Чтобы получить к нему доступ, нажмите и удерживайте инструмент «Прямоугольная область», а затем перетащите курсор на инструмент «Эллиптическая область».
№ 3. Создайте круговое выделение с помощью инструмента Elliptical Marquee Tool
Выбрав инструмент Elliptical Marquee Tool, щелкните и перетащите круговое выделение вокруг области фотографии, которую вы хотите обрезать. Если вы хотите сделать обрезку идеальным кругом, удерживайте нажатой клавишу SHIFT при создании выделения. Если вы хотите переместить весь выбор, нажмите и удерживайте ПРОБЕЛ , чтобы переместить его.
Если вы недовольны своим выбором и хотите начать все сначала, нажмите КОМАНДА или КОНТРОЛЬ + D , чтобы отменить выбор.
№4. Добавление круглого выделения к маске слоя
Когда вы будете довольны положением выделения, добавьте маску слоя к изображению, нажав значок маски слоя в нижней части панели «Слои».
№ 5. При необходимости отрегулируйте положение изображения
Прелесть использования маски слоя заключается в том, что вы можете в любой момент изменить положение круговой обрезки! Если вы хотите отрегулировать положение изображения внутри круга, сначала щелкните значок звена цепи между миниатюрой слоя и маской слоя.Это позволяет настраивать их индивидуально друг от друга.
Затем нажмите на миниатюру слоя и выполните градиент инструмента перемещения, нажав V . Теперь вы можете перемещать изображение независимо от кругового кадрирования.
№6. Обрезать холст до круглой обрезки
Чтобы избавиться от лишнего пространства на холсте, перейдите в ИЗОБРАЖЕНИЕ> ОБРЕЗАТЬ , откроется новое диалоговое окно. Отметьте «Прозрачные пиксели» и убедитесь, что выбраны все стороны. См. Пример ниже.
Теперь вы успешно научились обрезать изображение до круглой формы с помощью Photoshop! Следующий шаг — научиться экспортировать это изображение из Photoshop, сохраняя при этом прозрачный фон.
Как экспортировать прозрачный фон в Photoshop
Если вы хотите, чтобы ваше изображение оставалось круглым, вам нужно экспортировать фотографию с прозрачным фоном. К счастью, это действительно легко сделать всего за несколько кликов!
№1.Выберите «Файл»> «Сохранить как»
Когда вы будете довольны полученным круглым обрезанным изображением, перейдите в строку меню и выберите ФАЙЛ> СОХРАНИТЬ КАК.
№ 2. Измените свой формат на .PNG
Выберите папку назначения и переименуйте файл, как хотите. Затем измените параметр формата на .PNG, чтобы экспортировать круглое изображение с прозрачным фоном.
№ 3. Нажмите «Сохранить».
Когда все будет в порядке, нажмите «Сохранить», чтобы экспортировать изображение.
Результат
Вы успешно создали и экспортировали изображение с круговой обрезкой! Поскольку это файл .png, вы можете поместить его поверх любой другой фотографии, и она сохранит свою форму. Всего за несколько простых шагов вы научились обрезать изображения в форме круга с помощью Photoshop!
Дополнительные уроки Photoshop, которые могут вам понравиться:
Если вы знаете кого-то, кому нужно научиться кадрировать фотографию в круг, обязательно поделитесь с ним этой записью!
Не забудьте подписаться на мою еженедельную рассылку, чтобы получать больше советов по фотографии и редактированию фотографий прямо на ваш почтовый ящик!
Закругление квадратных углов с помощью Photoshop
Стандартные квадратные углы изображения могут быть несколько безжизненными и мало влияют на настроение.С другой стороны, закругленные углы могут оживить картину, придав ей комедийный контекст или нотку классности.
Вы можете легко добавить углы к своим фотографиям с помощью Photoshop CS4 или CS5 — просто выполните эти простые шаги, и ваши фотографии будут готовы для публикации в Интернете!
- В Photoshop выберите File-> New. Создайте документ размером 250 на 250 пикселей (с разрешением 300 пикселей на дюйм) и выберите прозрачный фон; когда закончите, нажмите «ОК».
- Щелкните инструмент «Заливка» и залейте документ сплошным белым цветом.
- Используйте инструмент «Эллиптическая область», чтобы создать круг во всю ширину и высоту документа. Умные направляющие (Вид-> Показать-> Умные направляющие) могут упростить этот процесс; пурпурные линии появятся, когда вы будете на одном уровне с каждым краем. Если размер или расположение круга неправильное, выберите Select-> Modify-> Expand или Contract, чтобы отрегулировать размер. Используйте клавиши со стрелками на клавиатуре, чтобы переместить круг (не используйте инструмент «Перемещение» на панели инструментов).
- Выберите Правка-> Очистить (или нажмите клавишу Delete), чтобы удалить круг.В результате вы получите прозрачный круг и непрозрачные углы.
- Выберите Изображение-> Размер холста. Установите новую ширину и высоту 125 на 125 пикселей и выберите привязку кадрирования к левому верхнему углу. Щелкните ОК. Затем вас предупреждают, что вам нужно обрезать фотографию до меньшего размера; для продолжения нажмите «Продолжить», а затем «ОК».
- Теперь у вас есть верхний левый угол. Выберите Select-> All, а затем Edit-> Copy. Откройте фотографию, к которой вы хотите добавить углы, а затем выберите «Правка»> «Вставить».
- Убедитесь, что функция Snap активна (View-> Snap) и что она настроена на привязку к краям документа (View-> Snap To-> Document Bounds), а затем с помощью инструмента «Перемещение» перетащите свой угол в верхний левый.
- Чтобы разместить угол вверху справа, выберите Layer-> Duplicate Layer на панели Layers (которая дает вам копию Layer 1), выберите Select-> All, а затем выберите Edit-> Transform-> Flip Horizontal.
- Выберите Layer-> Merge Down, чтобы объединить два угловых слоя.
- Чтобы разместить углы внизу, выберите Layer-> Duplicate Layer и выберите Select-> All, но на этот раз выберите Edit-> Transform-> Flip Vertical.
- Выберите Layer-> Merge Down, чтобы снова объединить два угловых слоя в один.
- Последний шаг — сделать углы прозрачными. Сначала выберите Select-> Deselect. Теперь посмотрим на панель слоев. Если слой, на котором находится ваша фотография, называется «Фон», щелкните слой, удерживая клавишу Control (или щелкните правой кнопкой мыши) и выберите «Слой из фона».При желании дайте слою имя (по умолчанию он называется Layer 0) и нажмите OK. Теперь щелкните свой слой с углами и выберите Layer-> Layer Style-> Blending Options. В разделе «Расширенное наложение» уменьшите непрозрачность заливки до 0, а затем во всплывающем меню «Нокаут» выберите «Глубокая». Чтобы зафиксировать изменения, нажмите ОК.
Красиво закругленные углы.
Когда вы закончите углы, выберите «Файл»> «Сохранить как». Чтобы сохранить каждый слой файла, выберите формат PSD; чтобы выровнять файл, но сохранить прозрачность углов, выберите формат PNG; или, чтобы выровнять файл и зафиксировать белые углы, выберите формат JPG.Затем загрузите свои фотографии и предупредите своих друзей — вы будете удивлены, насколько хорошо они откликнутся на ваши новые хитрые углы!
[Крис Маквей — автор, иллюстратор и игрушечный фотограф, который живет в Галифаксе, Новая Шотландия. ]
Выбор по форме — Photoshop CC: Отсутствующее руководство, 2-е издание [Книга]
Выбор по форме, вероятно, самый простой из . Независимо от того, является ли объект, который вы хотите захватить, прямоугольным, эллиптическим или прямоугольным с закругленными углами, в Photoshop есть инструмент для вас.Вы будете часто использовать первую пару инструментов, описанных в этом разделе, поэтому думайте о них как о хлебе с маслом, когда дело доходит до выбора.
Инструменты прямоугольной и эллиптической области
Самыми основными инструментами выделения в Photoshop являются прямоугольная и эллиптическая области. Каждый раз, когда вам нужно выбрать квадратную или округлую форму, используйте этих маленьких помощников, которые находятся в верхней части панели инструментов, как показано на рисунке 4-2.
Рисунок 4-2. Вы потратите уйму времени, делая выбор с помощью инструментов «Прямоугольная область» и «Эллиптическая область».Чтобы вызвать это меню, нажмите и удерживайте кнопку мыши пару секунд.
Чтобы сделать выделение с помощью любого инструмента выделения, просто возьмите инструмент, щелкнув его значок на панели «Инструменты» или нажав M, а затем наведите указатель мыши на свой документ. Когда ваш курсор превратится в крошечный знак +, проведите пальцем по области, которую хотите выбрать (вы увидите марширующих муравьев, как только начнете перетаскивать). Photoshop начинает выделение в том месте, где вы щелкнули, и продолжает его в направлении, в котором вы перетаскиваете, пока вы удерживаете кнопку мыши.Когда вы увидите марширующих муравьев вокруг области, которую хотите выбрать, отпустите кнопку мыши.
Вы можете использовать различные инструменты и методы, чтобы изменить свой выбор, большинство из которых контролируется панелью параметров (рис. 4-3). Например, вы можете:
Переместить выделение на . С активным инструментом выделения щелкните в любом месте в пределах выбранной области, а затем перетащите в другую часть изображения. (Если бы вместо этого вы перетаскивали с помощью инструмента «Перемещение», вы бы переместили пиксели на внутрь выделенной области на , а не на само выделение.)
Подсказка
Когда вы начинаете рисовать выделение, Photoshop активирует значок «Новое выделение» на панели параметров (см. Рисунок 4-3). В этом режиме вы можете переместить выделение как , , которое вы рисуете, , перемещая мышь, одновременно нажимая кнопку мыши и пробел. Когда выделение окажется там, где вы хотите, отпустите клавишу пробела, но не кнопку мыши, и продолжайте рисовать выделение.
Добавить в подборку .Когда вы щелкаете значок «Добавить к выделению» на панели параметров (обозначенный на рис. 4-3) или нажимаете и удерживаете клавишу Shift, Photoshop помещает крошечный знак + под курсором, чтобы вы знали, что все, что вы перетащите дальше, будет добавлено. к текущему выбору. Этот режим удобен, когда вам нужно выбрать области, которые не соприкасаются друг с другом, например двери на рис. 4-3, или если вы выбрали , максимум, из того, что хотите, но заметили, что пропустили какое-то место. Вместо того, чтобы начинать сначала, просто переключитесь в этот режим и обведите эту область, как если бы вы создавали новое выделение.
Вычесть из выделения . Щелчок по значку «Вычесть из выделенного» (также обозначен на рис. 4-3) или нажатие и удерживание клавиши Option (Alt на ПК) дает противоположный эффект. Под курсором появится крошечный знак -, чтобы вы знали, что вы находитесь в этом режиме. Наведите указатель мыши на свой документ и нарисуйте рамку (или овал) вокруг области, для которой нужно отменить выбор .
Пересечение одного выделения с другим . Если вы щелкнете значок «Пересечь с выделением» на панели параметров после того, как сделаете выделение, Photoshop позволит вам нарисовать еще один фрагмент, который перекрывает первый; тогда марширующие муравьи окружают только область, где два выбора перекрывают .(Это немного сбивает с толку, но не беспокойтесь — вы редко будете использовать этот режим.) Сочетание клавиш — Shift-Option (Shift + Alt на ПК). Photoshop помещает крошечный знак умножения (x) под курсором, когда вы находитесь в этом режиме.
Растушевка выделенной области . Чтобы смягчить края вашего выделения, чтобы он сливался с фоном или другим изображением, используйте растушевку . Вы можете ввести значение (в пикселях) в поле «Растушевка» на панели параметров до того, как вы создадите выделение, поскольку этот параметр применяется к следующему выделенному фрагменту.Как вы узнаете позже в этой главе, растушевка выделения позволяет плавно переходить от одного изображения к другому или к цвету. Смотрите рамку «Более мягкая сторона выделения», чтобы получить полную информацию о растушевке, в том числе о том, как растушевать выделение после того, как вы его создали.
Рисунок 4-3. Используя эти значки панели параметров (или, что еще лучше, сочетания клавиш, упомянутые в этом разделе), вы можете добавлять или вычитать из выделения, а также создавать выделение из двух пересекающихся областей.Все выделения начинаются в точке, где вы впервые щелкнули, поэтому вы можете легко выбрать одну из этих дверей, перетащив ее по диагонали из ее верхнего левого угла в нижний правый. По крошечному знаку + рядом с курсором в виде перекрестия можно сказать, что вы находитесь в режиме «Добавить к выделению», поэтому теперь у этого рисунка есть два варианта выбора: синяя дверь и красная дверь. При перетаскивании для создания выделения вы также получаете полезное наложение, отображающее информацию о ширине и высоте. Если вы переместите выделение, вместо этого вы увидите информацию по осям X и Y, которая указывает, насколько далеко вы переместили выделение.Попробуйте эту технику выбора, загрузив практический файл Doors.jpg со страницы этой книги по адресу www.missingmanuals.com/cds.
Применить сглаживание . Включите параметр «Сглаживание» на панели параметров, чтобы Photoshop сгладил цветовой переход между пикселями по краям вашего выделения и пикселями на фоне. Как и растушевка, сглаживание немного смягчает края выделения, чтобы они лучше сочетались, хотя сглаживание вы не можете контролировать величину сглаживания, применяемого Photoshop.Рекомендуется оставлять этот флажок включенным, если вы не хотите, чтобы у вашего выделения были очень четкие — и, возможно, неровные и блочные — края.
Ограничить выбор . Чтобы ограничить выбор фиксированным размером или соотношением сторон (чтобы соотношение между его шириной и высотой оставалось неизменным), выберите «Фиксированный размер» или «Фиксированное соотношение» в меню «Стиль» панели параметров, а затем введите нужный размер в результирующую ширину. и Поля высоты. (Если вы выбрали «Фиксированный размер», не забудьте также ввести единицу измерения в каждое поле, например, пикселей, пикселей.) Если вы оставите выбранной опцию «Нормальный», вы сможете рисовать выделение любого размера.
Вот как выбрать два объекта на одной фотографии, как показано на рисунке 4-3:
Щелкните значок инструмента выделения на панели инструментов, а затем выберите прямоугольную область в меню, показанном на рис. 4-2 .
Photoshop запоминает, какой инструмент выделения вы использовали в последний раз, поэтому вы увидите значок этого инструмента на панели «Инструменты». Если это тот, который вы хотите использовать, просто нажмите M, чтобы активировать его.Если нет, на панели «Инструменты» щелкните и удерживайте отображаемый значок инструмента выделения, пока не появится меню, а затем выберите нужный инструмент.
Подсказка
Для переключения между инструментами «Прямоугольная область» и «Эллиптическая область» нажмите M, чтобы активировать набор инструментов выделения, а затем нажмите Shift-M, чтобы активировать каждый из них по очереди. Если это не сработает, убедитесь, что гремлин не отключил настройку, которая делает возможным этот трюк: выберите Photoshop → Настройки → Общие (Правка → Настройки → Общие на ПК) и подтвердите, что «Использовать клавишу Shift для переключения инструментов. »Включен.
Перетащите, чтобы нарисовать рамку вокруг первого объекта .
Например, чтобы выбрать синюю дверь, показанную на Рисунке 4-3, щелкните ее верхний левый угол и перетащите по диагонали к нижнему правому углу. Когда вы выделите всю дверь, отпустите кнопку мыши. Не волнуйтесь, если вам не удастся выбрать нужный вариант; вы можете переместить его на следующем шаге.
При необходимости переместите выделение на место .
Чтобы переместить выделение, щелкните внутри выделенной области (курсор превратится в маленькую стрелку), а затем перетащите рамку выделения в нужное место. Вы также можете использовать клавиши со стрелками на клавиатуре, чтобы сдвинуть выделение в том или ином направлении (вам не нужно сначала нажимать на него).
На панели параметров щелкните значок «Добавить к выделению», а затем выберите второй объект, выделив его .
Photoshop позволяет узнать, что вы находитесь в режиме «Добавить в выделение», поместив крошечный знак + под курсором.Увидев ее, наведите указатель мыши на вторую дверь и перетащите по диагонали из верхнего левого угла в правый нижний, как показано на рисунке 4-3. (В качестве альтернативы вы можете нажать и удерживать клавишу Shift, чтобы перевести инструмент в режим «Добавить к выделению».)
Если вам нужно переместить этот второй выбор, сделайте это до того, как вы отпустите кнопку мыши, иначе вы в конечном итоге перемещают оба выбора вместо одного. Чтобы переместить выделение во время его рисования, удерживайте кнопку мыши, нажмите и удерживайте клавишу пробела, а затем перетащите, чтобы переместить выделение.Когда он окажется в нужном месте, отпустите клавишу пробела, но продолжайте удерживать кнопку мыши, а затем продолжайте перетаскивание, чтобы нарисовать выделение. Поначалу этот маневр кажется немного неудобным, но вы привыкнете к нему с практикой.
Вы только что сделали свой первый выбор и добавили его. Вперед!
Подсказка
Чтобы нарисовать идеально квадратную или круглую область выделения, нажмите клавишу Shift при перетаскивании с помощью инструмента «Прямоугольная или эллиптическая область» соответственно. Чтобы нарисовать выделение от центра кнаружи (а не от угла к углу), вместо этого нажмите и удерживайте клавишу Option (Alt на ПК).А чтобы нарисовать идеально квадратное или круглое выделение от центра к краю, нажмите и удерживайте Shift-Option (Shift + Alt) при перетаскивании любым инструментом. Обязательно используйте эти приемы только для новых выделений — если у вас уже есть выделение, нажатие клавиши Shift переводит вас в режим «Добавить в выделение».
Инструмент «Эллиптическая область» работает так же, как инструмент «Прямоугольная область», за исключением того, что он рисует круглые или овальные выделения. Это отличный инструмент для выбора вещей, которые, ну, круглые , и вы можете использовать его для создания неизменно популярного, о, так романтичного, мягкого овального коллажа виньетки, показанного на рис. 4-4.Вот как это сделать:
Откройте два изображения и объедините их в один документ .
Просто перетащите одно изображение с его панели «Слои» в окно другого документа, как показано в разделе «Экспорт слоев в отдельные файлы».
На панели «Слои» переместите слои таким образом, чтобы фотография, которую нужно виньетировать, находилась наверху стопки слоев .
Убедитесь, что оба слоя разблокированы, чтобы вы могли изменить их порядок наложения. Если вы видите крошечный замок справа от имени фонового слоя, щелкните его одним щелчком, чтобы разблокировать (в предыдущих версиях Photoshop вам нужно было дважды нажать — щелкнуть замок).Затем перетащите слой с фотографией, которую вы хотите виньетировать (на рис. 4-4, это изображение броненосца), в верхнюю часть панели «Слои».
Рисунок 4-4. Создав выделение с помощью инструмента «Эллиптическая область», добавив маску слоя (стр. 120), а затем растушев маску, вы можете создать быстрый коллаж из двух фотографий, подобный этому. Свадебные фотографы и мамы, не говоря уже о поклонниках броненосцев, любят такие вещи! Используя панель «Свойства» для применения растушевки, вы получаете возможность впоследствии изменить или даже удалить растушевку (при условии, что вы сохраните документ как файл PSD).Как только вы освоите эту технику, попробуйте создать ее с помощью инструмента Эллипс (один из инструментов векторных фигур Photoshop), настроенного для рисования в режиме контура, как описано на странице 568.
Возьмите инструмент Эллиптическая область и выберите Часть изображения, которую вы хотите винить (здесь голова броненосца и плечи) .
Взгляните на панель «Слои», чтобы убедиться, что активен правильный слой изображения (броненосец), а затем — в главном окне документа — поместите курсор рядом с центром изображения.Нажмите и удерживайте клавишу Option (Alt на ПК), а затем перетащите, чтобы нарисовать овальное выделение изнутри. Когда выделение будет достаточно большим, отпустите клавишу Option (Alt) и кнопку мыши.
Скройте область за пределами выделения с помощью маски слоя .
Вы, , могли бы просто инвертировать выделение (Знакомьтесь с марширующими муравьями), а затем удалить область за его пределами, но это было бы безрассудно. Что, если вы передумали? Вам придется отменить несколько шагов или начать все заново! Менее разрушительный и более гибкий подход, о котором вы узнали еще при наложении слоев, — это скрыть область за пределами выделения с помощью маски слоя.Для этого на панели «Слои» убедитесь, что активен правильный слой (броненосец), а затем добавьте маску слоя, щелкнув значок круга в квадрате в нижней части панели. Photoshop скрывает все, что находится за пределами выделенной области, позволяя вам видеть нижний слой с голубым капюшоном. Красивый!
Используйте ползунок «Растушевка» на панели «Свойства», чтобы растушевать края выделения .
При активной маске слоя откройте панель «Свойства», выбрав «Окно» → «Свойства» или дважды щелкнув миниатюру маски.На появившейся панели перетащите ползунок «Растушевка» вправо, и Photoshop смягчит выделение в документе при просмотре. (Или введите число или десятичное значение в текстовое поле над ползунком «Растушевка».)
Выберите «Файл» → «Сохранить как», а затем выберите Photoshop в качестве формата .
Это позволит вам позже настроить величину растушевки, активировав маску слоя, а затем снова открыв панель «Свойства».
Этот броненосец выглядит как дома, не так ли? Вы захотите запомнить эти шаги, потому что это, пожалуй, самый простой и самый романтичный способ объединить два изображения в новое и уникальное произведение искусства.(Вы узнаете, как использовать инструменты векторной формы, чтобы сделать то же самое с маскированием с помощью контуров.)
Инструменты выделения для одной строки и столбца
Набор инструментов для выделения также содержит инструменты выделения для одной строки и выделения для одного столбца, которые можно выбрать ровно одну строку или один столбец в пикселях, охватывающих либо ширину, либо высоту вашего документа. Чтобы создать выделение с помощью этих инструментов, не нужно перетаскивать; просто щелкните один раз в документе, и появятся марширующие муравьи.
Вы можете спросить: «Когда я захочу это сделать?» Не часто, но это правда, но примите во внимание следующие обстоятельства:
Макет дизайна веб-страницы .Если вам нужно смоделировать столбец или ряд пространства между определенными областями на веб-странице, вы можете использовать любой инструмент, чтобы создать выделение, а затем заполнить его цветом фона веб-сайта.
Создание повторяющегося фона на веб-странице . Если вы создаете изображение, которое будете использовать в качестве повторяющегося фона, выберите горизонтальную строку и затем дайте команду программе редактирования HTML повторять или растягивать изображение настолько, насколько вам это нужно. Этот трюк может значительно ускорить загрузку страницы.
Растягивание изображения для заполнения пространства . Например, если вы разрабатываете веб-страницу, вы можете использовать эти инструменты, чтобы увеличить изображение на один или два пикселя. Используйте любой инструмент, чтобы выбрать строку или столбец пикселей внизу или сбоку изображения, возьмите инструмент «Перемещение», нажав V, а затем коснитесь клавиши со стрелкой на клавиатуре, удерживая клавишу Option (Alt на ПК), чтобы подтолкнуть выделение в нужном вам направлении и при этом продублируйте его. Однако лучшим вариантом является использование Content-Aware Scale (см. Content-Aware Scale).
Придать изображению вид, будто оно тает или движется в космосе со скоростью деформации . Возможно, наиболее забавное использование этих инструментов, вы можете создать выделение, а затем растянуть его с помощью инструмента Free Transform (см. Рис. 4-5).
Рисунок 4-5. Удачной ловли курицы! Чтобы добиться такого вида, используйте область «Одноколоночная область», чтобы выбрать столбец пикселей. Затем «переместите» выделение на отдельный слой, нажав ⌘-J (Ctrl + J). Затем вызовите инструмент «Свободное преобразование», нажав ⌘-T (Ctrl + T), и перетащите один из квадратных белых центральных маркеров влево.И последнее, но не менее важное: добавьте маску градиента (стр. 294), а затем поэкспериментируйте с режимами наложения, пока не найдете такую, которая заставляет растянутые пиксели сливаться с изображением (на стр. 296 больше о режимах наложения). (К сожалению, вы не можете активировать инструменты «Однорядная область» и «Одноколоночная область» с помощью сочетания клавиш; вам нужно щелкнуть их значки на панели «Инструменты».) Создайте свою собственную курицу, ускоряющуюся, загрузив файл практики Hen.jpg из этой книги. Отсутствует страница компакт-диска на сайте www.missingmanuals.com/cds.
Технически векторные фигуры не являются инструментами выделения, но вы, , можете использовать их для создания выделений (перейдите в раздел «Рисование с инструментами фигур», чтобы узнать больше о векторных фигурах).Как только вы научитесь использовать их, как описано в этом разделе, вы будете обращаться к ним все время.
Возможно, наиболее полезным из этого набора является инструмент Rounded Rectangle. Если вам когда-нибудь понадобится выбрать прямоугольную область с закругленными углами, это лучший вариант. Например, если вы создаете рекламу цифровой камеры, вы можете использовать этот прием на снимке продукта, чтобы заменить изображение, показываемое на экране дисплея камеры, другим изображением. Или, что более практично, вы можете использовать его для закругления углов фотографий, как показано на рис. 4-6.Вот как это сделать:
Откройте фотографию и активируйте инструмент «Прямоугольник со скругленными углами» на панели «Инструменты» .
Инструменты векторной формы находятся в нижней части панели «Инструменты». Если вы ранее не активировали другой инструмент, вы увидите значок инструмента «Прямоугольник». Щелкните его и удерживайте кнопку мыши, пока не появится раскрывающееся меню, а затем выберите инструмент «Прямоугольник со скругленными углами».
Совет
Для циклического перебора всех инструментов Photoshop для работы с фигурами нажимайте Shift-U несколько раз.
На панели параметров установите для инструмента режим рисования «Путь» и измените значение в поле «Радиус» на 40 пикселей (или другое значение, которое вам подходит) .
Как вы узнаете о режимах рисования Photoshop, инструменты векторных фигур могут работать в различных режимах. Для этой техники вы хотите использовать режим Path. Щелкните раскрывающееся меню без надписи рядом с левым концом панели параметров (вероятно, для него установлено значение «Форма») и выберите «Путь».
Затем измените число в поле «Радиус», которое определяет степень закругления углов изображения: меньшее число приводит к меньшему округлению, чем большее число.Это поле было установлено на 40 пикселей, чтобы создать углы, показанные на рисунке 4-6. Однако вам нужно будет использовать большее число, если вы работаете с документом с высоким разрешением.
Обведите изображение рамкой.
Наведите указатель мыши на изображение и, начиная с одного угла, проведите по диагонали, чтобы нарисовать рамку вокруг всего изображения. Когда вы отпускаете кнопку мыши, Photoshop отображает поверх изображения тонкий серый контур, называемый путем , о котором вы узнаете все в главе 13.Если вам нужно переместить контур во время его рисования, нажмите и удерживайте клавишу пробела. Если вы хотите переместить путь после того, как вы его нарисовали, нажмите A, чтобы захватить инструмент выбора пути (его значок на панели инструментов — черная стрелка), щелкните путь, чтобы активировать его, а затем перетащите его, чтобы переместить в любое место.
Добавьте маску слоя, чтобы скрыть область за пределами пути .
На панели параметров нажмите кнопку «Маска», и Photoshop добавит к изображению векторную маску слоя .(Зачем нужна векторная маска? Поскольку контур, который вы нарисовали с помощью инструмента формы, основан на векторном , а не на пиксельном. Как вы узнали в поле Растровые изображения и векторные изображения, вы можете изменить размер вектора в любое время, не теряя качества, активировав его, а затем используя Free Transform [The Transformers]. Чтобы узнать больше о векторных масках, перейдите к разделу Использование векторных масок.) Вы можете сделать то же самое, щелкнув ⌘-щелчком (Ctrl-щелчок) кружок в квадрате в нижней части панели «Слои», чтобы сделать то же самое. В любом случае Photoshop скрывает скучные квадратные края фотографии.
Рисунок 4-6. Если вы устали от скучных квадратных углов на изображениях, воспользуйтесь инструментом «Прямоугольник со скругленными углами», чтобы создать гладкие углы, подобные тем, что показаны здесь. Обязательно сначала переведите инструмент в режим «Путь», используя раскрывающееся меню рядом с левым концом панели параметров, иначе вы создадите слой-фигуру, который вам действительно не нужен. (Вы можете использовать ту же технику с инструментом Эллипс, чтобы создать эффект виньетки, показанный в предыдущем разделе.) Чтобы растушевать маску слоя после ее добавления (см. Шаг 4), дважды щелкните маску и затем перетащите растушевку полученной панели свойств ползунок вправо.