Zaterdag, 31 Julli 2010 
Home arrow Foto Bewerking arrow Laagstijl omzetten in een losse laag


Photoshop Tutorials
Basis
Brushes
Buttons
Effecten
Foto Bewerking
Kleuren
Signatures
Tekst Effecten
Web Graphics
3D Graphics
FLASH Tutorials

Photoshop-tutorials.nl op hyves!

Statistieken
Tutorials: 123
Er zijn 44 gasten online

Gerelateerde Tutorials
In het nieuws
INC nieuws - Photoshop Tutorials

"Kwaliteitvolle tutorials biedt de website, met het doel de bezoekers ook echt wat bij te leren!"

Laagstijl omzetten in een losse laag

Afdrukken E-mail
Voeg toe aan:
Delicious
NUjij
Technorati
NewsVine
Reddit
YahooMyWeb
Digg
feedmelinks
Hugg
TailRank
Spurl
Furl it!
NewsVine
Blinkbits
blogmarks
LinkaGoGo
Simpy
Smarking
Waardering: / 9
SlechtZeer goed 
Geschreven door Mittch   
maandag 06 april 2009
Deze tutorial gaat over het losmaken van je laageffecten om zo bijvoorbeeld effecten vaker te kunnen gebruiken of je laagstijl te bewerken.

(Tutorial gemaakt in CS4 op een Macintosh. Er is dus geen zekerheid dat deze tutorial ook te volgen is met vorige versies)

Als je de laagstijl gaat losmaken wordt de laag wel omgezet naar pixels, pas hierna dus wel op met vergroten/verkleinen en de rest van de aanpassingen die de structuur van de laag kunnen veranderen. Of te wel, wees heel zeker dat het effect goed is voordat je hem los maakt (denk aan alle opties die je normaal kunt aanpassen in je venster; zie stap 2)

Succes met deze tutorial!

Ik werk in deze tutorial met een slagschaduw (drop shadow). Het losmaken kan met meerdere effecten maar volgens Photoshop niet met alle. Heb dit zelf ook nog niet verder uitgezocht.

Het betreft dus dit voorwerp die we gaan bewerken naar de voorbeelden ernaast.

- Maak een document aan. Gebruik een witte achtergrond (dit mag natuurlijk verschillen maar bij een te donkere achtergrond zie je de zwarte schaduw niet goed genoeg) Het formaat is 390x370pixels (ben je vrij in) en omdat het gewoon een webvoorbeeld is en niet gedrukt hoeft te worden is de resolutie 72dpi.




Stap 1: Het aanmaken van een nieuwe laag en een object maken.
Om een voorwerp een schaduw te kunnen geven moet deze er wel zijn.
- Maak eerst een nieuwe laag aan, die dus los van de achtergrond staat.
- Dan maak je een vierkant met je selectietool en deze vul je met een willekeurige kleur. (Edit > Fill > Color of Shift +F5)
Je lagenpalet ziet er dan zo uit:


En je afbeelding zo:



Stap 2: Effect toevoegen (Laagstijl)
Nu gaan we een laagstijl toevoegen via Layer > Layerstyle, ik werk nu dus met 'dropshadow'.


Dan popt dit venster up en neem je deze instellingen over. Ik heb de 'size' wat hoger gezet zodat de schaduw duidelijker te zien is rondom het voorwerp.


Je lagenpalet ziet er dan zo uit:


En je voorwerp ziet er dan zo uit:


Stap 3: Aanmaak van een knipmasker (Dient ter verbeelding!)

Deze stap hoef je later niet meer te maken want dit dient alleen als voorbeeld. Ik laat je namelijk zien dat je met een knipmasker (en ook met gummen) de schaduw niet weg kan halen want de schaduw vormt zich gewoon telkens mee met het voorwerp (de bovenste laag)

Maak een knipmasker aan:


Dan ziet je laag er zo uit:

Je kunt zien dat het knipmasker geselecteerd is door de lichte hoekjes om het masker heen. Let hier wel op als je gebruik gaat maken van een masker.

Nu gaan we om te testen of het werkt of niet met een zwarte brush de schaduw proberen weg te halen.
Brush:


Nu zie je dat de schaduw zich mee verplaatst.


Nu kan je ook de hele laag omzetten naar pixels en dan de schaduw weghalen. Maar met de schaduw als losse laag heb je meer speling en zekerheid. We gaan dus weer verder:


Stap 4: De laagstijl los maken

Druk met je rechtermuisknop op het effect (zie afbeelding)


Dan ga je naar 'Create Layer':


Dan zie je dat de schaduw onder de laag wordt geplaatst. Ook zie je (als je de schaduwlaag selecteerd) dat de 75% opacity die ik bij de schaduwinstellingen had meegegeven is meegenomen en dat de laag nu op 75% fill staat.


Nu kan ik de schaduw gaan aanpassen zoals de schaduw rondom de randen weghalen.
Dit doe ik in een nieuw knipmasker die ik heb gemaakt op de laag met de schaduw, hier ga ik dan wederom met een zwarte brush te werk (je kan ook werken met een gradient, paintbucket etc.)

Dan ziet mijn knipmasker er zo uit:


En mijn afbeelding zo:



Dat was dan het verhaal van het losmaken en het aanpassen.
Nu kan je ook nog (wanneer nodig) de stappen herhalen en eventueel de laatst gemaakte stijl gewoon 'aanpasbaar' houden.

Stap 5: Het effect nogmaals toepassen

Ik herhaal dus stap 2 en dan komt mijn lagen palet er zo uit te zien:


En mijn uiteindelijke afbeelding zo:



Hopelijk hebben jullie er iets aan gehad en probeer eens wat uit met deze opdracht!

Reageer
De vragen en reacties kunnen door tijdgebrek helaas niet altijd beantwoord worden door de auteur van de tutorial. Help elkaar daarom, en houdt het vriendelijk. Plaats geen rare reacties, anders riskeer je een ban voor de website. Voor overige vragen, zie ons Photoshop Forum.
Naam:
E-mail: (niet verplicht)
BBCode:Web AddressEmail AddressBold TextItalic TextUnderlined TextQuoteCodeOpen ListList ItemClose List
Reactie:



Code: (tegen spam)* Code


Hits: 6090

  Reacties (8)
Geschreven door Aart, op 27-05-2010 18:21
Tutorial werkt ook met CS3
Geschreven door bruisend, op 12-02-2010 22:03
Denk je dat je een advanced photoshopper bent en dan nooit deze logica gebruikt.. goeie tip!
Geschreven door A.M. Fred, op 23-01-2010 09:57
Ik krijg helaas de foto's niet te zien.  
Weet iemand waar dat aan ligt?
Geschreven door meneer aapje, op 25-11-2009 10:27
:? :? :? :? :? :? :? :? :? :? :? :? :? :? :? :eek :eek :eek :eek :eek :eek :eek :eek :eek :eek :eek :eek :eek :eek :eek :eek :? :? :? :eek :eek :eek :eek :eek :eek :eek :eek :eek :eek :eek :eek :eek :eek :eek :eek :eek
Geschreven door peter, op 18-11-2009 12:36
ik snap hem niet.?
Geschreven door Mittch, op 01-06-2009 21:16
Gelukkig, bedankt voor de informatie ;)
Geschreven door Thejan, op 24-05-2009 22:03
Dit werkt ook op een PC en ook in CS3.
Geschreven door Photofreak, op 08-04-2009 22:08
Erg handige tutorial! Had hier altijd problemen mee :upset
 
Voeg toe aan:
Delicious
NUjij
Technorati
NewsVine
Reddit
YahooMyWeb
Digg
feedmelinks
Hugg
TailRank
Spurl
Furl it!
NewsVine
Blinkbits
blogmarks
LinkaGoGo
Simpy
Smarking
< Vorige   Volgende >



© 2006 - 2009, www.Photoshop-Tutorials.nl - Sitemap - Adverteren
Het is niet toegestaan tutorials van deze website te kopiëren. Het is wel toegestaan te verwijzen naar onze tutorials, door er naar te linken.
Page copy protected against web site content infringement by Copyscape


Meest bekeken
Best gewaardeerd

Doneer € 1,50 aan Photoshop-Tutorials.nl


Menu Engineering
Top!