macromedia studio 8 step-by-step macromedia fireworks 8 project 2: experience bank logo
TRANSCRIPT
![Page 1: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/1.jpg)
Macromedia Studio 8 Step-by-Step
MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo
![Page 2: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/2.jpg)
2Macromedia Studio Step-by-Step Project 2
Set up a new document
Use grids to align image elements
Draw and edit images by using a Pen tool
Select and modify images by using selection tools
Project Objectives
![Page 3: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/3.jpg)
3Macromedia Studio Step-by-Step Project 2
Apply gradient and drop shadow effects
Copy and paste objects
Use transformation tools to rotate objects
Use alignment tools to position objects
Project Objectives (continued)
![Page 4: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/4.jpg)
4Macromedia Studio Step-by-Step Project 2
Adjust a drop shadow effect
Group objects to create a single image
Create text and modify its properties
Position text
Project Objectives (continued)
![Page 5: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/5.jpg)
5Macromedia Studio Step-by-Step Project 2
Apply and modify gradients on text
Apply drop shadow effects to text
Group and resize an image
Optimize and export an image
Project Objectives (continued)
![Page 6: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/6.jpg)
6Macromedia Studio Step-by-Step Project 2
Logo: graphic identifying an organizationLogos are used in many media– Print materials – Products– Advertisements – Web sites
Special functions of logos on Web sites– Unify the look and feel of the site– Orient visitors as they navigate site
Overview
![Page 7: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/7.jpg)
7Macromedia Studio Step-by-Step Project 2
Make a Web logo for Experience Bank
Logo revises print-based design
Logo colors evoke integrity of bank
Three major design specifications– Draw and modify objects– Generate and position objects– Add and adjust text
The Assignment
![Page 8: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/8.jpg)
8Macromedia Studio Step-by-Step Project 2
Logo size is constrained by site design– Logo dimensions: 209 pixels x 30 pixels
Logo colors and gradient based on needs of bank
Carefully review the design document
Experience Bank Logo Design Document
![Page 9: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/9.jpg)
9Macromedia Studio Step-by-Step Project 2
FIGURE 1: The design document for the Experience Bank logo
![Page 10: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/10.jpg)
10Macromedia Studio Step-by-Step Project 2
Lesson 1: Drawing and Modifying Objects
Lesson 2: Generating and Positioning Objects
Lesson 3: Adding and Adjusting Text
Project 2 Lessons
![Page 11: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/11.jpg)
11Macromedia Studio Step-by-Step Project 2
Lesson 1 Objectives
Set up a new documentUse grids to align image elementsDraw and edit images by using a Pen toolSelect and modify images by using selection toolsApply gradient and drop shadow effects
![Page 12: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/12.jpg)
12Macromedia Studio Step-by-Step Project 2
Lesson 1 Introduction
Experience Bank mark– Four triangular objects (or elements)– Location: left side of logo
Elements based on lines and shapes Lesson tasks– Set up a new document– Use Pen tool to draw element of mark– Add gradient fill and drop shadow
![Page 13: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/13.jpg)
13Macromedia Studio Step-by-Step Project 2
Setting Up a New Document
Initial size: 1045 pixels x 160 pixels– Easier to work on larger canvas– Resize logo before placement on site
Logo sits on white background– Canvas color is background color
Overview of tasks– Open New Document dialog box– Set dimensions, resolution, and color
![Page 14: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/14.jpg)
14Macromedia Studio Step-by-Step Project 2
FIGURE 1-1: New document dialog box
![Page 15: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/15.jpg)
15Macromedia Studio Step-by-Step Project 2
Using the Grid, Guides, and Rulers
Rulers, guides, and grids – Assist with object layout – Enable more precise drawing
Overview of tasks– Open Edit Grid dialog box
• Set grid size to 30 x 30 pixels Set grid size to 30 x 30 pixels • Set color to #99CCFF (pale blue)Set color to #99CCFF (pale blue)
– Ensure Rulers are visible (go to View)– Add vertical and horizontal guides
![Page 16: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/16.jpg)
16Macromedia Studio Step-by-Step Project 2
FIGURE 1-3: Edit Grid Dialog Box
![Page 17: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/17.jpg)
17Macromedia Studio Step-by-Step Project 2
FIGURE 1-4: Vertical Guide
![Page 18: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/18.jpg)
18Macromedia Studio Step-by-Step Project 2
Drawing a Basic Object
Four parts to Experience Bank mark– Slightly curved triangles– Use Pen tool to create first element
• Pen tool draws points, straight lines, curved lines Pen tool draws points, straight lines, curved lines
Overview of tasks– Draw two sides of triangle
• Lines meet at intersection of guidesLines meet at intersection of guides
– Draw triangle base • To curve base, drag right vertex to right and down To curve base, drag right vertex to right and down
![Page 19: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/19.jpg)
19Macromedia Studio Step-by-Step Project 2
FIGURE 1-6: Open paths create the sides of the triangle
![Page 20: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/20.jpg)
20Macromedia Studio Step-by-Step Project 2
FIGURE 1-7: Curved line drawn with the Pen tool
![Page 21: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/21.jpg)
21Macromedia Studio Step-by-Step Project 2
Creating and Applying a Gradient Fill
Color and gradient effects – Mark colors blend into each other– Elements appear curved up from page
Various fill characteristics – Solid, dithered, pattern, gradient
Various fill attributes– Color, edge, texture, transparency
![Page 22: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/22.jpg)
22Macromedia Studio Step-by-Step Project 2
Creating and Applying a Gradient Fill (continued)
Overview of tasks– Add linear gradient to triangular element– Set fill color of center to #8A995A– Set fill colors of edges to #DFE5D0– Use gradient handles to adjust gradient
![Page 23: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/23.jpg)
23Macromedia Studio Step-by-Step Project 2
FIGURE 1-9: Edit Gradient Window
![Page 24: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/24.jpg)
24Macromedia Studio Step-by-Step Project 2
FIGURE 1-12: Triangle with gradient
![Page 25: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/25.jpg)
25Macromedia Studio Step-by-Step Project 2
Removing the Stroke
Remove border (stroke) of curved triangle– Elements of mark will appear to float
Overview of tasks– Select circular triangle – Click Stroke Color box on Tools panel
• Color window opens Color window opens
Click Transparent button (red diagonal)
![Page 26: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/26.jpg)
26Macromedia Studio Step-by-Step Project 2
FIGURE 1-14: Transparent button in the color window
![Page 27: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/27.jpg)
27Macromedia Studio Step-by-Step Project 2
Lesson 2 Objectives
Copy and paste objects
Use transformation tools to rotate objects
Use alignment tools to position objects
Adjust a drop shadow effect
Group objects to create a single image
![Page 28: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/28.jpg)
28Macromedia Studio Step-by-Step Project 2
Lesson 2 Introduction
Mark is composed of four elements– Rectangular formation resembles a shield
Lesson tasks– Replicate the basic object– Position objects into a rectangular shape– Adjust the drop shadow on each object– Group objects together to create the mark
![Page 29: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/29.jpg)
29Macromedia Studio Step-by-Step Project 2
Replicating Objects
Build logo without repeating tasksOverview of tasks– Select the triangular object – Click Copy on the Edit menu– Return to Edit menu and click Paste– Repeat Copy/Paste operation two times
Copied objects appear over original Four objects reflected in Layers panel
![Page 30: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/30.jpg)
30Macromedia Studio Step-by-Step Project 2
FIGURE 2-1: Four objects in the Layers panel
![Page 31: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/31.jpg)
31Macromedia Studio Step-by-Step Project 2
Positioning Objects
Rotate and position each element– Match sketch drawn by designer
Overview of tasks– Draw four more guides for assistance– Rotate top triangle 90 CW and position– Rotate next triangle 180 and position– Rotate third triangle 90 CCW and position
![Page 32: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/32.jpg)
32Macromedia Studio Step-by-Step Project 2
FIGURE 2-4: Rotated and moved Triangle
![Page 33: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/33.jpg)
33Macromedia Studio Step-by-Step Project 2
FIGURE 2-6: Completed mark
![Page 34: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/34.jpg)
34Macromedia Studio Step-by-Step Project 2
Adding a Drop ShadowAdd shadows to reinforce dimensionalityShadows and glows easily added – Adjust angle relative to light source
Overview of tasks– Select triangle on the left side of the mark– Click Add live filters (+ icon) on inspector– Go to Shadow and Glow, click Drop Shadow– Key values for drop shadow – Repeat process for other triangles
![Page 35: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/35.jpg)
35Macromedia Studio Step-by-Step Project 2
FIGURE 2-8: Drop shadow window
![Page 36: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/36.jpg)
36Macromedia Studio Step-by-Step Project 2
FIGURE 2-10: Completed mark with drop shadows
![Page 37: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/37.jpg)
37Macromedia Studio Step-by-Step Project 2
Grouping ObjectsGood practice to group elements into a single object so you cannot mistakenly alter one part of itOverview of tasks– Click top triangle– Click remaining triangles– Click Modify and then click Group– Select the group and move it– Save the file
![Page 38: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/38.jpg)
38Macromedia Studio Step-by-Step Project 2
Lesson 3 Objectives
Create text and modify its properties
Position text
Apply and modify gradients on text
![Page 39: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/39.jpg)
39Macromedia Studio Step-by-Step Project 2
Lesson 3 Objectives (continued)
Apply drop shadow effects to text
Group and resize an image
Optimize and export an image
![Page 40: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/40.jpg)
40Macromedia Studio Step-by-Step Project 2
Lesson 3 Introduction
Logo has two basic features – Text: names the organization – Mark: symbolizes organization qualities
Overview of tasks– Add and format text– Apply text effects that evoke qualities– Position and group elements – Optimize logo for use on Web site– Resize and export logo image
![Page 41: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/41.jpg)
41Macromedia Studio Step-by-Step Project 2
Adding Text to the CanvasLogo consists of the mark and textCreate text based on two sources– Drawn logo – Company design guidelines
Overview of tasks– Select Text tool from Tools panel– Key “Experience Bank” to right of mark– Set font, font size, Kerning– Change font of "Bank" to Arial Black
![Page 42: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/42.jpg)
42Macromedia Studio Step-by-Step Project 2
FIGURE 3-3: Text Property inspector
![Page 43: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/43.jpg)
43Macromedia Studio Step-by-Step Project 2
FIGURE 3-4 Logo text with different fonts
![Page 44: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/44.jpg)
44Macromedia Studio Step-by-Step Project 2
Adjusting Text on the Canvas
Better align the text with the mark
Overview of tasks– Select the text box– Drag text to meet two specifications
• Left border is five grid spaces in from left edge of canvasLeft border is five grid spaces in from left edge of canvas• Top border is one grid space away from top of canvasTop border is one grid space away from top of canvas
![Page 45: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/45.jpg)
45Macromedia Studio Step-by-Step Project 2
FIGURE 3-5 Text aligned on grid
![Page 46: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/46.jpg)
46Macromedia Studio Step-by-Step Project 2
Adding a Gradient Fill and Drop Shadow to Text
Unify the components of the logo– Emulate mark effects in text
Overview of tasks– Select the text, “Experience Bank”– Set gradient range: #6666FF to #330066– Rotate gradient fill – Apply drop shadow using a Live filter
![Page 47: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/47.jpg)
47Macromedia Studio Step-by-Step Project 2
FIGURE 3-8: Logo text with vertical gradient applied
![Page 48: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/48.jpg)
48Macromedia Studio Step-by-Step Project 2
FIGURE 3-9: Text with drop shadow applied
![Page 49: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/49.jpg)
49Macromedia Studio Step-by-Step Project 2
Optimizing, Resizing, and Exporting an Image
Remaining project tasks– Group the mark and text together– Optimize logo
• Set Export file format to JPEG with 75% Quality Set Export file format to JPEG with 75% Quality
– Resize the logo • Open Image Editing panelOpen Image Editing panel• Change width to 209 pixels, set Constraint proportionsChange width to 209 pixels, set Constraint proportions
– Export logo • Save PNG type file as a JPEG type fileSave PNG type file as a JPEG type file
![Page 50: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/50.jpg)
50Macromedia Studio Step-by-Step Project 2
FIGURE 3-10: Optimize panel
![Page 51: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/51.jpg)
51Macromedia Studio Step-by-Step Project 2
FIGURE 3-14: Canvas fit around final logo
![Page 52: Macromedia Studio 8 Step-by-Step MACROMEDIA FIREWORKS 8 Project 2: Experience Bank Logo](https://reader038.vdocuments.site/reader038/viewer/2022110211/56649efd5503460f94c1114d/html5/thumbnails/52.jpg)
52Macromedia Studio Step-by-Step Project 2
Summarizing Project 2
Experience Bank Web site logo created
Element drawn with Pen tool
Gradient fills and shadows applied
Text associated with mark
Completed logo prepared for Web page