Feed me ! Way cool Rss feed icon Tutorial.

3 07 2007

The next tutorial….

feed me 2.1

In my next tutorial I will show how to make this sweet Rss feed icon. Vista style.
I will also give the PSD so you can use it on your blog or site if you like.

With G-ds help - The tutorial should be up in about a week.

As mentioned before we have moved to a new DOMAIN! so the tutorials will all be there.
http://www.PhotoshopCandy.com

Looking forward.




Glossy Button Video Tutorial and PSD

14 12 2006

Hey there everyone - I have been quite busy and havent had much time to be creative.. I hope no one suspected that I gave up my blog. Anyways, in this tutorial I will teach you how to create/design a nice sleek glossy button  using PHOTOSHOP!! The final image will look something like this:

Why do I say “something like this” That is because in this tutorial I use a different font and dont do the gradient in the background. To view the video tutorial you can go by clicking here.  And when you are done, feel free to go here and pick up the PSD with layers intact. 

P.S. I have to say that I think the colors in the video came out a little too bright which was not my intention …sorry guys.




3D cube with light rays effect - video tutorial.

21 11 2006

This video tutorial will teach you how to create a 3D box with rays of light coming in from a distance. Now here is an image of the final product - or at least close to it.

The tutorial was saved in AVI format - in a zip file - and you must download it before viewing - I am looking into different streaming options . Also the file is very heavy - but worth the wait( if your computer is really slow). If anyone knows a good video compressor - feel free to let me know, I can use it.  I hope you all enjoy and learn something from it. CLICK TO GO GET IT!  You can also download the psd on that same page. Any questions? just comment and I will try to answer.




Photoshopit video tutorials.

19 11 2006

Hi everyone, Thanks for waiting. I havent added any new tutorials for a while now - Dont worry though some great FREE VIDEO tutorials are on the way. I will be making short and to the point photoshop  video tutorials which you will be able to download and watch at your own convenience.  Taking you step by step from A to Z. Thanks for your patience - You can expect something hopefully tomorrow.




Sleek and Spicy website header Tutorial - “Web 2.0 Style”

3 10 2006

GOOD NEWS! WE MOVED TO A NEW DOMAIN - TO VIEW THIS SAME POST GO TO:
PhotoshopCandy.com

In this tutorial I am going to teach you how to make a nice sleek looking mockup for a website header.
It should look like this: Click here.

  • We start by opening a new document (Ctrl+N) (Cmnd+N - Note for mac users - Replace the CTRL with Command) Dimensions 800px width X 120px Height - Background color set as white for now. OK
  • On the background layer go choose black as your color and than go select the paint bucket tool- than click on your stage to fill the bg with black.
  • Create a new layer above the bg(background) layer and name it “pattern”. While the pattern layer selected go select paint bucket tool and then go up to the top of the screen to the properties panel and select PATTERN instead of FOREGROUND.

select pattern

Select the thick pin stripes pattern.

select

  • In order to have the pin stripes pattern in your pattern library - you first must create one. Keep this document open and go open a new document (CTRL+N) and create something like this

Pattern
make sure you delete the background layer to be a transparent background. and not white. Than go to edit>Define pattern>give it a name “thickpin” and click ok.

  • You will now be able to close that doc. and go back to your oringinal document and select that pattern from the pattern library. You should have the paint bucket selected so just click the stage to fill it with the pattern.
  • Go select the pattern layer and double click it to open blending options. (if it doesnt open it for you than keep on clicking you will get it - make sure you are not clicking on the text - that wont work) - now select color overlay and choose a nice blueish color like I did #005777. and click OK. You should now see this:
  • Now double click on the magnifying glass so you will see the image at 100% this is always good. And drag open the surrounding window around your stage - you should be able to see a gray color of the document around all sides of the current header. This is going to help you for the next step.
  • Create a new layer and name it “gradient black” select that layer and go select the gradient tool and bring it back to the stage. place it inside the gray section below your header and hold on shift (this keeps it straight) and drag your cursor upwards all the way to the top of your header. now release. you should have this:
  • Create a new layer above that and name it “hr”(stands for horizontal Rule) Go to the color pallete and choose a nice yellow color #e0ff36 . Now select the square tool and drag out a nice line at the bottom of your header.
    You should see this on your stage and this in your layer panel.
  • Now go to the layers pallete and select the “pattern “layer - now hold down on shift and select the “hr” layer - you will see now that all three layers are selected. (This selection trick is a great new feature in cs2 - just how folders work on your pc or mac.) Now with all 3 layers selected go to the top right corner of your layers pallete and click on the triangle and it will drop a menu down

    - go select “new group from layers” now name it ” Backgrounds” and click ok.
  • Now your backround layers are in that nice little folder

    so they wont confuse you the rest of the way. To be smart - while the folder is selected , you can even click on the lock symbol at the top of the layers pallete in order to lock the folder so they wont be opened - even by mistake. Originization is very important - ALWAYS NAME YOUR LAYERS and USE FOLDERS! Read the rest of this entry »