Instead, I decided on a stock image which seemed manageable to remove the background easily enough… Or so I thought at the time. My plan was to use the Pen Tool to create a Mask and remove it from the background. I realized quickly (well, actually not that quickly) that this particular item was way too complicated for the Pen Tool treatment.

Here's the Tree Stock Image I started with.

All I wanted was the tree; the sky and ground had to go, including the sky behind the tiny little branches. Now, because this was for a printed poster, the image is large, and has to be very detailed even when viewed close, so there wasn’t much room to fudge the details; I needed to remove the sky from behind each and every branch…

My first attempt was to use the Pen Tool and try to mask out the tree. But after 3 hours of work, this is all I had done…

Cellphone photo of Tree Mask using Pen Tool.

This was just ridiculous, at this rate I would have been masking out this tree for 6-7 hours and been less-than-satisfied with the final result; because of this, I gave up immediately on this method (scratch 3 hours from my life… but better to save the rest than continue on with a poor method).

I ended up using Channels to do the task, and it turned out better than I thought it ever would!

How to use Channels in Photoshop:

I’m using Photoshop CS3 to explain this, but the method is very similar across the entire CS – CS5 tree (no pun intended).

Step One:

With an image (preferably the one you are trying to remove an object on) opened in Photoshop, choose Window – > Channels if it’s not already open. By default, the panel is tied in with the Layers panel.

Click on Window -> Channels to open Chennel Menu

Step Two:

Find which Channel gives the most contrast between the foreground and the background by clicking on each one Red, Green and Blue one at a time; the more contrast there is, the better your results. In my case, Blue turned out to have the most contrast.

Find the Channel which offers the most contrast

Step Three:

Using the Magic Wand Tool with a tolerance of 50 I clicked on the tree. The tolerance settings may need to be adjusted depending on your image, however this worked well for me. It did though also pick up the ground:

Select the Tree using the Magic Wand Tool with a 50 Tolerance

I simply used the Rectangle Marquee Tool to unselect the ground, leaving the tree the only selected object.

Step Four:

Head over to the Layers Panel by Clicking on Window -> Layers. You will see the image has returned to full color, yet the tree is still selected. Then it’s just a quick click of the Mask icon in the Layers Panel.

Click on Layers Panel and your object, in full-color is now selected.

Click the Mask Icon and watch the background disappear

That’s it! 5 minutes of work beats hours and hours every time!

I was then able to use the tree in my final composition, and the space between branches showed the design elements behind it!

Final Composition

]]> http://www.orkron.com/using-channels-in-photoshop-to-remove-backgrounds/feed 3 http://www.orkron.com/photoshop-101-create-realistic-sticky-note-with-shadow http://www.orkron.com/photoshop-101-create-realistic-sticky-note-with-shadow#comments Tue, 20 Apr 2010 19:47:49 +0000 Orkron http://www.orkron.com/?p=1207

Today I’m going to walk you through the steps to create a StickyNote paper with realistic shadow using Photoshop CS3. This tutorial will work with any version of the Creative Suite too, you’re tools may be located slightly different however. I also have the Photoshop CS3 file for download at the end if you’d prefer to work on the original.

Steps to create StickyNote:

Step One: Creating the Document
1. Create a new document (File -> New), make the dimensions 800×600 pixels (72 dpi is fine for this tutorial).
2. Create a second layer, fill the first layer with white, and in the second layer create a rectangle as shown.
3. I used #f9f498 for the Sticky Note color.

Step Two: Adding a Drop Shadow
1. Double-Click on the Sticky Note layer to open the “Layer Style” dialog box – Or select the layer and choose Layer -> Layer Style -> Blending Options to open the dialog box.
2. Click on Drop Shodow on left, and make settings similar to image below.

Step Three: Separate shadow from Sticky Note layer
1. On the Layers panel, with the FX expanded, right-click on Drop Shadow and choose Create Layer

Now you will have 3 layers: A background (white) layer, a Shadow layer, and a Sticky Note Layer:

Step Four: Curving the Paper
1. Select the Sticky Note layer in the Layers Panel
2. Choose Edit -> Transform -> Warp
3. Click and drag the individual vertices to pull and push the “mesh” until the bottom two corners look slightly longer and higher than before.

This is about what yours should resemble:

Step Five: Changing the Shadow
1. Select the Shadow layer in the Layers Panel
2. Change the Fill percentage to 40% in the Layers Panel
3. Choose Edit -> Transform -> Warp
4. Click and drag the individual vertices like before to change the shadow slightly.

This is where you should be:

Step Six: Adding a sheen to the paper for the “bend”
1. Double-Click on the Sticky Note layer to open the “Layer Style” dialog box – Or select the layer and choose Layer -> Layer Style -> Blending Options to open the dialog box.
2. Click on Gradient Overlay on the left side
3. Click the default Gradient color (not the drop-down arrow though) to open the Gradient Editor window.
4. In the Gradient Editor window, the Type should be Solid, the Smoothness should be 100% as shown
5. Click in the gradient panel area to create a third keypoint in the gradient
6. The outside 2 keypoints should remain #f9f398
7. Change the color of the middle keypoint to #faf7c1
8. Drag the middle keypoint to the left to Location: 24%
9. The Smoothness Transition diamond should be at Location: 30%

Click Ok, and Ok again to lock in the effects. Here’s how yours should look:

Step Seven: Adding some text
1. Create the text “Buy Milk” – I used Comic Sans in a dark blue color and enlarged it to fill up more of the note paper.
2. Rotate the text slightly so it appears to be hand written. To rotate the text, select the Text Layer in the Layers Panel and either CTRL + T (CMND + T on a Mac), or choose Edit -> Transform -> Free Transform. Then hover the cursor over the corner until the cursor changes into a rotate icon. Simply click and move the mouse until the desired rotation is obtained; let go of the mouse.

You could stop here, but I wanted to make the text look less perfect, like a ballpoint pen with ink issues

Step Eight: Distressing the Text
1. Rasterize the type by clicking the Type Layer in the Layers panel. Either right-Click the layer and choose Rasterize Type, or click Layer -> Rasterize -> Type. This makes the layer a bitmap image rather than an editable type layer.
2. CTRL + Click (CMND + Click on Mac) the icon for the text in the Layers Panel to select all the contents of that layer (in this case it selects around the lettering).
3. Click the Mask icon on the bottom of the Layers Panel, or choose Layer -> Layer Mask -> Reveal Selection.

Step Eight (Continued): Distressing the Text
1. Select the Brush tool
2. Right-Click on the art board – the Brush Tools window will open, I chose the Brush “Dry Brush Tip Light Flow” Leave the size at default of 66.
3. Make sure the foreground color is black.
4. Lightly click, and drag in short lines to create the effect of the ink being thin. You are removing the mask in small scratches, revealing the Sticky Note below. The reason to use this method is that if you don’t like the results, change the foreground color to white and brush again to re-reveal the ink. his is the preferred non-destructive way.

Final Result:

And as promised: Download StickyNote source file (641) – Zip .PSD 400KB

I started by taking all the images I had taken, and used Photoshop to photo-merge them into a single panorama; the graf art is very wide.

[TIP] To Photo Merge many files into one, with all the files open inside Photoshop, click File -> Automate -> Photomerge and choose the type of layout, then click “Add open files” … The box will populate with the filenames of all open documents -> Click OK

I have the finished piece available in 300 dpi JPG image at 11,629 x 1,707 pixels, and the rest available in 3 separate sections in 2,500 pix wide, 300 dpi PNG files with transparent backgrounds.

Get Graffiti Wide JPG (341) 3MB
Get Graf 01 PNG (296) 4MB	Get Graf 02 PNG (290) 3MB	Get Graf 03 PNG (275) 3MB

Check out Media Militia for a great Graffiti Brushes/Texture resource.

Recently, with the help of Media Militia, I put out a call for your questions to be answered here. I’d like to personally thank everyone who sent in an email with questions. If you have a question that you’d like me to answer then send me a note; I’m happy to add you to the list for Round Two in the future

Illustrator CS4 Questions/Answers Round One

Question One:

What are the most common keyboard shortcuts to know in Illustrator?

Answer:

I probably don’t know all the keyboard shortcuts that there are as there are so many; but I can give you a list of the ones I use the most often, or that I believe are the most important:

This is of course only a small list of shortcuts; if you have a favorite you use often that’s not in my list, please add it to the comments!

Question Two:

This is actually two questions, but they both have the same answer so I’m combining them here.

• My cursor looks like a funny “X” after I select the Pen Tool
• My cursor looks like a “bullsey” or “crosshair” when I select the Eyedropper Tool

Answer:

Check your CAPSLOCK key! Quite a few of the Tools have different “versions” of their cursor icon when the CAPS key is selected. If you’re on a keyboard like mine, there is no indicator light showing you the CAPS key is active so you may be confused if the Tool you selected has a different cursor than expected. Always check to see if your CAPS key is selected first.

Question Three:

How do you make a perfect circle with the pen tool?

Answer:

Well the unfortunate answer is you can’t make a “perfect” circle using the pen tool. It is possible to make a passable circle which though your eye sees as a little “off” is technically a circle.

However, the only method worth using to make a perfect circle is by using the ellipse tool in the Tools panel in Illustrator. It is fast and easy to use. But, I’ll go over how to make a technical circle using the Pen Tool here.

Step 1:
Make a document 800×600.

Step 2:
First off, you’ll need a grid to work on, so with Adobe Illustrator open, click on “Edit -> Preferences -> Guides & Grid…” a dialog box will open that looks like this (click the image to enlarge):

The second set is for the the Grid; these are the settings I chose. Click “OK” and your artboard should resemble this (click the image to enlarge):

Step 3:
Click “View -> Snap to Grid” (the keyboard shortcut is Shift + CTRL + “ )

Step 4:
Select the Pen Tool in the Tools palette. Click on one of the Grid dots -> without letting go of the mouse, hold shift and drag the mouse down the Grid as shown in the diagram (click the image to enlarge):

Step 5:
Let go of the Shift key and the mouse. Hold Shift again and click once with the mouse as shown in the next diagram -> release the mouse after clicking:

Step 6:
Hold Shift and click the mouse where indicated in the diagram -> while still holding Shift and the mouse button, drag up as indicated in the diagram:

Step 7:
Release both the mouse and the shift key again -> Hold Shift once again and click once and release the mouse button where indicated in the diagram:

Step 8:
Hold Shift and Click the mouse where indicated -> keep mouse button and Shift button pressed and drag down as indicated in the diagram:

And there’s your circle; its technically a circle, but it doesn’t look quite right to the human eye… The image below shows the difference between our circle (left) and an Ellipse circle (right):

Thanks again to Media Militia for help in promoting the concept; You rock Jeya!

Thanks FreeIconsDownload.com for the people icons

Step one:

Before exporting your Illustrator file to another more universal format (such as EPS), or even if you are sharing the .ai file you can remove unused swatches, brushes etc from your document; these unused components add to the size of your document!

This step is super-easy too – open your Action pallet by clicking on Window -> Actions:

Now, in the actions panel, scroll down until you see an action for “Delete Unused Panel Items.” If you expand this option you can see it actually removes quite a lot!

Press the Play button and Illustrator will go through each step and remove (like it says) all the unused components in the list!

Step two:

When exporting your Illustrator file to EPS format for sharing purposes, there is one little option which makes all the difference in file size – turning this off can reduce the size of your exported file 50% or more!

So, the typical export: File -> Save As, choose EPS and then Illustrator is going to ask you some questions in the “EPS Options” dialog box; this is where you want to make your change. Under Preview Format, the default is “TIFF 8-bit Color” Click the dropdown and choose None instead – boom, you just drastically reduced your EPS’ file size!

The set comes with 10 unique brushes, each one ready for color and your creative ideas. Use the spiral tool, use the brush tool, set the fill to blank, and the stroke to any color you like. Load my brush set and start playing around!

Here’s a quick preview:

Installation:

1. Download the brush set after the jump
2. Unzip the .ai file
3. Browse to your Illustrator Presets/Brushes folder
4. Copy Orkron_brush-set-01.ai to this folder
5. Reload Illustrator if already open
6. Click Window->Brush Libraries->Orkron_brush-set-01
7. Enjoy!

Download: orkron_brush-set-01.zip (63 KB)