Jak zaprojektować takie efektowne szkła powiększające?


13

Zastanawiam się, jak mogę stworzyć efekt lupy, który ostatnio dużo widziałem na stronach sprzedających oprogramowanie (na komputerze lub w aplikacjach internetowych).

Oto dwa przykłady. Naprawdę podoba mi się ten pierwszy (pierwsze miejsce, w którym go widziałem)

Aplikacja rzeczy: Przykład 1

SupportBreeze: przyklad 2

Odpowiedzi:


18
  1. Utwórz nową warstwę na tle tła, a następnie dokonaj okrągłego zaznaczenia (przytrzymaj klawisz Shift, aby upewnić się, że jest to idealne koło) i wypełnij go dowolnym wybranym kolorem.
  2. Ustaw% wypełnienia w palecie warstw na 0%.
  3. Przejdź do efektów warstwy i dodaj obrys (czarny) i wewnętrzny blask (biały).
  4. Trzymając zaznaczone koło, przejdź do warstwy tła i naciśnij ctrl + c (kopiuj).
  5. Utwórz nową warstwę powyżej tła, ale pod lupą, wklej skopiowaną część, całkiem dobrze wyrównaj, wciśnij ctrl + t (dowolna transformacja), a następnie przeskaluj ją, naciskając jednocześnie klawisze Shift (aby zachować proporcjonalność) i Alt (aby zachować środek stacjonarny).
  6. Ctrl + kliknij ikonę warstwy szkła powiększającego na palecie warstw (utworzonej w kroku 1, głaskanej w kroku 3 itd.), A następnie naciśnij Ctrl + Shift + i, aby odwrócić zaznaczenie.
  7. Po wybraniu powiększonej warstwy zawartości (od kroku 5) naciśnij klawisz Delete.
  8. Wyświetl efekt dla powiększonej warstwy zawartości i umieść na niej rozmazany cień.

Następnie zrób uchwyt do szkła powiększającego ... prawdopodobnie najłatwiejszym sposobem byłoby utworzenie nowej warstwy, dokonanie wysokiego, wąskiego zaznaczenia, wypełnienie jej kolorem czarnym, a następnie użycie upłynnienia. Najtrudniejszym (ale lepszym rezultatem) sposobem byłoby utworzenie nowej warstwy, użycie narzędzia pióra do utworzenia ścieżki z subtelnym falistym blatem, a następnie przejście do palety ścieżek, kliknięcie ścieżki prawym przyciskiem myszy, wybranie „Dokonaj wyboru”, a następnie użyj Edit-Stroke. Usuń lewą, prawą i dolną stronę, zachowując tylko górę. Następnie ustaw go tak, aby zrównał się z obrysem warstwy lupy (tej z obrysem i wewnętrznym jarzeniem).

Oto przykład:

wprowadź opis zdjęcia tutaj

Możesz także użyć spherize na powiększonej treści, ale spowoduje to znaczne zniekształcenie tekstu:

wprowadź opis zdjęcia tutaj


michael, jeśli to możliwe, dołącz zrzut ekranu, jak to zrobiłeś, będzie to łatwe do zrozumienia dla wszystkich ...
Jack

Nie wiem ... wydaje mi się dość oczywiste. Możliwe, że przeoczyłem jakiś krok, ponieważ napisałem to wszystko przed zrobieniem tego ... ale przeczytałem to nawet po zrobieniu tego i wydaje się, że powinno działać dobrze.
Michael

W końcu możesz dodać efekt spherize, aby uzyskać niewielki dynamiczny wynik z filter-> distort-> spherize. 20% powinno zrobić ...
Sisir

@Michael - LOVE your spherized version
Dan Hanly

1
@Michael, myślę, że zmniejszenie stopnia efektu zachowałoby realizm i przywróciło go do etapu funkcjonalnego.
Dan Hanly

2

Przepraszam, że jestem taki leniwy. Myślę, że jeśli mam zakładki, lepiej je rozprowadzać, niż tworzyć i pokazywać każdy krok, uczę się tego z takich samouczków, które są łatwe do zrozumienia,

spójrz i postępuj zgodnie z tym samym ...

  1. Photoshop Lupa
  2. Photoshop Powiększ
  3. Efekt Zoom w Photoshopie
  4. Powiększanie od zera
  5. Ten jest niesamowity

I Micheal wykonał już świetną robotę ...


Myślałem też o zrobieniu Spherize, ale problem polega na tym, że bardzo źle zniekształci tekst. Zmodyfikuję moją odpowiedź, aby pokazać zniekształcenie.
Michael
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.