Designen met Shahiem

Gestart doorShahiem33 reacties412 weergaven

34 berichten · pagina 1 van 3

Shahiem

Lid · Topicstarter

Berichten
20.364
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Afbeelding
Voorwoord
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

Custom Shape Tool
Open Photshop -> New -> Maak een bestand van de formaten: Width(Lengte): 100px en Height(Breedte): 100px -> Ok.
Afbeelding

Nu zie je een witte vlak. Klik op de Custom Shape Tool.
Afbeelding

Daarna kijk je naar het bovenste balk je en dan zie je staan: Shape.
Klik op het hartje.
Afbeelding

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
Klik daarna op de layer en Vink het vakje aan: Stroke.
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
Nu gaan de Frame veranderen. Klik dan op de layer en Vink aan: Drop Shadow
Afbeelding
Daarna klik je op Inner Glow en vink dat ook aan.

Klik op ok.

Maak een nieuwe Frame aan en klik dan weer op de layer en Vink aan Bevel and Emboss.
Afbeelding

Maak een nieuwe Frame aan en klik dan alweer op layer en vink aan: Inner Shadow.
Afbeelding
Nu gaan we alle frames op 0,1 sec zetten. Doe dat met je rechtermuisknop op alle frames te doen en dan klik je op 0,1 sec.

Klik maar op Play en nu zie je dat er een bewegende hart is.
Afbeelding

Nu gaan we hem opslaan door te gaan naar: File -> Save for Web & Devices.
Afbeelding

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
0
Berichten
2.517
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Goede tutorials ga zo door wink
ik maak er ook even 1
0
Shahiem

Lid · Topicstarter

Berichten
20.364
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Dankjewel biggrin
0
Berichten
620
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Titel is fout redfaceEr staat designen met Shahem yummie
0
Shahiem

Lid · Topicstarter

Berichten
20.364
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Het is ook designen emo
0
Berichten
15.303
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Shahiem schreef:
Het is ook designen emo
Hij bedoeld dat er Shahem staat, i.p.v Shahiem. wink
0
Shahiem

Lid · Topicstarter

Berichten
20.364
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Haha, verkeerd gelezen. Heb het aangepast biggrin
0
Berichten
620
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Shahiem schreef:
Het is ook designen emo
Beter lezen schater
0
Berichten
2.674
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Mooie tutorial,
Maar nog een typfoutje:
Hogwartscatle.nl
0
Berichten
7.179
Reputatie
1
Punten
3,01
Lid sinds
Laatst gezien
pompompompompompompompomDomste vraag van het topicpompompompompompompompom
Hoe kom je aan photoshop?
0
Berichten
2.517
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
1.Kopen
2.Downloaden/kraken
3.Gebruik google
4.Google slaat nergens op yummie
0
Berichten
93.699
Reputatie
0
Punten
1,27
Lid sinds
Laatst gezien
Ziet er leuk uit biggrin
0
Shahiem

Lid · Topicstarter

Berichten
20.364
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Bedankt biggrin
0
Berichten
1.641
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
ik zie liever een tut van rogier biggrin
0
Berichten
2.517
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Paull schreef:
ik zie liever een tut van rogier biggrin
Weesblij dat shahiem een tut maakt.

ontopic nu!
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren