BioTecK.NET » Tips & Tricks: Design http://www.bioteck.net Tue, 16 Mar 2010 19:09:29 +0000 en hourly 1 How To Use “Actions” In Photoshop! http://www.bioteck.net/2009/07/10/how-to-use-actions-in-photoshop/ http://www.bioteck.net/2009/07/10/how-to-use-actions-in-photoshop/#comments Fri, 10 Jul 2009 05:10:36 +0000 BioTecK http://www.bioteck.net/?p=4058 Imagine the following situation: You have 500+ photos which you want to resize to a maximum height of 480px, save the picture in PSD format, save the picture for web, use the same image to resize it to 50px, canvas the image to 29px, save it again for web and close the picture without saving. Well, do you find your self repeating those steps again and again? :shock: Well, to be honest… I don’t! :wink:

As I’m working on the new webshop of JoicoEurope I needed to resize 500+ pictures twice, as mentioned above… One to get a larger picture which should have a maximum height of 480 px and the other one, 50×29 px, was meant to be used as a thumbnail.

So this is when the Action part in Photoshop comes in…. :wink: Actions can save you a lot of time and can increase productivity by automating repetitive tasks, yeah exactly like resizing images. :wink:   Action can also be used for reproducing techniques and creating special effects.  The only thing you have to do is “record” an action and “play” it the next time if you want to get the same results as the first time.

Want to know who you can record your own Actions in Photoshop, watch the video! :wink:

]]> http://www.bioteck.net/2009/07/10/how-to-use-actions-in-photoshop/feed/ 16 How To Create Rollovers In Photoshop CS3! http://www.bioteck.net/2008/11/08/how-to-create-rollovers-in-photoshop-cs3/ http://www.bioteck.net/2008/11/08/how-to-create-rollovers-in-photoshop-cs3/#comments Sat, 08 Nov 2008 07:41:12 +0000 BioTecK http://www.bioteck.net/?p=3861 Do you want to create rollover images for the navigation menu of your website but don’t know how to start? While browsing on YouTube I came across a very nice video tutorial which shows you how you create rollovers in Adobe Photoshop and later use it in Adobe Dreamweaver or any other html application.

In case you don’t know what rollover is; A rollover image is an image that changes to some other image when you rolls the mouse over it.

Anyway, watch the video and make your own rollovers! :wink:


]]> http://www.bioteck.net/2008/11/08/how-to-create-rollovers-in-photoshop-cs3/feed/ 14 Creating Silhouettes In Adobe Photoshop http://www.bioteck.net/2008/09/04/creating-silhouettes-in-adobe-photoshop/ http://www.bioteck.net/2008/09/04/creating-silhouettes-in-adobe-photoshop/#comments Thu, 04 Sep 2008 18:43:58 +0000 BioTecK http://www.bioteck.net/?p=3617 Do you want to create silhouettes but you don’t know how?? Well, I found this great video tutorial that teaches you how to create silhouettes of any image in Adobe Photoshop. Give it a try! :wink:


]]> http://www.bioteck.net/2008/09/04/creating-silhouettes-in-adobe-photoshop/feed/ 8 Listamatics – One List, Many Options http://www.bioteck.net/2008/08/03/listamatics-one-list-many-options/ http://www.bioteck.net/2008/08/03/listamatics-one-list-many-options/#comments Sun, 03 Aug 2008 20:46:10 +0000 BioTecK http://www.bioteck.net/?p=2456 Not long time ago I wrote a post about CSS navigation menu’s called: Create Your Own CSS Menu In 3 Steps. Having a CSS menu is on your website or blog can be necessarily. Why?

  1. It’s also easy for the visitors of your website/blog to navigate your website/blog. I mean imagine this: a visitor arrives on one of your post from Google and after he/she reads the post or finds what he is looking for he might want to look further and if you haven’t got a proper navigation menu he’ll probably leave your site quickly. So in order to prevent that from happening, it’s a good idea to have a navigation menu which is easy to find and easy to recognize.
    Therefore BioTecK.net has two navigation menu’s: one just below the header and one in  the sidebar.
  2. It’s easy to edit and modify.

Anyway, there are a lot of ways to get a navigation menu. You can make your own or you can use one of the menu’s on Listamatics.
How it works!? Very Easy!

  1. Ask your self the next question: “Do I want a vertical or a horizontal navigation menu!?”
  2. When you have answered that, go to Listamatics and see which navigation menu you like. When you click on a menu you’ll see also a demo of the menu.
  3. When you made your choice then you can start putting the codes on your website/blog and modify it when needed.
  4. That’s it! :smile:

Easy right!?

]]> http://www.bioteck.net/2008/08/03/listamatics-one-list-many-options/feed/ 5 Create Your Own CSS Menu In 3 Steps http://www.bioteck.net/2008/07/13/create-your-own-css-menu-in-3-steps/ http://www.bioteck.net/2008/07/13/create-your-own-css-menu-in-3-steps/#comments Sun, 13 Jul 2008 14:55:12 +0000 BioTecK http://www.bioteck.net/?p=2318 Some months ago while I was searching for the right CSS menu for my blog I came across List-O-Matic. List-O-Matic enables you to generate CSS-styled navigation menu’s in three very easy steps. First you have to choose how many links you want your menu to have and if you want to include title attributes in links. When you’ve make your selection you can enter the link details. After this step you can choose one of the 17 pre made designs which suits your website or blog. Don’t mind the colors of the pre made designs as you can change the colors later. When you’ve chosen your design you’ll get the codes which you need for your website or blog.
As you can see this is very easy to use and a great tool for those who want to have a nice CSS menu but don’t know how they can create there own! :wink: Click here to make your own CSS menu.

]]> http://www.bioteck.net/2008/07/13/create-your-own-css-menu-in-3-steps/feed/ 6 Adobe Illustrator Shortcuts http://www.bioteck.net/2008/06/14/adobe-illustrator-shortcuts/ http://www.bioteck.net/2008/06/14/adobe-illustrator-shortcuts/#comments Sat, 14 Jun 2008 15:24:06 +0000 BioTecK http://www.bioteck.net/?p=2286 Yesterday I posted a PDF containing 4 pages of Photoshop shortcuts. Tazdog asked me if I got some Illustrator shortcuts and guess what.. I also got some Illustrator shortcuts as well!
So again another post containing some wonderful shortcuts but this time it’s time for Adobe Illustrator! Illustrator is used to create vector graphics and I use it very often. For example my side header (also the footer, sidebar background, sidebar titles and the post background) are all made in Illustrator.

Adobe Illustrator CS2 Shortcuts PDF

Adobe Illustrator CS3 Shortcuts PDF

]]> http://www.bioteck.net/2008/06/14/adobe-illustrator-shortcuts/feed/ 2 Adobe Photoshop Shortcuts http://www.bioteck.net/2008/06/13/adobe-photoshop-shortcuts/ http://www.bioteck.net/2008/06/13/adobe-photoshop-shortcuts/#comments Fri, 13 Jun 2008 12:45:28 +0000 BioTecK http://www.bioteck.net/?p=2285 Yep, some more shortcuts! :wink: It is proven that using shortcuts can save you time and boost up your productivity. Almost every software has some shortcuts like Photoshop. Actually Photoshop has a lot of shortcuts. Speed up your work using this shortcuts in the PDF and skip the click! :wink: The best way is to print it out and keep it near your computer.
The PDF includes 4 pages. The first two pages are organized by function in Photoshop, the last two pages have all the shortcuts organized alphabetically by keystroke (an interesting idea).

Adobe Photoshop CS 2 Shortcuts PDF

Adobe Photoshop CS 3 Shortcuts PDF

]]> http://www.bioteck.net/2008/06/13/adobe-photoshop-shortcuts/feed/ 7 Using The History Brush In PhotoShop http://www.bioteck.net/2008/05/14/using-the-history-brush-in-photoshop/ http://www.bioteck.net/2008/05/14/using-the-history-brush-in-photoshop/#comments Wed, 14 May 2008 17:41:15 +0000 BioTecK http://www.bioteck.net/?p=2197 The history brush is one of my favorite Photoshop brushes. You can use the History Brush to selectively restore color, detail, smoothness, saturation from an earlier point in a picture’s history.

The most popular and my favorite use is to take a color picture, convert it to black & white, then brush the original color back into a particular selection. The artistic effect can be amazing!

Using the history brush is very easy and once you know how to work with it, you’ll use it more often! Just follow the steps and see how easy it is!

1. Take a colour picture like this below.

2. Convert the picture to black & white by Images – Adjust – Desaturate

3. Choose the History Brush from the toolbar or just press Y.
4. Now with the history brush you can paint back the color in the selected areas. Off course you can adjust the brush size and opacity to your need and be as creative as you want! :mrgreen:

Your only limit is your imagination! :wink:

Photo credit: michel01

]]> http://www.bioteck.net/2008/05/14/using-the-history-brush-in-photoshop/feed/ 11