Achtergrondlaag. Normale lagen en de achtergrondlaag

Laten we eens kijken naar het concept van lagen, de achtergrondlaag. Lagen maken. Transformatie van lagen. Laagsloten. Dekking en vulling.

Het belangrijkste werk tijdens het bewerken en selectieve beeldcorrectie is het creëren van geselecteerde gebieden. Omdat in rasterafbeeldingen de objecten erop op geen enkele manier geïsoleerd zijn, is deze fase noodzakelijk, hoewel deze de meest complexe is. Geselecteerde gebieden kunnen worden opgeslagen als maskers in alfakanalen (hierover later meer). Het opslaan van objectgrenzen als maskers ziet er niet erg natuurlijk uit. Een object (een fragment van een afbeelding) wordt op de ene plaats opgeslagen en de grenzen ervan worden op een andere plaats opgeslagen.

Vanaf versie 3.0 biedt Photoshop een flexibele en handige manier om objecten in lagen op te slaan. Als we naar analogieën kijken, lijken de lagen op transparante films die in een stapel zijn gevouwen. Op elke film is één object getekend en de rest is leeg (transparant). Als je zo'n stapel van bovenaf bekijkt, zie je het resultaat van een overlay van objecten die op de films zijn afgebeeld.

Elke afbeelding in Photoshop heeft minimaal één laag. Het zijn deze enkellaagse afbeeldingen waar je tot nu toe mee te maken hebt gehad. Enkellaagse afbeeldingen worden verkregen door bestanden in de overgrote meerderheid van grafische formaten te scannen en te openen.

De enige laag met de meeste afbeeldingen wordt aangeroepen achtergrond en verschilt van andere lagen. Het belangrijkste verschil is dat de achtergrondlaag geen transparante gebieden kan hebben. Als we de lagen vergelijken transparante films, dan lijkt de achtergrondlaag meer op een vel papier. Achtergrondlaag bevindt zich altijd onder andere lagen en dient als achtergrond voor objecten die erop worden geplaatst.

Open het pepperts.jpg-document vanuit de map Sample (in uw Photoshop-map). Laten we nu, met deze laag als voorbeeld, eens kijken naar het Lagenpalet, dat verantwoordelijk is voor het werken met lagen. Als je het niet op het scherm hebt, download het dan met de opdracht Venster|Lagen.

Het Lagenpalet bevat een lijst met lagen, transparantie-instellingen, een reeks opdrachten die een aantal acties verbieden, en een reeks opdrachten die lagen besturen.

Lagen maken.

Deze handeling is essentieel bij het werken met lagen. Er zijn verschillende manieren om een ​​nieuwe laag te maken. Het aanmaken van een “lege” laag kan op twee manieren: via het menu Lagen|Nieuw|Laag...(combinatie Shift+Ctrl+N) of door op het laagcontrolegroeppictogram in het Lagenpalet te klikken. Als u met de eerste methode een nieuwe laag maakt, verschijnt het volgende dialoogvenster voor uw ogen:

Elke laag kan bij zijn eigen naam worden genoemd. Dit helpt om het in een aantal lagen te vinden. Als je meerdere lagen hebt die een soort verbinding hebben (absoluut de jouwe - associatief), dan kun je de tint van de lagenlijn in het Lagenpalet met een bepaalde kleur instellen. Dan weet je zeker dat de lijnen die je met dezelfde kleur hebt ingekleurd een bepaalde logische samenhang hebben. U kunt deze sleutelkleur in het veld selecteren Kleur. U weet al wat het overvloeialgoritme en de dekking zijn uit het voorbeeld van penselen. Tot nu toe blijft alleen de vlag onduidelijk Groeperen met vorige laag(groeperen met de vorige laag), maar dit is pas totdat we het concept van het groeperen van lagen hebben overwogen.

Door deze actie uit te voeren, hebt u een volledig lege laag gemaakt. Er kunnen transparante plaatsen op de laag voorkomen; dit zijn plaatsen waar geen afbeelding aanwezig is. In ons geval is de laag volledig transparant omdat deze nieuw is en niets bevat.

Laten we nu proberen op een nieuwe laag te tekenen. Houd rekening met de volgende regel:
alle acties die u uitvoert, hebben alleen betrekking op de actieve laag;
Wat u zojuist hebt getekend, is alleen van toepassing op de actieve laag. De actieve laag is gemakkelijk te onderscheiden door de “blauwe markering” van de lijn in het Lagenpalet en door het pictogram met een penseel links van de lijn in het Lagenpalet. Om een ​​laag actief te maken, hoeft u alleen maar op de lijn in het Lagenpalet te klikken.

Laten we er nu voor zorgen dat onze tekening op onze laag wordt toegepast. Links van de lagenlijn in het Lagenpalet bevindt zich, naast het pictogram 'activiteit', een pictogramknop waarmee u de laagweergave kunt in- of uitschakelen. Laten we de weergave van onze nieuwe laag uitschakelen - als je geïmproviseerde tekening verdwijnt, heb je alles goed gedaan. Als het andersom is, heb je hoogstwaarschijnlijk op de verkeerde laag getekend. Er is hier een kleine functie: Als de weergave (zichtbaarheid) van een laag is uitgeschakeld, kan er niets met de laag worden gedaan totdat u deze activeert met één klik op het pictogram waar vroeger het “oog” zat (het verdwijnt wanneer u de weergave van de laag uitschakelt). laag).

Heel vaak is het nodig om een ​​nieuwe laag te maken een exacte kopie oud, al bestaand. Dit resultaat kan ook op verschillende manieren worden bereikt. De eerste manier is het commando Laag dupliceren... Laagmenu. Dit weglatingsteken betekent dat de opdracht wordt gevolgd door een dialoogvenster waarin u de instellingen voor de kopie van de laag kunt opgeven.

Laten we nu eens kijken naar onze opties. Veld Als Hiermee kunt u de naam opgeven van het duplicaat dat wordt gemaakt. In de sectie Ontploffing kan worden gespecificeerd Waar De laag wordt gekopieerd (naar welk document). Als u meerdere documenten geopend heeft, in het vervolgkeuzemenu Document vindt u een volledige lijst documenten openen en bovendien het punt Nieuw. Als u een nieuw document wilt maken op basis van de gekopieerde laag, dan is dit precies wat u nodig heeft. Het onderstaande veld is geactiveerd Naam, waarin u de naam van het aan te maken document moet invoeren.

Een andere manier om een ​​laag te dupliceren is door de opdracht te selecteren Dubbele laag... van contextmenu het kopiëren van de laag. De situatie is precies hetzelfde als in het vorige geval. Een absoluut identieke opdracht bevindt zich in het menu Lagenpalet. Alles is voor uw gemak. Er zijn er echter meer snelle manier het creëren van een duplicaat. Pak gewoon de gekopieerde laag met uw muiscursor (houd de linkermuisknop ingedrukt) en sleep de laaglijn naar het pictogram om een ​​nieuwe laag te maken Lagenpaletten.

Laten we teruggaan naar de achtergrondlaag. Om de achtergrondlaag normaal te maken, dubbelklikt u eenvoudigweg op de lijn in het Lagenpalet. Als reactie op uw acties verschijnt er een dialoogvenster voor het maken van een nieuwe laag (we hebben dit hierboven al besproken).

Laten we nu verder gaan met een complexere en veelgebruikte optie: lagen maken van geselecteerde gebieden. Om dit te doen, maakt u een rechthoekige selectie op de achtergrondlaag van het document papperts.jpg. Nu het meeste klassieke versie- werken met het klembord. Kopieer het geselecteerde gebied (of menu) naar het klembord Bewerken|Kopiëren of sneltoetsen Ctrl+C). Als u nu een eerder gekopieerd fragment van het klembord (of het menu Bewerken|Plakken of sneltoetsen Ctrl+V), wordt er automatisch een nieuwe laag gemaakt waarop het eerder geselecteerde gebied zich bevindt. Het is duidelijk dat je in eerste instantie niets anders merkt dan het uiterlijk nieuwe lijn laag in het Lagenpalet. Maak nu de achtergrondlaag onzichtbaar en alles valt op zijn plaats. Een soortgelijk effect zal worden geproduceerd door het snijden (of Bewerken|Knippen of sneltoetsen Ctrl+X)) geselecteerde gebied naar het klembord. Het enige verschil is dat er in plaats van het uitgesneden gebied een fragment van de achtergrondlaag in de achtergrondkleur wordt geschilderd. Als de laag waaruit het afbeeldingsfragment is gesneden niet de achtergrondlaag is, zal er in plaats van het uitgesneden gebied een transparant "gat" in de laag zijn. U kunt afbeeldingsgebieden op het klembord in elk document plakken. En in dit geval zal het resultaat van de invoegbewerking een nieuwe laag zijn. Deze bewerkingen kunnen ook worden uitgevoerd met behulp van de opdrachten in het menu Laag. Deze opdrachten staan ​​in het menu Laag|Nieuw respectievelijk Laag via kopiëren, wat betekent "maak een laag door te kopiëren" en Laag via knippen- "maak een laag door te knippen".

Het is mogelijk om een ​​laag te maken die al gevuld is. Als je deze specifieke optie nodig hebt, dan zijn er drie mogelijkheden: een laag met een effen vulling (solid), een laag met een verloopvulling (verloop) en een laag gevuld met een textuurvulling (patroon). Om zo'n laag te maken, kunt u de opdracht uit de groep gebruiken Nieuwe opvullaag Laagmenu. Als u een item selecteert Stevig... Vervolgens wordt u in het eerste dialoogvenster gevraagd om te configureren laag die wordt gemaakt en stel in de tweede de vulkleur in. Als je kiest Verloop... Vervolgens wordt u onmiddellijk na het dialoogvenster voor het maken van de laag gevraagd om het verloop te configureren waarmee de gemaakte laag zal worden gevuld. De verloopinstellingen zijn in dit geval absoluut hetzelfde als de instellingen voor een normaal verloop. Alles is niet minder prozaïsch als je ervoor kiest om een ​​textuurvulling te maken, d.w.z. paragraaf Patroon...

We weten al hoe we lagen moeten maken, we weten hoe we moeten kopiëren en nu leren we hoe we moeten verwijderen. In feite is er niets ingewikkelds: breken is niet bouwen. Om een ​​laag te verwijderen, selecteert u eenvoudigweg de laaglijn in het Lagenpalet en klikt u op het pictogram in de laagcontrolegroep van het Lagenpalet. Andere manieren - commando Laag verwijderen vanuit het laagcontextmenu of vanuit het menu Laag|Verwijderen|Laag.

In de 7e versie van Photoshop bestaat er zoiets als een lagenset. Dit is niets meer dan een map voor lagen. Die. je kunt een reeks lagen maken volgens één enkel principe - meestal zijn ze verenigd door een gemeenschappelijke overvloeimodus of het gebruik van een enkel kleurkanaal. Deze parameters kunnen worden ingesteld op een reeks lagen als geheel, waardoor het gemakkelijker wordt om mee te werken een groot aantal lagen. Er zijn ook enkele hulpmiddelen om met alle lagen te werken, waarvan het effect beperkt kan worden voor een geselecteerde set lagen, bijvoorbeeld Aanpassingslagen (dit zegt nog niets). Het werken met een reeks lagen is vergelijkbaar met het werken met bestanden en mappen in bestandsbeheer (bijvoorbeeld Verkenner). Allereerst kunt u een map maken. Dit wordt gedaan door het team Nieuwe lagenset groepen commando's Nieuw vanuit het menu Lagen of door op een knop in de laagcontrolegroep van het Lagenpalet te klikken. In dit geval krijgt u de mogelijkheid om de basisparameters van de laagset in te stellen in het dialoogvenster dat verschijnt.

Onder de voorgestelde instellingen vindt u de mogelijkheid om de setnaam, de sleutelkleur (hetzelfde als voor lagen, zie hierboven) en de overvloeimodus te wijzigen. De enige innovatie is de Pass Through-overvloeimodus, wat 'doorgeven' betekent - dit is eenvoudigweg een overvloeimodus waarin alle lagen zich als één geheel gedragen. Om een ​​laag aan een lagenset toe te voegen, sleept u eenvoudigweg de lijn in het Lagenpalet naar het pictogram van uw lagenset in het Lagenpalet. Om een ​​laag uit een lagenset te verwijderen, moet u deze ook naar het lagensetpictogram in het Lagenpalet slepen.

Naast de naam van de lagenset staat aan de linkerkant een driehoek. Als u erop klikt, worden alle rijen met lagen in de lagenset verborgen en als u opnieuw klikt, worden ze opnieuw weergegeven. Ik merk op dat dit een zeer nuttige eigenschap is. Over eigenschappen gesproken; De eigenschappen van een lagenset kunnen worden opgeroepen vanuit het contextmenu van het lagensetpictogram met het commando Eigenschappen van lagenset.

Selectievakjes R G B kunt u aangeven welke kleur kanalen kunnen worden weergegeven en welke niet kunnen worden weergegeven.

De laag is onderhevig aan elke transformatie, net als het geselecteerde gebied. U kunt de laag roteren, vergroten/verkleinen, vervormen, enz. Om een ​​laag te verplaatsen, gebruikt u het gereedschap Verplaatsen, dat zich rechtsboven in het palet Gereedschappen bevindt. Deze tool kan ook met de sleutel worden opgeroepen V.

Als u de knop ingedrukt houdt terwijl u de laag verplaatst Verschuiving, dan beweegt de laag strikt in de richting die u kiest: horizontaal of verticaal. Als u de toets ingedrukt houdt terwijl u beweegt Alt, dan krijgt u een kopie van de laag.

Transformatie van lagen vindt plaats in de zogenaamde modus Vrije transformatie. U kunt deze modus op twee manieren openen - of het bijbehorende commando gebruiken - Vrije transformatie menu Bewerking-, of de combinatie Ctrl+T. De principes van het werken in deze modus zijn volledig vergelijkbaar met de principes van het werken met de Transform Selection-modus in het geval van geselecteerde gebieden. Je hebt markeringen op het dimensionale vak, er zijn sneltoetsen Alt- symmetrische verandering in grootte, Verschuiving- proportionele verandering in grootte, Ctrl- werk met elke markeerder afzonderlijk. Om de modus te verlaten, drukt u eenvoudig op Binnenkomen.

Er is ook een nauwkeurige laagtransformatie mogelijk. Om dit te doen, is er een reeks Transform-opdrachten in het menu Bewerken. De eerste vijf teams zijn dat Schalen, roteren, schuintrekken, vervormen, perspectief leiden naar het eigenschappenvenster waarop u al deze bewerkingen kunt uitvoeren.

De regeling van de laagoffset is analoog eenvoudige beweging laag met het gereedschap Verplaatsen. Let op het eerste pictogram van deze groep instellingen. De verplaatsing vindt altijd plaats ten opzichte van een bepaald punt. Standaard bevindt dit punt zich in het geometrische midden van de laag. Op het pictogram dat we hebben aangegeven, kunt u de positie van het punt wijzigen ten opzichte waarvan de verplaatsing zal plaatsvinden. Om dit te doen, klikt u eenvoudig op de kleine rechthoek die de positie van het offsetpunt symboliseert. Nadat u het offsetpunt hebt geselecteerd, geeft u in de X- en Y-velden de absolute coördinaten aan waarnaar u de laag wilt verplaatsen, of geeft u, door op de knop te klikken en over te schakelen naar de relatieve offset-coördinatenmodus, aan hoeveel pixels u moet verschuiven horizontaal en verticaal uw laag.

De volgende reeks velden is bedoeld voor het wijzigen van de laaggrootte. De toename van de grootte horizontaal en verticaal wordt opgegeven als een percentage. Als u wilt dat de afmetingen proportioneel veranderen, klikt u eenvoudig op de knop die zich tussen de verticale en horizontale verhogingsvelden bevindt.

Dan is er een vak waarin u de rotatiehoek van uw laag kunt instellen. Standaard vindt rotatie met de klok mee plaats. Als de rotatiehoek als een negatieve waarde is opgegeven, zal de rotatie tegen de klok in plaatsvinden.

Horizontale en verticale verschuivingen vereisen enig commentaar. Stel je voor dat je laag is ingesloten in een rechthoekige doos, en dan zullen we de bovenkant van de doos horizontaal naar de zijkant overvloeien. Het verkregen resultaat wordt horizontale verschuiving genoemd. De belangrijkste parameters van verschuivingen zijn de hoeken waarmee de verticale zijden van de dimensionale doos afwijken - in het geval van een horizontale verschuiving, en de horizontale zijden in het geval van een verticale verschuiving. U kunt deze hoeken instellen in de overeenkomstige velden in het eigenschappenvenster in de verschuivingssectie.

Het eigenschappenpaneel eindigt met twee knoppen. Dienovereenkomstig is dit een exit uit de transformatiemodus en goedkeuring van de geïntroduceerde transformaties. Op het toetsenbord dienovereenkomstig Binnenkomen- dit is om de wijzigingen te bevestigen, Opl wijzigingen annuleren.

De groep Transformeren bevat ook de meest gebruikte commando's, zoals rotaties en standaardhoeken en al dat soort dingen. Overwegen:

• Draai 180- draai de laag 180 graden.
• Draai 90 rechtsom- draai de laag 90 graden met de klok mee.
• Draai 90 CCW- draai de laag 90 graden tegen de klok in
• Horizontaal spiegelen - spiegelbeeld horizontaal
• Verticaal spiegelen- verticale spiegeling

Laagsloten.

Laagvergrendelingen zijn ontworpen om de laag te beschermen tegen ongeautoriseerde gebruikersbewerkingen. De blokknoppen bevinden zich bovenaan het Lagenpalet, een groep pictogrammen die we 'acties uitschakelen' hebben genoemd.

U kunt de transparantie beschermen - dit is een pictogram. Transparantie behouden betekent dat het vullen van transparante delen van de laag niet wordt toegestaan. Dit is een vrij veelgebruikte techniek.

Het laatste pictogram past alle verboden tegelijk toe.

Dekking en vulling.

Wat dekking is, weet je al uit het voorbeeld van het werken met tekengereedschappen. Voor een laag heeft dekking dezelfde betekenis als voor tekengereedschappen, alleen in in dit geval de verandering in transparantie zal van toepassing zijn op de gehele laag. Hetzelfde geldt voor overlay-algoritmen.

Het concept van Opvulling (het veld Opvulling bevindt zich bovenaan het Lagenpalet) komt vrijwel volledig overeen met het concept van transparantie. Maar....

Het belangrijkste is dat sommige transparantiegerelateerde effecten niet kunnen worden toegepast op transparantie die is ingesteld via Opvullen.

• Handleiding

We hebben de mogelijkheden van de CSS3 Achtergronden en Randen-module al besproken, waarbij we hebben gekeken naar het werken met schaduwen (box-shadow). Vandaag zullen we het iets over een ander hebben interessante kans- meerdere afbeeldingen op de achtergrond gebruiken.

Achtergrondcompositie

Er zijn veel redenen waarom u überhaupt meerdere afbeeldingen op de achtergrond zou willen samenstellen, waarvan de belangrijkste zijn:

• het besparen van verkeer op de grootte van afbeeldingen, als individuele afbeeldingen in totaal minder wegen dan een afbeelding met afgevlakte lagen, en
• behoefte aan zelfstandig gedrag individuele lagen bijvoorbeeld bij het implementeren van parallaxeffecten.

Klassieke aanpak

Een blok met de klasse "vissen" in "zeemeermin" is uitsluitend bedoeld voor demonstratiedoeleinden.

Nu enkele stijlen:
.sample1 .sea, .sample1 .zeemeermin, .sample1 .fishing ( hoogte:300px; breedte:480px; positie: relatief; ) .sample1 .sea ( achtergrond: url(media/sea.png) repeat-x linksboven; ) .sample1 .mermaid ( achtergrond: url(media/mermaid.svg) repeat-x linksonder; ) .sample1 .fish ( achtergrond: url(media/fish.svg) no-repeat; hoogte:70px; breedte:100px; links : 30px; bovenaan: 90px; positie: absoluut ) .sample1 .fishing ( achtergrond: url(media/fishing.svg) geen herhaling rechtsboven 10px; )

Resultaat:

IN in dit voorbeeld drie geneste achtergronden en één blok met vissen naast de “achtergrond”-blokken. In theorie kunnen vissen bijvoorbeeld verplaatst worden met met behulp van JavaScript of CSS3-overgangen/animaties.

Overigens gebruikt dit voorbeeld voor ".fishing" de nieuwe syntaxis voor achtergrondpositionering, ook gedefinieerd in CSS3:
achtergrond: url(media/fishing.svg) no-repeat rechtsboven 10px;
Het wordt momenteel ondersteund in IE9+ en Opera 11+, maar niet in Firefox 10 en Chrome 16. Gebruikers van de laatste twee browsers zullen de vis dus nog niet kunnen vangen.

Meerdere achtergronden

En de bijbehorende stijlen:
.sample2 .sea ( hoogte:300px; breedte:480px; positie: relatief; achtergrondafbeelding: url("media/fishing.svg"), url("media/mermaid.svg"), url("media/sea. png"); achtergrondpositie: rechtsboven 10px, linksonder, linksboven; achtergrondherhaling: niet herhalen, herhaal-x, herhaal-x ; ) .sample2 .fish ( achtergrond: url("media/fish.svg ") niet-herhaling; hoogte:70px; breedte:100px; links: 30px; boven: 90px; positie: absoluut; )
Als u meerdere afbeeldingen wilt definiëren, moet u de regel voor achtergrondafbeeldingen gebruiken, waarbij de afzonderlijke afbeeldingen worden vermeld, gescheiden door komma's. Aanvullende regels, ook een lijst, kunnen positionering, herhalingen en andere parameters voor elke afbeelding instellen. Let op de volgorde waarin de afbeeldingen worden weergegeven: lagen worden weergegeven van links naar rechts, van boven naar beneden.

Het resultaat is precies hetzelfde:

Eén regel

Stijlen:
.sample3 .sea ( hoogte:300px; breedte:480px; positie: relatief; achtergrondafbeelding: url("media/fishing.svg"), url("media/mermaid.svg"), url("media/fish. svg"), url("media/sea.png"); achtergrondpositie: rechtsboven 10px, linksonder, 30px 90px, linksboven; achtergrondherhaling: niet-herhaling, herhaal-x ; )

Ik zal geen foto van het resultaat laten zien - geloof me, het valt samen met de twee foto's hierboven. Maar let opnieuw op de stijlen, vooral op "achtergrondherhaling" - als een deel van de lijst aan het einde volgens de specificatie ontbreekt, moet de browser de opgegeven lijst het vereiste aantal keren herhalen om overeen te komen met het aantal afbeeldingen in de lijst.

In dit geval is het gelijk aan deze beschrijving:
achtergrondherhaling: geen herhaling, herhaling-x, geen-herhaling, herhaal-x;

Nog korter

Sample4 .sea ( hoogte:300px; breedte:480px; positie: relatief; achtergrond: url("media/fishing.svg") rechtsboven 10px niet-herhaling, url("media/mermaid.svg") linksonder repeat-x , url("media/fish.svg") 30px 90px niet-herhaling, url("media/sea.png") repeat-x )

Maar houd er rekening mee dat je nu niet zomaar waarden kunt overslaan (tenzij ze overeenkomen met de standaardwaarde). Als je overigens de kleur van de achtergrondafbeelding wilt instellen, moet dit in de allerlaatste laag gebeuren.

Dynamische beelden

Trouwens, hier is een voorbeeld uit het leven - een thema met een paardenbloem in Yandex:


Als je de code bekijkt, zie je zoiets als dit:

...

Blokken met de klassen "b-fluff-bg", "b-fluff__cloud" en "b-fluff__item" bevatten achtergrondafbeeldingen die elkaar overlappen. Bovendien scrollt de achtergrond met wolken voortdurend en vliegen paardenbloemen over het scherm.

Kan dit herschreven worden met meerdere achtergronden? In principe wel, maar onder voorbehoud van 1) ondersteuning voor deze functie in de doelbrowsers en... 2) lees verder;)

Hoe voeg je dynamiek toe aan meerdere achtergronden? In een dergelijke situatie blijkt het handig te zijn dat de browser zich in de interne weergave verspreidt individuele parameters achtergrondafbeeldingen volgens de relevante regels. Voor positionering is er bijvoorbeeld “achtergrondpositie”, en voor verschuivingen is het voldoende om alleen dit te veranderen. Er zijn echter kosten verbonden aan het gebruik van meerdere afbeeldingen. Deze regel (en soortgelijke regels) vereist dat u de positie vermeldt voor alle achtergronden die voor uw blok zijn gedefinieerd, en u kunt dit niet selectief doen.

Om animatie aan onze visachtergrond toe te voegen, kunt u de volgende code gebruiken:
$(document).ready(function() ( var sea = $(".sample5 .sea"); var fishesX = 30; var fishesY = 90; var fishX = 0; var fishY = 0; var zeemeerminX = 0; var t = 0; functie animatieLoop() ( fishesY = 90 + Math.floor(30 * Math.sin(t++ / 180.0)); if(--fishesX< 0) fishesX = 480; mermaidX += 0.5; if(mermaidX >480) zeemeerminX = 0;
visY = -10 + (10 * Math.cos(t * 0,091));
visX = 10 + (5 * Math.sin(t * 0,07));

sea.style.backgroundPosition = "boven" + visY + "px rechts" + visX + "px, " + zeemeerminX + "px onder," + vissenX + "px " + vissenY + "px, linksboven";

venster.requestAnimFrame(animationLoop);

Waar

window.requestAnimFrame = (function() ( return window.requestAnimationFrame || window.msRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.webkitRequestAnimationFrame || (function(callback) ( window.setTimeout(callback, 1000/60 ));

En trouwens, animaties kunnen ook worden gemaakt met CSS3 Transitions/Animations, maar dit is een onderwerp voor een aparte discussie.

Hoe zit het met de compatibiliteit?

U kunt Modernizr ook gebruiken om browsers aan te bieden die niet meerdere achtergronden ondersteunen alternatieve oplossingen. Zoals Chris Coyier in zijn bericht schreef over de laagvolgorde bij het gebruik van meerdere achtergronden, doe je zoiets als dit:

Multiplebgs body ( /* Geweldige meerdere BG-declaraties die de realiteit overstijgen en onzuivere kuikens */ ) .no-multiplebgs body ( /* laaaaaame fallback */ )
Als u twijfelt over het gebruik van JS om te bieden achterwaartse compatibiliteit, je kunt de achtergrond eenvoudigweg twee keer declareren, maar dit heeft ook zijn nadelen in de vorm van mogelijk dubbel laden van bronnen (dit is afhankelijk van de implementatie van css-verwerking in specifieke browser):

/* meerdere bg-fallback */ achtergrond: #000 url(...) ...; /* Geweldige meerdere BG-declaraties die de werkelijkheid overstijgen en onuitputtelijke kuikens */ achtergrond-url(...), url(...), url(...), #000 url(...);

Als u al aan Windows 8 denkt, houd er dan rekening mee dat u meerdere achtergronden kunt gebruiken bij het ontwikkelen van applicaties in metrostijl, omdat deze dezelfde engine gebruikt als IE10.

P.s. On-topic: ik kan het niet laten om het fenomenale artikel over het cicadeprincipe te onthouden.

Tags: tags toevoegen

In de laatste tutorial hebben we geleerd hoe we met lagen kunnen werken via het deelvenster Lagen. We hebben geleerd hoe u nieuwe lagen kunt toevoegen, lagen kunt verwijderen, lagen kunt verwisselen, aanpassingslagen kunt toevoegen, stijlen kunt toepassen, de overvloeimodus en het dekkingsniveau van een laag kunt wijzigen, en nog veel meer dat u kunt doen door in het deelvenster Lagen te werken.

Voordat we verder ingaan op de geweldige dingen die je met lagen kunt doen, moeten we naar één speciaal laagtype kijken: de achtergrondlaag. De reden dat we stoppen bij het leren van de laag achtergrond, is dat sommige acties niet met deze laag kunnen worden uitgevoerd, in tegenstelling tot acties met andere lagen. Als we ons niet van tevoren bewust zijn van deze activiteiten, kunnen we gemakkelijk in de war raken in ons werk en niet het gewenste resultaat behalen.

Hieronder ziet u een afbeelding van een fotolijst geopend in Photoshop. Ik heb deze afbeelding van de Fotolia-fotobank genomen:

Origineel beeld

Telkens wanneer we een nieuwe afbeelding in Photoshop openen, wordt deze geopend in een eigen documentvenster en op een aparte laag geplaatst met de naam "Achtergrond", die we kunnen zien in het deelvenster Lagen. Houd er rekening mee dat het woord "Achtergrond" cursief is weergegeven. Het programma informeert ons dus over enkele kenmerken van deze laag:

In het deelvenster Lagen ziet u dat de afbeelding op de achtergrondlaag is geplaatst

Photoshop noemde de laag "Achtergrond" om de eenvoudige reden dat deze laag feitelijk als achtergrond voor ons document dient. Eventuele extra lagen die we aan de afbeelding toevoegen, worden bovenop de achtergrondlaag geplaatst. Omdat het hoofddoel van deze laag is om als achtergrond voor een afbeelding te dienen, zijn er verschillende dingen die niet met deze laag kunnen worden gedaan. Laten we snel kijken eenvoudige regels, inclusief deze acties die onthouden moeten worden. En dan, aan het einde van de les, zullen we onderzoeken hoe gemakkelijk het is om al deze regels te omzeilen.

Regel 1: We kunnen de inhoud van de achtergrondlaag niet verplaatsen

Een van de dingen die we niet kunnen doen met de achtergrondlaag is de inhoud ervan verplaatsen. Wanneer we de inhoud van een laag moeten verplaatsen, selecteren we meestal het gereedschap bovenaan de werkbalk "Beweging"(Beweging):

Selecteer het gereedschap "Verplaatsen" op de werkbalk

Vervolgens, na het selecteren van de tool "Beweging", klikken we met de muis in het documentvenster en verplaatsen we de inhoud terwijl we de muisknop ingedrukt houden. Laten we eens kijken wat er gebeurt als ik, in ons geval, de fotolijst naar een andere plaats probeer te verplaatsen. Als resultaat van deze actie verschijnt er een dialoogvenster waarin staat dat de inhoud niet kan worden verplaatst omdat de laag is vastgezet:

In plaats van de fotolijst te verplaatsen, kan het programmaPhotoshop meldt mij dat de laag is vastgezet

Als we teruggaan naar het deelvenster Lagen en naar de laag "Achtergrond" kijken, zien we dit aan de rechterkant klein icoontje in de vorm van een slotje, dat ons vertelt dat deze laag vastzit en niet door ons kan worden verplaatst. Er is geen manier om de laag “Achtergrond” te ontgrendelen, maar zoals ik al zei, aan het einde van de les zullen we bekijken hoe deze kleine regel over de onmogelijkheid om de inhoud van de laag en andere regels te verplaatsen kan worden omzeild:

Het slotpictogram vertelt ons dat deze laag is vastgezet.

Regel 2: Geen transparante pixels

Binnenkort ga ik nog een afbeelding in mijn document importeren en in een fotolijst plaatsen. Echter op dit moment binnenste deel Het frame is gevuld met wit. Dit betekent dat ik eerst het witte gebied binnen de fotolijst moet leegmaken voordat ik de foto daar plaats. Wanneer we pixels uit een laag verwijderen, worden de verwijderde gebieden doorgaans transparant en kunnen we de onderliggende laag zien. Laten we eens kijken wat er gebeurt als ik een gebied uit de achtergrondlaag probeer te verwijderen.

Eerst moet ik het gebied binnen het kader selecteren, en omdat het met veel kleur is gevuld, gebruik ik het selectiegereedschap om een ​​selectie te maken. Toverstaf"(Toverstaf) In Photoshop CS2 of hoger eerdere versies, we kunnen de tool selecteren " Toverstaf", eenvoudigweg door op het pictogram in de werkbalk te klikken. In Photoshop CS3 en hoger (in mijn geval is dit Photoshop CS5) is dit gereedschap verborgen achter het gereedschap "Snelle selectie"(Snelle selectie), dus u moet eerst op het gereedschap klikken "Snelle selectie"(houd de muisknop een paar seconden ingedrukt), wacht tot het vervolgkeuzemenu met een lijst met gereedschappen verschijnt en selecteer een gereedschap uit de lijst "Toverstaf" :

Selecteer het gereedschap " Toverstaf»

Door te selecteren noodzakelijk hulpmiddel, Ik klik met de muisknop in het midden van de fotolijst om snelle selectie het hele witte gebied. Als gevolg van deze actie verschijnt er een selectiekader dat aangeeft dat het witte gebied is geselecteerd:

Het witte gebied binnen het kader is nu gemarkeerd

Om het gebied binnen het frame te verwijderen, druk ik op Backspace (Win) / Delete (Mac). In plaats van het gebied echter zoals verwacht te verwijderen en het wit te vervangen door transparante pixels, opent het programma een optiedialoogvenster "Vullen"(Vullen) en biedt aan om het geselecteerde gebied met een andere kleur te vullen:

In plaats van het gebied te verwijderen, wordt het programmaPhotoshop opent het dialoogvenster Vuloptie

Ik klik op Annuleren om het dialoogvenster te sluiten, omdat dat niet de opdracht is die ik wilde uitvoeren. Ik wilde het witte gebied in de fotolijst verwijderen, maar niet met een andere kleur vullen. Misschien heeft Photoshop iets verprutst? Oké, ik zal proberen het gebied op een andere manier te verwijderen. Om dit te doen ga ik naar de sectie "Bewerken"(Bewerken) in de menubalk bovenaan het scherm en selecteer de opdracht "Snee"(Snee):

Selecteer de opdracht "Knippen" in het gedeelte "Bewerken".

Bij het werken met een gewone laag zou deze actie leiden tot het wegsnijden van het geselecteerde gebied uit de laag en het verschijnen van een transparant deel op zijn plaats, maar in ons geval was het resultaat opnieuw onvoorspelbaar. Deze keer vulde het programma, alsof het opzettelijk was, het gebied met zwart:

Het witte gebied binnen het frame is nu gevuld met zwart

Waar komt de kleur zwart vandaan? Het blijkt dat Photoshop het gebied met zwart heeft gevuld, want als we naar de voorgrond- en achtergrondkleurstalen onder aan het deelvenster Gereedschappen kijken, zien we dat de achtergrondkleur (in het vierkant rechtsonder) huidige moment zwart, dus het programma vulde het gebied met de achtergrondkleur. Als de achtergrondkleur paars was, zou het gebied gevuld zijn met paars. Momenteel is de achtergrondkleur echter zwart:

Voorgrondkleur (linksboven) en achtergrondkleur (rechtsonder) stalen

Dus waarom heeft Photoshop het witte gebied binnen het frame niet verwijderd? Waarom heeft ze het in plaats daarvan met een andere kleur gevuld? De reden is dat achtergrondlagen geen transparantie ondersteunen. Omdat het doel van de laag “Achtergrond” is om als achtergrond van het document te dienen, is het niet nodig om deze transparant te maken, omdat er onder deze laag niets zichtbaar mag zijn. Een achtergrond is tenslotte nog steeds een achtergrond! Hoe ik het gebied binnen het frame ook probeer te verwijderen, het zal me nooit lukken zolang de afbeelding op de achtergrondlaag wordt geplaatst. Hoe kan ik dan een andere foto in het frame plaatsen? Laten we dit probleem voor nu terzijde schuiven en er later op terugkomen.

Regel 3: We kunnen de achtergrondlaag niet verplaatsen en boven een andere laag plaatsen

Hieronder ziet u een foto die ik in een fotolijstje wil plaatsen. Ik heb ook deze afbeelding van de Fotolia-fotobank gehaald:

De afbeelding die in de fotolijst wordt geplaatst

De afbeelding is momenteel geopend in apart raam, dus ik kopieer het snel naar het documentvenster van de fotolijst door op Ctrl+A (Win) / Command+A (Mac) te drukken om de hele foto te selecteren. Vervolgens druk ik op Ctrl+C (Win) / Command+C (Mac) om de afbeelding naar de interne buffer te kopiëren. Daarna ga ik naar het documentvenster met de fotolijst en druk op Ctrl+V (Win) / Command+V (Mac) om de afbeelding in het document te plakken. Het programma plaatst de nieuwe afbeelding op een aparte laag genaamd “Laag 1”, gelegen boven de laag “Achtergrond” met de fotolijst:

De tweede foto wordt op een aparte laag boven de laag “Achtergrond” geplaatst.

U kunt zien dat de nieuwe foto vóór de fotolijst in het documentvenster is verschenen:

De tweede afbeelding verscheen voor de fotolijst

Om mijn tweede afbeelding binnen het frame te laten verschijnen, moet ik de volgorde van de lagen wijzigen: plaats de laag met het frame bovenop de fotolaag. Normaal gesproken is het wisselen van lagen eenvoudig. U hoeft alleen maar de laag te selecteren die u wilt verplaatsen en deze naar een andere laag te slepen, maar niet in ons geval wanneer we de laag "Achtergrond" willen verplaatsen. Wanneer ik op de achtergrondlaag klik en deze bovenop de fotolaag probeer te verplaatsen, verschijnt er een klein pictogram met een doorgestreepte cirkel (het internationale nee-teken), wat aangeeft dat deze actie om de een of andere reden niet mogelijk is:

Het doorgestreepte cirkelpictogram geeft aan dat ik de laag "Achtergrond" niet bovenop de laag "Laag 1" kan verplaatsen.

De reden dat ik de achtergrondlaag niet kan verplaatsen, is dat de laag altijd de achtergrond van het document moet blijven. Photoshop staat niet toe dat u deze laag over andere lagen heen verplaatst.

Regel 4: We kunnen geen andere lagen onder de laag "Achtergrond" verplaatsen

Oké, als we de achtergrondlaag niet bovenop een andere laag kunnen verplaatsen, wat gebeurt er dan als we proberen een andere laag onder de achtergrondlaag te verplaatsen? Ik klik op "Laag 1" en probeer deze onder de laag "Achtergrond" te verplaatsen, maar dat werkt ook niet. Opnieuw verschijnt er een klein pictogram in de vorm van een doorgestreepte cirkel, wat betekent dat de actie niet kan worden uitgevoerd:

Hetzelfde verbodspictogram verschijnt wanneer we “Laag 1” onder de achtergrondlaag proberen te verplaatsen

Nogmaals, de reden hiervoor is dat de Achtergrondlaag altijd de achtergrond van het document moet blijven. We kunnen deze laag niet bovenop andere lagen verplaatsen en ook geen andere lagen onder de achtergrondlaag verplaatsen.

Een eenvoudige oplossing voor het probleem

Laten we het bovenstaande samenvatten. We hebben geleerd dat Photoshop ons niet de mogelijkheid biedt om de inhoud van de achtergrondlaag met behulp van het gereedschap te verplaatsen. "Beweging", omdat de laag is vastgezet. We hebben ook geleerd dat de achtergrondlaag geen transparantie ondersteunt, dus er is geen manier om enig gebied op de laag te verwijderen. Ten slotte hebben we geleerd dat de achtergrondlaag altijd de onderste laag in het deelvenster Lagen moet blijven. We kunnen deze laag niet bovenop andere lagen verplaatsen en ook niet andere lagen eronder.

Omdat het voornaamste doel van de Achtergrondlaag is om als basis voor het document te dienen, zijn al deze regels zinvol. Maar zoals bij de meeste regels moeten we ze soms overtreden. In ons geval is het gemakkelijk om al deze regels te omzeilen! Het enige wat we moeten doen is de laag "Achtergrond" op de een of andere manier hernoemen! Om de laag “Achtergrond” te hernoemen, kunt u naar de sectie gaan "Lagen"(Laag) bovenaan het scherm, selecteer “Nieuw” en vervolgens - "Achtergrondlaag"(Laag van achtergrond):

Selecteer “Lagen” > “Nieuw” > “Achtergrondlaag”(Laag > Nieuw > Laag vanaf achtergrond)

Een snellere manier is om simpelweg te dubbelklikken op het woord “Achtergrond” in het deelvenster Lagen:

Dubbelklik op de naam van de laag “Achtergrond”

In ieder geval wordt na deze stappen een dialoogvenster geopend « Nieuwe laag» (Nieuwe laag), waar u een nieuwe naam voor de laag kunt invoeren. Standaard stelt het programma de naam “Laag 0” voor, wat bij ons past. Omdat elke andere naam bij ons past, behalve "Achtergrond", klikt u eenvoudigweg op OK om de nieuwe naam "Laag 0" te bevestigen en het dialoogvenster te sluiten, op voorwaarde dat u de laag geen specifieke naam wilt geven:

U kunt de naam "Laag 0" als de nieuwe laagnaam laten staan ​​of iets anders invoeren dat u wilt

Advies: Om de Achtergrondlaag nog sneller te hernoemen, dubbelklikt u op het woord Achtergrond terwijl u Alt (Win) / Option (Mac) ingedrukt houdt. Het programma hernoemt de laag onmiddellijk naar "Laag 0" zonder het dialoogvenster Nieuwe laag te openen.

Nu kunnen we zien dat de naam van de achtergrondlaag is veranderd in "Laag 0":

De laag "Achtergrond" is hernoemd naar "Laag 0"

Door simpelweg de achtergrondlaag te hernoemen, hebben we er een gewone laag van gemaakt, waardoor de hierboven besproken regels er niet meer op van toepassing zijn! Nu kunnen we de inhoud van de laag eenvoudig verplaatsen met behulp van het gereedschap "Beweging", verwijder een gebied op een laag, vervang het door een transparant gedeelte en verplaats onze laag vrijelijk ten opzichte van andere lagen!

Ik moet bijvoorbeeld nog steeds de fotolijst over de afbeelding op "Laag 1" verplaatsen. Dit is nu eenvoudig te doen omdat de fotolijst niet langer op de achtergrondlaag staat! Ik kan gewoon op "Laag 0" klikken in het deelvenster Lagen en deze naar boven slepen zodat er een dunne, lichte streep boven "Laag 1" verschijnt:

Verplaats "Laag 0" bovenop "Laag 1"

Daarna laat ik mijn muisknop los en Photoshop plaatst "Laag 0" boven "Laag 1" zoals ik wil:

"Laag 0" bevindt zich nu boven "Laag 1". Dit kon niet worden bereikt zolang "Laag 0" de "Achtergrond"-laag werd genoemd

Voorheen kon ik het witte gebied binnen het frame niet verwijderen terwijl de afbeelding zich op de achtergrondlaag bevond, maar nu ik de achtergrondlaag heb hernoemd naar Laag 0, is dat eenvoudig te doen. Ik selecteer een gebied binnen het frame met behulp van de "Toverstaf" hoe ik het de eerste keer deed:

Het witte gebied binnen het kader is opnieuw gemarkeerd

Vervolgens druk ik op Backspace (Win) / Delete (Mac), en deze keer doet het programma precies wat ik had verwacht: in plaats van het dialoogvenster 'Vulling' te openen, wordt het gebied uit de laag verwijderd en wordt de foto eronder weergegeven. Het:

Het gebied binnen het frame wordt uiteindelijk verwijderd, waardoor een andere afbeelding eronder zichtbaar wordt

Vervolgens druk ik op Ctrl+D (Win) / Command+D (Mac) om het gebied binnen het frame te deselecteren en de selectielijn te verwijderen. Om het vervolgens succesvol af te ronden, klik ik op "Laag 1" in het deelvenster Lagen en maak het actief:

Selecteer "Laag 1"

In de werkbalk selecteer ik gereedschap "Beweging"(Verplaatsen), ik klik op de foto en verplaats deze naar behoefte binnen de fotolijst. Ook al is Laag 1 momenteel de onderste laag in het document, deze is niet vastgezet omdat deze niet langer als achtergrondlaag dient. Ik kan het vrij verplaatsen waar ik maar wil:

Verplaats de foto naar juiste plaats in de fotolijst

Zoals we hebben besproken, zijn achtergrondlagen een speciaal type laag in Photoshop, waaraan beperkingen zijn verbonden. We kunnen de inhoud ervan niet verplaatsen, er niets van verwijderen, en ze moeten altijd helemaal onderaan in de lagen van het document blijven. In de meeste gevallen bezorgen deze beperkingen ons niet veel overlast, aangezien we doorgaans niet rechtstreeks met de laag “Achtergrond” werken. Maar als u de beperkingen wilt verwijderen, hernoemt u eenvoudigweg de laag "Achtergrond" en geeft u deze een andere naam. Door deze actie wordt de laag onmiddellijk een normale laag waar u zonder beperkingen mee kunt werken!

En nu zijn we klaar! Bekijk onze volledige lijst met tutorials over het werken met lagen in Photoshop, of bezoek onze Photoshop Basics-sectie om selectiehulpmiddelen, typografie en andere handige vaardigheden te leren!

Vertaling: Ksenia Rudenko

1. Stel de voorgrond- en achtergrondkleuren zo in dat ze het omgekeerde zijn van de standaardkleur wit als voorgrond en zwart als achtergrond. De eenvoudigste manier om de voor- en achtergrondkleuren te wijzigen is door op het overeenkomstige pictogram in het toolpalet te klikken of door op een toets te drukken.

2. Selecteer een team Canvasgrootte vanuit het menu Afbeelding

3 Het dialoogvenster dat wordt geopend (Fig. 5 3) is verdeeld in twee gebieden "Huidige grootte en Nieuwe grootte". Het eerste gebied heeft een informatielading - het geeft de huidige afmetingen van de afbeelding aan in de geselecteerde maateenheden specificeert de gewenste geometrische grootte van de afbeelding in elke maateenheid. Ze worden geselecteerd uit de vervolgkeuzelijsten naast de velden Breedte en Hoogte. Voer in deze velden respectievelijk de waarden "29 cm" en "23 cm" in .

Rijst. 5.3. Dialoogvenster Canvasgrootte

4. Met het Anker-element kunt u de zijden van de afbeelding selecteren ten opzichte waarvan de canvasgrootte wordt vergroot. Stel je voor dat het een reeds vergroot canvas is. Vervolgens bepalen de knoppen de positie van de originele afbeelding op dit canvas. Standaard wordt de afbeelding in het midden geplaatst (marges worden aan elke kant van de afbeelding toegevoegd) We willen dat de afbeelding aan de linkerkant staat bovenste hoek vergroot canvas, daarom moet u op de knop linksboven drukken

5. Klik op OK. Er verschijnen zwarte velden aan de rechter- en onderkant van het document (Figuur 5.4). Nu is het duidelijk dat het instellen van de achtergrondkleur in de eerste stap nodig was, zodat de velden meteen de gewenste kleur, zwart, zouden krijgen.

Lagen Achtergrond is een speciale laag. Het belangrijkste verschil is dat deze geen transparante gebieden kan hebben.

1. Activeer de Achtergrondlaag

2. Selecteer het gereedschap Toverstaf

3. Stel de tolerantiewaarde in op "1" in het palet Eigenschappen toverstafgereedschap

4. Selecteer de zwarte achtergrond van de canvasvelden.

Rijst. 5.4. Doekformaat vergroot

5. Stel de voor- en achtergrondkleuren in door op het overeenkomstige pictogram in het toolpalet te klikken of door op een toets te drukken

6. Maak een keuze uit het menu Opdracht bewerken Wis of druk op de Del-toets. Met deze opdracht worden pixels uit een afbeelding verwijderd. Voor de Achtergrondlaag wordt “verwijderen” geïnterpreteerd als het terugbrengen naar de achtergrondkleur. Zoals u kunt zien, is de achtergrond wit geworden

7. De achtergrondlaag kan worden omgezet in een gewone laag. Dubbelklik op het pictogram Achtergrondlaag in het Lagenpalet

8. Geef in het dialoogvenster 'Laag maken' dat wordt geopend een naam aan deze laag, bijvoorbeeld 'noord'. Om dit te doen, typt u een naam in het veld Naam in plaats van de standaardlaag 0 die daar staat (Afbeelding 5.5).

9. Klik op OK. Er zijn nog steeds twee lagen in het Lagenpalet. De afbeelding in het documentvenster is helemaal niet veranderd. Er zijn echter wijzigingen en u zult ze nu zien

10. Selecteer de opdracht Wissen in het menu Bewerken of druk op de Del-toets. Het resultaat van deze opdracht is helemaal niet hetzelfde als in stap 6. De verwijderde pixels krijgen niet de achtergrondkleur, maar worden transparant. Er is nu helemaal geen achtergrond in de afbeelding.

Rijst. 5.5. Dialoogvenster Laag maken

Opmerking

Als u een afbeelding met transparante gebieden en zonder achtergrondlaag op een printer afdrukt, wordt de transparantie overgebracht door de afwezigheid van de afbeelding.

Om de omgekeerde bewerking uit te voeren, waarbij u een gewone laag in een achtergrond verandert, moet u verschillende stappen uitvoeren.

1. Stel de voor- en achtergrondkleuren zo in dat ze het omgekeerde zijn van hun standaardkleuren: wit als voorgrond en zwart als achtergrond.

2. Een andere manier is om een ​​nieuwe Achtergrondlaag te maken. Selecteer de opdracht Achtergrond in de lijst Nieuw onder het menu Laag. Er is een nieuwe Achtergrondlaag in het document aangemaakt, waarvan alle pixels een kleur hebben die overeenkomt met de huidige achtergrond.

3. Een willekeurig aantal afbeeldingslagen kan tot één worden gecombineerd. Flatten-opdrachten "lijmen" de lagen van een afbeelding aan elkaar. In dit geval de pixels bovenste lagen vervang de pixels van de lagere. De convergentiebewerking is onomkeerbaar omdat de vervangen pixels voor altijd verloren gaan. Nu de Achtergrondlaag is gemaakt, hoeft u deze alleen nog maar samen te voegen met de noordelijke laag. Activeer de noordelijke laag en selecteer de opdracht Omlaag samenvoegen in het menu Laag. De noordelijke laag wordt samengevoegd met de onderliggende achtergrondlaag.

Opmerking

Een handig commando voor het samenvoegen van meerdere lagen tot één is Zichtbaar samenvoegen, te vinden in het menu Laag. Om het te gebruiken, moet u eerst alleen die lagen zichtbaar maken die moeten worden afgevlakt. Met het derde afvlakkingscommando, Afbeelding afvlakken in het menu Laag, worden alle lagen van een afbeelding afgevlakt. Meestal wordt het gebruikt na het voltooien van de werkzaamheden aan de afbeelding en is het noodzakelijk voor latere import in een lay-outprogramma of voor het maken van illustraties. Deze programma's bieden vaak geen ondersteuning PSD-formaat, maar werk vooral met TIFF-formaten of EPS. Het is ook handiger om voltooide afbeeldingen in afgeplatte vorm op te slaan. Dit verkleint de bestandsgrootte aanzienlijk.

Achtergrondlaag
Een laag met de naam Achtergrond (die we achtergrond noemen) heeft speciale eigenschappen. Dit is de enige laag die geen transparante pixels kan bevatten en bevindt zich altijd onder andere lagen. Als we gewone lagen vergelijken met transparante films waarop afbeeldingen zijn afgedrukt, dan is de achtergrondlaag het vel papier dat eronder ligt.
Alle afbeeldingen die u op een foto-cd of scan aantreft, hebben één enkele laag: de achtergrond. De aanwezigheid van een achtergrondlaag is bij digitale afbeeldingen geen verplichte vereiste, zoals je al hebt gezien in het voorbeeld van het Europe.pdf document. Als er geen achtergrond is, zijn sommige delen van de afbeelding transparant.
Opmerking
Als u een document met transparante gebieden en zonder achtergrondlaag op een printer afdrukt, wordt de transparantie overgebracht door de afwezigheid van een afbeelding.
Om de achtergrondlaag naar een normale laag te converteren, wijzigt u gewoon de naam:
1. In het palet Lagen(Lagen) Selecteer de Achtergrondlaag.
2. Doen dubbelklikken muis op de laagnaam.
3. In het dialoogvenster dat verschijnt Nieuwe laag(Nieuwe laag) Geef de laag een nieuwe naam, bijvoorbeeld Reliëf.
Nu is er helemaal geen achtergrondlaag in het document. Laten we hier zeker van zijn.
1. Gereedschap Toverstaf(Toverstaf) indien uitgeschakeld Aangrenzend Markeer (continu) op de reliëfkaart alle gebieden die door de zee worden ingenomen.
2. Selecteer een team Duidelijk(Duidelijke) menukaart Bewerking(Bewerken) of druk op de Del-toets. De pixels van het geselecteerde gebied zijn verwijderd. Nu is het transparant geworden.
Laten we een nieuwe achtergrondlaag in het document maken.
1. Maak een nieuwe laag door op de knop te klikken Maak een nieuwe laag(Maak een nieuwe laag) in het palet Lagen(Lagen).
2. Vermeld Nieuw(Nieuwe) menukaart Laag(Laag) selectieopdracht Achtergrond uit laag(Achtergrond uit laag). De nieuwe laag is omgezet naar achtergrond.
3. Een palet gebruiken Stalen(Monsters) installeren werkend lichtblauwe kleur(Lichtcyaan) en de achtergrondkleur is blauw (Lichtcyaanblauw).
4. Vul de achtergrondlaag met verticaal lineaire gradiënt van werkkleur naar achtergrondkleur.

De achtergrond verwijderen
Bij het maken van montages bieden Photoshop-lagen u een geweldig hulpmiddel voor het combineren van afbeeldingen. Het eerste probleem waarmee u te maken krijgt, is het voorbereiden van fragmenten voor bewerking. Meestal heb je te maken met foto's waarop het voor jou interessante object niet alleen staat of zich tegen een bepaalde achtergrond bevindt. Om hiervan te komen
foto is een onderdeel van bewerking, je moet al het overbodige eruit verwijderen en alleen overlaten gewenst voorwerp op transparante achtergrond. Dit gedeelte is gewijd aan Photoshop-hulpmiddelen waarmee u dit probleem kunt oplossen.
Magisch gummetje
Bij het maken van een montage grote waarde beschikt over hoogwaardig snijden van afbeeldingen vanaf de achtergrond. Als het object dat heeft eenvoudige vorm, dan kunt u het eenvoudig selecteren met behulp van de gereedschappen en vervolgens, door de selectie om te keren, de achtergrond verwijderen. Voor afbeeldingen met complexe vormen moeten geavanceerdere extractiemethoden worden gebruikt.
Het verwijderen van een uniforme achtergrond is niet moeilijk. Het kan worden geselecteerd met de tool Toverstaf(Toverstaf), en verwijder vervolgens met het commando Duidelijk(Duidelijke) menukaart Bewerking(Bewerken). IN nieuwe versie Photoshop-tool verscheen Magische gum(Magic Eraser), waarvan de actie de selectie en verwijdering van vergelijkbare kleuren combineert.
Laten we de achtergrond verwijderen van de foto van de Brandenburger Tor, die zich in het bestand Gates.jpg op de bijgevoegde diskette bevindt.
1. Open het Gates.jpg-bestand.
2. Converteer de achtergrondlaag van het document naar een normale laag door de naam ervan te wijzigen in Gates. Door over het algemeen deze conversie is niet nodig: zodra u de tool gebruikt Magische gum(Magic Eraser), zal Photoshop zelf de achtergrondlaag in een normale laag veranderen.
3. Selecteer een gereedschap Magische gum(Magische gum) in het Gereedschappenpalet.
4. Het Eigenschappenpalet voor dit gereedschap lijkt sterk op het Eigenschappenpalet Toverstaf(Toverstaf). Waarde instellen Tolerantie(Drempel) gelijk aan 64, waardoor een groot bereik aan vergelijkbare kleuren wordt ingesteld. Dit kunnen wij ons veroorloven, omdat de kleur van de lucht sterk verschilt van de kleur van het object.
5. Gereedschap Magische gum(Magische gum), zoals Toverstaf(Toverstaf), heeft twee werkingsmodi. In modus Aangrenzend(Continu) verwijdert alleen aangrenzende pixels die qua kleur dicht bij elkaar liggen. Als deze is uitgeschakeld, wordt de kleur van de pixels van de gehele afbeelding geanalyseerd. In ons geval is het beter annuleren modus Aangrenzend(Continu) om niet elk stukje achtergrond afzonderlijk te verwijderen.
6. Selectievakje Anti-aliasing(Egaliseren) wij adviseren zo instellen dat de randen van het object visueel vloeiender zijn.
7. Klik op het gereedschap Magische gum(Magic Eraser) ongeveer in het midden van de bovenrand van de afbeelding, boven de strijdwagen die de poort bekroont. Meest achtergrond is verwijderd.

8. Nu moeten we subtieler handelen. Verlaag de waarde Tolerantie(Threshold) op 16 en verwijder deze met een paar klikken op de resterende achtergrondfragmenten volledig. Opmerking
Voor gereedschap Magische gum(Magic Eraser)-parameter kan worden ingesteld Dekking (Dekking). Bij een waarde van 100% wordt de achtergrond volledig verwijderd, bij lagere waarden gedeeltelijk. Als het selectievakje is aangevinkt Gebruik alle lagen(Beïnvloedt alle lagen), verwijder de nabijgelegen lagen bloemen gelijktijdig uitgevoerd vanuit alle lagen van het document. Wanneer het selectievakje is ingeschakeld Aangrenzend(Continu), alleen de gebieden die grenzen aan het muisklikpunt worden verwijderd; als het selectievakje is uitgeschakeld, worden alle gebieden van de laag met een vergelijkbare kleur verwijderd.
9. Sla de afbeelding op met de achtergrond verwijderd werkmap op uw harde schijf.
Als gevolg van de werking van het gereedschap wordt een gebied met een duidelijke grens gevormd.