BloGGood.ru

Блог Костаневича Степана

WordPress, PHP, HTML, CSS, Windows

Блог на разные темы, seo-оптимизация, раскрутка сайта, создание сайта, вкусные эффекты для сайта и многое другое…

Главная » Photoshop » Как сделать эффект лупы в Фотошопе

Как сделать эффект лупы в Фотошопе

2016-12-29 / Вр:12:45 / просмотров: 20623

Всем привет!
Пришло время уроков Фотошопа.
В этой статье я расскажу, как нарисовать в Фотошопе увеличительное стекло (лупу) и передать правильное отражение в ней.
После того, как будут пройдены все этапы, у вас получится вот такое:

Как сделать эффект лупы в Фотошопе

Для урока я буду использовать вот такое фото:

Как сделать эффект лупы в Фотошопе

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

Выберите из инструментов слева «Овальное выделение»

Чтобы нарисовать ровный круг, нажмите и держите клавишу «Shift» когда мышкой начнете наводить овальное выделение.

Как сделать эффект лупы в Фотошопе

Теперь нажмите на клавиатуре клавиши «Ctrl+J». Вы получите дублированную выделенную зону на новый слой:

Как сделать эффект лупы в Фотошопе

Вернитесь к первому слою «Слой 1». Это изображение нужно немного уменьшить.  На клавиатуре нажмите «Ctrl+T» и сверху пропишите 85% к Ширине и Высоте:

Как сделать эффект лупы в Фотошопе

Потом жмите на галочку правее:

Как сделать эффект лупы в Фотошопе

Теперь переходим к «Слою 2» и жмём в меню «Выделение» => «Выделить снова».
Дальше жмите в меню на «Фильтр» => «Искажение» => «Сферизация» с такими настройками: «Количество -80%». Жмите «ОК»:

Как сделать эффект лупы в Фотошопе

Вот такой результат должен получиться у вас:

Как сделать эффект лупы в Фотошопе

К этому же слою применим некоторые эффекты. Выберите в верхнем меню «Слои» = > «Стиль слоя» = > «Внутренняя тень» с такими настройками:

Как сделать эффект лупы в Фотошопе

Изображение можно увеличить

Добавим для реалистичности отблиск на лупе
Создайте новый слой.
Из инструментов слева выберите «Овальное выделение» .   Нарисуйте и залейте белым цветом  вот такой кружочек, как у меня на картинке:

Как сделать эффект лупы в Фотошопе

Снимите выделение и нажмите для «Слой 3» с бликом «Фильтр» => «Размытие» => «Размытие по Гауссу…». Выберите 17 пикс.

Вот так примерно получится у вас:

Как сделать эффект лупы в Фотошопе

Теперь создадим еще один слой для второго блика. Только блик будет поменьше и без размытия, как у меня на рисунке:

Как сделать эффект лупы в Фотошопе

Делаем оправу для лупы

Придерживая клавишу «Ctrl» выберите «Слой 2» для выделения. Теперь создайте и перейдите на новый слой. Закрасьте его цветом #202020:

Как сделать эффект лупы в Фотошопе

Теперь в меню нажмите «Выделение» => «Модификация» => «Сжать» и выберите там «Сжать на» 7 пикселей. Теперь нажмите на кнопку «Delete» для очистки выделенного участка:

Как сделать эффект лупы в Фотошопе

Теперь дублируйте Слой 5 (этот же) и назад вернитесь к тому же слою (Слой 5).
Выберите в «Слои» = > «Стиль слоя» = > «Наложение градиента» с такими настройками:

Как сделать эффект лупы в Фотошопе

Сместите этот слой немного ниже:

Как сделать эффект лупы в Фотошопе

Создайте «Дубликат слоя» и сместите еще ниже и так 3-и раза:

Как сделать эффект лупы в Фотошопе

Теперь сделаем ручку.
Создайте новый слой. Выберите инструмент «Прямоугольное выделение»  , выделите и залейте «Градиентом»  так, как на картинке:

Как сделать эффект лупы в Фотошопе

Создайте еще один слой. Выберите инструмент «Прямоугольное выделение»  , выделите и залейте «Градиентом»  только потемнее , так, как на картинке:

Как сделать эффект лупы в Фотошопе

Объедините слои ручки. Чтобы повернуть ручку, нажмите «Редактирование» => «Трансформирование» => «Поворот». Поворачиваем и двигаем ручку так, чтобы красиво и реалистично смотрелось.

Примерно так как у меня:

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

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

Получай обновления блога!!! Подпишись:

Популярные статьи:

2 Ответов на комментарий - Как сделать эффект лупы в Фотошопе

  1. Дима

    Спасибо большое!) ;-)

  2. Avatar photo Степан => автор блога

    Пожалуйста, Дима!

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

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Метки:

Мои цели на 2018-2019:

1). Закончить тему «Bootstrap»

2). Закончить тему «Все про PHP и MySQL»

3). Создать портфолио и мини интернет-магазин шаблонов

4). Довести количество статей до 800

5). Добиться посещаемости 3000 человек/сутки

6). Увеличить число подписчиков до 250

Статистика по блогу

Количество записей на блоге: 810
Количество страниц на блоге: 20
Количество рубрик на блоге: 28
Количество меток на блоге: 72
Количество комментариев на блоге: 4716