Credit Card Animated GIFs
Here we display all of our credit card animated GIFS. This is new to me, so please be patient.
Visa Card Animated GIF
This is our first animated gif and it’s a Visa card. You can see the ghosting on the card numbers as I was attempting to replace each numeral with the corresponding background color.
Next time I will try and get a full color background credit card. Will try that on the next one which is a MasterCard.
A very simple one a first try as I’m just now figuring out how to make animated gifs of all the different credit cards. I love doing image graphics so this is a lot of fun.
Next I will try and make a MasterCard animated gif. I want to make the number type out slower on it. This first Visa card type out was too fast.
I will be giving all future credit card animated gifs names.
Visa Card Number Typing Out
COPY/PASTE CODE FOR VISA CARD ANIMATED GIF
[sourcecode language=”plain”]
<div align="center"><img src="https://financing-usa.com/wp-content/uploads/2016/06/visa-card-animated-gif.gif">
<font size="-2"><a href="https://financing-usa.com/credit-card-animated-gifs/">Visa type out by FUSA</a></font></div>
[/sourcecode]
“Use With Caution” – MasterCard Animated GIF
As promised above here is a better animated gif typing the numbers of a MasterCard.
We added the warning at the beginning – hence the title. Used about about 90 something frames to make this one. I’m using Macromedia Fireworks to make these. They tell me this is not the ideal software for making animation, but for these simple credit card gifs it works well enough.
Entitled “Use With Caution” – a lesson it took 30 years for me to get through my thick skull.
COPY/PASTE CODE FOR MASTERCARD ANIMATED GIF
[sourcecode language=”plain”]
<div align="center"><img src="https://financing-usa.com/wp-content/uploads/2016/06/mastercard-animated-gif-use-with-caution.gif"><font size="-2">
<a href="https://financing-usa.com/credit-card-animated-gifs/">
Mastercard animated by FUSA</a></font></div>
[/sourcecode]
“Centurion” – American Express Card Animated GIF
This is the animated gif for the Amex Black Centurion card.
The Centurion card is by invite only and you need to be charging at least $250,000 a year to be eligible for invitation. There isn’t a ton of information online for this card. Very exclusive.
This animated gif uses 55 frames and was quite easy to do. I chose the Centurion card because it doesn’t have a lot of intricate background detail so it was easy to create the typing numbers in the animation.
The Black Centurion card from American Express. Invitation only!
COPY/PASTE CODE FOR AMERICAN EXPRESS ANIMATED GIF
[sourcecode language=”plain”]
<div align="center"><img src="https://financing-usa.com/wp-content/uploads/2016/06/amex-animated-gif.gif">
<font size="-2">
<a href="https://financing-usa.com/credit-card-animated-gifs/">Amex Centurion animated by FUSA</a>
</font></div>
[/sourcecode]
“Joe Dirt” – Discover Card Animated GIF
This is the animated gif for the Discover card.
Little advancement now. I found the font typical font used for credit cards on the embossed numerical digits. It’s called OCR-A Extended. There a few font sites you can download it from. I went here.
For all credit cards you need the numerical fonts to be raised embossed – which I did. For future cards I will have a lot more flexibility.
I also tried something new in that I ran a highlighter through the Discover logo. Of course the newer Discover cards are different in appearance. I will include and animated gif for their new card soon.
Joe Dirt’s Discover card. $50 dollar limit for now.
COPY/PASTE CODE FOR DISCOVER CARD ANIMATED GIF
[sourcecode language=”plain”]
<div align="center"><img src="https://financing-usa.com/wp-content/uploads/2016/06/discover-animated-gif.gif">
<font size="-2">
<a href="https://financing-usa.com/credit-card-animated-gifs/">Discover card animated by FUSA</a>
</font></div>
[/sourcecode]
“New Discover” – Newer Discover Card Animated GIF
This is the animated gif for the new Discover card. Shiny and metallic looking and ironically after I have the font for credit card numbers, the next animated gif I end up doing is this one that doesn’t have numbers embossed.
“New Discover” – scrolling colors.
COPY/PASTE CODE FOR NEW DISCOVER CARD ANIMATED GIF
[sourcecode language=”plain”]
<div align="center"><img src="https://financing-usa.com/wp-content/uploads/2016/06/new-discover-card.gif">
<font size="-2">
<a href="https://financing-usa.com/credit-card-animated-gifs/">New Discover card animated by FUSA</a>
</font></div>
[/sourcecode]