nov
16
2010

Knipperende kerstlichtjes kaart

Als je van actie houdt is deze wenskaart met flitsende kerstlichtjes en fonkelende sterretjes een spekkie voor je bekkie. Het is geen vlug klaar project dus begin er op tijd aan. De tijd die je erin steekt is de moeite dubbel en dwars waard. Naast het maken van de twee animaties werk je met laagmaskers en laagstijlen en maak je de sneeuwpop, het candy cane tekst effect en het sneeuwlandschap ook nog eens. Hieronder zie je het eindresultaat van deze tutorial:

OK, aan de slag!  Open een nieuw document in Photoshop van 1600 x 900 px (72 px/inch) en dubbelklik op de achtergrondlaag om deze te ontgrendelen. Klik op het laagstijl icoontje onderaan in je lagenpalet en kies voor patroonbedekking.  Neem een van deze Classic Nebula patronen, ik heb nr 7 genomen van de set. Als je niet weet hoe je een patroon in Photoshop zet dan kun je dat hier lezen.

Met dit als resultaat:

Maak een nieuwe laag aan en vul de laag met een kleur naar keuze. Geef deze laag een verloopbedekking als laagstijl:

Klik met rechts op de laag en kies voor omzetten in slim object. Zet de laagmodus van de laag hierna op bleken:

Maak met je pen een vorm als hieronder te zien is in het voorbeeld gebruik ankerpunten omzetten in je pen menu om de vorm mooi glooiend en rond te maken. Maak een selectie van je pad en vul het pad in een nieuwe laag met wit.

Voeg aan de laag van de witte vorm deze laagstijl toe:

Maak zo nog 3 aantal witte vormen in nieuwe lagen en geef de vormen dezelfde laagstijl als de eerste zodat je een sneeuwlandschap krijgt:

Maak een cirkelvorm met je ovale selectiekader en vul de selectie in een nieuwe laag met wit. Maak een wat kleinere cirkel en vul de selectie weer in een nieuwe laag met wit. Geef de beide lagen een gloed binnen met dezelfde kleur als je voor het sneeuwlandschap gebruikt hebt:

Download deze  Santa Hat Santa hat (91) en open het PSD file in Photoshop. Sleep of kopieer de Santa hat in je document en schuif hem over de bovenste bol:

Neem dan een hard zwart rond penseel en maak de oogjes en de mond in een nieuwe laag . Maak met je pen een vorm voor de neus en vul de selectie in een nieuwe laag met kleur #f18d0a.

Geef de laag van de ogen en de mond schuine kant en reliëf als laagstijl en stel als volgt in:

Geef de laag van de neus dezelfde laagstijl alleen als volgt ingesteld:

Groepeer de lagen van de sneeuwpop en noem de groep sneeuwpop. Schuif de groep van de sneeuwpop tussen twee lagen van je sneeuwlandschap in zodat de pop mooi in het landschap staat. Dupliceer de groep van de sneeuwpop en voeg de kopiegroep samen. Ga in de laag van de kopie sneeuwpop staan en ga naar menu AFBEELDING-AANPASSINGEN-KLEURTOON/VERZADIGING Schuif de regelaar van de helderheid naar -100 zodat de kopie zwart wordt. Schuif nu de kopie onder de groep van de sneeuwpop en ga naar menu BEWERKEN-TRANSFORMATIE-VERVORMEN. Vervorm de zwarte kopie en ga dan naar menu FILTER-VERVAGEN-GAUSSIAANS VERVAGEN. Vervaag de kopie met 10 px en zet dan de dekking van de kopie op 15%. Noem de kopie schaduw en schuif de schaduw laag in de groep van de sneeuwpop, zorg dat hij onderaan in de groep onder alle andere lagen van de sneeuwpop komt.

Neem je typ gereedschap en tik in 4 verschillende lagen de cijfers van het jaartal 2011. Gebruik een kleur naar keuze en grootte 500 pt met het lettertype Creampuf . Als je niet weet hoe je een lettertype (font) in Windows moet zetten dan kun je dat hier lezen. Schuif de letters tussen de lagen van je berglandschap en roteer ze een beetje met je transformatie gereedschap (CTRL +T, roteren).

Zet de vulling van de tekstlagen op 0% bovenaan in je lagenpalet en voeg de volgende laagstijlen aan de tekstlagen toe:

Download deze Candy Cane strepen:

Open het texture in Photoshop en  kopieer of sleep het texture in je document. Schuif het boven een van je cijfers, vergroot het naar wens met je transformatiegereedschap (CTRL+T, schalen). Selecteer de pixels van je cijfer (CTRL + muisklik op de laagthumbnail) en kopieer en plak dan de selectie boven je letter. Zet de laag van het gekopieerde texture in vorm van je letter op de laagmodus donkerder.  Deselecteer en schuif dan het texture boven een ander cijfer. Herhaal deze stap totdat je alle cijfers van streepjes hebt voorzien. Roteer het texture ook af en toe om een ander effect te krijgen. Als je alle cijfers gehad hebt kun je de laag met het texture verwijderen.

Groepeer nu alle lagen die je tot nu toe hebt en noem de groep achtergrond.

Download deze foto van een dennentak en haal de tak uit de achtergrond met het gereedschap naar keuze. Ik heb eerst het meeste wit weggehaald met het toverstafje en daarna de details met een laagmasker. Als je de tak vrijgemaakt heb uit zijn achtergrond kopieer je hem in je document en verklein je hem flink met je transformatiegereedschap. Roteer en schuif hem linksboven aan de rand op zijn plek. Dupliceer de tak en roteer een beetje. Haal stukken weg als dat nodig is en maak zo een hele rij met takken totdat je helemaal aan de andere kant van je document bent aangekomen. Groepeer dan alle takken in een groep die je takken noemt.

Voeg de groep samen zodat je één laag krijgt met takken. Dupliceer de laag van de takken en ga terwijl je in de kopielaag staat van de takken naar menu AFBEELDING-AANPASSINGEN-KLEURTOON/VERZADIGING en stel als volgt in:

Zet de dekking van de kopie takken laag op 75%. Selecteer de pixels van de onderste takken laag en maak een nieuwe laag boven beide takken lagen. Vul de selectie met wit. Voeg aan de witte laag een laagmasker toe door op het laagmasker toevoegen icoontje te klikken onderaan aan je lagenpalet. Haal met een zwart penseel het wit weg in de laag totdat je zoiets overhoudt als hieronder te zien is.

Voeg aan de onderste takkenlaag een slagschaduw toe als volgt ingesteld:

De  takken zijn klaar, we gaan nu verder met de lichtjes. Open hiervoor een nieuw document in Photoshop van 250 x 250 px met een zwarte achtergrond. Neem je rechthoekige selectiekader en trek een rechthoek zoals hieronder te zien is. Trek in een nieuwe laag een gespiegeld verloop in de rechthoek. Stel als voorgrondkleur kleur #ECECEC en als achtergrondkleur kleur #BF9090 in. Neem dan je transformatiegereedschap en vervorm zoals in het voorbeeld te zien is. Neem dan je ovale selectiekader en maak een ovaal als hieronder in het voorbeeld te zien is. Delete de hoekjes aan de onderkant:

Neem je pen en teken een pad zoals hieronder in het voorbeeld te zien is. Omlijn het pad met je penseel voorgrondkleur wit en dikte 8 px.

Geef de laag van de lijn een schuine kant en reliëf als laagstijl en stel als volgt in:

Dupliceer de laag van de witte lijn en maak de bovenste iets kleiner zodat je hetzelfde krijgt als hieronder in het voorbeeld te zien is:

Maak met je ovale selectiekader een selectie en vul de selectie in een nieuwe laag met wit. Haal een stuk van de selectie af zodat je een beetje een puntigere bovenkant krijgt. Dupliceer het afgehaalde gedeelte en draai het horizontaal om. Schuif de beide delen tegen elkaar aan en voeg dan de lagen samen zodat je een vorm krijgt als hieronder te zien is. Schuif de laag onder de lagen van de fitting van het lampje.

Zet de vulling van de laag op 0% en voeg de volgende laagstijlen toe:

NB: kleur #FFFFBE

Groepeer alle lagen en noem de groep lichtje aan. Dupliceer de groep en noem de nieuwe groep lichtje uit.  Wis de laagstijlen van de laag van het lichtje en geef de het lampje deze laagstijl:

NB: Gebruik kleur #B1B1AE

Voeg de groep lampje uit samen en noem de laag uit. Doe het zelfde met de groep van lampje aan en noem de laag aan. Sleep de lagen in je document en maak de lichtjes kleiner en roteer ze met je transformatiegereedschap zodat ze aan de slinger passen. Dupliceer de lagen en wissel aan en uit af met elkaar totdat je langs de hele slinger afwisselend aan en uit lichtjes hebt. Groepeer de lagen en noem de groep lichtjes 1.

Dupliceer nu de groep lichtjes 1 en noem de groep lichtjes 2. Kopieer nu de laagstijl van de aan naar de uit lichtjes en andersom zodat de lichtjes in de groep lichtjes 2 afgwisselend uit en aan zijn, dus net andersom als de lichtjes in de  groep van lichtjes 1. Voeg nu de groep lichtjes 1 samen tot één laag die lichtjes 1 heet en doe hetzelfde met de groep lichtjes 2 en noem deze laag lichtjes 2.

Maak boven de laag van de lichtjes en de takken een nieuwe laag aan en maak een ronde selectie met je ovale selectiekader. Vul de selectie met een kleur naar keuze.

Geef de laag van het rondje de volgende laagstijlen:

Dupliceer de laag van het bolletje net zo vaak totdat je een hele snoer met balletjes hebt die langs de lichtjes over de takken hangt. Voeg laagmaskers toe aan de bolletjes die achter de lichtjes langs moeten lopen en haal daarin met een klein zwart penseeltje de delen weg die achter de lichtjes moeten zitten. Selecteer alle lagen en groepeer de lagen, noem de groep snoer. Voeg dan de groep snoer samen zodat je één laag hebt.

Maak drie nieuwe lagen aan en noem deze ster 1, ster 2 en ster 3. Zet in iedere ster laag een paar afdrukken met een van deze ES Sparkles brushes ES sparkles brushes (76)  set. Als je niet weet hoe je een penselen set (brush) in Photoshop zet dan kun je dat hier lezen.

Ga naar het animatie gedeelte van Photoshop, in CS5 heet dat beweging en kun je dat kiezen boven in de opties balk aan de rechterzijde.

Zet in het eerste frame lichtjes 1 aan en zet de vertraging van het frame op 0,3 seconde.

Dupliceer het frame door op het icoontje te klikken. Zet in frame 2 de laag van ster 1 aan laat de laag lichtjes 1 aanstaan. Klik op het tussenvoegen iccontje en voeg 3 frames tussen frame 2 en 1 in.

Dupliceer frame 5 en zet in frame 6 ster 1 uit voeg 3 frames tussen.  Dupliceer het laatste frame weer zet nu ster 2 aan en voeg weer 3 frames tussen. Dupliceer het laatste frame en zet de laag van ster 2 uit voeg weer 3 frames tussen. Dupliceer het laatste frame en zet de laag van ster 3 aan voeg weer 3 frames tussen en dupliceer dan het laatste frame zet de laag ster 3 uit en voeg voor de laatste keer 3 frames tussen.  Je hebt nu precies 25 frames. Als je de animatie afspeelt zie je dit:

Dupliceer het laatste frame zodat je 26 frames hebt in totaal. Zet nu in alle even frames de laag lichtjes 1 uit en lichtjes 2 aan. Verklein de afbeelding naar 800 bij 450 pixels via menu AFBEELDING-AFBEELDINGSGROOTTE zodat je niet zo’n vreselijk groot bestand hebt. Sla je animatie op in menu AFBEELDING-OPSLAAN VOOR WEB- EN APPARATEN als gif bestand.

Veel plezier bij het maken van de kaart!

Groetjes,

Jumbojet

Aanverwante berichten

Jumbojet

29 Reacties +REACTIE GEVEN

  • Hoi JJ

    Erg leuke site. IK heb al verschillende tuts gemaakt, leuk om te doen maar bij deze workshop kom ik even niet verder dan de sneeuwpop. bij kleurtoom/verzadiging, wordt heel de achtergrond zwart i.p.v. de sneeuwpop. ik heb al verschillende dingen grprobeerd zoals de kopie-groep op een andere plaats te zetten en heb de sneeuwpop zelfs al opnieuw gemaakt. weet jij misschien wat ik fout doe?

    • Hoi Annette,
      Leuk dat de site je zo goed bevalt. Over je probleempje:
      Heb je de kopie groep samengevoegd? Ben je daarna in de laag van de kopie groep gaan staan? Of heb je misschien per ongeluk de achtergrond samengevoegd met de sneeuwpop? In dat geval kleurt de hele boel zwart. Zorg ervoor dat je alleen de lagen van de sneeuwpop in een groep zet zonder de achtergrond. Dat is het enige wat ik kan bedenken wat er mis is gegaan. Het is een beetje moeilijk meekijken op afstand. Ik hoop dat je zo verder komt.
      grtz,
      JJ

  • hallo
    ik ben bezig met de kaart kerstlichtjeskaart;en het volgende probleem is
    de laagstijl veranderen in de 2lagen
    kun je mij even een hint geven
    overig ik vind je site geweldig en heb er al veel door geleerd en gemaakt
    groetjes bb

    • Hoi Boterbloem,
      Ik neem aan dat je het over de lampjes hebt. Je kunt de laagstijl heel eenvoudig veranderen door de gewenste laagstijl van de laag te kopiëren en op de laag waar je de laagstijl wilt hebben te plakken. Als je dus de lagen waar het lampje uit is aan wilt hebben dan selecteer je een laag waar het lampje aan is. Klik dan met rechts op de laag en kies voor laagstijl kopiëren. Vervolgens selecteer je alle lagen van de lampjes die aan zijn in de groep en klik je met rechts op een van de lagen en kies je voor laagstijl plakken. Om de lampjes uit te zetten doe uit moeten ga je naar de originele groep, kopieert de laagstijl van het lampje dat uit is en selecteer je alle lampjes die uit moeten.
      Ik hoop dat het zo lukt.
      Grtz,
      JJ

  • Super!!

    Wat een fijne website.
    Ik heb net Photoshop cs4 Extended gekocht, weet er dus niks van en hoop nog veel van je te mogen leren.

    Dank je wel!!

    Gr.Brigitte

    • welkom Brigitte! Veel Photoshopplezier!
      groetjes, JJ

  • Dag Jumbojet,
    Wat ben ik blij met deze mooie site.
    Heb me de laatste dagen bezig gehouden met de knipperende lichtjes.
    een heel mooi werkje.
    Alles werkt naar behoren. Maar nu zit ik met een probleem.
    Als ik het nu opsla zoals aan gegeven in de les als gif krijg ik in voorbeeld de mooie animatie te zien. tot zover gaat alles goed.
    maar als ik vervolgens het gif bestandje wil openen krijg ik geen animatie te zien.
    Ik heb nog nooit een animatie in photoshop gemaakt. Wel in paint shop pro
    kan het zijn dat ik iets in photoshop nog in moet stellen?
    Groetjes Creabea

    • Hoi Creabea,
      Dank voor je compliment. Wat je vraag betreft:
      Photoshop kan zelf geen gif animaties afspelen. Sluit Photoshop en dubbelklik op je opgeslagen bestand (ga dus naar de locatie waar je het hebt opgeslagen) je gif animatie wordt nu in je internetbrowser afgespeeld.
      Groetjes,
      JJ

      • Bedankt voor het snelle reageren.
        De lichtjes en sterretjes knipperen in mn Internetbrowser.
        groetjes
        Creabea

  • [...] Re: kerstkaart hier ben ik bezig aan : en ook voor de liefhebber… http://www.jumbojetje.nl/tutorials/k…lichtjes-kaart [...]

  • Ik zoek tevergeefs naar de plaats waar ik die sterren kan downloaden.
    Kunt u mij verder helpen?
    Mvg,
    Fernand
    [download id=”109″

    • Hoi Fernand,

      Ik had wat problemen met de plugin voor het downloaden… maar nu is het weer helemaal in orde en kun je de sterren downloaden vanuit de les.

      Groetjes,
      Jet

  • Dag Jumbojet,

    Inderdaad, ik zal eens gans de animatie hermaken, mischien ligt mijn fout daar. Maar toch vind ik het leuk om naar mijn (mislukte) creatie te kijken haha…fonkelende sterretjes en toch knipperende lichtjes mooi.

    Groetjes

    • Goedzo, geniet lekker van je gedane arbeid :)
      Groetjes,
      JJ

  • Heb de lichtjes klaar gekregen, nu nog de animatie dat is andere koek.We komen er wel uit, blijven proberen,de aanhouder wint.

    Grtjes Jeannine

    • Hoi Janine,
      Daar ben ik van overtuigd. Veel succes bij het maken!
      Groetjes,
      JJ

  • Dag Jumbojet,

    Ik denk dat het hier is fout gelopen.

    “Dupliceer de lagen en wissel aan en uit af met elkaar totdat je langs de hele slinger afwisselend aan en uit lichtjes hebt. Groepeer de lagen en noem de groep lichtjes 1.

    Dupliceer nu de groep lichtjes 1 en noem de groep lichtjes 2. Kopieer nu de laagstijl van de aan naar de uit lichtjes en andersom zodat de lichtjes in de groep lichtjes 2 afgwisselend uit en aan zijn, dus net andersom als de lichtjes in de groep van lichtjes 1. Voeg nu de groep lichtjes 1 samen tot één laag die lichtjes 1 heet en doe hetzelfde met de groep lichtjes 2 en noem deze laag lichtjes 2.
    Ik denk dat mijn fout in het groeperen ligt.

    Ik zal het toch moeten hermaken, want na het opslaan van mijn werkje kan ik via de historie niet meer terug gaan.

    Groetjes en bedankt voor de reactie

    • alleen het gedeelte met de lichtjes, de rest was goed toch?
      groetjes en succes!
      JJ

  • Hoi Jumbojet,

    Het was een ganse boterham(zoals ze het bij ons zeggen)echt leuk om te doen. Maar ik heb ergens toch een fout gemaakt, bij het afspelen ervan verdwijnt het ganse lichtje(met fitting)en dit is zeker de bedoeling niet. De sterretjes fonkelen wel zeer goed. Nu op zoek naar de fout, ik hoop dat ik het niet helemaal moet hermaken.
    Bedankt voor de superleuke tutorial

    • Hoi Denise,
      kijk je frames eens goed na en kijk dan of je in al je frames lichtjes 1 en 2 om en om aan en uit hebt staan. Als je de lagen van de lichtjes 1 en 2 zo gemaakt hebt als omschreven in de les gaan om de beurt de lagen aan en uit zodat de lichtjes knipperen. De fittingen zijn bij beide lagen precies het zelfde en gaan die ook aan en uit maar omdat die op precies dezelfde positie staan en hetzelfde zijn zie je dat helemaal niet. Veel succes!
      Groetjes,
      JJ

  • Hallo Jumbojetje, fantastisch site Ben bezig met knipperende kerstlichtjes kaart, nu aan ‘t knoeien met de lampjes,hopelijk geraak ik er wel uit
    Heel fijn lessen

    Groetjes Jeannine

    • Hoi Jeannine,
      Fijn te horen dat de site je bevalt :) Veel plezier bij het maken van de kerstkaart!
      Groetjes,
      JJ

  • Dag Jumbojetje,

    Ben zo blij dat ik website “Jumbojet”, heb gevonden op internet
    Wat een mooie en fijne website, zit sinds kort op cursus photoshop en ben zeer blij met zulke duidelijke tutorials. Dus namens mij Heeeel,heeeeeeel hartelijk dank daarvoor.

    Groetjes Riek

    • Hoi Riek,
      Dankjewel voor het compliment :) Veel plezier met Photoshop en tot ziens op de site!
      Groetjes,
      JJ

  • JJ,

    Ziet er super uit. Zal snel eens kijken of het mij gaat lukken. Dank je wel voor de les.

    Gr. Ria

    • Veel plezier bij het maken :)
      Groetjes,
      JJ

  • Hoi Jet,

    Dat ziet er erg leuk uit.
    Maar ik ben nog steeds met de flesjes aan het stoeien GRRRRRRRR

    Elke keer ben ik weer verbaast hoe jij dat voormekaar krijgt.

    Groertjes,
    Bertus

    • Hoi Bertus,
      De aanhouder wint… enne… oefening baart kunst! Succes bij het maken van de flesjes!
      Groetjes,
      JJ

Reageer

Archiief

Categorie

%d bloggers like this: