IT tutorials
 
Graphics
 

Adobe Fireworks CS5 : Working with Vector Graphics - Working with Auto Shapes

5/9/2013 7:58:57 PM
- How To Install Windows Server 2012 On VirtualBox
- How To Bypass Torrent Connection Blocking By Your ISP
- How To Install Actual Facebook App On Kindle Fire

Auto Shapes are art with JavaScript logic attached. They include additional diamond-shaped control points that let you alter visual properties, such as corner roundness, corner shape, or the number of points in a star. Most of these control points also have tooltips that describe how they affect the Auto Shape. You will now add an Auto Shape as a background for the watch thumbnails.

1.
Choose the Chamfer Rectangle tool from the Vector section of the Tools panel (click and hold the Rectangle tool to see the other tools available).

2.
Drag out the shape so it covers the width and height of the four watch thumb-nails. When you release the mouse, you’ll see the yellow diamonds in each corner. You’ll also see that the shape takes on the properties of the last vector shape, which can make for a pretty busy-looking design.

3.
If necessary, change the Fill setting from Pattern to Solid.

4.
Set the fill color to #343434, matching the gray background of the watches.

5.
Make sure the Stroke category is set to None.

6.
Click on one of the four yellow corner diamonds to toggle the corners of your shape to other designs. Keep clicking until the chamfer shape returns.

7.
Resize the total shape by clicking and dragging the fifth yellow diamond, located near the bottom right of the shape. Set the dimensions to 390 pixels wide by 100 pixels high.

8.
In the Layers panel, rename the new shape sample background and adjust the stacking order so that the sample background is below the watches.

9.
Use the Pointer tool to reposition the shape so it is centered under the watch group. Smart Guides will help you align the objects. Toggle the shape’s visibility off if needed.

10.
From the Stroke Category menu, choose Pencil > 1-Pixel Soft and set the stroke color to black (#000000). Your final design should be similar to this.

Tip

The Auto Shapes panel (Window > Auto Shapes) contains a collection of even more complex shapes. You can download other shapes from the Adobe Exchange at www.adobe.com/cfusion/exchange/. You will have to sign up first, but membership is free.

11.
Save and close the file.
 
Others
 
- Adobe Flash Professional CS5 : Working Within the Flash Environment - Using the Main Toolbar, Resizing Panels
- Adobe Flash Professional CS5 : Working Within the Flash Environment - Using the Edit Bar
- Adobe Flash Professional CS5 : Working Within the Flash Environment - Working with Scenes
- Adobe InDesign CS5 : Saving Files in Other Formats
- Adobe InDesign CS5 : Saving Documents and Templates
- Adobe Illustrator CS5 : Working with Objects - Selecting and Grouping Objects
- Adobe Illustrator CS5 : Working with Objects - Using the Magic Wand Tool
- Adobe Illustrator CS5 : Working with Objects - Using the Direct Selection Tool, Using the Lasso Tool
- Corel Painter X : Drawing People - Portrait (part 2)
- Corel Painter X : Drawing People - Portrait (part 1)
 
 
Top 10
 
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Finding containers and lists in Visio (part 2) - Wireframes,Legends
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Finding containers and lists in Visio (part 1) - Swimlanes
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Formatting and sizing lists
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Adding shapes to lists
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Sizing containers
- Microsoft Access 2010 : Control Properties and Why to Use Them (part 3) - The Other Properties of a Control
- Microsoft Access 2010 : Control Properties and Why to Use Them (part 2) - The Data Properties of a Control
- Microsoft Access 2010 : Control Properties and Why to Use Them (part 1) - The Format Properties of a Control
- Microsoft Access 2010 : Form Properties and Why Should You Use Them - Working with the Properties Window
- Microsoft Visio 2013 : Using the Organization Chart Wizard with new data
programming4us programming4us
 
Popular tags
 
Video Tutorail Microsoft Access Microsoft Excel Microsoft OneNote Microsoft PowerPoint Microsoft Project Microsoft Visio Microsoft Word Active Directory Biztalk Exchange Server Microsoft LynC Server Microsoft Dynamic Sharepoint Sql Server Windows Server 2008 Windows Server 2012 Windows 7 Windows 8 Adobe Indesign Adobe Flash Professional Dreamweaver Adobe Illustrator Adobe After Effects Adobe Photoshop Adobe Fireworks Adobe Flash Catalyst Corel Painter X CorelDRAW X5 CorelDraw 10 QuarkXPress 8 windows Phone 7 windows Phone 8 BlackBerry Android Ipad Iphone iOS