How to Create Professional GIF Animation for banners advertising website -
ฝัง
- เผยแพร่เมื่อ 26 ก.ย. 2024
- 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.lincungstoc...
Font: www.1001fonts.c...
Adobe Photoshop : www.adobe.com/p...
How to Create Professional GIF Animation for banners advertising website - Photoshop Tutorials
- - -
Subscribe: / @pst.design
Blog: pstmanipulation...
Free download template. psd file:
www.lincungstoc...
I like the way you gave us the tutorial, slow and steady yet carefully.
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.
Your tutorial has added to the best Photoshop tips playlist so far in our channel, well done! 👈✅ 👌⭐⭐⭐⭐⭐
A. Zamanian : i have seen your this comment on multiple videos
i think you are adding all tutorials to playlist
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.
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?
it's weird how satisfying that mouse click is, great tutorial though!
haha I just put it on repeat in the background and kept working. Was perfect working music and sound effects hahaha
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.
yes, the canvas size is too large, he use 720 X 1200 px
but still a great tutorial
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
@@anonno1509 Which website did you use for Gif resizing?
Yeah seriously using 3 photos like that is almost impossible with a GIF...
Again, he has his resolution set to 300 ppi, when all you need is 72 ppi. This is for the web, not a printer.
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.
Yep, Google limits the banner size to 150 kb, which is absurd.
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.
Your #tutorials are so #precise, yet #easy to understand which is why i give you 5/5. Thank you.
simple, easy and impactful. nice font.
A masterly tutorial presentation. I only got confused with so many slicing and deletes. Wish it is slower with the traditional voice over
I just found your channel and I'm loving the tutorials. thanks a lot!
Well done my man ! Great video :)
Simple and Awesome. Simply Awesome.
very help full thank u
Wow.....Great Tutorial...
"Wow amazing video #verynice". ✌😉
Maaaad respect from Nairobi Kenya
Best tutorial video!!! Congrats for the quality and for sharing the template and fonts
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)
Amazing work Thanks for the tutoria
l
Thanks, made my first gif !
Wow best tutorial ever
Fantastic tutorial. I learned so much. Thanks!
Thanks alot!!
good jobs am relly impressed
Great video. Just what I needed 😌
Thank you for the wonderful tutorial, please create more of these videos
Wow
So lovely, thank you so much🥰😍
8MB for a banner is not going to cut it sorry but great video to show beginners how to make gif for casual use
NICE TUTORIAL..... I CREAT A GIF AFTER WATCH THIS..
Awesome tutorial! Thanks!!
Thank you so much it was really helpful :)
tnx dear😊I can't do 1:35, when I drag and drop thy chang theirs places😞
Jio bhi jio really great job man help me a lot
i like this one
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.
Thankyou so muuuuch! Great vid
awesome. thanks for sharing.
This is tight, could you make a video on adding some sort of angle motion/movement to single photos ?
Oohhhh Muchas graciasss esta genialll, likeeeee, Saludossss
Great tutorial bro,,,
GORGEOUS
I mean, you are the best bro
Awesome
wooooooooooooow ur so pro thx
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
Bob Marley it happens to me too
anything?
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...
Nice👍
Awesome video bro.
Amazing one
Amazingg
GOOD JOB
Muchas gracias, que grande que sos
THANK YOU .....
yes...8mb and in some countries no one will seed or have to wait 4-5 minutes to download it
Wow she’s beautiful
Amazing one 😍😍
www.konker.io/services/20585?affid=8effde
Powerful dude
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
please make more tutorials like this😭🤩🤩🤩🤩🤩🤩🤩
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.
oaw great
Stun 😊😊
THANKS
I followed the tutorial but when I export it as a gif it didn´t do the transition between the photos :(
same here
Amazing!
Right now I don’t know what I am doing, but I need to make a banner
Font ?????
Great Video!!
why it plays just one time for me ? i did the exact same think like u
Did you fix it?
Thanks bro
I like
how did you set your frame to 10f
mine was 1f instead, could you give me any solution ?
superb
Goood
ilysm
why cant i drag the imahes directly to photoshop
Does this violate TH-cam's policy terms at all?
Thank you sir make it motion banner design
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!!
maybe a bit late but the font is: Uni Sans Heavy Italic
CriticalDesignZ Better late than never ahaha, thanks man I appreciate it💪
Can you make a 2D intro like this in GiF PS???
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?
nice
great tutorial but lame music. i feel sleepy listening to it.. you deserve a like
I love you :)
nice bro good Job... bro How to i contract you
LIKE
can export as MP4?
I can not move the rectangle back to canvas :-O whaaaat...
I had the same problem, i found that i could get it back onto the screen using the arrow keys instead of the mouse. Hope this helps!
we need the materials bro
6:15 (text edit)
layer was locked hahaha!
great but not 5fps
Why these images!???!
Might wanna change that annoying clicking sound my friend.....
Needs instruction!
bollocks that was 8mb
very help full thank u