Super Last Minute DIY Valentijnsdagkaart - Ajarnpa

2024 Auteur: John Day | [email protected]. Laatst gewijzigd: 2024-01-30 11:16

Ben jij Valentijnsdag ook vergeten? Maak je geen zorgen, we hebben je gedekt met deze last-minute aanpasbare DIY Valentijnsdag-kaart! ?

Benodigdheden

• Computer
• Een digitale foto voor of van uw dierbare
• Verwerken

Stap 1: Projectvideo

Stap 2: Download alle dingen

Het idee is om een last-minute valentijnskaart te maken, met animaties rond een foto voor je geliefde. We hebben deze animaties gemaakt in een programma genaamd Processing, wat het eerste is dat je moet downloaden.

Het tweede dat je nodig hebt, zijn de projectbestanden, die we op GitHub hebben gedeeld.

Je moet beide archieven die je hebt gedownload uitpakken. Zodra dit is gebeurd, zou u het bestand "ValentinesCard.pde" in Processing moeten kunnen openen.

Om alles werkend te krijgen, moet je de andere projectbestanden die je hebt gedownload aan de Sketch toevoegen. Ga hiervoor naar Sketch >Bestand toevoegen en selecteer de bestanden.

Last but not least moet je een bibliotheek installeren om een romantisch nummer af te spelen dat bij de animaties past. Ga naar Sketch > Bibliotheek importeren > Bibliotheek toevoegen en zoek naar de "Minim"-audiobibliotheek en druk op "Installeren".

Dat zou alle vereiste instellingen moeten zijn! Om de animaties te starten, klikt u op de knop Uitvoeren in de linkerbovenhoek van het scherm. Om naar de volgende animatie te gaan, klikt u gewoon in het venster met de animaties.

Stap 3: Aanpassen

Hoewel dit heel romantisch is, wil je het misschien aanpassen en je eigen foto toevoegen.

Ik nam deze foto van Ted de pratende broodrooster en sneed hem uit de foto en maakte de achtergrond transparant met behulp van een aantal mooie fotobewerkingssoftware. Zorg ervoor dat je de achtergrond van je foto verwijdert en sla je afbeelding op als een-p.webp

Om de afbeelding in de animaties te vervangen, plaatst u uw nieuwe foto in de map ValentinesCard, waar de andere afbeeldingen zich bevinden.

Ga vervolgens naar de code in Processing en scrol omlaag naar de functie met de naam customSetup. Wijzig hier de naam van de afbeelding in de naam van de nieuwe afbeelding die u zojuist hebt toegevoegd. In dit geval verander ik de naam in "Ted.png". Laten we op de run-knop drukken om te zien of het werkt. Daar gaan we!

Om het bericht dat wordt weergegeven in de 3e animatie te wijzigen, scrolt u iets verder naar beneden in de code en ziet u drie regels tekst. U kunt ze veranderen in uw eigen persoonlijke bericht!

Als je wilt, kun je ook de muziek en het lettertype wijzigen door ze aan de Sketch toe te voegen zoals we eerder deden en de namen van de bestanden in de code te wijzigen.

Voel je vrij om animaties aan te passen of toe te voegen aan het project!

Stap 4: Verras je Valentijn

Breek de kaarsen uit en verover je Valentijn met je last minute creatie! Fijne Valentijnsdag!