Jak mogę zmienić kwadratowy obraz na okrągły w Sketch?


Odpowiedzi:


22

To właściwie całkiem proste. Można to zrobić na dwa sposoby:

1. Użyj maski

Najlepszy sposób IMHO, ponieważ zapewnia większą elastyczność / opcje edycji.

  1. Zaimportuj swój obraz:

    Import

  2. Narysuj okrąg, który zamaskuje twój obraz:

    Maska

  3. Przesuń koło za bitmapą za pomocą Backwardikony paska narzędzi:

    Plecy

  4. Użyj kółka, aby zamaskować mapę bitową, wybierając ją i wybierając Layer › Use as Maskz menu:

    Maska

  5. Ta-da!

    Gotowy

  6. Jako dodatkowy krok możesz zgrupować mapę bitową i maskę koła, aby zatrzymać maskowanie innych kształtów przez koło:

    Grupa

  7. Aby dodać ramkę: dodaj inny kształt koła umieszczony nad zamaskowanym obrazem.


2. Użyj wypełnienia deseniem

  1. Narysuj okrąg, w którym ma się pojawiać obraz:

    okrąg

  2. Select Fill › Pattern Fill w inspektorze:

    Wzór

  3. Kliknij Choose Image…i wybierz swoją mapę bitową:

    Mapa bitowa

  4. W Fillmenu rozwijanym ustaw opcje wypełnienia :

    Napełnić

  5. Dodaj obramowanie do koła, jak zwykle.

  6. Ta-da!

Mam nadzieję, że to pomoże!


2

możesz użyć metody maskowania w Photoshopie.

Oto kroki, użyję przykładowego obrazu prostokątnego.

1 * Dodaj prostokątny obraz w Photoshopie, umieść go w nowym dokumencie, a utworzy nową warstwę tylko dla obrazu.

Prostokątny obraz gwiaździstego nieba, jak widać pod nim białą warstwę tła.

2 * Utwórz okrągły kształt do pożądanego rozmiaru za pomocą narzędzia koła, utworzy warstwę dla obiektu, a warstwa zostanie umieszczona na górze prostokątnego obrazu.

Okrąg obiekt na szczycie prostokątnej warstwy obrazu

3 * Teraz umieść warstwę koła pod prostokątną warstwą obrazu. Następnie kliknij warstwę prostokątnego obrazu, kliknij prawym przyciskiem myszy i wybierz opcję Utwórz maskę przycinającą.

kliknij prawym przyciskiem myszy warstwę obrazu prostokątnego i wybierz opcję Utwórz maskę przycinającą.  upewnij się, że warstwa znajduje się nad obiektem okręgu

4 * w tym momencie możesz przeciągać wokół prostokątnej warstwy obrazu, aby dopasować ją do okręgu. możesz ustawić, która część prostokątnego obrazu ma przechwytywać okrąg. przeciągnij wokół prostokątnej warstwy obrazu, aby dopasować do koła

5 * gdy jesteś zadowolony z położenia obrazu w okręgu, możesz wybrać obie warstwy i połączyć je ze sobą, aby utworzyć okrągły obraz. Możesz albo kliknąć prawym przyciskiem myszy po wybraniu obu warstw i wybrać scalanie warstw lub użyć skrótu Cmd+ Ena Macu lub Ctrl+, Ejeśli używasz systemu Windows.

wybierz obie warstwy i połącz je ze sobą

Po scaleniu warstwa powinna wyglądać tak, zawierając tylko nowy okrągły obraz.

6 * Na koniec możesz dodawać efekty, takie jak obrysy lub cienie, za pomocą przycisku efektu na dole panelu warstw. powinien mieć na sobie symbol fx. Wybierz obrys, a do nowego okrągłego obrazu możesz dodać obrys dowolnego koloru.

użyj przycisku efektu u dołu panelu warstw, aby utworzyć dowolny efekt, taki jak pociągnięcia lub cienie

dostosuj rozmiary obrysu, które lubisz

efekt końcowy powinien wyglądać tak: właśnie użyłem zielonego obrysu, aby pokazać, jak będzie wyglądał obrys, ponieważ moja warstwa koloru tła jest biała.

Mam nadzieję, że to pomoże.


3
Myślę, że OP prosi o rozwiązanie w Sketch.
benteh

Chociaż może to pomóc komuś w Photoshopie, proszę zrozumieć, że Twoja odpowiedź może zostać odrzucona, ponieważ OP poprosił o nią w Sketch.
DᴀʀᴛʜVᴀᴅᴇʀ

1

Jest to pomysł, jak inaczej podejść do problemu. Nie przycinaj ani nie maskuj, ale przekształć obraz, aby zmieścił się w okrągłej przestrzeni. Potrzebujesz wtyczki, która przekształca współrzędne prostokątne w biegunowe:

wprowadź opis zdjęcia tutaj

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.