Как сделать картинку в фотошопе с краями
Обновлено: 05.07.2024
Фотошоп знает несколько способов как можно сделать растушевку изображения. В этой статье вы узнаете, что вообще такое растушевка, где она расположена и разберем пример как сделать растушевку в фотошопе.
Она доступна, только когда вы работаете с выделением и выделенной областью!
Принцип работы:
Создается выделенная область, с указанием размеров растушевки. Видимых изменений не появилось. Мы только указали фотошопу, что по обе стороны выделения нам нужен эффект растворения. Далее необходимо удалить ту часть изображения, в сторону которой будет идти растворение. В результате фотошоп будет выборочно какие-то пиксели удалять, а какие то делать полупрозрачными. Ниже на примере вы увидите как это выглядит.
Сперва разберемся где находится растушевка и как ее выбрать.
1. Инструменты фотошопа, связанные с выделением:
Возьмем для примера любой из перечисленных инструментов, например, Лассо и посмотрим на панель параметров. Среди всего прочего, вы обнаружите настройку, позволяющая задать размер растушевки. В точно таком же виде данный параметр представлен и в остальных инструментах.
Зачем нужна эта команда, если казалось бы, достаточно настроек на панели параметров?
Давайте теперь посмотрим как на практике применяется растушевка. Попробуем сделать растворяющиеся края изображения.
Создадим выделенную область по периметру изображения. Для этого возьмем инструмент Прямоугольная область и, сделав отступ от края чуть меньше сантиметра, создадим рамку выделения.
Если справа или слева от выделения не будет пространства изображения, команда Растушевка станет недоступной.
После этого углы выделения должны стать закругленными.
Теперь удалим края изображения. Для этого нажмите на клавишу Delete .
В своем примере я нажал три раза на удаление.
Чтобы убрать рамку выделения нажмите Ctrl+D .
Растушевка резких краев
Также растушевка пригодится, чтобы сгладить эффект резких краев у изображения. Это особенно актуально, когда работа идет над коллажем.
Добавляя новые объекты к коллажу, очень заметен эффект не естественного перехода границ одного объекта к другому. Для примера разберем создание мини-коллажа.
Создайте папку на компьютере и скачайте в нее исходные материалы: текстура и клипарт львов.
Создайте новый документ. Я выбрал размер: 655 х 410 пикселей.
Либо посмотрите какие еще бывают способы как открыть изображение в фотошопе.
Левушки откроются в новой вкладке фотошопа. Нужно переместить их в наш ранее созданный документ. Для этого потяните вкладку с картинкой в сторону рабочего пространства, чтобы изображение появилось в отдельном окне.
Вот, что должно получиться:
Теперь выберите инструмент Перемещение и перетащите львов в ранее созданный документ.
Из-за больших размеров изображения рамочка может не поместится в видимом пространстве фотошопа. Уменьшите масштаб документа, нажимая Ctrl+−(минус) .
Добавим текстуру фона. Для этого повторите шаги со 2 по 3.
В итоге поверх львов должна появится зеленая текстура огромных размеров. Не спешите ее уменьшать! Оставьте как есть. Позже ее только подвинем.
На палитре слоев переместите слой со львами выше текстуры.
Обратите внимание, как контрастируют края изображения со львами на фоне зеленого цвета.
Во-вторых, даже если бы не было белой полосы, то переход от шерсти животного к окружающему фону не выглядит естественным образом.
Удерживая клавишу Ctrl , кликните мышкой по миниатюре слоя на палитре. Так мы создали выделенную область по контуру слоя.
На этом можно было бы и закончить, поскольку пример с растушевкой уже у вас перед глазами. Но ради красоты доведем композицию до конца.
Выберите на палитре слой с текстурой, возьмите инструмент Перемещение и подвигайте текстуру так, чтобы лучи как бы выходили из головы влюбленного тигра.
Теперь создадим цветовую гармонию.
Добавим маленькую тень в стилях слоя со львами. Повторите такие же настройки:
Кадрирование — это отсечение фрагментов фотографии с целью фокусирования или улучшения компоновки. Используйте инструмент «Рамка» для кадрирования и выравнивания фотографий в Photoshop. Инструмент «Рамка» является неразрушающим. После кадрирования можно восстановить часть обрезанного изображения, чтобы подобрать наилучшие границы кадра. Инструмент «Рамка» также предоставляет интуитивные методы выравнивания фотографии при кадрировании.
Для всех операций визуальные направляющие обеспечивают интерактивный просмотр. При кадрировании или выравнивании фотографии доступен предварительный просмотр в реальном времени.
Выберите инструмент «Рамка» ( ) на панели инструментов. По краям фотографии появятся границы кадра.
Нарисуйте новую область кадрирования или перетащите ручки угла и краев кадра на фотографии.
(Необязательно) Укажите параметры инструмента «Рамка» с помощью панели «Управление».
A. Меню «Пропорции» B. Поменять местами ширину и высоту C. Параметры наложения
Размер и пропорции
Выберите соотношение сторон или размер прямоугольника кадра. Вы можете выбрать готовый набор параметров, задать новые параметры или определить пользовательский набор параметров для последующего использования.
Выберите вид направляющих, задающих границы кадра изображения. Доступны следующие виды направляющих: «Правило 1/3», «Сетка» и «Золотое сечение». Чтобы просмотреть все параметры, нажмите «O».
Параметры инструмента «Рамка»
Выберите меню «Настройки» (значок шестеренки), чтобы указать дополнительные параметры инструмента «Рамка».
Использовать классический режим
Включите эту настройку, чтобы инструмент «Рамка» работал как в предыдущих версиях Photoshop (CS5 и более ранних).
Просмотр автоматического центрирования
Включите эту настройку, чтобы поместить просматриваемое изображение в центр холста.
Показать отсеченную область
Включите эту настройку, чтобы отобразить область, удаляемую при кадрировании. Если эта настройка отключена, показывается только результат кадрирования.
Включить экран кадрирования
Используйте экран кадрирования, чтобы наложить оттенок на удаляемые области. В этой настройке можно выбрать цвет и прозрачность экрана. Если включена настройка Автоматическая настройка непрозрачности , прозрачность повышается при редактировании границ кадра.
Удаление обрезанных пикселей
Отключите эту настройку, если необходимо неразрушающее кадрирование, при котором пикселы вне рамки сохраняются. Неразрушающее кадрирование не приводит к удалению из памяти частей изображения. Если после кадрирования щелкнуть изображение, можно увидеть области вне текущей границы кадра.
Включите эту настройку, чтобы удалить пикселы, лежащие за пределами границ кадра. Удаленные пикселы будут потеряны и не смогут использоваться при последующей корректировке кадра.
Щелкните прямоугольник кадра правой кнопкой мыши для доступа к контекстному меню параметров кадрирования.
Нажмите клавишу Enter (в Windows) или Return (в Mac OS), чтобы выполнить кадрирование фотографии.
Впервые в версии Photoshop CC 2015.5
В Photoshop теперь используется технология учета содержимого для интеллектуального заполнения пробелов при использовании инструмента «Рамка» для выравнивания или поворота изображения либо расширения холста за пределы исходного изображения.
Выполните следующие действия.
На панели инструментов выберите инструмент «Рамка» ( ). По краям фотографии появятся границы кадра.
На панели «Параметры» выберите «С учетом содержимого». Прямоугольная рамка по умолчанию расширяется на все изображение.
Выровняйте или поверните изображение с помощью маркеров перетаскивания вдоль рамки. Можно также развернуть холст больше первоначального размера изображения.
После получения желаемого результата нажмите значок с галочкой на панели Параметры , чтобы подтвердить операцию кадрирования. Photoshop интеллектуально заполнит белые области или пробелы на изображении.
Заливка с учетом содержимого изображения при кадрировании не поддерживается в классическом режиме инструмента «Рамка». Чтобы отключить классический режим , выполните следующие действия.
- Выбрав инструмент «Рамка», щелкните значок Задать дополнительные параметры кадрирования на панели инструментов.
- В появившемся меню «Параметры» снимите флажок Использовать классический режим .
В последнем выпуске Photoshop при выравнивании изображений рекомендуется использовать параметр Заливка с учетом содержимого при кадрировании.
Изображение можно выровнять во время кадрирования. Фотография поворачивается и выравнивается до желаемого результата. После поворота размеры холста автоматически изменяются.
В фотошопе есть инструмент Перемещение, который позволяет автоматически со сто процентной точностью выровнять любой объект/слой по центру изображения или его краям. Также можно выровнять относительно отдельно взятого участка на изображении. Все это очень просто и об этом пойдет речь в данной статье.
Как правило, новички эту операцию делают на глаз, что совсем не обязательно. Выберите инструмент Перемещение и обратите внимание на его панель параметров. Там имеется ряд настроек, которые и отвечают за эту задачу (смотрите на скриншоте):
Первые три кнопки отвечают за выравнивание по вертикали (слева направо): по верхнему краю, по центру, по нижнему краю.
Следующие три кнопки отвечают за горизонтальное выравнивание (слева направо): по левому краю, по центру, по правому краю.
Таким образом, чтобы разместить объект ровно по центру, нужно выбрать центрирование по вертикали и горизонтали.
Самое главное правило выравнивания: прежде всего, вы должны указать фотошопу область, относительно которой программа и должна искать края или середину. Пока вы этого не сделаете, кнопки выравнивания будут не активными, то есть их нельзя нажать.
В этом и кроется секрет того, как сделать объект посередине всего изображения или его отдельного фрагмента.
Итак, последовательность действий следующая:
Допустим, нужно разместить по центру эту картинку:
Шаг 1
Указываем фотошопу область, относительно которой программа должна выровнять изображение. Это делается путем создания выделенной области.
Шаг 2
Теперь нужно выбрать инструмент Перемещение. Когда у нас есть рамка выделения, то кнопки выравнивания станут активными, а значит их можно использовать.
Выберите слой с картинкой, которую нужно выравнивать, а теперь нажимайте на кнопки в соответствии с тем, куда бы вам хотелось разместить эту картинку. Например, давайте разместим ровно по центру. Тогда нам нужно нажать вот эти кнопки:
Еще пример. Допустим, нужно разместить картинку по центру, но с левого края. Тогда на панели параметров выбираем такие кнопки:
Допустим, на изображении присутствует фрагмент, внутри которого нужно идеально ровно разместить какую-нибудь картинку. В своем примере я добавил стеклянный квадрат. Пусть внутри него будет находиться другая картинка (кстати, в этой статье можно научиться самому делать такой стеклянный квадрат).
Шаг 1
Первым делом, по аналогии с первым вариантом, необходимо выделить этот фрагмент. Как этот сделать?
Шаг 2
Выберите слой с картинкой и выберите кнопки как бы вы хотели эту картинку разместить. Например по центру:
В некоторых случаях требуется вручную немного скорректировать местоположение картинки. Выберите инструмент Перемещение и, зажав клавишу Shift , нажимате на стрелки направлений на клавиатуре. Картинка будет двигаться с шагом в 10 пикселей.
Если не зажимать эту клавишу, а просто пользоваться стрелками клавиатуры, то картинка будет двигаться с шагом в 1 пиксель.
Прямые углы изображений нравятся всем. Но все-таки бывают случаи, когда эти самые углы требуется закруглить. Тогда Вам на помощь вновь придет программа фотошоп. В этой статье разберем один из многих способов как это можно сделать. Имейте ввиду, мой способ предполагает также и небольшое отсечение изображения по краям, это, своего рода, жертвоприношение во имя округлых углов.
Для тех кто любит больше наглядности, я записал видеоурок, который можно посмотреть в конце этого урока. Итак, начнем закруглять углы изображения:
Шаг 1
Шаг 2
Сочетанием клавиш Ctrl+Shift+N создаем новый слой.
Теперь нарисуйте квадратик с закругленными краями поверх нашего с вами изображения. Не стоит оставлять много свободного места по краям. Попытайтесь подобрать размер так, чтобы пришлось обрезать как можно меньше. Вот, что должно получиться:
Если края фигуры начнут «прилипать» к краям изображения, то нажмите и удерживайте клавишу Ctrl и продолжайте двигать фигуру.
Также при помощи комбинации клавиш Ctrl+T, вы можете изменить размер фигуры, путем ее растяжения при помощи мыши. Чтобы фигура не деформировалась при растягивании, нажмите и удерживайте клавишу Shift и тяните за углы, и тогда квадрат будет растягивать пропорционально.
В результате данных манипуляций получим квадрат с закругленными краями почти такого же размера что и исходное изображение.
Шаг 3
Теперь нажмите и удержите зажатой клавишу Ctrl , затем левой кнопкой мыши кликните на миниатюру слоя с только что нарисованным квадратом. Вы увидите пунктирную линию вокруг квадрата, это говорит о том, что он выделен.
Шаг 4
Шаг 5
На панели слоев кликните на самый первый слой с нашим исходным изображением и нажмите сочетание клавиш Ctrl+Shift+I . В итоге у нас должна выделиться вся область вне границ нашего квадрата. Это называется инверсия выделения. Присмотритесь внимательней, что изменилось:
Шаг 6
Шаг 7
Теперь сделаем невидимым наш слой с фигурой. Для этого на панели со слоями нажмите на значок глаза напротив слоя с квадратом. Вот и появилось исходное изображение с закругленными углами.
Шаг 8
В дальнейшем, чтобы использовать такое изображение, его необходимо сохранить в формате PNG! В этом случае углы так и останутся прозрачными. Иначе, если сохранить, например, в формате JPG, углы автоматически станут с белым фоном.
Подробнее о форматах можно почитать здесь.
Итак, все готово. Изображение с закругленными углами будет выглядеть так:
А как сделать только, например, один закругленный угол?
Очень просто. Вернемся на тот этап, когда мы рисовали фигуру. Растяните ее так, чтобы вам был виден только один закругленный угол, а три других были бы скрыты за пределами холста. Вот, а дальше следуйте по вышеописанной инструкции. Все аналогично.
Надеюсь инструкция вам помогла и вы сможете сделать что-нибудь классное! Успехов.
Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter . Спасибо!- Изучайте теорию - учебник по фотошопу.
- Набивайте руку практикой, повторяя уроки.
- Сложно? Задавайте вопросы в комментариях к уроку или по этой форме.
Посмотрите ответы уже разобранных вопросов. - Подписывайтесь на обновления , чтобы не пропустить появление новых статей и уроков.
Использование режима Быстрая маска в работе с выделенной областью
В статье рассмотрим метод как создать область выделения, используя режим быстрой маски. Другими словами создаем выделение с помощью кисти!
Photoshop для чайников, 57 практических уроков
Практический видеокурс для полных чайников. Короткие, незаумные уроки, буквально, РАЗ, ДВА и ГОТОВО! И можно сразу распечатать или выложить в интернет. Здесь уже не будет тщательного разбора инструментов, только практическое применение.
Отличие Заливки от Непрозрачности на палитре слоев в фотошопе
На палитре слое есть две настройки: Непрозрачность и Заливка. Подрыгая их регуляторы в разные стороны, можно заметить, что изображение и там и тут меняет только свою прозрачность. Если эффект одинаковый, то какая между ними разница?
Панель вкладок в фотошопе
Комментарии к статье:«Как закруглить углы изображения при помощи фотошопа»
Спасибо. Хорошо объяснили!
Все гениальное просто!
при этом остается белый фон?
Всё норм спасибо автору!
Да вообще суперский сайт и автор молодца. Всем рекомендую, постоянно тут сижу)))
Денис, на работе фидео залочено, но щас посмотрю, в любом случае, дополнительно отпишусь :) Спасибо. :)
Возможно я делаю невнимательно, с фотографией где граничащих с вторым слоем нет белого всё получилось, но вот с фотографии где есть белый на границе, при убирании стирается все граничащие участки с белым цветом.
Михаил, Если я правильно понял, то само изображение, которое хочется сделать с закругленными краями, содержит по краям белый цвет и его оттенки. Когда вы убираете белый фоновый слой (по всей видимости ластиком или волшебной палочкой), то пропадают пиксели и с самого изображения.
Если это так, то вот Ваша ошибка:
1. Откройте исходное изображение. Оно должно быть Фоновым, т.е. единственным и первым на вашей палитре слоев.
2. Возможно будет на нем изображена иконка в виде замочка. Это значит, что фоновый слой заблокирован. Двумя щелчками вы его разблокируете.
3. Создаете новый слой для слоя-фигуры. Обратите внимание, что в итоге, на палитре слоев будет всего ДВА слоя: фоновый и фигура.
4. Рисуете фигуру. В комментарии я не буду подробно повторять что было, вообщем в итоге после инвертирования у вас должна быть выделена марширующими муравьями часть изображения, расположенная между краем слоя фигуры и краем самого документа.
5. Нажмите клавишу Delete и она будет удалена. Т.е. никакого ластика и палочки не надо, удаляется только то, что выделено. В результате ничего белого не остается, сразу будет прозрачный фон (поскольку мы удалили фрагмент фонового слоя, под которым ничего кроме пустоты нет).
Все это вы можете увидеть в прилагаемой видеозаписи, советую потратить на нее немного времени.
Да ну фигня, даже после тримминга остаются эти прозрачные поля возле углов. Кал этот фотошоп!
Читайте также: