Afbeelding niet beschikbaarDe bron kon niet worden geladen (i43.tinypic.com).Bron openen ↗Welkom bij Designen met Shahiem
Dit is alweer me 2e tutorial en ik vind het wel leuk om tutorials te maken.
Daarom heb ik deze aangemaakt.
We gaan het vandaag hebben over het Designen van een Bewegende Hartje.
Dat is heel erg leuk om te maken want dan kan je het aan je vriend of vriendin laten zien.
Ik zou zeggen geniet ervan en veel leesplezier.
Indien je iets niet snapt. Vraagt me gerust.
Met vriendelijke groet,
Shahiem ~ Eigenaar Habboregio.nl & Hogwartscatle.nl
Yahoober
Waarschuwing:
Voor het designen gebruik ik Photoshop CS3 in het engels, indien je andere versies of talen gebruikt kan het iets afwijken!
Houd daar rekening mee.
Inhoudsopgave
1. Voorwoord
2. Benodigheden
3. Voorbeeld
4. Custom Shape Tool
5. Animeren
6. Einde
Benodigheden
Voor het maken van ons bewegende avatar, hebben we minstens 1 van de versies nodig van Adobe Photoshop.
Voorbeeld
Hieronder kan je zien hoe het eruit gaat zien:
Afbeelding niet beschikbaarDe bron kon niet worden geladen (i43.tinypic.com).Bron openen ↗Custom Shape Tool
Open Photshop -> New -> Maak een bestand van de formaten: Width(Lengte): 100px en Height(Breedte): 100px -> Ok.
Afbeelding niet beschikbaarDe bron kon niet worden geladen (i44.tinypic.com).Bron openen ↗Nu zie je een witte vlak. Klik op de Custom Shape Tool.
Afbeelding niet beschikbaarDe bron kon niet worden geladen (i43.tinypic.com).Bron openen ↗Daarna kijk je naar het bovenste balk je en dan zie je staan: Shape.
Klik op het hartje.
Afbeelding niet beschikbaarDe bron kon niet worden geladen (i43.tinypic.com).Bron openen ↗En vul het witte vlak met het hartje.
Geef hem een rode kleur, ik neem: #c81d1d.
Daarna druk je op ok. Druk dan met je rechtermuisknop op de layer van het hartje.
Dan druk je Rasterize Layer.
Afbeelding niet beschikbaarDe bron kon niet worden geladen (i43.tinypic.com).Bron openen ↗En klik op de naam: Stroke.
We zetten Size op 3 en Positie op: Outside. De kleur van de lijn die ik neem is: #ff0000.
Animeren
Ga nu naar Window -> Animation. Dan zie je een venster verschijnen.
Maak een nieuwe Frame door te klikken op de icoon.
Afbeelding niet beschikbaarDe bron kon niet worden geladen (i40.tinypic.com).Bron openen ↗
Afbeelding niet beschikbaarDe bron kon niet worden geladen (i42.tinypic.com).Bron openen ↗Klik op ok.
Maak een nieuwe Frame aan en klik dan weer op de layer en Vink aan Bevel and Emboss.
Afbeelding niet beschikbaarDe bron kon niet worden geladen (i41.tinypic.com).Bron openen ↗Maak een nieuwe Frame aan en klik dan alweer op layer en vink aan: Inner Shadow.
Afbeelding niet beschikbaarDe bron kon niet worden geladen (i42.tinypic.com).Bron openen ↗Klik maar op Play en nu zie je dat er een bewegende hart is.
Afbeelding niet beschikbaarDe bron kon niet worden geladen (i39.tinypic.com).Bron openen ↗Nu gaan we hem opslaan door te gaan naar: File -> Save for Web & Devices.
Afbeelding niet beschikbaarDe bron kon niet worden geladen (i42.tinypic.com).Bron openen ↗Einde
Vandaag hebben we gelereerd een bewegende hartje te maken.
Ik hoop dat jullie het leuk vonden.
Ik hoop dat jullie mijn tutorial leuk vonden, ik zal graag jullie mening horen en de verbeterpunten.
Met vriendelijke groet,
Shahiem ~ Eigenaar Habboregio.nl & Hogwartscatle.nl
Yahoober


Er staat designen met Shahem 


