Nationaal Computer Forum
Voor al je problemen met computers, tablets en smartphones

[photoshop] Spiegelen in Photoshop

Weergegeven resultaten: 1 t/m 4 van 4
  1. #1
    Moderator *Kingpin*'s schermafbeelding
    Geregistreerd
    23 januari 2004
    Locatie
    De Kempen (B)
    Berichten
    29.886
    Bedankt
    0
    Is bedankt: 6

    Thumbs up [photoshop] Spiegelen in Photoshop

    Handleiding


    Spiegelen in PhotoShop CS


    Inhoud



    a. Afbeelding spiegelen

    Wat gaan we doen ?


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



    dit te maken :





    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 :



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



    • 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")




    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 ;-) )



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




    We gaan nu de afbeelding spiegelen :


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



    • 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")



    • 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



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



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





    (vervolg : zie volgend postje)



    nationaalcomputerforum.nl © 2010
    Created for Nationaal Computer Forum www.nationaalcomputerforum.nl  (disclaimer)





  2. #2
    Moderator *Kingpin*'s schermafbeelding
    Geregistreerd
    23 januari 2004
    Locatie
    De Kempen (B)
    Berichten
    29.886
    Bedankt
    0
    Is bedankt: 6

    Standaard Re: [photoshop] Spiegelen in Photoshop

    Handleiding



    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



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




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



      (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.




      Dan heb je volgende resultaat :




      Dat begint er al naar uit te zien



    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 maar you get the point ;-))


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



    • 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).




      En daarmee krijg je dan als resultaat :






    Enjoy



    nationaalcomputerforum.nl © 2010
    Created for Nationaal Computer Forum www.nationaalcomputerforum.nl  (disclaimer)





  3. #3
    Moderator *Kingpin*'s schermafbeelding
    Geregistreerd
    23 januari 2004
    Locatie
    De Kempen (B)
    Berichten
    29.886
    Bedankt
    0
    Is bedankt: 6

    Standaard Re: [photoshop] Spiegelen in Photoshop

    Handleiding

    b) Tekst spiegelen


    Wat gaan we doen ?


    Van een "gewone" tekst



    een gespiegelde tekst maken :





    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.



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

      ......

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



    • 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 :



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




      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"



    • Selecteer dan de gespiegelde (onderste) tekst



    • Ga dan naar Edit > Transform > Perspective



    • 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)



    • 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





    • 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.











    nationaalcomputerforum.nl © 2010
    Created for Nationaal Computer Forum www.nationaalcomputerforum.nl  (disclaimer)





  4. #4
    Moderator *Kingpin*'s schermafbeelding
    Geregistreerd
    23 januari 2004
    Locatie
    De Kempen (B)
    Berichten
    29.886
    Bedankt
    0
    Is bedankt: 6

    Standaard Re: [photoshop] Spiegelen in Photoshop

    Handleiding


    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)




    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.






    En bv nog een watereffect toevoegen :

    • Ga naar Filter > Liquify en neem de Turbulence Tool



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



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





    Succes



    nationaalcomputerforum.nl © 2010
    Created for Nationaal Computer Forum www.nationaalcomputerforum.nl  (disclaimer)





  5. *Kingpin* wordt bedankt door:




Soortgelijke discussies

  1. Mijn eerste Sig met photoshop 7
    By ACL1501 in forum Grafisch / Design
    Reacties: 3
    Laatste bericht: 25 november 2006, 16:51
  2. Basis "Tools" in Photoshop
    By Kingcollin in forum Grafisch / Design
    Reacties: 0
    Laatste bericht: 13 september 2006, 20:12
  3. route uitstippelen photoshop
    By Lars12 in forum Grafisch / Design
    Reacties: 4
    Laatste bericht: 4 mei 2006, 20:54
  4. Spiegelen in Photoshop CS2 9.0
    By freakyyy in forum Grafisch / Design
    Reacties: 2
    Laatste bericht: 6 april 2006, 20:07
  5. Handige Links En Online Tuts
    By *Kingpin* in forum NCF Forum Related
    Reacties: 0
    Laatste bericht: 30 oktober 2004, 05:59

Regels voor berichten

  • Je mag geen nieuwe discussies starten
  • Je mag niet reageren op berichten
  • Je mag geen bijlagen versturen
  • Je mag niet je berichten bewerken
  •