Happy Birthday GIF

Champagne birthday toast

GIF of two champagne glasses in a toast, plus a birthday wish. Personalize it with text, colors, and fonts. Generate your custom gif to download and share.

Made By: EditableGIFs

Parent GIF 2 Child GIFS Open Inheritance Tree

GIF width: , height:

Name

Border color

Text color

Line 1

Line 2

HB font

Name font

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 NAME="Name" //: Name
var BORDERCOLOR="#555555" //: Border color
var TEXTCOLOR="#ffffff" //: Text color
var LINE1="Happy" //: Line 1
var LINE2="Birthday" //: Line 2
var HBFONT="serif" //: HB font
var NAMEFONT="sans-serif" //: Name font
var GLASS1="glass1.png"
var GLASS2="glass2.png"
var SPARKLE="sparkle-2.png"
var T1W="t1-green.png"
var T1Y="t1-gold.png"
var T2W="t2-red.png"
var T2Y="t2-blue.png"
var SQ1="square1.png"
var SQ2="square2.png"
var SQ3="square3.png"
var SQ4="square4.png"

create sprite from GLASS1 as glass1
  where center=159,15 x=116 y=182 hashit=GlassesHit
  having target=glass2
end
create sprite from GLASS2 as glass2
  where center=85,237 x=300 y=280
end
create routine as GlassesHit
  remove from glass1 where type=_all
  remove from glass2 where type=_all
  insert into glass1 where alt=(sub
    create translation
      where
        speed=300 x=66 y=182 easeout=100
    end)
  insert into glass2 where alt=(sub
    create translation
      where
        speed=300 x=300 y=280 easeout=100
    end)
	launch sparkle1
end
create sprite as Layer1 end

create sprite from SPARKLE as sparkle1
	where center=auto x=glass1.x y=glass1.y size=0
	having alt=(sub
	  create scale where rate=8 until=1
	  end)
	  alt=(sub
	  create rotation where
	    speed=-720 easein=20 easeout=20 distance=180 completion=(sub
	  create scale where rate=-8 until=0
	    completion=Sparke1Done
	  end)
	  end)
end
create sprite as NameContainer
  where center=150,150 angle=180
  x=150 y=420
end

create routine as Sparke1Done
  drop _sprite
  Blaster()
end
create routine as Start
  launch Layer1
  launch glass1
  launch glass2
  insert into Layer1 where alt=(sub
    create wait where
      delay=500 completion=(sub
        create routine
          insert into glass1 where alt=(sub
            create slide
              where
                speed=300 direction=55 easein=20
                distance=70 completion=GlassesHit
            end)
          insert into glass2 where alt=(sub
            create slide
              where
                speed=400 direction=200 easein=20
            end)
    end)
    end)
  launch NameContainer
  LaunchName()
end
create sprite as Empty end

// ********************************************************************************
// ********************************************************************************
// BLAST
// ********************************************************************************
create data from list as BlastStuff
set
  T1W T1Y T2W T2Y
end
create sprite as BlastBit
	where center=auto
end
var blastCount=30
create routine as Blaster
  clone from Empty using original
  insert into _clone where alt=(sub
    create wait where delay=50 completion=BlastOff repeat=blastCount
    end)
end

create routine as BlastOff
  clone from Empty using original
  update sprite _clone where x=150 and y=150 and image=data.BlastStuff.select and size=0.1
  insert into _clone where alt=(sub
    create slide where direction=random(0,350) speed=400 distance=400 completion=DropBlastThing
    end)
  insert into _clone where alt=(sub
    create scale where rate=4 until=2
    end)
  insert into _clone where alt=(sub
    create rotation where speed=random(-100,100)
    end)
end

create routine as DropBlastThing
  update var blastCount subtract=1
  drop _sprite
  if (blastCount==20)
    LaunchHB()
  endif
end

create textsprite as Happy
where
    x=150 y=100 size=0
    center=0,0
    align="center" color=TEXTCOLOR
    style="border" borderwidth=9 bordercolor=BORDERCOLOR
    font "normal 600 64px/2 "+HBFONT
    text=LINE1
  having alt=(sub
    create scale
      where rate=4 until=1 completion=Inflate
    end)
end
create textsprite as Birthday
where
    x=150 y=180 size=0
    center=0,0
    align="center" color=TEXTCOLOR
    style="border" borderwidth=9 bordercolor=BORDERCOLOR
    font "normal 600 64px/2 "+HBFONT
    text=LINE2
  having alt=(sub
    create scale
      where rate=4 until=1 completion=Inflate
    end)
end

create routine as LaunchHB
	StarsFall()
	launch Happy
  launch Birthday
end

create scale as Inflate
  where rate=2 until=1.35 completion=Deflate
end
create scale as Deflate
  where rate=-2 until=1 completion=RotateName
end
create routine as RotateName
  insert into NameContainer where alt=(sub
    create rotation where speed=720 easeout=30 destination=0
    end)
end

// ********************************************************************************
// ********************************************************************************
// Stars Fall 1
// ********************************************************************************
create routine as StarsFall
  set parent=Layer1
  run routine StarsFallGo where repeat=12
  set parent=_none
end
create data from list as StarList
set
  SQ1 SQ2 SQ3 SQ4
end
var starCount=0
create routine as StarsFallGo
  update var starCount add=1
  clone from Empty using original
  update sprite _clone where x=random(0,300) and y=-30 and image=data.StarList.select and center=10,10 and size=1.5
  insert into _clone where alt=(sub
    create wait where
      delay=random(10,1800) completion=(sub
    create translation
      where speed=400 y=500 completion=DropStar
    end)      
    end)
    alt=(sub create rotation end)
end
create routine as DropStar
  update var starCount subtract=1
  drop _sprite
  if (starCount==0)
    Stop()
  endif
end

create data from letters as NameLetters
set
  NAME
end
create routine as LaunchName
  run routine LaunchNameLetter where repeat=data.NameLetters
  ArcSprites(0,0,150,140,40,true)
end
create routine as LaunchNameLetter
  var l=data.NameLetters.next
  SetNameLetterSpr(l)
end

create textsprite as NameLetterSpr
where
    align="center" color=TEXTCOLOR
    style="border" borderwidth=8 bordercolor=BORDERCOLOR
    font="normal 600 48px/2 "+NAMEFONT
end
create routine as SetNameLetterSpr
  set parent=NameContainer
  clone from NameLetterSpr using original
  update textsprite _clone where text=arg.1
  update sprite _clone where center=12.5,12.5
  update data ArcItems push _clone
  set parent=_none
end

// ********************************************************************************
// ********************************************************************************
// Arc Sprites
/*
		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
*/
// ********************************************************************************
/*
create routine as TestArcSprites
  clone from Empty using original
  update sprite _clone where image=IM1 and center=12.5,12.5
  update data ArcItems push _clone
  clone from Empty using original
  update sprite _clone where image=IM2 and center=12.5,12.5
  update data ArcItems push _clone
  clone from Empty using original
  update sprite _clone where image=IM3 and center=12.5,12.5
  update data ArcItems push _clone
  clone from Empty using original
  update sprite _clone where image=IM4 and center=12.5,12.5
  update data ArcItems push _clone
  clone from Empty using original
  update sprite _clone where image=IM5 and center=12.5,12.5
  update data ArcItems push _clone

ArcSprites(150,150,50,200,340,true)
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
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)
//log(newx+","+newy+","+deg)
  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 settings below

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