Quando lavori alla progettazione di siti Web, devi spesso fare i conti con il fatto che l'immagine trovata, che si adatta idealmente al tuo sito, ha uno sfondo diverso che vorresti rimuovere.
E così, apriamo la nostra immagine in Photoshop.
1.
La prima cosa da fare è creare uno spazio di lavoro per l'immagine con uno sfondo trasparente. Per questo:
- nella finestra dei livelli, fai doppio clic sul nostro livello (con un lucchetto)
- Fai clic su OK nella finestra che si apre.
Il lucchetto deve scomparire
Se lo sfondo è semplice:
Seleziona lo strumento " bacchetta magica” è uno strumento molto flessibile per selezionare l'area desiderata. Il nostro compito è selezionare l'intero sfondo, ad eccezione dell'immagine. Per fare ciò, regolare le impostazioni della bacchetta magica (parametro tolleranza) fino ad ottenere il risultato desiderato. Usiamo anche il tasto Maiusc per selezionare un'area oltre a quella già selezionata. Premere Canc e l'area selezionata viene eliminata.
Se lo sfondo è multicolore:
Usiamo lo strumento Selezione rapida". Qui il nostro compito non è quello di evidenziare lo sfondo, ma l'oggetto stesso, che dovrebbe rimanere. Premere fino a evidenziare l'area desiderata. Se l'eccesso è evidenziato, tieni premuto Alt e meno l'area. È possibile visualizzare il risultato con il tasto Q.
Quando la selezione è pronta, copiala con Ctrl+C. Crea un nuovo documento con uno sfondo trasparente (Ctrl + N) e incolla lì l'oggetto Ctrl + V.
3 . Se nell'immagine è rimasto qualcosa di superfluo, usa lo strumento " Gomma per cancellare“, sovrascrivi semplicemente lo sfondo extra.
4 . Salva l'immagine per il Web (Alt + Maiusc + Ctrl + S) seleziona il formato GIF o PNG (in altri, il nostro sfondo trasparente diventerà bianco).
Video utile sull'argomento:
A volte è necessario caricare un'immagine che contenga elementi trasparenti, attraverso i quali verrà mostrato lo sfondo originale. In questi casi, sarebbe conveniente caricare immagini PNG in quanto sono in grado di preservare la trasparenza.
In questo articolo lo diremo come fare la trasparenza in Photoshop.
Creazione file
Il primo passo è creare un file. Per fare ciò, apri Adobe Photoshop e vai al menu File ( file) nella parte superiore della pagina, seleziona "Crea" ( Nuovo).
Quindi, nella finestra Nuovo documento che appare ( Nuovo documento) crea un file delle dimensioni corrette e assicurati che la risoluzione del documento sia di 72 pixel per pollice ( perché il file è destinato all'uso sul Web). E anche che hai scelto il valore "Trasparente" ( Trasparente) nell'elenco a discesa Contenuto in background ( contenuto di sfondo).
*Prima di creare un PNG con trasparenza in Photoshop, dobbiamo 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 3000px, altezza 1730px, che sono le dimensioni consigliate per il 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 sullo sfondo:
Una volta completata la creazione e pronti per salvare l'immagine trasparente, a seconda della versione di Photoshop in uso, nel menu File ( file) puoi utilizzare una delle possibili opzioni:
Versioni di Photoshop precedenti a CC 2015:
Ora lo diremo come rendere trasparente un'immagine in Photoshop, uscito prima di CC 2015 . Queste versioni utilizzano il metodo Salva per Web ( Salva per Web e dispositivi) per salvare e ottimizzare le immagini PNG da utilizzare sul web. Per utilizzare questo metodo, vai semplicemente al menu File ( file), e poi - "Salva per Web" ( Salva per Web e dispositivi):
Quindi, nella finestra che appare, seleziona PNG-24 dal menu a tendina dei possibili valori, quindi assicurati che le opzioni "Trasparenza" siano selezionate ( Trasparenza) E " Converti in sRGB» ( Converti in sRGB). Ciò conferma che l'immagine conterrà uno 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 popolati automaticamente con i valori specificati al momento della creazione del file. Ma se vuoi ridimensionare il file prima di salvarlo, puoi farlo ora.
Photoshop versione CC 2015:
Prima, come rendere le foto trasparenti in Photoshop, devi sapere che dalla versione CC 2015 l'opzione "Salva per Web" ( Salva per Web e dispositivi) nel menu File ( file) è contrassegnato come Legacy. E sostituita da una nuova opzione "Esporta" ( Esportare), che offre funzionalità identiche con un salvataggio più rapido in un file di dimensioni inferiori e una qualità migliore. 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 ( Salva per Web e dispositivi) in Photoshop CC 2015 ed è disponibile tramite File > Esporta ( File > Esporta) o quando si utilizza 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 tendina Formato ( Formato) e assicurati che le opzioni "Trasparenza" siano selezionate ( Trasparenza) E " Converti in sRGB» ( Converti in sRGB).
Molto spesso, durante la creazione di biglietti di auguri o video, mi sono imbattuto nella domanda: come posso farlo senza conoscenza photoshop?
Coloro che hanno familiarità con Photoshop lo faranno senza difficoltà. Ma non tutti hanno ancora imparato questo programma intelligente. Come possono essere? Davvero non c'è via d'uscita?
Dopotutto, c'è sempre il desiderio di rendere le nostre presentazioni, congratulazioni, pagine le più attraenti e professionali. Ti ho già detto come utilizzare il programma per questo scopo. Ti aiuterà a realizzare le tue foto e puoi persino creare la tua prima.
E ora ti svelerò un altro segreto: oggi imparerai come rendere trasparente lo sfondo dell'immagine. E lo farai in modo assolutamente gratuito e trascorrerai solo 2 minuti del tuo tempo.
Andiamo al sodo.
Trova l'immagine che ti piace. Per cominciare, dovrebbe essere un'immagine su uno sfondo senza livelli, ad esempio su uno bianco. Andiamo alla pagina del servizio. Non è necessario passare attraverso una noiosa procedura di registrazione. Basta fare clic sul collegamento del servizio online.
Di fronte a te si aprirà la seguente finestra:
Stampa " Carica immagine dal computer". Seleziona l'immagine che hai preparato. Puoi inserirla in una cartella separata nelle immagini. Oppure sul desktop, in modo da non cercare a lungo. Fare clic una volta su questa immagine e fare clic su " aprire".
L'immagine appare sulla pagina del server:
Sulla destra ci sono 3 finestre e al centro di esse è disegnato un lucchetto. Cliccaci sopra 2 volte con il tasto sinistro del mouse. Questo aprirà le porte alla magia. 
Sul lato sinistro vedi il pannello " Utensili", uno dei quali è quello " Bacchetta magica" che ora useremo. Fare clic su di esso una volta, quindi fare clic su qualsiasi spazio vuoto sullo sfondo dell'immagine scelta. Intorno all'immagine viene visualizzata una linea tratteggiata.
L'ultimo passo sul percorso di trasformazione: premere il pulsante " Del" (cancella) sul tuo computer. Lo sfondo diventa una cella. Se non tutto lo spazio intorno è coperto da una cella, tocca di nuovo questo punto con una bacchetta magica e premi il pulsante "Canc"
Viene visualizzata una finestra in cui ti viene chiesto: "Vuoi salvare l'immagine prima di chiudere?" Stampa " sì".
Oggi ho deciso di allontanarmi un po' dall'argomento del coding e di raccontare un po' del design. Sebbene il design svolga un ruolo importante nella creazione di un sito, non sono stato amico del disegno, della grafica e del design sin dall'infanzia. Pertanto, sto cercando immagini per i miei post, come molti blogger, da qualche parte su Internet, utilizzando banche fotografiche e stock fotografici gratuiti.
E così, a volte si imbatte in un'immagine molto adatta per il tuo post e tutto andrebbe bene ... Ma lo sfondo dell'immagine non si adatta allo sfondo di un blog o di un blocco con testo. Ovviamente, nessuno di me ha un problema del genere e nessuno dei miei sfondi è bianco, il che sarebbe adatto nella maggior parte dei casi. ho bisogno Sfondo trasparente!
Non ho trovato buone idee su internet. come fare uno sfondo trasparente per la foto finita, così ho iniziato a sperimentare io stesso e ho trovato una soluzione più o meno adatta!
Come creare uno sfondo trasparente per un'immagine
Prendiamo come esempio una semplice immagine in formato .jpg (in genere il formato non è particolarmente importante):
C'è uno sfondo bianco qui che voglio eliminare e creare invece uno sfondo trasparente. Pixlr, una somiglianza 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 (non consente di rimuovere lo sfondo dell'immagine).
Facendo doppio clic con il tasto sinistro del mouse su questo lucchetto, puoi rimuovere il lucchetto dallo sfondo. Al posto del lucchetto apparirà un segno di spunta.
Ora prendiamo la bacchetta magica (barra degli strumenti, colonna di destra, secondo pulsante dall'alto), specifichiamo i seguenti parametri: tolleranza = 21, i tick sono su anti-alias e continuità(di solito tali parametri sono standard), sebbene tu possa sperimentare con i parametri; e cliccare sullo sfondo dell'immagine (nel nostro caso, su sfondo bianco).
Ora eliminiamo lo sfondo premendo il pulsante "Elimina" e otteniamo l'immagine di cui abbiamo bisogno con uno sfondo trasparente.
Se hai bisogno di modificare un file PNG, molti hanno fretta di scaricare Photoshop, che non solo è distribuito a pagamento, ma è anche piuttosto impegnativo in termini di risorse del computer. Non tutti i vecchi PC sono in grado di funzionare con questa applicazione. In questi casi, vengono in soccorso vari editor online, che consentono di ridimensionare, ridimensionare, comprimere ed eseguire numerose altre operazioni con i file.
Oggi esamineremo i siti più funzionali e stabili che ti consentono di lavorare con immagini PNG. I vantaggi di tali servizi online includono il fatto che non richiedono le risorse del tuo computer, poiché tutte le manipolazioni dei file vengono eseguite utilizzando tecnologie cloud.
Gli editor online non devono essere installati su un PC: ciò riduce notevolmente la probabilità di contrarre un virus.
Metodo 1: editor di immagini online
Il servizio più funzionale e stabile che non infastidisce gli utenti con pubblicità invadente. Adatto a qualsiasi manipolazione con immagini PNG, assolutamente poco impegnativo per le risorse del tuo computer, può essere eseguito su dispositivi mobili.
Gli svantaggi del servizio includono la mancanza della lingua russa, tuttavia, con un uso prolungato, questo inconveniente diventa appena percettibile.
Il sito non richiede registrazione, è facile occuparsi del servizio, anche se non si conosce l'inglese. Non aver paura di sperimentare, se qualcosa va storto, puoi sempre annullarlo con un solo clic.
Metodo 2: Photoshop in linea
Gli sviluppatori posizionano il loro servizio come Photoshop online. La funzionalità dell'editor è molto simile all'applicazione di fama mondiale, supporta il lavoro con immagini in diversi formati, incluso PNG. Se hai mai lavorato con Photoshop, non sarà difficile comprendere le funzionalità della risorsa.
L'unico, ma abbastanza significativo inconveniente del sito sono i continui blocchi, soprattutto se si lavora con immagini di grandi dimensioni.
Quando si eseguono semplici manipolazioni, lavorare con il servizio è comodo e confortevole. Se è necessario elaborare un file di grandi dimensioni, è consigliabile scaricare e installare un software speciale sul PC, oppure avere pazienza e prepararsi ai continui blocchi del sito.
Metodo 3: Fotografo
Un sito conveniente, funzionale e soprattutto gratuito per lavorare con le immagini in formato PNG Fotor ti consente di ritagliare, ruotare, aggiungere effetti e utilizzare altri strumenti. La funzionalità della risorsa è stata testata su file di dimensioni diverse e non sono stati riscontrati problemi. Il sito è tradotto in russo, nelle impostazioni è possibile selezionare una lingua diversa per l'interfaccia dell'editor, se necessario.
L'accesso a funzionalità aggiuntive viene fornito agli utenti solo dopo l'acquisto di un account PRO.
Fotor è un potente strumento per lavorare con PNG: oltre a un insieme di funzioni di base, contiene molti effetti aggiuntivi che soddisferanno anche l'utente più esigente.
Gli editor di foto online sono facili da usare, non richiedono installazione su un computer, grazie al quale è possibile accedervi anche da un dispositivo mobile. Quale editor utilizzare dipende da te.
