Happy Birthday GIF

Birthday Cake Gif

Personalized birthday gif with an animated meadow and rainbow. Show a birthday cake and you can customize the message, colors, and fonts. Use the image icon to choose or upload a different birthday cake.

Made By: EditableGIFs

Parent GIF 2 Child GIFS Open Inheritance Tree

GIF width: , height:

Banner text

Name

Name Font

Name Color

Name Border Color

Banner Font

Banner Color

Banner Border Color

Edit GIF animation code

Raw Code

Editable GIFs are created from the SCL animation language.
Open help and documentation

/* FEELING ADVENTUROUS? TRY THIS.
   BEWARE: MAKING ERRORS COULD MEAN
           RELOADING AND LOSING YOUR
           WORK
*/

var BANNERTEXT="Happy Birthday" //: Banner text
var LINE1="{Name}" //: Name
var FONT1="block" //: Name Font
var COLOR1="#0400ff" //: Name Color
var BORDER1="#ffffff" //: Name Border Color
var FONT2="block" //: Banner Font
var COLOR2="#0400ff" //: Banner Color
var BORDER2="#ffffff" //: Banner Border Color

var BKGRD="bkgrd.png"
var GRASS="grass.png"
var RAINBOW="rainbow.png"
var CAKE="cake-3.png"

var FLOWER1="flower-4.png"
var FLOWER2="flower-2.png"
var FLOWER3="flower-5.png"

var CANDLE1="blue.png"

var FLAME1="flame-1.png"
var FLAME2="flame-2.png"

create sprite from CANDLE1 as Candle
  where x=0 y=-20 center=5,100 size=0.66
  having children=Flame
end
create sprite from FLAME1 as Flame
  where center=7,22 x=0 y=-100 size=1.33
  having alt=flameFlip
end
create flipbook as flameFlip
  where images=(FLAME1,FLAME2) loop=true frames=random
end
create sprite from FLOWER1 as Flower1
  where center=auto x=70 y=140 having alt=FlowerRot1
end
create sprite from FLOWER2 as Flower2
  where center=auto x=236 y=105 having alt=FlowerRot1
end
create sprite from FLOWER3 as Flower3
  where center=auto x=356 y=126 having alt=FlowerRot1
end
create rotation as FlowerRot1 end

create sprite from CAKE as Cake
  where x=200 y=250 center=auto size=0.5
  having children=Candle
end
create sprite from CAKE as Cake2
  where x=200 y=-400 center=auto
  having alt=(sub
    create translation
      where y=230 speed=600 easeout=40 completion=(sub
    create translation
      where y=200 speed=400 easeout=10 completion=Event5
    end)
    end)
  children=Candle
end
create sprite from GRASS as Grass
  where x=0 y=100 having children=(Flower1,Flower2,Flower3)
end
create sprite from GRASS as Grass2
  where x=0 y=300
  having alt=(sub
    create translation
      where y=100 speed=400 easeout=10 completion=Event6
    end) children=(Flower1,Flower2,Flower3)
end
create sprite from RAINBOW as Rainbow
  where x=400-47 y=250 alpha=0.5 center=200,200 angle=-160
end

create textsprite as Line1
  where
    x=200 y=30
    center=auto
    align="center" color=COLOR1
    style="border" borderwidth=5 bordercolor=BORDER1
    font "normal 56px "+FONT1
    text=LINE1
end

create sprite as Layer1
  where size=0.75 y=50
  having alt=(sub
    create wait
      where delay=500 completion=Event1
    end)
end
create sprite as HBLayer
  where x=-400+47 y=-250
end
create sprite as HBLayerContainer
  where x=400-47 y=250 center=200,200 angle=-160
  having children=HBLayer
end
create routine as Start
  draw onto _bottom
    image BKGRD,0,0
  enddraw
  launch Layer1
  launch Grass
  launch HBLayerContainer
  set parent=HBLayer
  run routine SetHBLetter where repeat=data.HBLetters
  ArcSprites(353,250,245,180,90,true)
  set parent=Layer1
  launch Rainbow
end
create routine as Event1
  launch Cake
  insert into Rainbow where alt=(sub
    create rotation where speed=180 distance=160 easeout=30 completion=Event2
    end)
end
create routine as Event2
  insert into Grass where alt=(sub
    create scale where rate=1 until=4
    end) alt=(sub
    create slide where direction=270 speed=200 easein=20 distance=160 completion=DropThis
    end)
  insert into Layer1 where alt=(sub
    create scale where rate=0.5 until=1
    end) and alt=(sub
    create translation where y=0 speed=120
    end)
  insert into HBLayerContainer where alt=(sub
    create rotation where speed=180 distance=160 easeout=30 completion=Event3
    end) and alt=(sub
    create wait where delay=1250 completion=Event4
    end)
end
create routine as Event3
  insert into Layer1 where alt=(sub
    create scale where rate=2 until=4
    end)
  insert into HBLayerContainer where alt=(sub
    create scale where rate=2 until=4
    end)
end
create routine as Event4
  set parent=_none
  launch Cake2
  launch Line1
end
create routine as Event5
  insert into Cake2 where alt=(sub
    create scale where rate=-4 until=0
    end)
  insert into Line1 where alt=(sub
    create scale where rate=-4 until=0
    end)
  launch Grass2
end
create routine as Event6
  Stop()
end
create routine as DropThis
  drop _sprite
end
create data from letters as HBLetters
set
  BANNERTEXT
end

// ********************************************************************************
// ********************************************************************************
// Arc text
/*
    NB NOTES AND WARNIGNS:
    Center for textsprites cannot use 'auto', so don't try it. Specify the values.
    Text sprites are drawn at 90degs, so 90 degree offset needs to be added, like:
      angle=deg+90

SetHBLetter("B")
ArcSprites(150,-80,140,230,310,true)
*/
// ********************************************************************************

create textsprite as HBLetter
where
    align="center" style="border" borderwidth=5
    bordercolor=BORDER2 color=COLOR2
    font="normal 48px "+FONT2
end

create routine as SetHBLetter
  clone from HBLetter using original
  update textsprite _clone where text=data.HBLetters.next 
  update sprite _clone where vflip=true and hflip=true
  update sprite _clone where center=12.5,12.5
  update data ArcItems push _clone
end
create data from list as ArcItems end
create routine as ArcSprites
  run routine ArcSprite(arg.1,arg.2,arg.3,arg.4,arg.5,arg.6) where repeat=data.ArcItems
  update data ArcItems remove _all
end
create routine as ArcSprite
  var xloc=arg.1
  var yloc=arg.2
  var dist=arg.3
  var arc1=arg.4
  var arc2=arg.5
  var tilt=arg.6 // true or false if we should angle the sprites accordingly

var rm1=_repeat-1
  var darc=data.ArcItems.count-1

var deg=arc1+rm1*(arc2-arc1)/darc

var whi=data.ArcItems.next
  var newx=getpolarx(xloc,deg,dist)
  var newy=getpolary(yloc,deg,dist)
  update sprite whi where x=newx and y=newy and angle=deg+90
end

Replace this image

OR, choose from the list...

Upload a video to play in the background of your GIF.
We recommend videos/gifs to not be longer than 10 seconds.

Drag Video to Here

Touch to change a GIF image:

Your animation will be:

uploaded and processed
given a unique web address
available to download or share for 5 days

After sharing you will be automatically taken to your new gif page.

For Apps...

Your animation will be:

uploaded for processing
made ready for App upload (mp4)
you will be taken to the video page
video will only be available for a limited time

Save the video to your device for posting to your preferred app.

Download

Your working copy

Customize gif settings below, use the image icon to change the cake.

Download:

Download GIF

Download for

Download Video

Errors will appear here.

Your GIF

GIF options

Repeat?

Duration each frame (ms):

Timer interval before repeating (ms):

Start gif on which frame:

Use transparency? ||| Alpha cutoff (0, 255)

Background color?

Width:

Height:

Webm Video Download

Download Complete

Drag/Pinch Image

GIF Tip

Upload in progress...

Please hold... processing