Create engaging, interactive HTML5-based designs and motion graphics that can run on any device
Google Web Designer is an advanced web application that"s built with HTML5 which lets you design and build HTML5 advertisements and other web content using an integrated visual and code interface. Using Google Web Designer"s design view you can create content using drawing tools, text, and 3D objects, and you can animate objects on a timeline. Once you"re done creating your content, Google Web Designer outputs clean human-readable HTML5, CSS3, and Javascript.
When you create advertising creatives with Google Web Designer, you can use a library of components that lets you add image galleries, videos, ad network tools, and more.
Google Web Designer"s Code view lets you create CSS, JavaScript, and XML files, using syntax highlighting and code autocompletion to make your code easier to write, with fewer errors.
Google Web Designer 4.0.1.0625 release notes:
Google Web Designer is now officially out of beta!
Version 4.0.1.0625 bug fixes
- Fixed issue with file not opening when the document links to an external CSS file using an absolute URL.
- GreenSock libraries updated to use version 2.0.1.
- The “Use” column header in the Library is now localized.
New features since version 3.0.1.0319
Computed CSS styles
- View a list of CSS properties for an element, with resolved values, under the new Computed tab in the CSS panel.
- Jump to the CSS rule definition that sets a particular property.
Motion path editing
- Move, resize, flip, and rotate motion paths with the new Transform control for the motion path tool.
Asset usage count
- See in the Library panel how many times you use each asset in a document.
- Sort the list of assets by name, usage count, asset type, or last modified date.
Outliner
- The new Outliner panel provides a tree view of the elements in your document for easy selection and navigation.
Template improvements
- The Template Gallery now shows the vertical (business type) for the AdWords dynamic remarketing templates.
- The Save as template dialog automatically populates the ad type, dynamic vertical, and components in the template metadata.
- Dynamic templates can now be previewed directly from the Template Gallery with sample feed data.
Text fitting
- New settings in the Text panel let you automatically resize or truncate text so it won"t overflow the containing element.
Timeline animation scaling
- Hold Shift while dragging selected keyframes on the Advanced timeline to change the length of an animation while keeping the spacing between keyframes proportional.
Workspaces
- Save panel layouts as custom workspaces, or switch to one of Google Web Designer"s preset workspaces in the Window > Workspace menu.
- Hide all panels with the Window > Hide panels command, or by pressing F4.
Templates added
- DoubleClick responsive templates were added: Standard Banner Build Dissolve, Standard Banner Build Slide, Standard Banner Static, Standard Banner Storyboard Dissolve, and Standard Banner Storyboard Slide.
Fixes and improvements since version 3.0.1.0319
Components
- Fixed issue with Swipeable Gallery exit URLs not working with spaces between the URLs.
- [Feature request] Enabled Tap Area components within the frame of a Carousel Gallery or Swipeable Gallery.
Text
- Invalid tags can no longer be entered in the Tag field.
- Fixed issue with text box losing the insert cursor after indenting the text.
- Fixed issue with tag name not updating when undoing a tag change.
- [Feature request] Provided text fitting & truncation controls in the user interface for both dynamic & static text.
- Fixed issue with incorrect text coordinates when stage was zoomed in.
- Enabled use of keyboard shortcuts (Cmd/Ctrl with +/-) to zoom in or out while in text editing mode.
- Fixed issue where a text box couldn"t be drawn inside a div.
- Fixed issue with extra CSS properties getting added when copying & pasting colored text between documents.
- Fixed issue with italic text for Google Fonts not displaying correctly.
Templates
- AdMob templates have been updated to remove custom exits.
- Fixed issue where the options for inline local files and polite loading weren"t selected by default when creating files from some templates.
Timeline
- [Feature request] Added ability to easily update the animation duration in the UI.
- Finite and infinite loops now distinguishable on the Advanced mode timeline.
- Undoing the deletion of a layer with looping now restores the looping.
- Repeated spans now visible on the Advanced mode timeline for infinite loops when animation duration is extended.
- Fixed issue with stage not updating when span easing was edited.
- [Quick mode] Fixed issue with only first 2 anchor points of a Pen path displaying on the thumbnail.
- Added tooltips: "Current time" and "Timeline work area length".
Workspace (panels and user interface)
- [Feature request] Added ability to save panel sets and switch between them.
- Fixed issue with docked panel"s height not being resizable after docking a floating panel to a panel on the left side.
- Removed the top border on the Document bar.
- Fixed issue with start dialog disappearing when closing the New File dialog with the Esc key.
- Panels can now be collapsed by clicking the panel title right after launch or after switching workspaces.
Other
- [Studio dynamic] Fixed issue with dynamic profile not loading when the user has Advertiser-level access to multiple advertisers.
- [Publish to Drive] Publishing to Google Drive no longer adds an extra string to image sources.
- [Ad environment] Strings have been translated.
- [Ad environment] Fixed issue with the Publish dialog not updating the ad environment after ad environment conversion.
- [Installer] [Windows] Shortcut icon is now created on the Desktop after installation but not after an update.
- When clicking on "Browse all articles" or "Visit help forum" from the help panel, a browser window now opens instead of a pop-up window.
- [Windows] Fixed issue with Firefox v.59 or later not showing in Google Web Designer"s Preview browser list.
- Events dialog is now resizable.
- [Drawing] W and H are now translated when drawing a new element.
- [Properties panel] Fixed issue with Visibility field label overlapping the value in some languages.
- [Feature request] Usage count now displays next to assets listed in the Library.
- Fixed issue with zoom resetting in Design view after editing in Code view.
- [Hand tool] Fixed issue with stage moving off-center after repeatedly dragging it back and forth with the Hand tool.
Download: Google Web Designer 4.0.1.0625 | 1.0 MB (Freeware)
Links: Google Web Designer Website | Release Notes | Screenshot
