Qui, sei guidato attraverso i passaggi per creare un semplice pulsante con un riempimento solido e del testo in Adobe XD. Segui questi semplici passaggi.
Seleziona lo strumento Rettangolo, fai clic e trascina per creare un rettangolo di qualsiasi dimensione su una tavola da disegno.
In questo esempio, è selezionato il modello iPhone 6 standard.
Con il rettangolo ancora attivo, digita 200 nella casella di testo Larghezza e 70 nella casella di testo Altezza. Premi Tab dopo aver digitato ciascuno per confermare il valore.
Qui, aggiungi un colore di riempimento solido alla tua forma:
Assicurati che il tuo rettangolo sia ancora selezionato. Fare clic sulla casella bianca a sinistra di Riempi nel pannello Proprietà per aprire il selettore di colori.
Scorri i colori facendo clic e trascinando il cursore Tonalità. Dopo aver inserito il colore della tonalità che ti piace, fai clic su un colore nel pannello dei colori per applicarlo al rettangolo.
Puoi salvare i colori che potresti usare spesso facendo clic sul segno più Salva campione colore nella parte inferiore del selettore colori.
Puoi applicare la trasparenza al riempimento utilizzando il dispositivo di scorrimento sul lato destro della finestra di selezione dei colori.
Deseleziona la casella di controllo a sinistra di Bordo per rimuovere il tratto attorno al rettangolo.
Applicare un colore con il selettore di colori. Salva un colore facendo clic sul segno Save Color Swatch +.
Puoi lasciare gli angoli quadrati o seguire uno di questi passaggi successivi per arrotondare gli angoli della forma:
Fare clic e trascinare i widget degli angoli per arrotondare gli angoli.
Tenete premuto il tasto Alt (Windows) o Opzione (Mac OS) e trascinate un raggio d'angolo per renderlo un valore indipendente.
Immettere i valori nel pannello Proprietà per aggiungere dimensioni variabili nel raggio dell'angolo.
Ora aggiungi il testo al pulsante:
Seleziona lo strumento Testo dal pannello Strumenti, quindi fai clic all'interno del pulsante. Viene visualizzato un cursore di testo. Non preoccuparti dell'esatto posizionamento della casella di testo perché può essere spostata in seguito.
Digita la parola Invia, quindi seleziona il testo premendo Ctrl+A (Windows) o Comando+A (Mac).
Con la parola selezionata, modifica le proprietà nell'area Testo del pannello Proprietà per selezionare un carattere e una dimensione del tipo che ti piace. Puoi anche modificare l'allineamento selezionando i pulsanti Allinea a sinistra, Al centro o Allinea a destra.
È possibile selezionare la dimensione del carattere corrente nella casella di testo Dimensione carattere e premere la freccia su o giù per aumentare o diminuire la dimensione del carattere.
Fare clic sulla casella Riempi per modificare il colore del testo.
Seleziona le proprietà del tuo tipo utilizzando la sezione Testo nel pannello Proprietà.
Puoi utilizzare lo strumento Istantanea in Adobe Acrobat CS5 per selezionare sia testo che immagini e creare un'immagine di una determinata area all'interno di un file PDF. Il risultato viene comunemente chiamato screenshot di una sezione all'interno di un file PDF. Il risultato è un'immagine e il tuo testo non è […]
Progettato per ricercatori e scienziati, le capacità di misurazione in Photoshop CC sono piuttosto potenti. Puoi misurare qualsiasi cosa e contare il numero di qualsiasi cosa in un'immagine tecnica, magari da un microscopio o un telescopio. Se conosci la dimensione esatta di qualsiasi elemento in un'immagine, puoi scoprire praticamente qualsiasi cosa […]
Quando utilizzi gli strumenti Fluidifica in Adobe Creative Suite 5 (Adobe CS5) Illustrator, puoi piegare gli oggetti, renderli ondulati, appiccicosi o appuntiti, creando distorsioni da semplici a complesse. Gli strumenti Fluidifica possono realizzare tutti i tipi di distorsioni creative o stravaganti (a seconda di come lo guardi) ai tuoi oggetti. Voi […]
Quando hai del testo nel tuo progetto Adobe XD, puoi iniziare a modificare le proprietà del testo. Queste proprietà includono Famiglia di caratteri, Dimensione carattere, Spessore carattere, Allineamento, Spaziatura caratteri (crenatura e tracciamento), Interlinea (interlinea), Riempimento, Bordo (tratto), Ombra (ombra esterna) e Sfocatura sfondo. Quindi esaminiamo come vengono applicate queste proprietà. A proposito di leggibilità e carattere […]
Puoi utilizzare InDesign per creare e modificare la grafica del codice QR. I codici QR sono una forma di codice a barre in grado di memorizzare informazioni come parole, numeri, URL o altre forme di dati. L'utente esegue la scansione del codice QR utilizzando la fotocamera e il software su un dispositivo, come uno smartphone, e il software utilizza […]
Proprio come in Adobe Illustrator, le tavole da disegno di Photoshop offrono la possibilità di creare pagine o schermate separate all'interno di un documento. Questo può essere particolarmente utile se stai costruendo schermi per un'applicazione mobile o una piccola brochure. Puoi pensare a una tavola da disegno come a un tipo speciale di gruppo di livelli creato utilizzando il pannello Livelli. Suo […]
Avvolgere il testo in Adobe Illustrator CC non è esattamente come avvolgere un regalo: è più facile! Un ritorno a capo forza il testo a avvolgere un elemento grafico, come mostrato in questa figura. Questa caratteristica può aggiungere un po' di creatività a qualsiasi pezzo. L'elemento grafico sta costringendo il testo a avvolgerlo. Innanzitutto, crea […]
Quando si progetta in Adobe Illustrator CC, spesso è necessario che una forma abbia le dimensioni esatte (ad esempio, 2 x 3 pollici). Dopo aver creato una forma, il modo migliore per ridimensionarla a misure esatte è utilizzare il pannello Trasforma, mostrato in questa figura. Avere l'oggetto selezionato e quindi scegliere Finestra → Trasforma in […]
Scopri come applicare la trasparenza alla grafica SVG in Illustrator. Scopri come produrre SVG con sfondi trasparenti e applicare effetti di trasparenza.
Dopo aver importato le tue immagini in Adobe XD, non hai un grande controllo sulla modifica, ma puoi ridimensionare e ruotare le immagini proprio come faresti con qualsiasi altra forma. Puoi anche arrotondare facilmente gli angoli di un'immagine importata utilizzando i widget degli angoli. Mascherare le tue immagini Definendo una forma chiusa […]
