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.