Thanks a lot for the detailed stages very understandable!!!! :)) it's a rare thing to find a GOOD VIDEO AND to know also to explain simply & to the point
I prefer canvas websites made in Adobe Animate. It's like MS Paint for web design lol. I do wonder something.. what is the general solution for making an Adobe Animate (canvas) website work in both mobile and desktop browsers? Do you have to make two entirely separate websites? -portrait for mobile and landscape for desktop or mobile users who already happen to be in landscape orientation? That's what I did.. but not sure if there's a unified way. I know in regular HTML5 and CSS, the elements just get reorganized automatically when you rotate the phone, but I don't know if Animate Canvas sites have the ability to do that. I know a canvas can be responsive, but it simply "squishes" the canvas to fit in a portrait mode, making everything small on screen and just makes you want to view it in landscape... but it's not the same as the site organizing itself to actually be portrait and landscape compatible at the same time in the way that a regular HTML5 site does.
stop() action doesnt work with me why?? :( ---- edit: i solved it since i noticed that doesn't has "this." before stop method like in the video so i added it and it worked well.
thanks, i really appreciate ur tutorial, i have a problem when i pasted pictures with transparent background from photshop to animate, it pasted with white background, u know why?
Well...I'm not sure. You may try this. Save individual photo as transparent PNG file and import to Animate CC. Hope this helps. If it still doesn't work, let me know. Thanks.
I'm on the same boat as some of the commentors here. What's the best solution for desktop and mobile? Build two separate sites? (a redirect for mobile users to a subdomain with the mobile layout?)
Yes, it would be much faster with keyboard shortcuts. However, I’m trying not to use much because there are wide range of subscribers from beginners. Thanks for your advice!
you are my AN Hero Yong-Yoon Kim . seriously , i checked other videos about Adobe Animate and non of them explains things simple like you. it is very easy to fallow you step by step. we would like to see more websites designs. i personally would like. you to do website for NATURE. background is lavander field, and there will be a BEE flying around in front. animate this bee and background lavender moves with the wind. and lavender oil drop from bottel and so on.. thats what i wanna do, but its a bit hard. please show us also designing website for nature. Many thanks
hello, thaks for the tutorial. i just have a question. How doyou publish all this ? be cause with html5 publish i have an error that makes my buttons doesn't work. Content with bitmaps and buttons may cause local security errors in some browsers if it is run from the local file system. i don't understand this. neeed heeelp !!!
You may want to check following tutorials. ruclips.net/video/_94sb2AZSwI/видео.html ruclips.net/video/mwD9zdGfvjw/видео.html I am planning to make another tutorial all about masking effect in Animate CC. Stay tuned.
@@JongYoonKim I'm having issues trying to publish the project. The buttons work when I click them in test mode. But once published to HTML, they don't. I tried to search for a solution for this on the internet but it doesn't seem to be working either. Do you have any clue?
there is a question for you. i notice some of your images saved as SVG. as far as i. know. photoshop is not giving. you to save any image as SVG. i used PNG. is it same as SVG?
Hi, you can use either PNG or SVG files. I saved some images as SVG files, because I created those from Adobe Illustrator. SVG stands for "Scalable Vector Graphics"...and that means SVG files are resolution independent. No loss of image quality by rescaling. I hope this helps.
@@JongYoonKim thank you to much but ı cant open in my animate some java's problem ı think when ı fıx it ı will tyr to make another one from to yours thank you again have a better days.
Thank you soooo much. You have helped me with my final project and I got a 100! You are the best thank you thank you thank you 🙏 ❤🎉
Thanks a lot for the detailed stages very understandable!!!! :)) it's a rare thing to find a GOOD VIDEO AND to know also to explain simply & to the point
Thanks for your compliment. You made my day!
I to was impressed by Sushi House in Orlando and offered to create and promote their web site for a few great meals.
The animation frames inside the content movie clip is 15 frames, while on the stage it's 10 frames, isn't this wrong 😎😎
It was a great tutorial. Thank you, sir!
I prefer canvas websites made in Adobe Animate. It's like MS Paint for web design lol. I do wonder something.. what is the general solution for making an Adobe Animate (canvas) website work in both mobile and desktop browsers? Do you have to make two entirely separate websites? -portrait for mobile and landscape for desktop or mobile users who already happen to be in landscape orientation? That's what I did.. but not sure if there's a unified way. I know in regular HTML5 and CSS, the elements just get reorganized automatically when you rotate the phone, but I don't know if Animate Canvas sites have the ability to do that. I know a canvas can be responsive, but it simply "squishes" the canvas to fit in a portrait mode, making everything small on screen and just makes you want to view it in landscape... but it's not the same as the site organizing itself to actually be portrait and landscape compatible at the same time in the way that a regular HTML5 site does.
Thank you!! Your explanation of the code snipetts was so helpful!😎
Great! Keep going and stay healthy.
Saving this for when I finish my course!
Awesome! Let me know if I can help you.
thanks, from now on i'm the new sub!
Thanks, a lot!
stop() action doesnt work with me why?? :(
----
edit: i solved it since i noticed that doesn't has "this." before stop method like in the video so i added it and it worked well.
Awesome!!!
omg thank u sooo much it was very usefull to me
My pleasure! Thanks.
thanks, i really appreciate ur tutorial, i have a problem when i pasted pictures with transparent background from photshop to animate, it pasted with white background, u know why?
Well...I'm not sure. You may try this. Save individual photo as transparent PNG file and import to Animate CC. Hope this helps. If it still doesn't work, let me know. Thanks.
I'm on the same boat as some of the commentors here. What's the best solution for desktop and mobile? Build two separate sites? (a redirect for mobile users to a subdomain with the mobile layout?)
it would be much faster if your using keyboard shortcuts for frams hehehe.. anyhow its a very good vid thnks..
Yes, it would be much faster with keyboard shortcuts. However, I’m trying not to use much because there are wide range of subscribers from beginners.
Thanks for your advice!
thanks a lot for this amazing video you saved me!!💜💜💜
Glad to hear that. Thanks!
can i Get full course of adobe animate website design ?
How to change artboard canvas size landscape to potrait in adobe animate?
you are my AN Hero Yong-Yoon Kim . seriously , i checked other videos about Adobe Animate and non of them explains things simple like you. it is very easy to fallow you step by step. we would like to see more websites designs. i personally would like. you to do website for NATURE. background is lavander field, and there will be a BEE flying around in front. animate this bee and background lavender moves with the wind. and lavender oil drop from bottel and so on.. thats what i wanna do, but its a bit hard. please show us also designing website for nature. Many thanks
Thanks for your compliment! Let try some tutorials related to nature. I may start from simple samples. I love nature. Stay healthy.
@@JongYoonKim your are the king, Thanx a lot. i will look forward watching it
In my latest video tutorial, the 4th sample is related to "Lavender Honey". ruclips.net/video/BTTkvwvmYrQ/видео.html
@@JongYoonKim well i watched it biut nothing is about lavender honey tho
18:15 is a sample tutorial using lavender.
Please can u tell me.. what to do after doing this much. I mean how to proceed further to make a website using this.
You may want to check this tutorial. ruclips.net/video/hRgV169hlVU/видео.html.
Good luck~!
hello, thaks for the tutorial. i just have a question. How doyou publish all this ? be cause with html5 publish i have an error that makes my buttons doesn't work.
Content with bitmaps and buttons may cause local security errors in some browsers if it is run from the local file system. i don't understand this.
neeed heeelp !!!
Hi, thank you. You may want to watch this. ruclips.net/video/hRgV169hlVU/видео.html
I hope this helps.
@@JongYoonKim i just tried it again, the clip animation are working but not bitmap buttons
How do I publish this into a html 5 file, a javascript and images folder. I'm missing information on how to export.
Can you please show as a sample how to use animation mask on Animate
You may want to check following tutorials.
ruclips.net/video/_94sb2AZSwI/видео.html
ruclips.net/video/mwD9zdGfvjw/видео.html
I am planning to make another tutorial all about masking effect in Animate CC.
Stay tuned.
You may want to check my latest video. ruclips.net/video/BTTkvwvmYrQ/видео.html
Do I need flash player for browser?
No, you don’t. That’s why I created this on HTML5 Canvas platform.
Does this also work in conjunction with AI the same way it does with PS?
Yes, it does!
@@JongYoonKim I'm having issues trying to publish the project. The buttons work when I click them in test mode. But once published to HTML, they don't. I tried to search for a solution for this on the internet but it doesn't seem to be working either. Do you have any clue?
If the dynamic menu name starts with the letter i, it gives a javascript error.
If we make static text, there is no problem.
I wonder why?
I've had a problem with the command "this.stop();" the animation manages to stop but the bottons won't work, is there anything I can do about that?
And how can I export this simple site and make it work?
You may want to watch this tutorial. I hope this helps.
ruclips.net/video/hRgV169hlVU/видео.html
@Jong-Yoon Kim, how would you upload it to Wordpress with a domain name?
can i download this project please
Link doesn't work.can you provide the images?
there is a question for you. i notice some of your images saved as SVG. as far as i. know. photoshop is not giving. you to save any image as SVG. i used PNG. is it same as SVG?
Hi, you can use either PNG or SVG files. I saved some images as SVG files, because I created those from Adobe Illustrator. SVG stands for "Scalable Vector Graphics"...and that means SVG files are resolution independent. No loss of image quality by rescaling. I hope this helps.
@@JongYoonKim thanks for explanation
In export in swf it doesn't work.
You may not want to export as .swf at this moment. Because Adobe doesn't support .swf any longer.
My buttons are not working
⭐⭐⭐⭐⭐
👍👍👍👍👍
hello , can you send me this file finished in adobe cc version. have a better times .
It is uploaded on the following link.
jupiter.plymouth.edu/~jkim/indianFood_comp.fla
Good luck!
@@JongYoonKim thank you to much but ı cant open in my animate some java's problem ı think when ı fıx it ı will tyr to make another one from to yours thank you again have a better days.
poor audio, please preview it before uploading thanks
I am using a new microphone in my recent videos. The sound quality is much better now. Thanks for your detailed comments, it makes my videos better.
@@JongYoonKim thanks, i just want to learn something good
@@direk12 I hope my videos are helpful. Thanks!
Be vegetarian
sir, how to publish this in browser as html5?
I'm planning to post another video about what you're asking. Here is old one I posted. Stay tuned.
ruclips.net/video/hRgV169hlVU/видео.html
@@JongYoonKim thanks sir. you're the best!! gomawoyo!