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

[Photoshop/ImageReady]Animated Rain

Discussie in 'Grafisch / Design' gestart door Noah3009, 31 dec 2006.

Topicstatus:
Niet open voor verdere reacties.
  1. Noah3009

    Noah3009 Senior

    [hand]<o:p></o:p>
    Hier gaan we animated rain toevoegen…<o:p></o:p>
    Het resultaat word zo iets als dit:<o:p></o:p>
    <!--[if gte vml 1]><v:shapetype id="_x0000_t75" coordsize="21600,21600" o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f" stroked="f"> <v:stroke joinstyle="miter"/> <v:formulas> <v:f eqn="if lineDrawn pixelLineWidth 0"/> <v:f eqn="sum @0 1 0"/> <v:f eqn="sum 0 0 @1"/> <v:f eqn="prod @2 1 2"/> <v:f eqn="prod @3 21600 pixelWidth"/> <v:f eqn="prod @3 21600 pixelHeight"/> <v:f eqn="sum @0 0 1"/> <v:f eqn="prod @6 1 2"/> <v:f eqn="prod @7 21600 pixelWidth"/> <v:f eqn="sum @8 21600 0"/> <v:f eqn="prod @7 21600 pixelHeight"/> <v:f eqn="sum @10 21600 0"/> </v:formulas> <v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/> <o:lock v:ext="edit" aspectratio="t"/> </v:shapetype><v:shape id="_x0000_i1025" type="#_x0000_t75" style='width:261.75pt; height:189pt'> <v:imagedata src="file:///C:\DOCUME~1\DEANWY~1\LOCALS~1\Temp\msohtml1\01\clip_image001.gif" o:title="Regen"/> </v:shape><![endif]--><!--[if !vml]-->[​IMG]
    <!--[endif]--><o:p></o:p>
    <o:p> </o:p>
    <o:p> </o:p>
    Stap 1<o:p></o:p>
    <o:p> </o:p>
    Zoek of maak een afbeelding waar je graag regen wil aan toevoegen. Ik gebruik deze:
    [​IMG]
    <o:p></o:p>
    <!--[if gte vml 1]><v:shape id="_x0000_i1026" type="#_x0000_t75" style='width:335.25pt;height:242.25pt'> <v:imagedata src="file:///C:\DOCUME~1\DEANWY~1\LOCALS~1\Temp\msohtml1\01\clip_image002.jpg" o:title="Bos-hytta_foran"/> </v:shape><![endif]--><!--[if !vml]-->
    <!--[endif]--><o:p></o:p>
    En open het in Photoshop.<o:p></o:p>
    <o:p> </o:p>
    Stap 2<o:p></o:p>
    <o:p> </o:p>
    Maak een nieuwe layer. Dit kun je via Layer (bovenaan) New ==> Layer… of via Shift+Ctrl+N of via deze knop: <o:p></o:p>
    <!--[if gte vml 1]><v:shape id="_x0000_i1027" type="#_x0000_t75" style='width:156.75pt;height:204.75pt'> <v:imagedata src="file:///C:\DOCUME~1\DEANWY~1\LOCALS~1\Temp\msohtml1\01\clip_image004.png" o:title=""/> </v:shape><![endif]--><!--[if !vml]-->[​IMG]
    <!--[endif]--><o:p></o:p>
    Vul hem dan met zwart door naar Edit ==> Fill… te gaan.<o:p></o:p>
    Dan zet je bij Contents, Use = Black en bij Blending, Mode = Normal, Opacity = 100%<o:p></o:p>
    <o:p> </o:p>
    Stap 3<o:p></o:p>
    <o:p> </o:p>
    We gaan eerst Noise toevoegen. Dit doe je via Filter ==> Noise ==> Add Noise… <o:p></o:p>
    Doe dan het volgende:<o:p></o:p>
    <!--[if gte vml 1]><v:shape id="_x0000_i1028" type="#_x0000_t75" style='width:244.5pt;height:318pt'> <v:imagedata src="file:///C:\DOCUME~1\DEANWY~1\LOCALS~1\Temp\msohtml1\01\clip_image006.png" o:title=""/> </v:shape><![endif]--><!--[if !vml]-->[​IMG]
    <!--[endif]--><o:p></o:p>
    <o:p> </o:p>
    Stap 4<o:p></o:p>
    <o:p> </o:p>
    Nu moeten we Motion Blur toevoegen. Dit doe je via Filter ==> Blur ==> Motion Blur…<o:p></o:p>
    Doe dan het volgende:<o:p></o:p>
    <!--[if gte vml 1]><v:shape id="_x0000_i1029" type="#_x0000_t75" style='width:242.25pt;height:290.25pt'> <v:imagedata src="file:///C:\DOCUME~1\DEANWY~1\LOCALS~1\Temp\msohtml1\01\clip_image008.png" o:title=""/> </v:shape><![endif]--><!--[if !vml]-->[​IMG]
    <!--[endif]--><o:p></o:p>
    <o:p> </o:p>
    Stap 5<o:p></o:p>
    <o:p> </o:p>
    Doe de stappen 2, 3 en 4; 3 tot 5 keer achter elkaar.<o:p></o:p>
    Als je klaar bent kom je dit uit:<o:p></o:p>
    <!--[if gte vml 1]><v:shape id="_x0000_i1030" type="#_x0000_t75" style='width:156pt;height:190.5pt'> <v:imagedata src="file:///C:\DOCUME~1\DEANWY~1\LOCALS~1\Temp\msohtml1\01\clip_image010.png" o:title=""/> </v:shape><![endif]--><!--[if !vml]-->[​IMG]
    <!--[endif]--><o:p></o:p>
    <o:p> </o:p>
    Stap 6<o:p></o:p>
    <o:p> </o:p>
    Druk nu op Ctrl+L dan krijg je dit:<o:p></o:p>
    <!--[if gte vml 1]><v:shape id="_x0000_i1035" type="#_x0000_t75" style='width:306.75pt;height:232.5pt'> <v:imagedata src="file:///C:\DOCUME~1\DEANWY~1\LOCALS~1\Temp\msohtml1\01\clip_image012.png" o:title=""/> </v:shape><![endif]--><!--[if !vml]-->[​IMG]
    <!--[endif]--><o:p></o:p> Zet de settings zo:<o:p></o:p>
    <!--[if gte vml 1]><v:shape id="_x0000_i1036" type="#_x0000_t75" style='width:303.75pt;height:232.5pt'> <v:imagedata src="file:///C:\DOCUME~1\DEANWY~1\LOCALS~1\Temp\msohtml1\01\clip_image014.png" o:title=""/> </v:shape><![endif]--><!--[if !vml]-->[​IMG]
    <!--[endif]--><o:p></o:p>
    Dan bekom je dit:<o:p></o:p>
    <!--[if gte vml 1]><v:shape id="_x0000_i1037" type="#_x0000_t75" style='width:279.75pt;height:227.25pt'> <v:imagedata src="file:///C:\DOCUME~1\DEANWY~1\LOCALS~1\Temp\msohtml1\01\clip_image016.png" o:title=""/> </v:shape><![endif]--><!--[if !vml]-->[​IMG]
    <!--[endif]--><o:p></o:p>
    Doe dit bij al je layers die je juist hebt gemaakt.
    [/hand]<o:p></o:p><o:p></o:p>
    <o:p></o:p>
     
    Laatst bewerkt: 1 jan 2007
  2. Noah3009

    Noah3009 Senior

    [hand]
    Stap 7<o:p></o:p>
    <o:p> </o:p>
    Druk dan op deze knop: <!--[if gte vml 1]><v:shape id="_x0000_i1038" type="#_x0000_t75" style='width:42pt;height:21.75pt'> <v:imagedata src="file:///C:\DOCUME~1\DEANWY~1\LOCALS~1\Temp\msohtml1\01\clip_image018.png" o:title=""/> </v:shape><![endif]--><!--[if !vml]-->[​IMG]<!--[endif]--> of via Shift+Ctrl+M<o:p></o:p>
    Nu opent hij het bestand in ImageReady.<o:p></o:p>
    <o:p> </o:p>
    Stap 8<o:p></o:p>
    <o:p> </o:p>
    Zet al je layers (behalve de background) op screen:<o:p></o:p>
    <!--[if gte vml 1]><v:shape id="_x0000_i1031" type="#_x0000_t75" style='width:171.75pt;height:416.25pt'> <v:imagedata src="file:///C:\DOCUME~1\DEANWY~1\LOCALS~1\Temp\msohtml1\01\clip_image020.png" o:title=""/> </v:shape><![endif]--><!--[if !vml]-->[​IMG]
    <!--[endif]--><o:p></o:p>
    <o:p> </o:p>
    Stap 9<o:p></o:p>
    <o:p> </o:p>
    Maak evenveel framen als layers die je gemaakt hebt met de regen hier:<o:p></o:p>
    <!--[if gte vml 1]><v:shape id="_x0000_i1039" type="#_x0000_t75" style='width:356.25pt;height:115.5pt'> <v:imagedata src="file:///C:\DOCUME~1\DEANWY~1\LOCALS~1\Temp\msohtml1\01\clip_image022.png" o:title=""/> </v:shape><![endif]--><!--[if !vml]-->[​IMG]
    <!--[endif]--><o:p></o:p>
    Met die knop hierboven.<o:p></o:p>
    <o:p> </o:p>
    Stap 10<o:p></o:p>
    <o:p> </o:p>
    Selecteer Frame 2 en doe de options in je layer vak zo:<o:p></o:p>
    <!--[if gte vml 1]><v:shape id="_x0000_i1032" type="#_x0000_t75" style='width:160.5pt;height:158.25pt'> <v:imagedata src="file:///C:\DOCUME~1\DEANWY~1\LOCALS~1\Temp\msohtml1\01\clip_image024.png" o:title=""/> </v:shape><![endif]--><!--[if !vml]-->[​IMG]
    <!--[endif]--><o:p></o:p>
    <o:p> </o:p>
    Selecteer dan Frame 3 en doe de options in je layer vak zo:<o:p></o:p>
    <o:p> </o:p>
    <!--[if gte vml 1]><v:shape id="_x0000_i1033" type="#_x0000_t75" style='width:160.5pt;height:158.25pt'> <v:imagedata src="file:///C:\DOCUME~1\DEANWY~1\LOCALS~1\Temp\msohtml1\01\clip_image026.png" o:title=""/> </v:shape><![endif]--><!--[if !vml]-->[​IMG]
    <!--[endif]--><o:p></o:p>
    <o:p> </o:p>
    Enz…<o:p></o:p>
    <o:p> </o:p>
    Stap 11<o:p></o:p>
    <o:p> </o:p>
    Sla hem op:<o:p></o:p>
    <!--[if gte vml 1]><v:shape id="_x0000_i1034" type="#_x0000_t75" style='width:175.5pt;height:316.5pt'> <v:imagedata src="file:///C:\DOCUME~1\DEANWY~1\LOCALS~1\Temp\msohtml1\01\clip_image028.png" o:title=""/> </v:shape><![endif]--><!--[if !vml]-->[​IMG]
    <!--[endif]--><o:p></o:p>
    <o:p> </o:p>
    Stap 12<o:p></o:p>
    <o:p> </o:p>
    Is er niet :p<o:p></o:p>
    <o:p> </o:p>
    Succes<o:p></o:p>
    [/hand]



    ~~~~~~~~~~​

    *mod-edit* : Omdat we na overzetting van tijdelijke --> vaste handleidingen, tutorialtopics sluiten, kunnen evtle reacties op en/of vragen over deze tut, verder gesteld worden in het vragengedeelte van het forum, i.c. bij Grafische & Design (verwijs er dan even bij naar deze tutorial).
    Ben je de TS en wil je evtl wat aanpassen, toevoegen, .. contacteer dan even iemand van het NCF-team :)

    *
     
    Laatst bewerkt door een moderator: 5 jan 2007
    1 persoon vindt dit leuk.
Topicstatus:
Niet open voor verdere reacties.

Deel Deze Pagina