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/yorgo-nestoridis-development/wordpress-yorgo-nestoridis-development/semiomantics-shop-forwordpress/.Customization : Icons and Graphics Theme and skin specific graphics are contained in the two respective image folders, one in the theme root and the other in the skins folder. The Home Icon The Home icon, visible in the first tab of the navigation bar is of particular interest as the image can be customized for branding purposes. Apple puts its logo there … The image is called ‘home.png’ and measures 21 x 34 pixels containing two home icons of different coloration to achieve the hover effect. You may download a free PSD file containing the original image and some variations; click on the image below. Customize the Home Icon To change the design all together,just create anew image in Photoshop. Use a 21 x 34 pixels transparent background Place your Logo into the top half Duplicate the logo layer and position it in the lower half. Select the lower icon and tint it darker (for the hover effect). Save as transparent .png and replace home.png in your skin image folder Other Sample: Semiomantics eShop Theme for WordPress This ismage measures 30 x 60 pixels and requires and adjustment of [...]
Related posts:Semiomantics eShop for WordPress
WordPress Shop Version 3 by Semiomantics
Transparent WordPress Semiomantics XO
Mobile WordPress and Shop
Best WP Shop Custom Design
Copyright © 2011 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/web-design/logo-design-with-photoshop/.How to design a simple Logo with Photoshop After a rich Seminar, let’s relax with a simple Logo design at tonight’s call. The exercise will consist in using custom shapes, fonts and styles from Photoshop according to the below samples: Semiomantics Logo A colored version: [...]Related posts:Logo Design Study for Zo Nicholas3D Text with PhotoshopCreate Buttons with PhotoshopHow to use Displacement Masks in Photoshop3D Photoshop Exercise
Copyright © 2010 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/yorgo-nestoridis-development/ycademy/build-your-flash-website-step-2/.
Contents
[ hide ]
1 Build your Flash Website Step 2
1.1 The Menu – the Site Structure
1.2 Basic Customization – Branding and Look
Build your Flash Website Step 2
After yesterday’s definition of the project, we will move a step further today and implement basic customization. This ...
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/design/create-your-3d-logo/.
Contents
[ hide ]
1 Create your 3D Logo
Create your 3D Logo
Ever wanted to create your own 3D logo? And get one of these Hollywood looks or glow like on Broadway?
Well, it’s possible!
A bit of color, a nice font, a bit of bevel, some light ...
Copyright © 2010 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/culture/logo-design-study-for-zo-nicholas/.
Contents
[ hide ]
1 Logo Design Study for Zo Nicholas
Logo Design Study for Zo Nicholas
Here below some images from a first logo design session with Zo Nicholas; the purpose is to create a logo which can be applied online as well as on printed ...
Yorgo Nestoridis Design Brand Header
The site header is an important branding element. Logo, font and colors, eventually other visual elements are used to build a positive, recognizable image.
Yorgo Nestoridis Brand
A name can be a brand and if Yorgo Nestoridis wants to be a brand label, then that brand needs to be defined. What is Yorgo [...]
Graphic Design
This section will deal with Graphic Design related topics.
Look out for more.
March 9, 2011
2