IT tutorials
 
Graphics
 

Adobe Fireworks CS5 : Working with Vector Graphics - Customizing fills and strokes (part 1) - Adding a gradient fill

5/30/2013 3:54:36 AM
- 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

Creating a custom shape is just the beginning; once you have a vector object on the canvas, you can apply a variety of fill and stroke effects to it as well. Here, you’re going to customize the look of your newly created custom shape by adding a gradient and a stylized stroke effect.

Adding a gradient fill

First you’ll add the gradient, rotating it to match the original object.

1.
If necessary, select the custom object you just created from the Layers panel. (Because this object has no fill, it’s easier to select it from the Layers panel.)

2.
Choose Gradient > Linear from the Fill Category menu in the Properties panel. A standard linear gradient appears.

3.
Select the Pointer tool. A black control arm appears.

This “arm” controls the location, direction, angle, and length of the gradient fill. The arm has a circle control point at one end and a square control point at the other. The circle controls the position/starting point for the gradient; the square controls the angle and length. By default, the linear gradient runs from top to bottom, the full height of the object.

4.
Use the mouse to click and drag the circle point so it rests on the top edge of the shape. As you drag, the gradient updates live on the canvas.

5.
Move the mouse onto the arm itself. A rotation icon appears. Click and drag the arm so that it is roughly parallel to the angle of the shape.

6.
Drag the circle point again so it is positioned in the gap of the shape at the lower left.

7.
Drag the square control point to shorten the gradient and to change its angle.

8.
Click the Fill Color box. The Edit Gradient pop-up window opens.

9.
Click the left color swatch, and when the color picker appears, type #252A41 in the input field. Then press Enter or Return.

10.
Click the right color swatch, input #C3112E, and press Enter or Return.

11.
To make the gradient smoother, select the Dither Gradient button ( ) in the Properties panel.

12.
Still within the Properties panel, click the Add Live Filters button, and choose Shadow And Glow > Drop Shadow to add a drop shadow to the object.
 
Others
 
- Adobe Flash Professional CS5 : Working Within the Flash Environment - Setting General Preferences
- Adobe Flash Professional CS5 : Working Within the Flash Environment - Creating Keyboard Shortcuts
- Adobe Flash Professional CS5 : Working Within the Flash Environment - Creating a Workspace
- Adobe InDesign CS5 : Working with Objects and Layers - Repeating Object Transformations
- Adobe InDesign CS5 : Working with Objects and Layers - Arranging Object Stack Order, Transforming Objects
- Adobe InDesign CS5 : Working with Objects and Layers - Distributing Objects
- Adobe Illustrator CS5 : Working with Objects - Using the Free Transform Tool
- Adobe Illustrator CS5 : Working with Objects - Aligning and Distributing Objects, Transforming Objects
- Corel Painter X : Drawing People - People in a Scene (part 2) - Saltwatercolor
- Corel Painter X : Drawing People - People in a Scene (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