Jak odtworzyć tę strzałkę w Sketch?

Próbuję utworzyć niektóre zasoby mojej witryny w programie Sketch, aby móc ich używać w nowym przewodniku po stylach. Nie mam doświadczenia w rysowaniu tego rodzaju kształtów i nie mogę wymyślić, jak uzyskać symetryczną strzałkę i idealnie pikselową.

Próbowałem zachować obie strony tej samej długości / szerokości (15×5), ale zawsze gdzieś dziwnie zachodzi na siebie na obrazku widać. Narysowałem jedną stronę, ustawiłem pod kątem, a następnie skopiowałem + odbiłem.

Jak utworzyłbym ten kształt, aby był idealnie odwzorowany, symetryczny i doskonały w pikselach?

problem

Komentarze

  • Proszę o komentarz, jeśli głosujesz przeciw, mogę ' ucz się na cichych negatywnych opiniach 🙂

Odpowiedz

Krótka odpowiedź – zrób to jednym pociągnięciem .

Długa odpowiedź: utwórz wektor (skrót: V) z trzema punktami. Wybierz każdy punkt indywidualnie i upewnij się, że współrzędne każdego punktu mają sens. Wykorzystałem w pkt 1 (100, 100), 2 (119.5, 90), 3 (119, 100). Wskazówka: naciśnij „ENTER”, aby wejść i wyjść z trybu edycji i uważaj, aby nie zamknąć ścieżki. tutaj wprowadź opis obrazu

  • Wybrałem pierwszą wartość losowo (100, 100 ułatwia dodawanie liczb);

  • wtedy wybrałem punkt 2 na 119,5, więc tworzy ostrą krawędź i wybrałem 90 dla y, więc cała strzałka będzie miała 10 pikseli wysokości;

  • obliczyłem, że punkt 3 powinien być dalej 9,5 piksela od drugiego lub 19 pikseli od pierwszego (czyli łącznie – 119) i powinien znajdować się w prosta linia z pierwszym, czyli 100 dla Y.

Następnie – nadaj swojemu pociągnięciu trochę grubości (wybrałem 5).

tutaj wprowadź opis obrazu

Opcjonalnie – zamień na kontury (cmd + shift + o), i voila! To absolutnie lustrzany, doskonały kawałek miłości. Jeszcze jedna wskazówka: uczyń go później symbolem. wprowadź opis obrazu tutaj

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *