Per molti di noi, l'estate è la stagione più eccitante. Sole caldo, vestiti luminosi, calde onde del mare e vacanze: ecco cosa stiamo aspettando con impazienza! In questo tutorial creeremo un gioiello estivo senza cuciture in Affinity Designer. Disegneremo uno alla volta gli elementi estivi in stile piatto alla moda e li combineremo in una trama ripetitiva ben bilanciata. Cominciamo!
È una buona idea aggiornare il tuo sito Web o il tuo blog creando un nuovo sfondo per la stagione estiva! Le tecniche descritte, tuttavia, saranno anche utili per creare qualsiasi altro tipo di pattern senza cuciture in Affinity Designer, sia che si tratti di un modello piatto estivo senza soluzione di continuità o di un pattern ripetuto floreale o di trame piatte in stile - qualsiasi cosa come questa.
Proviamolo!
Prima di tutto, facciamo un Nuovo file di 600 x 600 px taglia. Useremo i colori pastello per gli elementi per rendere la tavolozza generale del nostro modello leggera e delicata.
Prendi il Ellipse Tool (M), tenere Cambio e fare un 40 x 40 px cerchio. È possibile impostare la dimensione in Trasformare pannello.
Utilizzare il Colore pannello per riempire la forma con un colore azzurro. Duplicare (Comando-C> Comando-V) la forma, tenere premuto Comando-Maiuscole e ridimensiona la copia in basso fino a 55 x 55 px. Riempi la nuova forma con un delicato colore lilla, formando il bordo degli occhiali.
Ora facciamo un risalto in cima al vetro. Prendi il Strumento rettangolo (M), fare un paio di strisce strette e gruppo (comando-G) loro. Ruota le strisce mentre tieni premuto Cambio e metterli sopra gli occhiali.
Vai al Livelli pannello e seleziona e trascina le strisce sopra lo strato di vetro blu finché non vedi una breve linea blu, indicando che stai posizionando un oggetto all'interno dell'altro. In questo modo possiamo nascondere le parti non necessarie del punto culminante all'interno del vetro. Controlla lo screenshot qui sotto per vedere come funziona.
Fare una copia (Comando-C> Comando-V) per la seconda metà degli occhiali e collegarli con una linea orizzontale, utilizzando il Strumento penna (P) e impostando il Peso del colpo a 8 pt nella barra degli strumenti di controllo in alto. Applicare lo stesso colore lilla al tratto che abbiamo per il bordo degli occhiali.
Se sei nuovo in Affinity Designer o ti senti confuso sull'uso del selettore colori, controlla Parte 2, Passaggio 1 di questo tutorial per vedere come funziona.
Utilizzare il Strumento Nodo (A) per piegare il tratto, facendolo leggermente arcuato. Aggiungi due piccoli 10 x 10 px cerchi dai lati degli occhiali per farli sembrare completato.
E passiamo al prossimo elemento del nostro modello!
Iniziamo a modellare un gelato dal cono. Utilizzare il Strumento Triangolo fare una forma gialla di 60 x 70 px dimensioni e ruotarlo capovolto.
Ora applichiamo una leggera trama di waffle al nostro cono. Utilizzare il Strumento diamantato fare un 10 x 18 px forma di un colore giallo più scuro, posizionandolo sopra il cono. tenere Opzione-Shift e trascina a destra, facendo una copia della forma. Ora premi Comando-J due volte per fare altre due copie. Gruppo (comando-G) i quattro diamanti insieme.
tenere Opzione-Shift e questa volta trascina il gruppo verso il basso, facendo una copia. Sposta i diamanti, mettendoli in una posizione di controllo (dovrai eliminare un pezzo in più dal gruppo). Seleziona il cono e il gruppo e usa il Allineare pannello in alto per allineare le forme a Centro.
Crea altre due copie, riempiendo lo spazio vuoto del cono e trasformandolo in un waffle strutturato. Non dimenticare di gruppo (comando-G) le parti del cono.
Mettiamo una pallina di gelato al pistacchio sopra il cono. Fare un 75 x 75 px cerchio verde, usando il Ellipse Tool (M). stampa Comando-Maiuscole- [ per riorganizzare gli oggetti, posizionando lo scoop sotto il cono.
Iniziare a formare una fila di cerchi più piccoli nella parte inferiore dello scoop. Fare un 15 x 15 px cerchio, tieni premuto Opzione-Shift e trascina a destra, facendo una copia.
stampa Comando-J più volte per creare una fila di cerchi. Se gli elementi non si adattano l'un l'altro, allora gruppo (comando-G) i cerchi e li rendono un po 'più piccoli. Seleziona tutti gli elementi e allinearli al Centro nel Allineare pannello in alto.
Utilizzare il Ellipse Tool (M) aggiungere un paio di delicati riflessi. Ora il gelato sembra completato! Andiamo avanti!
Per prima cosa creiamo un bicchiere da cocktail con una ciotola a cono rovesciata. Utilizzare il Strumento Triangolo fare un 80 x 40 px forma blu. Crea un altro triangolo di dimensioni più piccole sopra e riempilo con un giallo chiaro per il succo.
Finire con il bicchiere aggiungendo una parte inferiore triangolare e un collo lungo e sottile.
Utilizzare il Strumento penna (P) fare una semplice goccia. Impostare il Peso del colpo a 4 pt.
Passare al Ellipse Tool (M) e fare una piccola forma di circa 29 x 29 px cerchio per il pezzo di arancia, attaccato al vetro. Imposta la sua Riempire colore all'arancio e relativo Ictus colore ad un arancio più scuro.
Ora facciamo diventare il nostro cocktail a strati. Utilizzare il Strumento rettangolo (M) fare due strisce della stessa altezza Riempili con i colori arancione e rosso-arancio e usa il Livelli pannello per trascinare e rilasciare le strisce all'interno di una forma triangolare gialla al fine di nascondere i pezzi non necessari.
Quindi eccoci qui: il nostro cocktail estivo di succhi! Passiamo al nostro prossimo oggetto.
Come hai già notato, Affinity Designer ha un sacco di forme personalizzate, che possono soddisfare qualsiasi esigenza. Oltre a ciò, qualsiasi forma può essere facilmente personalizzata dalla barra degli strumenti di controllo in alto. Rende il processo di disegno e progettazione molto più veloce!
Utilizzare il Star Tool fare un 5 punte stella. Vai alla barra degli strumenti in alto e aggiustiamo la nostra stella. Impostare il Curva a sinistra a 20%, rendendo i punti della stella parzialmente arrotondati. Quindi fare lo stesso per il Curva a destra-sposta il cursore su 20%, rendendo la stella liscia e arrotondata.
Utilizzare il Ellipse Tool (M) per macchiettare alcuni punti sopra la stella marina.
Possiamo copiare e ridimensionare le nostre stelle marine in modo da poter riempire gli spazi vuoti del nostro modello in seguito. Per aggiungere più varietà, vediamo come possiamo ricolorare l'oggetto in pochi clic. Seleziona una delle stelle marine e apri il regolazioni menu nella parte inferiore del Livelli pannello. Trovare la recolour funzione e nel Opzioni recolour finestra spostare il colore cursore a sinistra oa destra fino a trovare il colore che ti piace. Facile come quello!
Fare un 150 x 150 px cerchio rosa per la carne del melone, usando il Ellipse Tool (M). Crea un'altra cerchia di 160 x 160 px, riempilo di giallo e posizionalo sotto il cerchio rosa (Comando-[). Termina creando un terzo cerchio più grande, pieno di verde.
Ora dobbiamo raggruppare tutte le parti dell'anguria e dividerle a metà. Seleziona il Strumento di ritaglio di vettore e ritaglia la metà superiore del nostro cocomero. È sempre possibile annullare questo o regolare la dimensione dell'area ritagliata usando il Strumento di ritaglio di vettore ancora.
Aggiungiamo alcuni semi al nostro cocomero, facendolo apparire più fedele alla vita. Fare un 7 x 7 px cerchio. Riempilo con blu scuro o viola scuro. Evitare l'uso del nero per rendere il nostro modello futuro più delicato e leggero.
Dirigersi verso la barra degli strumenti di controllo in alto e utilizzare il pulsante Converti in curve funzione per rendere modificabile il nostro cerchio. Prendi il Strumento Nodo (A) e seleziona il nodo superiore della nostra forma. Convertire a Acuto angolo, usando il Convertire funzione nella barra degli strumenti superiore. Trascina il punto verso l'alto, creando una forma simile a una goccia.
Ora possiamo copiare e posizionare i semi sopra il nostro melone, ruotandoli in direzioni diverse. Prima di tutto, macchi i semi sulla parte sinistra del melone e poi copia i semi e rispecchia la copia sul lato opposto, usando il Capovolgi orizzontalmente funzione nella barra degli strumenti di controllo in alto.
Ora faremo gli ultimi elementi del nostro modello: una vista dall'alto di un ombrellone a strisce. Utilizzare il Strumento Poligono per creare un ottagono (imposta il numero di lati su 8 nella barra degli strumenti di controllo superiore). Seleziona il Strumento penna (P) e traccia una linea verticale attraverso il nostro ottagono. Seleziona entrambe le forme e Allineare loro a Centro.
Copia il tratto, tieni premuto Cambio e ruotarlo 90 gradi, posizionando la linea orizzontalmente attraverso la forma. Fai più copie, ruotandole ognuna di esse 45 gradi, dividendo così il nostro ottagono in segmenti.
Seleziona tutti i tratti, apri il Ictus pannello (puoi trovare questa scheda accanto al Colore pannello) e impostare il Larghezza valore a 0,1 pt.
Seleziona i tratti nel Livelli pannello e vai a Livello> Espandi tratti, trasformandoli in forme. Mantenendo le linee selezionate, dirigetevi verso operazioni pannello nella barra degli strumenti di controllo in alto e fare clic su Inserisci pulsante per unire le linee in un'unica forma.
Ora dividiamo il nostro ottagono. Seleziona sia le linee unite che l'ottagono e usa il Sottrazione per tagliare la forma. I pezzi della forma sono ancora connessi, quindi dividili in Livello> Geometria> Dividi. Come puoi vedere nel Livelli pannello, ora abbiamo un triangolo separato per ogni segmento.
Da qui, riempiamo i segmenti, alternando il rosa e il giallo chiaro.
Infine, aggiungi un piccolo cerchio rosa su ogni punta del nostro ombrello, dandogli un aspetto completo.
Grande! Tutti i nostri oggetti sono pronti, quindi ora possiamo combinarli in un modello senza cuciture estivo.
Ora impariamo la magia di creare uno schema senza soluzione di continuità e ripetendo! Metti il cocomero sul lato sinistro del documento. Fatelo attraversare parzialmente il bordo, in modo che una metà della forma sia invisibile all'esterno della tela.
Duplica (Comando-C> Comando-V) l'oggetto e spostare la copia 600 px (che è uguale al larghezza del nostro documento) a destra digitando “600" nel Posizione orizzontale nel Trasformare pannello.
Ora posiziona la stella marina nella parte superiore del nostro documento e lascia che attraversi il bordo superiore della tela. Crea una copia della stella marina e spostala 600 px giù (che è uguale al altezza del nostro documento), utilizzando il Trasformare pannello e digitando "+600" nel Verticale posizione.
Funziona così: le copie ripetute ai bordi del documento rendono il disegno senza cuciture. Tutto ciò che attraversa i bordi della tela deve essere copiato e posizionato sul lato opposto.
Spargere gli oggetti sulla tela, fare copie e ricolorare alcuni degli oggetti per aggiungere varietà al nostro modello.
Qui ho aggiunto altri due gelati di diversi colori, oltre a un'altra stella marina e un bicchiere da cocktail specchiato.
Crea un rettangolo blu chiaro delle stesse dimensioni del nostro documento (600 x 600 px) e posizionarlo nella parte inferiore del Livelli pannello (Maiusc-Comando- [). O puoi anche creare un Nuovo strato per lo sfondo blu e posizionarlo lì.
Ho ricolorato alcuni degli elementi (i bicchieri da cocktail e la parte interna degli occhiali da sole) per renderli visibili sullo sfondo blu. E ho anche aggiunto alcuni piccoli elementi blu chiaro come minuscoli soli, cerchi, nuvole e zigzag per riempire i punti vuoti dello schema, rendendolo più occupato e dettagliato.
Finalmente, Gruppo (comando-G) tutti gli elementi del nostro modello (eccetto lo sfondo) e trascinare il gruppo sulla forma dello sfondo nel Livelli pannello, posizionando il gruppo all'interno del rettangolo.
Assicuriamoci che il nostro modello sia senza soluzione di continuità. Rendi il nostro rettangolo più piccolo, riducendone le dimensioni 300 x 300 px nel Trasformare pannello. Tenerlo nell'angolo in alto a sinistra del documento. Duplica il modello e usa il Trasformare nuovamente il pannello per spostare la copia orizzontalmente 300 px a destra. Come puoi vedere, lo schema corrisponde già, creando una composizione ripetuta bilanciata.
Aggiungiamo alcuni altri pezzi nella metà inferiore del nostro documento. Fai altre due copie del modello e posizionale una accanto all'altra. Grande! Il nostro modello sembra perfettamente senza cuciture e dettagliato.
Ora possiamo File> Esporta il nostro modello senza cuciture in qualsiasi formato, in base alle nostre esigenze.
Ottimo lavoro, a tutti! Abbiamo seguito un processo dettagliato per creare elementi piatti e imparato alcune semplici tecniche, che ci hanno aiutato a costruire un pattern estivo ricorrente, perfetto per siti Web e blog come sfondo. Può anche essere usato per avvolgere carta, tessuto, carta da parati stampata e molto altro.
Divertiti a creare nuovi pattern senza soluzione di continuità e mantieniti aggiornato per ulteriori tutorial di Affinity Designer!