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

Содержание

Как сделать круглое фото в Фотошопе из квадратного (прямоугольного)

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

Создаем круглую фотографию

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

Метод 1: используем выделение

Открываем изображение в программе и приступаем к работе.

  1. Выбираем инструмент “Овальная область” из группы “Выделение” на боковой панели.
  2. С помощью зажатой левой кнопки мыши создаем выделение нужного размера на холсте в той области, где это требуется. Чтобы оно получилась строго круглым, предварительно зажимаем и удерживаем клавишу Shift на клавиатуре.Примечание: Если выделение получилось не там, где оно должно быть в итоге – не страшно. Мы можем его переместить с помощью все той же зажатой левой кнопки мыши (при этом должен быть выбран любой инструмент из группы “Выделение”). В случае, если круг получился слишком большим, просто щелкаем за его пределами в любом месте, чтобы снять выделение, после чего можем попробовать еще раз.
  3. Когда все готово, жмем на клавиатуре сочетание Ctrl+J, чтобы скопировать выделенную область на новый слой.
  4. В Палитре удаляем или отключаем видимость исходного слоя. В нашем случае выберем второй вариант.
  5. Получаем на холсте круглое фото с прозрачным свободным пространством вокруг, которое требуется убрать.
  6. В меню “Фильтр” выбираем пункт “Тримминг”.
  7. В открывшемся окошке отмечаем опцию “Прозрачных пикселов”, в блоке обрезка выбираем все варианты (сверху, снизу, справа, слева) и жмем OK.
  8. Все готово, нам удалось сделать круглое фото на прозрачном фоне, которое остается только сохранить в JPG или PNG, если нужно сохранить прозрачность.

Примечание: вместо тримминга для обрезки изображения, также, можно воспользоваться инструментом “Рамка” (на боковой панели) или функцией “Кадрировать” (в меню “Изображение”).

Метод 2: применяем обтравочную маску

  1. Создаем новый слой в Палитре.
  2. Как и в первом методе, создаем выделение с помощью “Овальной области”. Затем щелкаем внутри полученного круга правой кнопкой мыши и выбираем в появившемся контекстном меню пункт “Выполнить заливку”.
  3. В открывшемся окне для параметра “Содержание” указываем “Цвет”, после чего появится Палитра, где выбираем любой понравившийся цвет/оттенок. Подтверждаем выполнение действия нажатием кнопки OK (в обоих окнах).
  4. Получаем на холсте залитый выбранным цветом круг. Выделение по контуру нам больше не понадобится, поэтому убираем его сочетанием Ctrl+D.Примечание: вместо создания овальной области и ее закрашивания можно воспользоваться инструментом “Эллипс”.
  5. Возвращаемся в Палитру и размещаем слой с исходным изображением в самом верху.Обратите внимание, что сделать это получится только в том случае, если слой не заблокирован. Понять это можно по значку в виде замка. Снять блокировку можно, просто щелкнув по этому значку.
  6. На клавиатуре зажимаем клавишу Alt, наводим указатель мыши на границу между слоями, и когда увидим квадратную изогнутую стрелку вниз, делаем клик левой кнопкой мыши.
  7. Получаем следующий результат. Это означает, что мы привязали содержимое самого верхнего слоя к кругу/фигуре ниже.
  8. Все готово, мы снова получили круглую картинку, которую остается только обрезать и сохранить.

Заключение

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

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

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

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

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

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

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

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

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

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

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

Теперь нам остается только сохранить его в формате png. Это важно! Именно этот формат не оставляет фонового поля.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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


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

Круглое фото

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

Способ 1: «Выделение»

Данный способ подразумевает использование инструмента «Овальная область» из раздела «Выделение» на панели инструментов в левой части интерфейса программы.

  1. Для начала откроем фотографию в Фотошопе.
  2. Возьмем инструмент.
  3. Затем зажимаем клавишу SHIFT (для сохранения пропорций) на клавиатуре и рисуем выделение нужного размера. Данное выделение можно перемещать по холсту, но только если активирован какой-либо инструмент из раздела «Выделение».
  4. Теперь необходимо скопировать содержимое выделения на новый слой, нажав комбинацию клавиш CTRL+J.
  5. Круглую область мы получили, далее нужно оставить на конечном фото только ее. Для этого снимаем видимость со слоя с исходным изображением, кликнув по значку глаза рядом со слоем.
  6. Затем кадрируем фотографию при помощи инструмента «Рамка».

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

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

Способ 2: Обтравочная маска

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

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

    С последующей заливкой любым цветом.

    После снятия выделения комбинацией CTRL+D основа готова.

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

    Настройки инструмента:

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

  4. Далее необходимо перетянуть копию слоя с исходным изображением в самый верх палитры таким образом, чтобы он расположился над круглой фигурой.
  5. Затем зажимаем клавишу
    ALT
    и кликаем по границе между слоями. Курсор при этом примет форму квадрата с изогнутой стрелкой (в вашей версии программы может быть другая форма, но результат будет тот же). Палитра слоев примет такой вид:
  6. Этим действием мы привязали изображение к нашей созданной фигуре. Теперь снимаем видимость с нижнего слоя и получаем результат, как и в первом способе. Останется только откадрировать и сохранить фотографию.

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

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТ
Поделиться статьей в социальных сетях:

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

На чтение 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» и перетащите курсор до желаемого размера. Щелкните и перетащите эту обведенную фигуру, чтобы при необходимости изменить положение и рамку предпочтительного содержимого. Щелкните изображение правой кнопкой мыши, чтобы открыть меню, нажмите «Выбрать инверсию», а затем нажмите «Удалить», чтобы удалить внешнюю область. Оставшуюся круглую форму затем можно применить к вашему проекту.

.

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

Привет посетителю моего блога!

Я часто встречаю такие вопросы среди новичков:

  • Как скачать картинку на компьютер
  • Как уменьшить картинку
  • Как сохранить её в нужном Вам формате
  • Как сделать картинку круглой
  • Как сделать картинки на прозрачном фоне

А это сделать очень просто! И воспользоваться можно бесплатным уже встроенным в наш Windows редактором картинок Paint.net. Вот официальный сайт программы https://paintnet.ru/. На фотографии показан конечный продукт наших манипуляций, фон соответственно может быть любой. На картинке вы видите, как выглядит картинка на прозрачном фоне в каком-либо графическом редакторе.

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

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

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

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

Все непонятные моменты вы сможете посмотреть в видеоуроке.

  • Открываем картинку в программе Paint.net.
  • Её можно перетащить мышкой, а можно открыть через Файл и в выпадающем меню, нажать Открыть.
  • 1 Нажимаем на круглый инструмент выделения
  • 3 Выделяем нужный нам фрагмент
  • 2 Нажимаем на ножницы команда «Вырезать» и программа сохраняет вырезанный фрагмент в буфер обмена
Скриншоты увеличиваются по клику!

Получаем вот такой вид в Paint. И нажимаем на инструмент «Создать» (белый листок с зелёным значком)

Выходит окошко с указанием размера будущего документа, жмём «ок».

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

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

И один очень важный момент, сохраняем ОБЯЗАТЕЛЬНО в формате.png Иначе фон не будет прозрачным.

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

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

Paint.net Обрезать, сделать круглой, прозрачный фон.

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

P.S. Если Вам что то не понятно, то пишите пожалуйста в комментариях.

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

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

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

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

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



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

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


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

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




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


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

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

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


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


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

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


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


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


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

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


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


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

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

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

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

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

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

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

Эллипс


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Круг готов:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 1

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

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

Шаг 5

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

Шаг 6

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

Шаг 7

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

Шаг 8

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

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

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

А как сделать только, например, один закругленный угол?

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

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

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

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

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

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

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

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

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



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

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


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

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




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


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

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

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


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


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

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


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


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


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

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


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


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

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

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

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

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

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

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

Эллипс


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Круг готов:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2 голоса

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Инструкция

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

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

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

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

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

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

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

Обычно, когда мы думаем об обрезке изображений, то всегда представляем их в форме прямоугольника или квадрата. Если мы используем инструмент Crop (С) (Рамка), то других вариантов у нас нет.

Но кто говорит, что нам нужно использовать инструмент Рамка? В Photoshop можно легко обрезать фотографию с помощью инструмента выделения. Чтобы обрезать изображение по кругу, мы будем использовать инструмент Elliptical Marquee (M) (Овальная область). Я буду работать в Photoshop CC, но недавние версии так же подойдут.

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

1. Открываем изображение

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

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

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

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

Для преобразования, нам необходимо переименовать фоновый слой. В Photoshop CC просто нажмите на значок блокировки с правой стороны слоя. В Photoshop CS6 и более ранних версиях зажмите Alt и дважды кликните по фоновому слою.

Программа мгновенно переименует слой «Background» на “Layer 0». Теперь он преобразован в обычный слой.

3. Инструмент «Овальная область»

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

4. Создаём выделение

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

Когда вы закончите отпустите сначала кнопку мыши, а затем клавишу Shift. В ином случае выделение снова приобретёт свободную форму эллипса.

5. Перемещение выделенной области

Если вы создали выделение в не совсем подходящем месте, то просто кликните внутри него и переместите куда нужно. Убедитесь что в верхней панели параметров активна команда New Selection (Новая выделенная область). Я переместил выделение так, чтобы лицо девушки было расположено точно в центре круга. Именно эту область я хочу сохранить. Остальная часть изображения будет обрезана.

6. Инвертируем выделение

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

Для этого перейдите в меню Select (Выделение) и в раскрывающемся списке команд выберите Inverse (Инверсия).

7. Удаляем ненужную область

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

Нам больше не нужно выделение, поэтому отмените его, перейдя во вкладку Select > Deselect (Выделение – Отменить выделение) или нажмите комбинацию клавиш Ctrl + D.

8. Обрезаем лишние прозрачные области

Чтобы обрезать лишние прозрачные области, окружающие фотографию, перейдите в меню Image > Trim (Изображение — Тримминг).

В диалоговом окне в разделе Based On (На основе) выберите параметр Transparent Pixels (Прозрачных пикселов). Убедитесь, что в разделе Trim Away (Обрезка) выбраны все параметры Top, Bottom, Left и Right (Сверху, Снизу, Слева и Справа) (они должны быть выбраны по умолчанию).

Нажмите OK, чтобы закрыть диалоговое окно Trim (Тримминг). Photoshop мгновенно обрежет лишние прозрачные области вокруг фотографии.

9. Сохранение изображения в формате PNG

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

Для этого в меню File (Файл) выберите Save As (Сохранить как).

В открывшемся диалоговом окне для параметра Format (Формат) установите PNG. Дайте название своему файлу и укажите, куда хотите его сохранить, затем нажмите кнопку Save (Сохранить).

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

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

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

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

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

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

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

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

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

2 голоса

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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


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

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




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


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

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

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


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


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

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


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


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


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

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


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


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

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

Инструкция

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

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

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

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

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

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

Доброго всем денечка! Как ваше настроение? Готовитесь ко вторым праздникам? Я да. Завтра мы едем в Ярославль вплоть до 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 для сохранения пропорций.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как обрезать изображения в форме круга с помощью 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 при создании выделения. Если вы хотите переместить весь выбор, нажмите и удерживайте ПРОБЕЛ , чтобы переместить его.

Если вы недовольны своим выбором и хотите начать все сначала, нажмите COMMAND или CONTROL + D , чтобы отменить выбор.

№ 4. Добавить круговое выделение к маске слоя

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

№ 5. При необходимости отрегулируйте положение изображения

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

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

№ 6. Обрезать холст до круглой обрезки

Чтобы избавиться от лишнего места на холсте, выберите ИЗОБРАЖЕНИЕ> ОБРЕЗАТЬ , и откроется новое диалоговое окно. Отметьте «Прозрачные пиксели» и убедитесь, что выбраны все стороны. См. Пример ниже.

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

Как экспортировать прозрачный фон в Photoshop

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

№1.Перейти в файл> Сохранить как

Когда вы будете довольны получением круглого кадрированного изображения, перейдите в строку меню и выберите ФАЙЛ> СОХРАНИТЬ КАК.

№ 2. Измените свой формат на .PNG

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

№ 3. Нажмите «Сохранить»

.

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

Результат

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

Дополнительные уроки Photoshop, которые могут вам понравиться:

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

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

Как округлить фото в фотошопе | Small Business

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

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

Выберите инструмент «Эллиптическая область» на панели инструментов Adobe Photoshop. Все варианты инструмента «Область» — прямоугольные, эллиптические, однорядные и одиночные — размещаются вместе.Щелкните треугольник в правом нижнем углу значка инструмента «Область», чтобы открыть всплывающее меню, в котором отображаются все четыре параметра.

Щелкните и перетащите область изображения, чтобы создать эллиптическое выделение. Чтобы ограничить область выделения кругом, нажмите и удерживайте клавишу «Shift», пока вы перетаскиваете и отпускаете кнопку мыши или другое указывающее устройство, прежде чем отпустить клавишу. Удерживая нажатой клавишу «Alt», перетащите курсор, чтобы центрировать выделение вокруг точки, в которой вы впервые щелкнули. Объедините две клавиши, чтобы создать круговое выделение вокруг центральной точки.Когда вы закончите рисовать область выделения, вы увидите «марширующих муравьев» Photoshop — анимированную пунктирную линию, определяющую внешний край вашего выделения.

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

Ссылки

Ресурсы

  • Photoshop CS3 / CS4 WOW! Книга; Линни Дейтон и Кристен Гиллеспи
  • Маскирование и композитинг в Photoshop; Катрин Эйсманн
  • Восстановление и ретушь в Photoshop, третье издание; Катрин Эйсманн и Уэйн Палмер

Советы

  • Чтобы избежать неровных, неровных краев выделения и маски слоя, установите флажок «Сглаживание» на панели параметров, прежде чем делать выбор.Без сглаживания края выделения не могут использовать частичную прозрачность для сглаживания кривых эллиптических краев.
  • Чтобы создать маску слоя с мягким виньетированием, установите радиус растушевки на панели параметров перед выделением выделения.
  • Маска слоя состоит из особой формы изображения в градациях серого. Чтобы просмотреть маску как изображение, удерживайте «Alt» и щелкните значок маски слоя на панели «Слои». Щелкните миниатюру изображения или удерживайте клавишу «Alt» и снова щелкните значок маски слоя, чтобы вернуться к нормальному виду изображения.
  • Если вы создаете выделение без растушевки и хотите растушевать его, прежде чем использовать его для создания маски слоя, нажмите «Q», чтобы войти в режим быстрой маски, и используйте фильтры размытия Photoshop, чтобы смягчить его края. Снова нажмите «Q», чтобы выйти из режима быстрой маски и замаскировать изображение.
  • Никогда не перезаписывайте исходное изображение. Сохраните виньетированное изображение отдельно или под другим именем.

Предупреждения

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

Писатель Биография

Элизабет Мотт — писатель с 1983 года. Мотт имеет большой опыт написания рекламных текстов для всего, от кухонной техники и финансовых услуг до образования и туризма. Она имеет степень бакалавра искусств и магистра искусств по английскому языку в Университете штата Индиана.

Pinkpot Studio | Shopify Веб-дизайн и фотография продуктов

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

Какие преимущества?

Вы когда-нибудь задумывались, почему Twitter, Google+, Instagram и т. Д. Имеют круглые изображения профиля? Это определенно имеет какое-то отношение к дизайну пользовательского опыта (UX). Вы можете прочитать об этом подробно здесь, но основные причины:

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

Тогда почему бы не использовать эти преимущества для изображения профиля вашего блога? Однако я думаю, что это полностью зависит от эстетики человека, поэтому в этом выборе нет правильного или неправильного.В этом уроке мы будем использовать Adobe Photoshop. Я знаю, что многие из вас используют Photoshop для множества своих творческих задач, поэтому я быстро создал БЕСПЛАТНУЮ шпаргалку со всеми сочетаниями клавиш, которые вы можете загрузить и использовать, щелкните ниже прямо сейчас!

5 простых шагов для создания круглого изображения профиля:

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

Шаг 1 : Откройте фотографию в Photoshop, выбрав Файл> Открыть> Обзор местоположения вашего файла.Если панель слоев не открыта, найдите ее, открыв Windows> Layers (выберите). Если панель инструментов не открыта, найдите ее, открыв Windows> Инструменты (выберите).

Шаг 2 : Выберите инструмент Marquee Tool на панели инструментов. Щелкните правой кнопкой мыши значок и выберите инструмент Elliptical Marquee tool .

Щелкните изображение, чтобы увеличить

Шаг 3 : Используя инструмент Marquee tool , отметьте область фотографии, которую вы хотите включить в изображение профиля.Поскольку инструмент имеет эллиптическую форму, вы можете легко вырезать круг, а также можете настроить размер и форму, просто немного поиграв с ним.

Щелкните изображение, чтобы увеличить

Шаг 4 : Когда у вас появится круговой пунктирный контур, щелкните правой кнопкой мыши и выберите Layer Via copy . Это создает новый слой на панели слоев. Теперь просто щелкните значок глаза рядом с фоновым слоем , чтобы сделать его невидимым, и вы получите только что созданное круглое изображение.

Щелкните изображение, чтобы увеличить

Шаг 5 : Если нужно, просто обрежьте края и отрегулируйте положение круга. Чтобы сохранить изображение, нажмите «Файл »> «Сохранить для Интернета»> Назовите файл и нажмите «Сохранить». Вот и все, готово 🙂

Кроме того, я знаю, что многие из вас используют Photoshop для различных творческих нужд, поэтому я быстро создал БЕСПЛАТНУЮ шпаргалку со всеми сочетаниями клавиш, которые вы можете загрузить и использовать, нажмите ниже Сейчас!

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

Что насчет вас, вам нравится круглая или квадратная?

Как создать круглое изображение в Photoshop [Урок]


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

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


1.Начните с открытия изображения, которое вы хотите обрезать, в Photoshop.

Вам не кажется, что этой очаровательной собаке нужен выстрел в голову?

2. Создайте новый слой:

3. Называть слой не нужно. Нажмите «ОК».

4. Теперь перейдите к инструменту Elliptical Marquee Tool:

.

5. Обведите объект вокруг объекта. Удерживайте клавишу «Shift», чтобы сохранить соотношение сторон. После этого вы можете перетащить круг выше или ниже с помощью курсора.

Наш объект выглядит потрясающе, правда?

6. Щелкните исходный слой (не новый слой), затем перейдите в меню и выберите «Выбрать» и «Обратный:»

Вы можете увидеть, как теперь очерчивается периметр фото:

7. Перейдите в «Редактировать», а затем «Вырезать».

Вот как должно выглядеть ваше фото:

Видите, какой фон прозрачный?

8. Перейдите к инструменту Marquee Tool и выберите вариант Rectangular:

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

Края фотографии будут выделены. Теперь обрежьте изображение.

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

Вуаля! Ваша квадратная фотография теперь круглая. Разве тебе это не нравится ?!

Посмотрите видео ниже, чтобы узнать больше:

# Партнерские ссылки

Где использовать круглое изображение


Мне нравится использовать круглые фотографии в качестве изображений профиля на любом сайте, участником которого я являюсь: Facebook, Instagram, Twitter и LinkedIn используют круглые изображения.Webtalk тоже делает это, как и форумы вроде Quora и Reddit. Круглые изображения отлично смотрятся на брошюрах, визитках, приглашениях и коллажах.

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

Как использовать Canva для создания графики


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

Создавайте графику для Facebook, Instagram и Pinterest. Я также использую Canva для создания открыток, презентаций, документов, сертификатов и резюме. И это лишь небольшая часть того, что доступно. Буквально на днях я сделал презентацию с помощью Canva. Это было весело, легко и очень удобно.

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

Как создать круглую фотографию в Canva


Начните с создания бесплатной учетной записи на Canva.com. Выберите макет для настройки. Я выберу его для публикации в Instagram.

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

Щелкните «Frames». Вы увидите множество различных вариантов.

Прокрутите вниз, пока не найдете простой круг. Доступны тонны различных форм.

Вот тот, который я выбрал. Перетащите его на белый квадрат вправо:

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

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

Я собираюсь загрузить собственное изображение. Вы узнаете нашего пушистого друга:

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

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

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

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

Ключевые моменты


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

Вы фотошоп? Вы использовали Canva? Напишите в комментариях 🙂

Круглая картинка в фотошопе

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

Загрузить фото в Photoshop

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

Изменяемый слой

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

Края фотографии

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

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

Кромки ненужные

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

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

После выбора краев просто нажмите кнопку Удалить на клавиатуре, и они будут удалены.

Узкий

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

Экономия

Сохраните фотографию с помощью меню File / Save For Web & Devices .

Два типа изображений могут обрабатывать прозрачность, которые позже пригодятся для Интернета. Один — это GIF, а другой — PNG. Первый меньше по размеру, но может иметь максимум 8 бит, поэтому качество довольно низкое. Если вы хотите сохранить исходные цвета и особенности круглой фотографии, вам нужно выбрать 24-битный PNG. Это означает большой размер файла, что не идеально для Интернета, поэтому вам следует использовать этот метод только для изображений меньшего размера.

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

Веб-совместимость

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

Как скруглить углы фото в Photoshop

1. Скруглите углы изображения с помощью Photoshop

.

Шаг 1: Откройте изображение в Photoshop. Затем вы нажимаете на меню Select (1) => All (2) или используйте комбинацию клавиш Ctrl + A , чтобы выбрать всю область изображения.

Шаг 2: Перейдите в меню Выберите (1) => Изменить (2) => Сглаживание (3) .

Шаг 3: Проверить Применить эффект на границах холста (1) перед настройкой параметров пикселей (2) . Параметры пикселей будут зависеть от разрешения изображения, а изображение имеет большое разрешение (более 1000 пикселей), вы можете установить его на 50 или более, если вам это не нравится, вы можете сбросить, пока есть неподвижное изображение Выберите область.После завершения настройки нажмите ОК (3) .

Шаг 4: После закругления углов щелкните меню Выбрать (1) => Обратный (2) , чтобы инвертировать выбор.

Шаг 5: Нажмите на Eraser Tool (1) => выберите Magic Eraser Tool (2) .

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

Шаг 6: Сохраните изображение, перейдя в меню Файл (1) => Сохранить как. (2) .

Шаг 7: Вы называете файл (1) и выбираете формат изображения PNG (2) , чтобы закругленная граница стала прозрачной при редактировании с помощью программного обеспечения для обработки изображений.Затем вам просто нужно нажать Сохранить (3), и вы готовы.

2. Закругление углов изображения в Photoshop

Шаг 1: Щелкните инструмент Rectangular Marquee Tool (1) => обведите изображение (2) .

Шаг 2: Перейти к Выбрать (1) => Изменить (2) => Сглаживание. (3) .

Шаг 3: Вы проверяете Применить эффект на границах холста (1) => установите параметры для краев границ (2) => OK (3) .

Шаг 4: После создания границы для объекта щелкните правой кнопкой мыши (1) на границе и выберите Новый слой (2) .

Шаг 5: Вы называете новый слой (1) => OK (2) .

Шаг 6: Щелкните Выберите (1) => Обратный (2) .

Шаг 7: Вы выбираете инструмент заливки (1) => Paint Bucket Tool (2) .

Далее вы выбираете цвет (3) => заливка выделенной области изображения (4) .

Шаг 8: Вы нажимаете Непрозрачность (1) и настраиваете непрозрачность (2) по своему вкусу.

Шаг 9: Перейдите к Выберите (1) => Отмените выбор (2) .

И, наконец, вы завершили уникальную композицию из круглых фотографий.

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

Как в Photoshop закруглить края изображения? — Mvorganizing.org

Как в Photoshop закруглить края изображения?

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

  1. Шаг 1. Разблокируйте фоновый слой.-Дважды щелкните фоновый слой, чтобы разблокировать его.
  2. Шаг 2: Выберите инструмент «Форма». В разделе «Форма» выберите инструмент «Прямоугольник со скругленными углами».
  3. Шаг 3: Выберите путь и радиус.
  4. Шаг 4: Создайте векторную маску.
  5. Шаг 5: Нарисуйте округлую форму.
  6. Шаг 6: Сохраните фотографию.

Как изогнуть края изображения?

Закругление краев фигур или фотографий

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

Как округлить края изображения в CSS?

Придайте форму углам. Свойство CSS border-radius добавляет закругленные углы. Вы можете экспериментировать с разными значениями, чтобы получить то, что вам нравится. радиус границы: 75 пикселей; Если вы хотите, чтобы это был круг, добавьте border-radius: 50%; .

Как изогнуть края изображения в CSS?

CSS Закругленные углы

  1. Совет. Это свойство позволяет добавлять к элементам закругленные углы!
  2. Четыре значения — border-radius: 15px 50px 30px 5px; (первое значение применяется к верхнему левому углу, второе значение применяется к верхнему правому углу, третье значение применяется к нижнему правому углу, а четвертое значение применяется к нижнему левому углу):

Можно ли применить свойство transform к тени блока?

Эффект всплывающего окна Используя преобразования свойства box-shadow (& transform), мы можем создать иллюзию перемещения элемента ближе или дальше от пользователя.

Какое приложение для фотографий все используют в Instagram?

VSCO — одно из самых оригинальных и популярных приложений для редактирования фотографий. Фактически, он настолько популярен, что более 200 миллионов постов в Instagram содержат хэштег #VSCO. Есть 10 бесплатных предустановленных фильтров, благодаря которым ваши фотографии, снятые с телефона, выглядят так, как если бы они были сняты на пленку.

Какие подписи в Instagram самые лучшие?

Симпатичные подписи к селфи

  • «Если вы искали знак, вот он».
  • «Помните, что счастье — это способ путешествия, а не пункт назначения.”
  • «То, что вы бодрствуете, не означает, что вам следует перестать мечтать».
  • «Будь собой, лучше нет никого».
  • «Меньше стресса и наслаждайтесь лучшим».
  • «Ищите волшебство в каждом моменте».

Следует ли использовать белые рамки в Instagram?

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

Следует ли использовать рамки в Instagram?

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

Как уместить в Инстаграм целую картинку без рамок?

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

  1. Шаг 1. Загрузите изображение в iResizer.
  2. Шаг 2: Выберите на изображении объекты, которые нужно защитить от искажения.
  3. Шаг 3. Измените соотношение сторон.
  4. Шаг 4. Получите идеальное квадратное фото.

Инстаграм избавился от границ?

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

Можете ли вы добавить белые рамки к уже размещенным фотографиям IG?

Первое приложение под названием «Границы фотографий в Instagram» доступно для iOS и Android. Он позволяет редактировать и раскрашивать края ваших фотографий. Чтобы добавить белую рамку по бокам фотографии, выберите опцию в центре внизу, как показано красной стрелкой.

Почему Instagram избавился от рамок?

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

Какой самый популярный фильтр в Instagram?

Кларендон

.
Оставить комментарий

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

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