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:Create 125 x 125 pixels Ads
How to create a Favicon with Photoshop
Simple Sprites Menu
Create a Favicon with Photoshop
Create Apple Touch Icons and Startup Images
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:Create a Favicon with Photoshop
Create Apple Touch Icons and Startup Images
Semiomantics Shop for WordPress
Create Buttons with Photoshop
Logo Design with Photoshop
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:Apple Peel for WordPressApple Look for XO 2011Create a Favicon with PhotoshopCreate 125 x 125 pixels Ads4 Web Design Tips for Mobile Websites
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:Create a Favicon with PhotoshopWatermark and Copyright with Photoshop CS4Resizing Pictures in PhotoshopBook covers and Jewel Cases with PhotoshopCreate your First Flash Document
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 ...
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 ...
By Yorgo Nestoridis
Contents
[ hide ]
1 Windows 7 Training by Ycademy
1.1 Windows 7 Walk Through
1.2 Create a Windows 7 Boot Disc
1.3 Explore the new Windows Live Movie Maker
Windows 7 Training by Ycademy
Tonight’s Ycademy Web Master Training will deal with Windows 7 Tips and Tricks. We will start with a basic walk through to present [...]
by Yorgo Nestoridis
Contents
[ hide ]
1 How to use the Color Tool
1.1 Using the Color Tool
1.2 Selecting the Base Color
1.3 Setting Color Variations
1.4 Color Schemes
1.5 Other functions
1.6 More about this Topic
How to use the Color Tool
Selecting a color scheme is a delicate affair. To help with the choice and to associate color tones which [...]
by Yorgo Nestoridis
Contents
[ hide ]
1 What is CSS
1.1 CSS and HTML
1.2 How to start creating a Style Sheet
1.3 Example
1.4 Write your Style Sheet
1.5 How to create a separate style-sheet file
1.6 More about this Topic
What is CSS
CSS or Cascading Style Sheets are declarations which allow to define the look and feel of a website. [...]
By Yorgo Nestoridis
How to create an Ad for Sneakers and Kicks
Creating an Ad has to do with a product to advertise, a market to reach and to communicate with, an idea and some pictures. This post will deal with the treatment of images for advertising and we use as an example Ads created for Custom [...]
May 12, 2011
0