Ik probeer een aantal van de items van mijn website in Sketch te maken, zodat ik ze kan gebruiken in een nieuwe stijlgids. Ik ben nieuw in het tekenen van dit soort van vormen en ik kan er niet achter komen hoe ik deze pijl symmetrisch en pixel-perfect kan krijgen.
Ik heb geprobeerd beide zijden dezelfde lengte / breedte (15×5) te houden, maar er is altijd wel ergens een rare overlapping, zoals je kunt op de foto zien. Ik heb een kant getekend, onder een hoek gezet en daarna gekopieerd + gespiegeld.
Hoe zou ik deze vorm maken zodat deze perfect gespiegeld, symmetrisch en pixel-perfect is?
Reacties
- Geef alsjeblieft commentaar als je downstemt, ik kan ' leer niet van stille downvotes 🙂
Antwoord
Kort antwoord – maak het met een slag .
Lang antwoord: maak een vector (snelkoppeling: V) met drie punten. Selecteer elk punt afzonderlijk en zorg ervoor dat de coördinaten van elk punt kloppen. Ik gebruikte voor punt 1 (100, 100), punt 2 (119,5, 90), punt 3 (119, 100). Tip: druk op “ENTER” om in en uit de bewerkingsmodus te gaan, en pas op dat u het pad niet afsluit. 
-
Ik heb de eerste waarde gekozen willekeurig (100, 100 maakt het gemakkelijk om getallen toe te voegen);
-
toen koos ik punt 2 op 119,5, dus het maakt een scherpe rand en koos 90 voor y, dus de hele pijl zal 10 px hoog zijn;
-
toen heb ik berekend dat punt 3 verder 9,5 pixels verwijderd moet zijn van de tweede, of 19 px verwijderd van de eerste (dus – 119 in totaal) en in een rechte lijn met de eerste, dus 100 voor Y.
Geef dan je slag wat dikte (ik koos er 5).
Optioneel – converteer naar contouren (cmd + shift + o), en voila! Het is een absoluut gespiegelde, pixel-perfect stukje liefde. Nog een tip: maak er daarna een symbool van. 