Initiatie Photoshop
Les11 – Werken met vaste waarden Heb je alle vorige lessen met succes doorlopen, dan heb je al heel veel bijgeleerd in zo‟n korte periode. Om alles bij te houden blijf oefenen en nog eens oefenen de werkwijze. Ook wij leren nog iedere dag bij na zoveel jaren Photoshoppen. Geef het dus niet te vlug op, herbegin indien nodig en blijf oefenen. Vanaf nu zullen we niet zoveel uitleg meer geven, enkel het hoogst nodige. En de lessen hoeven ook niet altijd lang en uitgebreid zijn. Zie maar naar deze les. 1) Open een nieuw bestand: Menu Bestand Nieuw met als afmetingen:
Vul de achtergrondlaag met het emmertje met de kleur # bebebe Voorgrondkleur aanklikken en in de kleurkiezer de juiste waarde invullen(zie lesje 10)
en dan vullen met emmertje. 2) Neem een nieuwe laag, noem de laag “basis” selecteer het Rechthoekig Selectiekader en teken een rechthoek met een vaste grootte van 700 x 500 px In de optiebalk klik je het kleine driehoekje aan naast stijl en kiest daar voor vaste grootte
Vul nu de waarden in B = 700 px en H = 500 px e enteren.
Les11
Pagina 1 van 7
Initiatie Photoshop Als je nu klikt op het canvas krijg je onmiddellijk de rechthoekige selectie met de ingestelde waarde. Je kan die selectie verslepen als je dat wenst maar dan moeten zowel je Selectiegereedschap als de knop Nieuwe selectie in optiebalk geselecteerd zijn, je ziet aan je cursor dat die gewijzigd is als je binnen de selectie klikt en die versleept. Vul de selectie met de kleur = # 118f40.(kleurkiezer openen en waarde invullen) Zet voorgrondkleur op wit en ga naar Menu Bewerken – Omlijnen met 2px, wit, binnen. en Deselecteer(CTRL+D). Je hebt een groene rechthoek bekomen met een witte lijn eromheen.
Die groene rechthoek moet in het midden van het canvas staan (alles selecteren(ctrl+A), verplaatsgereedschap selecteren, horizontale en verticale middelpunten uitlijnen, Deselecteren) 3) Plaats nu twee hulplijnen in het midden van het canvas, een horizontale en een verticale. We doen het even zo: Menu weergave – Nieuwe hulplijn – Verticaal en 50% intypen. Of horizont.
4) We tekenen weer een rechthoekige selectie, vaste grootte van 350 x 250 px Nieuwe laag = laag1, selectie Omlijnen met 2 px wit, Ok en Deselecteren. Verplaats die rechthoek zodanig dat zijn middelpunt op de horizontale lijn licht (verplaatsgereedschap selecteren, zorg dat besturingselementen tonen aangevinkt is in de optiebalk, je ziet dan dat het “middelpunt” van de rechthoek (ook referentiepunt genoemd) op de horizontale hulplijn ligt en verplaats die nog verder naar links zodat er slecht ¼ van de rechthoek zichtbaar is op het groene deel van onze afbeelding. Wil je dat heel nauwkeurig doen dan kan je een hulplijn bij plaatsen. Een verticale hulplijn op 130 px
Les11
Pagina 2 van 7
Initiatie Photoshop
5) Dupliceer de laag en verplaats naar de andere kant van het canvas ook op ¼ van de rand. Je kan ook hier gebruik maken van een bijkomende hulplijn: Verticale hulplijn op 670px
Les11
Pagina 3 van 7
Initiatie Photoshop
6) Nieuwe laag = laag2, rechthoekige selectie met vaste grootte = 200 x 150 px. Klik op canvas om de selectie te bekomen en omlijn met wit, 2px en deselecteer. Verplaats de rechthoek naar links, referentiepunt op horizontale hulplijn, ¼ van de buitenrand. Dupliceer de laag, verplaats aan andere kant van het canvas ook op ¼ van de groene buitenrand. Hulplijnen!!! (vb verticale hulplijnen op 95 px en 705 px)
Les11
Pagina 4 van 7
Initiatie Photoshop En… heb je tussenin je werk regelmatig opgeslagen??? Als les11.psd Zeker nu nog eens opslaan! 7) Voeg die laatste vier lagen samen: Klik de bovenste laag aan, houd de shift toets ingedrukt en klik laag 1 aan, er zijn nu vier lagen blauw, ofwel klik je de toetsencombinatie Ctrl + E aan, ofwel Menu Laag – lagen samenvoegen ofwel rechtsklikken op de blauw geselecteerde lagen en daar kiezen voor Lagen samenvoegen. En er bestaat vast nog wel een manier, maar dat volstaat wel hé. De bekomen nieuwe laag noem je “rechte lijnen”.
8) De witte lijntjes die buiten het groene gebied vallen zullen we nu verwijderen. Selecteer daarvoor dat groene gebied = Ctrl + klik op laagminiatuur van laag “basis”
, keer de selectie om = Menu Selecteren – Selectie omkeren of Ctrl + Shift + I Activeer laag “rechte lijnen” en klik de delete toets aan op je toetsenbord en deselecteer (Ctrl + D).
9) Nieuwe laag boven laag “rechte lijnen” = laag 1 Ovaal selectiekader selecteren, stijl = vaste grootte, B = H = 100 px, zal dus een cirkel worden.
Klik eenmaal op het groene gebied, ga naar Bewerken – Omlijnen, 2px, wit, binnen, Deselecteren.
Les11
Pagina 5 van 7
Initiatie Photoshop
Zorg dat het middelpunt van de cirkel samenvalt met het snijpunt van de hulplijnen. Verplaatsgereedschap , … Die laag 1 vier keren dupliceren (Ctrl + J) en de cirkels zo plaatsen dat ieder middelpunt samenvalt met een hoekpunt van het groene veld.
10) Laag 1 en de vier kopielagen samenvoegen tot één nieuwe laag = “Cirkels” (lagen blauw zetten en een methode voor samenvoegen kiezen, (vb Ctrl + E). Laagminiatuur van laag “basis” selecteren, selectie omkeren, deleten op laag “cirkels”, Deselecteren 12) Nu nog de middellijn. Selecteer het lijngereedschap, in optiebalk dikte op 2 px en kleur wit. Voor het lijngereedschap eerst het vormgereedschap selecteren, in optiebalk “lijn” selecteren en ook het eerste knopje „vormlagen is geselecteerd. Les11
Pagina 6 van 7
Initiatie Photoshop
Trek nu een lijn terwijl je de shift toets vasthoudt van boven naar beneden. Hieronder zie je de lijn, heb wel even de hulplijnen onzichtbaar gemaakt via Weergave – Tonen – Hulplijnen
Geen witte lijn? Klik dan even een andere laag aan en je lijn zal wit zijn. 11) Het voetbalveld is klaar! Opslaan als les11.psd
12) Zet er nog je eigen naam op, en sla nogmaals op als jpeg. Sla op als les11.jpg en stuur naar de mailgroep. Code gebruiken!!!
Les11
Pagina 7 van 7
Initiatie Photoshop
Les12 – Staaf door tekst We maken nog een eenvoudig lesje. 1) Open nieuw bestand : 15cm op 10cm ; 72 dpi; RGB ; Wit
2) Neem een nieuwe laag, naam = “staaf” en trek een lang smal selectiekader ; vul met kleur ; kleur is hier van weinig belang maar geen wit nemen, witte achtergrond!!! ; selectie opheffen met CTRL+D Je kan ook eens waarden ingeven in de optiebalk, bij stijl klik je het rechtse driehoekje aan en kiest “vaste grootte” ; ernaast vul je de waarden in; enteren om te bevestigen; dan gewoon klikken op je blad. De selectie vullen met kleur ; selectie opheffen.
Centreer de gekleurde smalle rechthoek (alles selecteren, verticaal en horizontaal uitlijnen) Geef als laagstijl schuine kant en reliëf ; waarden een beetje zelf uitzoeken, de standaardwaarden zijn OK. Geef daarna ook nog volgende verloopbedekking: zwart-wit-zwart, lineair
Les12
Pagina 1 van 4
Initiatie Photoshop 3) Kies een andere voorgrondkleur voor de tekst en typ je tekst boven de balk ; tekst centreren. (je kan ook de letters verschuiven met je verplaatsgereedschap; de letters moeten in het midden van de balk staan). Ik gebruikte lettertype Script MT Bold ; grootte 100 pt.
4) Rechtklikken op de tekstlaag en kiezen voor “laag omzetten naar pixels”, pas op, nu kan je de tekst zelf niet meer wijzigen.
Les12
Pagina 2 van 4
Initiatie Photoshop 5) Nu zouden we het gummetje kunnen gebruiken om delen van de tekst weg te vegen zodat het lijkt alsof de staaf doorheen de tekst gaat, maar als we teveel weggeveegd hebben kunnen we dit niet meer herstellen, weg is weg. We verkiezen hier van een laagmasker toe te voegen aan de tekstlaag ; Onderaan in lagenpalet klikken op de knop voor het toevoegen van een laagmasker.
6) Selecteer nu een hard zwart penseel van 13 px(is ook afhankelijk van de dikte van je staaf)
Selecteer de staaf = Ctrl + klik op laagminiatuur van laag “staaf”, activeer laag met tekst zodat die blauw staat, klik op het laagmasker ervan en schilder nu op de tekst met je penseel, veeg om en om wat weg zodat het lijkt alsof de staaf doorheen de tekst gaat. Teveel weggeveegd? Neem een wit penseel! En schilder de tekst terug. Klaar? Deselecteer.
7) Werk oefening zelf verder af zoals ook geleerd in vorige lessen, achtergrond, kader, laagstijl… Les12
Pagina 3 van 4
Initiatie Photoshop Wanneer je de letters op een witte achtergrond zet heb je het resultaat zoals hierboven. Hier nog een voorbeeldje.
Vul misschien ook nog de achtergrondlaag! Kleur, verloop, of waarom zet je er niet een passende foto onder??? Heb je de oefening bewaard als … ??? Les12.psd 8) Zet er nog je eigen naam op, Sla op als les12.jpg en stuur naar de mailgroep. Code gebruiken!!!
Les12
Pagina 4 van 4
Initiatie Photoshop
Les13 – Allerlei correcties
En ook aandacht bij het opslaan, zeker afbeeldingsgrootte controleren!!!! Resolutie 72px/inch, max. breedte/hoogte 800px /800px Langste kant dus max: 800px Denk er ook aan dat je voor je aan een nieuwe opdracht begint “Gereedschap herstellen” toepast zodat de standaard instellingen terug ingevuld zijn.
Hier geven we slechts enkele basis handelingen mee, het aanbod in Photoshop is nog veel groter en de mogelijkheden veel uitgebreider dan wat we hier kunnen bespreken. 1a) Een foto rechttrekken via transformatie. Open de foto les13 Temse, onze fotograaf van dienst was wat snel en ons gemeentehuis staat dus wat scheef op de foto. Klik nu eens niet op het handje maar Ctrl – (dus Ctrl + minteken samen aanklikken) om de foto UIT te zoomen. Je kan ook het vergrootglas selecteren en in de optiebalk op vergrootglas met min teken klikken en dan klikken op de foto.
Als de Linialen aanstaan kan je een verticale of horizontale hulplijn slepen. Ook hier afhankelijk van de foto. De rode pijltjes wijzen op enkele mogelijkheden hier. Selecteer het volledige canvas (Ctrl + A of menu Selecteren – Alles) Transformeer de inhoud van de selectie (Ctrl + T of menu Bewerken – Vrije Transformatie) Je ziet nu de Ankerpunten, met muis beweeg je naar een hoekpunt tot je een kleine kromme dubbele pijl ziet, sleep voorzichtig op het grijze deel van de afbeelding boven het hoekpunt tot de afbeelding min of meer recht staat met de door jou gekozen hulplijn. Les13
Pagina 1 van 15
Initiatie Photoshop Bevestig door te enteren of klik bovenaan in optiebalk op ‘V’ = transformatie vastleggen en deselecteren.
We gaan nu het uitsnijgereedschap gebruiken om een mooie foto te bekomen.
Met het uitsnijden gereedschap die zwarte randen verwijderen en weer op enter toets klikken. Indien gewenst kan je de afbeelding bewaren als les13 Temse recht.jpg (bij het uitsnijden op wissen toets klikken zodat er geen waarden meer ingevuld staan vooraleer je uitsnijdt)
Sla op als les13(1a) in jpeg om naar de mailgroep te sturen, controleer ook even je afbeeldingsgrootte.
1b)Tweede methode: Onder het gereedschap Pipet zit er een Meetlatje(liniaal) dit hebben we nodig. (rechtklikken op pipet om liniaal te kunnen selecteren)
Les13
Pagina 2 van 15
Initiatie Photoshop
We openen nu les13 schuin, foto genomen op een terrasje in Oostenrijk Met het meetlatje sleep je een lijn, ik nam de nok van het dak(zou recht moeten lopen) Je kan best een andere denkbeeldige lijn nemen, zoals dakgoot, onderkant ramen enz…. Naargelang je foto maak je zelf de keuze. Klik links en met ingedrukte muis sleep je naar rechts(volg de noklijn.) Voor cs5 gebruikers is er een tooltje(icoontje) aanwezig in de optiebalk dat na het trekken van onze lijn alles voor ons gaat doen.
Eerdere versies volg het lesje hieronder.
Ga nu naar Menu Afbeelding – Canvas roteren en kies daar voor instelbaar Er wordt door Photoshop een hoek voor het draaien voorgesteld, we aanvaarden die met Ok Deze graden kunnen iets afwijken naargelang het trekken van je lijn met het meetlatje. De foto wordt recht gezet en je kan die nu weer zo groot mogelijk uitsnijden. Hulplijnen plaatsen kan een bijkomende hulp zijn om je foto uit te snijden. Zo kunnen we op het snijpunt links boven beginnen om onze foto zo groot mogelijk uit te snijden. We bevestigen met enter of klikken het vinkje aan.
Les13
Pagina 3 van 15
Initiatie Photoshop
We slaan op als les13(1b).jpeg
2) Rode ogen verwijderen Open de foto les13 rode ogen.jpg De foto kan misschien heel wat verbeterd worden maar we beperken ons tot de rode ogen verwijderen. Onder het gereedschap Retoucheren vind je ‘Rode ogen verwijderen’. Selecteer dit gereedschap en sleep dan een kleine rechthoekige selectie over het rood van de ogen. En weg zijn de rode ogen. Herhaal dit voor ieder rood oog! Specialisten vinden dit maar niets, maar het is toch al een hele verbetering voor onze foto.
Les13
Pagina 4 van 15
Initiatie Photoshop
We kijken nog even de afbeeldingsgrootte na en slaan op als les13 rode ogen in jpeg.
3) Vlekken of een storend object verwijderen Open de afbeelding les13 hond.jpg Het hondje liep in de modder en liet vuile pootjes afdrukken na. We proberen het terras schoon te maken met behulp van de Kloonstempel die we ook al eerder eens uitprobeerden. Selecteer de Kloonstempel in de gereedschapset, in Optiebalk een Penseelgrootte kiezen, we proberen het even met een zacht penseel van 70 px.
Houd de Alt toets ingedrukt en je ziet de cursor veranderen in een dubbel cirkeltje met kruisje. Met ingedrukte alt toets klik je eenmaal onder een vuile pootafdruk, we hebben een BRON vastgelegd dat er naar ons gevoel proper bij ligt, je ziet hier nog niets gebeuren, verplaats je cursor en sleep nu over de vuile pootafdruk = DOEL, doe dit heel voorzichtig, neem regelmatig een andere bron, pas de grootte van het penseel aan, aan het te verwijderen deel van de foto. Ook andere vlekken kan je op die manier verwijderen. De verbeterde foto bewaren als les13 hondje.jpg in de map Initiatie.
Les13
Pagina 5 van 15
Initiatie Photoshop
4) Het Retoucheerpenseel Met het retoucheer penseel kan je onvolkomenheden corrigeren, waardoor deze verdwijnen in de omringende afbeelding. Net als bij het Kloonen kan je het retoucheerpenseel gebruiken voor het tekenen met pixelmonsters van een afbeelding. Bij de kloonstempel wordt een bepaald punt overschilderd met een vooraf gekozen punt en blijft er niets meer over van de oorspronkelijke pixel. Bij het retoucheerpenseel worden de pixels van de bron samengesmolten met de bestaande pixels als je de muisknop loslaat. Open de afbeelding les13 oude dame.jpg, dupliceer de achtergrondlaag (Ctrl + J). Selecteer het Retoucheerpenseel.
Les13
Pagina 6 van 15
Initiatie Photoshop
Eerst het Penseel instellen, in optiebalk uitgelijnd aanvinken!
Zoom heel sterk in op de foto (Ctrl +), we proberen even de rimpel weg te werken op de neus van de dame. Met ingedrukte Alt toets nemen we weer een BRON op een mooie (rimpelloze?) plaats, hoe dichter bij het te beschilderen gebied hoe beter de kleuren zullen ineenvloeien. Sleep nu met de muis over de rimpel, de huid waar we de Bron namen wordt nu over de rimpel gekopieerd en de pixels worden vermengd. Het kruisje volgt de cursor, zo zie je wat je aan het kopiëren bent (= de functie van het aanvinken van uitgelijnd.) Ook de kleine bruine vlekjes kan je op die manier wegwerken. Het vraagt weer wat geduld en oefenen, niet overdrijven, de dame wordt er niet jonger door. Neem heel veel bronnen en werk met korte penseelstreken. Heb je wat overdreven? Maak de retouches iets minder opvallend door het dekkingspercentage van de bovenste laag te verminderen. Tevreden? Beide lagen verenigen en je werk opslaan als les13 rimpels.jpg
Les13
Pagina 7 van 15
Initiatie Photoshop
5) Tanden witter maken (nogmaals, hier bespreken we maar een methode!!!) Open foto les13 tanden.jpg Selecteer de tanden en plaats op een nieuwe laag. Selecteren = we gebruiken de magnetische lasso en zetten in optiebalk de frequentie op 100
Bij deze lasso springt de selectielijn naar de randen van de gedefinieerde gebieden in de afbeelding. Dit is handig als je snel onderdelen wilt selecteren die een sterk contrast vormen met de achtergrond. Selecteer de Magnetische lasso, klik in de afbeelding om het eerste fixeerpunt te plaatsen. (Met fixeerpunten wordt het selectiekader verankerd). Verplaats nu de muisaanwijzer langs de rand die je wilt tekenen, je kan ook slepen rond de tanden met ingedrukte linkermuisknop. Sluit de selectie door op Enter te drukken of door het startpunt aan te klikken.
Les13
Pagina 8 van 15
Initiatie Photoshop
Plaats nu de bekomen selectie (= stippellijn rond tanden, sommigen spreken ook van dansende mieren) op een nieuwe laag met Ctrl + J. Van deze nieuwe laag wijzig je de laagmodus in Bleken (de tanden worden nu wel heel wit) en pas nu wel de laagdekking aan (vb 40 – 50%). De laagmodus staat bovenaan in het lagenpalet op ‘Normaal’, klik dit menu open en kies ‘Bleken’. Laagdekking werd al getoond.
Les13
Pagina 9 van 15
Initiatie Photoshop
De randen lijken nogal scherp, vandaar op die nieuwe laag met tanden, dus die laag activeren pas je de filter Vervagen – Gaussiaans vervagen toe
Voeg beide lagen samen en bewaar als les13 witte tanden.jpg Les13
Pagina 10 van 15
Initiatie Photoshop 6) Foto verscherpen Eerste manier: Open foto les13 tulpen.jpg Dupliceer de achtergrondlaag, op de nieuwe laag1 pas je volgende filter toe: Menu Filter – Verscherpen – Onscherp masker en pas de instellingen aan, hier wordt dus weeral enkel een hint gegeven, schuivertjes zelf eens aanpassen, klik ook het vinkje eens aan en uit van de voorvertoning, dan zie je hoe de foto er voor en na het verscherpen zal uitzien. Teveel verscherpt? Je kan de laagdekking van bovenste laag weer wat aanpassen. (ongeveer 82%)
Beide lagen samenvoegen en opslaan als les13 tulpen verscherpt.jpg Tweede manier: Open foto les13 vlinder.jpg Dupliceer de achtergrondlaag, op de nieuwe laag1 pas je volgende filter toe: Menu Filter –Overige –Hooglichten, hier weeral enkel een hint , schuivertjes zelf eens aanpassen, maar maximum 8 pix nemen.
Les13
Pagina 11 van 15
Initiatie Photoshop
Lijkt nergens op hé? Wijzig echter de laagmodus van laag1 van Normaal in 'Bedekken'. Weet je nog, in lagenpalet bovenaan links?
Voeg nu beide lagen samen en de vlinder ziet er al veel beter uit. Voor het samenvoegen van lagen kan je op verschillende manieren werken, een kleine herhaling kan geen kwaad: laag1 activeren en volgende toetsencombinatie gebruiken: Ctrl + E rechtsklikken op laag1 een kiezen voor 'verenigen omlaag laag' via het menu Laag - Verenigen omlaag laag En zo zijn er nog wel mogelijke manieren van lagen samen te voegen. En zo zullen er nog wel manieren zijn om foto's te verscherpen. 7) Haarkleur wijzigen Nog een laatste voorbeeld, niet echt een verbetering of correctie maar toch. Open les13 haarkleur.jpg We maken een aanpassingslaag ‘Kleurtoon/verzadiging’ boven de achtergrondlaag. Klik onderaan in het lagenpalet de toets aan met cirkeltje verdeeld in zwart/wit en kies de optie Kleurtoon/verzadiging.
We passen hier de waarden aan volgens de gewenste kleur voor het haar, naar de rest hoef je nog niet te kijken, we passen dit seffens aan. Klik op Ok (altijd je foto in het oog houden) Vanaf CS4 is OK verdwenen en kan je dus de waarden aanpassen en verder gaan. Zie print hieronder.
Les13
Pagina 12 van 15
Initiatie Photoshop
schuivertjes gebruiken om je gewenste kleur te zoeken en lesje verder volgen. Hieronder terug CS3
Door het toevoegen van een aanpassingslaag is er bij die laag een laagmasker gekomen. We vullen het masker met zwart, dit betekent dat we het masker eigenlijk uitzetten. Je zal zien dat de foto weer de normale kleur gekregen heeft. Hoe vullen we met zwart? Eén voorbeeld: klik het masker aan en klik dan Ctrl + I. Aangezien het masker nu zwart is zullen we met een zacht wit penseel daarop schilderen. Selecteer het penseel, kies een penseel van ongeveer 100 px (afhankelijk van de grootte van je foto)
Les13
Pagina 13 van 15
Initiatie Photoshop
Klik voor alle veiligheid nog eens het masker aan en schilder nu heel voorzichtig over het haar van de dame. Indien nodig flink Inzoomen en de grootte van het penseel regelmatig aanpassen. Teveel beschilderd? Nu zal je met een zwart penseel moeten werken. Moest nu blijken dat je toch niet zo tevreden bent met de kleur van het haar, dan pas je dat zo aan: Dubbelklikken op het laagminiatuur van de aanpassingslaag, je verkrijgt weer het dialoogvenster van Kleurtoon/verzadiging dat je kunt wijzigen, klik Ok om te sluiten.
Beide lagen samenvoegen en opslaan als les13 wijzigen haarkleur.jpg Les13
Pagina 14 van 15
Initiatie Photoshop
Opmerking: Als je de oefeningen naar de mailgroep Initiatie zend, dan zou je er bij het opslaan telkens moeten aan gedacht hebben van de afbeelding niet groter dan 800 x 800 px met een maximum kwaliteit van 150K te hebben. Vergeten? Open je bestanden terug in Photoshop, pas de afbeeldingsgrootte aan en bewaar ze opnieuw. Succes verder.
Les13
Pagina 15 van 15
Initiatie
[Geef tekst op]
Les 14-Eenvoudige animatie maken-Neon reklame De bedoeling is om even kennis te maken met het onderdeel animatie van photoshop 1) Open een nieuw bestand: breedte 400px, hoogte 200px, 72dpi, RGB, Wit.
Onze neon reklame zal beter uitkomen op een zwarte achtergrond. Voorgrondkleur op zwart zetten en achtergrondlaag vullen met het emmertje. We plaatsen ook reeds onze naam op het werkje, tekstgereedschap actief, en typ uw naam(nickname) en plaats rechts onderaan. Ga naar het menu…laag…één laag maken.
In onze volgende prints is “je naam” weggelaten(ter informatie)
2) We gaan ons hobby gebruiken als neon reklame. Zoek een vet lettertype, arial black leent zich uitstekend voor onze opdracht. Arial black, 48pt, kleur rood.
[Geef tekst op]
Pagina 1
Initiatie
[Geef tekst op]
En typ het woord “PHOTOSHOP” Onze tekst gaan we wat aanpassen, verplaatsingsgereedschap actief, besturingselementen tonen aangevinkt en trek de middelste ankerpunten wat naar boven en onder.
Onze tekst nog uitlijnen. Ctrl+A(alles selecteren) Verplaatsingsgereedschap en tekstlaag actief. Verticale en horizontale middelpunten uitlijnen nemen. Deselecteer. De tekstlaag mag je omzetten naar pixels.
Onze tekst is nu mooi gecentreerd in het werkje. We gaan nu 3 identieke tekslagen bijmaken met een ander kleurtje. We maken de selectie van onze tekst door met de ctrl toets ingedrukt op de laagminiatuur te klikken van de tekstlaag.
De selectie blijft actief, neem een nieuwe laag, zet de voorgrondkleur op een andere felle kleur(geel) en vul de selectie.
Selectie blijft actief, neem weer een nieuwe laag, andere felle voorgrondkleur(groen) en vullen met het emmertje. En nogmaals, selectie nog altijd actief, nieuwe laag, andere voorgrondkleur(blauw) en vullen met het emmertje. Je mag de selectie nu opheffen(ctrl+D) Ons lagenpalet ziet er als volgt uit:
[Geef tekst op]
Pagina 2
Initiatie
[Geef tekst op]
3) We zijn nu klaar om naar animatie over te schakelen. Ga naar het menu venster en vink animatie aan. Ondertussen is CS6 een feit en daar noemt men het tijdlijn.
Krijg je volgend schermpje dan zitten we in het verkeerde pallet, klik dan even rechtsonder op het icoontje.
En dan gaan we het volgende krijgen(kan zijn dat het direct opende)
Je ziet links Eenmaal staan en dat gaan we op altijd brengen(animatie gaat zich dan herhalen) Klik op het kleine zwarte driehoekje. Juist erboven staat hier 10sec en dat gaan we op 0,1 brengen(de animatie gaat dan veel vlugger bewegen) ideaal dus voor onze neon reklame. Wil je beter de overgang van kleuren zien zet de vertraging dan op 0,2 (aan te raden voor onze beginners, iets minder snel) [Geef tekst op]
Pagina 3
Initiatie
[Geef tekst op]
Onze instellingen zijn klaar, en we zien ook één frame in ons palet. Nu gaan we in ons lagenpalet aanduiden wat we willen zien(oogjes aan en uit) op dat frame. Hier willen we dus de laag achtergrond zien(deze moet zichtbaar zijn in alle frames) en de rode tekstlaag, dus oogjes aan van achtergrond en rode tekst.
We maken nu een frame bij.
Gaan terug naar ons lagenpalet en nu moeten we de laag achtergrond hebben en de gele tekstlaag.
Weer een frame bijmakenen in je lagenpalet achtergrond en groene tekstlaag oogje aan. Weer frame bijmaken en in je lagenpalet achtergrond en blauwe tekstlaag oogje aan.
[Geef tekst op]
Pagina 4
Initiatie
[Geef tekst op]
Onze frames zijn klaar om op te slaan als gif bestand. Je kan even testen in je programma door op het driehoekje te klikken.
Ga nu naar het menu bestand en neem opslaan voor web en aparaten….
Controleer even de instellingen.
[Geef tekst op]
Pagina 5
Initiatie
[Geef tekst op]
Opslaan en je animatie is klaar om naar de mailgroep te verzenden, vergeet niet de juiste code te gebruiken.
[Geef tekst op]
Pagina 6
Initiatie Photoshop
Les15 – Kaartje maken – Filters gebruiken Eerste opdracht 1) Bestand openen : Menu Bestand Openen, open de beginfoto van deze de afbeelding les15 bloemenmand.jpg Werk op kopie van foto = CTRL+J, je bekomt een nieuwe laag, naam = bloemen Probeer eerst die vervelende rode letters weg te Kloonen met Kloonstempel. Werk opslaan als … les15.psd in de map Initiatie. 2) Met filters werken: we maken een beetje een schilderij van deze foto.
Menu filter Structuur Structuurmaker(canvas) : vul onderstaande waarden in en klik ok
Les15
Pagina 1 van 7
Initiatie Photoshop
3) Neem een nieuwe laag (menu Laag Nieuw Laag of via knopje onderaan lagenpalet) Vergroot het canvas met 2 cm (menu Afbeelding Canvasgrootte : breedte = hoogte = 2cm, relatief aangevinkt, plaatsing niet wijzigen, ok aanklikken.
Daar we nog een vergrendelde achtergrondlaag hebben gaat je canvas automatisch uitgebreid worden met wit(standaard), kleur kan je ook wijzigen. Hebben we geen vergrendelde achtergrondlaag wordt de uitbreiding automatisch transparant(ter info). 4) Maak een selectie van laag “bloemen” (ctrl+klik op laagminiatuur) Sommigen noemen het hokje voor een laag ook laagicoon of thumbnail, in ieder geval mag je niet klikken in het blauw van de laag.
Les15
Pagina 2 van 7
Initiatie Photoshop Keer de selectie om (menu Selecteren selectie omkeren of Shift + Ctrl + I) ; vul nu de geselecteerde rand met de kleur = # C7577F (= voorgrondkleur) met emmertje. Ga naar Filter Ruis Ruis ; hoeveel = 50% en hef de selectie op (= Ctrl + D).
5) Dubbelklik op de laag met paarse boord (of kleine fx onderaan lagenpalet aanklikken), dialoogvenster laagstijl opent, klik Schuine kant en reliëf aan, ok 6) De laag met paarse boord is nog altijd geactiveerd : Ga naar Menu Filter Vervorm Rimpel en zet het schuifje van Hoeveel helemaal naar rechts, klik op ok
7) Typ je tekst = Prettige Verjaardag of een andere tekst, kies een mooi lettertype, grootte, kleur, enteren op numeriek blok van je toetsenbord. Knop in optiebalk “verdraaide tekst” aanklikken, kies bij stijl = boog ; ok Met verplaatsgereedschap de tekst goed zetten op je afbeelding
Les15
Pagina 3 van 7
Initiatie Photoshop
Dubbelklik op tekst laag om dialoogvenster laagstijl te open, kies voor Lijn ; klik op woord lijn; verander kleur = wit ; grootte = 3 px ; positie = buiten ; ok Zet je naam op je werk, Sla je werk nog eens op als les15.psd
Afbeeldingsgrootte aanpassen!!!. Je werk opslaan als les15.jpg Stuur naar de mailgroep en vergeet niet van de code te gebruiken.
Tweede opdracht 1)
Open een nieuw bestand : breedte = 800 px ; hoogte = 800 px ; RGB; 72 dpi; wit
2)
Open de gewenste afbeelding. Hier werd bijvoorbeeld Nijntje gebruikt, hier is het toegelaten een eigen afbeelding te gebruiken.
3)
Met ovaal selectiegereedschap teken je een zo groot mogelijke cirkelselectie (shift-toets ingedrukt houden, begin te slepen vanuit linkerbovenhoek naar rechter hoek onderaan) rond datgene van de afbeelding dat je wenst te gebruiken;
Les15
Pagina 4 van 7
Initiatie Photoshop Kopiëren = Ctrl + C ; witte blad aanklikken en de selectie erop plakken = Ctrl + V We bekomen een nieuwe laag1; is het geplakte deel te groot ga naar menu Bewerken Vrije transformatie (= Ctrl + T) ; klik in optiebalk schakeltje aan tussen B(reedte) en H(oogte) om te verhoudingen te respecteren en wijzig bv B = H = 40% (hangt van eigen foto af) en enteren. Je kan ook aan de handgrepen slepen, hou ofwel shift ingedrukt ofwel weer schakeltje aanklikken in optiebalk. Centreren (horizontale en verticale middelpunten uitlijnen).
4)
Kies een kleur uit de afbeelding als voorgrondkleur; Pipet selecteren, klik bijvoorbeeld op die donker paarse ballon. Neem een nieuwe laag2 ; Selecteer opnieuw de cirkel = Ctrl + klik op het laagminiatuur van laag1, menu Bewerken omlijnen ; 20 px ; locatie = Buiten ; ok Deselecteren = Ctrl + D
5)
Filter structuur craquelure ; waarden op 20 ; 8 ; 9 ; ok Filter vervorm rimpel ; Waarde voor hoeveel zelf zoeken hangt af van de grootte van je foto ; hier werd ongeveer 250 gebruikt
6)
Tekst toevoegen; zoek een mooi lettertype (arial black); grootte (48pt), kleur (= gele kleur van de ballon als monster nemen met je pipet) en je tekst onderaan typen. Om de stand van de letters te wijzigen gebruik je de knop Tekst verdraaien in optiebalk ; kies boog onder. (tekstgereedschap moet aanklikt zijn en tekstlaag actief) Zie ook dat je tekst binnen je kader staat. Grootte van je letters kan nog aangepast worden via Vrije transformatie en de tekst kan je verplaatsen met je verplaatsgereedschap.
Les15
Pagina 5 van 7
Initiatie Photoshop
7)
Dubbelklik op tekstlaag om dialoogvenster laagstijl te openen of onderaan je lagenpalet fx aanklikken, kies Slagschaduw; kies lijn : grootte en kleur ; positie buiten.
8)
Je kan indien gewenst de achtergrondlaag inkleuren, er een verloop op toepassen, … Misschien moet je nog de grootte van laag1 een beetje aanpassen, bij mij is er nog wit te zien tussen de donkere rand en het groen van de afbeelding. (Vrije Transformatie). Met pipet kiezen we twee kleuren uit de afbeelding als voor en achtergrondkleur: - klik met je pipet op een gele ballon = voorgrondkleur - houd nu de Alt toets ingedrukt en klik met pipet op de groene ballon = achtergrondkleur Selecteer het verloopgereedschap, in optiebalk de gekleurde balk van het verloop aanklikken, kies voorgrond naar achtergrond (eerste kleurtje), klik in optiebalk radiaal verloop aan, activeer de achtergrondlaag en trek het verloop vanuit het midden van de witte achtergrond naar een hoekpunt. Vind je dit verloop niet feestelijk genoeg dan kan je gerust andere kleuren gebruiken. Of zelfs een eigen verloop maken.
Heb je je werk ondertussen al opgeslagen als les15b.psd???
Les15
Pagina 6 van 7
Initiatie Photoshop
Je naam op je werk zetten en je werk opslaan als les15 nijntje.jpg Dit is mijn resultaat van deze oefening:
Les15
Pagina 7 van 7
Initiatie Photoshop
Les16 – Wolf en meisje – Aanpassingslagen gebruiken 1) Bestand openen : Menu Bestand Openen, open de beginfoto van deze de afbeelding les16 meisje.jpg Achtergrondlaag ontgrendelen = laag “meisje”. Met verplaatsgereedschap geselecteerd, shift toets ingedrukt, het meisje naar rechts verschuiven zodat ze enkel horizontaal verplaatst wordt.
Werk opslaan als … les16.psd in de map Initiatie. 2) Nieuwe laag onderaan bijmaken en vullen met zwart (Ctrl toets vasthouden terwijl je op het toetsje onderaan het lagenpalet klikt om een nieuwe laag toe te voegen). Noem de laag achtergrond. 3) Open afbeelding met wolf en plaats op je werkdocument(werkje met meisje) als bovenste laag = “wolf”. Grootte aanpassen (Vrije transformatie, 80%) en naar links verplaatsen.
Les16
Pagina 1 van 6
Initiatie Photoshop
4) Op de beide lagen (meisje en wolf) een laagmasker toevoegen. Juiste laag actief maken, en klik op icoontje(laagmasker toevoegen)
Herstel de standaardkleuren zwart/wit (D toets aanklikken), selecteer het verloop van voor naar achtergrondkleur, lineair. Laag wolf activeren, het laagmasker ervan aanklikken en je verloop trekken op je werkdocument van rechts naar links dus van zwart naar wit (zwart = onzichtbaar, wit = zichtbaar) Zelfde op laag met meisje: op het masker een verloop trekken nu van links naar rechts. Ik bemerk dat de foto met wolf niet zo mooi overvloeit in het geheel, zie foto hieronder.
Les16
Pagina 2 van 6
Initiatie Photoshop
Neem daarvoor het Penseel, voorgrondkleur nog op zwart? Je mag een tamelijk groot (250 px) zacht (hardheid = 0%) penseel nemen, het laagmasker van laag wolf weer aanklikken en heel voorzichtig schilderen over die vervelende lijntjes die op het meisje vallen. Kijk hieronder wat je zo ongeveer tot hiertoe zou moeten hebben. En je werk nog maar eens opslaan!!!
Les16
Pagina 3 van 6
Initiatie Photoshop
5) Voeg nu bovenaan in het lagenpalet een aanpassingslaag Kleurtoon/Verzadiging toe: Kan met toets onderaan lagenpalet, kan met menu Laag – Nieuwe aanpassingslaag.
We voegen rood toe, vink vullen met kleur aan en pas de schuivers aan
6) Het is de bedoeling dat we de ogen van het meisje en de wolf rood kleuren. Je ziet dat er naast de aanpassingslaag ook een laagmasker staat, dit laagmasker werkt echter precies omgekeerd als de laagmaskers die we toevoegden aan de lagen wolf en meisje. Wit = zichtbaar, zwart = onzichtbaar. We maken het masker zwart = masker aanklikken en daarna (Ctrl + I) klikken, je kan ook het masker aanklikken en dan met het emmertje vullen met zwart. Het masker is zwart van de aanpassingslaag dus heeft ze geen enkel effect meer op de lagen die eronder liggen. Neem nu een heel klein penseel, zet de voorgrondkleur op wit, zoom in op de ogen en beschilder die met wit, opgepast je moet dus wel eerst het masker van de aanpassingslaag aanklikken vooraleer je begint te schilderen!!! Ik gebruikte volgende zacht penseel en bij het meisje schilderde ik enkel over de Iris van het oog, niet op het wit, bij de wolf heb ik enkel op het wit geschilderd, aan jou de keuze.
Les16
Pagina 4 van 6
Initiatie Photoshop
Vind je het effect te hard dan kan je nog de dekking van de aanpassingslaag verminderen.
En de rest van het verhaal ken je nu al??? Je naam op je werk zetten. Alles nog eens opslaan als les16.psd en je werk opslaan als les16.jpg Wil je je werk doorsturen naar de mailgroep, zorgen dat de afbeeldingsgrootte aangepast is en de kwaliteit niet te hoog staat. Code gebruiken… Dit is mijn resultaat van deze oefening:
Les16
Pagina 5 van 6
Initiatie Photoshop
Les16
Pagina 6 van 6
Initiatie Photoshop
Les17 – Mooie compositie maken 1) Nieuw Bestand openen : Menu Bestand Nieuw
Om tot hetzelfde resultaat te komen is het belangrijk het lesje stap voor stap te volgen. Zeker bij het maken van deze achtergrond. 2) Zorg dat de standaardkleuren hersteld zijn (D toets aanklikken) Ga naar Filter – Rendering – Wolken En daarna Filter – Rendering – Andere wolken. Die laatste filter willen we een paar keren (5 keren) herhalen, je kan dus telkens weer naar het menu Filter gaan of klik gewoon 5 keren de toetsencombinatie Ctrl + F aan. 3) Het wit zou iets witter en het zwart iets zwarter mogen zijn, we passen de Niveaus aan: Menu Afbeelding – Aanpassingen – Niveaus, je kan de schuivers verslepen of klik enkel eens op de knop automatisch rechts onderaan(plaats kan verschillen naargelang de versie) in dit dialoogvenster, Ok.
4) We willen het geheel rood laten kleuren: Menu Afbeelding – Aanpassingen – Kleurtoon/verzadiging, vullen met kleur aanvinken en de verzadiging op 50 zetten. Les17
Pagina 1 van 7
Initiatie Photoshop (We werken hier nu niet met een aanpassingslaag, achteraf kan je aan de kleur niets meer wijzigen.)
5) Dupliceer de achtergrondlaag (Ctrl + J) = laag “oranje”. Draai deze laag 90° rechtsom: Menu Bewerken – Transformatie – roteren 90° rechtsom 6) We geven deze laag nu een oranje kleur, dus weer via menu Afbeelding – Aanpassingen – Kleurtoon/verzadiging, vullen met kleur aanvinken, waarden = 20 ; 65 ; 0
7) Deze oranje laag dupliceren = laag “geel” 90° rechtsom draaien, kleurtoon/verzadiging, vullen met kleur aanvinken, met de waarden 45 ; 67 ; 0 Les17
Pagina 2 van 7
Initiatie Photoshop
8) Aangezien er weinig te zien is van de andere lagen zullen we de laagmodus wijzigen, dus in het lagenpalet werken. Laag geel moet op ‘bedekken’ en laag oranje op ‘lichter’. Op die manier zie je de lagen in mekaar overvloeien vandaar ook „Overvloeimodus‟.
We slaan ons werk op als les17 vlammen.psd 9) De drie lagen samenvoegen: alle lagen selecteren en Ctrl + E klikken of Menu Laag – één laag maken.
10) Open de foto les17 jogger We gaan eerst het trainingspak een ander kleurtje geven. Ga naar menu Afbeelding – Aanpassingen – Kleur vervangen
Met het pipet klik je op je werkdocument!!! Op het groene trainingspak. En verplaatst de schuivertjes onderaan tot je de gewenst kleur hebt die toch goed zal contrasteren met onze vlammenzee!!! En Ok klikken
Les17
Pagina 3 van 7
Initiatie Photoshop
Je zal merken dat onze training niet helemaal de gewenste kleur heeft, daarom klikken we het pipetje met het + teken aan en klikken enkele male op de training(in ons werkdocument) waar onze kleur niet veranderd is. Hou je jogger in het oog tot je training de gewenste kleur bekomen heeft. En OK klikken.
11) Breng die persoon over op de vlammenzee (Ctrl + A ; Ctrl + C ; Ctrl + V) Je kan de afbeelding ook op je werk slepen, verplaatsgereedschap selecteren, shift toets vasthouden terwijl je sleept dan komt de afbeelding in het midden van je werkdocument te staan. 12) Zet een laagmasker op laag “jogger”, schilder met een zacht zwart penseel het onnodige weg. Zacht = hardheid van 0%, pas regelmatig de grootte van je penseel aan!!! Zoom in om je jogger goed uit te selecteren. En denk eraan, op dit masker: schilderen met zwart is weg schilderen, met wit = terug schilderen. Zou je reeds moeten weten. Nog een tip: Als je denkt dat de jogger mooi vrij staat, geef de laag een zwarte omlijning of een groene, wat je verkiest, hier geen rood door die vlammenzee. Dus laagstijl lijn 3 px buiten, zwarte kleur.
Les17
Pagina 4 van 7
Initiatie Photoshop
En bekijk je werk, amaai, ikzelf heb nog niet voldoende de jogger vrij gemaakt, ik moet dus met mijn zwart penseel het masker nog verder beschilderen zodat ik de jogger nog veel beter uitselecteer. Zie print rechts, hierboven. De laagstijl lijn mag je naar de vuilbak slepen die hebben we niet meer nodig, diende enkel als controle. Onze jogger lijkt nogal klein ten opzichte van ons werkje, we gaan deze wat vergroten. Ga naar bewerken…transformatie…schalen. In de optiebalk vullen we bij breedte 150% in, klikken het kettinkje aan en zo hebben we een betere verhouding jogger/werkje.
13) We gaan onze jogger ook nog een laagstijl meegeven. Namelijk gloed buiten met een fellere gele kleur als voorgesteld. Zie print voor de instellingen. Overvloeimodus, normaal; dekking, 100% en standaardkleur vervangen door een fel gele kleur(print is f6f60a) Werk even met het schuivertje bij grootte en kijk wat er gebeurd met je gloed. Mijn instelling is hier 150px
TEKST TOEVOEGEN 14) Verplaats de jogger indien nodig naar rechts om je tekst toe te voegen. Voeg links tekst toe: Loop voor je Les17
Pagina 5 van 7
Initiatie Photoshop Leven De tekst „loop voor je‟ plaats je in een kleiner lettertype dan de tekst „Leven‟. Vooraleer je de tekst typt, klik in optiebalk de knop „Tekst centreren‟ aan.
Lettertype Army Expanded zit in het mapje lettertypes bij de benodigdheden. Typ „Loop voor je‟, enteren op de toets naast het letterklavier, typ verder „Leven‟ en klik nu de entertoets aan naast het cijferklavier op je toetsenbord. Met het tekstgereedschap geselecteerd, laag met tekst geactiveerd sleep je nu heel voorzichtig over de tekst „Leven‟ en je wijzigt de lettergrootte in de optiebalk. Enteren om te bevestigen.
15) De tekst mag wat meer opvallen. We openen het palet „Stijlen‟ (naast de kleuren en stalen). Open dit palet door rechts bovenaan naast die kleine horizontale lijntjes op het zwarte driehoekje te klikken, kies „Teksteffecten‟, je krijgt een vraag en klikt op ok. De huidige laagstijlen worden dan vervangen door deze die je zojuist gekozen hebt namelijk de „Teksteffecten‟. Opmerking: In het dialoogvenster staat ook nog de mogelijkheid om op „Toevoegen‟ te klikken. Dan worden de huidige laagstijlen niet vervangen door de „Teksteffecten‟ maar worden die „Teksteffecten‟ toegevoegd aan de huidige lijst. Als je de lijst open klikt zal je de toegevoegde teksteffecten helemaal onderaan de lijst terugvinden. De Tekstlaag is actief, klik eens enkele stijlen aan. Niet tevreden met deze stijlen, vervang ze dan eens door de „Teksteffecten2‟. En je bemerkt het, mogelijkheden genoeg! Wij gaan onderstaand effect gebruiken uit de set ‘Teksteffecten2’
Les17
Pagina 6 van 7
Initiatie Photoshop
16) Wil je nog een mooie kader rond je werk? Ga je gang. Wel eerst je achtergrondlaag activeren!!! Je naam op je werk plaatsen, opslaan als les17.psd En nog is opslaan als les17.jpg Wil je je werk doorsturen naar de mailgroep, zorgen dat de afbeeldingsgrootte aangepast is en de kwaliteit niet te hoog staat. Code gebruiken…
Les17
Pagina 7 van 7
Initiatie Photoshop
Les18 – We maken een eigen prikbord Begin eens met alle gereedschappen te herstellen en de Paletlocaties opnieuw in te stellen Je kan ook een eigen werkruimte maken en naam geven die je steeds kan aanklikken. Zo heb ik niliam en niliam2 aangemaakt naargelang ik wil werken.(dit ter informatie)
1) We maken het kurk Open een nieuw document
Even dubbelklikken op het handje, weet je nog, om een maximale grootte te hebben. Achtergrondlaag ontgrendelen, noem de laag “bord” Voorgrondkleur: R = 190 ; G = 185 ; B = 140 Achtergrondkleur: R = 87 ; G = 75 ; B = 50 Vul de laag “bord” met de voorgrondkleur, emmertje gebruiken en ga naar Menu Filter Ruis Ruis, 25%, gaussiaans aangevinkt en ook monochromatisch pas daarna Filter Pixel Kristal toe, celgrootte 3.
Les18
Pagina 1 van 10
Initiatie Photoshop
2) Kies je kurkkleur(kijk naar de waarden in de prints(ook het – teken) of je krijgt een ander resultaat) Afbeelding Aanpassingen Niveaus, linkse (en rechtse) regelaar verschuiven zodat de pixeligheid toeneemt. Afbeelding Aanpassingen Kleurtoon/verzadiging
3) Houten kader toevoegen. Vergroot het canvas met 30 pixels in hoogte en breedte. Daar we geen vergrendelde achtergrondlaag hebben gaan we een transparante uitbreiding krijgen(ter info) Menu Afbeelding Canvasgrootte.
Les18
Pagina 2 van 10
Initiatie Photoshop
Open de afbeelding les18 hout, breng de afbeelding over naar je werkbestand als onderste laag en noem de laag “hout”.
Pas de grootte van de foto aan zodat die past op je werkdocument. Vrije transformatie, in optiebalk besturingselementen tonen aanvinken en slepen aan de handgrepen, hier hoef je geen rekening te houden met de verhoudingen. Als je de handgrepen niet kan zien dan moet je even uitzoomen!!! (Ctrl – dus Ctrl + minteken - en aan de randen slepen, als je Ctrl + klikt zie je het gehele document en ook de handgrepen van de afbeeldingen die te groot zijn voor het canvas.
Laag hout activeren om een selectie van de rand te verkrijgen. Werkwijze: Laag hout activeren Ctrl + klik op laagicoon of laagminiatuur van die laag bord.(Is niet actief, hoeft ook niet) Selectie omkeren = Ctrl + shift + I of via menu Selecteren – Selectie omkeren. Klik nu Ctrl + J om de selectie van die rand op een nieuwe laag te plaatsen, noem de laag “kader”. Les18
Pagina 3 van 10
Initiatie Photoshop Geef de laag kader als laagstijl „Schuine kant en Reliëf‟.(standaard is ok)
Sla je werk op als les18 prikbord.psd Nieuwe lege laag boven laag kader = laag1 Voeg laag1 samen met laag kader en voeg dan de bekomen laag samen met laag bord. De nieuw bekomen laag noem je “prikbord”.
Je vraagt je misschien af waarom we dat samenvoegen niet in één keer doen? Probeer het maar, je zal de laagstijl schuine kant en reliëf niet meer zien op het kader. Die is nu ook wel verdwenen maar werd wel samengevoegd met laag kader. Hoe samenvoegen??? Zie printscreen hieronder:
Les18
Pagina 4 van 10
Initiatie Photoshop
4) De foto‟s en tekstbriefjes plaatsen Wil je een eigen foto plaatsen op het prikbord dan kan je dat nu doen, alle foto‟s openen, op een gepaste grootte brengen en overbrengen naar het prikbord, zorg wel dat alle foto‟s een resolutie van 72 dpi hebben. Draaien, schalen (= grootte aanpassen), geef ze slagschaduw,… Wij maken ook enkele tekstbriefjes, o.a. boodschappen, nog te doen, niet vergeten… Nieuwe laag boven laag prikbord, noem die “briefje1”. Maak een kleine rechthoekige selectie en vul met een vuilwitte kleur (vb # fbfafa) Plaats op het briefje een tekst met al je boodschappen. Lettertype = Times New Roman, grootte = 30 pt, kleur = blauw. Woord „Boodschappen‟ selecteren en via het palet Teken grootte op 36 pt zetten en onderstrepen. De lijntjes die je ziet op volgende print is geen onderstreping maar alleen een bevestiging dat het tekstgereedschap actief is. Deze zullen verdwijnen na het bevestigen van de aanpassing.
Les18
Pagina 5 van 10
Initiatie Photoshop
Voeg nu de tekstlaag samen met laag briefje1 en geef de laag weer als naam „briefje1‟. Met Vrije Transformatie kan je het briefje een beetje roteren. Geef de laag nog wat slagschaduw.
Herhaal dit voor ieder briefje dat je op het prikbord wilt bevestigen en sla dan je werk nog maar eens op als les18 bord met briefjes.psd Tip: Zijn de briefjes te klein voor je tekst? Vergroten vooraleer alles samen te voegen. Je kan ook eerst een tekstkader slepen over het briefje!
Les18
Pagina 6 van 10
Initiatie Photoshop
5) Prikkers maken Maak een Nieuw document van 8 x 8 cm, 72 dpi, transparant. Cirkel tekenen met vaste grootte van H = B = 100 px, vul de cirkel met om het even welke kleur, deselecteren en geef de laag dan onderstaande laagstijl : Verloopbedekking(3 kleuren, zie print).
Noem de laag „bol‟
Verloop met drie kleuren kiezen, eerste is zwart, dan rood, dan wit, gaan we het volgende bekomen.
Les18
Pagina 7 van 10
Initiatie Photoshop
Eventueel naar boven verplaatsen daar we nog de prikker zelf moeten toevoegen. Maak nu weer een nieuwe laag, onder de laag met bol noem de laag = basis Met rechthoekig selectiekader een smalle selectie maken onder de speldknop
Vul de selectie met een gespiegeld verloop van wit naar zwart
Houd shift ingedrukt terwijl je het verloop horizontaal sleept vanuit het midden van de selectie. Deselecteren. Zorg nu dat het staafje onderaan mooi in het midden van de bol staat. Activeer laag „bol‟, selecteer verplaatsgereedschap zodat je het middelpunt (referentiepunt) van de bol ziet, trek een hulplijn precies in het midden van de bol. Activeer nu laag „basis” en met cursorpijlen verschuif je die laag tot je het middelste referentiepunt ziet dat ook op de hulplijn valt.
Voeg de lagen bol en basis samen.
Les18
Pagina 8 van 10
Initiatie Photoshop Versleep nu die bekomen laag naar je werkdocument met prikbord, noem de bekomen laag „prikker‟, mijn methode, ctrl+A, ctrl+C, ander werkje aanklikken en ctrl+V. Verklein de prikker indien nodig (Vrije transformatie), roteer en zet op een foto of briefje. Neem een zachte gum van ongeveer 21 px en klik twee keren op het onderste punt van de prikker zodat die geleidelijk overgaat in het kurk.
Dupliceer laag „prikker‟ zoveel als nodig en plaats op de andere briefjes en/of foto”s. Geef nog iedere laag met prikker een slagschaduw waarvan je de hoek kan aanpassen volgens dat de prikker in het kurk steekt maar dan vink je best naast het instellen van de hoek „globale belichting‟ uit.. Hier een voorbeeldje
Selecteer alle lagen uitgenomen de achtergrondlaag: Eerste laag aanklikken, shift vasthouden en laatste laag aanklikken en met vrije transformatie verminder je de grootte naar ongeveer 88% en bevestigen met enteren.
Les18
Pagina 9 van 10
Initiatie Photoshop
Geef nu ook de laag „prikbord‟ een slagschaduw en klaar is kees. Plaats je naam op je werk.
Je werkje nog eens opslaan als les18 bord met briefjes.psd En ook nog is opslaan als les18.jpg En opsturen naar de mailgroep. Let op de afbeeldingsgrootte en vergeet de code niet. Wil je de prikker bewaren dan kan dat ook! Les18 prikker.psd
Les18
Pagina 10 van 10
Initiatie Photoshop
Les19 – Schaaktornooi (les Greenstuff) Beginfoto
Bijgesneden foto
1) Open de afbeelding les19 Schaakbord.jpg en snij de foto bij zodat het bovenste donker groene deel wat verdwijnt. (Gereedschap Uitsnijden, in optiebalk vorige instellingen wissen door op betreffende knop te klikken)
achtergrondlaag ontgrendelen = laag0 (dubbelklikken op achtergrondlaag). 2) Neem een kopie van laag0 (Ctrl + J), noem de laag “laag1” en verklein de afbeelding op deze laag naar 75% (Ctrl + T = vrije transformatie ; in optiebalk schakeltje aanklikken tussen B en H en dan 75% ingeven bij B) en op enter klikken of op in optiebalk.
Les19
Pagina 1 van 8
Initiatie Photoshop 3) Neem een kopie van deze (verkleinde) laag1 = laag2 en verklein opnieuw naar 75% .
4) Zet de onderste laag0 in grijswaarden door in het Menu Afbeelding de opdracht Aanpassingen Minder verzadiging te kiezen. Eerst laag0 activeren of aanklikken = blauw zetten. Sla al eens je werk op als les19.psd 5) Voeg aan de twee bovenste lagen 1 en 2 een laagstijl (fx) gloed buiten toe (modus = bleken, dekking = 75%, ruis = 0% , kleur = geel (R = 255, G =255, B =190) Elementen techniek = zachter, spreiding = 10%, grootte = 50 px). Tip: Je kan aan één laag de gloed buiten geven, dan rechtsklikken op de laag en kiezen voor “laagstijl kopiëren ; dan de andere laag aanklikken, rechtsklikken en kiezen voor “laagstijl plakken”
6) Laat de lagen in elkaar overvloeien door de dekking en de laagmodus aan te passen. De bovenste laag “laag2” krijgt een dekking van 80% en de laagmodus normaal De middelste laag “laag1” krijgt een dekking van 60% en een laagmodus ‘bedekken’
Les19
Pagina 2 van 8
Initiatie Photoshop Vooraleer we verder gaan, eerst wat uitleg over ‘Tekst’, palet ‘Teken’, en andere interessante zaken. We gaan in deze oefening tekst invoegen, punttekst en alineatekst. Laat me eerst 's uitleggen wat punttekst is. Punttekst is een horizontale of verticale lijn met tekst die begint op de plaats waar je in een afbeelding klikt. Het invoeren van punttekst is de manier wanneer je slechts enkele woorden aan je afbeelding wilt toevoegen. Om punttekst toe te voegen klikken we het Tekstgereedschap aan in de Gereedschapset. Bovenaan verschijnt de Optiebalk voor ons tekstgereedschap.
In het eerste vak kiezen we het lettertype, uit het drop Down-menu, dat we willen gebruiken. Klik hiervoor op het zwarte naar beneden wijzend pijltje aan de rechterkant van het vak. In het tweede vak kiezen we de stijl van het lettertype. In het derde vak de grootte voor het lettertype. De grootte wordt uitgedrukt in punten (pt). In het vierde vak maak je de keuze uit bijvoorbeeld Geen, Scherp, Zuiver, Scherp, vloeiend. Je maakt je keuze uit links uitlijnen, rechts uitlijnen of centreren. En je kiest de kleur die je wil gebruiken. Al deze instellingen kunnen we later nog wijzigen. Je klikt nu met je muis op het canvas op de plaats waar je ongeveer tekst wenst in te voegen, je typt de korte tekst, enteren op het numerieke toetsenbord (naast cijfers). In tegenstelling tot Punttekst werkt Alineatekst met grenzen voor de horizontale of verticale doorloop van tekens. Het invoeren van tekst op deze manier is handig wanneer we één of meerdere alinea's tekst willen invoegen, bijvoorbeeld voor een brochure. Om Alineatekst toe te voegen klik en sleep je een selectiekader, met het tekstgereedschap geselecteerd uiteraard, over de afbeelding. Laat de muisknop los wanneer je tevreden bent over de afmetingen en de plaats van het kader. Je kunt dit kader steeds verplaatsen en aanpassen door aan de ankerpunten te slepen. Geef de opties voor je tekst in de optiebalk. Typ je tekst in het kader. En enteren. Je zal telkens bemerken dat Photoshop ook voor deze tekst een nieuwe laag aangemaakt heeft. Om hele teksten aan te passen, bijvoorbeeld het lettertype wijzigen, selecteer je de laag, selecteer je het tekstgereedschap, en kies je een ander lettertype in de optiebalk. Om een woord in de tekst aan te passen, selecteer je het woord door er op te dubbelklikken, en wijzig je de opties in de optiebalk. Wens je een hele lijn te selecteren, kan je drie maal vlug na elkaar klikken op een woord. Wens je een hele paragraaf te selecteren, klik je vier maal op een woord. Je kan uiteraard het woord ook selecteren door met muis erover te slepen. Ook in het palet ‘Teken’ kunnen we de weergave van de tekst aanpassen. Je activeert weer eerst de tekstlaag door erop te klikken en die blauw te zetten. Klik bovenaan in optiebalk op de toets ‘Teken en Alineapaletten in-/uitschakelen.
Of via Menu Venster – Teken. Dit palet is nu zichtbaar. Les19
Pagina 3 van 8
Initiatie Photoshop
Daarop is het volgende in te stellen: A = Lettertype B = Lettergrootte C = Spatiëring tussen tekens D = Verticaal schalen E = Verschuiving basislijn
F = Letterstijl G = Regelafstand H = Tekstspatiëring I = Horizontaal schalen J = Kleur K = Effecten
L = Taal
Eenmaal alles ingesteld dan kan je de tekst typen. Als je werk bewaard en opgeslagen is, dan is het ook nuttig van in het tekenpalet alles weer op de standaardwaarden te zetten. Daarvoor klik je in dit palet het menuutje open door op het kleine driehoekje rechts bovenaan te klikken, in het uitrolmenu kies je dan voor ‘Teken herstellen’
We werken in deze oefening met het lettertype ‘Lucida handwriting’. Normaal gezien wordt dit lettertype samen met photoshopCS3 mee geïnstalleerd, of het staat reeds op je PC. Bekijk dit eens bij je lettertypen.
Les19
Pagina 4 van 8
Initiatie Photoshop
Is dit niet het geval, dan zullen we dit lettertype zelf moeten installeren. Het lettertype vind je bij de benodigdheden in het mapje lettertypes. We leggen het hier ook eens heel kort uit: Open op je PC Verkenner, ga naar de C schijf en klik daar de map Fonts open. Het bewuste lettertype staat op mijn bureaublad en de grootte van het venster ernaast is wat aangepast. Al wat je moet doen is dit lettertype aanklikken en verslepen naar die map Fonts. In Vista wordt je toestemming gevraagd, klik op doorgaan en je lettertype is geïnstalleerd. In windows 7 kan je gewoon op instaleren klikken. Werk je nog met XP dan is de werkwijze juist hetzelfde, hier wordt echter niets gevraagd, gewoon het lettertype in de map Fonts slepen en de installatie is een feit.
Na al die uitleg gaan we verder met ons werk.
Les19
Pagina 5 van 8
Initiatie Photoshop
7) Voeg bovenaan de volgende punttekst toe (dit wil zeggen, dat je met het tekstgereedschap klikt op de plaats = het punt waar je tekst moet komen en dan de tekst intypen): 3e Groot Schaaktornooi ( lucida handwriting 14 pt groen (R = 0, G =157, B = 0 ). Geef de tekst vervolgens een slagschaduw (hoek =120°, afstand = 15 px, spreiding = 0 %, grootte =5 px en een rand of lijn (wit, 3px, buiten) De tekst mooi centreren bovenaan (horizontale middelpunten uitlijnen)
8) Voeg onderaan de alineatekst toe: Schaakclub Senioren.net nodigt U uit op het jaarlijkse schaaktornooi met niemand minder dan Kasparov (lucida handwriting, 6 pt; wit ) Teken hiervoor eerst een tekstkader met het tekstgereedschap en zorg ervoor dat de tekst precies hetzelfde is uitgelijnd als in het voorbeeld. Je tekent dus met het tekstgereedschap geselecteerd een kader onderaan waarbinnen je de tekst zult typen. Enteren tussen de lijnen is hier enteren met de toets naast de letters op je toetsenbord, pas als alle tekst is ingetypt mag je enteren op het numerieke toetsenbord. Vergroot pas daarna het tekstkader om de tekst een passende grootte te geven (Ctrl+slepen). Centreer vervolgens de tekst op de afbeelding en geef een groene (R = 0, G = 157, B = 0) rand of lijn buiten van 2 px als laagstijl. Opmerking: om letter e na 3 te kunnen hoger zetten = superscript doe je het volgende: (3 e) Activeer de laag waarop de tekst staan, Selecteer tekstgereedschap, selecteer letter “e” door met muis erover te slepen; open teken- en alineapalet door op knop bovenaan in optiebalk te klikken en klik dan superscript aan; enteren ; zie hieronder.
Les19
Pagina 6 van 8
Initiatie Photoshop
Naam niet vergeten op je werk te zetten
Eindresultaat
Les19
Pagina 7 van 8
Initiatie Photoshop 9) Sla je werk nog eens op als les19.psd Sla ook op als les19.jpg (kwaliteit 7 moet je zelf ook even nakijken, afbeeldingsgrootte ook bekijken!!!) en stuur een kopie naar de mailgroep.
Vergeet niet van de code te gebruiken.
Les19
Pagina 8 van 8
Initiatie Photoshop
Les20 – Oefening Surfer (les Greenstuff) Beginfoto’s
Mogelijk Resultaat
1) Open de afbeelding les20 surfer jpg. en dupliceer de achtergrondlaag. Pas op de gekopieerde laag de Filter – Vervorm – Bol toe (waarde 100 %) Geef de laag de modus intens licht, nu moet je ongeveer hetzelfde resultaat hebben.
Les20
Pagina 1 van 8
Initiatie Photoshop
2) Voeg de tekst SURF of Surf toe (lettertype Arial Black, 250 pt-grootte ) Vervorm dan de tekst via menu bewerken transformatie schuintrekken. Enteren
Les20
Pagina 2 van 8
Initiatie Photoshop 3) Om de tekst passend te maken verander de afstand tussen de letters naar “ 100 “. Dit doe je door via de optiebalk het tekstpalet te openen en de spatiëring tussen de letters op 100 te zetten (zie hieronder). De tekstlaag is actief, klik dan deze knop aan ‘Teken en alineapaletten in/uitschakelen.
Je bekomt een nieuw dialoogvenster dat je zo aanpast:
4) Zorg dat de tekst horizontaal gecentreerd is. Geef de tekst volgende laagstijlen mee: schaduw binnen (dekking 70%, afstand 10 px, inperken 0%, grootte 24 px, hoek 80°. Omlijning = rand 7px ( kleur RGB 161,243,44 )
Les20
Pagina 3 van 8
Initiatie Photoshop
Bewaar je werk al een eerste keer als les20.psd
5) Maak de laag1 van de gekopieerde achtergrond actief en selecteer een rechthoekig gebied rond de tekst. Gebruik de sneltoets (Ctrl + J) om deze selectie op een nieuwe laag te zetten. Geef aan deze laag de laagmodus vermenigvuldigen en een laagstijl rand of lijn (3 px wit ).
Trek de selectie tot buiten je werkje, zo krijgen we alleen boven en onder een omlijning. Les20
Pagina 4 van 8
Initiatie Photoshop
6) Open de afbeelding les20 vrouw jpg. en kopieer alles naar je werkbestand als bovenste laag. (Ctrl + A – Ctrl + C – Ctrl + V of de foto verslepen naar je werkbestand) 7) Gebruik menu Afbeelding Aanpassingen Kleurtoon/Verzadiging om de kleur van de foto wat aan te passen. Vink de optie vullen met kleur aan en kies een blauwe tint, pas de verzadiging aan om een blauwe tint wat sterker te laten doorkomen. (schuifjes verzetten).
Les20
Pagina 5 van 8
Initiatie Photoshop
8) Groepeer de foto van de vrouw met de tekst laag, (activeer laag met foto en klik Alt + Ctrl + G, je kan ook naar Menu Laag – Uitknipmasker maken gaan, of zoals hieronder aangeduid Alt + klik op het scheidingslijntje tussen beide lagen. Schik de foto van de vrouw zoals in het voorbeeld. (foto met verplaatsgereedschap verzetten – laag3 met foto vrouw is actief!!!)
Les20
Pagina 6 van 8
Initiatie Photoshop Werkje is klaar, naam niet vergeten en afbeeldingsgrootte nakijken.
9) Sla je werk eerst nog eens op als les20.psd De grootte van het werkje is 1024 px bij 768 px. Is het mogelijk om die voor het opslaan kleiner te maken tot 800 px bij 600 px. Dat is toch groot genoeg voor de mailgroep? Sla op als les20. Jpg ( kwaliteit 6 - 7) en stuur het naar de mailgroep. Vergeet niet van de code te gebruiken.
Nog enkele tips: Voor het groeperen van de foto met vrouw met de tekst, je zet de laag van de vrouw juist boven de tekst en terwijl je de alt-toets ingedrukt houdt ga je met de cursor tussen beide lagen staan (de cursor verandert) nu moet je enkel klikken op die scheidingslijn en de lagen zijn gegroepeerd. Tijdens deze oefening heb je de standaardwaarden van het tekstgereedschap veranderd, je moet
die eerst herstellen je kunt dit door de afstand terug op 0 te zetten, ofwel in het uitrolmenu bovenaan rechts de optie teken herstellen te kiezen. Vergeet dit niet !!!!!!! Photoshop gaat dit anders blijven onthouden. Je moet wel het tekstgereedschap eerst selecteren.
Les20
Pagina 7 van 8
Initiatie Photoshop
Onze 20 lesjes zitten er op en we kunnen aan de test beginnen. Lesje en materialen van de test vind je
Les20
hier
Pagina 8 van 8