Как создать эффект гладкого увеличительного стекла, как эти?


13

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

Вот два примера. Мне очень нравится первый (первое место, где я его тоже видел)

Вещи приложение: example1

SupportBreeze: example2

Ответы:


18
  1. Создайте новый слой поверх фона, затем сделайте круглое выделение (удерживайте нажатой клавишу «Shift», чтобы убедиться, что это идеальный круг) и залейте его любым цветом, который вы хотите.
  2. Установите% заливки в палитре слоев на 0%.
  3. Зайдите в слой FX и добавьте штрих (черный) и внутреннее свечение (белый).
  4. Удерживая выбранный круг, перейдите к фоновому слою и нажмите Ctrl + C (копия).
  5. Создайте новый слой над фоном, но под увеличительным стеклом, вставьте скопированную часть, выровняйте ее довольно хорошо, нажмите Ctrl + T (произвольное преобразование), затем масштабируйте его, одновременно нажимая обе клавиши Shift (чтобы сохранить его пропорциональным) и Alt (чтобы сохранить центр стационарный).
  6. Ctrl + клик по иконке слоя с увеличительным стеклом в палитре слоев (тот, который вы сделали на шаге 1, обводка на шаге 3 и т. Д.), А затем нажмите Ctrl + Shift + i, чтобы инвертировать выделение.
  7. С выбранным измененным слоем содержимого (из шага 5) нажмите «Удалить».
  8. Поднимите FX для слоя с увеличенным содержимым и нанесите на него нечеткую тень.

После этого, сделайте ручку для увеличительного стекла ... вероятно, самый простой способ - создать новый слой, сделать высокий, узкий выбор, залить его черным, а затем использовать его на сжиженном воздухе. Более сложным (но лучшим результатом) будет создание нового слоя, используйте инструмент «Перо», чтобы создать путь с тонкой волнистой вершиной, затем перейдите в палитру путей, щелкните правой кнопкой мыши путь, выберите «Сделать выделение». и затем используйте Edit-Stroke. Удалите левую, правую и нижнюю стороны, оставив только верх. Затем расположите его так, чтобы он находился на одном уровне с ударом от слоя с увеличительным стеклом (с нанесенным на него штрихом и внутренним свечением).

Вот пример:

введите описание изображения здесь

Вы также можете использовать spherize для увеличенного контента, но это сильно искажает текст:

введите описание изображения здесь


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

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

Наконец, вы можете добавить некоторый эффект сферизации для небольшого динамического результата от filter-> distort-> spherize. 20% должны сделать ..
— Сисир

@Michael - ЛЮБИТЕ свою сферическую версию
— Дэн Ханли

1
@ Майкл, я думаю, что уменьшение степени эффекта сохранит реализм и вернет его к функциональной стадии.
— Дэн Ханли

2

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

пожалуйста, посмотрите и следуйте тому же ...

  1. Фотошоп увеличительное стекло
  2. Photoshop Magnify
  3. Эффект увеличения в фотошопе
  4. Увеличение с нуля
  5. Это потрясающе

И Майкл уже проделал большую работу ....


Я тоже думал о создании Spherize, но проблема в том, что он будет искажать текст довольно сильно. Я отредактирую свой ответ, чтобы показать искажение.
— Майкл
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.