Растушевка в фотошопе. Как легко и быстро сделать размытые края в фотошопе? Профессиональная работа со слоями для новичков

Logo mockups are great way to present your logos and they also allow to preview your logo that how it’s going to be look before making a presentation to your clients. They make the logos stand out and most importantly, they can makes your client happy with logo presentation. In this post, I’ve gathered 75+ logo mockups template that every designer must have. All these mockups are free to download and anyone who is looking to present his/her branding projects in a gorgeous way is at the perfect spot.

Advertisements

All mockups are fully editable using Photoshop and Illustrator. You can easily place your logo name in these mockups using Smart Objects which are fully non-destructive and editable. Some of these mockups don’t also allow to edit the logo or your text but you can also change the color and background color as well.

So what you are you waiting for and just download any of these of mockups which suits your needs and make your logo stand out or even make your branding projects successful in front of your clients. Let’s dive into the showcase:

Street Wall Logo Mockup PSD

If you want to showcase your creative work and brand identity, then download this PSDs. The PSD has a higher resolution up to 4000 pixels width.

Cap Branding Free PSD Mockup

Showcase your brand on the cap using this the mockup. The file has a larger dimension, two design color variants (black and white), multicolor cap variants, and fully editable PS smart object layer.

Full-Color Logo MockUp

A mockup for your logo and give it any color to your brand as it supports all color schemes. Apart from supporting all colors, it has a new photo realistic paper effect for your logo design.

Gold Foil Logo Mockup

This is the gold foil logo in PSD Format. Crafted with gold lettering details, ideal to showcase your logos, badges, lettering and insignias designs in gold effect. With the help of Smart Objects you can easily update your own logo design within no time. Download this mockup if you really love the gold effect.

Vintage Vector Logos

Grab this beautiful set of 8 logo vintage vectors that can help you to create your own vintage logos. You can edit them in Photoshop as well as in Adobe Illustrator and these mockups are fully editable. You can give it more vintage feeling to these logos by adding grunge or vintage textures to get the result of your taste. Snatch these vector files and present your logo designs in vintage style.

Embossed Metallic Logo Mockup

Impress your client by downloading this stunning photo realistic embossed metallic logo PSD. You can present your logo design in solid metal effect. So spruce up your logo presentations without spending countless hours and just type your brand name in this mockup using Photoshop and you are all done.

This aged wall or peeling logo mockup can help you in snatching much consideration towards your brand. You can use this template to showcase your design in vintage style with cracked texture. Using smart objects you can alter the color of the template and moreover you can also use different fonts according your requirement.

Sports Jersey Texture PSD Logo Mockup

Whether you are a sports firm or designer looking to showcase your logos or designs on a sports jersey. Then you’ll love this sport jersey mockup. It has many designs so you can choose wisely which suits your needs. This file is fully editable and has a bigger resolution to make sure that it doesn’t compromise with print quality.

Hanging Wall Sign MockUp #4

Display your logos, lettering and designs beautifully on a hanging wall. You can use this mockup to preview that how your logo gonna look at your store, shop, on a street or maybe outside of your home on a hanging pole or board. It will surely attract more peoples to your brand and even increase the brand awareness as well.

Vintage Boxes Mock Up

Vintage box mockup template can help you present your designs on a aged vintage box. This pack contains 4 box mockups. You can also use this pack with the texture feeling and may be a wooden texture will be more suitable. Grab this PSD and showcase your designs on a vintage box.

Free Logo Mock Up Presentation

This free mock-up can present your logo designs amazingly on a textured paper. Perfectly suited for photo realistic paper effect and can make your logos stand out or look stunning on the website. Just add the your brand name in Smart Objects and you are all set to shine your designs.

Letterpress Logo MockUp #2

Present your logos with stunning presentation and may be best suited for stationary as well. Engraved with letter pressing effect and crafted with minor letter details, this letter pressing mockup can come handy in a lot of ways. Download it and give your logo designs a beautiful lettering effect.

3D Wall Logo Mockup

Looking to display your logos on mounted wall with 3D text Effect or may be you want to add depth to your designs? Then this mockup is for you. You can give your logos a 3D text effect without worrying about any mistake. This PSD File will take care of all your concerns like shadow, perspective etc. Get this mockup and apply a 3D text effect to your logos.

Vintage Logo Mockup PSD

Here is another vintage mockup that can help you to give your logos a authenticated and neat vintage look. This high quality template has handmade grungy ink impression and burning paper effect with some matchsticks in feature image. Highly adaptable and useful for a vintage look. Don’t forget to mess around with settings using Photoshop or Illustrator.

Shop Facade Logo MockUp

The facade of a shop or building is the most important aspect of design and its sets the tone for the rest of the building.
Use this file for creating a photo realistic shop facade for your branding projects. You can use this mockup for creating your own stunning shop facade logo or maybe use it for your client’s projects.

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

Растушевка либо Feather является постепенным растворением краев в изображении. Благодаря этому края смягчаются и создается постепенный и равномерный переход до нижнего слоя.

Но доступна она может быть исключительно при работе с выделением и отмеченной областью!

Основные положения при работе:

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

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

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

1. Компоненты, которые имеют отношение к выделению:

— зона в форме прямоугольника;
— зона в форме овала;
— зона в горизонтальной строчке;
— зона в вертикальной строке;

— лассо;
— лассо магнитное;
— лассо в форме прямоугольника;

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

2. Меню «Выделение»

Если произвести выделение определенной области, то на панели управления получим доступ к действиям – «Выделение - Модификация» , и далее – «Растушевка» .

Какое же предназначение данного действия, если на панели с параметрами и так вполне достаточно различных настроек?

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

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

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

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

В упрощении при работе с подобными случаями поможет применение команды – «Выделение - Модификация – Растушевка» . Всплывет диалоговое окошко – , где можно вводить значение, а результат будет получен сразу же по применению функции.

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

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

1 Этап

Открытие картинки.

2 Этап

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

3 Этап

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


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

4 Этап

Берем «Выделение - Модификация - Растушевка» . Во всплывшем окошке Вам понадобиться указать значение в пикселях для указания габаритов растворения краев для картинки, к примеру, мной использовались 50.


Выделяемые углы после этого скругляются.

5 Этап

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

Следующий шаг предполагает удаление ненужных пикселей. В таком случае сейчас происходит удаление в центре, но необходимо обратное, для чего и предусмотрена — Инверсия CTRL+SHIFT+I , которая нам в этом помогает.

Под рамкой у нас окажутся границы картинки. Смотрим на изменение «марширующих муравьев»:

6 Этап

Начинаем удаление краев картинки при помощи нажатия на клавиатуре DELETE .

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

Для примера, я нажимал удаление трижды.

CTRL+D позволит избавиться от рамочки для удаления.

Растушевка для резких границ

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

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

1 Этап

На компьютере создаем папку, в которую скачаем исходники — текстуру, также клипарт животных.
Создаем новый документ, к примеру, с размером в пикселях на 655 на 410.

2 Этап

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

3 Этап

В новой вкладке в фотошопе будут открыты животные. Затем перемещаем их в предыдущую вкладку — выбираем компонент «Перемещение» , перетаскиваем животных в документ, что был заранее создан.

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

Должно получиться следующее:

4 Этап

Изображение будет большим и не поместится целиком на холст. Берем команду – «Свободное трансформирование» , используя CTRL+T . Появится рамка вокруг слоя с животными, необходимый размер для которой подобрать можно благодаря ее движению за углы. Это позволит подобрать точный размер. Только при этом держите SHIFT , чтоб не порушить пропорции в изображении.

Важно запомнить
Большие габариты могут не позволить рамочке вместится в видном пространстве в фотошопе. Нужно убавить масштаб для документа — CTRL+−.

5 Этап

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

6 Этап

Переместите слой с животными выше текстуры на палитре со слоями.

Теперь процесс растушевки!

Внимания заслуживает процесс придания контраста краям картинки с животными на зеленом фоне.

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

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

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

7 Этап

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

8 Этап

CTRL+SHIFT+I — поможет произвести инвертирование подчеркивание.

SHIFT+F6 - вводит размер растушевки, для чего возьмем 3 пикселя.

Delete — поможет удалить лишнее после применения растушевки. Для лучшего эффекта я нажал три раза.

CTRL+D — поспособствует удалению лишнего теперь выделения.

Теперь увидим значительную разницу.

Таким образом, мы добились смягчения краев на нашем коллаже.

Методы растушевки помогут Вам сделать свои композиции более профессиональными.

Инструкция

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

Сделайте картинку доступной для редактирования. Для этого щелкните по слою с изображением и выберите опцию Layer from Background из контекстного меню.

Наиболее очевидный способ получить размытые края заключается в их стирании. Выберите инструмент Erazer Tool и настройте диаметр кисти таким образом, чтобы он составлял не меньше трети высоты изображения. Параметру Hardness присвойте значение ноль.

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

Того же эффекта можно достичь, создав маску слоя. Щелкните для этого по кнопке Add layer mask, которая видна в нижней части палитры слоев. Активизируйте инструмент Brush Tool и настройте его таким же образом, как инструмент Erazer Tool.

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

Неплохой способ создания области полупрозрачных пикселей заключается в растушевке выделения. Для этого выделите часть изображения, которая не будет подвергаться изменению. Это можно сделать инструментом Rectangular Marquee Tool или Elliptical Marquee Tool . Если вам нужно создать выделение более сложной формы, примените инструмент Polygonal Lasso.

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

Опцией Inverse из меню Select инвертируйте выделение и уберите выделенную часть изображения, нажав клавишу Delete.

Сохраните картинку с размытыми краями опцией Save As из меню File.

Источники:

  • Работа с прозрачностью
  • размытие краев это

Способов размыть края изображения в программе Adobe Photoshop множество. Кто-то предпочитает пользоваться масками, кто-то - Gaussian Blur (размытие по Гауссу). Начните с простого!

Вам понадобится

  • компьютер, программа Adobe Photoshop

Инструкция

В меню Select (Выделение) кликните по команде Inverse (инверсия выделения). Такой шаг необходим в том случае, когда вы не переносите ваше изображение на новый слой, а работаете на одном.

Полезный совет

Контур рамки для размытия можно сделать любой, круглый, овальный, абстрактный. Для этого на панели инструментов есть несколько инструментов выделения - Lasso, Pen Tool и Rectangular Marquee Tool.

Все мы любим красивые фото. И никто не будет отрицать, что самым красивым фото порой является такое, в котором лишь один или два объекта на переднем или на заднем плане в фокусе, а остальные размыты. Эта функция доступна тем, у кого фотоаппарат позволяет делать подобные снимки. А что делать тем, у кого такой возможности нет? Для того, чтобы зритель не отвлекался на детали, которые не важны, да и просто для того чтобы сделать красивое обработанное фото, можно на фотографии.

Вам понадобится

  • - компьютер
  • - редактор ACDSee любой версии
  • - фото, подлежащее обработке

Инструкция

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

После того как вы выделили объект, нажмите на кнопку «Обратить». Должен выделиться весь фон, окружающий объект. Нажмите «Готово».

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

Видео по теме

Обратите внимание

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

Полезный совет

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

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

Вам понадобится

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

Инструкция

Универсальный и любимый инструмент компьютерного дизайнера, AdobePhotoshop, уже третье десятилетие совершенствуется и усложняется, по сути, являясь стандартом и ориентиром для любого вида графических программ, создаваемых в мире эти годы. Овладеть ею – значит выйти на профессиональный уровень. Многие сотни приемов и эффектов обработки изображений доступны , но как часто бывает, чем навороченней и солидней техника, тем сложнее заставить ее служить тебе нажатием одной "волшебной кнопки". Но нет ничего невозможного для профи.
Загружаем исходное изображение. Прежде всего, нам необходимо определиться, что останется на нашей картинке нетронутым, а чего коснется «туманная дымка». Для этого воспользуемся инструментом выделения:

Если нам нужно просто размыть самые края прямоугольного изображения, воспользуемся инструментом Rectangular Marquee Tool. Рисуем прямоугольник, отступая некоторое расстояние от края изображения.

Если нам нужно выделить объект сложной формы, то можно использовать инструмент Lasso. Аккуратно обводим объект, который останется не задетым эффектом.
Так или иначе, мы получили маску, определяющую область эффекта: видим, как по нужному нам контуру «маршируют муравьи», мерцают индикаторы выделения.

А теперь нажимаем несколько волшебных клавиш. Ctrl+Shift+I (то есть, удерживая на нажатыми Ctrl и Shift, нажимаем латинскую I). Теперь муравьи принялись обегать область от края изображения до неприкосновенного объекта. Этим самым мы инвертировали выделение. Также можно это сделать, нащупав в меню Select>Inverse, но, согласитесь, это несколько дольше, чем нажать Ctrl+Shift+I

И теперь еще одно сочетание. Ctrl+J. Тем самым мы создали новый слой, на котором теперь оказалась то, – наша таинственная .

(Если кому-то интересно, слой этот виден в списке слоев; можно полюбоваться на него отдельно, отключив основное изображение – нажав значок «глазик» в строке со слоем исходного изображения.) Если вам не нравятся, сделать ту же операцию можно через меню Layer>New>Layer via Copy
Таким образом, поверх исходного изображение у нас появился независимый слой, над которым можно производить любые действия – размывать его любым способом в любой мере.

Эффекты для размытия находятся в отдельном подменю (Filter>Blur>). Выбор тут для настоящих гурманов. Например:

Gaussian Blur (Размытие по Гауссу) – самое естественное и приятное для человеческого глаза. Классическая «муть».

Motion Blur (Размытие в движении) придает картинке динамичность.

Radial Blur (Радиальное размытие) может создать впечатление стремительно удаляющегося или летящего на зрителя объекта.
Варьируя параметры, можно достичь очень разных и вкусных результатов.

Еще одно удобное : так как подверженная изменением рамка находится у нас на отдельном слое, то усилить или ослабить эффект можно изменяя параметры этого слоя – например его прозрачность (параметр Opacity) наверху в панели со слоями, или изменив режим его наложения на исходную картинку. Так, переключив параметр на Multiply или на Lighten , можно добиться эффекта «виньетки» – затемненных или, напротив, «засвеченных» размытых краев картинки. Экспериментируйте вдоволь.

Закончив послойную работу, можно соединить все слои в единое изображение. Это делается в меню Layer>Flatten Image.
Итак, если нам не нужны особые эксперименты, просто загружаем изображение, делаем прямоугольное выделение, нажимаем Ctrl+Shift+I и Ctrl+J, затем в меню Filter>Blur находим Gaussian Blur, двигаем ползунок для нужного нам результата, ОК. И возвращаем картинке техническое единство, командой Flatten Image.

Источники:

  • как в фотошопе размыть края

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

Вам понадобится

Инструкция

Пожалуй, самый легкий способ, не требующий владения особыми навыками работы с – использование инструмента Eraser Tool (вызывается нажатием клавиши Е). Выберите инструмент, установите в меню Brush нужный размер кисти с мягкими краями и обработайте края . Преимущество данного способа заключается в том, что края размытыми таким образом сможет даже тот, кто открыл в первый раз. К недостаткам лишь то, что обработку придется



Есть вопросы?

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: