Come creare un disegno trasparente. Come creare un PNG con trasparenza in Adobe Photoshop (CC e versioni successive)? Come creare uno sfondo trasparente per un'immagine

A volte è necessario caricare un'immagine che contenga elementi trasparenti che consentano di vedere lo sfondo originale. In questi casi sarebbe conveniente scaricare immagini PNG poiché sono in grado di mantenere la trasparenza.

In questo articolo te lo diremo come rendere la trasparenza in Photoshop.

Creazione di un file

Il primo passo è creare un file. Per fare questo, apri Adobe Photoshop e nel menu "File" ( File) nella parte superiore della pagina selezionare “Crea” ( Nuovo).

Quindi nella finestra che appare “ nuovo documento » ( Nuovo documento) creare un file della dimensione desiderata e assicurarsi che la risoluzione del documento sia 72 pixel per pollice ( poiché il file è destinato all'uso sul Web). E anche che hai selezionato il valore "Trasparente" ( Trasparente) nell'elenco a discesa "Contenuto di sfondo" ( Contenuti di base).

*Prima di realizzare un PNG con trasparenza in Photoshop, è necessario chiarire che in questo esempio stiamo creando un'immagine da caricare come sfondo per il sito, quindi la dimensione del documento è impostata come segue: larghezza 3000 pixel, altezza 1730 pixel, quali sono le dimensioni consigliate per i download di immagini HD:

Dopo aver impostato i parametri, fare clic su "OK" per aprire un nuovo documento.

Quindi nel pannello “Livelli” ( Strati) assicurati di lavorare sul livello trasparente e non su quello di sfondo:

Una volta completata la creazione e quando sei pronto per salvare l'immagine trasparente, a seconda della versione di Photoshop che stai utilizzando, dal menu File ( File) è possibile utilizzare una delle opzioni possibili:

Versioni di Photoshop precedenti a CC 2015:

Ora te lo diremo come rendere trasparente un'immagine in Photoshop, uscito prima del CC 2015. Queste versioni utilizzano il metodo "Salva per Web" ( Risparmia per Web e dispositivi) per salvare e ottimizzare le immagini PNG da utilizzare sul Web. Per utilizzare questo metodo è sufficiente accedere al menu "File" ( File), quindi "Salva per Web" ( Risparmia per Web e dispositivi):

Quindi, nella finestra che appare, seleziona PNG-24 dal menu a discesa dei valori possibili, quindi assicurati che le opzioni " Trasparenza" siano selezionate ( Trasparenza) E " Converti in sRGB» ( Converti in sRGB). Ciò conferma che l'immagine conterrà Sfondo trasparente e la sua modalità colore verrà convertita in sRGB, lo spazio colore consigliato per il web.

Campi " Dimensione dell'immagine» ( Dimensione dell'immagine) vengono compilati automaticamente con i valori specificati al momento della creazione del file. Ma se desideri modificare la dimensione del file prima di salvarlo, puoi farlo ora.

Versione Photoshop CC 2015:

Prima, come rendere una foto trasparente in Photoshop, devi sapere che dalla versione CC 2015 è disponibile l'opzione “Salva per Web” ( Risparmia per Web e dispositivi) nel menu "File" ( File) è contrassegnato come Legacy. E sostituito da una nuova opzione "Esporta" ( Esportare), che offre funzionalità identiche con un salvataggio più rapido in un file più piccolo e in migliore qualità. Per utilizzare l'opzione "Esporta", fare clic sul menu "File" ( File), poi - " Esporta come» ( Esporta come).

Nota: Adobe offre ancora un'opzione "Salva per Web" ( Risparmia per Web e dispositivi) in Photoshop CC 2015 ed è accessibile tramite il menu File > Esporta ( File > Esporta) o utilizzando la scorciatoia da tastiera Comando+Opzione+Maiusc+S (per Mac) o Ctrl+Alt+Maiusc+S (per PC):

Quindi, nella finestra che appare, seleziona PNG dal menu a discesa “Formato” ( Formato) e assicurati che le opzioni Trasparenza siano selezionate ( Trasparenza) E " Converti in sRGB» ( Converti in sRGB).

Ciao cari visitatori. In questa lezione mostrerò come è possibile utilizzare Photoshop rimuovere lo sfondo e rendere la foto trasparente. Non hai bisogno di alcuna conoscenza particolare di questo Photo Monster, poiché qui è tutto molto semplice. La cosa principale è che hai installato Photoshop e ripeti tutti i passaggi dopo di me.

Quindi, come creare uno sfondo trasparente in Photoshop?

Avvia Photoshop e apri la foto sperimentale. Fare clic sul menu File – Apri e specificare la posizione dell'immagine.

Ottimo, la foto è aperta e iniziamo a ritagliare lo sfondo. Prima di tutto, dobbiamo sbloccare il livello. Presta attenzione all'angolo in basso a destra del programma. Lì vedrai il livello principale della nostra foto e piccolo lucchetto.

Questo blocco deve scomparire, ovvero il livello è sbloccato. Per fare questo, direttamente alla serratura fare un clic con il tasto sinistro del mouse. E la serratura è sparita!

Ora dobbiamo rimuovere lo sfondo. Per fare ciò, prendi una sorta di strumento di selezione, ad esempio, bacchetta magica.

Fare clic sullo strumento sullo sfondo della foto, selezionando così l'oggetto che non ci serve.

Apparve una linea tratteggiata (formiche che corrono). Tutto quello che devi fare è premere il tasto CANC sulla tastiera e lo sfondo verrà eliminato. Guarda come è andata a finire:

Super! Ora deselezionalo premendo la scorciatoia da tastiera CTR+D.

Bene, in generale, come crea uno sfondo trasparente in Photoshop L'abbiamo capito e ora non resta che salvare correttamente questa foto.

Per fare ciò, fare clic sul menu File – Salva per Web. O semplicemente usare ALT+MAIUSC+CTR+S.

Vedrai una finestra in cui dobbiamo selezionare il formato PNG-24 e solo dopo fare clic sul pulsante Salva.

Ora guarda cosa è successo e cosa è diventato:

Infine, vale la pena dire che in alcuni casi, quando si decide di creare uno sfondo trasparente in Photoshop su un'immagine, potrebbe essere necessario utilizzare altri strumenti di selezione, ad esempio Penna o lazo magnetico. Ho usato lo strumento bacchetta magica, poiché nella mia fotografia era facile separare la persona dallo sfondo. Se rimuovi lo sfondo da immagini complesse, dovrai lavorare un po' di più.

Per oggi è tutto, buona fortuna!

Dai un'occhiata al disegno in formato jpg, il noto personaggio dei cartoni animati Baby Mammut che ha perso la madre.. mi viene da piangere.. no, non perché il cucciolo di mammut non riesce a ritrovare sua madre (anche se anche per questo), ma perché lo sfondo blu fa male agli occhi terribilmente! Voglio solo rimuovere questo blu e riempire lo sfondo dell'immagine con un colore tale da fondersi con lo sfondo della pagina..

Penso che questo non sia un problema per te! Pensa solo ad aprirlo utilizzando lo stesso Photoshop e a riempire lo sfondo con il colore desiderato! ma cosa succede se lo sfondo principale della pagina è una sorta di trama complessa?

Un esempio in cui un'immagine è sovrapposta a una texture:

Aprire Photoshop e disegnare un'immagine con un cucciolo di mammut anziché uno sfondo blu? E poi provare ad abbinarli allo sfondo principale della pagina? Questa non è un'opzione!!!

Quindi lo riporto formati grafici gif E png- supporta la modalità trasparenza, consentendoti così di rendere invisibili all'occhio umano alcune aree del disegno, che è esattamente ciò di cui abbiamo bisogno!

Ora in ordine:

1. Apri l'immagine di cui vuoi rendere trasparente lo sfondo Adobe Photoshop.

2. Apri un segnalibro "Immagine" >> "Modalità" >> "Colori indicizzati".

3. Nella finestra di dialogo che appare "Colori indicizzati" metti un segno "Trasparenza" e premere "OK"

4. Utilizzando lo strumento di selezione "Bacchetta magica" E "Gomma per cancellare" Cancelliamo lo sfondo nel disegno, rendendo di fatto trasparenti le parti di cui abbiamo bisogno.

5. Bene, salviamo la nostra immagine nel formato gif.. segnalibro "File" >> "Salva per Web..." nella finestra che appare, indica (accetta) che l'immagine verrà salvata nel formato gif clic "Salva".. seleziona una cartella e scrivi il nome - spero che tu possa fare tutto questo..

L'intera immagine è stata creata con uno sfondo trasparente!!

Ora puoi incollarlo nuovamente nella nostra pagina, senza dimenticare di modificare l'estensione jpg SU gif .

gif" alt="Cucciolo di mammut"> !}

Molto spesso, durante la creazione di biglietti d'auguri o video, mi sono trovato di fronte alla domanda: come è possibile farlo? senza conoscenza Photoshop?

Chiunque abbia familiarità con Photoshop lo farà senza difficoltà. Ma non tutti hanno ancora studiato questo programma intelligente. Come possono essere? Non c'è davvero alcuna via d'uscita?

Dopotutto, c'è sempre il desiderio di rendere le nostre presentazioni, congratulazioni e pagine le più attraenti e professionali. Ti ho già detto come utilizzare il programma per questi scopi. Ti aiuterà a realizzare le tue foto e potrai anche usarlo per realizzare la tua prima.

E ora ti svelo un altro segreto: oggi imparerai come rendere trasparente lo sfondo di un'immagine. Inoltre, lo farai in modo assolutamente gratuito e impiegherai solo 2 minuti del tuo tempo.

Andiamo al sodo.

Trova l'immagine che ti piace. Per cominciare, dovrebbe essere un'immagine su uno sfondo non multistrato, ad esempio su uno bianco. Vai alla pagina del servizio. Non è necessario sottoporsi a una noiosa procedura di registrazione. Basta fare clic sul collegamento al servizio online.

Davanti a te si aprirà la seguente finestra:

Premere " Carica un'immagine dal tuo computer". Seleziona l'immagine che hai preparato. Puoi inserirla in una cartella separata in immagini. O sul desktop, in modo da non cercarla a lungo. Fai clic una volta su questa immagine e premi " aprire".

L'immagine appare sulla pagina del server:

Ci sono 3 finestre che escono sulla destra e al centro di esse c'è un lucchetto. Cliccarci sopra 2 volte con il tasto sinistro del mouse. Questo aprirà la porta alla magia.

Sul lato sinistro vedi il pannello " Utensili", uno dei quali è quello" Bacchetta magica", che ora utilizzeremo. Fare clic su di esso una volta, quindi fare clic su qualsiasi spazio vuoto sullo sfondo dell'immagine selezionata. Intorno all'immagine apparirà una linea tratteggiata.

L'ultimo passo verso la trasformazione: premere il pulsante " Del" (elimina) sul tuo computer. Lo sfondo diventa un'area a scacchi. Se non tutto lo spazio intorno è coperto dall'area a scacchi, tocca nuovamente questo punto con la bacchetta magica e premi il pulsante "Canc"

Appare una finestra che ti chiede: "Salvare l'immagine prima di chiudere?" Fare clic su " SÌ".

Oggi ho deciso di allontanarmi un po’ dall’argomento della codifica e parlare un po’ del design. Sebbene il design svolga un ruolo significativo nella creazione di un sito web, non sono amico del disegno, della grafica e del design fin dall'infanzia. Pertanto, cerco immagini per i miei post, come molti blogger, da qualche parte su Internet, utilizzando banche fotografiche e archivi fotografici gratuiti.

E così, a volte ti imbatti in un'immagine molto adatta per il tuo post e tutto andrebbe bene... Ma lo sfondo dell'immagine non corrisponde allo sfondo del blog o del blocco con il testo. A quanto pare nessuno ha questo problema e nessuno ha lo sfondo bianco, che sarebbe adatto nella maggior parte dei casi. Ho bisogno Sfondo trasparente!

Non sono riuscito a trovare nessuna buona idea su Internet. come creare uno sfondo trasparente Per immagine finita, così ho iniziato a sperimentare anch'io e ho trovato una soluzione più o meno adatta!

Come creare uno sfondo trasparente per un'immagine

Facciamo un esempio una semplice immagine in formato .jpg (in genere il formato non è particolarmente importante):

C'è uno sfondo bianco qui di cui voglio sbarazzarmi e creare invece uno sfondo trasparente. Pixlr, una versione online di Photoshop, ci aiuterà in questo.

Caricamento della nostra immagine. A destra nella finestra “Livelli” apparirà il livello “Sfondo”, sul quale è presente un lucchetto (impedisce la cancellazione dello sfondo dell'immagine).

Facendo doppio clic con il tasto sinistro del mouse su questo lucchetto è possibile rimuovere il lucchetto dallo sfondo. Apparirà un segno di spunta al posto del lucchetto.

Ora prendi la bacchetta magica (barra degli strumenti, colonna di destra, secondo pulsante dall'alto), specifica i seguenti parametri: tolleranza = 21, caselle di controllo per livellamento e continuità(di solito tali parametri sono standard), sebbene sia possibile sperimentare con i parametri; e clicca sullo sfondo dell'immagine (nel nostro caso, sullo sfondo bianco).

Ora eliminiamo lo sfondo premendo il pulsante “Elimina” e otteniamo l'immagine di cui abbiamo bisogno con uno sfondo trasparente.