<footer id="footer">
    <div class="footer-widgets-wrapper">
        <div class="container">
            <div class="column dt-sc-one-fourth first">
                <aside class="widget widget_text">
                    <h3 class="widget-title">About<span class="wlast"> Us </span><span
                            class="small-line"> </span></h3>
                            <div id="">
                                <a href="BASEURL/" title="Rayvat"> <img src="/assets/images/logo.png" alt="logo" /> </a>
                            </div>
                  <br>
                            <p class="text-justify " style="color:#b7c8da;" >
                               Rayvat Outsourcing is an independent business unit specializing in Accounting and Engineering services. Our core proposition of high-quality visuals in quick turnaround time.
                            </p>
                </aside>
                   <div class="copyright bg-darklight">
<div class="footer_social_media">
            <ul class="dt-sc-social-icons">
<li><a class="dt-sc-tooltip-top facebook" href='https://www.facebook.com/in.rayvat' target="_blank" title="Facebook"> <i class="fa fa-facebook"></i> </a></li>
<li><a class="dt-sc-tooltip-top twitter" href='https://twitter.com/RayvatGroup' target="_blank" title="Twitter"> <i class="fa fa-twitter"></i> </a></li>
<li><a class="dt-sc-tooltip-top linkedin" href='https://www.linkedin.com/company/rayvat/' target="_blank" title="linkedin"> <i class="fa fa-linkedin"></i> </a></li>
<li><a class="dt-sc-tooltip-top pinterest" href='https://www.pinterest.com/rayvatgroup/' target="_blank" title="Pinterest"> <i class="fa fa-pinterest"></i> </a></li>
<li><a class="dt-sc-tooltip-top youtube" href='https://www.youtube.com/channel/UCWf54hqZkMFslXkgwttoLYg' target="_blank" title="Youtube"> <i class="fa fa-youtube"></i> </a></li>
</ul>
</div>
        </div>
    
            </div>
            <div class="column dt-sc-one-fourth">
                <aside class="widget widget_text">
                    <h3 class="widget-title">Pages <span class="wlast"></span><span
                            class="small-line"> </span></h3>
                    <div class="recent-property-widget">
                        <ul class="ul-ml-18">
                          
                              <li> <a href="BASEURL/about-rayvat/">About Rayvat</a></li>  
                              <li> <a href="BASEURL/blog/">Blog</a></li>
                            <li> <a href="BASEURL/our-team/">Our Team</a></li>
                              <li> <a href="BASEURL/life-at-rayvat/">Life At Rayvat</a></li>
                              <li> <a href="BASEURL/career/">Career</a></li>  
                              <li> <a href="BASEURL/contact-us/">Contact Us</a></li>
                        </ul>
                    </div>
                </aside>
            </div>
<div class="column dt-sc-one-fourth">
                <aside class="widget widget_tweetbox">
                    <h3 class="widget-title">Recent  <span class="wlast">Posts</span><span
                            class="small-line"> </span></h3>
                  <div class="">
                  <div class=""><a class="footer-a-" href="https://www.rayvat.com/blog/why-small-businesses-need-professional-accounting-services" title="Why Small Businesses Need Professional Accounting Services?">Why Small Businesses Need Professional Accounting Services?</a><br><a class="footer-a-" href="https://www.rayvat.com/blog/offshore-web-development-what-is-it-and-why-its-in-trends" title="Offshore Web Development – What is it? And Why It’s in Trends">Offshore Web Development – What is it? And Why It’s in Trends</a><br><a class="footer-a-" href="https://www.rayvat.com/blog/python-vs-net-choosing-the-right-language-for-your-project" title="Python vs .Net: Choosing the Right Language For Your Project">Python vs .Net: Choosing the Right Language For Your Project</a><br></div>
                  </div>
                  
                </aside>
              
            </div>
            <div class="column dt-sc-one-fourth">
                <aside class="widget widget_text">
                    <h3 class="widget-title">Contact <span class="wlast"> Us </span><span
                            class="small-line"> </span></h3>
                    <p class="text-white"> <i class="fa fa-phone"></i> <span>Phone:</span><a href="tel:+18777650078">+1 (877) 765 0078 </a></p>
                    <p class="text-white"> <i class="fa fa-envelope"></i> <span> For general inquiries:</span><a href="mailto:info@rayvat.com">info@rayvat.com</a>
                    </p>
                     <p class="text-white"> <i class="fa fa-envelope"></i> <span> For jobs:</span><a href="mailto:hr@rayvat.com">hr@rayvat.com</a>
                    </p>
                    <p class="text-white"> <i class="fa fa-globe"></i> <span>Web:</span><a href="BASEURL/">www.rayvat.com</a>
                    </p>
                    <p style="color:#b7c8da;"> <i class="fa fa-location-arrow"></i> <span>Address</span> <br>
                    ‘Jenya’ Plot No : 10,
G.I.D.C. Electronic Park IT/ITES SEZ,
Kolwada Road, Gandhinagar,
Gujarat, India.
Zip Code : 382026
                </p>
                </aside>
            </div>
        </div>
    </div>
    <div class="copyright">
        <div class="container">
            <p class="text-white">Copyright © 2025 - All Rights Reserved -  <a href="BASEURL/">Rayvat</a></p>
            <div class="text-center mr-20">
       <span> <a href="BASEURL/terms-and-conditions/">Terms And Condition</a> | </span>
                          <span> <a href="BASEURL/our-privacy-policy/">Privacy Policy</a> | </span>
                          <span> <a href="BASEURL/refund-policy/">Refund Policy</a></span>
      </div>
        </div>
    
           
    </div>
</footer>
</div>
</div>
<script>
$(document).ready(function() {
$("#togle-btn").click(function() {
$("#togle-div").toggle();
});
});
$("#togle-div").hide();
</script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.touchswipe/1.6.18/jquery.touchSwipe.min.js"></script>

<script src="BASEURL/assets/js/bootstrap-touch-slider.js"></script>

<script type="text/javascript">
$('#myCarousel').bsTouchSlider();
</script>




<script src="BASEURL/assets/js/jquery-1.10.2.min.js" type="text/javascript"></script> 
<script src="BASEURL/assets/js/jquery-migrate.min.js"></script>
<script src="BASEURL/assets/js/pace.min.js" type="text/javascript"></script>
<script src="BASEURL/assets/js/jquery.tabs.min.js"></script>
<script src="BASEURL/assets/js/jquery.tipTip.minified.js"></script>
<script src="BASEURL/assets/js/jquery-easing-1.3.js" type="text/javascript"></script>
<script src="BASEURL/assets/js/jquery.parallax-1.1.3.js" type="text/javascript"></script>
<script src="BASEURL/assets/js/jquery.carouFredSel-6.2.1-packed.js" type="text/javascript"></script>
<script src="BASEURL/assets/js/jquery.inview.js" type="text/javascript"></script>
<script src="BASEURL/assets/js/jquery.bxslider.min.js" type="text/javascript"></script>
<script src="BASEURL/assets/js/jquery.nav.js" type="text/javascript"></script>
<script src="BASEURL/assets/js/jquery.jcarousel.min.js" type="text/javascript"></script>
<script src="BASEURL/assets/js/jquery.isotope.min.js" type="text/javascript"></script>
<script src="BASEURL/assets/js/jquery.prettyPhoto.js" type="text/javascript"></script>
<script src="BASEURL/assets/js/masonry.pkgd.min.js" type="text/javascript"></script>
<script src="BASEURL/assets/js/jquery.smartresize.js" type="text/javascript"></script>
<script src="BASEURL/assets/js/responsive-nav.js" type="text/javascript"></script>
<script src="BASEURL/assets/js/jquery.meanmenu.min.js" type="text/javascript"></script>
<script src="https://maps.google.com/maps/api/js?sensor=false"></script>
<script src="BASEURL/assets/js/jquery.gmap.min.js"></script>

<script src="BASEURL/assets/js/jquery.sticky.js" type="text/javascript"></script>

<script src="BASEURL/assets/js/jquery.cookie.js" type="text/javascript"></script>



<script src="BASEURL/assets/js/jquery.ui.totop.min.js" type="text/javascript"></script>
<script type="text/javascript" src="BASEURL/assets/js/twitter/jquery.tweet.min.js"></script>
<script src="BASEURL/assets/js/jquery.viewport.js" type="text/javascript"></script>
<script type="text/javascript" src="BASEURL/assets/js/jquery.validate.min.js"></script>
<script src="BASEURL/assets/js/retina.js" type="text/javascript"></script>
<script src="BASEURL/assets/js/jquery.nicescroll.min.js" type="text/javascript"></script>
<script src="BASEURL/assets/js/custom.js" type="text/javascript"></script>



<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/56c41e711411b5ca245b1837/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>


<script src="https://www.google.com/recaptcha/api.js?render=6Lf30X8cAAAAAHS0XRVhJ6JEpKpMNho1_vF33TGw"></script>
<script>
    grecaptcha.ready(function() {
        grecaptcha.execute('6Lf30X8cAAAAAHS0XRVhJ6JEpKpMNho1_vF33TGw', {action: 'submit'}).then(function(token) {
            document.getElementById("token").value=token;
            // Add your logic to submit to your backend server here.
        });
    });         
</script>

<script async src="https://www.googletagmanager.com/gtag/js?id=G-X75CVFFGG9"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-X75CVFFGG9');
</script>




<script async src="https://www.googletagmanager.com/gtag/js?id=AW-16490132700">
</script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-16490132700');
</script>

<script type="text/javascript">
var sc_project=12900517; 
var sc_invisible=1; 
var sc_security="dd3870b7"; 
</script>
<script type="text/javascript"
src="https://www.statcounter.com/counter/counter.js"
async></script>
<noscript><div class="statcounter"><a title="web stats"
href="https://statcounter.com/" target="_blank"><img
class="statcounter"
src="https://c.statcounter.com/12900517/0/dd3870b7/1/"
alt="web stats"
referrerPolicy="no-referrer-when-downgrade"></a></div></noscript>

<div class="parallax full-width-bg-black">
<div class="container">
<div class="main-title">
<h1>2D Animation</h1>
<div class="breadcrumb"><a class="text-white" href="BASEURL/"> Home </a> <span class="fa fa-angle-right text-white"></span> <a href="BASEURL/2d-animation">2D Animation</a></div>
</div>
</div>
</div>
<div class="container ml-pl">
<div class="row">
<div class="col-md-9">
<div class="wpb_column vc_column_container vc_col-sm-8">
<div class="vc_column-inner vc_custom_1484042197828">
<div class="wpb_wrapper">
<h2 class="vc_custom_heading"><b></b><br></h2>
<h2 class="vc_custom_heading"><b></b><br></h2>
<h2 class="vc_custom_heading"><b>2D Animation Services</b></h2>
<div class="wpb_single_image wpb_content_element vc_align_center">
<figure class="wpb_wrapper vc_figure">
<div class="vc_single_image-wrapper vc_box_shadow_3d  vc_box_border_grey"><img width="736" height="276" src="BASEURL/assets/images/2d-Animation.jpg" class="vc_single_image-img attachment-full" alt="2d-Animation 2D Animation" loading="lazy" srcset="BASEURL/assets/images/2d-Animation.jpg 736w, BASEURL/assets/images/2d-Animation-300x113.jpg 300w" sizes="(max-width: 736px) 100vw, 736px"></div>
</figure>
</div>
<div class="wpb_text_column wpb_content_element ">
<div class="wpb_wrapper">
<p align="justify">2D Animation is the rapid deployment of a series of images viewed one after another at a rapid pace. This creates an illusion of movement. Our artists have the ability to create animations for movies, series, e-learning sites for games and more.</p>
<p align="justify">Design 2D was used to simulate actions and movements that give the user a realistic experience. To encourage the media to communicate feelings through storytelling.</p>
<h3><strong>Production stages 2D animation include</strong></h3>
<ul class="dt-sc-fancy-list skyblue  tick">
<li>Character Design</li>
<li>Post -Production</li>
<li>Animation Compilation</li>
<li>Pre – Production</li>
<li>Rending</li>
</ul>
<h3><strong>The final examination of 2D Animated films</strong></h3>
<p align="justify">Interactive Dream Art, we had a lot of talented animators, illustrators and designers to produce a variety of works of animation 2D animation education in a CD-fledged 2D movie. We create animation for a wide range of applications such as entertainment, short stories, TV commercials, educational presentations, product demonstrations, etc.</p>
<p align="justify">Our creative team will produce unique and exciting animations that keep children and seniors interested them. The Rayvat is well equipped with the latest tools and equipment for the development of world-class animated films for the global market.</p>
<p align="justify">The Rayvat has the knowledge and experience to create the most original and fun that you praised our animations to share the fun!</p>
<h3><strong>Stages of development</strong></h3>
<p align="justify">Information Collection / based on the project and the review and analysis of the collected resources, studying animation style reference resources. Develop a rough storyboard keeping in mind the main objectives. The storyboard will provide information on the production design; character design background, the flow of the story and all the other key elements of the animation.</p>
<p>Made ready for shipment on the Internet, CD or DVD after the last correction (if applicable). Our team of experts can create the most exciting 2D animations you want. If you have any queries about architectural 2D animation services, email us at<span>&nbsp;</span><strong><a href="mailto:info@ravyat.com">info@ravyat.com</a><a href="mailto:info@ravyat.com"></a></strong></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3"><br><br><br><div >
<div >
<div >
<div >
<p >
    <div class="form-contact">
         <h4 class="title-widget-sidebar text-white text-center">Get a Quote</h4>
        <form class="contact-form" method="post" action="" onsubmit="return handleContactSubmit(event, this)">
            <div class="row">
                <div class="col-md-12 col-sm-12 col-12">
                    <p><input type="text" required="" name="name" placeholder="Name*" class="form-width"></p>
                </div>
                <div class="col-md-12 col-sm-12 col-12">
                    <p><input required="" type="email" name="email" placeholder="Email*" class="form-width"></p>
                </div>
                <div class="col-md-12 col-sm-12 col-12">
                    <p><input type="number" required="" name="phoneno" placeholder="081234 56789" class="form-width"></p>
                </div>
                <div class="col-md-12 col-sm-12 col-12"><textarea name="message" required="" placeholder="Message*" class="form-width"></textarea></div>
            <div class="col-md-12 col-sm-12 col-12"> <input class="input-submit" type="submit" value="submit" name="submit"></div>
            </div>
        </form>
        <script>
            function handleContactSubmit(event, form) {
              // Stop the form from submitting normally
              event.preventDefault();
              
              // Find or create status message container
              let statusContainer = form.querySelector('.form-status-message');
              if (!statusContainer) {
                statusContainer = document.createElement('div');
                statusContainer.className = 'form-status-message';
                form.prepend(statusContainer);
              }
              
              // Show loading message
              statusContainer.innerHTML = '<div class="alert alert-info">Submitting your message...</div>';
              
              // Disable submit button
              const submitBtn = form.querySelector('input[type="submit"]');
              if (submitBtn) {
                submitBtn.disabled = true;
                submitBtn.value = 'Submitting...';
              }
              
              // Generate token if needed
              const tokenInput = form.querySelector('#token');
              if (tokenInput && !tokenInput.value) {
                tokenInput.value = Math.random().toString(36).substring(2);
              }
              
              // Collect form data
              const formData = new FormData(form);
              const formDataObj = {};
              formData.forEach((value, key) => {
                formDataObj[key] = value;
              });
              
              // Send to our API endpoint
              fetch('/api/submit-contact', {
                method: 'POST',
                headers: {
                  'Content-Type': 'application/json',
                },
                body: JSON.stringify(formDataObj),
              })
              .then(response => response.json())
              .then(result => {
                // Show appropriate message based on result
                if (result.success) {
                  statusContainer.innerHTML = `<div class="alert alert-success">${result.message}</div>`;
                  // Reset form on success
                  form.reset();
                } else {
                  statusContainer.innerHTML = `<div class="alert alert-danger">${result.message || 'There was an error submitting the form. Please try again.'}</div>`;
                }
              })
              .catch(error => {
                console.error('Error submitting form:', error);
                statusContainer.innerHTML = '<div class="alert alert-danger">There was an error submitting your message. Please try again later.</div>';
              })
              .finally(() => {
                // Re-enable submit button
                if (submitBtn) {
                  submitBtn.disabled = false;
                  submitBtn.value = 'Submit';
                }
              });
              
              // Important: return false to prevent the default form action
              return false;
            }
            </script>
    </div>
   
</p>
</div>
</div>
</div>
</div>
<p></p>
<div >
</div>
<script src="/js/contact-form.js"></script></div>
</div>
</div>
<div class="intro-text type4 container-contact  ">
<div class="">
<div class="column dt-sc-two-third    first ">
<h2><span class="text-blue"><strong></strong></span><br></h2>
<h2><span class="text-blue"><strong>Contact us </strong></span><span class="text-black">for your engineering regarding solutions.</span></h2>
<p class="text-black"><span>Whatever your need be, at Rayvat, we will try to offer you the best services.</span></p>
</div>
<div class="column dt-sc-one-third     "><a href="BASEURL/contact-us/" target="_blank" class="dt-sc-button   large   " rel="noopener">Contact us<span class="fa fa-angle-right"></span></a></div>
</div>
</div>
<p><br></p>
<p><br><br></p>

2D Animation Services, Architectural Animation Company India