Как сделать угол в фотошопе
Как в фотошопе закруглить острые углы
Одной из самых первых статей на этом сайте был урок по закруглению углов прямоугольника. В той статье я написал, что покажу один из самых простых способов как это сделать. Ну что же, нужно быть последовательным, поэтому я подготовил новый урок, который покажет более продвинутый способ закругления острых углов при помощи фотошопа!
Вот, что должно получиться:
Итак, допустим нужно нарисовать звезду с круглыми краями. Тот урок, на который я ссылался выше, уже не способен решить эту задачу. Это нужно делать другим способом. И вот каким:
Шаг 1 Рисуем звезду при помощи фигуры.
Создайте новый документ в фотошопе. Выберите инструмент Произвольная фигура, затем на панели параметров нажмите на миниатюру Форма растровой точки и из меню этого окна выберите набор Фигуры.
Шаг 2
На той же панели параметров выберите настройку Слой-фигура.
Теперь нарисуйте звезду.
Шаг 3
Нажмите по слою-фигуре правой кнопкой мыши и выберите команду Растрировать слой. Кликать нужно в области правее миниатюры маски-слоя, примерно в том месте, откуда на скриншоте ниже начинается стрелочка.
Шаг 5
Перейдите во вкладку фильтров. Нужно выбрать Размытие — Размытие по Гауссу. Величину поставьте в соответствии с вашими целями. Чем больше размытие, тем сильнее можно сделать закругление. У меня стоит 5 пикселей.
Шаг 6
По контуру фигуры должны появиться пунктирные линии (марширующие муравьи).
Шаг 7
Теперь откройте окно Выделение — Уточнить край. Выставите значения как показано на изображении (параметр Вид выберите На белом):
Шаг 8
Нажав на ОК, получится такой промежуточный этап.
Делайте инверсию выделения сразу после того как закрыли окно Уточнить край. Если между этими действиями будут другие манипуляции, то фотошоп не определит размытую часть фигуры как часть необходимую для удаления.
Меняйте значения размытия, чтобы увеличить диаметр закругления. На этом все, успехов!
Как работают инструменты трансформации в Photoshop
Инструменты трансформации в Photoshop позволяют изменить масштаб, угол поворота, а иногда и форму объекта. Рассказываем, как ими пользоваться.
Первое, что запоминают новички, — масштабирование картинки с зажатой клавишей Shift для сохранения пропорций. Но это далеко не все, что нужно знать об инструментах трансформации — с их помощью не только изменяют размер, но и полностью деформируют объект. Трансформация применяется к слоям и маскам, что полезно при работе с графикой.
Свободное трансформирование/Free Transform
Самый часто используемый инструмент трансформации в Photoshop, вызвать который проще всего сочетанием Ctrl + T. У инструмента есть еще одно полезное сочетание — Alt + Shift. Если зажать клавиши при трансформации, то масштабирование будет происходить из центра изображения. С помощью Свободного трансформирования/Free Transform можно также изменять угол поворота картинки и смещать углы картинки с зажатой клавишей Ctrl.
Переключаться между режимами трансформации в Photoshop можно во вкладке Редактирование/Edit, а можно просто щелкнуть по картинке правой кнопкой мыши — все режимы будут в выпадающем списке.
Пишет про дизайн в Skillbox. Работает директором по маркетинговым коммуникациям, изучает рекламную графику и 3D.
Масштабирование/Scale
С помощью Масштабирования/Scale можно воздействовать лишь на размер изображения. Чтобы картинка изменялась с сохранением пропорций, зажмите клавишу Shift — такая трансформация используется чаще всего. Если же нужно изменить не столько размер, сколько пропорции, просто регулируйте масштаб картинки с помощью мыши, не зажимая Shift.
Как закруглить углы изображения при помощи фотошопа
Прямые углы изображений нравятся всем. Но все-таки бывают случаи, когда эти самые углы требуется закруглить. Тогда Вам на помощь вновь придет программа фотошоп. В этой статье разберем один из многих способов как это можно сделать. Имейте ввиду, мой способ предполагает также и небольшое отсечение изображения по краям, это, своего рода, жертвоприношение во имя округлых углов.
Для тех кто любит больше наглядности, я записал видеоурок, который можно посмотреть в конце этого урока. Итак, начнем закруглять углы изображения:
Шаг 1
Шаг 2
Сочетанием клавиш Ctrl+Shift+N создаем новый слой.
Теперь нарисуйте квадратик с закругленными краями поверх нашего с вами изображения. Не стоит оставлять много свободного места по краям. Попытайтесь подобрать размер так, чтобы пришлось обрезать как можно меньше. Вот, что должно получиться:
Нарисованный квадрат можно двигать при помощи мыши. Для этого выберите слой с квадратом, выберите на панели инструментов инструмент «Перемещение» – и смело двигайте.
Если края фигуры начнут «прилипать» к краям изображения, то нажмите и удерживайте клавишу Ctrl и продолжайте двигать фигуру.
Также при помощи комбинации клавиш Ctrl+T, вы можете изменить размер фигуры, путем ее растяжения при помощи мыши. Чтобы фигура не деформировалась при растягивании, нажмите и удерживайте клавишу Shift и тяните за углы, и тогда квадрат будет растягивать пропорционально.
В результате данных манипуляций получим квадрат с закругленными краями почти такого же размера что и исходное изображение.
Шаг 3
Шаг 4
По умолчанию, все изображения, открываемые в фотошопе становятся фоновым изображением. Фотошоп именует такой слой как «Фон», а также блокирует его от лишнего редактирования. Об этом нам сигнализирует маленькая иконка замочка.
Чтобы разблокировать такой слой, нужно дважды кликнуть по нему. Появится диалоговое окно «Новый слой». Ничего не изменяйте, просто нажмите на ОК. Теперь замочек должен исчезнуть.
Шаг 5
Шаг 6
Теперь нажмите комбинацию клавиш Ctrl+X (редактирование — вырезать) для удаления выделенной области. Выделение должно исчезнуть, а там, где когда-то было изображение, появится шахматный фон (прозрачность).
Шаг 7
Теперь сделаем невидимым наш слой с фигурой. Для этого на панели со слоями нажмите на значок глаза напротив слоя с квадратом. Вот и появилось исходное изображение с закругленными углами.
Шаг 8
Выполните команду Изображение — Тримминг, чтобы фотошоп удалил все лишнее пространство вокруг изображения. В итоге режим прозрачности должен быть виден только в углах.
В дальнейшем, чтобы использовать такое изображение, его необходимо сохранить в формате PNG! В этом случае углы так и останутся прозрачными. Иначе, если сохранить, например, в формате JPG, углы автоматически станут с белым фоном.
Подробнее о форматах можно почитать здесь.
Итак, все готово. Изображение с закругленными углами будет выглядеть так:
А как сделать только, например, один закругленный угол?
Очень просто. Вернемся на тот этап, когда мы рисовали фигуру. Растяните ее так, чтобы вам был виден только один закругленный угол, а три других были бы скрыты за пределами холста. Вот, а дальше следуйте по вышеописанной инструкции. Все аналогично.
Надеюсь инструкция вам помогла и вы сможете сделать что-нибудь классное! Успехов.
Могущественный альфа-канал
В фотошопе существует еще один тип каналов: альфа-каналы. Их задача — сохранять выделенные области, чтобы вы могли использовать или редактировать их в дальнейшем.
Adobe Camera Raw – фундамент для обработки
Перед вами запись мастер-класса «Camera Raw — фундамент для обработки», где на протяжении 4-х часов Евгений Карташов делился своими фишками и секретами работы в популярном конвертере Adobe Camera RAW.
6 способов как удалить слой в фотошопе
Обратная операция созданию новых слоев — это их удаление. В этой статье вы узнаете все возможные способы удаления слоя в фотошопе, а также как его вернуть обратно.
Команда «Подобрать цвет» в фотошопе
Команда Подобрать цвет изменяет цвета одного изображения таким образом, чтобы они походили на цвета другого изображения.
Индикаторы основного и фонового цветов
Поговорим немного об одном из элементов панели «Инструменты» — о «двух квадратиках» внизу панельки.
Спасибо. Хорошо объяснили!
Все гениальное просто!
после «вырезать» ничего не происходит, просто снимается веделение. что не так?
при этом остается белый фон?
Всё норм спасибо автору!
Да вообще суперский сайт и автор молодца. Всем рекомендую, постоянно тут сижу)))
Денис, на работе фидео залочено, но щас посмотрю, в любом случае, дополнительно отпишусь 🙂 Спасибо. 🙂
Возможно я делаю невнимательно, с фотографией где граничащих с вторым слоем нет белого всё получилось, но вот с фотографии где есть белый на границе, при убирании стирается все граничащие участки с белым цветом.
Михаил, Если я правильно понял, то само изображение, которое хочется сделать с закругленными краями, содержит по краям белый цвет и его оттенки. Когда вы убираете белый фоновый слой (по всей видимости ластиком или волшебной палочкой), то пропадают пиксели и с самого изображения.
Если это так, то вот Ваша ошибка:
1. Откройте исходное изображение. Оно должно быть Фоновым, т.е. единственным и первым на вашей палитре слоев.
2. Возможно будет на нем изображена иконка в виде замочка. Это значит, что фоновый слой заблокирован. Двумя щелчками вы его разблокируете.
3. Создаете новый слой для слоя-фигуры. Обратите внимание, что в итоге, на палитре слоев будет всего ДВА слоя: фоновый и фигура.
4. Рисуете фигуру. В комментарии я не буду подробно повторять что было, вообщем в итоге после инвертирования у вас должна быть выделена марширующими муравьями часть изображения, расположенная между краем слоя фигуры и краем самого документа.
5. Нажмите клавишу Delete и она будет удалена. Т.е. никакого ластика и палочки не надо, удаляется только то, что выделено. В результате ничего белого не остается, сразу будет прозрачный фон (поскольку мы удалили фрагмент фонового слоя, под которым ничего кроме пустоты нет).
Все это вы можете увидеть в прилагаемой видеозаписи, советую потратить на нее немного времени.
Да ну фигня, даже после тримминга остаются эти прозрачные поля возле углов. Кал этот фотошоп!
Как сделать загнутый уголок в фотошопе
Сегодня будет простой, но полезный урок — научимся делать загнутый уголок в фотошопе (он же эффект перелистывания страницы). Такой эффект часто применяется в обработке фотографий или картинок для какого-либо веб-проекта, например, для группы ВКонтакте.
Для достижения эффекта завернутого уголка, мы используем инструмент Деформация, о котором мы уже подробно говорили в рамках учебника по фотошопу. Напомню, что этот инструмент доступен в любой версии фотошопа от CS2 до CS6.
Шаг 1 Открываем фотографию.
Шаг 2
Далее нужно разблокировать фоновый слой (если на миниатюре слоя имеется маленькая иконка замочка), для этого дважды щелкните по фоновому слою. На панели Слои два раза щелкаем на замочек. Затем кнопка ОК в появившемся диалоговом окне.
Шаг 3 Выбираем инструмент Прямоугольная область.
Шаг 4 Выделяем в углу область, на которой будет применен эффект.
Шаг 5
Затем выбираем инструмент Градиент. На панели Параметров выставляем его черно-белым. Применяем инструмент к нашему прямоугольнику, так чтобы верхний правый угол был черным, а нижний левый светло-серый. Это и будет наш будущий загнутый уголок.
Шаг 6 Снимите выделение командой Выделение –> Отменить или просто нажав комбинацию Ctr+D.
Шаг 7
Шаг 8
Нижний левый ползунок трансформации нужно будет начать смещать к темной части градиента так, чтобы черного цвета не осталось. Поиграйте ползунками так, чтобы страница загибалась как вам хотелось.
Шаг 9
Осталось добавить тень для больше реалистичности. Перейдите в Стили слоя (дважды щелкнув по слою). В закладке Тень выставите следующие настройки:
Во время трансформации меняется вид фотографии, что делать?
Говоря врачебным языком, при деформации возможны побочные эффекты — искажения предметов и лиц на фотографии. Все дело в самом инструменте. Когда мы тянем за уголок, мы, как одеяло, тянем за собой и все изображение.
В этой ситуации идеального 100% качества не добиться, но можно сделать эти искажения менее заметными. Для этого надо постараться, чтобы во время трансформации линии сетки были прямыми. Посмотрите на этот пример:
Если вы заметили, что они не прямые, нужно, естественно, не выходя из режима деформации, нажать мышкой на линию и потянуть ее в нужную сторону. Тут нужно будет смотреть по ситуации, и искать средний баланс между всеми линиями, т.к. от этих действий может «повести» другие линии.
Обратите внимание на нижний левый квадрат с загнутым уголком. В этом квадрате деформация максимальная, поэтому фрагмент изображение уже никак не выпрямить.
Как быстро сделать закругленные углы картинки, фотографии и любого другого объекта в Photoshop
Доброго времени суток, уважаемые начинающие разработчики сайтов. Наконец-то я перехожу к рассказам о том, какие методы использовать для создания крутых сайтов. Сегодня я поведаю как за несколько минут обработать фотографию и тем самым сделать портал красивее, а длительность посещений существенно больше. Не верите? А зря…
С момента появления продающих сайтов крупные компания вплотную начали изучение вкусов аудитории. Какие-то свои открытия они тщательно стараются скрывать, так как приемы работают слишком хорошо, а другие утаить довольно сложно, используются они слишком уж часто.
К ровным, прямоугольным фотографиям все уже давно привыкли. Они используются, когда речь идет о серьезном бизнесе, занимающимся ответственными делами.
Когда компания или услуга попроще, то и картинки с плавными переходами можно увидеть гораздо чаще. Вы можете убедиться в этом на любой хорошей продающей странице, которая будет являть собой собрание лучших приемов журналистики, маркетинга и психологи.
Быстрый способ закруглить фотку
Итак, работать будем в фотошопе. Открываем изображение.
Находим инструмент «Прямоугольник со скругленными углами».
Если не можете его отыскать, то удерживайте пару секунд левую клавишу мыши на кнопках меню, чтобы у вас открылись дополнительные опции.
Не важно какой цвет вы выберете. Тащите объект по картинке, чтобы нужная вам область была внутри фигуры.
Обратите внимание на свойства. Можете «поиграть» с показателями, указанными на картинке, и загнуть края сильнее. Введи свое число и жмите enter, чтобы увидеть результат. Когда он вас удовлетворит, нажмите enter повторно.
Теперь, удерживая кнопку CTRL, кликните по центру слоя, в котором находится только что нарисованный вами прямоугольник. Будьте внимательны, если тыркнете по тексту, то ничего не произойдет. Нажимать нужно именно в центр иконки с миниатюрным изображением.
Теперь убираем видимость. Для этого щелкните по «глазу» рядом со слоем.
Переходим к работе со слоем, выделите его: нажмите мышкой хоть по тексту, хоть по иконке. Не важно. Не пропустите этот шаг, иначе волшебства не произойдет.
Далее создаем новую маску слоя при помощи этой клавиши.
Готово. Если вы собираетесь выставлять картинку на сайт, то можно ее сохраните, главное не ошибитесь с форматом.
Вам нужен именно png.
В этом случае края с шашкой будут прозрачными. Выберите jpeg и их заменит непривлекательная белая рамка.
Вы также можете добавить эту картинку на фото. В этом случае сохранять и открывать заново не обязательно.
Просто выделяете ее (Ctrl+A) затем копируете (Ctrl+C) и вставляете в другое изображение (Ctrl+V).
Скругление для дизайнеров, ускоряем процесс работы над проектом
Допустим, вы работаете над каким-то важным крутым проектом. Все уже почти готово и вы хотите посмотреть, как оно будет выглядеть со скругленными углами. Не обязательно открывать по сто тысяч вкладок: обрезать — вставлять и так далее. Все можно сделать гораздо быстрее и проще.
Вот посмотрите на мой пример. Кстати, если хотите, то можете скачать этот psd- файл, открыть его фотошопом и попрактиковаться (скачать).
Выделяем нужный нам слой. Я собираюсь работать с большим изображением совы. Поэтому зажимаю Ctrl и кликаю на центру миниатюрного изображения этого слоя. Не по тексту или глазу. По картинке с картинкой. Простите за тавтологию.
Далее в верхней панели находим выделение – модификация – сгладить.
Первым делом ставим галочку напротив «применить эффект на границах». Затем ставим радиус.
К сожалению, придется выбирать на глаз. Здесь, как правило, ставят 15. Это стандарт, но, как вы понимаете, от него можно отходить.
Подбираем идеальный вариант.
Затем во вкладке «Выделение» находим «Инверсия».
Нажимаем кнопочку «del» на клавиатуре и готово.
Чтобы убрать ползающих муравьев по краям нужно нажать одновременно Ctrl и D.
Если вам понравились эти уроки, то можете найти еще. Для этого не обязательно искать по Youtube, что в голову придет. Можно изучить все фишки «от А до Я» по видео урокам. Получите бесплатную презентацию последней версии курса на русском фотошопе. В этом случае вы не только сможете делать элементарные вещи, но и научитесь выполнять сложную работу, увидите, как применяют простые навыки настоящие специалисты и что из этого получается.
Смотрите, например, то, чему вы научились сегодня можно применить не только для обрезки углов.
Вы уже знаете, как сделать картинку в треугольниках. Не понимаете? Все очень просто.
Берете за основу первый способ обрезки из этой статьи, но вместо работы с прямоугольником выбираете многоугольник.
Не забудьте выставить «три стороны» в панели сверху, чтобы не морочить голову с преобразованием фигуры.
И, если не хотите, чтобы углы были такие же острые как у меня, просто выставите сглаживание в настройках.
Этот рисунок в psd формате вы можете скачать прямо из моего блога и поработать с ним (скачать). Думаю, что улучшить его не проблема.
Если эта статья была полезной, подписывайтесь на рассылку моего блога. Вас ждет еще куча интересных вещей! И напоследок видео о том, как при помощи фотошопа девушку можно превратить в пиццу. Смотрите до конца, это забавно.