Come posso modificare un'immagine quadrata in un'immagine circolare in Sketch?

Voglio prendere un'immagine rettangolare in Sketch e darle uno stile cerchio / raggio.

Per esempio:

In realtà è abbastanza facile. Ci sono due modi per farlo:

1. Usa una maschera

Il modo migliore IMHO, in quanto offre più flessibilità / opzioni di modifica.

1. Importa la tua immagine:

   

2. Disegna un cerchio che maschererà la tua immagine:

   

3. Sposta il cerchio dietro la bitmap usando l' Backwardicona della barra degli strumenti:

   

4. Usa il cerchio per mascherare la bitmap, selezionandola e scegliendo Layer › Use as Maskdal menu:

   

5. Ta-da!

   

6. Come passaggio aggiuntivo, puoi raggruppare la bitmap e la maschera del cerchio per impedire al cerchio di mascherare altre forme:

   

7. Per aggiungere un bordo: aggiungi un'altra forma circolare posizionata sopra l'immagine mascherata.

2. Utilizzare un riempimento a motivo

1. Disegna il cerchio nel punto in cui vuoi che appaia l'immagine:

   

2. Select Fill › Pattern Fill nell'ispettore:

   

3. Fai clic Choose Image…e seleziona la tua bitmap:

   

4. Impostare le opzioni di riempimento su Fillnel menu a discesa:

   

5. Aggiungi un bordo al cerchio come faresti normalmente.

6. Ta-da!

Spero che sia d'aiuto!

puoi usare un metodo di mascheramento tramite Photoshop.

Ecco i passaggi, userò un'immagine rettangolare di esempio.

1 * Aggiungi la tua immagine rettangolare in Photoshop, inseriscila in un nuovo documento e creerà un nuovo livello solo per l'immagine.

2 * Crea una forma circolare della dimensione desiderata usando lo strumento cerchio, creerà un livello per l'oggetto e il livello verrà posizionato sopra l'immagine rettangolare.

3 * Ora posiziona il livello del cerchio sotto il livello dell'immagine rettangolare. Quindi fai clic sul livello dell'immagine rettangolare, fai clic con il pulsante destro del mouse e scegli crea maschera di ritaglio.

4 * a questo punto, è possibile trascinare attorno al livello dell'immagine rettangolare per adattarsi al cerchio. puoi regolare quale parte dell'immagine rettangolare deve catturare il cerchio.

5 * una volta che sei soddisfatto della posizione dell'immagine nel cerchio, puoi selezionare entrambi i livelli e unirli insieme per creare l'immagine circolare. Puoi fare clic con il pulsante destro del mouse dopo aver scelto entrambi i livelli e scegliere unisci livelli oppure utilizzare il collegamento Cmd+ Esu Mac o Ctrl+ Ese si utilizza Windows.

6 * Infine, puoi aggiungere effetti come tratti o ombreggiature usando il pulsante degli effetti nella parte inferiore del pannello dei livelli. dovrebbe avere il simbolo fxsopra. Scegli tratto e puoi aggiungere un tratto di qualsiasi colore che ti piace alla tua nuova immagine circolare.

Spero che questo possa essere d'aiuto.

Questa è un'idea su come affrontare il problema in modo diverso. Non tagliare né mascherare, ma trasforma l'immagine per adattarla allo spazio circolare. È necessario un plug-in che si trasforma da coordinate rettangolari a coordinate polari: