Casa / Servizio Online / Photoshop online con sfondo trasparente. Come creare uno sfondo trasparente su un'immagine. Il servizio LunaPic rimuove lo sfondo dell'immagine

Photoshop online con sfondo trasparente. Come creare uno sfondo trasparente su un'immagine. Il servizio LunaPic rimuove lo sfondo dell'immagine

Eseguire il file di installazione e seguire le istruzioni del programma. Una volta completata l'installazione, Photo Editor si aprirà automaticamente.

Carica l'immagine nel programma

Fare clic sul pulsante Apri il file, nella finestra che appare, trova la foto desiderata e clicca Aprire. Inoltre, l'immagine può essere semplicemente trascinata nella finestra del programma.

Rimuovi lo sfondo

Nella barra in alto, seleziona la scheda Sostituzione dello sfondo. Fare clic sul pulsante Selezione automatica, – il programma evidenzierà automaticamente le sagome delle persone nella foto.

Per selezionare qualsiasi oggetto manualmente, usa il pennello verde e seleziona l'oggetto che desideri trasferire su uno sfondo trasparente. Non è necessario prestare attenzione a ogni millimetro dell'immagine: eventuali difetti possono essere corretti dopo. Quindi, con un pennello rosso, segna l'area attorno all'oggetto desiderato. Fare clic sul pulsante Ulteriore.

Ora devi rifinire i bordi della parte ritagliata dell'immagine. Per regolare la selezione di grandi aree dell'immagine, selezionare l'appropriata pennello-maschera. Per rifinire il bordo dell'area selezionata, passaci sopra Evidenziazione dei capelli. Quando sei soddisfatto del risultato, passa al passaggio successivo.

Per impostazione predefinita, lo sfondo dell'immagine sarà trasparente. Se necessario, può essere sostituito. Per rendere lo sfondo a un colore, seleziona una delle opzioni già pronte (il programma offre sfondi neri, grigi e bianchi) o usa la tavolozza. Per mettere un'altra foto sullo sfondo, fare clic sul pulsante Aggiungi immagine e selezionare l'immagine desiderata. Quindi premere il pulsante Applicare.

Salva il risultato

Fare clic sul pulsante Salva. Per impostazione predefinita, il programma offre di salvare il file in JPEG. Questo formato non supporta la trasparenza, quindi è necessario sceglierne un altro. Apri una scheda Tipo di file e seleziona BMP, DPX, PNG, TGA o TIFF. Clic Salva. Il programma aprirà automaticamente la cartella con il file risultante.

Ora sai come salvare un'immagine con uno sfondo trasparente utilizzando Movavi Photo Editor. Ma il programma ha molte altre opzioni di modifica, come la rimozione di oggetti indesiderati dalle immagini, il ripristino di vecchie foto e l'applicazione di filtri alle foto. Sperimenta e ogni fotogramma sarà indimenticabile!

Ovviamente il formato JPEG non supporta la trasparenza, ma l'idea di utilizzare JPEG invece di PNG per trame trasparenti è in mente da molto tempo. Kamrad PaulZi non molto tempo fa ha suggerito di utilizzare il formato SVG per HTML, che memorizza l'immagine stessa e la maschera. Jim Studt suggerisce di utilizzare i campi EXIF ​​in JPEG e di archiviare le maschere lì e di visualizzarle su una pagina Web utilizzando Canvas.
Entrambi i metodi sono relativamente difficili da usare e sono progettati per il Web, quindi ho optato per l'opzione più semplice: archiviare separatamente il JPEG con perdita di dati per RGB e la maschera senza perdita di dati in PNG e combinarli nella fase di ottenimento di una UIImage nel programma . Ci tengo subito a dire che sto scrivendo su MonoTouch, quindi cito il codice in C#, anche se in ObjC si fa quasi esattamente lo stesso, tenendo conto della sintassi.

Separazione dei canali

Per il partizionamento, utilizzo le utilità della console di ImageMagik.
Questo comando separa il canale alfa:
converti file.png -channel Alpha -separate file.mask.png

Il comando seguente crea un file JPEG, eliminando i dati di trasparenza. Significativamente, alcune altre utilità (incluso Photoshop) durante la conversione di un file PNG in JPEG aggiungono un determinato sfondo a un colore e solo allora lo salvano in RGB, che dà un'immagine bella, ma errata con alfa pre-moltiplicato.
converti file.png -quality 90 -alpha off file.jpg

La qualità del file ricevuto è regolata dal parametro qualità 90. Il 90% della qualità per JPEG è superiore a quella che Apple mette per screenshot di programmi e film. Penso che tutti possano adattare questo valore ai propri gusti.

Ottimizzazione

La maschera è ottenuta come PNG in scala di grigi a 8 bit senza trasparenza. Questo formato si comprime molto bene. optando o attraverso il sito web www.tinypng.org.
Con JPEG la situazione è più interessante. Sarebbe possibile limitarsi solo a impostare la qualità, ma recentemente mi sono imbattuto in una meravigliosa utility jpegrescan di Loren Merritt, uno degli sviluppatori ffmpeg e codificatore x264 ( a sue spese si sospetta che sia un rappresentante di una mente aliena o di un cervello cibernetico).
L'utilità utilizza un approccio insolito: seleziona diversi coefficienti per la compressione progressiva e sceglie quelli più ottimali. Le vincite vanno dal 5 al 15% con identica qualità dell'immagine. L'utilità non ha una propria pagina, solo un argomento con una discussione e il codice perl stesso: pastebin.com/f78dbc4bc

Per non inserire i comandi manualmente ogni volta, ho scritto un semplice script bash:
#!/bin/bash basefile=$(1##*/) maskfile="$(basefile%.*).mask.png" jpegfile="$(basefile%.*).jpg" convert $1 -channel Alpha - separato $maskfile converti $1 -quality 90 -alpha off $jpegfile optipng $maskfile jpegrescan $jpegfile $jpegfile

Ecco l'output dello script:


Nel mio caso sono stati ottenuti due file da 380Kb e 35Kb da un file da 1,8Mb.

Incollaggio

L'incollaggio stesso è molto semplice: due immagini vengono caricate in una UIImage, quindi viene creata una CGImage basata su di esse utilizzando il metodo WithMask (in ObjC sono rispettivamente CGImageRef e initWithMask) e quindi avvolta in una nuova UIImage.
Risultato UIImage; using(UIImage uiimage = UIImage.FromFile(file)) using(UIImage mask = UIImage.FromFile(maskFile)) ( CGImage image = uiimage.CGImage; image = image.WithMask(mask.CGImage); result = UIImage.FromImage(image , uiimage.CurrentScale, uiimage.Orientation); )

In un progetto reale, l'ho reso un po' più complicato e controllo la presenza del file *.mask.png e, se manca, restituisco il solito UIImage.FromFile().

Profitto

Visivamente, il gioco non è cambiato in alcun modo. Il ritardo nel caricamento e nell'incollaggio delle trame non è evidente alla vista, motivo per cui non l'ho misurato. Il progetto stesso è diminuito di 6 (!!) megabyte, sia in formato .ipa, sia in iTunes e sul dispositivo.

Screenshot del gioco in PNG. Non sono visibili artefatti o problemi di compressione/trasparenza.
Un po' imbarazzante il doppio del numero di immagini nella cartella del progetto, ma puoi sopravvivere. Le modifiche al codice sono minime. Per la grafica dell'interfaccia, questo metodo non è l'ideale a causa della necessità di assegnare manualmente una UIImage e non di caricare da NIB / XIB, ma è abbastanza adatto per controlli o trame personalizzati. Anche se un JPEG viene salvato con una qualità del 100%, la dimensione dei file risultanti potrebbe essere inferiore al PNG senza perdita di dati originale.

PS ImageMagick e optipng vengono installati dalle porte (MacPorts/Fink/Brew) e hanno lo stesso nome. Lo script jpegrescan viene scaricato da

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:

Premere " 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 " Strumenti", 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?" Premere " ".

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.

La cosa principale è specificare un'immagine sul tuo computer o telefono, quindi fare clic sul pulsante OK in fondo a questa pagina. Per impostazione predefinita, lo sfondo semplice dell'immagine viene sostituito da uno trasparente. Il colore di sfondo dell'immagine originale viene determinato automaticamente, è sufficiente specificare nelle impostazioni con quale colore sostituirlo. Il parametro principale che influisce sulla qualità della sostituzione è l'"Intensità della sostituzione" e può essere diverso per ogni immagine.

Un esempio di foto di una rosa rosa senza modifiche e dopo aver sostituito lo sfondo pieno con trasparente, bianco e verde:


Primo esempio con un fiore di rosa su sfondo trasparente è realizzato con le seguenti impostazioni:
1) Intensità di sostituzione - 38;
2) Levigatura attorno ai bordi - 5;
3) Sostituire lo sfondo a tinta unita con uno trasparente;
4) Ritaglio (<0) или Добавление (>0) lungo i bordi - "-70";
5) Inverti - disabilitato (spunta non selezionata).

Per creare secondo esempio, con sfondo bianco, sono state utilizzate le stesse impostazioni del primo esempio, ad eccezione del parametro: "Sostituisci sfondo semplice con" - bianco. A terzo esempio, con sfondo verde, vengono utilizzate anche le impostazioni, come nel primo esempio, ad eccezione del parametro: "color in hex format" - #245a2d.

L'immagine originale non viene modificata in alcun modo. Ti verrà fornita un'altra immagine elaborata con uno sfondo trasparente o lo sfondo specificato.

1) Specificare un'immagine in formato BMP, GIF, JPEG, PNG, TIFF:

2) Impostazioni per la sostituzione di uno sfondo solido
Tasso di sostituzione: (1-100)

Smussare gli angoli: (0-100) Sostituisci lo sfondo semplice con: trasparente (solo PNG-24) rosso rosa viola blu turchese cielo verde lime giallo arancione nero grigio bianco o esadecimale colore: apri la tavolozza Ritaglia (<0) или Добавление (>0) ai bordi: (da -100 a 100)
(Intensità per un ulteriore ritaglio o aggiunta di pixel attorno a una selezione su uno sfondo trasparente) Inverti selezione (invece dello sfondo, sostituisci il primo piano)