programming4us
 
Graphics
 

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

5/9/2013 7:58:57 PM

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)
 
 
REVIEW
 
- First look: Apple Watch

- 10 Amazing Tools You Should Be Using with Dropbox

- Sigma 24mm f/1.4 DG HSM Art

- Canon EF11-24mm f/4L USM

- Creative Sound Blaster Roar 2

- Alienware 17 - Dell's Alienware laptops

- Smartwatch : Wellograph

- Xiaomi Redmi 2
 
VIDEO TUTORIAL
 
- How to create your first Swimlane Diagram or Cross-Functional Flowchart Diagram by using Microsoft Visio 2010 (Part 1)

- How to create your first Swimlane Diagram or Cross-Functional Flowchart Diagram by using Microsoft Visio 2010 (Part 2)

- How to create your first Swimlane Diagram or Cross-Functional Flowchart Diagram by using Microsoft Visio 2010 (Part 3)
 
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
 
Top 10
 
- How To Install Android Market & Google Apps On Kindle Fire
- How To Make Ubuntu Look Like Windows 7
- How To Add A New Account in MS Outlook 2013
- Get Android & Mac OS X Style Gadgets For Windows 7 & Windows 8 With XWidget
- How To Activate Microsoft Office 2013
- How To Install Actual Facebook App On Kindle Fire
- How To Create, View And Edit Microsoft Office Files On Kindle Fire
- Download Attractive Business PowerPoint Templates For Free At SlideHunter
- How To Use And Enable Hibernate & Sleep Mode In Windows 8
- How To Get Microsoft Office 2013 Trial Product Key From Microsoft