May
26
Filed Under (Web/Tech) by gimikera on 26-05-2005

In Photoshop you can achieve an excellent red eye reduction by doing the following few easy steps.

Adobe Photoshop tutorial

Here is our starting image. This girl has beautiful brown eyes. However
the flash of the camera made her look like a bunny.

Adobe Photoshop tutorial

Make a Channel mixer adjustment layer and set the Red channel to Red
0%, Green 50%, Blue 50%. Don’t get scared you’ll get a completely off
color image.

Adobe Photoshop tutorial

Now select the mask of the adjustment layer and fill it with black by
pressing Alt-Backspace. Now we have our bunny back. As the last step
select the paint brush and paint on the mask with white to reveal the
effect of the adjustment layer. Select the paint brush the size of the
red spot in the eye.

Adobe Photoshop tutorial

The final result is very natural and convincing.

From Ivan Raszl of CreativeBits

May
26
Filed Under (Uncategorized) by gimikera on 26-05-2005

I’ve borrowed a  backpack from my officemate Jayson and I’ve also gone shopping for stuff to bring this weekend. I bought Gatorade, Milo power bars, string beans and even chicken gravy for our fried chicken. We’re planning to have a full-course meal up there, complete with mushroom soup (with real button mushrooms) and dessert consisting of power bars. =)

May
26
Filed Under (Web/Tech) by gimikera on 26-05-2005

One of the many questions I have been asked over the years is how I
create simple web animations. The animations I am refering to are the
simple .gif animations that people see on my web banners and web
buttons. Most people that I have talked to and use Adobe Photoshop
never have really taken the time to find out the many millions of uses
the program has to offer. One of the programs that comes with Adobe
Photoshop is Adobe ImageReady. This program has been overlooked by the
majority of new users that are using Adobe Photoshop.

Adobe ImageReady is what I use when I create all my animated .gif
banners and buttons. I can easily convert my Photoshop file to
ImageReady in seconds, and back again if needed. The animation is
simple, once you get the hang of how to use layers in Adobe Photoshop.

I know there are other programs out there that do a good job at .gif
animation, but … why bother with those when I have what I need right
in front of me. With a few simple clicks, some time and imagination, I
end up with a great looking animated graphic banner.

All my buttons on my blog
are designed the same way. I use 108×15 pixels for my x-small banners
to fit for what I use on my blog. I know most sites use 80×15, but I go
up a few pixels to fit in more information. I create the button style
in Adobe Photoshop CS. Then after I have all my static layers I am
going to use in the animation sequences, I goto File >> Edit In
ImageReady. ImageReady opens up and places all my Photoshop layers the
same way you would see them in Adobe Photoshop. I then use the
Animation sequence window to make each frame and time setting. After I
complete the task of getting the animation right, I goto File >>
Save Optimized As and save to my desired location.

Remember
If you haven’t saved your work as an Adobe Photoshop file, just goto
File >> Save As >> and save as a .psd file. If you do not
save it as a .psd file and you click out of ImageReady, you will have
lost your work in going back and making any changes to that graphic in
Adobe Photoshop.

Posted by William Love

May
26
Filed Under (Uncategorized) by gimikera on 26-05-2005

Q. How many bloggers does it take to change a light bulb?

A.  One to change the light bulb and to post the fact that the light bulb has been changed

14 to share similar experiences of changing light bulbs and how the light bulb could have been changed differently

7 to caution about the dangers of changing light bulbs

27 to point out spelling/grammar errors in posts about changing light bulbs

41 to correct spelling/grammar flames

6 to argue over whether it’s "lightbulb" or "light bulb" …

Another 6 to condemn those 6 as anal-retentive

Two industry professionals to inform the group that the proper term is "lamp"

27 to post URL’s where one can see examples of different light bulbs

12 to post to the group that they will no longer post because they cannot handle the light bulb controversy

4 to suggest that posters request the light bulb FAQ

44 to ask what is a "FAQ"?

2 to post reasons why the light bulb burning out is the result of a government conspiracy.

4 to say "didn’t we cover this a few months ago?"

43 to say "do a Google search on light bulbs"

5 to say "thank you"

1 lurker to respond to the original post 6 months from now and start it all over again

May
26
Filed Under (Web/Tech) by gimikera on 26-05-2005

A Favicon is a little custom icon that appears next to a website’s URL
in the address bar of a web browser. And when I say little, I mean 16
pixels by 16 pixels. So if you like a good design challenge try your
hand at this one.

Adobe Photoshop tutorial - Favicon.ico — How To Create A Favicon In Photoshop All you need to add a Favicon to
your site is a Windows Icon (.ico) file called favicon.ico that you
upload to the main directory of your website.

Download The Plugin

You’ll need the Windows Icon (ICO) file format Photoshop Plugin to
export to the .ico file format. You can download the plugin from Telegraphics.
The plugin reads and writes ICO files in 1, 4 and 8-bit Indexed and
24-bit RGB modes, and also reads and writes 32-bit "XP" icons (with
8-bit alpha channel).

Let’s Begin
Because
16 x 16 is such a small canvas area, it can be very difficult to be
creative. So instead start your project with a canvas set at 64 x 64
(always use even multiples when you plan on resizing files). Do this by
selecting File>New, and opening a new canvas that is 64 x 64 pixels
in size.
Adobe Photoshop tutorial - Favicon.ico — How To Create A Favicon In Photoshop
The Design
If
you already have a logo you should reduce it to the 16 x 16 size to see
if it holds up. If it doesn’t look good at this size, work with the 64
x 64 canvas and try creating a simple design that incorporates colors
from your website’s palette.

When you’re ready to
test the design select Image>Image Size menu and enter 16 x 16.
Click on Resample Image and choose "Bicubic Sharper" from the drop-down
menu (CS only for this step). This is the best setting for making sure
that an image doesn’t blur as it’s being resized.

If
you feel the icon is not quite what you wanted, just keep tweaking it
until it is perfect. At this tiny size it can take a few tries before
you get it right.

Saving The Custom Icon
Adobe Photoshop tutorial - Favicon.ico — How To Create A Favicon In Photoshop
Go
to File>Save As and make sure you name the file favicon.ico. Under
Format you must choose Windows Icon (ICO) from the pulldown menu. This
format will only be available in Photoshop after you download and
install the plugin. In the next step you’ll need to upload this new
file to the root folder of your website, so it’s a good idea to
navigate and save it to that location on your hard drive now.

Uploading The Favicon.ico File

Connect to your server and upload your Favicon.ico file to your
website. You must place it into the same directory as your home (index)
page, and leave it loose, making sure not to put it in an images
directory or other folder.

Some
browsers will look for a direct link in the HTML source code to your
site’s favicon.ico file. You can help these browsers by adding this
link in the head section of each page on which you want the Favicon.ico
to appear.
Here is the link code to include: <link rel="Shortcut Icon" href="/favicon.ico">
Once you’ve added this code, upload all of your modified pages.

Testing

If your new Favicon does not show up right away, try refreshing the
page — or put a ‘?’ at the end of the url, which will trick a browser
into thinking the page is new and not cached.

Troubleshooting
Browser Issues:
Microsoft IE 6 for Windows will not display the favicon until the URL
has been added to the favorites, and Safari for the MAC will not
display an updated favicon until the browser cache has been cleared.
But choosing ‘empty cache’ from the menu won’t help because Safari
stores favicons in a separate cache. You must empty the icon cache
yourself. Look for it in User>Library>Safari>Icons.
File Format Not Available:
The Windows Icon (ICO) file format will not be available until you have
downloaded and installed the plugin, and then Quit and Restarted
Photoshop.

Inspiration

If you need some inspiration have a look through this nice collection of favicons. You might find something that triggers an idea for your own.


From Jennifer Apple of PhotoshopSupport.com