Как в фотошопе округлить фото: Урок 11 Как закруглить углы в фотошопе
Содержание
Как в фотошопе скруглить фото
Как закруглить картинку в фотошопе или сделать ее круглой
Здравствуйте, дорогие друзья. Было дело, когда я искал информацию о том, как закруглить картинку в фотошопе и способов для этого попадалось множество, но не все они показались мне удобными. Со временем я нашел самый быстрый и простой способ закруглить углы картинки, с которым хочу поделиться с вами. Версия фотошопа роли не играет, как и при создании текста по кругу. Если вам лень читать текст, нажмите тут и вас перебросит сразу на видео, в котором то же самое, что и здесь.
Мои откровения в телеграме
Итак, открываем картинку в фотошопе, у которой нужно закруглить углы и переходим в «Слои». нажимаем клавишу Ctrl
и кликаем один раз по слою с изображением, чтобы его выделить. Должна появиться пунктирная рамка вокруг картинки. Теперь в верхней панели меню выбираем пункт Выделение — Модификация — сгладить.
И в появившемся окне нужно установить радиус закругления углов изображения. Примерно 10-15 пикселей будет нормально.
После этого снова заходим в меню «Выделение» и выбираем пункт «Инверсия».
Когда мы проделали эти не сложные процедуры, то нажимаем клавишу Delete и наблюдаем картинку с закругленными углами. Если вы таким образом хотите подготовить графику для блога, то изображение можно дополнительно облагородить, добавив рамку, тень и т. д.
Делаем круглые картинки в фотошопе
С закруглением картинок мы успешно справились, теперь давайте сделаем круглые изображения. Порядок действий простой, поэтому скриншоты не публикую. Выбираем инструмент «Эллипс», и рисуем круг в области картинки, которую нужно сделать круглой с зажатым Shift При необходимости, изменяем ее масштаб Ctrl + T и делаем инверсию, таким же способом, как было описано выше. Нажимаем кнопку Delete 2 раза, снимаем выделение Ctrl + D и любуемся полученным результатом. То же самое можно сделать с применением инструмента «Овальная область»
. Но ее нельзя масштабировать.
Вот такими нехитрыми способами можно быстро делать круглые картинки в фотошопе или делать закругленные углы. надеюсь. Что вам все было понятно. Если что, пишите в комментариях, помогло вам это решение или нет.
Как закруглить углы в фотошопе тремя легкими способами?
Автор Дмитрий Костин На чтение 5 мин. Опубликовано
Доброго всем утра, дня, вечера или ночи. С вами снова и опять Дмитрий Костин. Как-то я просматривал разные картинки и тут мне приглянулись некторые из них. А приглянулись он тем, что у них были закруглены края. Сразу как-то интереснее смотрится. Вы не находите? И поэтому в сегодняшнем уроке я хотел бы вам рассказать, как закруглить углы в фотошопе, чтобы фото смотрелось поинтереснее.
Вот чем я люблю фотошоп, так это тем, что во многих случаях одно и тоже дело можно сделать несколькими способами. Так и здесь. Давайте приступим к нашему фотошопству.
Простое сглаживание
- Откройте любое изображение в фотошопе, например фотографию машины.
- Теперь выберете инструмент «Прямоугольное выделение» и выделите изображение, только не полностью, а так, чтобы со всех сторон оставалось немного места.
- Теперь идите в меню «Выделение» — «Модификация» — «Сгладить». Вам откроется небольшое окошко, где вам надо будет ввести радиус сглаживания. Ну тут всё зависит от размера исходного изображения. Для данного изображения я решил поставить 20 пикселей. Но чем больше картинка — тем желательно и больше ставить радиус. Тут экспериментируйте. В случае чего вы всегда можете отменить последнее действие и попробовать другое число.
- Вы видите? Теперь углы на выделении закруглились. Но как вы понимаете это еще не все. Вам эту область нужно вырезать. Для этого идите в меню «Редактирование» и выберете пункт «Вырезать» или воспользуйтесь комбинацией клавиш CTRL+X. После этой манипуляции у вас исчезнет содержимое внутри выделенной области. Получилось? Отлично!
- Теперь вам необходимо создать новый документ в фотошопе. Сразу говорю, что не надо выставлять никаких параметров ширины и высоты, так как после того, как мы вырезали изображение, эти параметры автоматически подстраиваются под параметры вырезанного объекта. Т.е. просто нажимаете ОК.
- Ну и последний штрих. Теперь вам надо вставить наш вырезанный объект. Для этого идите в меню «Редактирование» и выберете пункт «Вставить», либо нажмите комбинацию клавиш «CTRL+V». Вот и всё. Как видите, теперь мы получили изображение с закругленными краями. Вам останется только сохранить это изображение.
Сглаживание с использованием границ
Этот способ похож на предыдущий, но всё же сильно отличается. Проделывать всё будем с тем же самым изображением.
- Выделите всю область целиком. Для этого воспользуйтесь либо инструментом «Прямоугольное выделение», либо нажмите комбинацию клавиш CTRL+A.
- Теперь выберете «Выделение» — «Модификация» — «Граница». Вам вылезет небольшое окошко, где вы должны будете выбрать размер границы. Я поставил 15 пикселей. Вы можете поэкспериментировать.
- Как видите у вас выделение стало двойным. Это нормально. И следующим шагом вам нужно сделать то же самое, что и в первом способе, а именно выбрать «Выделение» — «Модификация» — «Сгладить». Поставьте там там радиус закругления. Я поставлю 30.
- Ну а теперь нажмите CTRL+X и у вас будет вырезана область вокруг вашего изображения и благодаря этому ваше основное изображение станет с закругленными углами. Правда тут останется фон вокруг картинки. Но он не будет заметен (если он белый конечно). Ну а если уж совсем напрягает, то вы сможете кадрировать изображение и ли что-нибудь другое, чтобы сделать убрать лишний фон. Ну а так сохраните, и всё будет good.
С помощью создания фигуры
Вот третий способ уже кардинально отличается от двух предыдущих. Так что передохните пару секунд и едем дальше. Изображение менять не буду и опять загружу эту машину в фотошоп.
- Но для дальнейших действий нам понадобится одна фигура. Идите в панель инструментов и там выберете инструмент «Прямоугольник с закругленными краями» из группы инструментов «Фигуры».
- Теперь воспользуйтесь этим инструментом также, как и прямоугольным выделением, т.е. зажмите левую кнопку мыши в левом верхнем углу, а затем тяните всё это дело в правый нижний угол. Таким образом этот прямоугольник с закругленными краями должен закрыть нашу основную картинку.
- Как вы заметили, фигура создалась на новом слое. Это-то нам и нужно. Вот только последовательность их нас не устраивает. Вам нужно поставить слой с картинкой поверх слоя с прямоугольником. Для этого зажмите левую кнопку мыши на слое с изображением и переместите его на одну позицию выше. Но перед этим нажмите на замочек, чтобы разблокировать слой. Тогда слой с машиной встанет поверх фигуры.
- Теперь выделите слой с изображением и нажмите на нем правой кнопкой мыши, после чего выберите «Создать обтравочную маску».
Вы видите, что у вас в итоге получилось? Картинка стала с загругленными краями, а все из-за того, что она отображается только так, где стоит наш нарисованный закругленный прямоугольник. Но теперь вы можете обрезать лишний фо с помощтю инструмента»Рамка», либо же сразу сохранить картинку и у вас уже будет отдельное изображение с закругленными углами.
Попробуйте проделать все сами, а заодно и скажете, какой из представленных способов болле предпочтителен вам.
И кстати, если у вас есть пробелы в фотошопе или вы его просто хотите полностью изучить в кратчайшие сроки, то очень рекомендую вам посмотреть один замечательный курс по фотошопу для начинающих. Курс отлично сделан, рассказано и показано всё просто великолепно и каждый материал разбирается очень подробно.
Ну а на сегодня я свой урок заканчиваю. Не забудьте подписаться на новые статьи и поделитесь этим со своими друзьями. Рад был вам на моем блоге. Жду вас снова. Пока-пока.
С уважением, Дмитрий Костин
Как скруглить углы в Фотошопе
Скругленные углы на фотографии выглядят достаточно интересно и привлекательно. Чаще всего такие изображения применяются при составлении коллажей или создании презентаций. Также картинки со скругленными углами можно использовать в качестве миниатюр к постам на сайте. Вариантов использования много, а способ (правильный) получить такое фото всего один. В этом уроке мы покажем, как скруглить углы в Фотошопе.
Скругление углов в Photoshop
Для достижения результата мы используем один из инструментов группы «Фигуры», а затем просто удалим все лишнее.
- Открываем в Фотошопе фотографию, которую собираемся редактировать.
- Затем создаем копию слоя с водопадом под названием «Фон». Для экономии времени воспользуемся горячими клавишами CTRL+J. Копия создается для того, чтобы оставить нетронутым исходное изображение. Если (вдруг) что-то пойдет не так, можно будет удалить неудачные слои и начать заново.
- Идем дальше. А дальше нам понадобится инструмент «Прямоугольник со скругленными углами».
В данном случае из настроек нас интересует только одна – радиус скругления. Значение этого параметра зависит от размера изображения и от потребностей. Мы зададим значение в 30 пикселей, так будет лучше видно результат.
- Далее рисуем на холсте прямоугольник любого размера (мы его потом будем масштабировать).
- Теперь нужно растянуть полученную фигуру на весь холст. Вызываем функцию «Свободное трансформирование» горячими клавишами CTRL+T. На фигуре появится рамка, при помощи которой можно перемещать, вращать и изменять размер объекта.
- Нас интересует масштабирование. Растягиваем фигуру при помощи маркеров, указанных на скриншоте. После завершения масштабирования нажимаем ENTER.
Совет: для того, чтобы совершить масштабирование максимально точно, то есть, не выйдя за пределы холста, необходимо включить так называемую «Привязку». Посмотрите скриншот, там указано, где данная функция находится. Она заставляет объекты автоматически «прилипать» к вспомогательным элементам и границам холста.
- Далее нам необходимо выделить полученную фигуру. Для этого зажимаем клавишу CTRL и кликаем по миниатюре слоя с прямоугольником.
- Как видим, вокруг фигуры образовалось выделение. Теперь переходим на слой-копию, а со слоя с фигурой снимаем видимость (см. скриншот).
- Теперь слой с водопадом активен и готов к редактированию. Редактирование заключается в удалении лишнего из углов картинки. Инвертируем выделение горячими клавишами CTRL+SHIFT+I. Теперь выделение осталось только на углах.
- Далее удаляем ненужное, просто нажав клавишу DEL. Для того чтобы увидеть результат, необходимо снять видимость и со слоя с фоном.
- Убираем ненужное выделение горячими клавишами CTRL+D, идем в меню «Файл — Сохранить как».
Сохраняем получившееся изображение в формате PNG. Только в этом формате есть поддержка прозрачных пикселей.
Результат наших действий:
Вот и вся работа по скруглению углов в Фотошопе. Прием очень простой и эффективный.
Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТ
Поделиться статьей в социальных сетях:
Как закруглить углы изображения при помощи фотошопа
Прямые углы изображений нравятся всем. Но все-таки бывают случаи, когда эти самые углы требуется закруглить. Тогда Вам на помощь вновь придет программа фотошоп. В этой статье разберем один из многих способов как это можно сделать. Имейте ввиду, мой способ предполагает также и небольшое отсечение изображения по краям, это, своего рода, жертвоприношение во имя округлых углов.
Для тех кто любит больше наглядности, я записал видеоурок, который можно посмотреть в конце этого урока. Итак, начнем закруглять углы изображения:
Шаг 1
Откройте исходное изображение, допустим у меня такое:
Шаг 2
Сочетанием клавиш Ctrl+Shift+N создаем новый слой.
Затем выберите на панели инструментов инструмент «Прямоугольник со скругленными краями» U. На панели параметров укажите желаемый радиус закругления. Я взял 20 пикселей. На этой же панели параметров установите значение «выполнить заливку пикселов».
Теперь нарисуйте квадратик с закругленными краями поверх нашего с вами изображения. Не стоит оставлять много свободного места по краям. Попытайтесь подобрать размер так, чтобы пришлось обрезать как можно меньше. Вот, что должно получиться:
Нарисованный квадрат можно двигать при помощи мыши. Для этого выберите слой с квадратом, выберите на панели инструментов инструмент «Перемещение» – и смело двигайте.
Если края фигуры начнут «прилипать» к краям изображения, то нажмите и удерживайте клавишу Ctrl и продолжайте двигать фигуру.
Также при помощи комбинации клавиш Ctrl+T, вы можете изменить размер фигуры, путем ее растяжения при помощи мыши. Чтобы фигура не деформировалась при растягивании, нажмите и удерживайте клавишу Shift и тяните за углы, и тогда квадрат будет растягивать пропорционально.
В результате данных манипуляций получим квадрат с закругленными краями почти такого же размера что и исходное изображение.
Шаг 3
Теперь нажмите и удержите зажатой клавишу Ctrl, затем левой кнопкой мыши кликните на миниатюру слоя с только что нарисованным квадратом. Вы увидите пунктирную линию вокруг квадрата, это говорит о том, что он выделен.
Шаг 4
Разблокируем фоновый слой.
По умолчанию, все изображения, открываемые в фотошопе становятся фоновым изображением. Фотошоп именует такой слой как «Фон», а также блокирует его от лишнего редактирования. Об этом нам сигнализирует маленькая иконка замочка.
Чтобы разблокировать такой слой, нужно дважды кликнуть по нему. Появится диалоговое окно «Новый слой». Ничего не изменяйте, просто нажмите на ОК. Теперь замочек должен исчезнуть.
Шаг 5
На панели слоев кликните на самый первый слой с нашим исходным изображением и нажмите сочетание клавиш Ctrl+Shift+I. В итоге у нас должна выделиться вся область вне границ нашего квадрата. Это называется инверсия выделения. Присмотритесь внимательней, что изменилось:
Шаг 6
Теперь нажмите комбинацию клавиш Ctrl+X (редактирование — вырезать) для удаления выделенной области. Выделение должно исчезнуть, а там, где когда-то было изображение, появится шахматный фон (прозрачность).
Шаг 7
Теперь сделаем невидимым наш слой с фигурой. Для этого на панели со слоями нажмите на значок глаза напротив слоя с квадратом. Вот и появилось исходное изображение с закругленными углами.
Шаг 8
Выполните команду Изображение — Тримминг, чтобы фотошоп удалил все лишнее пространство вокруг изображения. В итоге режим прозрачности должен быть виден только в углах.
В дальнейшем, чтобы использовать такое изображение, его необходимо сохранить в формате PNG! В этом случае углы так и останутся прозрачными. Иначе, если сохранить, например, в формате JPG, углы автоматически станут с белым фоном.
Подробнее о форматах можно почитать здесь.
Итак, все готово. Изображение с закругленными углами будет выглядеть так:
А как сделать только, например, один закругленный угол?
Очень просто. Вернемся на тот этап, когда мы рисовали фигуру. Растяните ее так, чтобы вам был виден только один закругленный угол, а три других были бы скрыты за пределами холста. Вот, а дальше следуйте по вышеописанной инструкции. Все аналогично.
Надеюсь инструкция вам помогла и вы сможете сделать что-нибудь классное! Успехов.
Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter. Спасибо!
Модификация фигур в Photoshop
На панели Параметры обводки выполните любое из следующих действий.
- Выберите требуемый стиль обводки.
- Щелкните значок Выровнять и выберите параметр для определения положения обводки относительно контура.
- Щелкните значок Концы и выберите тип конца для определения вида обоих концов контура.
Срезанные концы Создает квадратные концы, которые заканчиваются в конечных точках.
Скругленные концы Создает полукруглые концы, которые распространяются за конечные точки на половину толщины обводки.
Выступающие концы Создает квадратные концы, которые распространяются за конечные точки на половину толщины обводки. Этот параметр обеспечивает равномерное распространение толщины обводки во всех направлениях вокруг контура.
Примечание. Помните о том, что концы отображаются, только когда контур открыт. Кроме того, концевые стили лучше видны при больших значениях толщины обводки.
- Щелкните значок Угол для отображения обводки в угловых точках.
Угловые стыки Создает острые углы, которые выходят за пределы конечной точки, если длина среза находится в пределах среза.
Скругленные стыки Создает скругленные углы, которые выходят за конечные точки на половину ширины обводки.
Скошенные стыки Создает скругленные углы, которые заканчиваются в конечных точках.
Примечание. Как и концы, стыки отображаются более наглядно при больших значениях толщины обводки.
Как в фотошопе закруглить углы картинки и фотографии
Доброго времени суток, уважаемые начинающие разработчики сайтов. Наконец-то я перехожу к рассказам о том, какие методы использовать для создания крутых сайтов. Сегодня я поведаю как за несколько минут обработать фотографию и тем самым сделать портал красивее, а длительность посещений существенно больше. Не верите? А зря…
С момента появления продающих сайтов крупные компания вплотную начали изучение вкусов аудитории. Какие-то свои открытия они тщательно стараются скрывать, так как приемы работают слишком хорошо, а другие утаить довольно сложно, используются они слишком уж часто.
К ровным, прямоугольным фотографиям все уже давно привыкли. Они используются, когда речь идет о серьезном бизнесе, занимающимся ответственными делами.
Когда компания или услуга попроще, то и картинки с плавными переходами можно увидеть гораздо чаще. Вы можете убедиться в этом на любой хорошей продающей странице, которая будет являть собой собрание лучших приемов журналистики, маркетинга и психологи.
Сегодня вы узнаете все методы как в фотошопе закруглить углы . В случае если вы думаете о том, чтобы удержать внимание и расположить к себе, то используйте обтекаемые формы, а если делаете серьезный портал и хотите создать между собой и читателем некий барьер, то лучше использовать прямоугольные изображения: «Мы серьезные ребята, хотите качество – к нам».
Быстрый способ закруглить фотку
Итак, работать будем в фотошопе. Открываем изображение.
Находим инструмент «Прямоугольник со скругленными углами».
Если не можете его отыскать, то удерживайте пару секунд левую клавишу мыши на кнопках меню, чтобы у вас открылись дополнительные опции.
Не важно какой цвет вы выберете. Тащите объект по картинке, чтобы нужная вам область была внутри фигуры.
Обратите внимание на свойства. Можете «поиграть» с показателями, указанными на картинке, и загнуть края сильнее. Введи свое число и жмите enter, чтобы увидеть результат. Когда он вас удовлетворит, нажмите enter повторно.
Теперь, удерживая кнопку CTRL, кликните по центру слоя, в котором находится только что нарисованный вами прямоугольник. Будьте внимательны, если тыркнете по тексту, то ничего не произойдет. Нажимать нужно именно в центр иконки с миниатюрным изображением.
Теперь убираем видимость. Для этого щелкните по «глазу» рядом со слоем.
Переходим к работе со слоем, выделите его: нажмите мышкой хоть по тексту, хоть по иконке. Не важно. Не пропустите этот шаг, иначе волшебства не произойдет.
Далее создаем новую маску слоя при помощи этой клавиши.
Готово. Если вы собираетесь выставлять картинку на сайт, то можно ее сохраните, главное не ошибитесь с форматом.
Вам нужен именно png.
В этом случае края с шашкой будут прозрачными. Выберите jpeg и их заменит непривлекательная белая рамка.
Вы также можете добавить эту картинку на фото. В этом случае сохранять и открывать заново не обязательно.
Просто выделяете ее (Ctrl+A) затем копируете (Ctrl+C) и вставляете в другое изображение (Ctrl+V).
Готово.
Скругление для дизайнеров, ускоряем процесс работы над проектом
Допустим, вы работаете над каким-то важным крутым проектом. Все уже почти готово и вы хотите посмотреть, как оно будет выглядеть со скругленными углами. Не обязательно открывать по сто тысяч вкладок: обрезать — вставлять и так далее. Все можно сделать гораздо быстрее и проще.
Вот посмотрите на мой пример. Кстати, если хотите, то можете скачать этот psd- файл, открыть его фотошопом и попрактиковаться (скачать).
Выделяем нужный нам слой. Я собираюсь работать с большим изображением совы. Поэтому зажимаю Ctrl и кликаю на центру миниатюрного изображения этого слоя. Не по тексту или глазу. По картинке с картинкой. Простите за тавтологию.
Далее в верхней панели находим выделение – модификация – сгладить.
Первым делом ставим галочку напротив «применить эффект на границах». Затем ставим радиус.
К сожалению, придется выбирать на глаз. Здесь, как правило, ставят 15. Это стандарт, но, как вы понимаете, от него можно отходить.
Подбираем идеальный вариант.
Затем во вкладке «Выделение» находим «Инверсия».
Нажимаем кнопочку «del» на клавиатуре и готово.
Чтобы убрать ползающих муравьев по краям нужно нажать одновременно Ctrl и D.
Готово.
Если вам понравились эти уроки, то можете найти еще. Для этого не обязательно искать по Youtube, что в голову придет. Можно изучить все фишки «от А до Я» по видео урокам. Получите бесплатную презентацию последней версии курса на русском фотошопе. В этом случае вы не только сможете делать элементарные вещи, но и научитесь выполнять сложную работу, увидите, как применяют простые навыки настоящие специалисты и что из этого получается.
Смотрите, например, то, чему вы научились сегодня можно применить не только для обрезки углов.
Вы уже знаете, как сделать картинку в треугольниках. Не понимаете? Все очень просто.
Берете за основу первый способ обрезки из этой статьи, но вместо работы с прямоугольником выбираете многоугольник.
Не забудьте выставить «три стороны» в панели сверху, чтобы не морочить голову с преобразованием фигуры.
И, если не хотите, чтобы углы были такие же острые как у меня, просто выставите сглаживание в настройках.
Этот рисунок в psd формате вы можете скачать прямо из моего блога и поработать с ним (скачать). Думаю, что улучшить его не проблема.
Если эта статья была полезной, подписывайтесь на рассылку моего блога. Вас ждет еще куча интересных вещей! И напоследок видео о том, как при помощи фотошопа девушку можно превратить в пиццу. Смотрите до конца, это забавно.
Как скруглить углы в Photoshop
Это может показаться странным, но на самом деле формы могут вызывать у людей определенные чувства, поэтому продуманный дизайн так важен. Например, люди предпочитают круглые формы угловатым, потому что они более привлекательны и дружелюбны. Даже добавление закругленных краев к прямоугольнику сделает его более доступным, и во многих случаях он выглядит лучше с точки зрения дизайна. Изучить , как скруглять углы в Photoshop , довольно просто, и хотя есть много методов для достижения той же цели, мы собираемся научить вас делать это с изображением с помощью векторных масок.
Нужны изображения для вашего проекта? В этом вам может помочь впечатляющая коллекция Shutterstock, состоящая из более чем 70 миллионов изображений! Посмотрите, что может предложить наша библиотека.
Сначала вам нужно открыть новый проект Photoshop. На панели «Слои» выберите фоновый слой и залейте его черным, чтобы лучше понять, что происходит с вашими фигурами. Затем перетащите или загрузите фотографию в проект.
Ваша фотография теперь должна отображаться как отдельный слой на панели «Слои» (ищите «Слой 1»).Убедитесь, что он выбран, а затем щелкните значок «Маска слоя» в нижней части панели (он выглядит как прямоугольник с белым кружком внутри). Теперь вы должны увидеть пустую миниатюру справа от миниатюры предварительного просмотра слоя 1.
Если вы щелкнете по тому же значку «Маска слоя» второй раз, в слое 1 появится еще одна миниатюра предварительного просмотра. На самом деле это миниатюра векторной маски, которая позволяет вам использовать формы для скрытия определенных участков слоя. Это как скруглить углы в Photoshop , не изменяя исходное изображение.
Затем перейдите на главную панель инструментов и получите доступ к инструменту «Прямоугольник со скругленными углами», щелкнув и удерживая обычный инструмент «Прямоугольник». В верхней части экрана вы увидите набор параметров для инструмента «Прямоугольник со скругленными углами»; нажмите на опцию «Слои формы» (она выглядит как прямоугольник).
В правой части той же панели параметров вы найдете настройку радиуса. Чем выше значение радиуса, тем более скругленными будут углы. Мы рекомендуем начинать с установки около 30 пикселей, растягивая фигуру, чтобы посмотреть, как она выглядит, а затем при необходимости настраивать радиус.
Когда вы будете готовы нарисовать прямоугольник с закругленными углами, вернитесь на панель «Слои» и щелкните эскиз векторной маски. Теперь вы можете нарисовать свою фигуру, и все внутри нее останется видимым. Чтобы перецентрировать прямоугольник, нажмите и удерживайте клавишу пробела, а затем перетащите фигуру курсором. Когда вы отпускаете кнопку мыши, векторная маска волшебным образом закругляет углы вашего изображения.
.
Узнайте, как обрезать изображение по кругу за 8 шагов
Изучите простую обрезку квадрата.
Изучите основы этого простого руководства по быстрой обрезке квадратного изображения. Инструмент «Обрезка» является неразрушающим, то есть вы можете сохранить обрезанные пиксели и отредактировать или обрезать изображение позже. Вы также можете узнать, как навсегда удалить края фотографии.
Выпрямление и обрезка изображения.
Иногда кадрирование на фотографии не идеальное до начала редактирования.Ознакомьтесь с этим руководством по выпрямлению изображения с помощью технологии с учетом содержимого. Этот инструмент автоматически заполняет пробелы, когда вы расширяете холст за пределы исходного размера изображения.
Создайте более круговое искусство.
Если вы хотите создать круговую графику, которая сочетается с круговым кадрированием, взгляните на это интригующее пошаговое руководство от художника Амра Эльшами. Посмотрите, как он использовал фильтр искажения «Полярные координаты» в Photoshop, чтобы превратить красивую фотографию горного хребта во что-то совершенно новое.
После того, как вы освоите круговую обрезку в Photoshop, вы можете легко использовать новое изображение в любом проекте, который вы выполняете в приложениях Adobe Creative Cloud. Также изучите, что находится за рамками обрезанного круга, и используйте эти методы, чтобы обрезать изображения и придать им другие формы.
.
Как накладывать изображения в Photoshop
Поэкспериментируйте с режимами наложения.
Режимы наложения в Photoshop предоставляют уникальные способы комбинирования и перекрытия изображений. В частности, режимы наложения определяют, как на пиксели изображения влияет инструмент рисования или редактирования. Понимание влияния каждого режима наложения на ваш основной цвет поможет вам получить именно тот вид, который вы хотите в конечном изображении. По умолчанию для режима наложения установлено значение «Нормальный», и если вы отрегулируете непрозрачность изображения, вы сможете смешивать слои.Выберите другие режимы, например «Затемнение», чтобы по-другому смешать пиксели.
Создайте любой образ, который вы только можете себе представить.
Получите полный контроль над смешиванием и наложением изображений с помощью масок слоев и настроек прозрачности. Заблокируйте определенные области изображения с помощью масок. Тогда легко решить, что смешать, а что нет. Вы также можете использовать маски, чтобы скрыть или скрыть части слоя изображения.
Сделайте фотографии текстурными.
Создавайте уникальные фотоэффекты, накладывая изображения друг на друга и добавляя текстуры и узоры к исходным фотографиям. Поиграйте с различными текстурами и вариантами смешивания, такими как листва и зелень или различные текстуры бумаги, чтобы получить уникальные и неожиданные результаты.
.
Как сделать фон прозрачным в Photoshop
Узнайте, как сделать фон прозрачным в Photoshop, и откройте для себя более быструю альтернативу в редакторе Shutterstock.
Есть много способов вырезать объект или удалить фон из изображения. Многие начинают с фотошопа. Два популярных метода маскирования в Photoshop используют инструменты выделения, такие как Magic Wand, Lasso, а также режим Select и Mask. Между тем, режим быстрой маски использует кисть для рисования фона.
Эти методы можно использовать для более сложного удаления фона, но иногда вам нужен быстрый и простой вариант для удаления фона. Если вы ищете бесплатную и простую альтернативу Photoshop, мы покажем вам, как Shutterstock Editor может помочь вам сделать фон прозрачным за несколько простых шагов.
Метод 1. Инструменты и маски выделения
Шаг 1. Использование инструмента Magic Wand Tool
Выберите инструмент Magic Wand Tool в окне «Инструменты».Начните с Допуск 20% в меню Опции .
Измените допуск по мере необходимости, чтобы добавить новые области к выделению.
Вы можете добавить к выделению с помощью Magic Wand, удерживая Shift и щелкая в другой области. Вы можете вычесть из выделенного, удерживая Option и щелкнув область, которую не хотите включать.
Шаг 2. Используйте инструмент «Лассо» для точной настройки выделения
Когда у вас есть грубый выбор объекта или фона, используйте инструмент Lasso для точной настройки краев.Удерживайте Shift и перетащите, чтобы добавить к выделению.
Существует три варианта инструмента «Лассо». Вы найдете их, нажав и удерживая лассо в меню «Инструменты»:
- Лассо — Щелкните и перетащите курсор, чтобы нарисовать выделение от руки.
- Polygonal Lasso — Создание многоугольной области выделения путем добавления точек к форме выделения.
- Магнитное лассо — Автоматическое добавление к выделению путем обводки области.
Обратите внимание на изображение выше, как выделение переходит в сумку. Я использовал Лассо, удерживая Shift , и нарисовал небольшую область, чтобы заново выделить этот край. Чтобы исправить выделение, убегающее от мешка, я удерживаю Option и делаю то же самое, чтобы удалить эту область выделения.
Шаг 3. Используйте панель «Выделение и маска» для уточнения выделения
Когда вы будете довольны своим грубым выбором, нажмите кнопку Select and Mask в меню Options в верхней части экрана.Или нажмите Command + Option + R , чтобы открыть окно.
Поэкспериментируйте с настройками Global Refinement, чтобы получить более плавный выбор.
В разделе Global Refinements начните со следующих настроек для большого изображения с высоким разрешением:
- Smooth : 3
- Feather : .3px
- Shift Edge : -20
Это сделает выделение более плавным, смягчит края и слегка сузится, чтобы уменьшить любое отражение фона.Вот что я имею в виду:
Если вы застряли, лучше всего нажать Отмена и исправить выбор вручную с помощью Magic Wand или Lasso, а затем вернуться в окно Select and Mask.
Шаг 4. Создайте маску слоя для удаления фона
В Output Settings внизу окна Select and Mask выберите Layer Mask из списка. Окно закроется, а слой с вашим объектом будет иметь маску, скрывающую фон.Затем вы можете активировать или деактивировать маску, щелкнув правой кнопкой мыши значок маски слоя в окне «Слои».
Когда активирована маска слоя, фон становится прозрачным.
Метод 2: Быстрая маска
В этом методе используется инструмент Quick Mask в Photoshop. Это способ быстро создать маску с помощью кисти. Подобно рисованию на маске слоя, вы будете переключать цвета переднего плана, чтобы добавить или удалить из маски.
Активируйте быструю маску с помощью кнопки в нижней части окна «Инструменты».
Включите / выключите режим быстрой маски в нижней части панели инструментов или просто нажмите Q.
Затем активируйте инструмент кисти (B) . В режиме быстрой маски на палитре отображаются только два цвета: черный, используемый для скрытия содержимого, и белый, используемый для отображения содержимого. Идея состоит в том, чтобы закрасить фон — ту часть, которую вы хотите удалить — черным цветом. Область, которую вы закрашиваете, станет красной.
В режиме быстрой маски области, которые вы закрашиваете, станут красными, показывая вам выделение.
Совет: Чтобы сделать большие выделения быстрее, используйте кисть большого размера и щелкните один раз в качестве отправной точки в области, которую нужно исключить. Затем, удерживая Shift, щелкните следующую точку. Это заполнит пространство между ними по прямой линии.
Чтобы сделать маску более детальной, просто увеличьте масштаб и уменьшите размер кисти, чтобы закрасить или округлить меньшие углы и кривые.
Теперь вы можете переключаться между режимом быстрой маски и стандартным режимом редактирования, нажимая Q на клавиатуре.Это покажет вам живой выбор.
Если вы хотите продолжить работу, просто нажмите Q, чтобы вернуться в режим быстрой маски и продолжить работу.
Когда вы довольны выбором, нажмите кнопку «Добавить маску слоя» в нижней части окна «Слои», чтобы замаскировать фон.
Альтернативы удалению фона в Photoshop
Если вам нужно выполнить только базовые задачи дизайна, например удаление фона, Photoshop может не подойти.Это дорого и сложно научиться. Вот несколько простых в использовании альтернатив:
- Powerpoint имеет инструмент под названием Remove Background , который начинает с выбора объекта переднего плана, замаскированного от фона. У вас также есть возможность добавлять или удалять определенные части.
- Бесплатные веб-сайты — Существует множество бесплатных приложений и веб-сайтов, которые позволяют пользователям вручную удалять фон. Хотя они могут быть простыми в использовании, к минусам относятся проблемы с надежностью и точностью, а также отсутствие безопасности системы.
- Shutterstock Editor — Средство удаления фона в редакторе позволяет легко вырезать формы и элементы из изображения. Со всеми другими инструментами дизайна в приложении вы можете создать профессиональный дизайн за половину шагов и с гораздо меньшими хлопотами.
Как удалить фон в редакторе
Shutterstock Editor — отличная альтернатива всему вышеперечисленному — мощный бесплатный инструмент для редактирования с новой функцией удаления фона. У вас есть не только прямой доступ ко всей библиотеке изображений Shutterstock и тщательно подобранным коллекциям, вы также можете настроить лицензионное изображение перед загрузкой.
Если вы следовали описанному выше методу быстрой маски, это будет несложно. Если вы сочли его слишком техническим, вы будете счастливы, что этот инструмент так же прост, как перетаскивание курсора. С помощью трех простых шагов вы быстро удалите фон с любого изображения:
- Найдите и выберите изображение
- Используйте инструмент «Удалить фон»
- Загрузите лицензионный образ
Чтобы начать работу, откройте редактор в своем браузере. Найдите и выберите изображение, затем щелкните Удалить фон в разделе Инструменты изображения в правой части окна.
Хорошее маленькое изображение собачки через Пола Стивена
Просто нажмите на кнопку — Удалить и закрасьте фон. Это уберет фон. Чтобы настроить выделение, нажмите + Добавить и закрасьте объект, который хотите сохранить. Уменьшите размер кисти с помощью ползунка Размер кисти , чтобы получить более подробную информацию, или увеличьте его, чтобы блокировать большие участки за раз.
В желтой области отображается предварительный просмотр того, что будет удалено.
Между каждым шагом программа будет настраиваться и показывать вам результаты. Часть, которую нужно удалить, будет выделена желтым цветом. Когда вас устраивает предварительный просмотр, просто нажмите Применить .
Теперь вы можете загрузить полностью лицензированное изображение с удаленным фоном и использовать его где угодно. Убедитесь, что вы сохранили его как PNG, чтобы сохранить прозрачность.
Для получения дополнительных уроков и техник продолжайте читать:
Обложка фонового изображения через FabrikaSimf , изображение кошелька через Creative Lab
.
Как округлить края в фотошопе
Доброго всем утра, дня, вечера или ночи. С вами снова и опять Дмитрий Костин. Как-то я просматривал разные картинки и тут мне приглянулись некторые из них. А приглянулись он тем, что у них были закруглены края. Сразу как-то интереснее смотрится. Вы не находите? И поэтому в сегодняшнем уроке я хотел бы вам рассказать, как закруглить углы в фотошопе, чтобы фото смотрелось поинтереснее.
Вот чем я люблю фотошоп, так это тем, что во многих случаях одно и тоже дело можно сделать несколькими способами. Так и здесь. Давайте приступим к нашему фотошопству.
Простое сглаживание
- Откройте любое изображение в фотошопе, например фотографию машины.
- Теперь выберете инструмент «Прямоугольное выделение» и выделите изображение, только не полностью, а так, чтобы со всех сторон оставалось немного места.
- Теперь идите в меню «Выделение» — «Модификация» — «Сгладить» . Вам откроется небольшое окошко, где вам надо будет ввести радиус сглаживания. Ну тут всё зависит от размера исходного изображения. Для данного изображения я решил поставить 20 пикселей. Но чем больше картинка — тем желательно и больше ставить радиус. Тут экспериментируйте. В случае чего вы всегда можете отменить последнее действие и попробовать другое число.
- Вы видите? Теперь углы на выделении закруглились. Но как вы понимаете это еще не все. Вам эту область нужно вырезать. Для этого идите в меню «Редактирование» и выберете пункт «Вырезать» или воспользуйтесь комбинацией клавиш CTRL+X. После этой манипуляции у вас исчезнет содержимое внутри выделенной области. Получилось? Отлично!
- Теперь вам необходимо создать новый документ в фотошопе. Сразу говорю, что не надо выставлять никаких параметров ширины и высоты, так как после того, как мы вырезали изображение, эти параметры автоматически подстраиваются под параметры вырезанного объекта. Т.е. просто нажимаете ОК.
- Ну и последний штрих. Теперь вам надо вставить наш вырезанный объект. Для этого идите в меню «Редактирование» и выберете пункт «Вставить» , либо нажмите комбинацию клавиш «CTRL+V». Вот и всё. Как видите, теперь мы получили изображение с закругленными краями. Вам останется только сохранить это изображение.
Сглаживание с использованием границ
Этот способ похож на предыдущий, но всё же сильно отличается. Проделывать всё будем с тем же самым изображением.
- Выделите всю область целиком. Для этого воспользуйтесь либо инструментом «Прямоугольное выделение», либо нажмите комбинацию клавиш CTRL+A.
- Теперь выберете «Выделение» — «Модификация» — «Граница» . Вам вылезет небольшое окошко, где вы должны будете выбрать размер границы. Я поставил 15 пикселей. Вы можете поэкспериментировать.
- Как видите у вас выделение стало двойным. Это нормально. И следующим шагом вам нужно сделать то же самое, что и в первом способе, а именно выбрать «Выделение» — «Модификация» — «Сгладить» . Поставьте там там радиус закругления. Я поставлю 30.
- Ну а теперь нажмите CTRL+X и у вас будет вырезана область вокруг вашего изображения и благодаря этому ваше основное изображение станет с закругленными углами. Правда тут останется фон вокруг картинки. Но он не будет заметен (если он белый конечно). Ну а если уж совсем напрягает, то вы сможете кадрировать изображение и ли что-нибудь другое, чтобы сделать убрать лишний фон. Ну а так сохраните, и всё будет good.
С помощью создания фигуры
Вот третий способ уже кардинально отличается от двух предыдущих. Так что передохните пару секунд и едем дальше. Изображение менять не буду и опять загружу эту машину в фотошоп.
- Но для дальнейших действий нам понадобится одна фигура. Идите в панель инструментов и там выберете инструмент «Прямоугольник с закругленными краями» из группы инструментов «Фигуры» .
- Теперь воспользуйтесь этим инструментом также, как и прямоугольным выделением, т.е. зажмите левую кнопку мыши в левом верхнем углу, а затем тяните всё это дело в правый нижний угол. Таким образом этот прямоугольник с закругленными краями должен закрыть нашу основную картинку.
- Как вы заметили, фигура создалась на новом слое. Это-то нам и нужно. Вот только последовательность их нас не устраивает. Вам нужно поставить слой с картинкой поверх слоя с прямоугольником. Для этого зажмите левую кнопку мыши на слое с изображением и переместите его на одну позицию выше. Но перед этим нажмите на замочек, чтобы разблокировать слой. Тогда слой с машиной встанет поверх фигуры.
- Теперь выделите слой с изображением и нажмите на нем правой кнопкой мыши, после чего выберите «Создать обтравочную маску».
Вы видите, что у вас в итоге получилось? Картинка стала с загругленными краями, а все из-за того, что она отображается только так, где стоит наш нарисованный закругленный прямоугольник. Но теперь вы можете обрезать лишний фо с помощтю инструмента»Рамка», либо же сразу сохранить картинку и у вас уже будет отдельное изображение с закругленными углами.
Попробуйте проделать все сами, а заодно и скажете, какой из представленных способов болле предпочтителен вам.
И кстати, если у вас есть пробелы в фотошопе или вы его просто хотите полностью изучить в кратчайшие сроки, то очень рекомендую вам посмотреть один замечательный курс по фотошопу для начинающих . Курс отлично сделан, рассказано и показано всё просто великолепно и каждый материал разбирается очень подробно.
Ну а на сегодня я свой урок заканчиваю. Не забудьте подписаться на новые статьи и поделитесь этим со своими друзьями. Рад был вам на моем блоге. Жду вас снова. Пока-пока.
Всем привет! У людей, которые используют графический редактор от корпорации «Adobe», достаточно часто возникает потребность закруглить углы у фотоснимка. Итак, сегодня мы расскажем вам о том, как это сделать. Давайте приступим.
1) Первым делом нам нужно запустить сам графический редактор и загрузить в рабочую область ту фотографию, которую мы в дальнейшем и будем обрабатывать.
2) Теперь нам, уже по стандарту, требуется создать слой, который точь в точь копирует основной. Для этого следует воспользоваться комбинацией клавиш «CTRL+J».
Важно!
При обработке изображения в графическом редакторе никогда не стоит работать с исходной фотографией, так как вполне возможно, что местами изображение может «поломаться» и весь процесс редактирования придётся начинать с первого этапа. Скопированный слой можно назвать «страховочным».
3) После создания копии нам потребуется воспользоваться инструментом с незамысловатым названием ««Прямоугольник со скругленными углами». Его расположение вы сможете увидеть на скриншоте ниже.
Регулируемых параметров эффекта здесь совсем немного. Из подгоняемых значений есть только радиус закругления углов. Скажем сразу, что данный параметр зависит от множества факторов, поэтому вам придётся подбирать его самостоятельно.
В качестве примера мы установим значение в 30 пикселей. Сделаем мы это для того, чтобы результат был более выражен.
4) После этого в рабочей области необходимо создать прямоугольник. Его параметры абсолютно не важны, так как позже мы всё равно их изменим.
5) Далее нам потребуется как раз таки тот инструмент, с помощью которого мы будем изменять размер сделанного прямоугольника – это «Свободное трансформирование». Для того, чтобы активировать данную функцию нужно нажать на клавиатуре комбинацию CTRL+T.
Как видно на скриншоте ниже, по краям прямоугольника теперь образовалась своеобразная рамка, которую можно с лёгкостью растянуть на всё полотно.
6) А теперь нам осталось лишь задать правильный масштаб прямоугольника, то есть воспользоваться теми самыми маркерами, с помощью которых и происходит процесс «растяжки».
Важно!
На этапе масштабирования самое главное – это не переборщить. А чтобы существенно облегчить свою работу вы можете воспользоваться так называемой «Привязкой». С её помощью вы сможете привязать фигуру к границам документа, которые она не сможет перешагнуть. Как активировать данный параметр показывает прикреплённый скриншот.
7) Теперь нам необходимо выделить наш прямоугольник. Для этого на клавиатуре требуется зажать кнопку CTRL, после чего кликнуть по миниатюре нашей геометрической фигуры, которая располагается в разделе со слоями.
8) Далее нам необходимо перейти на ранее скопированное изображение («Слой 1») и убрать видимость со слоя, на котором располагается наша фигура. Как это сделать показано на скриншоте ниже.
9) Итак, мы переходим к завершающему этапу обработки фотографии. Первым делом нажимаем на клавиатуре комбинацию клавиш CTRL+SHIFT+I для того, чтобы инвертировать обособление. Как вы видите, после этих действий выделенными остаются исключительно края фотографии.
10) Осталось лишь убрать всё ненужное. Для этого на клавиатуре в правом блоке найдите клавишу «Delete» и нажмите на неё.
Чтобы все изменения стали заметны так же, как и в прошлый раз нужно убрать видимость, только уже с того слоя, на котором располагается исходное изображение.
11) В заключении осталось лишь нажать комбинацию клавиш CTRL+D для того, чтобы удалить оставшиеся выделенные участки. Для сохранения изменений необходимо перейти к разделу «Файл» и там выбрать параметр «Сохранить как…».
Обязательно, при выборе конечного формата изображения указываем «PNG». Обусловлено это тем, что только в данном формате присутствует поддержка так называемых «пустых» пикселей.
Вот, что у нас получилось в итоге:
Итак, как вы видите, закруглить углы у фотографии в редакторе «Adobe PhotoShop» достаточно просто. Надеемся, что данная статья смогла помочь вам.
Всем мир!
Прямые углы изображений нравятся всем. Но все-таки бывают случаи, когда эти самые углы требуется закруглить. Тогда Вам на помощь вновь придет программа фотошоп. В этой статье разберем один из многих способов как это можно сделать. Имейте ввиду, мой способ предполагает также и небольшое отсечение изображения по краям, это, своего рода, жертвоприношение во имя округлых углов.
Для тех кто любит больше наглядности, я записал видеоурок, который можно посмотреть в конце этого урока. Итак, начнем закруглять углы изображения:
Шаг 1
Шаг 2
Сочетанием клавиш Ctrl+Shift+N создаем новый слой.
Затем выберите на панели инструментов инструмент «Прямоугольник со скругленными краями» U . На панели параметров укажите желаемый радиус закругления. Я взял 20 пикселей. На этой же панели параметров установите значение «выполнить заливку пикселов».
Теперь нарисуйте квадратик с закругленными краями поверх нашего с вами изображения. Не стоит оставлять много свободного места по краям. Попытайтесь подобрать размер так, чтобы пришлось обрезать как можно меньше. Вот, что должно получиться:
Нарисованный квадрат можно двигать при помощи мыши. Для этого выберите слой с квадратом, выберите на панели инструментов инструмент «Перемещение» – и смело двигайте.
Если края фигуры начнут «прилипать» к краям изображения, то нажмите и удерживайте клавишу Ctrl и продолжайте двигать фигуру.
Также при помощи комбинации клавиш Ctrl+T, вы можете изменить размер фигуры, путем ее растяжения при помощи мыши. Чтобы фигура не деформировалась при растягивании, нажмите и удерживайте клавишу Shift и тяните за углы, и тогда квадрат будет растягивать пропорционально.
В результате данных манипуляций получим квадрат с закругленными краями почти такого же размера что и исходное изображение.
Шаг 3
Теперь нажмите и удержите зажатой клавишу Ctrl , затем левой кнопкой мыши кликните на миниатюру слоя с только что нарисованным квадратом. Вы увидите пунктирную линию вокруг квадрата, это говорит о том, что он выделен.
Шаг 4
По умолчанию, все изображения, открываемые в фотошопе становятся фоновым изображением. Фотошоп именует такой слой как «Фон», а также блокирует его от лишнего редактирования. Об этом нам сигнализирует маленькая иконка замочка.
Чтобы разблокировать такой слой, нужно дважды кликнуть по нему. Появится диалоговое окно «Новый слой». Ничего не изменяйте, просто нажмите на ОК. Теперь замочек должен исчезнуть.
Шаг 5
На панели слоев кликните на самый первый слой с нашим исходным изображением и нажмите сочетание клавиш Ctrl+Shift+I . В итоге у нас должна выделиться вся область вне границ нашего квадрата. Это называется инверсия выделения. Присмотритесь внимательней, что изменилось:
Шаг 6
Теперь нажмите комбинацию клавиш Ctrl+X (редактирование — вырезать) для удаления выделенной области. Выделение должно исчезнуть, а там, где когда-то было изображение, появится шахматный фон (прозрачность).
Шаг 7
Теперь сделаем невидимым наш слой с фигурой. Для этого на панели со слоями нажмите на значок глаза напротив слоя с квадратом. Вот и появилось исходное изображение с закругленными углами.
Шаг 8
Выполните команду Изображение — Тримминг, чтобы фотошоп удалил все лишнее пространство вокруг изображения. В итоге режим прозрачности должен быть виден только в углах.
В дальнейшем, чтобы использовать такое изображение, его необходимо сохранить в формате PNG! В этом случае углы так и останутся прозрачными. Иначе, если сохранить, например, в формате JPG, углы автоматически станут с белым фоном.
Подробнее о форматах можно почитать здесь.
Итак, все готово. Изображение с закругленными углами будет выглядеть так:
А как сделать только, например, один закругленный угол?
Очень просто. Вернемся на тот этап, когда мы рисовали фигуру. Растяните ее так, чтобы вам был виден только один закругленный угол, а три других были бы скрыты за пределами холста. Вот, а дальше следуйте по вышеописанной инструкции. Все аналогично.
Надеюсь инструкция вам помогла и вы сможете сделать что-нибудь классное! Успехов.
- Изучайте теорию — учебник по фотошопу.
- Набивайте руку практикой, повторяя уроки.
- Сложно? Задавайте вопросы в комментариях к уроку или по этой форме.
Посмотрите ответы уже разобранных вопросов. - Подписывайтесь на обновления , чтобы не пропустить появление новых статей и уроков.
Основы работы со слоями: виды слоев
В фотошопе существует несколько типов слоев на одноименной панели. В этой статье вы узнаете для каких целей используется тот или иной тип.
Просто о масках в Adobe Photoshop
Запись мастер-класса «Просто о масках в Adobe Photoshop», где на протяжении 2-х часов Евгений Карташов делился своими наработками и секретами использования масок в фотошопе.
Как в фотошопе сделать черно-белое изображение с цветным элементом
Один из творческих способов подчеркнуть какой-либо объект на изображении — оставить его цветным, а все остальное изображение сделать черно-белым (эффект частичного цвета).
Линейки и направляющие
Самый быстрый способ разместить и выровнять объекты в фотошопе — нарисовать прямую линию, вдоль которой их расположить. Именно это можно сделать с помощью линеек и направляющих.
Пакетная обработка фотографий
Инструкция скоростного изменения размерности больших объемов фотографий. Что такое Droplet, как использовать.
Спасибо. Хорошо объяснили!
Все гениальное просто!
после «вырезать» ничего не происходит, просто снимается веделение. что не так?
при этом остается белый фон?
Всё норм спасибо автору!
Да вообще суперский сайт и автор молодца. Всем рекомендую, постоянно тут сижу)))
Денис, на работе фидео залочено, но щас посмотрю, в любом случае, дополнительно отпишусь 🙂 Спасибо. 🙂
Возможно я делаю невнимательно, с фотографией где граничащих с вторым слоем нет белого всё получилось, но вот с фотографии где есть белый на границе, при убирании стирается все граничащие участки с белым цветом.
Михаил, Если я правильно понял, то само изображение, которое хочется сделать с закругленными краями, содержит по краям белый цвет и его оттенки. Когда вы убираете белый фоновый слой (по всей видимости ластиком или волшебной палочкой), то пропадают пиксели и с самого изображения.
Если это так, то вот Ваша ошибка:
1. Откройте исходное изображение. Оно должно быть Фоновым, т.е. единственным и первым на вашей палитре слоев.
2. Возможно будет на нем изображена иконка в виде замочка. Это значит, что фоновый слой заблокирован. Двумя щелчками вы его разблокируете.
3. Создаете новый слой для слоя-фигуры. Обратите внимание, что в итоге, на палитре слоев будет всего ДВА слоя: фоновый и фигура.
4. Рисуете фигуру. В комментарии я не буду подробно повторять что было, вообщем в итоге после инвертирования у вас должна быть выделена марширующими муравьями часть изображения, расположенная между краем слоя фигуры и краем самого документа.
5. Нажмите клавишу Delete и она будет удалена. Т.е. никакого ластика и палочки не надо, удаляется только то, что выделено. В результате ничего белого не остается, сразу будет прозрачный фон (поскольку мы удалили фрагмент фонового слоя, под которым ничего кроме пустоты нет).
Все это вы можете увидеть в прилагаемой видеозаписи, советую потратить на нее немного времени.
Да ну фигня, даже после тримминга остаются эти прозрачные поля возле углов. Кал этот фотошоп!
Как закруглить углы изображения. Скругляем углы на фото в фотошопе. Сглаживание с использованием границ
Вам понадобится
- Фотография или другое изображение в цифровом формате;
- Компьютер с установленной на нем лицензионной программой Corel Draw.
Инструкция
Рассмотрим способ, вам требуется закруглить один или несколько углов у прямоугольного по-разному.
Откройте в программе Corel Draw новый при помощи CTRL+N, или выбрать функцию «Создать» (Create) в выпадающем из меню «Файл» списка. Далее из того же списка выберите операцию «Импорт» или вызовите ее комбинацией клавиш CTRL+I. Далее, укажите в диалоговом окне путь к файлу изображения, и нажмите кнопку «Импорт» (Import). Ваше отобразится на данном листе.
На панели инструментов найдите свиток «Редактор узлов» (Node Editor), в нем выберите инструмент «Форма» (Shape). Также этот инструмент можно вызвать нажатием клавиши F10.
Справа от угла, который вам нужно закруглить, щелкните левой кнопкой мыши по границе изображения. Появится новый узел у изображения, дополнительно к четырем угловым. Далее, выберите опцию «Преобразовать в кривую» (Convert Line To Curve) на панели «Редактора узлов». Слева от вновь созданного узла появятся метки закругления.
На таком же расстоянии от угла добавьте новый узел на перпендикулярной стороне изображения. Не меняя инструмента «Форма», щелкните по основному угловому узлу дважды, он будет удален. Сразу станет заметным закругленный угол изображения. Метками направляющих прямых можно изменять радиус закругления угла.
Очень простым способом (с привлечением векторного объекта) можно одновременно округлить все углы у прямоугольного изображения. Не прибегая к вышеописанному способу редактирования узлов, нарисуйте рядом с импортированным изображением прямоугольник такого же размера инструментом «Прямоугольник» (Rectangle Tool) или вызовите инструмент клавишей F6.
Уже знакомым вам инструментом «Форма» щелкните по прямоугольнику и потяните мышкой за любой из его узлов к центру прямоугольника. Углы будут закруглены. Радиус закругления можно откорректировать тем же инструментом.
Отметьте свое изображение стрелочкой инструмента «Указатель» (Pick Tool).
Далее в списке главного меню найдите свиток «Эффекты» (Effects) и выберите опцию «PowerClip»и из выпадающего списка функцию «Поместить в контейнер» (Place Inside Container). Широкой стрелкой укажите на нарисованный вами прямоугольник с закругленными углами. Он станет рамкой, в которой разместится ваше изображение.
Я долго искал как можно закруглить углы при помощи Adobe Photoshop, но везде где-то не дописывают, либо написано неправильно. Как оказалось закруглить углы у любой картинки займёт не более 30 секунд, естественно после того как вы научитесь это делать.
И так чтобы выполнить такую несложную операцию необходимо запустить приложение и закинуть нужную нам картинку внутрь программы, либо воспользоваться Меню->Файл->Открыть->Нужная картинка.jpg.Я буду использовать обычное изображение природы.
Обратите внимание на правый нижний угол, в «Слоях» появилось фоновое изображение, его надо преобразовать в слой. Для этого жмём по фону правой кнопкой мыши и выбираем «Слой из заднего фона».
В результате данного действия, наш фон преобраузется в слой.
Создаём дубликат картинки, для этого жмём правой кнопкой мыши по Слой 0 и выбираем «Создать дубликат слоя».
Рисунок2
Скрываем с рабочей области «Слой 0». Чтобы скрыть слой необходимо нажать иконку ГЛАЗА рядом с названием слоя.
Выделяем нужную часть на изображение.
Как только вы отметили прямоугольником нужную часть картинки, нажмите правой кнопкой мыши внутри выделе и выберите пункт «Образовать выделенную область».
В диалоговом окошке жмём кнопочку ОК, растушёвку не трогаем.
Очень важный момент! Выделяем Слой 0 (Копия), затем нажимаем кнопку DELETE на клавиатуре. Слой 0 (копия) должен быть выделен обычным щелчком мыши.
Если всё сделано правильно, в Фотошопе вы увидите примерно вот такую картину. Теперь можно сохранить изображение например в png формате, и радоваться произведению искусства.
Есть ещё один момент, если вырезанный кусок в два а то и 3 раза меньше оригинального изображения, у него останется большая пустая область, её надо удалить. Для этого выбираем инструмент раскройка, и выделяем область изображения без пустой области.
Затем заходим в меню Редактировать->Скопировать.
Заходим в меню Файл->Создать, и просто нажимаем ОК. Программа автоматически подгонит ширину и высоту холста выделенного участка изображения.
В новом проекте «Без имени 1», а мы автоматически окажемся именно в нём, заходим в меню Редактировать->Вставить.
Сохранять картинку лучше всего с помощью пункта «Сохранить для Web». Во-первых можно вручную выбрать качество изображения в процентах, во-вторых размер изображения будет в несколько раз меньше чем если сохранять обычным способом.
И что у нас получилось на выходе.
Для тех кому не понятно как у меня получилось закруглить углы, я специально записал видео, которое поможет вам в этой не сложной задаче.
1 голос
Доброго времени суток, уважаемые начинающие разработчики сайтов. Наконец-то я перехожу к рассказам о том, какие методы использовать для создания крутых сайтов. Сегодня я поведаю как за несколько минут обработать фотографию и тем самым сделать портал красивее, а длительность посещений существенно больше. Не верите? А зря…
С момента появления продающих сайтов крупные компания вплотную начали изучение вкусов аудитории. Какие-то свои открытия они тщательно стараются скрывать, так как приемы работают слишком хорошо, а другие утаить довольно сложно, используются они слишком уж часто.
К ровным, прямоугольным фотографиям все уже давно привыкли. Они используются, когда речь идет о серьезном бизнесе, занимающимся ответственными делами.
Когда компания или услуга попроще, то и картинки с плавными переходами можно увидеть гораздо чаще. Вы можете убедиться в этом на любой хорошей продающей странице, которая будет являть собой собрание лучших приемов журналистики, маркетинга и психологи.
Сегодня вы узнаете все методы как в фотошопе закруглить углы. В случае если вы думаете о том, чтобы удержать внимание и расположить к себе, то используйте обтекаемые формы, а если делаете серьезный портал и хотите создать между собой и читателем некий барьер, то лучше использовать прямоугольные изображения: «Мы серьезные ребята, хотите качество – к нам».
Быстрый способ закруглить фотку
Итак, работать будем в фотошопе. Открываем изображение.
Находим инструмент «Прямоугольник со скругленными углами».
Если не можете его отыскать, то удерживайте пару секунд левую клавишу мыши на кнопках меню, чтобы у вас открылись дополнительные опции.
Не важно какой цвет вы выберете. Тащите объект по картинке, чтобы нужная вам область была внутри фигуры.
Обратите внимание на свойства. Можете «поиграть» с показателями, указанными на картинке, и загнуть края сильнее. Введи свое число и жмите enter, чтобы увидеть результат. Когда он вас удовлетворит, нажмите enter повторно.
Теперь, удерживая кнопку CTRL, кликните по центру слоя, в котором находится только что нарисованный вами прямоугольник. Будьте внимательны, если тыркнете по тексту, то ничего не произойдет. Нажимать нужно именно в центр иконки с миниатюрным изображением.
Теперь убираем видимость. Для этого щелкните по «глазу» рядом со слоем.
Переходим к работе со слоем, выделите его: нажмите мышкой хоть по тексту, хоть по иконке. Не важно. Не пропустите этот шаг, иначе волшебства не произойдет.
Готово. Если вы собираетесь выставлять картинку на сайт, то можно ее сохраните, главное не ошибитесь с форматом.
Вам нужен именно png.
В этом случае края с шашкой будут прозрачными. Выберите jpeg и их заменит непривлекательная белая рамка.
Вы также можете добавить эту картинку на фото. В этом случае сохранять и открывать заново не обязательно.
Просто выделяете ее (Ctrl+A) затем копируете (Ctrl+C) и вставляете в другое изображение (Ctrl+V).
Скругление для дизайнеров, ускоряем процесс работы над проектом
Допустим, вы работаете над каким-то важным крутым проектом. Все уже почти готово и вы хотите посмотреть, как оно будет выглядеть со скругленными углами. Не обязательно открывать по сто тысяч вкладок: обрезать — вставлять и так далее. Все можно сделать гораздо быстрее и проще.
Вот посмотрите на мой пример. Кстати, если хотите, то можете скачать этот psd- файл, открыть его фотошопом и попрактиковаться (скачать
).
Выделяем нужный нам слой. Я собираюсь работать с большим изображением совы. Поэтому зажимаю Ctrl и кликаю на центру миниатюрного изображения этого слоя. Не по тексту или глазу. По картинке с картинкой. Простите за тавтологию.
Первым делом ставим галочку напротив «применить эффект на границах». Затем ставим радиус.
К сожалению, придется выбирать на глаз. Здесь, как правило, ставят 15. Это стандарт, но, как вы понимаете, от него можно отходить.
Подбираем идеальный вариант.
Затем во вкладке «Выделение» находим «Инверсия».
Нажимаем кнопочку «del» на клавиатуре и готово.
Чтобы убрать ползающих муравьев по краям нужно нажать одновременно Ctrl и D.
Если вам понравились эти уроки, то можете найти еще. Для этого не обязательно искать по Youtube, что в голову придет. Можно изучить все фишки «от А до Я»
по видео урокам. Получите бесплатную презентацию последней версии курса на русском фотошопе. В этом случае вы не только сможете делать элементарные вещи, но и научитесь выполнять сложную работу, увидите, как применяют простые навыки настоящие специалисты и что из этого получается.
Смотрите, например, то, чему вы научились сегодня можно применить не только для обрезки углов.
Вы уже знаете, как сделать картинку в треугольниках. Не понимаете? Все очень просто.
Берете за основу первый способ обрезки из этой статьи, но вместо работы с прямоугольником выбираете многоугольник.
Не забудьте выставить «три стороны» в панели сверху, чтобы не морочить голову с преобразованием фигуры.
И, если не хотите, чтобы углы были такие же острые как у меня, просто выставите сглаживание в настройках.
Этот рисунок в psd формате вы можете скачать прямо из моего блога и поработать с ним (скачать
). Думаю, что улучшить его не проблема.
Если эта статья была полезной, подписывайтесь на рассылку моего блога. Вас ждет еще куча интересных вещей! И напоследок видео о том, как при помощи фотошопа девушку можно превратить в пиццу. Смотрите до конца, это забавно.
Как закруглить углы фотографии в фотошопе инструментом ПРЯМОУГОЛЬНИК СО СКРУГЛЕННЫМИ УГЛАМИ
1. Запускаем фотошоп, открываем нужную фотографию
2. Выбираем инструмент ПРЯМОУГОЛЬНИК СО СКРУГЛЕННЫМИ УГЛАМИ
3. В настройках инструменты можно задать радиус, на сколько сильно закруглить углы в фотошопе. Я выбрала 50 px
4. У нас выбран инструмент ПРЯМОУГОЛЬНИК СО СКРУГЛЕННЫМИ УГЛАМИ.
Теперь мышку подводим к левому верхнему углу, появился крестик он должен быть белого цвета, и тянем мышку в правый нижний угол, так чтоб крестик совпал с углом картинки, в этом случае крестик станет белым.
У нас появится фигура с закругленными углами.
Далее картинку в слоях перетаскиваем в верхний слой, как показано на скрине
5. Выделяем область закругления.
На картинке жмем правой кнопкой мыши выбираем Образовать выделенную область и ничего не меняем, — жмем ОК.
У нас появиться закругленное выделение
6.Заходим ВЫДЕЛЕНИЕ-ИНВЕРСИЯ или просто нажать Shift+Ctrl+I
7. Теперь нужно удалить выделенные углы с помощью кнопки Delete на клавиатуре.
8.Теперь убираем выделение, можно так Ctrl+D и смотрим на результат
Урок от Натальи Петровой: (blogs.mail.ru/mail/petrovanata11/62219DB24CD43D05.html)
Традиционные прямоугольные уголки в дизайне сайтов давно уже всем надоели. В моде скруглённые уголки, которые делаются не с помощью изображений, а через стили, для чего используется свойство border-radius
. Это свойство может иметь одно, два, три или четыре значения разделённых пробелом, которые и определяют радиус всех уголков или каждого по отдельности.
В табл. 1 приведёно разное количество значений и вид блока, который получается в этом случае.
Код | Описание | Вид |
---|---|---|
div { border-radius: 10px; } | Радиус скругления для всех уголков сразу. | |
div { border-radius: 0 10px; } | Первое значение устанавливает радиус левого верхнего и правого нижнего уголка, второе значение — для правого верхнего и левого нижнего. | |
div { border-radius: 20px 10px 0; } | Первое значение задаёт радиус левого верхнего уголка, второе — одновременно правого верхнего и левого нижнего, а третье значение — правого нижнего. | |
div { border-radius: 20px 10px 5px 0; } | Последовательно устанавливает радиус левого верхнего уголка, правого верхнего, правого нижнего и левого нижнего. |
В примере 1 показано создание блока со скруглёнными уголками.
Пример 1. Уголки у блока
HTML5
CSS3
IE 9+
Cr
Op
Sa
Fx
Радиус
Меня — супплетивная форма винительного падежа от я.
Результат данного примера показан на рис. 1.
Рис. 1. Блок со скруглёнными уголками
Интересный эффект можно получить, если задать радиус скругления больше половины высоты и ширины элемента. В таком случае получится круг. В примере 2 показано создание круглой кнопки с рисунком.
Пример 2. Круглая кнопка
HTML5
CSS3
IE 9+
Cr
Op
Sa
Fx
Кнопка
Результат данного примера показан на рис. 2.
Рис. 2. Круглая кнопка
В браузере Opera скругление к
применяется некорректно, если не задана граница через свойство border
.
Свойство border-radius
можно сочетать и с другими свойствами, например, добавить к элементу тень. В примере 3 сделан набор кружков, из которых один подсвечивается с помощью box-shadow
. Такой набор можно использовать для навигации по страницам или по фотографиям.
Пример 3. Свечение
HTML5
CSS3
IE 9+
Cr
Op
Sa
Fx
Свечение
Результат данного примера показан на рис. 3.
Рис. 3. Свечение вокруг кружка
С помощью border-radius
можно сделать не только кружок, но и эллипс, а также эллиптическое скругление у блока. Для этого надо написать не одно значение, а два через слэш. Запись 20px/10px означает, что по горизонтали радиус скругления будет 20 пикселов, а по вертикали 10 пикселов. В примере 4 показано создание эллиптических уголков для добавления к фотографии надписи оформленной как в комиксах.
Пример 4. Эллипсы
HTML5
CSS3
IE 9+
Cr
Op
Sa
Fx
Эллиптические уголки
Вы сами себе учитель
Результат данного примера показан на рис. 4.
Рис. 4. Использование эллиптических уголков
Вид уголков можно изменить и у изображений, добавляя к селектору img
свойство border-radius
, как показано в примере 5.
Пример 5. Изображения
HTML5
CSS3
IE 9+
Cr
Op
Sa
Fx
Изображения
Закругление краев в фотошопе. Как закруглить края в фотошопе
Всем привет! Я думаю, что этот урок будет полезен каждому блогеру. Недавно я запустила акцию на блоге — . В одном из пункте я упомянула об оформлении картинок.
Да, это тоже важный момент в дизайне сайта. Гораздо привлекательней смотрится сайт, оформленный одним стиле, например вы можете посмотреть на один из способов оформления на блоге — . Вернемся к теме поста, хочу рассказать вам один из способов оформления картинок в блоге
.
Урок достаточно простой и за пару шагов вы сможете красиво закруглить углы фото.
1. Запускаем фотошоп, открываем нужную фотографию File -> Open
Я решила взять летную, освежающую фотографию на тему моря
*Если нам нужно сделать фотографию определенного размера, то создаем новое фото File -> New
и указываем нужные размеры, например я выбрала 400×200, перетаскиваем фото, потом с помощью Free Transform
или нажимаем Ctrl+F уменьшаем изображение как вам удобно.
2. Выбираем инструмент Rounded Rectangle Tool
3. В настройках инструменты можно задать радиус, на сколько сильно закруглить углы в фотошопе
.
4. Легким движением руки обводим фото. Когда вы выбрали инструмент мышка приобрела форму крестика, теперь крестиком покажите на угол вашей фотографии. Если соединить крестик с углом фотографии, то 2 линии крестика станут белыми, теперь просто потяните в противоположную сторону и соедините крестик с контуром фотографии. Опять же если линии совпадут то крестик поменяет цвет на белый.
5. Нужно выделить область закругления. На фото жмем правой кнопкой мыши
выбираем Make Selection
и ничего не меняем жмем ОК.
6. В верхней менюшки находм Select -> Inverse
или просто нажать Shift+Ctrl+I
7. Теперь нам просто нужно удалить выделенные углы с помощью кнопки Delete
на клавиатуре.
8. Убираем выделение, просто зажав Ctrl+D
и смотрим на результат
*Если хотите убрать белый фон, просто в слоях удалите Background
Вот такой вот простой , думаю пригодиться многим, для красивого оформления картинок, ваших блогов и сайтов. Всем желаю хорошего настроения и не болеть! Инканта
В этом кратком уроке я вам покажу, как вы можете cделать закругленные углы в Photoshop при помощи простых методов маскировки и фильтров.
Вы сможете настраивать радиус угла так, чтобы закруглить край вашей фигуры, текста и т.д. Это быстрый и простой метод, который позволит создавать закругленные углы. Для их создания вы можете использовать слой-маску.
Используя ряд простых шагов в Photoshop, вы сможете сделать прямоугольник с закругленными углами. В Photoshop нет фильтра или какого-нибудь инструмента, чтобы сразу сделать круглый угол, но вы можете сделать это с помощью Illustrator. Он позволит вам создавать эффект закругленного угла практически для каждого объекта. В нем вам нужно перейти в меню Эффекты > Стилизация > Скругленные углы
(Effects > Stylize > Rounded Corners).
Шаг 1
В этом быстром уроке я покажу вам простой метод, который позволит получить закругленные углы уже в Photoshop, используя растрированный текст, форму или какое-либо изображение. Возьмём векторное изображение звезды с острыми углами (этот метод будет хорошо работать так же и с прямыми углами).
Шаг 2
Теперь вам нужно растрировать слой. Для этого кликнете правой кнопкой мыши по миниатюре слоя звезды в палитре слоев и в контекстном меню выберите Растрировать слой
(Rasterize Layer). То же самое вы должны сделать, если используете текстовый слой.
Шаг 3
Перейдите в меню Фильтр > Размытие
(Filter > Blur) и выберите Размытие по Гауссу
(Gaussian Blur). Радиус размытия будет зависеть от размера вашего изображения и от результата, который вы хотели бы получить. Я выберу радиус 5 пикселей.
Шаг 4
Зажав клавишу «Ctrl», кликните мышкой на миниатюру слоя, чтобы активировать выделение изображения. Далее переходим в меню Выделение
и выбираем Уточнить край
(Select > Refine Edge). Вы можете поэкспериментировать с параметрами Сглаживания
(Smooth) и Растушевки
(Feather), чтобы подобрать нужный эффект. Контрастность
(Contrast) сделайте 100.
Шаг 5
Возьмите цвет фигуры, в нашем случае это желтый цвет и залейте все выделение этим цветом. Вы можете это сделать, нажав комбинацию клавиш «Shift + F5».
Шаг 6
Не снимая выделение, вы должны добавить слой-маску, нажав на значок, который находится внизу палитры слоев. Вот и все, теперь у звезды закругленные углы.
Такой же метод вы можете применить для создания текста с закругленными углами, как показано на изображении ниже. Теперь вы можете придумать свой собственный шрифт.
Сейчас изображения с закругленными краями пользуются популярностью. Сделать это совсем не сложно, особенно если заготовить шаблон для дальнейшей работы.
Вам понадобится
программа Adobe Photoshop
Спонсор размещения P&G
Статьи по теме «Как закруглить края в фотошопе»
Как размыть края в фотошопе
Как затемнить края фотографии
Как размыть края картинки
Инструкция
Откройте в фотошопе картинку, с которой хотите работать. Если в итоге вам нужен рисунок размера отличного от исходного, вот уменьшите его или вырежьте необходимый фрагмент. Для того чтобы выделить весь рисунок воспользуйтесь сочетанием клавиш Ctrl+A. Скопируйте его при помощи сочетания клавиш Ctrl+C. Создайте новый документ в фотошопе и вставьте в него содержание буфера обмена при помощи сочетания клавиш Ctrl+V. Фон документа должен быть прозрачным или того цвета, который в итоге будет окружать ваш рисунок после закругления краев.
При помощи сочетания клавиш Ctrl+Shift+N сделайте новый слой. Выберите инструмент Rounded Rectangle Tool и нарисуйте прямоугольник или квадрат нужного размера. При этом не имеет значения цвет фона этого прямоугольника. Установите параметр Radius, который характеризует степень закругленности углов, например, 9. Вы можете передвигать нарисованную фигуру с клавиатуры стрелками. При помощи сочетания клавиш Ctrl+T можно менять форму этой фигуры. Если при изменении формы фигуры нажать клавишу Shift, то размер будет меняться пропорционально. Сделайте так чтобы эта форма была именно такой как вам нужно.
Нажмите клавишу Ctrl и кликните по миниатюре слоя на палитре Layers. После этого нарисованная вами фигура выделится.
Активируйте нижний слой и в главном меню выполните команду Select – Inverse. После этого выделиться область, которая находится за пределами нарисованной вами фигуры.
Клавишей Delete удалите ненужную вам часть картинки. Сделайте невидимым верхний слой. Кликните в любом месте картинки и тем самым снимите с нее выделение. Картинка с закругленными краями готова
Если необходимо закруглять края изображения часто и они одного размера, то можно сохранить ту картинку, что вы только что сделали в формате PSD, чтобы остались слои. После этого для создания картинки с закругленными углами вам нужно будет выделить контур готового изображения, инвертировать выделение и удалить ненужную часть.
Как просто
Другие новости по теме:
Если вы являетесь пользователем социальных сетей, то наверняка замечали у многих друзей и знакомых симпатичные аватарки с закругленными углами. Рассмотрим, как обрезать углы любой фотографии в фотошопе. Вам понадобится — компьютер — программа Adobe Photoshop — фотография Спонсор размещения P&G
Иногда для того, чтобы фотография смотрелась законченной, не хватает сущей мелочи. Стоит закруглить края фото, и вид совершенно другой. Придать своей фотографии небольшую изюминку в виде мягких округлых краев можно двумя вариантами6 либо с помощью графического редактора, либо прибегнув к
Изменить фон фотографии в фотошопе несложно, и в итоге у вас могут получится интересные изображения и коллажи. Спонсор размещения P&G Статьи по теме «Как изменить фон фотографии в фотошопе» Как сделать насыщенные фотографии Как делать фотографии hi класса Как сделать крылья на фото Инструкция 1
Придать в фотошопе блеск губам, глазам и волосам в фотошопе несложно, эти приемы можно сочетать вместе или использовать по отдельности. Вам понадобится программа Adobe Photoshop Спонсор размещения P&G Статьи по теме «Как сделать блеск в фотошопе» Как убрать блеск кожи в фотошоп Как убрать блеск в
Сделать языки пламени в фотошопе не очень сложно, но это эффект может пригодиться во многих случаях. Спонсор размещения P&G Статьи по теме «Как сделать огонь в фотошопе» Как сделать несколько фоток в одной в Фотошопе Как сделать прозрачный фон в фотошопе Как совместить две фотографии в одну
При создании коллажей в графических редакторах одна из наиболее частых операций, выполняемых дизайнером, заключается в извлечении и вставке фрагмента одного изображения в другое. Зачастую требуется просто добавить картинку в композицию. Сделать это можно в Adobe Photoshop. Вам понадобится — Adobe
Часто при создании коллажа в фотошопе результирующему изображению требуется поставить определенный фон. Это — достаточно рутинная операция. Но и она требует соблюдения определенной последовательности действий. Вам понадобится — Adobe Photoshop. Спонсор размещения P&G Статьи по теме «Как в фотошопе
Я долго искал как можно закруглить углы при помощи Adobe Photoshop, но везде где-то не дописывают, либо написано неправильно. Как оказалось закруглить углы у любой картинки займёт не более 30 секунд, естественно после того как вы научитесь это делать.
И так чтобы выполнить такую несложную операцию необходимо запустить приложение и закинуть нужную нам картинку внутрь программы, либо воспользоваться Меню->Файл->Открыть->Нужная картинка.jpg.Я буду использовать обычное изображение природы.
Обратите внимание на правый нижний угол, в «Слоях» появилось фоновое изображение, его надо преобразовать в слой. Для этого жмём по фону правой кнопкой мыши и выбираем «Слой из заднего фона».
В результате данного действия, наш фон преобраузется в слой.
Создаём дубликат картинки, для этого жмём правой кнопкой мыши по Слой 0 и выбираем «Создать дубликат слоя».
Рисунок2
Скрываем с рабочей области «Слой 0». Чтобы скрыть слой необходимо нажать иконку ГЛАЗА рядом с названием слоя.
Выделяем нужную часть на изображение.
Как только вы отметили прямоугольником нужную часть картинки, нажмите правой кнопкой мыши внутри выделе и выберите пункт «Образовать выделенную область».
В диалоговом окошке жмём кнопочку ОК, растушёвку не трогаем.
Очень важный момент! Выделяем Слой 0 (Копия), затем нажимаем кнопку DELETE на клавиатуре. Слой 0 (копия) должен быть выделен обычным щелчком мыши.
Если всё сделано правильно, в Фотошопе вы увидите примерно вот такую картину. Теперь можно сохранить изображение например в png формате, и радоваться произведению искусства.
Есть ещё один момент, если вырезанный кусок в два а то и 3 раза меньше оригинального изображения, у него останется большая пустая область, её надо удалить. Для этого выбираем инструмент раскройка, и выделяем область изображения без пустой области.
Затем заходим в меню Редактировать->Скопировать.
Заходим в меню Файл->Создать, и просто нажимаем ОК. Программа автоматически подгонит ширину и высоту холста выделенного участка изображения.
В новом проекте «Без имени 1», а мы автоматически окажемся именно в нём, заходим в меню Редактировать->Вставить.
Сохранять картинку лучше всего с помощью пункта «Сохранить для Web». Во-первых можно вручную выбрать качество изображения в процентах, во-вторых размер изображения будет в несколько раз меньше чем если сохранять обычным способом.
И что у нас получилось на выходе.
Для тех кому не понятно как у меня получилось закруглить углы, я специально записал видео, которое поможет вам в этой не сложной задаче.
Скругленные углы в фотошопе. Как закруглить углы изображения на CSS без Фотошопа
Прямые углы изображений нравятся всем. Но все-таки бывают случаи, когда эти самые углы требуется закруглить. Тогда Вам на помощь вновь придет программа фотошоп. В этой статье разберем один из многих способов как это можно сделать. Имейте ввиду, мой способ предполагает также и небольшое отсечение изображения по краям, это, своего рода, жертвоприношение во имя округлых углов.
Для тех кто любит больше наглядности, я записал видеоурок, который можно посмотреть в конце этого урока. Итак, начнем закруглять углы изображения:
Шаг 1
По умолчанию, все изображения, открываемые в фотошопе становятся фоновым изображением. Фотошоп именует такой слой как «Фон», а также блокирует его от лишнего редактирования. Об этом нам сигнализирует маленькая иконка замочка.
Чтобы разблокировать такой слой, нужно дважды кликнуть по нему. Появится диалоговое окно «Новый слой». Ничего не изменяйте, просто нажмите на ОК. Теперь замочек должен исчезнуть.
Шаг 5
На панели слоев кликните на самый первый слой с нашим исходным изображением и нажмите сочетание клавиш Ctrl+Shift+I
. В итоге у нас должна выделиться вся область вне границ нашего квадрата. Это называется . Присмотритесь внимательней, что изменилось:
Шаг 6
Теперь нажмите комбинацию клавиш Ctrl+X
(редактирование — вырезать
) для удаления выделенной области. Выделение должно исчезнуть, а там, где когда-то было изображение, появится шахматный фон (прозрачность).
Шаг 7
Теперь сделаем невидимым наш слой с фигурой. Для этого на панели со слоями нажмите на значок глаза напротив слоя с квадратом. Вот и появилось исходное изображение с закругленными углами.
Шаг 8
Выполните команду Изображение —
, чтобы фотошоп удалил все лишнее пространство вокруг изображения. В итоге режим прозрачности должен быть виден только в углах.
В дальнейшем, чтобы использовать такое изображение, его необходимо сохранить в формате PNG! В этом случае углы так и останутся прозрачными. Иначе, если сохранить, например, в формате JPG, углы автоматически станут с белым фоном.
Итак, все готово. Изображение с закругленными углами будет выглядеть так:
А как сделать только, например, один закругленный угол?
Очень просто. Вернемся на тот этап, когда мы рисовали фигуру. Растяните ее так, чтобы вам был виден только один закругленный угол, а три других были бы скрыты за пределами холста. Вот, а дальше следуйте по вышеописанной инструкции. Все аналогично.
Надеюсь инструкция вам помогла и вы сможете сделать что-нибудь классное! Успехов.
Заметили ошибку в тексте — выделите ее и нажмите Ctrl
+ Enter
. Спасибо!
Скругленные углы на фотографии выглядят достаточно интересно и привлекательно. Чаще всего такие изображения применяются при составлении коллажей или создании презентаций. Также картинки со скругленными углами можно использовать в качестве миниатюр к постам на сайте.
Вариантов использования много, а способ (правильный) получить такое фото всего один. В этом уроке я покажу, как скруглить углы в Фотошопе.
Открываем в Фотошопе фотографию, которую собираемся редактировать.
Затем создаем копию слоя с водопадом под названием «Фон»
. Для экономии времени воспользуемся горячими клавишами CTRL+J
.
Копия создается для того, чтобы оставить нетронутым исходное изображение. Если (вдруг) что-то пойдет не так, можно будет удалить неудачные слои и начать заново.
В данном случае из настроек нас интересует только одна – радиус скругления. Значение этого параметра зависит от размера изображения и от потребностей.
Я задам значение в 30 пикселей, так будет лучше видно результат.
Теперь нужно растянуть полученную фигуру на весь холст. Вызываем функцию «Свободное трансформирование»
горячими клавишами CTRL+T
. На фигуре появится рамка, при помощи которой можно перемещать, вращать и изменять размер объекта.
Нас интересует масштабирование. Растягиваем фигуру при помощи маркеров, указанных на скриншоте. После завершения масштабирования нажимаем ENTER
.
Совет: для того, чтобы совершить масштабирование максимально точно, то есть, не выйдя за пределы холста, необходимо включить так называемую «Привязку»
Посмотрите скрин, там указано, где данная функция находится.Функция заставляет объекты автоматически «Прилипать» к вспомогательным элементам и границам холста.
Как видим, вокруг фигуры образовалось выделение. Теперь переходим на слой-копию, а со слоя с фигурой снимаем видимость (см. скриншот).
Теперь слой с водопадом активен и готов к редактированию. Редактирование заключается в удалении лишнего из углов картинки.
Инвертируем выделение горячими клавишами CTRL+SHIFT+I
. Теперь выделение осталось только на углах.
Данный урок достаточно простой, но результат будет радовать глаз – аккуратные закругленные углы ваших снимков. А добиться этого очень просто, имея в арсенале Adobe Photoshop любой версии, и снимок, который необходимо обработать.
Закругление углов снимка происходит в несколько этапов:
1. Откройте изображение в Photoshop. Для этого нажмите «Файл» и «Открыть» или сочетание клавиш на клавиатуре Ctrl+O.
2. Создайте новый слой, нажав «Слои», затем «Новый слой».
3. В левой части программы располагается вертикальная панель инструментов. В ней вы найдете инструмент «Прямоугольник». В данный момент не он нам нужен, поэтому кликаем по нему правой кнопкой мыши и выбираем инструмент «Прямоугольник со скругленными углами».
4. В верхней части программы появится панель настроек данного инструмента. Здесь можно задать желаемый радиус скругления углов, т.е. можно усилить или уменьшить скругление. По умолчанию параметр имеет значение 10 пикселей. Обратите внимание, что для работы с инструментом у вас должен быть активирован параметр «Контуры», который также располагается на панели настроек.
5. Выделите все изображение, начиная с верхнего левого угла и заканчивая правым нижнем.
6. Кликните по изображению правой кнопкой мыши и выберите параметр «Образовать выделенную область». Появится пунктир выделения.
7. Теперь перейдите в горизонтальную панель инструментов и откройте вкладку «Выделение», а затем выберите «Инверсия».
8. Теперь все наоборот – выделено не само изображение, а ненужные углы. Для того чтобы убрать их, просто нажмите на клавиатуре сочетание клавиш Ctrl+Delete.
9. Теперь снимите выделение, нажав на клавиатуре Ctrl+D. Наслаждайтесь результатом!
Не забудьте сохранить готовую фотографию на компьютер.
Я долго искал как можно закруглить углы при помощи Adobe Photoshop, но везде где-то не дописывают, либо написано неправильно. Как оказалось закруглить углы у любой картинки займёт не более 30 секунд, естественно после того как вы научитесь это делать.
И так чтобы выполнить такую несложную операцию необходимо запустить приложение и закинуть нужную нам картинку внутрь программы, либо воспользоваться Меню->Файл->Открыть->Нужная картинка.jpg.Я буду использовать обычное изображение природы.
Обратите внимание на правый нижний угол, в «Слоях» появилось фоновое изображение, его надо преобразовать в слой. Для этого жмём по фону правой кнопкой мыши и выбираем «Слой из заднего фона».
В результате данного действия, наш фон преобраузется в слой.
Создаём дубликат картинки, для этого жмём правой кнопкой мыши по Слой 0 и выбираем «Создать дубликат слоя».
Рисунок2
Скрываем с рабочей области «Слой 0». Чтобы скрыть слой необходимо нажать иконку ГЛАЗА рядом с названием слоя.
Выделяем нужную часть на изображение.
Как только вы отметили прямоугольником нужную часть картинки, нажмите правой кнопкой мыши внутри выделе и выберите пункт «Образовать выделенную область».
В диалоговом окошке жмём кнопочку ОК, растушёвку не трогаем.
Очень важный момент! Выделяем Слой 0 (Копия), затем нажимаем кнопку DELETE на клавиатуре. Слой 0 (копия) должен быть выделен обычным щелчком мыши.
Если всё сделано правильно, в Фотошопе вы увидите примерно вот такую картину. Теперь можно сохранить изображение например в png формате, и радоваться произведению искусства.
Есть ещё один момент, если вырезанный кусок в два а то и 3 раза меньше оригинального изображения, у него останется большая пустая область, её надо удалить. Для этого выбираем инструмент раскройка, и выделяем область изображения без пустой области.
Затем заходим в меню Редактировать->Скопировать.
Заходим в меню Файл->Создать, и просто нажимаем ОК. Программа автоматически подгонит ширину и высоту холста выделенного участка изображения.
В новом проекте «Без имени 1», а мы автоматически окажемся именно в нём, заходим в меню Редактировать->Вставить.
Сохранять картинку лучше всего с помощью пункта «Сохранить для Web». Во-первых можно вручную выбрать качество изображения в процентах, во-вторых размер изображения будет в несколько раз меньше чем если сохранять обычным способом.
И что у нас получилось на выходе.
Для тех кому не понятно как у меня получилось закруглить углы, я специально записал видео, которое поможет вам в этой не сложной задаче.
Опять я сбиваюсь с графика! Эх… Ну, выпускаю уроки с опозданием на пару часов, надеюсь, это не так критично. Сегодня у нас в уроке речь пойдет о том, как закруглить края в фотошопе
. Все бы ничего, и урок не отличался бы от тех что вы видели на других сайтах, но я сам раньше искал и знаю какие методы там предлагают. Не слушайте их! Слишком муторно, слишком долго. Я Вам предлагаю способ, как округлить углы фотошопе
буквально в пару кликов!
Берем стоковую фотографию, кстати, это я делаю на гудфоне. Не реклама:D
Используем выделение, как у меня на скришоте:
Переходим в вкладку ( Выделение > Модификация > Сгладить
). Внимание! Тут могут возникнуть трудности у некоторых. В некоторых версиях фотошопа нету «Сгладить», за то есть «Оптимизировать». Так что, не пугайтесь, если не найдете «Сгладить». Это одно и тоже.
Здесь мы выбрали радиус закругления.
Теперь, как Вы видите, у вас область выделение уже с закругленными углами.
Осталось вырезать изображение.
И теперь . Размер там выставляет автоматический. И теперь просто вставляем картинку в новый файл.
Скругляем углы на фото в фотошопе. Как закруглить острые углы в фотошоп
Последнее обновление:18/01/16
Как на картинке закруглить углы в фотошопе
При оформлении блогов неоднократно уже делала скругленные углы на изображениях, но то, что делается не так часто и недостаточно автоматически, быстро забывается. И я снова сетовала на то, что надо описывать сделанную работу сразу же. Поэтому вот сейчас почти по горячим следам опишу последовательность действий. Правда, из-за болезни «горячие следы» получились уже далеко не горячие.
Для тех, кто любит все посмотреть, небольшой видеоролик “как закруглить углы в фотошопе”:
В первую очередь, Вам нужен фотошоп. Где его взять, вариантов два:
- купить на официальном сайте
- найти на торрентах
Какой вариант выбрать, решать Вам.
Итак, запускаем фотошоп. Открываем картинку, у которой надо закруглить углы в фотошопе (Файл → Открыть). Если размеры картинки больше, чем Вам необходимо, можно изменить размеры (Изображение → Размер изображения).
Справа, на превью картинки, есть маленький замочек, который блокирует редактирование исходного изображения (фонового слоя). Чтобы создать новый слой и работать уже с ним, щелкаем на нем 2 раза левой кнопкой мыши, в появившемся окошке ничего не меняем, нажимаем «Да».
Если замочка нет, то одно из двух:
либо в Вашей версии фотошопа фоновый слой можно редактировать (что сомнительно, но вдруг)
либо описанное выше можно сделать с помощью другой операции: сверху, в строке меню, выбираем “Слои”, в открывшемся подменю выбираем “Новый” и по стрелочке – “из заднего плана”, и в открывшемся таком же окошечке нажимаем “Да”.
Выбираем в инструментах “Прямоугольник со скругленными углами”.
Выбираем сверху на панели настроек режим: «Контуры». Устанавливаем радиус, чтобы закруглить углы в фотошопе. Я выбрала 40 пикселей, Вы можете выбрать подходящий для Вашей картинки.
Рисуем на картинке прямоугольник нужного размера: ставим курсор (он приобретает форму крестика) в нужную точку слева-сверху и, не отпуская кнопки мыши, ведем в противоположный угол до нужной точки. На нашу картинку лег прозрачный прямоугольник со скругленными углами.
Правой кнопкой мыши кликаем на прямоугольнике. В контекстном меню выбираем «Образовать выделенную область», радиус растушевки поставим 1 пиксел и нажимаем кнопку «Да».
С помошью меню Выделение → Инверсия выделяем все, что вне прямоугольника со скругленными углами, и удаляем выделенное клавишей Delete.
Если Вы накладывали прямоугольник не на всю картинку, то лишний прозрачный фон можно удалить с помощью последовательности команд Изображение → Тримминг → На основе прозрачных пикселов → Да.
Мы получили картинку с закругленными углами. Сохраняем ее для Web: Файл → Сохранить для Web и устройств. Выбираем Preset: PNG-24, Transparency и жмем Save. В формате PNG-24 картинка сохраняется с прозрачным фоном, для того чтобы ее можно было встроить в любой дизайн сайта.
Все то же самое можно сделать с инструментом «Эллипс», тогда Вы получите круглую картинку или в рамке эллиптической формы.
Итак, сегодня мы с Вами узнали, как закруглить углы в фотошопе у любой картинки.
Сейчас изображения с закругленными краями пользуются популярностью. Сделать это совсем не сложно, особенно если заготовить шаблон для дальнейшей работы.
Вам понадобится
Инструкция
Совет добавлен 6 июля 2011 Совет 2: Как округлять края в Photoshop Программа Adobe Photoshop располагает широким спектром инструментов для редактирования фотографий и создания новых изображений с нуля. Один из основных инструментов – это выделение отдельных объектов для последующего вырезания и вставки, а также для создания плавных переходов при создании различных эффектов. Здесь умение скруглять края очень пригодится.
Инструкция
Как округлять края в Photoshop — версия для печати
Работа в Фотошопе позволяет добиться одного и того же результата разными способами. Но, естественно, что наиболее рационально будет использовать тот путь, который максимально прост и эффективен. Следует отметить, что прямоугольная обрезка фотографий в Фотошопе происходит с использованием простого инструмента «кадрирование». В то же время добиться аналогичного результата, но с закругленными краями довольно сложно для начинающих пользователей, так как очевидного решения программа не предлагает.
Перед тем как закруглить края в Фотошопе, следует понимать, для чего это необходимо. Основными причинами являются:
Получение изображения или его детали, которая имеет необходимую форму, без надобности дальнейшего редактирования;
Получение оригинального и красивого оформления для фотографии.
Итак, запустив Фотошоп, необходимо добавить тот файл, который будут обрезать. Для этого можно воспользоваться пунктами меню «Файл», «Открыть» или просто перетянуть фотографию в рабочую среду программы. Для того чтобы закруглить края в Фотошопе, нужно предварительно придать изображению соответствующий размер. Сделать это можно через «Изображение», «Размер» или, предварительно создав новый документ с заданными размерами, переместить в него искомый файл. Там его можно будет деформировать по собственному усмотрению, используя «Редактирование», «Трансформация».
Подготовив таким образом рабочий образец, можно перейти непосредственно к процедуре того, как закруглить края в Фотошопе. Для этого понадобиться найти на панели слева один из инструментов, который называется «прямоугольник» (вызывается клавишей «U»), и выбрать из перечня его разновидностей — «со скругленными краями». Пользователь может настроить угол скругленных краев при помощи опции «радиус», которая станет доступна на верхней панели.
Затем следует выделить нужную часть изображения. Здесь следует обратить внимание, не перекрывает ли полученный прямоугольник исходное фото. Если это так, то на панели слоев, расположенной справа, следует опустить новый образовавшийся слой с выделением на позицию, которая будет находиться ниже, чем рабочий образец. Выделение — в данном случае «прямоугольник с закругленными краями» — можно перемещать обычными инструментами программы.
Для того чтобы понять, как закруглить края в Фотошопе, нужно нажать правой кнопкой по слою с полученным прямоугольником и выбрать «Образовать выделенную область». После чего на основной панели вверху нажать «Выделение», «Инверсия». Затем остается перейти на слой с основным изображением и применить команду «Delete», которая осуществляется нажатием соответствующей кнопки на клавиатуре или через «горячую» кнопку «D». Полученный результат остается только сохранить через меню «Файл», «Сохранить» для «родного» PSD-формата. Или можно, используя «Сохранить как…», получить результат в любом другом распространенном формате.
Это самый простой и быстрый способ того, как закруглить края в Фотошопе. Теперь дело за вашей фантазией, чтобы решить, где можно применить новые знания.
В этом кратком уроке я вам покажу, как вы можете cделать закругленные углы в Photoshop при помощи простых методов маскировки и фильтров.
Вы сможете настраивать радиус угла так, чтобы закруглить край вашей фигуры, текста и т.д. Это быстрый и простой метод, который позволит создавать закругленные углы. Для их создания вы можете использовать слой-маску.
Используя ряд простых шагов в Photoshop, вы сможете сделать прямоугольник с закругленными углами. В Photoshop нет фильтра или какого-нибудь инструмента, чтобы сразу сделать круглый угол, но вы можете сделать это с помощью Illustrator. Он позволит вам создавать эффект закругленного угла практически для каждого объекта. В нем вам нужно перейти в меню Эффекты > Стилизация > Скругленные углы
(Effects > Stylize > Rounded Corners).
Шаг 1
В этом быстром уроке я покажу вам простой метод, который позволит получить закругленные углы уже в Photoshop, используя растрированный текст, форму или какое-либо изображение. Возьмём векторное изображение звезды с острыми углами (этот метод будет хорошо работать так же и с прямыми углами).
Шаг 2
Теперь вам нужно растрировать слой. Для этого кликнете правой кнопкой мыши по миниатюре слоя звезды в палитре слоев и в контекстном меню выберите Растрировать слой
(Rasterize Layer). То же самое вы должны сделать, если используете текстовый слой.
Шаг 3
Перейдите в меню Фильтр > Размытие
(Filter > Blur) и выберите Размытие по Гауссу
(Gaussian Blur). Радиус размытия будет зависеть от размера вашего изображения и от результата, который вы хотели бы получить. Я выберу радиус 5 пикселей.
Шаг 4
Зажав клавишу «Ctrl», кликните мышкой на миниатюру слоя, чтобы активировать выделение изображения. Далее переходим в меню Выделение
и выбираем Уточнить край
(Select > Refine Edge). Вы можете поэкспериментировать с параметрами Сглаживания
(Smooth) и Растушевки
(Feather), чтобы подобрать нужный эффект. Контрастность
(Contrast) сделайте 100.
Шаг 5
Возьмите цвет фигуры, в нашем случае это желтый цвет и залейте все выделение этим цветом. Вы можете это сделать, нажав комбинацию клавиш «Shift + F5».
Шаг 6
Не снимая выделение, вы должны добавить слой-маску, нажав на значок, который находится внизу палитры слоев. Вот и все, теперь у звезды закругленные углы.
Такой же метод вы можете применить для создания текста с закругленными углами, как показано на изображении ниже. Теперь вы можете придумать свой собственный шрифт.
Все современные браузеры поддерживают стандарты гипертекстовой разметки HTML5 и стили оформления CCS3. И если ваш сайт (шаблон) поддерживает современные стандарты, то вы можете вносить изменения в оформление, такое как скругление углов, тени, градиентная заливка, не прибегая к помощи графических редакторов.
Вебмастера повсеместно используют скругленные углы у блоков и рамок на сайтах. Я в этой статье расскажу как же закруглить углы у картинок и фотографий на сайте без использования сторонних программ, только с помощью CSS.
Чтобы приведенные примеры в статье корректно отображались у вас на экране, вы должны использовать самые свежие версии браузеров, FireFox, Chrome и те что сделаны на основе их: Яндекс.Браузер, Амиго и так далее.
Закругление углов у блоков DIV
По стандарту CSS3 чтобы блок DIV
имел скругленные углы, ему необходимо придать стиль border-radius
, например так:
Border-radius: 10px;
Для наглядности нарисуем два блока с прямыми и скругленными углами:
Блок с прямыми углами
Блок с закругленными углами
Закругление углов у картинок
По аналогии с примером выше можно закруглить углы и у картинок на сайте, например фотографий. Для наглядности закруглим углы для фотографии со страницы
Вот изображение без CSS обработки
А теперь с загругленными углами:
Border-radius: 10px;
Чтобы стало совсем «красиво» с начала добавим окантовку…
Border-radius: 10px;
border: 5px #ccc solid;
а затем и тени:
Border-radius: 10px;
border: 5px #ccc solid;
box-shadow: 0 0 10px #444;
Вариант ниже (закругленные углы с тенью без бордюра) очень похож на коврик для мыши:
Border-radius: 10px;
box-shadow: 0 0 10px #444;
И напоследок полное издевательство над изображением
Border-radius: 50%;
border: 5px #cfc solid;
box-shadow: 0 0 10px #444;
Если вы откроете изображении в новом окне, то увидите, что оно (изображение) в неизменном виде, а все углы, тени и так далее — всего лишь результат обработки CSS
стилей вашим браузером.
Маленькое лирическое отступление
Стиль border
увеличивает размер изображения на величину окантовки. Если указано значение border: 5px
, то итоговое изображение станет шире и выше на 10 пикселей. Учитывайте это, в некоторых случаях может «поехать» верстка сайта.
А стиль box-shadow
не влияет на размер картинки, тень как бы наезжает на соседние элементы. При его использовании верстка сайта не страдает.
Как закруглить углы картинок на WordPress
Во всех приведенных примерах выше я прописывал стили прямо в тегах html кода. Например последний выглядит так:
Это хорошо когда нужно переоформить одну картинку или фотографию. А если вы захотите изменить все? Ну не будете же вы лазить по всему своему сайту, чтобы подредактировать отображение каждой. В большинстве случаев WordPress тегу IMG
определяет несколько классов стилей. Один по уникальному имени файла с изображением, другой по размеру, и еще по выравниваю. Вы можете дополнить один из них вышеуказанными параметрами.
Например для всех изображений, для который не указано выравнивание, в файле style.css
вашей темы WordPress пропишите следующее:
Alignnone {
border-radius: 10px;
border: 5px #cfc solid;
box-shadow: 0 0 10px #444;
}
Либо самый жесткий метод для всех картиной на сайте. Переопределим стиль для всех тегов IMG
:
Img {
border-radius: 10px;
border: 5px #cfc solid;
box-shadow: 0 0 10px #444;
}
Последний вариант подойдет не только для WordPress, а для любой CMS. И даже для простой HTML
странички в том случае когда при выводе изображений тегу IMG
не присваеватся никаких классов стилей. Но будьте внимательны. Если вы переопределите параметры отображения тега IMG
вы измените внешний вид ВСЕХ картинок на сайте!
Вместо заключения
Все примеры в статье условные и призваны лишь продемонстрировать некоторые возможности CSS по обработки изображений и показать как это просто.
Как закруглить края в Фотошопе – простой способ. Как закруглить углы в фотошопе
Доброго времени суток, уважаемые начинающие разработчики сайтов. Наконец-то я перехожу к рассказам о том, какие методы использовать для создания крутых сайтов. Сегодня я поведаю как за несколько минут обработать фотографию и тем самым сделать портал красивее, а длительность посещений существенно больше. Не верите? А зря…
С момента появления продающих сайтов крупные компания вплотную начали изучение вкусов аудитории. Какие-то свои открытия они тщательно стараются скрывать, так как приемы работают слишком хорошо, а другие утаить довольно сложно, используются они слишком уж часто.
К ровным, прямоугольным фотографиям все уже давно привыкли. Они используются, когда речь идет о серьезном бизнесе, занимающимся ответственными делами.
Когда компания или услуга попроще, то и картинки с плавными переходами можно увидеть гораздо чаще. Вы можете убедиться в этом на любой хорошей продающей странице, которая будет являть собой собрание лучших приемов журналистики, маркетинга и психологи.
Сегодня вы узнаете все методы как в фотошопе закруглить углы. В случае если вы думаете о том, чтобы удержать внимание и расположить к себе, то используйте обтекаемые формы, а если делаете серьезный портал и хотите создать между собой и читателем некий барьер, то лучше использовать прямоугольные изображения: «Мы серьезные ребята, хотите качество – к нам».
Быстрый способ закруглить фотку
Итак, работать будем в фотошопе. Открываем изображение.
Находим инструмент «Прямоугольник со скругленными углами».
Если не можете его отыскать, то удерживайте пару секунд левую клавишу мыши на кнопках меню, чтобы у вас открылись дополнительные опции.
Не важно какой цвет вы выберете. Тащите объект по картинке, чтобы нужная вам область была внутри фигуры.
Обратите внимание на свойства. Можете «поиграть» с показателями, указанными на картинке, и загнуть края сильнее. Введи свое число и жмите enter, чтобы увидеть результат. Когда он вас удовлетворит, нажмите enter повторно.
Теперь, удерживая кнопку CTRL, кликните по центру слоя, в котором находится только что нарисованный вами прямоугольник. Будьте внимательны, если тыркнете по тексту, то ничего не произойдет. Нажимать нужно именно в центр иконки с миниатюрным изображением.
Теперь убираем видимость. Для этого щелкните по «глазу» рядом со слоем.
Переходим к работе со слоем, выделите его: нажмите мышкой хоть по тексту, хоть по иконке. Не важно. Не пропустите этот шаг, иначе волшебства не произойдет.
Готово. Если вы собираетесь выставлять картинку на сайт, то можно ее сохраните, главное не ошибитесь с форматом.
Вам нужен именно png.
В этом случае края с шашкой будут прозрачными. Выберите jpeg и их заменит непривлекательная белая рамка.
Вы также можете добавить эту картинку на фото. В этом случае сохранять и открывать заново не обязательно.
Просто выделяете ее (Ctrl+A) затем копируете (Ctrl+C) и вставляете в другое изображение (Ctrl+V).
Скругление для дизайнеров, ускоряем процесс работы над проектом
Допустим, вы работаете над каким-то важным крутым проектом. Все уже почти готово и вы хотите посмотреть, как оно будет выглядеть со скругленными углами. Не обязательно открывать по сто тысяч вкладок: обрезать — вставлять и так далее. Все можно сделать гораздо быстрее и проще.
Вот посмотрите на мой пример. Кстати, если хотите, то можете скачать этот psd- файл, открыть его фотошопом и попрактиковаться (скачать
).
Выделяем нужный нам слой. Я собираюсь работать с большим изображением совы. Поэтому зажимаю Ctrl и кликаю на центру миниатюрного изображения этого слоя. Не по тексту или глазу. По картинке с картинкой. Простите за тавтологию.
Первым делом ставим галочку напротив «применить эффект на границах». Затем ставим радиус.
К сожалению, придется выбирать на глаз. Здесь, как правило, ставят 15. Это стандарт, но, как вы понимаете, от него можно отходить.
Подбираем идеальный вариант.
Затем во вкладке «Выделение» находим «Инверсия».
Нажимаем кнопочку «del» на клавиатуре и готово.
Чтобы убрать ползающих муравьев по краям нужно нажать одновременно Ctrl и D.
Если вам понравились эти уроки, то можете найти еще. Для этого не обязательно искать по Youtube, что в голову придет. Можно изучить все фишки «от А до Я»
по видео урокам. Получите бесплатную презентацию последней версии курса на русском фотошопе. В этом случае вы не только сможете делать элементарные вещи, но и научитесь выполнять сложную работу, увидите, как применяют простые навыки настоящие специалисты и что из этого получается.
Смотрите, например, то, чему вы научились сегодня можно применить не только для обрезки углов.
Вы уже знаете, как сделать картинку в треугольниках. Не понимаете? Все очень просто.
Берете за основу первый способ обрезки из этой статьи, но вместо работы с прямоугольником выбираете многоугольник.
Не забудьте выставить «три стороны» в панели сверху, чтобы не морочить голову с преобразованием фигуры.
И, если не хотите, чтобы углы были такие же острые как у меня, просто выставите сглаживание в настройках.
Этот рисунок в psd формате вы можете скачать прямо из моего блога и поработать с ним (скачать
). Думаю, что улучшить его не проблема.
Если эта статья была полезной, подписывайтесь на рассылку моего блога. Вас ждет еще куча интересных вещей! И напоследок видео о том, как при помощи фотошопа девушку можно превратить в пиццу. Смотрите до конца, это забавно.
Сейчас изображения с закругленными краями пользуются популярностью. Сделать это совсем не сложно, особенно если заготовить шаблон для дальнейшей работы.
Вам понадобится
- программа Adobe Photoshop
Инструкция
Совет добавлен 6 июля 2011 Совет 2: Как округлять края в Photoshop Программа Adobe Photoshop располагает широким спектром инструментов для редактирования фотографий и создания новых изображений с нуля. Один из основных инструментов – это выделение отдельных объектов для последующего вырезания и вставки, а также для создания плавных переходов при создании различных эффектов. Здесь умение скруглять края очень пригодится.
Инструкция
Как округлять края в Photoshop — версия для печати
Работа в Фотошопе позволяет добиться одного и того же результата разными способами. Но, естественно, что наиболее рационально будет использовать тот путь, который максимально прост и эффективен. Следует отметить, что прямоугольная обрезка фотографий в Фотошопе происходит с использованием простого инструмента «кадрирование». В то же время добиться аналогичного результата, но с закругленными краями довольно сложно для начинающих пользователей, так как очевидного решения программа не предлагает.
Перед тем как закруглить края в Фотошопе, следует понимать, для чего это необходимо. Основными причинами являются:
Получение изображения или его детали, которая имеет необходимую форму, без надобности дальнейшего редактирования;
Получение оригинального и красивого оформления для фотографии.
Итак, запустив Фотошоп, необходимо добавить тот файл, который будут обрезать. Для этого можно воспользоваться пунктами меню «Файл», «Открыть» или просто перетянуть фотографию в рабочую среду программы. Для того чтобы закруглить края в Фотошопе, нужно предварительно придать изображению соответствующий размер. Сделать это можно через «Изображение», «Размер» или, предварительно создав новый документ с заданными размерами, переместить в него искомый файл. Там его можно будет деформировать по собственному усмотрению, используя «Редактирование», «Трансформация».
Подготовив таким образом рабочий образец, можно перейти непосредственно к процедуре того, как закруглить края в Фотошопе. Для этого понадобиться найти на панели слева один из инструментов, который называется «прямоугольник» (вызывается клавишей «U»), и выбрать из перечня его разновидностей — «со скругленными краями». Пользователь может настроить угол скругленных краев при помощи опции «радиус», которая станет доступна на верхней панели.
Затем следует выделить нужную часть изображения. Здесь следует обратить внимание, не перекрывает ли полученный прямоугольник исходное фото. Если это так, то на панели слоев, расположенной справа, следует опустить новый образовавшийся слой с выделением на позицию, которая будет находиться ниже, чем рабочий образец. Выделение — в данном случае «прямоугольник с закругленными краями» — можно перемещать обычными инструментами программы.
Для того чтобы понять, как закруглить края в Фотошопе, нужно нажать правой кнопкой по слою с полученным прямоугольником и выбрать «Образовать выделенную область». После чего на основной панели вверху нажать «Выделение», «Инверсия». Затем остается перейти на слой с основным изображением и применить команду «Delete», которая осуществляется нажатием соответствующей кнопки на клавиатуре или через «горячую» кнопку «D». Полученный результат остается только сохранить через меню «Файл», «Сохранить» для «родного» PSD-формата. Или можно, используя «Сохранить как…», получить результат в любом другом распространенном формате.
Это самый простой и быстрый способ того, как закруглить края в Фотошопе. Теперь дело за вашей фантазией, чтобы решить, где можно применить новые знания.
Последнее обновление:18/01/16
Как на картинке закруглить углы в фотошопе
При оформлении блогов неоднократно уже делала скругленные углы на изображениях, но то, что делается не так часто и недостаточно автоматически, быстро забывается. И я снова сетовала на то, что надо описывать сделанную работу сразу же. Поэтому вот сейчас почти по горячим следам опишу последовательность действий. Правда, из-за болезни «горячие следы» получились уже далеко не горячие.
Для тех, кто любит все посмотреть, небольшой видеоролик “как закруглить углы в фотошопе”:
В первую очередь, Вам нужен фотошоп. Где его взять, вариантов два:
- купить на официальном сайте
- найти на торрентах
Какой вариант выбрать, решать Вам.
Итак, запускаем фотошоп. Открываем картинку, у которой надо закруглить углы в фотошопе (Файл → Открыть). Если размеры картинки больше, чем Вам необходимо, можно изменить размеры (Изображение → Размер изображения).
Справа, на превью картинки, есть маленький замочек, который блокирует редактирование исходного изображения (фонового слоя). Чтобы создать новый слой и работать уже с ним, щелкаем на нем 2 раза левой кнопкой мыши, в появившемся окошке ничего не меняем, нажимаем «Да».
Если замочка нет, то одно из двух:
либо в Вашей версии фотошопа фоновый слой можно редактировать (что сомнительно, но вдруг)
либо описанное выше можно сделать с помощью другой операции: сверху, в строке меню, выбираем “Слои”, в открывшемся подменю выбираем “Новый” и по стрелочке – “из заднего плана”, и в открывшемся таком же окошечке нажимаем “Да”.
Выбираем в инструментах “Прямоугольник со скругленными углами”.
Выбираем сверху на панели настроек режим: «Контуры». Устанавливаем радиус, чтобы закруглить углы в фотошопе. Я выбрала 40 пикселей, Вы можете выбрать подходящий для Вашей картинки.
Рисуем на картинке прямоугольник нужного размера: ставим курсор (он приобретает форму крестика) в нужную точку слева-сверху и, не отпуская кнопки мыши, ведем в противоположный угол до нужной точки. На нашу картинку лег прозрачный прямоугольник со скругленными углами.
Правой кнопкой мыши кликаем на прямоугольнике. В контекстном меню выбираем «Образовать выделенную область», радиус растушевки поставим 1 пиксел и нажимаем кнопку «Да».
С помошью меню Выделение → Инверсия выделяем все, что вне прямоугольника со скругленными углами, и удаляем выделенное клавишей Delete.
Если Вы накладывали прямоугольник не на всю картинку, то лишний прозрачный фон можно удалить с помощью последовательности команд Изображение → Тримминг → На основе прозрачных пикселов → Да.
Мы получили картинку с закругленными углами. Сохраняем ее для Web: Файл → Сохранить для Web и устройств. Выбираем Preset: PNG-24, Transparency и жмем Save. В формате PNG-24 картинка сохраняется с прозрачным фоном, для того чтобы ее можно было встроить в любой дизайн сайта.
Все то же самое можно сделать с инструментом «Эллипс», тогда Вы получите круглую картинку или в рамке эллиптической формы.
Итак, сегодня мы с Вами узнали, как закруглить углы в фотошопе у любой картинки.
Скругленные углы на фотографии выглядят достаточно интересно и привлекательно. Чаще всего такие изображения применяются при составлении коллажей или создании презентаций. Также картинки со скругленными углами можно использовать в качестве миниатюр к постам на сайте.
Вариантов использования много, а способ (правильный) получить такое фото всего один. В этом уроке я покажу, как скруглить углы в Фотошопе.
Открываем в Фотошопе фотографию, которую собираемся редактировать.
Затем создаем копию слоя с водопадом под названием «Фон»
. Для экономии времени воспользуемся горячими клавишами CTRL+J
.
Копия создается для того, чтобы оставить нетронутым исходное изображение. Если (вдруг) что-то пойдет не так, можно будет удалить неудачные слои и начать заново.
В данном случае из настроек нас интересует только одна – радиус скругления. Значение этого параметра зависит от размера изображения и от потребностей.
Я задам значение в 30 пикселей, так будет лучше видно результат.
Теперь нужно растянуть полученную фигуру на весь холст. Вызываем функцию «Свободное трансформирование»
горячими клавишами CTRL+T
. На фигуре появится рамка, при помощи которой можно перемещать, вращать и изменять размер объекта.
Нас интересует масштабирование. Растягиваем фигуру при помощи маркеров, указанных на скриншоте. После завершения масштабирования нажимаем ENTER
.
Совет: для того, чтобы совершить масштабирование максимально точно, то есть, не выйдя за пределы холста, необходимо включить так называемую «Привязку»
Посмотрите скрин, там указано, где данная функция находится.Функция заставляет объекты автоматически «Прилипать» к вспомогательным элементам и границам холста.
Как видим, вокруг фигуры образовалось выделение. Теперь переходим на слой-копию, а со слоя с фигурой снимаем видимость (см. скриншот).
Теперь слой с водопадом активен и готов к редактированию. Редактирование заключается в удалении лишнего из углов картинки.
Инвертируем выделение горячими клавишами CTRL+SHIFT+I
. Теперь выделение осталось только на углах.
Читайте также…
БЕСПЛАТНЫХ закругленных углов | Полированная картина
Мне нравится внешний вид закругленных углов на изображениях, особенно для отображения в блогах. Хотя это просто сделать, я не люблю тратить лишнее время на скругление углов вручную. Я люблю автоматизацию !! Я встречал несколько действий с закругленными углами, которые ускоряют процесс, но все они имеют некоторые ограничения …
- Некоторые немного изменяют размер вашего изображения — это делает мои изображения несколько пиксельными и оставляет мне изображение размером на несколько пикселей меньше с каждой стороны (потенциальная проблема, если вы занимаетесь дизайном)
- Некоторые требуют заранее знать размер изображения
- Некоторые требуют, чтобы вы знали ориентацию изображения заранее (альбомная или горизонтальная.портрет)
Мне нравится группировать вещи в Photoshop, когда я могу, и я никогда не встречал универсального экшена с закругленными углами. Так было до тех пор, пока я не прочитал этот урок: Универсальные закругленные углы. Ding ding ding! Блестяще.
Автор предлагает действие в конце своего урока, используя свой метод, который, честно говоря, отлично работает, если вам нужны углы с радиусом 10 пикселей, для которых установлен цвет фона вашего образца цвета.
Для большей гибкости некоторое время назад я создал для себя набор действий, который использует его метод, но также выполняет следующие действия:
- Округляет изображение на прозрачном фоне, чтобы вы могли сохранить файл в формате.png с прозрачными углами (или, если вы сохраните его как .jpg, углы будут белыми)
- Обеспечивает действия для радиуса 10, 20, 30, 40 или 50 пикселей по углам.
Вот визуальное представление доступных опций радиуса:
Я хотел поделиться с вами набором действий, и он доступен здесь.
Если у вас есть экшен, который вы используете для изменения размера и резкости веб-сайта, вы можете прикрепить его к концу, чтобы скруглить углы.Или, если вы создаете своего рода макет раскадровки для своего блога, он отлично подходит и для этого! Это действие будет работать с плоским изображением любого размера до 5000 на 5000 пикселей. Квадрат или прямоугольник, значения не имеет.
Надеюсь, вы найдете это полезным !!
Создайте фотоколлаж из закругленных квадратов в Photoshop
В этом уроке я покажу вам, как создать фотоколлаж с закругленными квадратами в Photoshop.
Мы будем использовать инструмент скругленного квадрата для рисования фигур, сетку, чтобы помочь нам расположить фигуры симметрично, и обтравочную маску, чтобы вставлять изображения в нужный вам слой.
После того, как вы разместите все закругленные квадратные формы по своему усмотрению, вы можете поиграть с другими инструментами Photoshop, чтобы добавить свои собственные художественные эффекты.
Приступим!
Окончательный результат.
Скачать этот шаблон
Загрузите шаблон Photoshop Collage со скругленными углами здесь или найдите другие бесплатные шаблоны Photoshop Collage здесь. Если вам понравились мои работы, подпишитесь на мой канал на YouTube — PhotoEffect или купите мне кофе.
Видео: скругленный квадратный коллаж Photoshop.
Посмотрите видео с подробными инструкциями и воспользуйтесь письменными инструкциями для быстрого ознакомления.
1. Создайте новый документ
Выберите Файл> Новый (или просто нажмите Ctrl + N ).
Во всплывающем окне введите имя в поле «Имя» и введите следующую информацию:
Ширина 3000 пикселей, Высота 2000 пикселей, Разрешение 300 пикселей / дюйм, Цветовой режим RGB и Содержимое фона Прозрачный или Белый.
Нажмите ОК.
2. Создайте сетку
Теперь нам нужно создать сетку, которая поможет нам симметрично расположить прямоугольные формы.
Как сделать сетку в фотошопе?
Сделать сетку в Photoshop довольно просто.
Чтобы добавить сетку, выберите View> Show> Grid .
Откройте настройки сетки, выберите Правка> Настройки> Направляющие, сетка и фрагменты .
Откроется диалоговое окно настроек.
Выберите желаемый цвет линий сетки.
Я установлю для параметра «Gridline every» значение 200 пикселей, а для параметра «Subdivisions» значение 1.
Выберите View> Snap , чтобы включить привязку, которая поможет вам выровнять любой объект (включая форму) по вашему желанию.
Создавать сетку через каждые 200 пикселей.
3. Выберите инструмент Custom Shape Tool
Выберите инструмент Custom Shape Tool на панели инструментов или просто нажмите U .
С помощью сетки можно создать простой коллаж Photoshop.
Нажмите Shift + U , чтобы просмотреть шесть доступных инструментов фигур, пока не станет активным тот, который вам нужен.
На панели параметров убедитесь, что в меню выбрана форма, затем выберите цвет формы.
Чтобы выбрать цвет фигуры, щелкните образец цвета на панели параметров, а затем выберите доступный цвет.
Цвет также можно выбрать в палитре цветов.
Наконец, введите значение размера штриха и выберите квадрат с закругленными углами во всплывающей панели Custom Shape.
Если вы не найдете на панели закругленного квадрата, щелкните стрелку в правом верхнем углу и выберите «Все».
Когда вас попросят заменить текущие фигуры, нажмите OK, чтобы заменить текущие фигуры на фигуры из «Все».
Инструмент нестандартной формы.
Щелкните образец цвета на панели параметров и выберите доступный цвет.
Вы также можете выбрать цвет из палитры цветов.
Выберите квадрат со скругленными углами во всплывающей панели Custom Shape.
Щелкните стрелку в правом верхнем углу и выберите «Все».
Нажмите «ОК», чтобы заменить текущие фигуры на фигуры из «Все».
4. Нарисуйте квадратные формы с закругленными углами
Чтобы нарисовать квадрат со скругленными углами, щелкните внутри документа и перетащите его от начальной точки.
Когда вы отпускаете кнопку мыши, Photoshop завершает форму и заполняет ее выбранным вами цветом.
Теперь продублируйте закругленную квадратную форму, перейдя в Layer> Duplicate Layer , или нажав Ctrl + J .
Затем измените размер и положение дублирующего слоя с фигурой, используя Edit> Free Transform Path .
Вы можете редактировать форму следующим образом:
- Измените размер закругленной квадратной формы, перетащив любой угол, удерживая нажатой клавишу Shift , чтобы форма не искажалась.
- Переместите закругленную квадратную форму, щелкнув и удерживая в любом месте внутри фигуры, а затем перетащите.
- Поверните закругленный квадрат, перемещая курсор дальше от любого угла, пока не увидите две стрелки. Щелкните и удерживайте, а затем перетащите фигуру.
- Нажмите Введите , когда закончите.
Дублируйте слой с закругленными квадратными формами столько, сколько хотите, а затем расположите все так, как вам нравится.
Когда вы закончите, скройте / удалите сетку, выбрав View> Show> Grid .
Создайте форму в документе.
Дублируйте слой столько, сколько хотите, а затем измените размер / положение каждой формы с помощью Free Transform.
5. Сгруппировать все слои с фигурами
Удерживая нажатой кнопку Shift , щелкните по всем слоям с фигурами и выберите «Слой »> «Сгруппировать слои ».
Сгруппировать все слои-фигуры.
6. Повернуть группу слоев
Щелкните группу слоев и выберите Edit> Free Transform .
Введите значение 45 градусов на панели параметров и нажмите Enter.
Вы можете настроить его размер и положение с помощью Free Transform.
Панель опций «Свободное преобразование».
Повернуть группу слоев.
Отрегулируйте его размер и положение с помощью функции «Свободное преобразование».
7. Вставить изображение
В этом уроке Photoshop Collage я буду использовать изображения, которые я скачал с Pixabay. Стандартные изображения: 1002775, 1002818, 1002919, 1179193, 1179195, 1291004, 1680248, 1744581, 1886350, 1896224, 1822038, 507301, 1175827, 1175828, 1096935
Выберите слой с закругленными квадратами, в который вы хотите вставить изображение.
Перейдите в Файл> Поместить , чтобы открыть изображение, которое вы хотите вставить.
Щелкните изображение, затем щелкните OK.
Теперь вы можете редактировать изображение следующим образом:
- Измените размер изображения, перетащив любой угол, удерживая нажатой клавишу Shift , чтобы изображение не искажалось.
- Переместите изображение, щелкнув и удерживая в любом месте изображения, а затем перетащите.
- Поверните изображение, перемещая курсор дальше от любого угла, пока не увидите две стрелки.Щелкните и удерживайте, а затем перетащите изображение.
- Нажмите Введите , когда закончите.
Вставить изображение.
8. Создайте обтравочную маску
На панели «Слои» убедитесь, что слои, которые нужно обрезать, перечислены последовательно.
Помните, вы должны располагать слой изображения над слоем с закругленными квадратами.
Щелкните слой изображения, который нужно обрезать, затем выберите «Слой »> «Создать обтравочную маску» (или просто нажмите Alt + Ctrl + G ).
Когда слои помещаются в обтравочную маску, содержимое самого нижнего слоя (слой с закругленными квадратами) обрезает слои над ним (слой изображения).
Поместите слой изображения поверх слоя с закругленными квадратами.
Обтравочная маска.
9. Вставить другое изображение
Повторите шаги с 7 по 8, чтобы открыть и изменить каждое изображение, которое вы хотите вставить.
Вставьте все изображения.
10. Сохраните документ
Выберите File> Save или просто нажмите Ctrl + S, чтобы сохранить файл проекта.
Откроется диалоговое окно «Сохранить как».
Перейдите в папку, в которой вы хотите сохранить файл проекта.
Введите имя в текстовое поле «Имя файла» и оставьте формат Photoshop по умолчанию (* .PSD; *. PDD).
Нажмите «Сохранить», чтобы сохранить файл проекта.
Когда вы закончите, вы, вероятно, также захотите использовать Файл> Сохранить как (Shift + Ctrl + S), чтобы экспортировать изображение в более широко используемый формат, такой как JPEG, PNG, TIFF и т. Д.
Вот результат:
Закругленный квадратный коллаж Photoshop.
Это урок по фотоэффекту, и я только что показал вам, как создать фотоколлаж из закругленных квадратов в Photoshop. Если у вас есть какие-либо вопросы или комментарии относительно этого руководства, просто добавьте их в раздел ниже. Спасибо.
Создание эффекта виньетки в Photoshop
Виньетирование — это затемнение фотографии к углам кадра. Фотографы старались изо всех сил избегать этого, но в последнее время он стал популярным творческим эффектом, который люди стремятся воспроизвести в программном обеспечении для обработки изображений, таком как Photoshop.
Photoshop позволяет вам добавить базовый эффект виньетки с помощью фильтра Lens Correction, но метод, которому я собираюсь научить вас, более универсален и дает вам больше контроля над силой и положением эффекта.
1. Откройте свое изображение
.
Начните с загрузки изображения в Photoshop. Я буду использовать следующую картинку — не стесняйтесь загружать ее и следить за ней.
Это фото, которое я буду корректировать.Изображение Нейта Болта.
2. Создайте овальное выделение
Выберите инструмент эллиптической области и используйте его, чтобы нарисовать овальное выделение в центре изображения, начиная с верхнего левого угла и заканчивая рядом с правым нижним.
Нарисуйте овальное выделение посередине фотографии.
3. Растушевка выделенной области
Чтобы создать эффект постепенного затемнения, а не резкую линию, вам нужно растушевать выделение.Перейдите в Select> Modify> Feather и выберите большое значение — я использовал 75 пикселей, потому что я работаю с маленьким изображением, но для больших изображений вам может потребоваться увеличить до 250 пикселей.
Растушуйте свой выбор.
4. Инвертировать выделение
На данный момент у нас выделен центр изображения, но на самом деле нам нужно выделить все, что находится за пределами этого овала. Сделайте это, выбрав Select> Inverse.
Инвертируйте ваш выбор.
5. Добавьте корректирующий слой Curves
.
Не снимая выделения с экрана, добавьте корректирующий слой «Кривые» («Слой»> «Новый корректирующий слой»> «Кривые»). Изображение пока не изменится, но если вы посмотрите на панель «Слои», вы увидите новый корректирующий слой над фоновым слоем. Важно отметить, что корректирующий слой должен включать связанную маску в форме вашего выделения.
Новый слой Curves замаскирован по форме нашего выделения.
6. Отрегулируйте кривые для управления эффектом виньетки.
Наконец, вы можете внести изменения в слой Curves, чтобы настроить эффект виньетирования. Щелкните кривую, чтобы добавить точку настройки около середины, затем перетащите ее вниз, чтобы затемнить углы фотографии, или вверх, чтобы осветлить их.
Внесите изменения в слой Curves, чтобы контролировать эффект виньетки.
Продолжайте настраивать, пока не будете довольны эффектом, а затем сохраните изображение.Помните, что, поскольку настройка выполняется отдельно позже, вы можете легко настроить или удалить ее позже, не влияя на качество исходного изображения.
Окончательное изображение с примененным эффектом виньетирования.
Вот и все! Виньетирование действительно может добавить интерес к фотографии, хотя, как правило, лучше сделать эффект довольно тонким, а не переусердствовать. Не бойтесь экспериментировать с различными формами, размерами и позициями выделения, чтобы создать желаемый эффект.
Быстрый переход к Photoshop — уроки, советы и рекомендации по редактированию фотографий
Capture One Pro 8.1 был недавно выпущен с множеством новых функций. Одна из этих функций, на которой я сосредоточусь сегодня, была запрошена многими из вас, поэтому благодаря вашим отзывам она теперь является частью Capture One!
Хотя мы стараемся побудить вас делать как можно больше в Capture One Pro 8, чтобы получить максимальную пользу от файла RAW, есть некоторые задачи, которые реально можно выполнить только в Photoshop, например, ретуширование.
Упрощает и ускоряет рабочий процесс
Преимущество версии 8.1 заключается в том, что вместо того, чтобы вручную открывать экспортированный файл в Photoshop и затем повторно импортировать этот файл обратно в каталог или сеанс, теперь этот процесс автоматизирован.
Это значительно ускоряет и упрощает рабочий процесс.
«Туда и обратно» доступна независимо от того, используете ли вы каталог или сеанс, поэтому описанный ниже рабочий процесс будет иметь смысл для любого из них.
Начать поездку туда и обратно
Чтобы начать процесс «туда и обратно», вы должны использовать команду «Редактировать с помощью…».Это отличается от команды «Открыть с помощью…», где выбранное изображение просто открывается в выбранном вами приложении. Поэтому убедитесь, что вы используете правильную команду в этом случае.
Я работаю над следующим изображением в Capture One Pro 8.1
Я сделал черно-белое преобразование, добавил немного зернистости пленки и несколько других мелких корректировок. Однако на лице довольно много «грязных» пятен, поэтому я быстро их удалю в Photoshop.
«Редактировать с помощью…» можно открыть, щелкнув миниатюру правой кнопкой мыши или выбрав миниатюру и выбрав «Файл> Редактировать с помощью…»
Откроется новое диалоговое окно, в котором вы можете указать параметры вывода и в каком приложении открывать изображение.
Диалоговое окно говорит само за себя. На вкладке «Корректировки» диалогового окна (не показано) вы также можете отключить повышение резкости и обрезки.
После того, как вы определились с параметрами, нажмите «Редактировать вариант». Capture One Pro 8 экспортирует вариант и автоматически откроет его в Photoshop. Экспортированный файл также будет автоматически добавлен вместе с исходным RAW в Каталог или Сессию.
В Photoshop я могу выполнить быструю ретушь.
Когда я закрываю файл TIFF, Capture One Pro 8 автоматически обновляет эскиз. Конечно, важно сохранить изменения.
Вернувшись в Capture One Pro 8, эскиз автоматически обновляется, чтобы отразить все изменения, внесенные в Photoshop.
Слева вы видите файл TIFF, а справа — исходный RAW…
С этого момента мы можем использовать команду «Открыть с помощью…» для файла TIFF, чтобы при желании вносить дальнейшие изменения в изображение.Опять же, это приведет к обновлению эскиза в Capture One Pro 8.
Дополнительным преимуществом является то, что любой рецепт процесса, который вы настроили в Capture One Pro 8, можно также использовать для перепрофилирования файла TIFF, например, для создания файлов JPEG или TIFF с разными размерами экспорта.
С уважением,
Давид
Дэвид Гровер
Дэвид Гровер — часть команды Capture One, которая предоставляет вам помощь, советы и обучение по различным темам и платформам.Дэвида можно найти на большинстве недель, проводящих прямые веб-семинары по Capture One, или в любое время на нашем канале YouTube.
21 Advanced Photoshop Советы, приемы и руководства Roundup
Даже если вы действительно знакомы с Photoshop, вы всегда найдете способы совершенствовать и развивать свои навыки. Я собрал массу статей по Photoshop, которые дадут вам разные советы о том, как использовать и улучшить свои навыки Photoshop, а также научат вас некоторым новым приемам Photoshop, которые вы, возможно, не знаете.
В этой статье вы найдете несколько простых, но эффективных передовых методов Photoshop по таким темам, как выбор лучшего формата изображения для Интернета или создание кадрирования для многократного редактирования изображения.
Вы никогда не перестанете улучшать свои навыки веб-дизайна и графического дизайна, вы всегда можете найти что-то новое и удобное, например, , которое вы найдете в следующей коллекции .
1. 10 шагов к совершенствованию навыков работы с Photoshop
Десять полезных советов, которые улучшат ваши навыки работы с Photoshop, например подписка на галереи и форумы и чтение журналов.
2. 9 основных принципов хорошего веб-дизайна
Веб-дизайн может быть обманчиво сложным, поскольку он включает в себя создание дизайна, который одновременно удобен и приятен, доставляет информацию и создает бренд, а также является технически надежным и визуально согласованным.
3. 6 советов и приемов Photoshop, о которых вы, возможно, не знаете
Вот 6 советов и приемов Adobe Photoshop, о которых вы, вероятно, не знаете (держу пари, вы не знаете хотя бы одного).
4. Сборник трюков Photoshop
Крис Койер предлагает очень полезные приемы Photoshop в этом 36-минутном скринкасте.
5. Советы и хитрости Photoshop — Variety Pack Volume 1
Вот набор полезных советов и приемов, которые помогут вам улучшить свои навыки работы с Photoshop.
6. Как правильно выбрать формат изображения?
Узнайте, как выбрать правильный формат файла изображения (BMP, GIF, JPG и PNG) для различных случаев в Интернете.
Примечание редактора: Указанное выше руководство больше не доступно.
7. Удаление фонового изображения в Photoshop: Magic Extractor Tool
8. 15 руководств по созданию аутентичных фотоэффектов
9. Улучшение фотографий с помощью фильтра высоких частот
Учебное пособие с использованием настроек «Тени / свет», показывающее, как легко имитировать своего рода стиль HDR.
10.Скрытая сила инструмента кисти Photoshop
Инструмент «Кисть Adobe Photoshop
» очень мощный, и в этом руководстве объясняется несколько его полезных функций. Чтобы изучить все функции, вы можете просто открыть палитру кистей (меню «Окно» — «Кисти»), изменить каждую настройку и попробовать результат при рисовании мазка.
11. Photoshop CS4: капли
В видеоруководстве вы узнаете, как создать каплю в Photoshop и как это может помочь улучшить ваш рабочий процесс!
12.Photoshop: смарт-фильтры
Узнайте, как использовать интеллектуальные фильтры, из этого расширенного видеоурока.
13. «Инструмент для удаления фона» — это новая волшебная палочка
В этом руководстве объясняется, как использовать очень малоизвестный инструмент Photoshop под названием «Background Eraser Tool». Это очень полезный инструмент для удаления цветов фона при сохранении основного изображения, которое вы хотите. Это довольно просто, поэтому вы можете начать использовать его сразу после урока.
14.10 техник Photoshop, без которых вы не сможете работать
Изучите 10 передовых методов, о которых вы, возможно, не знали.
15. Руководство по полутоновому узору
В этом руководстве будут рассмотрены различные шаги и настройки для получения полутонового узора.
16. Клонировать отвлекающий фон в Photoshop (и Elements)
17. Как использовать Fit Image в Photoshop — Видеоурок
18. 10 лучших убийственных комбинаций в Photoshop
Освойте эти убийственные комбинации клавиатур в Photoshop, и у вас будет больше времени для важных дел.Эти комбинации предполагают, что вы используете Photoshop CS3 на платформе Windows с сочетаниями клавиш по умолчанию.
19. 5 методов повышения контрастности цифровых фотографий
20. Как сделать цифровые фотографии похожими на ломо-фотографии
21. Предупреждение: эти 9 техник Photoshop могут привести к отличным фотографиям
Постобработка (или редактирование фотографий) — вот что делает хорошую фотографию великолепной. Камеры являются хорошей отправной точкой, но волшебство — это именно постобработка.Попробуйте некоторые из этих творческих приемов постобработки, чтобы улучшить свой художественный стиль.
Связанное содержание
Об авторе
Дайнис Граверис — молодой дизайнер из Латвии. Он ведет 1stwebdesigner , дизайнерский блог, посвященный веб-дизайну, графическому дизайну, учебным пособиям и вдохновляющим статьям, посвященным блоггерам, фрилансерам, веб-разработчикам и дизайнерам. Вы можете подписаться на него в Twitter .
Возраст фото в фотошопе CC
Старение фотографии в Photoshop — это классический прием, который может превратить даже скучное полноцветное изображение во что-то поразительное.Если ваша дизайнерская работа требует винтажного вида, воспроизведение в цифровом виде вида старомодной фотографии может творить чудеса.
Однако это больше, чем просто преобразование фотографии в оттенки сепии и решение проблемы. В этой статье мы узнаем, как состарить фотографию, используя технику двухцветного изображения в Photoshop CC. Просто выполните эти девять шагов.
01. Выберите стартовую фотографию
Фото Rowan Chestnut. Нажмите, чтобы бесплатно загрузить с Unsplash (Изображение предоставлено: Rowan Chestnut)
Я собираюсь начать с этой красивой фотографии от фотографа Rowan Chestnut, доступной бесплатно на Unsplash.В качестве альтернативы, конечно, вы можете работать со своей собственной фотографией.
02. Преобразовать в оттенки серого
Добавьте корректирующий слой «Черно-белый», чтобы преобразовать полноцветное изображение в оттенки серого [щелкните значок, чтобы увеличить изображение]
Чтобы преобразовать фотографию в оттенки серого, сначала необходимо сделать ее в оттенках серого. . Photoshop предлагает несколько способов преобразования изображения в оттенки серого, но давайте выберем наименее разрушительный вариант и воспользуемся корректирующим слоем.
В нижней части панели «Слои» вы найдете кнопку «Создать новую заливку или корректирующий слой» вместе с черно-белым значком.Щелкните этот значок и выберите Black & White, чтобы добавить черно-белый корректирующий слой. Цветное изображение мгновенно изменится на оттенки серого, но без изменения исходного изображения, которое можно найти на фоновом слое.
03. Применение карты градиента
Корректирующий слой карты градиента преобразует тона изображения в градациях серого во что-то другое [щелкните значок, чтобы увеличить изображение]
Тона сепии появляются, когда фотография в оттенках серого становится блеклой — черные чернила перемещаются в сторону коричневого, тогда как бумага, которая отражается в белых и светлых тонах, становится желтой.Поэтому, чтобы искусственно состарить нашу фотографию, мы хотим заменить черный и темно-серый тона коричневым оттенком, а более светлые тона — бледно-желтым или кремовым. Мы легко можем сделать это с помощью другого корректирующего слоя.
Снова нажмите кнопку «Создать новый слой заливки или корректирующего слоя» в нижней части панели «Слои», но на этот раз выберите «Карта градиента». Как вы можете видеть на изображении ниже, красный заменил черный на этом изображении, но ваши результаты могут отличаться. Далее исправим цвета.
04. Преобразовать в сепию
Редактор градиента позволяет изменять цвета в корректирующем слое «Карта градиента» [щелкните значок, чтобы увеличить изображение]
Откройте панель «Свойства», выбрав «Окно> Свойства». Если на панели «Слои» выбран слой «Карта градиента 1», на панели «Свойства» будет отображаться карта градиента.
На панели «Свойства» щелкните сам градиент, чтобы открыть редактор градиентов Photoshop. Вверху находятся предустановки — значения по умолчанию и те, которые вы создаете, — а доминирующим в диалоговом окне является сама градиентная рампа.Мы воспользуемся этим, чтобы преобразовать изображение в оттенки сепии.
05. Замените темные тона коричневым
Выберите приглушенный коричневый оттенок для представления выцветших черных [щелкните значок, чтобы увеличить изображение]
Дважды щелкните левый ограничитель цвета под шкалой цветов градиента (красный на изображение выше), и появится палитра цветов. Здесь нам нужно выбрать цвет, чтобы заменить черный и темный тона. Вы хотите смешать приглушенный коричневый цвет — мы выбрали RGB 58, 41, 11.
Нажмите OK, чтобы вернуться в редактор градиентов.
06. Замените светлые тона желтым
Замените светлые тона бледно-желтым [щелкните значок, чтобы увеличить изображение]
Нам также нужно изменить цветовую границу на другом конце градиента. Дважды щелкните по нему и в диалоговом окне «Палитра цветов» выберите оттенок, чтобы заменить белые цвета изображения и подкрашивать все более светлые тона на фотографии. Мы использовали RGB 242, 431, 209, но не стесняйтесь использовать другой цвет.
После этого вы должны увидеть что-то похожее на изображение выше.
07. Сделать зернистым
Фильтр «Добавить шум» может имитировать зернистость пленки [щелкните значок, чтобы увеличить изображение]
Одним из наиболее важных и любимых аспектов черно-белой пленочной фотографии является видимая зернистость пленки. на фотографиях. Так что, если вы хотите получить реалистично состаренную фотографию, вам нужно добавить зернистость пленки.
На панели «Слои» щелкните фоновый слой, чтобы выбрать его. Этот шаг навсегда изменит исходную фотографию, поэтому вы можете сначала создать копию фонового слоя.В меню «Фильтр» выберите «Шум> Добавить шум», и появится диалоговое окно «Добавить шум».
Обратите внимание, что при выбранном полноцветном фоновом слое (или его копии) окно предварительного просмотра в диалоговом окне «Добавить шум» будет отображаться в полноцветном виде, за исключением двух корректирующих слоев — не беспокойтесь об этом.
08. Добавить размытие по Гауссу
Отрегулируйте уровни шума до тех пор, пока они не будут соответствовать вашей фотографии [щелкните значок, чтобы увеличить изображение]
Все еще находясь в диалоговом окне «Добавить шум», убедитесь, что в разделе «Распределение» выбрано значение «Гауссово» и что поле рядом Монохроматичность проверена.Теперь отрегулируйте поле Amount или ползунок под ним, чтобы установить нужное количество шума. Мы выбрали 10% для этой фотографии.
Когда вы будете удовлетворены, нажмите OK, чтобы применить к фотографии шум зернистости пленки. Если ваши результаты не идеальны, вы всегда можете отменить применение шума, а затем снова использовать фильтр «Добавить шум».
09. Продвигайте дальше
Попробуйте добавить рамку или еще больше огорчить фотографию с помощью кисти Photoshop
Теперь у вас есть изображение в тонах сепии, которое выглядит так, будто оно действительно старое.Отсюда вы можете использовать изображение как есть или немного поработать с ним. Возможно, вы захотите добавить несколько царапин, зазубрин и пыли, чтобы еще больше состарить фотографию.
Вы можете сделать это самостоятельно с помощью простой круглой кисти или одного из многочисленных наборов специальных кистей Photoshop. Для вдохновения загляните в раздел «Гранж» в нашем обзоре бесплатных кистей Photoshop.
Возможно, вы даже захотите добавить рамку и фон к изображению, что мы сделали на последнем изображении выше, используя другой набор бесплатных кистей от MiloArtDesign (загрузите их здесь) и другую стоковую фотографию.
Если вы хотите узнать больше о методах и приемах работы с градиентными картами в Photoshop или с монотонным, двухцветным и тритонным режимами в Photoshop или InDesign, ознакомьтесь с видео-курсом Pluralsight «два в одном», «Проектирование в Duotone». в Photoshop и InDesign.
Сравнение до и после [щелкните значок, чтобы увеличить изображение]
О Pluralsight
Pluralsight — это платформа корпоративного обучения технологиям, которая обеспечивает унифицированный непрерывный опыт обучения для предприятий по всему миру.Благодаря услуге подписки компании получают возможность двигаться со скоростью технологий, повышая квалификацию, инновации и эффективность. Чтобы получить бесплатную пробную версию и получить дополнительную информацию, посетите www.pluralsight.com.
Статьи по теме:
Простой способ создания макетов продуктов в Photoshop
Для владельцев малого бизнеса макеты продуктов являются неотъемлемой частью продвижения идей, создания бизнеса и даже мозгового штурма новых идей и возможностей продукта. Если вы хотите использовать свои макеты в зале заседаний или на рекламном щите, демонстрация вашего продукта в действии — отличный способ заинтересовать людей.Хотя существует множество способов создания высококачественных макетов, включая дорогостоящую профессиональную помощь, на самом деле макеты довольно легко сделать с помощью Adobe Photoshop. Чтобы показать вам, как и почему мы собрали это простое руководство с использованием стоковых фотографий. Ознакомьтесь с нашими планами здесь!
Шаг первый:
Загрузите фоновое изображение и откройте его в Adobe Photoshop.
Этот шаг вряд ли можно назвать этапом, но при выборе фонового изображения следует помнить несколько важных вещей. В идеале ваш экран должен быть черным, и чем проще будет перспектива, тем проще будут следующие шаги.Кроме того, если вы загружаете фотографию у большинства поставщиков стоковых фотографий, вы можете использовать это отредактированное изображение только в личных целях. Другими словами, если макет будет приносить вам деньги, это запрещено, если только вы не хотите рискнуть подать иск о нарушении авторских прав. К счастью, все наши изображения бесплатны, поэтому вы можете использовать эти макеты в маркетинговых кампаниях и для других профессиональных целей. Для нашего макета мы использовали это фоновое фото и фото подсолнуха.
Шаг 2. Нарисуйте фигуру
Нарисуйте простую фигуру с помощью инструмента «Фигура» на панели инструментов.Необязательно, чтобы он идеально совпадал, но убедитесь, что он полностью покрывает всю фигуру. Pro Tip: Использование ваших направляющих сделает этот процесс более простым и надежным.
Шаг третий: преобразование вашей формы в смарт-объект
Важно, чтобы вы выполнили этот шаг перед настройкой изображения, чтобы оно лучше соответствовало экрану на фотографии (шаг четвертый). Чтобы преобразовать форму в смарт-объект, просто щелкните правой кнопкой мыши свой слой на панели слоев справа, затем выберите «Преобразовать в смарт-объект» в раскрывающемся меню.
Присоединяйтесь к нашему творческому сообществу
Получите доступ к лучшим видеосоветам, советам по дизайну и предложениям прямо на свой почтовый ящик.
Шаг четвертый: отрегулируйте перспективу
Теперь мы собираемся заставить наш смарт-объект соответствовать экрану монитора на фотографии с помощью инструмента «Трансформировать». Перейдите в меню Edit> Transform> Distort , чтобы начать редактирование формы вашего смарт-объекта. Pro Совет: Уменьшение непрозрачности на панели слоев позволит вам легче видеть изображение под ней.Щелкните и перетащите углы, чтобы получить необходимый размер и форму. Помните, что электроника обычно показывает тонкую черную рамку по краям окна дисплея, поэтому мы не хотим заполнять экран полностью. Если у вас закругленная форма или что-то (например, человек или объект) входит в кадр, что требует более индивидуальной формы, вы можете использовать маску слоя, чтобы «удалить» эти лишние пиксели. Просто выберите слой и добавьте маску слоя, щелкнув значок маски слоя в нижней части панели слоев.Затем вы можете использовать кисть с черным цветом, чтобы закрасить любые пиксели, которые вам не нужны. Если вы закрасили что-то, что хотели сохранить, просто переключите цвет на белый и закрасьте область снова, чтобы они снова появились. Нажмите ENTER , чтобы применить изменения и вернуть непрозрачность слоя до 100%.
Шаг пятый: Добавьте свое изображение
Пришло время добавить ваше реальное изображение продукта в макет. Для этого сначала дважды щелкните значок смарт-объекта на панели слоев.Если вы просто дважды щелкните сам слой, это не сработает. Вы должны щелкнуть значок изображения рядом с названием слоя. Как только это будет сделано, вы увидите новое всплывающее окно, которое будет иметь ту же форму, что и ваш смарт-объект на третьем шаге. Как вы можете видеть ниже, теперь у нас есть большой прямоугольник, который очень похож на наш исходный прямоугольник до того, как мы применили преобразование. Откройте изображение продукта в Photoshop (ФАЙЛ> ОТКРЫТЬ) . Теперь перетащите новое изображение на этот экран с помощью инструмента «Перемещение».Измените размер изображения, чтобы заполнить экран. Теперь нажмите СОХРАНИТЬ и закройте окно. Убедитесь, что вы не закрыли все окна Photoshop, потому что нам все еще нужно исходное фоновое изображение! Pro Tip: Если вы удерживаете нажатой клавишу Shift, новое изображение будет перетаскиваться прямо в центр смарт-объекта.
Шаг шестой: Вуаля!
Когда вы вернетесь к исходному фоновому изображению, вас ждет сюрприз! Вот ваше изображение, волшебным образом вставленное и скорректированное в исходное фоновое изображение! На этом этапе вы можете оставить свой макет как есть, но есть несколько приемов, которые вы можете использовать, чтобы сделать его еще более реалистичным.
- Экран слишком яркий? Если исходное изображение имело черный фон, просто уменьшите непрозрачность на слое смарт-объекта, чтобы затемнить его.
- Поэкспериментируйте с «Затемнением», «Умножением» и другими параметрами изображения на панели слоев.
- Добавьте тени. В Photoshop есть много способов сделать это, но один из самых простых — использовать эффект затемнения цвета с кистью. Однако будьте осторожны, чтобы не слишком сильно изменить изображение. Если напортачили, просто Ctrl + Z !
Бонусный раунд!
Теперь, когда мы прошли ступеньки вниз, мы пошли дальше и применили тот же процесс к остальным экранам изображения, получив готовый макет! Вот и все, ребята! Мы не можем придумать ничего более вдохновляющего, чем воплощение ваших идей в жизнь.Благодаря бесплатным стоковым фотографиям и программе Adobe Photoshop каждый может освоить эту простую технику и превратить свое видение в реальность. Освоив этот навык, вы можете переходить к изучению создания макетов видео.