Google launches Webdesigner tool

Google recently launches web designer tool for building interactive HTML5 sites, It is a free tool developed by Google Web Designer Team.
An advance tool for professional website designers to create animated 3D HTML5 applications.
The Google Web designer team said that it is purely for creating HTML5 ads and campaigns; it is free for everyone to use.
 Google Web Designer tool is for developers.
Creating HTML5 apps is now pretty much easy with Google Web Designer Tool.
Web Designer, which Google calls a “professional-quality design tool,” is now officially in public beta and  available free to download for windows and mac.  If you didn't download it yet, download it now.


Download


While this ad pedigree shines through across Web Designer there is nothing in the tool that would prevent you from building interactive single-page sites and animations for other purposes, as well. Some of the features, however, are currently only available for ads, though Google says it plans to expand these tools for other purposes in the future.
 Indeed, Web Designer allows you to manipulate all of your code directly in a built-in editor and lets you quickly preview your creations in every browser you have installed on your machine.

The tools come with all the usual visual design tools you’re probably familiar with. Some of the more interesting ones Google has developed for Web Designer include a pen tool for free drawing, as well as a timeline for managing your animations. Web Designer also features the ability to create 3D content using the power of CSS3, as well as a set of pre-built components for galleries, maps and embedded YouTube videos.

For animations, one of the core features of the application, Web Developer features a Quick mode for building animations scene by scene and an advanced mode that gives designers more control over each of the elements on the page.

Following are some of the features.
Free for everyone to use.
Easy and quick to develop HTML5 applications.
Switch between code view and Design view.
Easy to use the tools. Selecting a tool will list all properties.
Build ads for Doubeclick, admob, ability to work in generic environment.
Auto Program Update.
Cross Modern Browsers and Devices Tool.

How to Use Google Web Designer
Using Google Web designer for the development of HTML5 apps, Ad banners, and campaigns is easy once you know the basics. Let's get started.

First of all open Google Web Designer from the start menu for windows 7, for windows 8 search in apps.
Once you've opened, then at the top click on New File. Now select in which type of environment you want to work, the DoubleClick Studio Rich media, Admob or Generic. Select the first one if you don't know what it mean.

Change the width and hight if you'd like to, you can also change it later. Type the name of the file, it could be anything, select the animation mode quick or advance.
Click On Ok. Now get ready to design and develop.
At the right side of the window you can design your app. Select the RGB colours at the style spot, change the background color, the width and heights and more.
At the Left side there are tools that you can use to. This is the interesting part. Click on any tool and at the top of window you will see the properties that you can use to.
At the bottom of the Google Web designer, you can switch to code view if you want to change some properties or want to create some events.  Once your app is ready, you can check to see if it is working by clicking the play button. you can save your file if you'd like to work later.