Browsing Tag »create

How to Create an Ad with Rollover Effect

May 12th , 2011 → 2:49 pm @

Copyright © 2011 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/yorgo-nestoridis/how-to-create-an-ad-with-rollover-effect/.Add Rollover Effects to your Ads The principle is simple: the ad consists of a styled link, the style consisting of positioning a background image with a rollover effect when the mouse passes over the image (hover). When clicking on the image the target page opens. A few years ago the rollover effect could only be achieved using JavaScript. The same effect can now be achieved using CSS and namely the pseudo-class :hover. 1. Create your Image The rollover effect can be achieved using two separate small images which alternatively load as a background or by creating one big image containing multiple small images and by shifting the background position. (CSS Sprite). For the purpose of this exercise we will use the CSS Sprite version. The example shows the rollover effect as used on the homepage. For our image we need the normal view as well as the hover view of the ad united on one image created in Photoshop: the image here below is 250 pixels wide and 250 pixels high. In stead of creating two images we create only one and leave a vertical space between the two [...]

Related posts:

  1. Create 125 x 125 pixels Ads
  2. How to create a Favicon with Photoshop
  3. Simple Sprites Menu
  4. Create a Favicon with Photoshop
  5. Create Apple Touch Icons and Startup Images

Category : Yorgo Nestoridis

How to create a Favicon with Photoshop

March 9th , 2011 → 2:40 pm @

Copyright © 2011 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/yorgo-nestoridis-development/semiomantics/how-to-create-a-favicon-with-photoshop/.Create .ICO Files (Favicons) with Photoshop The favicon or icon is part of the customization of a website. The favicons show namely in the browser tabs. Nowadays most browsers will also show .gif and .png icons; the .ico format is preferred by Internet Explorer. A quick and easy way to create a Favicon is by using the online tool put at disposal by favicon.com. A better result can be achieved by editing the favicon in Photoshop; however Photoshop does not support the .ICO format in its native version. A plug-in can remedy. Download and install the Plug-in To start with, download the free Plug-in from Telegraphics. Paste the plug-in file (ICOFormat.8bi, or ICOFormat64.8bi for the 64 bit version) in your Photoshop: …Program Files/Adobe/Photoshop/Plug-ins/File Formats. re-start Photoshop. Parameters you must respect The .ico file format will only be available in Photoshop if you respect the following: Maximum file size 256 x 256 pixels RGB, Bitmap, gray-scale or Indexed mode Maximum 8 bits per channel To save an image as .ico, use “save as” and select from the drop-down the ICO format. How to Create an Icon or Favicon in Photoshop Favicons [...]

Related posts:

  1. Create a Favicon with Photoshop
  2. Create Apple Touch Icons and Startup Images
  3. Semiomantics Shop for WordPress
  4. Create Buttons with Photoshop
  5. Logo Design with Photoshop

Category : Yorgo Nestoridis

Create Apple Touch Icons and Startup Images

February 1st , 2011 → 9:07 pm @

Copyright © 2011 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/design/create-apple-touch-icons-and-startup-images/.Get touchy on Apple Tonight’s call will focus on two simple identifiers which are useful on mobile devices, namely on Apple devices such as the iPhone, iPod and iPad. Apple Touch Icons Apple Touch Icons are identifiers for your web page or application which can [...]Related posts:

  1. Apple Peel for WordPress
  2. Apple Look for XO 2011
  3. Create a Favicon with Photoshop
  4. Create 125 x 125 pixels Ads
  5. 4 Web Design Tips for Mobile Websites

Category : Yorgo Nestoridis

Create Apple Touch Icons and Startup Images

February 1st , 2011 → 9:07 pm @

Copyright © 2011 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/design/create-apple-touch-icons-and-startup-images/.Get touchy on Apple Tonight’s call will focus on two simple identifiers which are useful on mobile devices, namely on Apple devices such as the iPhone, iPod and iPad. Apple Touch Icons Apple Touch Icons are identifiers for your web page or application which can [...]Related posts:

  1. Apple Peel for WordPress
  2. Apple Look for XO 2011
  3. Create a Favicon with Photoshop
  4. Create 125 x 125 pixels Ads
  5. 4 Web Design Tips for Mobile Websites

Category : Yorgo Nestoridis

Create Buttons with Photoshop

January 14th , 2011 → 10:52 am @

Copyright © 2011 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/web-design/create-butrtons-with-photoshop/.Free Button to Download Our last two Photoshop workshops dealt with buttons. Creating buttons allows us to have a closer look at blending options as well to start working with vector masks. Here is a sample of last night’s work: As you can see, the [...]Related posts:

  1. Create a Favicon with Photoshop
  2. Watermark and Copyright with Photoshop CS4
  3. Resizing Pictures in Photoshop
  4. Book covers and Jewel Cases with Photoshop
  5. Create your First Flash Document

Category : Yorgo Nestoridis

Create your animated 3DLogo tonight

March 12th , 2010 → 3:50 pm @

Copyright © 2010 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/design/create-your-animated-3dlogo-tonight/.
Contents
[ hide ]

1 Create Your animated 3D Logo Tonight

Create Your animated 3D Logo Tonight
Let’s have some fun tonight at our relaxed Friday session: create your 3D Logo and make it spin!
For tonight’s participants we have a great logo creator in store which you …

Category : Vouliagmeni / Yorgo Nestoridis

Create a Favicon with Photoshop

February 15th , 2010 → 4:30 pm @

Copyright © 2010 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/yorgo-nestoridis-development/ycademy/create-a-favicon-with-photoshop/.
Contents
[ hide ]

1
1.1 Create your Favicon

Create a Favicon with Photoshop
While you are working on your image or brand, you may want to create your custom favicon which will display in your visitors browser tabs as a small image.
Here is how to create …

Category : Vouliagmeni / Yorgo Nestoridis