When a new potential customer is requesting a trial demo, an few appropriate logos needs to be created. These logos will be used in the application background, as well as on the reports.

You can try your best to obtain existing logos from the customers website. The main logo on the website might be too small for the watermark of 366 x 226, so make sure you find a suitable logo:

  • Use the printscreen feature if the website is blocking downloads
  • Use your favorite screen grabber application
  • Look for publications with their logo
  • Do an image search with Google, and search for the larger images

The following files with their correct ratio need to be generated.

  1. Logo100x58.gif - Ratio 1.7241
  2. Logo100trans2.gif - Same as above, with different name
  3. Logo185x70.gif - Ratio 2.6429
  4. Logo243x92.gif - Ratio 2.6413
  5. LogoWaterMark366X226.gif - Ratio 1.3759

Create the files in Photoshop Elements

First calculate the ratio for your image, for example an image of 3067 by 1634 has a ratio of 3067/1634 = 1.877. When the ratio of your image is smaller than the ratio of the picture you need to create, you first adjust it vertically, when it is larger, you first adjust it horizontally with the next to be explained 'Image resize' option.

The non water mark files are ease to create in Photoshop Elements. Take the following steps:

  1. Image -> Resize -> Image size (either horizontal or vertical, depending on the ratio)
  2. When the canvas is resized at the next step, the new created area needs to become white: make sure that the back ground color is set to white.
  3. Image -> Resize -> Canvas size (when the image size at step 1 was decreased horizontally, you need to increase the canvas size vertically. When the image size at step 1 was decreated vertically, you need to increase the canvas size horizontally.)
  4. Save the file: File -> Save for Web (use 256 colors)
  5. Repeat step 1 to 4 for the other non watermark files

For the water mark take the followign steps:

  1. First resize the image to the watermark dimensions as described before
  2. Add gradient Layer: Layer - > New Adjustment Layer -> Gradient Map
  3. Edit the gradient map:
    1. Start color: EAEAED (This is the EazyWorks background color of the desktop)
    2. End color: Depends on the colors used in the logo, but try C1C1C1
    3. Hint: When you set those colors as background and foreground colors before you do step 2, those colors will be used for the gradient layer you create
  4. Now you can save the Watermark file

 

 Upload the files to the website

To upload the files take the following steps:

  1. RDP into the customer site
    1. administrator
    2. J.._
  2. Click the Websites icon on the desktop
  3. Go to: xxx.eazyworks.com -> App_Themes -> Normal -> Logo
  4. This folder should have default files, copy your files into this folder and make sure the other files are overwritten.

Now you are done, check the website. Click CTRL F5 if you don't see the logo's (some browser caches can be pretty persistent)