Как в фотошопе округлить фото: Урок 11 Как закруглить углы в фотошопе

Содержание

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

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

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

Мои откровения в телеграме

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

И в появившемся окне нужно установить радиус закругления углов изображения. Примерно 10-15 пикселей будет нормально.

После этого снова заходим в меню «Выделение» и выбираем пункт «Инверсия».

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

Делаем круглые картинки в фотошопе

С закруглением картинок мы успешно справились, теперь давайте сделаем круглые изображения. Порядок действий простой, поэтому скриншоты не публикую. Выбираем инструмент «Эллипс», и рисуем круг в области картинки, которую нужно сделать круглой с зажатым Shift При необходимости, изменяем ее масштаб Ctrl + T и делаем инверсию, таким же способом, как было описано выше. Нажимаем кнопку Delete 2 раза, снимаем выделение Ctrl + D и любуемся полученным результатом. То же самое можно сделать с применением инструмента «Овальная область»
. Но ее нельзя масштабировать.

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

Как закруглить углы в фотошопе тремя легкими способами?

Автор Дмитрий Костин На чтение 5 мин. Опубликовано

Доброго всем утра, дня, вечера или ночи. С вами снова и опять Дмитрий Костин. Как-то я просматривал разные картинки и тут мне приглянулись некторые из них. А приглянулись он тем, что у них были закруглены края. Сразу как-то интереснее смотрится. Вы не находите? И поэтому в сегодняшнем уроке я хотел бы вам рассказать, как закруглить углы в фотошопе, чтобы фото смотрелось поинтереснее.

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

Простое сглаживание

  1. Откройте любое изображение в фотошопе, например фотографию машины.
  2. Теперь выберете инструмент «Прямоугольное выделение» и выделите изображение, только не полностью, а так, чтобы со всех сторон оставалось немного места. 
  3. Теперь идите в меню «Выделение» — «Модификация» — «Сгладить». Вам откроется небольшое окошко, где вам надо будет ввести радиус сглаживания. Ну тут всё зависит от размера исходного изображения. Для данного изображения я решил поставить 20 пикселей. Но чем больше картинка — тем желательно и больше ставить радиус. Тут экспериментируйте. В случае чего вы всегда можете отменить последнее действие и попробовать другое число. 
  4. Вы видите? Теперь углы на выделении закруглились. Но как вы понимаете это еще не все. Вам эту область нужно вырезать. Для этого идите в меню «Редактирование» и выберете пункт «Вырезать» или воспользуйтесь комбинацией клавиш CTRL+X. После этой манипуляции у вас исчезнет содержимое внутри выделенной области. Получилось? Отлично! 
  5. Теперь вам необходимо создать новый документ в фотошопе. Сразу говорю, что не надо выставлять никаких параметров ширины и высоты, так как после того, как мы вырезали изображение, эти параметры автоматически подстраиваются под параметры вырезанного объекта. Т.е. просто нажимаете ОК.
  6. Ну и последний штрих. Теперь вам надо вставить наш вырезанный объект. Для этого идите в меню «Редактирование» и выберете пункт «Вставить», либо нажмите комбинацию клавиш «CTRL+V». Вот и всё. Как видите, теперь мы получили изображение с закругленными краями. Вам останется только сохранить это изображение.

Сглаживание с использованием границ

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

  1. Выделите всю область целиком. Для этого воспользуйтесь либо инструментом «Прямоугольное выделение», либо нажмите комбинацию клавиш CTRL+A
  2. Теперь выберете «Выделение» — «Модификация» — «Граница». Вам вылезет небольшое окошко, где вы должны будете выбрать размер границы. Я поставил 15 пикселей. Вы можете поэкспериментировать. 
  3. Как видите у вас выделение стало двойным. Это нормально. И следующим шагом вам нужно сделать то же самое, что и в первом способе, а именно выбрать «Выделение» — «Модификация» — «Сгладить». Поставьте там там радиус закругления. Я поставлю 30.
  4. Ну а теперь нажмите CTRL+X и у вас будет вырезана область вокруг вашего изображения и благодаря этому ваше основное изображение станет с закругленными углами. Правда тут останется фон вокруг картинки. Но он не будет заметен (если он белый конечно). Ну а если уж совсем напрягает, то вы сможете кадрировать изображение и ли что-нибудь другое, чтобы сделать убрать лишний фон. Ну а так сохраните, и всё будет good. 

С помощью создания фигуры

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

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

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

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

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

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

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

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

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

Скругление углов в Photoshop

Для достижения результата мы используем один из инструментов группы «Фигуры», а затем просто удалим все лишнее.

  1. Открываем в Фотошопе фотографию, которую собираемся редактировать.
  2. Затем создаем копию слоя с водопадом под названием «Фон». Для экономии времени воспользуемся горячими клавишами CTRL+J. Копия создается для того, чтобы оставить нетронутым исходное изображение. Если (вдруг) что-то пойдет не так, можно будет удалить неудачные слои и начать заново.
  3. Идем дальше. А дальше нам понадобится инструмент «Прямоугольник со скругленными углами».

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

  4. Далее рисуем на холсте прямоугольник любого размера (мы его потом будем масштабировать).
  5. Теперь нужно растянуть полученную фигуру на весь холст. Вызываем функцию «Свободное трансформирование» горячими клавишами CTRL+T. На фигуре появится рамка, при помощи которой можно перемещать, вращать и изменять размер объекта.
  6. Нас интересует масштабирование. Растягиваем фигуру при помощи маркеров, указанных на скриншоте. После завершения масштабирования нажимаем ENTER.

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

  7. Далее нам необходимо выделить полученную фигуру. Для этого зажимаем клавишу CTRL и кликаем по миниатюре слоя с прямоугольником.
  8. Как видим, вокруг фигуры образовалось выделение. Теперь переходим на слой-копию, а со слоя с фигурой снимаем видимость (см. скриншот).
  9. Теперь слой с водопадом активен и готов к редактированию. Редактирование заключается в удалении лишнего из углов картинки. Инвертируем выделение горячими клавишами CTRL+SHIFT+I. Теперь выделение осталось только на углах.
  10. Далее удаляем ненужное, просто нажав клавишу DEL. Для того чтобы увидеть результат, необходимо снять видимость и со слоя с фоном.
  11. Убираем ненужное выделение горячими клавишами 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, углы автоматически станут с белым фоном.

Подробнее о форматах можно почитать здесь.

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

 

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

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

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









КодОписаниеВид
div { border-radius: 10px; }Радиус скругления для всех уголков сразу.
div { border-radius: 0 10px; }Первое значение устанавливает радиус левого верхнего и правого нижнего уголка, второе значение — для правого верхнего и левого нижнего.
div { border-radius: 20px 10px 0; }Первое значение задаёт радиус левого верхнего уголка, второе — одновременно правого верхнего и левого нижнего, а третье значение — правого нижнего.
div { border-radius: 20px 10px 5px 0; }Последовательно устанавливает радиус левого верхнего уголка, правого верхнего, правого нижнего и левого нижнего.


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

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

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

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

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

    Подготовив таким образом рабочий образец, можно перейти непосредственно к процедуре того, как закруглить края в Фотошопе. Для этого понадобиться найти на панели слева один из инструментов, который называется «прямоугольник» (вызывается клавишей «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
    Инструкция
  • Откройте в фотошопе картинку, с которой хотите работать. Если в итоге вам нужен рисунок размера отличного от исходного, вот уменьшите его или вырежьте необходимый фрагмент. Для того чтобы выделить весь рисунок воспользуйтесь сочетанием клавиш Ctrl+A. Скопируйте его при помощи сочетания клавиш Ctrl+C. Создайте новый документ в фотошопе и вставьте в него содержание буфера обмена при помощи сочетания клавиш Ctrl+V. Фон документа должен быть прозрачным или того цвета, который в итоге будет окружать ваш рисунок после закругления краев.
  • При помощи сочетания клавиш Ctrl+Shift+N сделайте новый слой. Выберите инструмент Rounded Rectangle Tool и нарисуйте прямоугольник или квадрат нужного размера. При этом не имеет значения цвет фона этого прямоугольника. Установите параметр Radius, который характеризует степень закругленности углов, например, 9. Вы можете передвигать нарисованную фигуру с клавиатуры стрелками. При помощи сочетания клавиш Ctrl+T можно менять форму этой фигуры. Если при изменении формы фигуры нажать клавишу Shift, то размер будет меняться пропорционально. Сделайте так чтобы эта форма была именно такой как вам нужно.
  • Нажмите клавишу Ctrl и кликните по миниатюре слоя на палитре Layers. После этого нарисованная вами фигура выделится.
  • Активируйте нижний слой и в главном меню выполните команду Select – Inverse. После этого выделиться область, которая находится за пределами нарисованной вами фигуры.
  • Клавишей Delete удалите ненужную вам часть картинки. Сделайте невидимым верхний слой. Кликните в любом месте картинки и тем самым снимите с нее выделение. Картинка с закругленными краями готова
  • Если необходимо закруглять края изображения часто и они одного размера, то можно сохранить ту картинку, что вы только что сделали в формате PSD, чтобы остались слои. После этого для создания картинки с закругленными углами вам нужно будет выделить контур готового изображения, инвертировать выделение и удалить ненужную часть.
  • Совет добавлен 6 июля 2011 Совет 2: Как округлять края в Photoshop Программа Adobe 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 каждый может освоить эту простую технику и превратить свое видение в реальность. Освоив этот навык, вы можете переходить к изучению создания макетов видео.

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

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