In precedenza si diceva che tutti gli elementi grafici su una pagina web dovrebbero essere solo rettangolari. Ciò è dovuto al fatto che solo le immagini di questa forma possono essere salvate nei file. Pertanto, dopo aver preparato il layout del sito, dovrai "tagliarlo", cioè dividerlo in immagini separate, che verranno poi salvate in file e posizionate sul server.
È più conveniente tagliare in parti separate, non costituite da molti livelli, ma un'immagine "piatta" contenente un livello (nella maggior parte dei casi questo livello è lo sfondo).
Per "incollare" i livelli, dovresti usare i comandi speciali che si trovano nel menu della palette strati(Strati) e anche nel menu Strato(Strato). Questi comandi includono:
ATTENZIONE. Prima di unire i livelli ("colla"), crea una copia di backup del file. Altrimenti, salvando accidentalmente i cucchiai combinati, puoi perdere la possibilità di modificare ulteriormente gli elementi dell'immagine.
CONSIGLI.È possibile richiamare il menu della palette utilizzando il pulsante freccia situato nell'angolo in alto a destra del pannello.
Dopo aver ricevuto un'immagine "piatta", procedere all'affettatura. Allo stesso tempo, devi immaginare chiaramente la struttura della pagina futura, la forma e le dimensioni dei suoi elementi. Se intendi utilizzare uno sfondo disegnato (trama), è più conveniente prepararlo come file separato. Ciò renderà più facile mantenere lo sfondo utilizzabile su una pagina web.
Il modo più conveniente per selezionare gli elementi in Adobe PhotoShop è utilizzare lo strumento Tendone rettangolare(Selezione rettangolare). Con il suo aiuto, puoi facilmente selezionare frammenti rettangolari di un'immagine e trasferirli (tramite gli appunti) in un nuovo file. Questo file può quindi essere salvato nel formato per esso ottimale, scegliendo le opzioni che forniscono la massima compressione.
CONSIGLI. Se stai creando un nuovo file e c'è già un'immagine negli appunti di Windows, al file verrà assegnata la dimensione di quell'immagine per impostazione predefinita.
È possibile preparare manualmente l'immagine per il salvataggio e regolare i parametri di compressione utilizzando vari comandi. Puoi anche usare il comando File> Salva per Web(File> Salva per Web). Ti consente di ottimizzare la compressione dei file osservando direttamente come le modifiche apportate influiscono sulla qualità dell'immagine e sulla sua dimensione su disco. Queste procedure saranno discusse più dettagliatamente nella prossima lezione.
Per facilitare la selezione dei vari elementi (nonché il loro posizionamento nel layout di pagina), è utile creare un livello separato nel file di layout e colorarlo, denotando così le aree dell'immagine. Un esempio di tale markup è mostrato in Fig. 7.12.
Riso. 7.12. Esempio di markup del layout
In futuro, potrai selezionare facilmente l'area desiderata, ad esempio utilizzando lo strumento bacchetta magica(Bacchetta magica). singoli file - strumento Coltello(Fetta). Con il suo aiuto, l'immagine viene "tagliata" in aree, che possono quindi essere salvate separatamente (usando il comando Salva per Web(Salva per Web)), utilizzando diverse impostazioni di compressione per ciascuno di essi. Con uno strumento Seleziona l'area(Slice Select) È possibile accedere all'area dopo averla creata. Ciò ti consentirà, ad esempio, di spostare un'area sulla tela.
Istruzioni
Se stai lavorando su una composizione a strati complessa, occuperà molto spazio su disco. Quando provi a inviare un file in formato .psd sulla rete, noterai che "mangerà" una discreta quantità di traffico e impiegherà molto tempo per caricarsi. Per ridurre le dimensioni del file dopo che il lavoro sull'immagine è stato completamente completato, è possibile raggruppare tutti i livelli in uno. Seleziona Livello e appiattisci immagine dal menu principale.
Ora passiamo ai metodi di fusione effettivi. Sul lato destro del menu Livelli, c'è una casella in cui vedi "normale" o "normale". Questa finestra contiene tutte le modalità di fusione dei livelli. Troveremo l'opzione desiderata per selezione. Va notato che la modalità "normale" è quella normale e non cambia nulla in questa modalità. In altre modalità, accadono molte cose interessanti. Prova tutte le modalità per vedere quale funziona meglio per la tua foto. Non dimenticare di regolare l'opacità e il riempimento del livello; a volte è necessario allentarli per ottenere l'effetto migliore.
Di recente, quando si elaborano fotografie e si creano nuove immagini fotografiche interessanti, è sempre più necessario rivolgersi al programma Adobe Photoshop. Quando si aprono fotografie e immagini diverse, è importante ricordare che ognuna di esse è un livello separato. Sovrapponendoli uno sopra l'altro, elaborandoli e modificandoli su un foglio aperto, ognuno crea la propria immagine unica. Per creare un'immagine completa dell'immagine, i livelli devono essere uniti.
Istruzioni
Video collegati
Nota
Va ricordato che quando si uniscono i livelli visibili, tutti quelli invisibili vengono rimossi e i luoghi trasparenti vengono riempiti di bianco. Una volta salvata tale immagine, non potrai più modificarla. Pertanto, si consiglia, per ogni evenienza, di salvare una copia dell'immagine prima di unire i livelli.
Il gran numero di livelli che si presentano nel processo di creazione di una composizione complessa in Adobe Photoshop è a volte un grosso ostacolo per il designer. Ciò porta ad una diminuzione della produttività del suo lavoro, perché è facile confondersi in essi. Inoltre, un gran numero di livelli aumenta le dimensioni del file, il che richiede risorse informatiche aggiuntive che, a volte, sono già gravemente carenti. Il salvataggio in situazioni di questo tipo è l'operazione di fondere insieme quegli strati della composizione, il cui lavoro è già stato completato.
Istruzioni
Prima di tutto, va ricordato che come la creazione di ogni nuovo livello espande le possibilità di lavorare con l'immagine, così la distruzione e la fusione di più livelli ti privano irrevocabilmente di alcune possibilità: modifica indipendente di frammenti o singoli parametri di ogni livello ora diventa impossibile. Pertanto, ogni volta che esegue tale operazione, il progettista deve essere sicuro al 100% che ciascuno dei livelli uniti sia finito, e in futuro non dovrà perdere tempo per ri-dividere o ri-renderizzare i livelli uniti, anche se a volte tecnicamente è già impossibile da realizzare in alcun modo.
Tuttavia, se l'operazione deve ancora essere eseguita, il programma Photoshop fornisce diversi modi per implementarla. Le differenze tra questi metodi risiedono principalmente nel modo in cui è possibile selezionare i livelli da unire Nella forma più generale, l'operazione viene eseguita come segue: nell'elenco dei livelli sono evidenziate due o più righe con i nomi dei livelli . Per la selezione, vengono utilizzati gli standard, accettati nella maggior parte delle interfacce, i tasti Ctrl - per aggiungere o rimuovere singoli livelli dalla selezione, o Maiusc - per selezionare un insieme di elementi quando si punta al primo e all'ultimo della loro riga. Dopo aver selezionato più righe con livelli, tramite il menu contestuale (viene richiamato facendo clic con il tasto destro del mouse) o tramite il menu principale Livelli, selezionare il comando Unisci livelli. Di conseguenza, invece di diversi livelli, quelli che sono stati contrassegnati nell'elenco, ne apparirà uno: il prodotto della fusione di quelli originali.
Puoi deliberatamente non selezionare nell'elenco dei livelli, ma unire direttamente ciò che è ora nell'area di lavoro della composizione. Cioè, se alcuni livelli nella composizione sono disattivati (l'icona con un'immagine simbolica di un occhio di fronte a questi livelli è disattivata, ovvero non sono visibili al momento), dopo l'operazione di unione rimarranno intatti, ognuno continuerà a rimanere al suo posto nell'elenco dei livelli. A volte questo è conveniente perché il designer ha una conferma visiva di quali strati verranno ora uniti, esattamente quelli che si trovano direttamente davanti ai suoi occhi. In questo caso, uno qualsiasi di questi livelli può essere selezionato nell'elenco dei livelli e può essere applicato un comando adiacente dallo stesso menu - Unisci visibili.
Se i livelli sono stati raccolti in un gruppo, in questo caso il programma Photoshop ha una comoda funzione: puoi convertire l'intero gruppo in un singolo livello. Pertanto, tutti i livelli all'interno della cartella del gruppo verranno uniti senza ulteriori manipolazioni: selezionare il gruppo richiesto nell'elenco dei livelli e utilizzare il comando Unisci gruppo dal menu contestuale. Il gruppo scompare e al suo posto appare un nuovo livello nell'elenco dei livelli contenente il contenuto unito del gruppo precedente.
Esiste anche il modo più radicale per unire i livelli in Photoshop: questo è il comando Appiattisci immagine. L'uso di questo comando, francamente, è raramente giustificato. Distrugge esplicitamente tutte le fasi tecniche del lavoro su un'immagine: livelli, maschere, parametri di trasparenza, ecc. Perché un designer dovrebbe distruggere tutti i suoi sviluppi tecnici, su cui sono state spese ore di lavoro con un'immagine specifica, rimane un mistero. A meno che il compito non fosse molto semplice, le operazioni erano elementari e, infatti, non venivano eseguite costruzioni tecniche. In tutti gli altri casi, l'operazione Flatten Image è, francamente, mostruosa. Per qualche ragione, molti designer alle prime armi credono che sia assolutamente necessario per salvare il file finale con una singola immagine senza livelli, ma si sbagliano. Il programma Photoshop ha un comando Salva con nome, quando selezionato, l'utente ha un'opzione di impostazione aggiuntiva, in cui è possibile specificare se salvare o meno le informazioni sui livelli in un file. Pertanto, è facile come sgusciare le pere salvare un file "leggero" destinato allo scambio con un cliente o al trasferimento in rete (di solito un file JPEG), senza eseguire alcuna fusione speciale dei livelli della composizione originale. Il file con tutti i livelli e le impostazioni nel formato Photoshop "nativo" (PSD) deve essere salvato separatamente, perché, come dimostra l'esperienza, prima o poi devi tornare a modificare un'immagine, soprattutto quando si tratta di una composizione complessa , anche dopo come il cliente è stato soddisfatto e il lavoro è ufficialmente accettato. La cosa più offensiva in tali situazioni è che il designer paga con il suo tempo costoso la propria arroganza: se non avesse fatto clic sulla famigerata immagine appiattita, e una nuova correzione richiederebbe solo pochi minuti, dopo aver unito tutti i livelli, avrebbe dovuto fare di nuovo il duro lavoro, contare da zero.
Video collegati
Mentre si lavora in Photoshop, è possibile accumulare un numero molto elevato di livelli. Alcuni di loro sono già completamente elaborati e creano solo massa, interferendo con il lavoro. Devi eliminare gli strati extra. Ma come, dopotutto, non è possibile eliminarli? Ma puoi combinarli o mescolarli.
Avrai bisogno
- Photoshop, immagine, suddivisa in strati.
Istruzioni
Nell'illustrazione puoi vedere che è suddiviso in strati che non sono uniti tra loro. Tutti loro sono nominati in base agli elementi che sono raffigurati su di essi. Ciascuno dei livelli può essere regolato e spostato indipendentemente dagli altri. Quelli. mano destra, ad esempio, puoi in un altro posto, ridisegnarlo, aggiungere un effetto, ricolorare. E tutto ciò non influenzerà in alcun modo altre parti del corpo della nostra "ragazza".
Ma se hai già finito tutte le parti della testa alla perfezione, non ha senso tenerle su livelli separati. Uniamo i livelli di cui abbiamo bisogno. Sistema tutti i pezzi al loro posto. Tieni premuto il tasto Ctrl e seleziona tutti i livelli che devi combinare (nel nostro caso, questi sono la bocca, gli occhi e la testa). Ora fai clic su uno di essi con il tasto destro del mouse. Apparirà un menu, in cui in fondo è necessario selezionare la voce "Unisci livelli". Ora la testa e tutto ciò che ad essa è collegato si sono uniti e sono diventati un elemento. Rinomina questo livello e chiamalo "testa". Questo è il primo modo per combinare i livelli.
Ora puoi andare dall'altra parte. Questa volta, devi combinare un prendisole, braccia e gambe, ad es. creare un busto. Disattiva i livelli "testa" e "sfondo" rimuovendo l'occhio dalla finestra accanto al livello. Fare clic con il tasto destro del mouse su uno dei livelli visibili e selezionare la voce di menu "Unisci visibile". Quei livelli che non sono stati disabilitati si fonderanno in uno. Chiama questo livello "torso".
L'ultimo metodo rimane, si chiama "Mixing". Viene utilizzato come ultimo passaggio per lavorare con un'immagine. Rollup riunisce tutti i livelli in un documento e li blocca. Attiva i livelli "testa" e "sfondo". Fai clic con il pulsante destro del mouse su qualsiasi livello e scegli Appiattisci dal menu che appare. Tutte le parti dell'immagine sono ora collegate. Questo per ridurre il peso del file psd.
Consigli utili
Non unire i livelli se esiste la possibilità che potresti averne bisogno separatamente.
Con l'aiuto dell'editor grafico Adobe Photoshop, puoi creare gli effetti visivi più incredibili e modificare foto e immagini familiari oltre il riconoscimento. In particolare, in Photoshop, puoi sovrapporre un'immagine a un'altra, a seguito della quale puoi ottenere effetti insoliti e originali sull'immagine. La fusione di due immagini una sopra l'altra utilizzando diverse opzioni di opacità e fusione può essere eseguita in breve tempo.
Istruzioni
Se è necessario unire livelli non adiacenti, selezionarli prima tutti: fare clic e fare clic tenendo premuto il tasto CTRL. Quindi fare clic con il pulsante destro del mouse su uno dei livelli selezionati. Nel menu contestuale, seleziona il comando Unisci livelli. Premendo i tasti di scelta rapida CTRL + E eseguirà la stessa operazione.
Per mantenere un solo livello nel documento, inclusi tutti quelli visibili, fare clic con il pulsante destro del mouse su qualsiasi livello tranne il livello di testo. Seleziona la riga "Arrotola" nel menu di scelta rapida. Se il documento contiene livelli invisibili, l'editor chiederà conferma - mostrerà una finestra di dialogo con la domanda "Elimina livelli nascosti?". Fai clic su "Sì" e tutti i livelli visibili del documento verranno uniti in uno e quelli invisibili verranno distrutti.
Puoi collegare i livelli senza unirli in uno solo. Dopo tale operazione, qualsiasi azione con uno qualsiasi dei livelli del bundle verrà trasmessa a tutti gli altri. Per collegare i livelli in questo modo, selezionane uno e fai clic con il pulsante sinistro del mouse sugli altri a destra della miniatura del livello: in questo punto verrà visualizzata un'icona di diversi collegamenti a catena. Puoi farlo in modo diverso: seleziona tutti i livelli di cui hai bisogno facendo clic su di essi con il mouse mentre tieni premuto il tasto CTRL, quindi fai clic sull'icona più a sinistra ("Collega livelli") nella riga sul bordo inferiore della tavolozza dei livelli - mostra le maglie della catena.
Video collegati
Chi ha familiarità con la suite di software Adobe Photoshop sa in prima persona che per creare opere d'arte davvero interessanti, è necessario essere in grado di gestire i livelli di immagine. Ora ci concentreremo sull'operazione di fusione dei livelli.
Istruzioni
Inizia semplice. Per imparare a lavorare con i livelli, non provare a elaborarne un numero elevato contemporaneamente: questo può facilmente confondersi e perdere interesse. Per l'entry level, sarà sufficiente considerare i principi di lavoro sulla base di due o tre livelli. Con un aumento del loro numero, non cambieranno.
Usa gli stessi valori di larghezza e altezza per le immagini elaborate. Ad esempio, usa immagini di 600 pixel di dimensione e 800 di lunghezza. Pertanto, si sovrapporranno completamente, senza spazi vuoti e sovrapposizioni inutili.
Crea un nuovo file dal menu di Adobe Photoshop scegliendo File - Nuovo. Nella finestra che appare, imposta la dimensione dell'immagine e fai clic sul pulsante "Ok".
Nella colonna di sinistra degli strumenti, specifica i colori in base ai quali funzionerà il filtro "Nuvole". Un esempio è mostrato in figura.
Utilizzare le voci di menu "Filtro" - "Rendering" - "Nuvole". Se la versione iniziale non ti soddisfa, puoi premere la combinazione Ctrl + F più volte fino a ottenere il risultato desiderato. Di conseguenza, dovresti ottenere qualcosa di simile a quello mostrato nell'immagine.
Carica qualsiasi immagine già pronta selezionando voci di menu come "File" - "Apri" selezionando l'immagine desiderata. Di conseguenza, entrambe le immagini dovrebbero essere aperte nella finestra del programma.
Seleziona la finestra con la prima immagine (nuvole) e fai clic destro su di essa. Nel menu che appare, usa la voce "Duplica livello", creando così una copia di questa immagine come livello. Quindi nella barra degli strumenti a destra troverai un nuovo livello "Copia di sfondo".
Premi il tasto "V", attivando lo strumento per spostare i livelli (sembra un cursore nero sulla barra degli strumenti di sinistra). Quindi, passa il mouse su un nuovo livello situato sulla barra degli strumenti di destra. Questo cambierà il cursore del mouse in una rappresentazione schematica di una mano.
Trascina il livello sull'immagine aperta in modo che le "nuvole" coprano completamente l'immagine originale.
Utilizzare la voce di menu "Livelli" (barra degli strumenti in basso a destra), richiamando l'elenco a discesa di tutte le possibili opzioni per mescolare i livelli.
Guarda cosa ottieni. Nella variante fornita, è stata utilizzata un'opzione di fusione come "Sovrapposizione".
Se un elemento del progetto, ad esempio un'iscrizione ben progettata, grazie ai tuoi sforzi, ha preso la forma desiderata, puoi combinare i componenti di questo elemento (strati) in un unico insieme. Adobe Photoshop ha gli strumenti necessari per farlo.
Istruzioni
Apri il programma e crea un nuovo documento al suo interno: fai clic sulla voce di menu File (nella versione russa "File")> Nuovo ("Nuovo") o usa i tasti di scelta rapida Ctrl + N. Nella finestra che appare, nei campi Altezza e Larghezza, specificare, ad esempio, 500 ciascuno, nel campo Contenuto sfondo, impostare Trasparente e fare clic su OK. Apparirà una nuova finestra di progetto nell'area di lavoro del programma.
Abbiamo considerato le caratteristiche principali del formato PNG, ora le utilizzeremo per ottimizzare le immagini.
Iniziamo con il modo più semplice: posterizzare un'immagine. In un linguaggio complicato, la posterizzazione è un cambiamento nel numero di livelli di luminosità in ciascun canale di colore di un'immagine, in termini semplici: un cambiamento nel numero di colori.
Apri l'immagine di prova (PNG, 12 KB) in Photoshop e chiama Immagine → Regolazioni → Posterizza. Sposta il cursore per vedere come cambia l'immagine:
| 15 livelli (3014 byte) |
|
È facile vedere che più basso è il livello, meno colori nell'immagine e più grandi sono le aree monocromatiche. E meno l'immagine pesa perché le grandi aree monocromatiche sono meglio filtrate e impacchettate. Questo metodo è particolarmente efficace su immagini fotografiche in cui le aree posterizzate non sono molto evidenti.
|
|
|
Il metodo successivo è un po' più complicato, viene utilizzato nelle immagini con aree semitrasparenti. La sua essenza è la seguente: tutti i pixel opachi vengono salvati in un file PNG-8 e quelli semitrasparenti in un altro. Puoi vedere questo metodo in azione nell'articolo di Volodya Tokmakov, ti mostrerò solo come separare rapidamente i pixel traslucidi da quelli opachi.
Prendiamo questa immagine (PNG, 62KB) come esempio:
Lo apriamo in Photoshop. Va ricordato che l'intera immagine condivisa deve essere in un livello, quindi se l'immagine è composta da più livelli (ombre, riflessi, luci, ecc.), Devono prima essere combinati in un unico livello.
Innanzitutto, devi selezionare un oggetto in un livello, per questo facciamo Ctrl-clic (o ⌘-clic su un Mac) sull'immagine nella palette Livelli:
Vai alla palette Canali e crea un nuovo canale dalla selezione facendo clic sull'icona corrispondente:
Deseleziona (Ctrl-D o ⌘-D), seleziona il canale appena creato e chiama il comando Soglia (Immagine → Regolazioni → Soglia). Trascina il cursore nella posizione all'estrema destra:
Abbiamo una maschera per selezionare pixel completamente opachi. Resta da caricare la selezione (Ctrl-clic / ⌘-clic sull'immagine del canale Alpha 1), vai alla palette Livelli, seleziona il livello con l'immagine ed esegui il comando Livello → Nuovo → Livello tramite Taglia. Ne sono usciti due livelli: uno con pixel opachi, l'altro con pixel semitrasparenti.
Lo svantaggio di questo metodo è che il risultato sono 2 immagini che non sono sempre comode da usare (ad esempio, quando si crea un catalogo prodotti). Nel prossimo articolo considererò un metodo di ottimizzazione piuttosto complesso e non così universale, ma il suo vantaggio è che l'output sarà solo un file.
Quando si lavora su un'immagine utilizzando Photoshop, sarà necessario creare almeno due livelli. Più complesso è il disegno, più strati ci saranno. Per facilitare l'elaborazione, i livelli possono essere uniti e separati. Adobe Photoshop offre diversi modi per farlo.
