HeartBeat Avatar

Kristian · Geplaatst: Wo Mrt 19, 2008 11:21 pm Onderwerp: HeartBeat Avatar

In deze tut ga je leren om een soort hartslag na te maken die je altijd op zo'n monitor ziet van de hartbewaking.
Voorbeeld:

Aub login om dit plaatje te zien.
Wordt Geregistreerd of Inloggen

Stap 1:
Maak een nieuw bestand aan, ik maak er een van 100x100, omdat ik hem als avatar wil gebruiken.
Vul nu de achtergrond (background layer) met zwart. Gebruik hiervoor de paintbucket tool.

Aub login om dit plaatje te zien.
Wordt Geregistreerd of Inloggen

Dan heb je, als het goed is, nu gewoon een zwart vierkant.

Stap 2.
Zoek nu ergens op het internet een plaatje van zo'n hartslag,

Aub login om deze link te zien
Wordt Geregistreerd of Inloggen

heb ik gebruikt. Ik heb hem gewoon gevonden door bij

Aub login om deze link te zien
Wordt Geregistreerd of Inloggen

Hartslag in te typen. Nu moet je zorgen dat je het stukje wat in je plaatje groen moet worden kopieert naar je plaatje. Je kunt dit doen door de achtergrond en alles wat overbodig is weg te halen met de magic eraser en dan de hartslag naar je plaatje te kopieren.

Aub login om dit plaatje te zien.
Wordt Geregistreerd of Inloggen

Kopieren doe je door het stukje wat je nodig hebt te selecteren en dan op ctr+c te drukken en dan in je avatar op ctr+v te drukken.

Stap 3.
Maak nu een nieuwe layer (ctrl+n) aan. Selecteer dan de helft van die layer met de rectangular marquee tool.

Aub login om dit plaatje te zien.
Wordt Geregistreerd of Inloggen

Selecteer dan de Gradient tool, met de volgende instellingen.

Aub login om dit plaatje te zien.
Wordt Geregistreerd of Inloggen

Trek nu een lijn vanaf de rechtse kant van het geselecteerde deel naar de linker kant, terwijl je shift ingedrukt houd. Druk nu op ctrl+d en dan op ctr+alt+g, als je CS2 of hoger hebt. Heb je lager dan CS2, dan moet je ctrl+g doen.

Stap 4
Ga nu naar imageready toe (ctrl+shift+m). Open nu je animation pallet (window->animation). Zet dan de gradient helemaal naar links, zodat je hem nog net niet ziet. Klik nu op de Duplicate Frame

Aub login om dit plaatje te zien.
Wordt Geregistreerd of Inloggen

Zet nu de Gradient helemaal naar rechts zodat je alweer net niet meer ziet. Druk nu op de Tween-Button. Met frames ad tussen den 10 en 20. Ik koos voor 10, zodat het een beetje snel gaat.

Aub login om dit plaatje te zien.
Wordt Geregistreerd of Inloggen

als het allemal goed is en je drukt op play, dan speelt het filmpje zich af. je kunt hem nu opslaan als:
File->Save optimized as.

Nu heb je je eigen hartslag monitor! :O

Hopelijk vinden jullie het wat.

Laat ff een comment achter ;)

**Alsjemenou** · Geplaatst: Wo Mrt 19, 2008 11:30 pm Onderwerp: Re: HeartBeat Avatar

Wel een leuke titorial, maar heb Photoshop CS3 en daar zit helaas geen Image Ready meer bij

**Jweetje** · Geplaatst: Do Mrt 20, 2008 12:00 am Onderwerp: Re: HeartBeat Avatar

Leuke tut, ga um eens proberen.
Dank u PDT_008

**CraftLord** · Geplaatst: Do Mrt 20, 2008 12:02 am Onderwerp: Re: HeartBeat Avatar

Het is nog gewoon mogelijk om met Photoshop CS3 animaties te maken.
De functionaliteit van Image Ready zit nu gewoon in Photoshop.

Zet het animatie venster maar eens open, dan zul je het zien. PDT_018

**Alsjemenou** · Geplaatst: Do Mrt 20, 2008 12:09 am Onderwerp: Re: HeartBeat Avatar

**Jweetje** · Geplaatst: Do Mrt 20, 2008 12:28 am Onderwerp: Re: HeartBeat Avatar

Ga naar file- save for web en opslaan en eventueel bekijken als gif

**Alsjemenou** · Geplaatst: Do Mrt 20, 2008 12:43 am Onderwerp: Re: HeartBeat Avatar

Ja hoor het werkt - bedankt

**BadBull** · Geplaatst: Do Mrt 20, 2008 8:00 pm Onderwerp: Re: HeartBeat Avatar

leuke tutorial, thnx PDT_018

Kristian · Geplaatst: Vr Mrt 21, 2008 9:36 am Onderwerp: Re: HeartBeat Avatar

bedankt voor jullie comments allemaal :) maar ik zou graag wat outcomes willen zien :P

**Alsjemenou** · Geplaatst: Vr Mrt 21, 2008 12:41 pm Onderwerp: Re: HeartBeat Avatar

Ben nog zoekende naar de hartslag - kan niets vinden