1. Deze website gebruikt cookies. Door deze website verder te gebruiken, gaat u akkoord met ons gebruik van cookies. Leer Meer.

[photoshop] Spiegelen in Photoshop

Discussie in 'Grafisch / Design' gestart door *Kingpin*, 18 mrt 2007.

Discussie [photoshop] Spiegelen in Photoshop in het Grafisch / Design forum op nationaalcomputerforum.nl/.

Topicstatus:
Niet open voor verdere reacties.
  1. *Kingpin*

    *Kingpin* Moderator

    [hand]

    [​IMG] Spiegelen in PhotoShop CS


    Inhoud
    • [linkje]Afbeeldingen spiegelen[/linkje]
      ** - [linkje]Wat[/linkje] ?
      ** - [linkje]Stappen[/linkje]
      ** - [linkje]Extra[/linkje]
    • [linkje]Tekst spiegelen[/linkje] (upcoming)
      ** - [linkje]Wat ?[/linkje]
      ** - [linkje]Stappen.[/linkje]
      ** - [linkje]Extra.[/linkje]


    [kopje]Afbeeldingen spiegelen[/kopje]
    a. Afbeelding spiegelen

    [kopje]Wat[/kopje]
    Wat gaan we doen ?


    We gaan een afbeelding spiegelen mbv PhotoShop (CS) om bv. van deze afbeelding :

    [​IMG]

    dit te maken :

    [​IMG]



    [kopje]Stappen[/kopje]
    Hoe kan je dit doen ?


    (verkleinde plaatjes zijn klikbaar)


    • Open in Photoshop CS een afbeelding die zich goed tot spiegelen eigent, bv een afbeelding zoals deze Oxnard :

      [​IMG]

    • Let erop dat je instellingen van voorgrond/achtergronds kleur op de standaard staan (zwart op wit), of zet ze anders even zo :

      [​IMG]

    • Maak een kopie van de background layer (Layer > Duplicate Layer) en geef het een duidelijke naam, bv "spiegeling". Zorg ervoor dat deze geselecteerd staat (is normaalgezien al het geval, zie je "layer palet")

      [​IMG]


    Omdat er bij het plaatje een spiegeling "onder" moet komen, moet het canvas vergroot worden onderaan. Daar zijn verschillende manieren voor, dus als je een andere manier gewend bent, kan je die nemen, maar ik doe het als volgt :


    • Selecteer de Crop tool, teken ermee een box rond de afbeelding. Je zal zien dat je eerst niet verder kan dan de eigenlijke kader, maar je kan dan onderaan (bodem) het viekantje nemen en dat verder naar beneden slepen, hoe ver bepaal je zelf, je kan het hele plaatje spiegelen, maar bv. ook maar een derde. (Maar : beter nu wat te groot nemen (slepen) en het teveel achteraf knippen, ... bijplakken zal zo gemakkelijk niet gaan als afknippen ;-) )

      [​IMG]

    • Accepteer de Crop door te rechtermuisklikken in het geselecteerde geheel > "Crop" te kiezen

      [​IMG]


    We gaan nu de afbeelding spiegelen :


    • Gebruik nu de Free Transform (Edit > Free Transform). Kies daarin "Flip vertical". Hierdoor wordt de afbeelding omgekieperd.

      [​IMG]

    • Selecteer nu het Move Tool in de toolkit. Hiermee gaan we de gespiegelde afbeelding op z'n plaats zetten. (Bij de vraag "apply the tranformation" die je krijgt ivm de Crop, bij overgaan van het Crop tool naar het Move tool, klik "apply")

      [​IMG]

    • Versleep de afbeelding zodanig dat de "te spiegelen afbeelding" en "de spiegeling" mooi onder elkaar komen, evtl nog een spleetje tussen beide openlaten van 1 of 2 px.


    (evtle extra stap)
    Je hebt na deze stap de te spiegelen afbeelding en de spiegeling loodrecht op elkaar staan. Eventueel kan je hier ook al een beetje het idee van prspectief aanbrengen, door met schaal en perspectief te werken. Dit hoeft niet noodzakelijk omdat uiteindelijk het outfaden/gebruiken van gradient vooral het effect gaat verzorgen, maar met "scalen" kan je ook wat experimenteren. Let er wel op dat als je dez extra stap doet, je niet overdrijft



    • Ga naar Edit > Perspective

      [​IMG]

    • Versleep de onderranden zodanig dat wat het verste van de te spiegelen afbeelding (hoofd van Oxnard, dus onderrand van de spiegeling) wat breder wordt.

      [​IMG]

    • Via Edit > Scale, kan je ook met de schaal nog wat spelen tot je voor je afbeelding een natuurlijk ogende spiegeling hebt.

      [​IMG]


    (vervolg : zie volgend postje)

    [/hand]
     
  2. *Kingpin*

    *Kingpin* Moderator

    [hand]


    Nu gaan we het een beetje "Fade Out"-en : in de spiegeling mbv oa. het gradient tool, perspectief aanbrengen
    _

    • Voeg een Layer mask toe aan de "spiegelen" layer door op het icoontje van de witte ronde in het grijze vlakje te klikken

      [​IMG]

    • Met nog steeds de spiegeling-layer geselecteerd, neem nu de "Gradient tool".


      [​IMG]

    • Kies daarin (options toolbar bovenaan) : "Foreground to Transparant" en klik dan de Reflected knop :

      [​IMG]

      (voorgrond stond bij mij op zwart, achtergrond op wit, Opacity op 100%)

    • Nu is het wel even experimenteren en kijken hoever je in de bodem je gefade spiegeling wil hebben. Trek, te beginnen van vanonder, een verticale lijn tot waar je wil verdoezelen. Als het niet is zoals je wil, undo dan (Edit > Undo) totdat je het hebt zoals je wil. Denk eraan dat wat onderaan is "verder" weg is t.o.v. de te spiegelen afbeelding wat betreft afstand bij het spiegelen en dus "vager" moet zijn. Hoe verder van de raaklijn tussen het te speigelen figuurtje en de spiegeling, hoe vager.

      [​IMG]


      Dan heb je volgende resultaat :

      [​IMG]


      Dat begint er al naar uit te zien :)


    [kopje]Extra[/kopje]
    Extra

    Nu kunnen we evtl de achtergrond nog aanpassen om het idee te suggereren dat je bv. een spiegelende ondergrond zoals ijs, hebt (wat bij mij in het resultaat niet echt helemaal klopt volgens de fysische wetten, omdat m'n Oxnard eigenlijk zit en niet staat :rolleyes: maar you get the point ;-))


    • In het layer palet, klik het icoontje van een Nieuwe layer.

      [​IMG]

    • Ga dan naar de Toolbox bij het icoontje van voor en achtergrond kleur en stel een voorgrondkleur in, bv zwart.

    • Vul de nieuwe layer met je voorgrondkleur (Option/alt + delete). Je krijgt nu een wit vlak voor die layer

    • Selecteer de "spiegelen" layer en verlaag de Opacity naar ong 50% (zal ook van je figuur afhangen, experimenteer wat).

      [​IMG]


      En daarmee krijg je dan als resultaat :

      [​IMG]



    Enjoy :)

    [/hand]
     
  3. *Kingpin*

    *Kingpin* Moderator

    [hand]
    [kopje]Tekst spiegelen[/kopje]
    b) Tekst spiegelen


    [kopje]Wat ?[/kopje]
    Wat gaan we doen ?


    Van een "gewone" tekst

    [​IMG]

    een gespiegelde tekst maken :

    [​IMG]



    [kopje]Stappen.[/kopje]
    Hoe kan je dat doen ?

    • Open in Photoshop een nieuw bestand (File > New), groot en breed genoeg voor de tekst (en de spiegeling) die je gaat maken
    • Vul de achtergrond met een kleur bv zwart (Edit > Fill > Contents > use : Black)
    • Selecteer in de Toolkit het Texttool.
    • Kies een lettertype, -grootte en een kleur (ik heb in het voorbeeld "Helvetica Neue" gekozen, regular, wit, 60pt)
    • Typ een woord. Als je woord letters bevat zoals g p y enz.. met een "beentje" naar onderen, kan je beter hoofletters pakken omdat je anders de spiegeling te ver naar onder moet doen voor de overige letters, of een foute spiegeling hebt voor die ene letter.

      [​IMG]

    • Dupliceer nu eerst deze tekstlayer (Layer > duplicate, of sleep het naar het icoontje voor New Layer)

      [​IMG] ...... [​IMG]

    • Ga dan (met de copy van de tekstlaag geselecteerd) naar Edit > Transform > Flip vertical

      [​IMG]

    • Je moet nu de verticaal geflipte tekst nog zo verschuiven, dat het net lijkt of je de spiegeling hebt, gebruik hiervoor het Move Tool uit je Toolkit en versleep de tekts :

      [​IMG]

    • Je kan evtl een fijn lijntje openlaten van bv 1px, anders plakt de tekst echt tegeneen, maar kwestie van je voorkeur.

      [​IMG]


      We gaan nu de gespiegelde tekst wat wijzigen opdat het echter lijkt, bv een perspectief geven (omdat de gespiegelde tekst dichter bij ons is dan de eigenlijke letters die gespiegeld worden). Hiervoor moet je de gespiegelde letters rasterizen :
    • Rechtermuisklik op de (tekst) copy layer en kies "rasterize layer"

      [​IMG]

    • Selecteer dan de gespiegelde (onderste) tekst

      [​IMG]

    • Ga dan naar Edit > Transform > Perspective

      [​IMG]

    • Je krijgt nu een soort omtrek rond je onderste (gespiegelde) test, stel aanhand van de onderste hoeken hiervan een perspectief in (als je een beetje een gebibberde tekst krijg, let daar niet op, als je later op de apply kikt worden dat weer mooie lijnen)

      [​IMG]

    • En schaal evtl nog wat bij : Edit > Transform > Scale.

    • Klik hierna in de Toolkit op de Gradient tool (indien je wat veranderd had aan het Perspectice/scale moet je dat eerst nog bevestigen (apply)

    • Stel nu de gradient in, kies uit de types het
      - foreground to transparent
      - reflected gradient

      [​IMG]

      [​IMG]

    • Trek nu van onder naar boven met de gradient tool, een lijn. Doe dit een aantal keer tot je het gewenste effect hebt. Je kan ook nog wat spelen met de Opacity.

      [​IMG]






    [/hand]
     
  4. *Kingpin*

    *Kingpin* Moderator

    [hand]

    [kopje]Extra.[/kopje]
    Extra.


    Wat je verder ook nog kan doen, is een fliter aanbrengen, bv Gaussian blur :

    • Neem in het menu "Filter" > Blur > Gaussian Blur (in het vb een Gaussian Blur van 2,5)

      [​IMG]


    Je kan ook een soort licht verwerken in de achtergrond:

    • Dupliceer de Background Layer (naar de background layer gaan en rechtermuisklikken > duplicate layer)

    • Hang een slotje op de gespiegelde laag, want hier willen we "het licht" niet achter de spiegeling

    • Selecteer dan de Gradient tool, en Radial gradient en experimenteer daar wat tot het naar wens is.


      [​IMG]



    En bv nog een watereffect toevoegen :

    • Ga naar Filter > Liquify en neem de Turbulence Tool

      [​IMG]

    • Stel daar in het menu links de "golfjes" instelling in :

      [​IMG]

    • En maak dmv de tool wat lijnen zodat je een watergolving effect krijgt, bv :

      [​IMG]


    Succes :)

    [/hand]
     
Topicstatus:
Niet open voor verdere reacties.

Deel Deze Pagina