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


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.