How to Create Professional GIF Animation for banners advertising website -

Подписаться 399 тыс.

Просмотров 375 тыс.

50% 1

in this video I will show you about how to create professional animated GIF in photoshop. Animated GIFs are suitable for you who are working on the design of animated advertising banners for websites.
the animated tutorial is very easy to understand for those of you who are learning animation in photoshop. very simple but elegant. You can try at home using your own photo (we do not provide stock photos to edit) but you can download the photoshop project to animated GIF on the link below.
the animation in the template, you can also replace the text that we made. fonts that we use can also be downloaded on the link below. If you have any other font, please use your own fonts
Download:
Image: Please search on google
GIF Animation Template: www.lincungstock.com/2018/04/f...
Font: www.1001fonts.com/uni-sans-fon...
Adobe Photoshop : www.adobe.com/products/photosh...
How to Create Professional GIF Animation for banners advertising website - Photoshop Tutorials
- - -
Subscribe: / @pst.design
Blog: pstmanipulation.blogspot.co.id/
Free download template. psd file:
www.lincungstock.com/

Опубликовано:

15 апр 2018

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 125

@SamRoderick250 3 года назад

I like the way you gave us the tutorial, slow and steady yet carefully.

@tamaraatum4202 4 года назад

I just found your channel and I'm loving the tutorials. thanks a lot!

@Armin-Academy 6 лет назад

Your tutorial has added to the best Photoshop tips playlist so far in our channel, well done! 👈✅ 👌⭐⭐⭐⭐⭐

@ironchief8198 4 года назад

A. Zamanian : i have seen your this comment on multiple videos i think you are adding all tutorials to playlist

@yourselfstudiosentertainme3652 6 лет назад

"Wow amazing video #verynice". ✌😉

@josecondor23 6 лет назад

Oohhhh Muchas graciasss esta genialll, likeeeee, Saludossss

@lPoliticallyFye 6 лет назад

Your #tutorials are so #precise, yet #easy to understand which is why i give you 5/5. Thank you.

@carronosestadosunidos6762 4 года назад

Best tutorial video!!! Congrats for the quality and for sharing the template and fonts

@neahanscomb3730 5 лет назад

Fantastic tutorial. I learned so much. Thanks!

@francheskamay9764 5 лет назад

Thankyou so muuuuch! Great vid

@maxpointhridoy 5 лет назад

Wow.....Great Tutorial...

@malibongwecele2811 5 лет назад

Thank you for the wonderful tutorial, please create more of these videos

@Pankaj-Verma- 5 лет назад

Simple and Awesome. Simply Awesome.

@lindyvb502 5 лет назад

Awesome tutorial! Thanks!!

@MightyGaming5 4 года назад

Well done my man ! Great video :)

@rebel1980warrior 2 года назад

simple, easy and impactful. nice font.

@sotiboytutorials1729 5 лет назад

Am gonna say this now!!! Anybody that try to dislike any of these tutorials is a rookie! I love all of them. I will soon upload my what I have learnt too.

@romsket 4 года назад

Thanks, made my first gif !

@kaushdissanayake2801 4 года назад

Thank you so much it was really helpful :)

@TheAcmilan82 5 лет назад

Good job. I am impressed of how you completed that. I use Photoshop a lot but I have never thought it is possible to make animation with it. But you made it possible. Thanks for sharing your designing skills with us.

@akashadearg-due1435 6 лет назад

GORGEOUS

@paulguru1093 5 лет назад

Jio bhi jio really great job man help me a lot

@lucy54 2 года назад

Great video. Just what I needed 😌

@VISMARTFOURWHEELS 5 лет назад

Maaaad respect from Nairobi Kenya

@danielmorales0917 6 лет назад

Muchas gracias, que grande que sos

6 лет назад

Amazing one

@someguy5448 5 лет назад

This is tight, could you make a video on adding some sort of angle motion/movement to single photos ?

@R4KS4R 4 года назад

Wow best tutorial ever

@mboaart 6 лет назад

Powerful dude

@ugisolution6451 Год назад

So lovely, thank you so much🥰😍

@tfreshdj 5 лет назад

it's weird how satisfying that mouse click is, great tutorial though!

@spaztikfpv2885 4 года назад

haha I just put it on repeat in the background and kept working. Was perfect working music and sound effects hahaha

@suandaart5991 6 лет назад

Stun 😊😊

@hochschulsportstuttgart5138 4 года назад

Nice tutorial. I have a question: When I'm trying to save my file as a GIF it only says that there was an unknown error. What should I do now?

@ernestagoba 4 года назад

A masterly tutorial presentation. I only got confused with so many slicing and deletes. Wish it is slower with the traditional voice over

@PHRabbu 6 лет назад

Great Video!!

@PhotoshopByRishabCreations 2 года назад

Amazing work Thanks for the tutoria l

@ScriptyVijay 6 лет назад

Amazing one 😍😍

@sanlengaming7661 6 лет назад

www.konker.io/services/20585?affid=8effde

@aud2ice 5 лет назад

awesome. thanks for sharing.

@figurinhasfalantes 5 лет назад

Amazing!

@maneskin10 6 лет назад

Awesome video bro.

@mohah4 2 года назад

very help full thank u

@user-vx9os2kh4x 4 года назад

wooooooooooooow ur so pro thx

@CHOUDHARYxy 5 лет назад

Wow she’s beautiful

@kladenstien9956 4 года назад

I mean, you are the best bro

@trickshotstudio7774 5 лет назад

Wow this is great!....Unless you are designing for the reality that most ad placement platforms only allow 150-250kb max...Then your 8MB GIF won't even run. This is misinformation. If you want to create an ad like that, then your only hope is HTML5 or use HYPE3.

@lengzaisohai3527 4 года назад

yes, the canvas size is too large, he use 720 X 1200 px but still a great tutorial

@anonno1509 4 года назад

You can downsize gifs from any free websites, just search for gif resizing. I could downsize my 10mb gif to about 150kb without much loss of quality, depending upon how big I want the image to be

@maxcosson2711 3 года назад

@@anonno1509 Which website did you use for Gif resizing?

@CHIMBOPDOTCOM 3 года назад

Yeah seriously using 3 photos like that is almost impossible with a GIF...

@JoshRitenour 2 года назад

Again, he has his resolution set to 300 ppi, when all you need is 72 ppi. This is for the web, not a printer.

@Skbr61 2 года назад

Awesome

@mdahosanhabib2660 3 года назад

Great tutorial bro,,,

@cindypineda7698 6 лет назад

I love you :)

@umerjatt543 2 года назад

good jobs am relly impressed

@PixaTravel 4 года назад

i like this one

@creativearslan9477 5 лет назад

GOOD JOB

@peeyushkushwah007 2 года назад

NICE TUTORIAL..... I CREAT A GIF AFTER WATCH THIS..

@mayavichy4987 6 лет назад

superb

@Chaplins 4 года назад

THANK YOU .....

@thiagof9481 5 лет назад

Thanks bro

@viniciusalmeida2230 4 года назад

Amazingg

@tominhly 6 лет назад

I like

@mubasharmusa4336 6 лет назад

nice

@bryaromar801 6 лет назад

Goood

@sazalsarkar2130 2 года назад

Wow

@Isabellacollections 2 года назад

Nice👍

@razaimamyousafi7144 4 года назад

im having an issue on saving this gif plz help me out (this optimized image could not be generated, likely because it is too big and there is innsufficient memory, the image will not be displayed)

@noboraj2223 4 года назад

oaw great

@JoseEspinoza-ij9lb 5 лет назад

The video is very helpful, though I would put a subtitle on minute 2:10 that you have to press and hold the "cross fade" tool. Just a suggestion. I was going crazy because the tool wasn't working.

@auconglinh4189 5 лет назад

Hello! I come from Vietnam. I watched your video on youtube. Very good video. I want to make an advertising banner with the shape tool effect. Can you guide me to do it? Thank you very much. Best regards.

@jidoe 4 года назад

Cool to see these features in PS. How are you gonna get the file size down though? 8mb will never work in the real world.

@T0m0zuki 4 года назад

Yep, Google limits the banner size to 150 kb, which is absurd.

@JoshRitenour 2 года назад

He has his resolution set to 300 ppi (that setting is for printing). All you need is 72 ppi since you're dealing with screen graphics.

@kidsgamingchannel9703 4 года назад

Thanks

@shakeebarsalanvlog98 4 года назад

THANKS

@bjkaur9185 3 года назад

please make more tutorials like this😭🤩🤩🤩🤩🤩🤩🤩

@erickroav 6 лет назад

@24youngboyrich 6 лет назад

nice bro good Job... bro How to i contract you

@danielforrester397 2 года назад

When exporting as a gif, what file specs do you use? flat colors are best for gifs otherwise you compromise on quality. when revealing in browser there is significant loss of quality. (images used are 72 ppi...

@Marleyman7 5 лет назад

Great tutorial. Question though.I made a fairly simple gif with a couple cross fades but when I saved for web and finally hit save, the cross fades don't work. The images just pop on quickly. Any thoughts? Thx

@brunixot1 5 лет назад

Bob Marley it happens to me too

@shanefoye9729 4 года назад

anything?

@shivaasghary6326 4 года назад

tnx dear😊I can't do 1:35, when I drag and drop thy chang theirs places😞

@premiumcontentcreators8107 5 лет назад

Hey friend, I can not get create a video timeline option(scissor tool, dissolve effect) when clicking on the timeline. It shows the only timeline. I have Photoshop CS6. Did you use any plugin for this animation? Please help

@kipps87 5 лет назад

8MB for a banner is not going to cut it sorry but great video to show beginners how to make gif for casual use

@jacobskolimski3752 4 года назад

What is the font you used in the thumbnail? Any tips on thumbnails, yours are great, I don't know how to make great ones!!

@criticaldesignz 3 года назад

maybe a bit late but the font is: Uni Sans Heavy Italic

@jacobskolimski3752 3 года назад

CriticalDesignZ Better late than never ahaha, thanks man I appreciate it💪

@decographics2531 4 года назад

Thank you sir make it motion banner design

@jessmotif 4 месяца назад

Hi guys, this video is great. This might seem so basic, but deleting a layer for me in the current Photoshop timeline is proving to be impossible. Any suggestions?