Advertisement
  1. Web Design
  2. UX/UI

Krótka wskazówka: jak stworzyć perspektywiczną grafikę w Sketch

Scroll to top
Read Time: 1 min

() translation by (you can also view the original English article)

Przekształcanie płaskich grafik w trójwymiarowe (dodawanie perspektywy z punktem zbiegu lub wzdłuż płaszczyzny izometrycznej) może być bardzo przydatne. W tej krótkiej wskazówce użyjemy wtyczki o nazwie "Magic Mirror",która pomoże nam stworzyć rzut perspektywiczny w programie Sketch.

Obejrzyj wideo

Załóżmy, że pracujesz nad aplikacją dla systemu iOS i chcesz wstawić na stronę internetową zdjęcie osoby trzymającej iPhona z interfejsem aplikacji na ekranie. Osiągnięcie tego tradycyjnymi metodami w programie Sketch jest dość trudne, dlatego zamierzamy skorzystać z pomocy wtyczki o nazwie Magic Mirror.

Zainstaluj Magic Mirror

Istnieje kilka sposobów na instalację tej wtyczki; można pobrać ją ze strony i zainstalować lub użyć Sketch Toolbox, który służy do zarządzania wtyczkami.

Po zainstalowaniu, przejdź do Plugins > Magic Mirror 2 > Enable Magic Mirror, aby włączyć wtyczkę.

Określ obszar

Po konfiguracji, musisz zdefiniować obszar w programie Sketch, zaznaczyć go, a następnie w oknie Magic Mirror wybrać grafikę . Zawartość tej grafiki zostanie przeniesiona do zaznaczone obszaru. Biorąc pod uwagę przykład aplikacji dla systemu iOS, możemy otrzymać coś takiego:

magic mirrormagic mirrormagic mirror
Grafika “iPhone 7 Plus” przeniesiona do obszaru

Po przeniesieniu grafiki do zaznaczonego obszaru, możesz ją obracać lub odwracać, a nawet (w wersji pro) ustawiać rozdzielczość @1× lub @2×.

Szablony

Świetnym aspektem wtyczki są jej szablony. Odwiedź stronę internetową, na której znajdziesz duży wybór szablonów gotowych do użycia. Niektóre z nich trzeba kupić, ale większość jest bezpłatna.

Device and Wood is freeDevice and Wood is freeDevice and Wood is free
Szablon “Device and Wood” jest bezpłatny

Podsumowanie

Oto jak możesz użyć wtyczki Magic Mirror, aby stworzyć grafikę perspektywiczną. Mam nadzieję, że skorzystasz z wiedzy w kolejnych projektach i nie zapomnij sprawdzić szablonów dla programu Sketch na Themeforest!

Sketch templates category on ThemeforestSketch templates category on ThemeforestSketch templates category on Themeforest
Do wyboru masz około 100 szablonów dla programu Sketch na Themeforest

Przydatne materiały

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.