Як створити подібні ефекти лупи?


13

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

Ось два приклади. Мені дуже подобається перший (перше місце я теж побачив)

Додаток для речей: приклад1

SupportBreeze: приклад2

Відповіді:


18
  1. Зробіть новий шар зверху фону, потім зробіть круговий вибір (утримуйте зсув, щоб переконатися, що це ідеальне коло) і заповніть його будь-яким кольором, який вам потрібно.
  2. Встановіть заливку% у палітрі шарів на 0%.
  3. Перейдіть у шар FX і додайте обведення (чорний) та внутрішній світіння (білий).
  4. Зберігаючи вибране коло, перейдіть до фонового шару та натисніть клавішу ctrl + c (копія).
  5. Зробіть новий шар над фоном, але під лупою, вставте скопійовану частину, вирівняйте її досить добре, натисніть клавішу ctrl + t (вільне перетворення), потім масштабуйте її, натискаючи обидві зміни (щоб зберегти пропорційну) та alt (зберегти центр нерухомий).
  6. Ctrl + клацніть піктограму лупи шару на палітрі шарів (той, який ви зробили на кроці 1, погладжений на кроці 3 тощо), а потім натисніть Ctrl + Shift + i, щоб перевернути вибір.
  7. З обраним масштабованим шаром вмісту (від кроку 5) натисніть видалити.
  8. Підніміть FX для збільшення масштабу вмісту і покладіть на нього нечітку тінь.

Після цього зробіть ручку для лупи ... напевно, найпростішим способом було б створити новий шар, зробити високий вузький вибір, заповнити його чорним кольором, а потім використати на ньому зрідження. Складнішим (але кращими результатами) способом було б зробити новий шар, скористайтеся інструментом пера, щоб створити шлях з тонким хвилястим верхом, потім перейдіть у палітру шляхів, клацніть правою кнопкою миші шлях, виберіть "Зробити вибір". а потім скористайтеся редагуванням-обведенням. Видаліть ліву, праву та нижню сторони, зберігаючи лише верхню. Потім розташуйте його так, щоб воно було врівень з ходом від лупи (шару та внутрішнього світіння).

Ось приклад:

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

Ви також можете використовувати сферизацію на масштабованому вмісті, але це сильно спотворить текст:

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


Майкл, якщо можливо, прикріпити знімок екрана, як це зробили, це буде зрозуміло для всіх ...
Джек

Данно ... мені здається досить зрозумілим. Цілком можливо, що я пропустив крок туди, бачачи, як я все це записав, перш ніж насправді це робив ... але я прочитав це навіть після того, як це робив, і, здається, він повинен працювати просто чудово.
Майкл

Нарешті, ви можете додати деякий ефект сферизації для невеликих динамічних результатів від фільтра-> спотворення-> сферизації. 20% повинні робити ..
Сісір

@Michael - ЛЮБИТЬ свою сферизовану версію
Dan Hanly

1
@Michael, я думаю, що зменшення ступеня ефекту дозволило б утримати реалізм і повернути його до функціональної стадії.
Ден Хенлі

2

Вибачте за те, що я такий лінивий, я думаю, що якщо у мене є закладки, то краще розповсюджувати їх, а не створювати та показувати вам кожен крок, я дізнаюся цю річ з таких навчальних посібників, що їх легко зрозуміти,

будь-ласка, подивіться і виконайте те саме ...

  1. Збільшувальне скло Photoshop
  2. Photoshop Збільшити
  3. Ефект збільшення в фотошопі
  4. Збільшувальне з нуля
  5. Цей дивовижний

І Мішель вже зробив чудову роботу….


Я теж думав про те, щоб зробити «Сфери», але проблема з цим полягає в тому, що це буде досить сильно спотворювати текст. Я відредагую свою відповідь, щоб показати спотворення.
Майкл
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.