| Answer Upon |
Hubs | Hubbers | Topics | Request |
| #1 in Business | Subscribe Email Print |
|
You are here: Home > Internet and Businesses Online > Internet Marketing > How to Enhance an Online Marketing Campaign with Adobe Illustrator, Photoshop CS2, and Dreamweaver 8 |
|
Answer Upon - How to Enhance an Online Marketing Campaign with Adobe Illustrator, Photoshop CS2, and Dreamweaver 8
Data Entry Services Are The Core of Any Business cropped the headline to a 468x68-pixel banner using the Crop Tool. I cropped the headline so as to leave a good bit of yellow background around the text. When the crop was finally executed, the banner resized automatically to the dimensions I had entered into the tool's width and height fields.Data entry is the core of any business and though it may appear to be easy to manage and handle, this involves many processes that need to be dealt systematically. Huge changes have taken place in the field of data entry and due to this handling the work has become much easier then before. So if you want to make use of the best data entry services to maintain the data and other information about your company, you must be ready to spend money for this. It is in no way an attempt to say that data entry services are costly, but just to say that good services will not come that cheap either. You just need to decide if you will hire professionals to do this work in house or if you would like to hire the services from an outside firm. The business is your and you are the best person to decide what is suitable for your business.Doing the data entry of any business in house can be advantageous and disadvantageous as well. The main advantage can be in the form that you can keep an eye on the work being done to maintain proper records of all aspects of your company. This can prove to be a bit costly to you as you will have to hire the services of a data entry operator. The employee will be on rolls and thus will be entitled to all the benefits like allowances and other bonuses. So another option that you can use for this is to get a third party handle the work for you. This is a better option as you can hire the services depending on the type of work you need to be done.This is one of the core components of your business and consequently you must ensure that this is handled properly. Data entry services are not the only There are a couple of tricks that make precise crop selections easier. While holding down both the left mouse button and the space bar, the mouse can be used to move the crop selection into position. After the crop selection has been made, but before the selection is applied, the arrow keys can be used to nudge the crop selection precisely where desired. After flattening and cropping the banner, only one layer, the background layer, remained in the Layers palette. The special styles I wanted to apply to the banner cannot be done on the background layer, so I duplicated the layer. I could then apply additional layer styles to the banner. I renamed the duplicate layer as banner. Double clicking on the banner-layer thumbnail gave me access to the Layer Style dialog. I selected "Bevel and Emboss" from the Styles options. Clicking on "Bevel and Emboss" from among the available style options brought up another dialog box with a multitude of adjustments that I could apply to the bevel I wanted to use. After setting the adjustments, I applied the bevel to the banner. As a final touch, and also from the Layer Style dialog, I selected the "Stroke" option and applied a 1-pixel stroke (border) around the banner. This can be important because parts of the bevel can get lost in the background. I selected the color for the stroke from a sample taken from the bevel itself. After working through the design phase of the project, I found finishing the web page was easy. I used Dreamweaver 8 to create the HTML code necessary to insert and position the graphics. I also assigned the target URL to the headline and breakout-opportunity graphics. At this time, I coded the text and HTML for component 5. Aside from typing in the text, the coding consisted of assigning links to the anchor text. The last step was to upload the web page to the web site and the banner to the traffic exchange. Or was this the last step? Nope! I tested the web page in Internet Explorer, Firefox, and Netscape to be sure that the web page would display properly in at leas Ebook Review: Quit Your Day Job An online marketing campaign is analogous to a military campaign: resources have to be assembled and then applied to an objective. In the case of an online marketing campaign, the objective is to capture sales. The resources that can be used in a marketing campaign include banner ads and web pages. Other resources--such as traffic exchanges, blogs, ezines, and forums--can be used to help interested prospects find the banners and targeted web pages on the Internet. This article discusses how I designed a banner ad and a web page for an online marketing campaign. The design tools I used for the project were Adobe Illustrator, Photoshop CS2, and Dreamweaver 8. Hereafter, I will refer to the design project as the "project."Is Quit Your Day Job another ebook with rehased information? So now, you might be wondering if it's worth the time or money to read? I must admit, the first few pages are about things I already know, an the reason for that could simply because I've been in Affiliate Marketing for a few years now. But that information would be great for someone just starting out in Affiliate Marketing.Although the ebook starts out a little slow, the information in Quit Your Day Job only gets more interesting and powerful.Over the years, I have purchased some really bad information, from Adwords to Internet Marketing. But Jeremy Palmer, the author of Quit Your Day Job delivers some of the best information I've yet to see. The part that I liked the most was learning how to set up effective Adwords campaigns. As I'm sure a lot of you know that you can really lose a lot of money with Adwords if you don't know what you're doing. Jeremy Palmer got you covered when it comes to learning Adwords, keyword research, and a whole lot more.Quit Your Day Job also has quite a bit of information in it that I hadn't ever read before. I've used some of his tips to better organize my Adwords campaigns and ad groups. By using them, I have created some highly targeted ads with better conversions and lower costs, something we all want to accomplish.This section alone will give you the techniques and confidence you need to succeed with Adwords. Following the authors advice, I set up a campaign in a niche that I knew nothing about and my first day was very profitable to say the least.There are tons of strategies in Quit Your The first challenge of the project was to develop a theme for the banner ad and web page. I developed the theme after thinking about the analogies between marketing and military campaigns and about the people who conduct them. An often-heard complaint of initiates struggling to achieve e-commerce success is, "I'm tired of making money for uplines and nothing for myself." When I hear such frustration expressed, I am reminded of one person's famous refusal to give up in a fight. General Anthony C. McAuliffe, refusing to surrender during the WWII Battle of Bastogne, said, "Us surrender? Aw, nuts!" This statement was formalized in the final answer to the enemy as, "Nuts!" McAuliffe's answer could just as well serve as an apt exclamation for online marketers who work hard, do all of the right things, make very little e-commerce cash, but refuse to give up the fight for success. Nuts! When soldiers are surrounded and defending an objective, one option they have is the "breakout." Likewise, novice online marketers--and sometimes veteran marketers, too--look for a better marketing opportunity as a way to "breakout." In keeping with these ideas, what kind of an opportunity would lead a striving marketer to a breakout? A 5-star opportunity, of course. In the US military, there is no higher rank than 5-stars; and in online marketing, there is no better opportunity. I defined the core design components of the project as follows:
I added a 5th component later: I added statement recommending the 5-star opportunity. The statement also included links to additional information. I used Illustrator to create the first four components. I then opened the Illustrator artwork with Photoshop CS2 and made separate graphics from each. I created the banner ad from the headline. Component 5 was created in Dreamweaver8 during the creation of the HTML web page, although I did do a mockup in Illustrator, first. There are many visual images on my web site showing how the five components were created. Adobe Illustrator makes working with text especially easy; so, I decided to use Illustrator to create the major textual and graphical elements. Starting with the headline, I opened Illustrator and added a new layer for "NUTS!" Each new element on the artboard was created in its own layer. Since "NUTS!" is such an important visual component of the project, the text had to be eye-catching--big, bold, and colorful. Placing the letters along a curved path would also help to catch the immediate attention of even a casual web surfer. I used Illustrator's Ellipse Tool to draw a curved path for the text. After drawing the path, I was ready to use the Type-on-a-Path Tool to place the text along the path: stroke and fill were disabled. From the Type/Font menu, I reviewed the available fonts and selected 36 pt Goudy Stout; and, using a red fill for the text, I typed the text along the curved path. I used the Selection Tool to position and rotate the text as I wanted. Using a ruler guide helps while positioning objects on the artboard. I created the quotation marks for "NUTS!" on a separate layer so I could place them around the text with non-standard positioning. After typing the first quotation mark, I duplicated it with a copy and paste. I transformed the duplicate into the right quotation mark with a vertical reflection. I roughly positioned the quotation marks using the Selection Tool and used the arrow keys to position them precisely. Next, I created the text for "BREAKOUT NOW!" "BREAKOUT NOW!" consisted of two components: the text and a graphical underline. For the text, I selected 36 pt Impact and filled it blue. I created the underline by simply drawing a thin, appropriately-sized rectangle with the Rectangle Tool and filling it with blue. In order to move the text and graphic as a block, I used the Selection Tool to select both and then used the Object/Group menu option to group them together. Using the Selection Tool, I moved both the breakout text and the underline into position next to "NUTS!" The combination of text and graphic gave the breakout part of the headline the appearance of a URL link: later, I would associate the entire headline with the URL of the targeted web page. I selected all five headline elements--right and left quotation marks, NUTS!, BREAKOUT NOW!, and the underline) and grouped them together so I could move the headline as a block. After grouping the elements, I placed a drop shadow under the headline in order to make it stand out even more (Effect/Stylize/Drop Shadow...). I protected my work on the headline by locking the layer. This is indicated by a small padlock on the headline layer in the Layers palette. Locking a layer prevents accidental alteration as the work continues. I created the sub headline using 18 pt Goudy Stout, filling the text black. I used the standard Type Tool for this and moved the text into place with the Selection Tool. The breakout opportunity, "Make Money Now Online," was created in a similar manner as the "BREAKOUT NOW!" of the headline. It consisted of text (36 pt verdana) and a graphical, rectangular underline. The text and underline graphic was placed into position using the Selection Tool. The 5-star graphic was created by first creating a pentagon to use as a guide for star placement. I created a new layer and used the Polygon Tool to make the pentagon--what other polygon could be more appropriate for this project? Next, I created a new layer, above the pentagon, for the stars. From the symbol palette, I opened the symbol library and selected a star from the 3D Symbols palette and dragged it onto the artboard. After applying a drop shadow to one star (Effect/Stylize/Drop Shadow...), I copied/pasted the star four more times onto the star layer. Using the pentagon on the layer below as a guide, I positioned the stars. Again, I used the arrow keys for precise positioning. I selected all of the stars with the Selection Tool and grouped them from the Object/Group menu. This grouping allowed me to move the stars as a block in order to place them below the breakout text. At this point, the major elements of the design were complete. In order to visualize what the component-5 text would look line in a web page, I added mockup text. I saved the project as nuts.ai. The remaining work on the graphic design was done in Photoshop CS2. I opened the nuts.ai file in Photoshop and immediately saved the file as nuts.psd. After duplicating the background layer, I turned the layer off and continued working from the copy. I renamed the duplicate layer as "nuts." The design elements appeared on the layer with a transparent background. Starting with the headline, I cropped each element using Photoshop's Crop Tool. I saved each crop using the File/Save for Web... menu option. Because of the drop shadow in the headline and stars graphics, I saved these two elements with the same cream-colored background I would be using for the web page. This insured that the graphics would seamlessly blend with the web page background. It was not necessary to worry about the size of the crop: I cropped each element so as to leave a little bit of the background around the edges. In order to achieve the smallest file sizes for the graphics, I saved the graphics as PNG-8 files. During the save process, I adjusted the bit depth of each graphic for the smallest file size while maintaining good image quality. Photoshop's Save-for-the-Web utility is great for visually optimizing graphics for the web. For the web page, I had the following files:
I was confident the graphics would load quickly in a web browser because of their small file sizes. Why did I use graphics for text? I wanted to make sure that the layout would be viewed--with the same fonts and font styles--exactly as I designed it. For the banner ad, and before leaving Photoshop, I first saved the file as banner.psd. At all times, it is important to preserve source files and to work on copies or renamed files. I added a new background layer and filled it with an eye-catching yellow. From the layers-palette menu, I selected "Flatten Image" to merge the layers. I then cropped the headline to a 468x68-pixel banner using the Crop Tool. I cropped the headline so as to leave a good bit of yellow background around the text. When the crop was finally executed, the banner resized automatically to the dimensions I had entered into the tool's width and height fields. There are a couple of tricks that make precise crop selections easier. While holding down both the left mouse button and the space bar, the mouse can be used to move the crop selection into position. After the crop selection has been made, but before the selection is applied, the arrow keys can be used to nudge the crop selection precisely where desired. After flattening and cropping the banner, only one layer, the background layer, remained in the Layers palette. The special styles I wanted to apply to the banner cannot be done on the background layer, so I duplicated the layer. I could then apply additional layer styles to the banner. I renamed the duplicate layer as banner. Double clicking on the banner-layer thumbnail gave me access to the Layer Style dialog. I selected "Bevel and Emboss" from the Styles options. Clicking on "Bevel and Emboss" from among the available style options brought up another dialog box with a multitude of adjustments that I could apply to the bevel I wanted to use. After setting the adjustments, I applied the bevel to the banner. As a final touch, and also from the Layer Style dialog, I selected the "Stroke" option and applied a 1-pixel stroke (border) around the banner. This can be important because parts of the bevel can get lost in the background. I selected the color for the stroke from a sample taken from the bevel itself. After working through the design phase of the project, I found finishing the web page was easy. I used Dreamweaver 8 to create the HTML code necessary to insert and position the graphics. I also assigned the target URL to the headline and breakout-opportunity graphics. At this time, I coded the text and HTML for component 5. Aside from typing in the text, the coding consisted of assigning links to the anchor text. The last step was to upload the web page to the web site and the banner to the traffic exchange. Or was this the last step? Nope! I tested the web page in Internet Explorer, Firefox, and Netscape to be sure that the web page would display properly in at least Financing a Small Business with Little or No Capital Online" -- the breakout opportunity, andStarting a business without any capital is a daunting task. How do you pay your staff? Where do you find money for stock? What can you do to improve cashflow? These are just some of the questions you'll face. Read on for a few ideas that helped me in my first year.Insist on Deposits (To Cover your Expenses)Deposits are a great way to finance your company without every approaching a bank or a venture capitalist.Especially in the service industry, it's very useful to ask for a percentage of a job as a deposit. I always make sure that this amount covers ALL of my hard costs and that it's paid before any work is done.Hard costs are costs that you definitely have to pay for the project. For example, your time isn't a hard cost but materials and contractors needed for the job are.In some cases, this isn't practical because it forms a large part of the entire purchase amount, but a small deposit in these instances could still prove very useful.Offer Monthly Payment Terms to Improve your CashflowCustomers always appreciate flexible payment terms, so offering different monthly payment options can help you get more accepted quotes as well as improve your cashflow.It's important if you decide to offer payment terms to set an effective debt-collection strategy in place. Mine is to simply get my bookkeeper to handle it. They're often asked to do this sort of thing and tend to be quite good at sending nasty, effective letters of demand.To cover the expenses of debt collection, it may prove useful for you to add 10% to the quote if a client requests payment terms. T I added a 5th component later: I added statement recommending the 5-star opportunity. The statement also included links to additional information. I used Illustrator to create the first four components. I then opened the Illustrator artwork with Photoshop CS2 and made separate graphics from each. I created the banner ad from the headline. Component 5 was created in Dreamweaver8 during the creation of the HTML web page, although I did do a mockup in Illustrator, first. There are many visual images on my web site showing how the five components were created. Adobe Illustrator makes working with text especially easy; so, I decided to use Illustrator to create the major textual and graphical elements. Starting with the headline, I opened Illustrator and added a new layer for "NUTS!" Each new element on the artboard was created in its own layer. Since "NUTS!" is such an important visual component of the project, the text had to be eye-catching--big, bold, and colorful. Placing the letters along a curved path would also help to catch the immediate attention of even a casual web surfer. I used Illustrator's Ellipse Tool to draw a curved path for the text. After drawing the path, I was ready to use the Type-on-a-Path Tool to place the text along the path: stroke and fill were disabled. From the Type/Font menu, I reviewed the available fonts and selected 36 pt Goudy Stout; and, using a red fill for the text, I typed the text along the curved path. I used the Selection Tool to position and rotate the text as I wanted. Using a ruler guide helps while positioning objects on the artboard. I created the quotation marks for "NUTS!" on a separate layer so I could place them around the text with non-standard positioning. After typing the first quotation mark, I duplicated it with a copy and paste. I transformed the duplicate into the right quotation mark with a vertical reflection. I roughly positioned the quotation marks using the Selection Tool and used the arrow keys to position them precisely. Next, I created the text for "BREAKOUT NOW!" "BREAKOUT NOW!" consisted of two components: the text and a graphical underline. For the text, I selected 36 pt Impact and filled it blue. I created the underline by simply drawing a thin, appropriately-sized rectangle with the Rectangle Tool and filling it with blue. In order to move the text and graphic as a block, I used the Selection Tool to select both and then used the Object/Group menu option to group them together. Using the Selection Tool, I moved both the breakout text and the underline into position next to "NUTS!" The combination of text and graphic gave the breakout part of the headline the appearance of a URL link: later, I would associate the entire headline with the URL of the targeted web page. I selected all five headline elements--right and left quotation marks, NUTS!, BREAKOUT NOW!, and the underline) and grouped them together so I could move the headline as a block. After grouping the elements, I placed a drop shadow under the headline in order to make it stand out even more (Effect/Stylize/Drop Shadow...). I protected my work on the headline by locking the layer. This is indicated by a small padlock on the headline layer in the Layers palette. Locking a layer prevents accidental alteration as the work continues. I created the sub headline using 18 pt Goudy Stout, filling the text black. I used the standard Type Tool for this and moved the text into place with the Selection Tool. The breakout opportunity, "Make Money Now Online," was created in a similar manner as the "BREAKOUT NOW!" of the headline. It consisted of text (36 pt verdana) and a graphical, rectangular underline. The text and underline graphic was placed into position using the Selection Tool. The 5-star graphic was created by first creating a pentagon to use as a guide for star placement. I created a new layer and used the Polygon Tool to make the pentagon--what other polygon could be more appropriate for this project? Next, I created a new layer, above the pentagon, for the stars. From the symbol palette, I opened the symbol library and selected a star from the 3D Symbols palette and dragged it onto the artboard. After applying a drop shadow to one star (Effect/Stylize/Drop Shadow...), I copied/pasted the star four more times onto the star layer. Using the pentagon on the layer below as a guide, I positioned the stars. Again, I used the arrow keys for precise positioning. I selected all of the stars with the Selection Tool and grouped them from the Object/Group menu. This grouping allowed me to move the stars as a block in order to place them below the breakout text. At this point, the major elements of the design were complete. In order to visualize what the component-5 text would look line in a web page, I added mockup text. I saved the project as nuts.ai. The remaining work on the graphic design was done in Photoshop CS2. I opened the nuts.ai file in Photoshop and immediately saved the file as nuts.psd. After duplicating the background layer, I turned the layer off and continued working from the copy. I renamed the duplicate layer as "nuts." The design elements appeared on the layer with a transparent background. Starting with the headline, I cropped each element using Photoshop's Crop Tool. I saved each crop using the File/Save for Web... menu option. Because of the drop shadow in the headline and stars graphics, I saved these two elements with the same cream-colored background I would be using for the web page. This insured that the graphics would seamlessly blend with the web page background. It was not necessary to worry about the size of the crop: I cropped each element so as to leave a little bit of the background around the edges. In order to achieve the smallest file sizes for the graphics, I saved the graphics as PNG-8 files. During the save process, I adjusted the bit depth of each graphic for the smallest file size while maintaining good image quality. Photoshop's Save-for-the-Web utility is great for visually optimizing graphics for the web. For the web page, I had the following files:
I was confident the graphics would load quickly in a web browser because of their small file sizes. Why did I use graphics for text? I wanted to make sure that the layout would be viewed--with the same fonts and font styles--exactly as I designed it. For the banner ad, and before leaving Photoshop, I first saved the file as banner.psd. At all times, it is important to preserve source files and to work on copies or renamed files. I added a new background layer and filled it with an eye-catching yellow. From the layers-palette menu, I selected "Flatten Image" to merge the layers. I then cropped the headline to a 468x68-pixel banner using the Crop Tool. I cropped the headline so as to leave a good bit of yellow background around the text. When the crop was finally executed, the banner resized automatically to the dimensions I had entered into the tool's width and height fields. There are a couple of tricks that make precise crop selections easier. While holding down both the left mouse button and the space bar, the mouse can be used to move the crop selection into position. After the crop selection has been made, but before the selection is applied, the arrow keys can be used to nudge the crop selection precisely where desired. After flattening and cropping the banner, only one layer, the background layer, remained in the Layers palette. The special styles I wanted to apply to the banner cannot be done on the background layer, so I duplicated the layer. I could then apply additional layer styles to the banner. I renamed the duplicate layer as banner. Double clicking on the banner-layer thumbnail gave me access to the Layer Style dialog. I selected "Bevel and Emboss" from the Styles options. Clicking on "Bevel and Emboss" from among the available style options brought up another dialog box with a multitude of adjustments that I could apply to the bevel I wanted to use. After setting the adjustments, I applied the bevel to the banner. As a final touch, and also from the Layer Style dialog, I selected the "Stroke" option and applied a 1-pixel stroke (border) around the banner. This can be important because parts of the bevel can get lost in the background. I selected the color for the stroke from a sample taken from the bevel itself. After working through the design phase of the project, I found finishing the web page was easy. I used Dreamweaver 8 to create the HTML code necessary to insert and position the graphics. I also assigned the target URL to the headline and breakout-opportunity graphics. At this time, I coded the text and HTML for component 5. Aside from typing in the text, the coding consisted of assigning links to the anchor text. The last step was to upload the web page to the web site and the banner to the traffic exchange. Or was this the last step? Nope! I tested the web page in Internet Explorer, Firefox, and Netscape to be sure that the web page would display properly in at leas Double Your Income Automatically ply drawing a thin, appropriately-sized rectangle with the Rectangle Tool and filling it with blue. In order to move the text and graphic as a block, I used the Selection Tool to select both and then used the Object/Group menu option to group them together.It is a common known fact that it is far cheaper to keep an existing customer then it is to acquire a new customer. With this fact in mind you need to do everything possible to keep your existing customers happy and find complimentary products to offer your existing customers.If you are a Mortgage professional why not offer your clients mortgage life insurance as well? Many of today's home buyers depend on the income of both spouses to pay the Mortgage. By offering Mortgage life insurance you are helping to fill a need, You have already built up their trust by getting their mortgage business why not offer them Life Insurance as well.If you are a Real Estate agent most of your customers already trust you with the biggest investment they will ever make their houses. Why not offer them investment products? Many real estate agents are the ones chasing down the lenders and pushing those Mortgages thru. In many states it is perfectly legal to earn a commission on a home sale or purchase and the Mortgage that goes with it as long as you file the proper disclosures.We have a business here in town that offers to help new homeowners get set up with Phone service, Cable or Satellite TV Service, High Speed Internet, Alarm service and trash service. Many of these companies will pay you either a one time commission or better yet a monthly residual for referring them clients. Why not offer to help your Home Buying Clients a service by giving them a packet with information about the different Phone Companies, Cable and Satellite companies, Alarm companies and then offer to help them with the leg work after they de Using the Selection Tool, I moved both the breakout text and the underline into position next to "NUTS!" The combination of text and graphic gave the breakout part of the headline the appearance of a URL link: later, I would associate the entire headline with the URL of the targeted web page. I selected all five headline elements--right and left quotation marks, NUTS!, BREAKOUT NOW!, and the underline) and grouped them together so I could move the headline as a block. After grouping the elements, I placed a drop shadow under the headline in order to make it stand out even more (Effect/Stylize/Drop Shadow...). I protected my work on the headline by locking the layer. This is indicated by a small padlock on the headline layer in the Layers palette. Locking a layer prevents accidental alteration as the work continues. I created the sub headline using 18 pt Goudy Stout, filling the text black. I used the standard Type Tool for this and moved the text into place with the Selection Tool. The breakout opportunity, "Make Money Now Online," was created in a similar manner as the "BREAKOUT NOW!" of the headline. It consisted of text (36 pt verdana) and a graphical, rectangular underline. The text and underline graphic was placed into position using the Selection Tool. The 5-star graphic was created by first creating a pentagon to use as a guide for star placement. I created a new layer and used the Polygon Tool to make the pentagon--what other polygon could be more appropriate for this project? Next, I created a new layer, above the pentagon, for the stars. From the symbol palette, I opened the symbol library and selected a star from the 3D Symbols palette and dragged it onto the artboard. After applying a drop shadow to one star (Effect/Stylize/Drop Shadow...), I copied/pasted the star four more times onto the star layer. Using the pentagon on the layer below as a guide, I positioned the stars. Again, I used the arrow keys for precise positioning. I selected all of the stars with the Selection Tool and grouped them from the Object/Group menu. This grouping allowed me to move the stars as a block in order to place them below the breakout text. At this point, the major elements of the design were complete. In order to visualize what the component-5 text would look line in a web page, I added mockup text. I saved the project as nuts.ai. The remaining work on the graphic design was done in Photoshop CS2. I opened the nuts.ai file in Photoshop and immediately saved the file as nuts.psd. After duplicating the background layer, I turned the layer off and continued working from the copy. I renamed the duplicate layer as "nuts." The design elements appeared on the layer with a transparent background. Starting with the headline, I cropped each element using Photoshop's Crop Tool. I saved each crop using the File/Save for Web... menu option. Because of the drop shadow in the headline and stars graphics, I saved these two elements with the same cream-colored background I would be using for the web page. This insured that the graphics would seamlessly blend with the web page background. It was not necessary to worry about the size of the crop: I cropped each element so as to leave a little bit of the background around the edges. In order to achieve the smallest file sizes for the graphics, I saved the graphics as PNG-8 files. During the save process, I adjusted the bit depth of each graphic for the smallest file size while maintaining good image quality. Photoshop's Save-for-the-Web utility is great for visually optimizing graphics for the web. For the web page, I had the following files:
I was confident the graphics would load quickly in a web browser because of their small file sizes. Why did I use graphics for text? I wanted to make sure that the layout would be viewed--with the same fonts and font styles--exactly as I designed it. For the banner ad, and before leaving Photoshop, I first saved the file as banner.psd. At all times, it is important to preserve source files and to work on copies or renamed files. I added a new background layer and filled it with an eye-catching yellow. From the layers-palette menu, I selected "Flatten Image" to merge the layers. I then cropped the headline to a 468x68-pixel banner using the Crop Tool. I cropped the headline so as to leave a good bit of yellow background around the text. When the crop was finally executed, the banner resized automatically to the dimensions I had entered into the tool's width and height fields. There are a couple of tricks that make precise crop selections easier. While holding down both the left mouse button and the space bar, the mouse can be used to move the crop selection into position. After the crop selection has been made, but before the selection is applied, the arrow keys can be used to nudge the crop selection precisely where desired. After flattening and cropping the banner, only one layer, the background layer, remained in the Layers palette. The special styles I wanted to apply to the banner cannot be done on the background layer, so I duplicated the layer. I could then apply additional layer styles to the banner. I renamed the duplicate layer as banner. Double clicking on the banner-layer thumbnail gave me access to the Layer Style dialog. I selected "Bevel and Emboss" from the Styles options. Clicking on "Bevel and Emboss" from among the available style options brought up another dialog box with a multitude of adjustments that I could apply to the bevel I wanted to use. After setting the adjustments, I applied the bevel to the banner. As a final touch, and also from the Layer Style dialog, I selected the "Stroke" option and applied a 1-pixel stroke (border) around the banner. This can be important because parts of the bevel can get lost in the background. I selected the color for the stroke from a sample taken from the bevel itself. After working through the design phase of the project, I found finishing the web page was easy. I used Dreamweaver 8 to create the HTML code necessary to insert and position the graphics. I also assigned the target URL to the headline and breakout-opportunity graphics. At this time, I coded the text and HTML for component 5. Aside from typing in the text, the coding consisted of assigning links to the anchor text. The last step was to upload the web page to the web site and the banner to the traffic exchange. Or was this the last step? Nope! I tested the web page in Internet Explorer, Firefox, and Netscape to be sure that the web page would display properly in at leas Financial Business Opportunities allowed me to move the stars as a block in order to place them below the breakout text.Are you a financial wiz? Are you good at accounting and numbers? Great at accumulating and saving the money you’re currently making by working for someone else? You may have what it takes to make it in the financial world with today’s financial business opportunities.If you want to get started working for yourself in the financial field, check out the latest business opportunity leads. Many of these opportunities can be found on the Internet. There are so many resourceful sites dedicated to future entrepreneurs and startup businesses looking to create their self-made wealth. Many of these opportunities and ideas are geared specifically to the financial services sector. Begin by looking for these types of sites and you’re sure to find these types of business opportunity leads in no time. You can start your own financial business and in turn create your own financially successful future.If you’re savvy enough, you can build a lucrative business by offering mortgages, loans, and other types of financial services. Maybe you’ve played around in the stock market and have had enough personal financial success that you can offer your own investment advice. Some of the latest business opportunity leads even involve becoming a high priced accountant or overhead reduction specialist. If companies see your dedication and talent and know you can offer them cost reduction techniques that will make them more money, you’re sure to begin accumulating your own wealth. There are so many other financial busin At this point, the major elements of the design were complete. In order to visualize what the component-5 text would look line in a web page, I added mockup text. I saved the project as nuts.ai. The remaining work on the graphic design was done in Photoshop CS2. I opened the nuts.ai file in Photoshop and immediately saved the file as nuts.psd. After duplicating the background layer, I turned the layer off and continued working from the copy. I renamed the duplicate layer as "nuts." The design elements appeared on the layer with a transparent background. Starting with the headline, I cropped each element using Photoshop's Crop Tool. I saved each crop using the File/Save for Web... menu option. Because of the drop shadow in the headline and stars graphics, I saved these two elements with the same cream-colored background I would be using for the web page. This insured that the graphics would seamlessly blend with the web page background. It was not necessary to worry about the size of the crop: I cropped each element so as to leave a little bit of the background around the edges. In order to achieve the smallest file sizes for the graphics, I saved the graphics as PNG-8 files. During the save process, I adjusted the bit depth of each graphic for the smallest file size while maintaining good image quality. Photoshop's Save-for-the-Web utility is great for visually optimizing graphics for the web. For the web page, I had the following files:
I was confident the graphics would load quickly in a web browser because of their small file sizes. Why did I use graphics for text? I wanted to make sure that the layout would be viewed--with the same fonts and font styles--exactly as I designed it. For the banner ad, and before leaving Photoshop, I first saved the file as banner.psd. At all times, it is important to preserve source files and to work on copies or renamed files. I added a new background layer and filled it with an eye-catching yellow. From the layers-palette menu, I selected "Flatten Image" to merge the layers. I then cropped the headline to a 468x68-pixel banner using the Crop Tool. I cropped the headline so as to leave a good bit of yellow background around the text. When the crop was finally executed, the banner resized automatically to the dimensions I had entered into the tool's width and height fields. There are a couple of tricks that make precise crop selections easier. While holding down both the left mouse button and the space bar, the mouse can be used to move the crop selection into position. After the crop selection has been made, but before the selection is applied, the arrow keys can be used to nudge the crop selection precisely where desired. After flattening and cropping the banner, only one layer, the background layer, remained in the Layers palette. The special styles I wanted to apply to the banner cannot be done on the background layer, so I duplicated the layer. I could then apply additional layer styles to the banner. I renamed the duplicate layer as banner. Double clicking on the banner-layer thumbnail gave me access to the Layer Style dialog. I selected "Bevel and Emboss" from the Styles options. Clicking on "Bevel and Emboss" from among the available style options brought up another dialog box with a multitude of adjustments that I could apply to the bevel I wanted to use. After setting the adjustments, I applied the bevel to the banner. As a final touch, and also from the Layer Style dialog, I selected the "Stroke" option and applied a 1-pixel stroke (border) around the banner. This can be important because parts of the bevel can get lost in the background. I selected the color for the stroke from a sample taken from the bevel itself. After working through the design phase of the project, I found finishing the web page was easy. I used Dreamweaver 8 to create the HTML code necessary to insert and position the graphics. I also assigned the target URL to the headline and breakout-opportunity graphics. At this time, I coded the text and HTML for component 5. Aside from typing in the text, the coding consisted of assigning links to the anchor text. The last step was to upload the web page to the web site and the banner to the traffic exchange. Or was this the last step? Nope! I tested the web page in Internet Explorer, Firefox, and Netscape to be sure that the web page would display properly in at leas Fall In Love With Learning How To Carry And Use Your Marbles At All Times! cropped the headline to a 468x68-pixel banner using the Crop Tool. I cropped the headline so as to leave a good bit of yellow background around the text. When the crop was finally executed, the banner resized automatically to the dimensions I had entered into the tool's width and height fields.You must become a business developer! Fall in love with learning how to carry and use your marbles at all times! Children under eleven years old ask first, then they tell because they are cute. Twelve years and older are not cute anymore. Now you have to give someone a reason first, then ask. Your tell & ask should not be more than 30 seconds. A TV commercial is 30 seconds. The Challenge is to use your imagination and give them a reason to give you what you want. The best tellers are the best sellers. You can always improve on, your tell, your reason.Carry three marbles at all times. The marbles remind you to A-s-k and you shall receive most of the time. Before you ask, (give) tell them a reason you should get what you want to serve humanity with humility. Telling is not selling; asking for what you really want is selling.90% of what you want, you must tell & ask one to three people. 10% of what you want, you must tell & ask four to 500 people. Because is a reason. Please is also a reason.In your tell and ask, you must establish 1. Friendliness. 2. Know that you are practicing your tell & ask. Doctors practice, Lawyers practice etc. 3. Prove that you are not afraid to tell & ask everyone and anyone on the planet. The response to your request will be. Yes= 1. Yes- or 2. Tell me more No = 1. I’m Too Busy, 2. It’s Too expensive, too much trouble, (both or the same issue.) 3. I want to think about it If yes is a promise. No is also a promise, not a rejection. Every time you do not ask, the answ There are a couple of tricks that make precise crop selections easier. While holding down both the left mouse button and the space bar, the mouse can be used to move the crop selection into position. After the crop selection has been made, but before the selection is applied, the arrow keys can be used to nudge the crop selection precisely where desired. After flattening and cropping the banner, only one layer, the background layer, remained in the Layers palette. The special styles I wanted to apply to the banner cannot be done on the background layer, so I duplicated the layer. I could then apply additional layer styles to the banner. I renamed the duplicate layer as banner. Double clicking on the banner-layer thumbnail gave me access to the Layer Style dialog. I selected "Bevel and Emboss" from the Styles options. Clicking on "Bevel and Emboss" from among the available style options brought up another dialog box with a multitude of adjustments that I could apply to the bevel I wanted to use. After setting the adjustments, I applied the bevel to the banner. As a final touch, and also from the Layer Style dialog, I selected the "Stroke" option and applied a 1-pixel stroke (border) around the banner. This can be important because parts of the bevel can get lost in the background. I selected the color for the stroke from a sample taken from the bevel itself. After working through the design phase of the project, I found finishing the web page was easy. I used Dreamweaver 8 to create the HTML code necessary to insert and position the graphics. I also assigned the target URL to the headline and breakout-opportunity graphics. At this time, I coded the text and HTML for component 5. Aside from typing in the text, the coding consisted of assigning links to the anchor text. The last step was to upload the web page to the web site and the banner to the traffic exchange. Or was this the last step? Nope! I tested the web page in Internet Explorer, Firefox, and Netscape to be sure that the web page would display properly in at least these three browsers.As I coded the web page in Dreamweaver 8, I often checked the code by using the "Preview/Debug in browser" feature. So, the uploaded page looked right and worked right. In the end, "NUTS!" is a very simple and direct web page. It conveys the sales message in such a way that even a casual web surfer can absorb it at a glance and click through to the targeted web page to buy or to get additional information. Likewise, the banner stands out from the crowd to surfers on a busy traffic exchange. For a little R&R after launching the marketing campaign, I re-opened nuts.ai in Illustrator. I created a new background layer and filled it with a colorful gradient, using the Gradient Tool. From the Stroke palette, I created a 9-pixel "frame" around the artwork with a black, Miter-Join stroke. I exported the file as nuts.tif and printed the file onto Velvet Fine Art Paper. Web pages like the "NUTS!" web page can make eye-catching posters. Copyright © 2007 Royce Tivel
HTTP = HTML link (for blogs, profiles,phorums):
Related Articles:Questionable Practices and Greed in Incentivized Marketing Communications Analysis: Real-Time
|