Uno sfondo accattivante è la chiave del successo per un volantino di successo. Con Photoshop, puoi creare in pochi minuti design impressionanti che attirano l'attenzione. In questo tutorial ti mostro cinque tecniche rapide e semplici per creare sfondi per volantini popolari - dai gradienti dinamici ai cool motivi grunge fino ai moderni pattern geometrici. Perfetti per feste, eventi o volantini aziendali. Cominciamo e portiamo i tuoi volantini al livello successivo!
1. Linee di scansione
Il classico per eccellenza sono le linee di scansione, che vengono posizionate in verticale, diagonale o orizzontale in uno sfondo di un volantino.
Passo 1: Creare un nuovo documento
Per creare uno sfondo del genere, ho semplicemente bisogno di un modello appropriato che inserisca le linee di scansione nell'immagine. Creo quindi un nuovo documento (Ctrl+N) con dimensioni 4x4 pixel. Lo sfondo è trasparente.
Passo 2: Selezionare il modello delle linee di scansione
Faccio zoom il più possibile nel mio documento.
Con lo Strumento di selezione seleziono esattamente quattro quadrati di selezione che si muovono in modo diagonale da sinistra in basso a destra in modo diagonale. Per aggiungere una selezione esistente, tengo premuto il tasto Shift durante il trascinamento.
Passo 3: Riempire la selezione con il nero
Con D imposto i colori predefiniti nella barra degli strumenti, se non sono già impostati, e riempio i campi di selezione con il colore di primo piano nero premendo Alt+Backspace.
Passo 4: Impostare come modello
Posso annullare la selezione con Ctrl+D. Scelgo dal menu Modifica>Imposta modello. Nella finestra di dialogo che si apre, do al mio nuovo modello il nome "Linea di scansione diagonale".
Passo 5: Inserire la linea di scansione
In un nuovo livello nel mio volantino riempio ora il mio modello di linee di scansione nel documento con lo Strumento Riempimento. L'impostazione nella barra del menu è su Modello. Dal menu di selezione scelgo il modello appena impostato. Ora clicco semplicemente nel documento.
Se necessario, posso ridurre l'opacità. In questo esempio imposto l'opacità al 25 percento.
Passo 6: Variazioni per linee di scansione verticali e orizzontali
Se preferisco linee di scansione verticali o orizzontali anziché diagonali, posso crearle facilmente con un modello personalizzato.
Per le linee di scansione verticali, il mio documento modello è: 4x1 pixel
Per le linee di scansione orizzontali, il mio documento modello è: 1x4 pixel
Semplicemente inserisco un punto nero nel documento come descritto sopra. Quindi imposto i modelli attraverso il menu Modifica. In questo esempio, il livello con le linee di scansione orizzontali è impostato su modalità Sovrapponi.
Se voglio ridurre o aumentare gli intervalli tra le linee, devo semplicemente adattare le dimensioni del documento modello di conseguenza. Per intervalli più ampi, scelgo un rapporto di 5:1, 6:1 o superiore, per intervalli più stretti, scelgo un rapporto di 3:1 o 2:1.
In modo molto intuitivo, posso anche ingrandire il documento con lo Strumento Ritaglio. In questo modo, posso ottenere il rapporto che desidero.
Passo 7: Scalabilità delle linee di scansione
Il modello può essere utilizzato anche come sovrapposizione di modello. Creo un nuovo livello con Ctrl+Shift+Alt+N e lo riempio con un colore a scelta. Imposto lo scorrimento al 0 percento. Nelle Opzioni di riempimento, scelgo la scheda Sovrapposizione di modello. Posso quindi richiamare il modello appena impostato. Posso scalare questo modello per ottimizzare ulteriormente l'aspetto delle linee di scansione.
Excursus: Effetto fotografico delle linee di scansione
Il nostro moderatore Mosh ha presentato in un tutorial un approccio veloce su come un effetto simile alle linee di scansione può essere interessante nelle fotografie.
Esempio: Immagine del faro - Fonte dell'immagine: Denis Pepin @ Fotolia.com
Prima di tutto duplico il mio livello di sfondo con Ctrl+J. Con lo Strumento di selezione: Colonna singola, seleziono una colonna di pixel in una parte significativa della mia immagine.
Con Ctrl+T posso trasformare la mia selezione. Trascino il riquadro di selezione verso il bordo sinistro e destro dell'immagine.
Posso annullare la selezione premendo Ctrl+D. Cambio il metodo di riempimento in Luminosità al 30% di opacità.
Duplico il livello con Ctrl+J e imposto il duplicato in modalità livello Luce soffusa al 30% di opacità.
Come penultimo passo posso aggiungere un effetto vignetta al mio livello di sfondo attraverso il menu Filtro>Correzione lente. Scelgo un'Intensità di -100 con un Valore centrale di +20. Infine aggiungo un breve testo "Rügen 2010" con un carattere Jellyka di 150 Pt in nero.
Ecco qui un rapido suggerimento per un effetto fotografico. Sperimenta e gioca con i metodi di riempimento.
2. A pois con rilievo
Passaggio 1: Semplicemente a pois
Nello stesso modo in cui vengono creati i scanlines, posso creare anche motivi a pois per sfondi di volantini. Per farlo, basta creare un nuovo documento della dimensione 4x4 pixel.
Con lo strumento di Selezione, seleziono i quattro pixel in basso a destra e li riempio di nero. Successivamente fiss il motivo attraverso il menu Modifica.
Nella modalità Sovrapposizione al 70% di opacità si ottiene un'ulteriore rapida possibilità di utilizzare un background interessante per i volantini.
Passaggio 2: A pois con rilievo
Posso ottenere un aspetto aggiuntivo ai pois, creando un rilievo pixelato.
Innanzitutto creo un nuovo documento delle dimensioni 3x3 pixel. Riempio il pixel centrale di colore nero. I due pixel adiacenti in basso e a destra ricevono un grigio al 50%. Il pixel in basso a destra lo riempio con un grigio chiaro all'80%.
Nella modalità Sovrapposizione, l'aspetto del rilievo offre un'altra interessante possibilità per progettare gli elementi del volantino.
Passaggio 3: Mosaico circolare
Creo un nuovo documento delle dimensioni 20x20 pixel. Anche qui lo sfondo è trasparente.
Con lo strumento Ellisse, traccio un cerchio nel documento tenendo premuto il tasto Shift (che assicura che il mio cerchio sia perfettamente rotondo). Il colore è nero, ma non è particolarmente importante.
Il cerchio viene quindi fissato come motivo e può essere utilizzato come effetto di sfondo. In alternativa posso anche lasciare il cerchio trasparente e colorare di nero le aree esterne. In questo modo posso anche enfatizzare artisticamente le fotografie.
3. Effetti di rasterizzazione
Passaggio 1: Filtri di rasterizzazione come alternativa alla fissazione del motivo
Esiste la possibilità di creare sfondi a pois tramite filtri di rasterizzazione senza dover fissare il motivo.
Creo un nuovo livello e lo riempio di grigio al 50%. Imposto la modalità su Sovrapposizione.
Successivamente apro il filtro Effetto Rasterizzazione tramite il menu Filtro>Filtro disegno.
Il tipo di motivo è Punto con una Dimensione di 1 e un Contrasto di 30. È consigliabile ingrandire notevolmente l'anteprima (il 400% è ideale) per determinare il contrasto.
Confermo premendo OK. Il mio sfondo a pois è pronto.
Passaggio 2: Variazione con cerchi e linee
Come alternativa al tipo di motivo Punto, trovo anche nel filtro Effetto Rasterizzazione i tipi di motivo Cerchio e Linee. Anche questi due tipi di motivo sono ottime opzioni per sfondi di volantini dal design semplice.
Esempio di linee orizzontali:
Passaggio 3: Trasformazioni con linee
L'inconveniente nella generazione degli effetti di rasterizzazione tramite il filtro è che non posso variare molto le dimensioni. Se desidero avere linee molto sottili nell'immagine, ho dei limiti con questo filtro. L'unica opzione che mi rimane è eseguire l'effetto di rasterizzazione in un documento più grande, duplicarlo nel mio documento attuale e ridurlo con Ctrl+T.
Posso fare lo stesso partendo dall'inizio ridimensionando semplicemente lo strato esistente con Ctrl+T, duplicandolo con Ctrl+J e inserendolo di conseguenza nella lacuna creata.
Conclusione: Il filtro Effetto Rasterizzazione è in grado di offrirmi soluzioni rapide per sfondi di volantini eleganti. Per distanze finemente regolate di linee e punti, devo comunque passare ai motivi.
Esempio di cerchi:
4. Griglia e Motivi a Linee
Per la presentazione di prodotti, loghi o elementi tipografici, a volte può essere utile inserire una griglia o un motivo effettivo sullo sfondo del volantino. A tal fine, desidero mostrare due possibili modi per creare facilmente sfondi interessanti.
4.1 Motivo a Linee con Effetto di Sfumatura
Nel primo esempio mostro la creazione di un motivo a linee con effetto di sfumatura.
Passaggio 1: Nuovo Documento
Creo un nuovo documento delle dimensioni 1200 x 800 pixel. Lo sfondo è nero.
Passaggio 2: Creare Due Nuovi Livelli
Con Ctrl+Shift+Alt+N creo un nuovo livello. Eseguo subito la scorciatoia una seconda volta.
Passaggio 3: Selezionare l'Area delle Linee e Riempirla con Colore Bianco
Con lo Strumento Lazo seleziono l'area approssimativa del mio motivo a linee. Assicurati che il livello superiore sia attivo. Riempio la selezione con colore bianco.
Passaggio 4: Sfumare
Dalla barra del menu, chiamo il filtro di Sfocatura>Sfocatura Gaussiana.
Il Raggio deve essere scelto in modo che i bordi siano sfocati in modo uniforme. Nel mio esempio, circa 50 pixel funzionano molto bene.
Passaggio 5: Punteggiare
Imposto la Modalità Livello su Punteggio.
Passaggio 6: Ridurre a un'unica Stessa Ebblne la Sottostante
Per mantenere l'effetto a puntini, ma tornare comunque alla modalità di livello Normale, seleziono il livello con quello sottostante e lo riduco a uno tramite la scorciatoia Ctrl+E.
Passaggio 7: Sfocatura di Movimento
Dalla barra del menu Filtro>Sfocatura, seleziono il filtro di Sfocatura di Movimento.
Qui scelgo una Distanza media di circa 275 pixel per trasformare i puntini in un effetto a forma di linee.
Passaggio 8: Duplicare il Livello ed Applicare l'Effetto di Struttura a Griglia
Nel passo successivo, duplico il livello, riduco la Trasparenza al 50 percento e apro il filtro Effetto Struttura a Griglia dal menu Filtro>Artistiche.
Imposto il Tipo di Modello su Linea con una Dimensione di 1 e un Contrasto di 0.
Passaggio 9: Colorare l'Effetto del Filtro
Creo un livello di regolazione Tonali e Saturazione. Per colorare il mio effetto a linee, attivo la casella di controllo Colorazione.
• Tonalità: 224 per l'ottica blu
• Saturazione: 39
• Luminosità: -10 a 0 – a seconda dell'aspetto desiderato
Lo sfondo è completo e può essere associato a un logo, un testo o altro:
Passaggio 10: Trasformare
Seleziono i due livelli a linee e li converto in un Oggetto Intelligente. Con Ctrl+T posso rendere la vista un po' più dinamica spostando le linee da sinistra in basso a destra in alto.
Passaggio 11: Adattare Logo e Ritagli
Coloro il mio logo attraverso un Sovrapposizione di Colore nelle Opzioni di Riempimento in nero e imposto un Raggio esterno in bianco al 75 percento di Trasparenza e 35 Px di Dimensione in modalità Sovrapposizione Colore.
Con lo Strumento Ritaglio posso regolare le dimensioni del mio documento a piacere.
4.2 Motivo a Griglia
Un motivo a griglia funziona molto bene come elemento di sfondo in un volantino. Può essere utilizzato completamente sullo sfondo o come elemento di design sottolineante.
Passaggio 1: Creare un Motivo
In un nuovo documento delle dimensioni 50x50 con sfondo trasparente, disegno una striscia di selezione stretta in alto e a sinistra con lo Strumento Selezione. Riempio questa selezione con colore bianco o nero.
Successivamente salvo il motivo dal menu Modifica>Definisci Pattern.
Passo 2: Griglia come motivo di sfondo
Posso utilizzare il motivo come un normale elemento di sfondo, riempiendo un nuovo livello con il motivo con lo strumento di riempimento.
Se desidero una maglia più larga, posso farlo facilmente tramite le opzioni di riempimento, dando alla griglia un contorno nello stesso metodo di riempimento.
Se invece la griglia deve essere più grande o più piccola, è consigliabile creare un livello con un colore qualsiasi, impostare lo intensità di riempimento a 0 e impostare un' sovrimpressione di motivo con il motivo a griglia nelle opzioni di riempimento. Qui posso quindi scalare la griglia secondo necessità.
Per un'ottimale post-elaborazione, posso anche emettere la mia sovrimpressione di motivo come livello separato tramite un clic destro.
Passo 3: Griglia come elemento di design
Una griglia può essere ottimamente utilizzata come elemento di design.
In questo esempio (fonte dell'immagine: Mike Liu - Fotolia.com) voglio conferire ancora più dinamismo al bagliore luminoso. Pertanto aggiungo in un nuovo livello il motivo a griglia con lo strumento di riempimento.
Con Ctrl+T>Curva adatto la mia griglia alla luminosità. In questo modo il bagliore luminoso ottiene un effetto dinamico aggiuntivo.
Impostando nelle opzioni di riempimento un bagliore bianco verso l'esterno con una dimensione di 20 pixel nella modalità bruciatura, l'effetto sembra ancora più piacevole.
Nel disegno del faro posso enfatizzare ancora di più l'atmosfera marittima, simulando un'onda con una griglia. Anche qui aggiungo la mia griglia in un nuovo livello e la curvo per ottenere un effetto ondulato.
Nelle opzioni di riempimento do alla griglia un contorno bianco all'esterno con una dimensione di 1 pixel. In questo modo la griglia diventa un po' più spessa.
E così, come la griglia può essere variata nella forma con Curva, posso anche accentuare raster, linee e cerchi tramite Trasformazioni e maschere di livello nell'anteprima. Con i modelli di linee posso persino simulare Sinedots.
In questo esempio ho inserito un raster circolare e, tramite una maschera di livello limitata all'area interna nella vista, ho ottenuto un effetto di scintilla sulla punta del faro.
5. Pattern infiniti e piastrelle senza soluzione di continuità
I pattern infiniti e le piastrelle senza soluzione di continuità vengono spesso utilizzati per sfondi di volantini e siti web. Nell'ultima parte del mio tutorial voglio mostrare diverse approcci alla creazione di pattern infiniti.
5.1 Il pattern infinito semplice
Ho un'immagine che mi piacerebbe utilizzare come pattern infinito. Con immagini testurizzate riesco spesso a creare un pattern senza giunzioni visibili. È importante solo riuscire a fare una buona selezione.
Passo 1: Selezione dell'area del pattern
Nel mio esempio voglio creare un pattern infinito da questa texture. Con Ctrl+A seleziono l'intera area dell'immagine. Poiché – anche con CS5 – la possibilità di modificare le selezioni attraverso il menu Selezione è disattivata, prendo un percorso alternativo per creare una selezione precisa.
Dopo clic destro>Trasformazione selezione compaiono diversi campi di inserimento numerici sulla barra del menu. All'interno imposto la mia selezione in altezza e larghezza al 70 percento ciascuno. Successivamente confermo con Invio.
Passo 2: Copia e incolla della selezione
Con Ctrl+C & Ctrl+V posso copiare la mia selezione incollandola in un nuovo livello.
Passo 3: Estrarre il pattern e definirlo come tale
Con lo strumento di Ritaglio libero il pattern. Attraverso il menu Modifica posso definire il pattern.
Passo 4: Utilizzo come sfondo
Creo un nuovo livello nel mio volantino e lo riempio con un colore qualsiasi. Imposto lo intensità di riempimento al 0 percento. Nelle opzioni di riempimento assegno al mio volantino il pattern precedentemente definito nella sezione sovrapposizione pattern.
Imposto il modo di riempimento su Luminosità. La trasparenza viene ridotta a un valore inferiore. Con il cursore di scala posso variare le dimensioni del pattern. Per un posizionamento preciso, è utile spostare direttamente il mio pattern con il mouse nel documento alla posizione corretta.
5.2 Il modello ripetitivo
Per ottenere questa tipica "optical wallpaper", che viene spesso utilizzata come modello ripetitivo nei background dei siti web e dei volantini, devo utilizzare un filtro di spostamento.
Passo 1: Creare la forma e definirla come modello
Con lo Strumento Forma Personalizzata, creo una forma floreale in un documento di dimensioni 500 x 500 pixel che diventerà il mio modello da tappezzeria. Posiziono la forma esattamente al centro del documento. Successivamente, definisco la mia forma floreale come modello.
Passo 2: Impostare lo spostamento
Il look da tappezzeria non è ancora completo, anche se potrei già utilizzare il modello ripetitivo. Manca lo spostamento. Per ottenerlo, creo un nuovo documento, raddoppiando le dimensioni del precedente, ovvero 1000x1000 pixel.
Riempio un livello con il mio modello. Verranno visualizzati quattro elementi. Con lo Strumento Selezione, seleziono una colonna del modello.
Attraverso il menu Filtro>Altri filtri>Effetto Spostamento, imposto uno spostamento verticale dell'effetto. Selezione i pixel in modo che il margine superiore corrisponda esattamente al margine inferiore.
In seguito, definisco questo modello tramite il menu Modifica come modello e posso utilizzarlo come sfondo nel mio volantino. Anche in questo caso, il modello è posizionato come sovrapposizione di modelli su un livello grigio in modalità Luminosità al 20% di opacità.
5.3 Piastrelle senza soluzione di continuità per le texture
Realizzare un modello senza giunture visibili come nel primo esempio è naturalmente raro.
Tuttavia, è possibile rendere le texture irregolari kachelbar senza soluzione di continuità. A questo scopo, uso di nuovo l'effetto di Spostamento e successivamente correggo i bordi visibili.
Passo 1: Applicare l'effetto di spostamento
La mia texture ha dimensioni di 1000 x 1000 pixel. Se la definisco come modello e la applico in un documento più grande, gli sbocchi appariranno come segue:
Torno al mio file di texture con le dimensioni originali di 1000x1000 pixel. Attraverso il menu Filtro>Altri filtri, seleziono l'effetto di Spostamento. Imposto uno spostamento orizzontale e verticale esattamente a metà, cioè in entrambi i casi di 500 pixel.
Passo 2: Correggere la giuntura visibile
Adesso la giuntura visibile nel mezzo è chiaramente visibile.
A partire da CS5, c'è la funzione di Riparazione basata sul contenuto nel Pennello di Riparazione. Con il Pennello di Riparazione con punta morbida, evidenzio i punti di giunzione. La casella di controllo Contenuto sensibile è attivata.
Le giunture verranno riparate automaticamente. Potrebbe essere necessario intervenire più volte.
Tuttavia, uno strumento efficace per la riparazione dei bordi rimane il Strumento di Riparazione, che gli utenti che non utilizzano ancora la versione CS5 possono utilizzare. Con il checkbox di Origine attivato, seleziono semplicemente i punti di giunzione e trascino la selezione in una zona pulita. Avverrà un bilanciamento di Tonalità, Saturazione, Luminosità e Contrasto e la giuntura visibile verrà riparata in modo convincente.
Dopo aver riparato la giuntura visibile, definisco il mio modello attraverso il menu Modifica.
Passo 3: Utilizzare un modello di piastrelle senza soluzione di continuità
Creo un nuovo file delle dimensioni di 2000x2000 pixel e posso ora utilizzare la mia texture senza soluzione di continuità con lo Strumento Riempimento.
Le texture sono particolarmente utili quando si vogliono inserire effetti di invecchiamento, effetti grunge, ecc. nelle immagini. Vedi l'immagine sotto (Fonte dell'immagine: Lev Dolgatsjov - Fotolia.com).
Pertanto, nei documenti molto grandi, è utile rendere le texture non-kachelbar senza soluzione di continuità. In questa immagine di esempio, la texture mostrata sopra è stata posizionata nell'immagine in modalità Miscelazione come Sovrapposizione e con un livello di regolazione Tonalità/Saturazione come Nascondi un po' desaturata.
In questo tutorial, sono incluse 16 risorse con diversi pattern. Troverai le scanline diagonali, orizzontali e verticali mostrate in questo tutorial, così come i rilievi pixel e i pattern a pois, i mosaici a cerchio e i pattern a griglia.
