A Valentine’s Heart

barxsuusStap 1. Het Hart

  1. Sleep een hart in elkaar met Google Code.
  2. Maak de blokken compleet tot je op ‘submit’ kunt drukken.
  3. Download hem daarna als gif.
  4. Probeer je GIF-animatie in een browser (finder – downloads).
  5. Sleep je gif naar je Google Drive om hem te bewaren en gebruiken op bijvoorbeeld je site.

Stap 2. Je Tekst

Om het hart wel even te personalizen moet je er natuurlijk wat namen in krassen.

  1. Open je gif. in Photoshop.
  2. Window – Tijdlijn.
  3. Window -> Layers. Kies de bovenste layer.
  4. Maak een nieuwe laag en zet die bovenaan. Menu -> Layer -> Add new Layer. (laag – nieuwe laag)
  5. In deze bovenste laag: schrijf je tekst, geef het vorm, kleur, grootte, enz.animation-frames
  6. Probeer de Play knop in het Animate venster om te testen.
  7. Zolang je niks verschuift, staat jouw laag vast bovenaan. Heb je m verschoven, gebruik de Unify knoppen en Propagate Frame 1 om de zaak weer te fixen.layer-propagate
  8. Om ‘m af te maken: Save for Web & Devices. Kies als Preset voor GIF 128 No Dithering en laat de andere opties lekker staan.

 

https://www.madewithcode.com/projects/codedwithlove

 

Enkele Hartjes!

#codedwithlove #codedwithlove2 #codedwithlove3 2 Heart youarethebest