Sunday, May 23, 2010

How to change color of the hair using Adobe Photoshop Elements?





Steps are as below :
1. Create a blank layer over the background layer.
2. Select the foreground color in the color swatch as White and paint the hair using the paint brush with white color.
3. Now change the blending mode of this layer as Soft Light from the combo box in the layers palette.
4. Now from Enhance menu, select Adjust color >Adjust Hue/Saturation.
5. Check the checkbox 'Colorize' and reduce the value of Lightness in the slider.
6. Adjust the Hue of the hair using Hue slider and control the purity of the Hue using Saturation slider. Click Ok.
7. Reduce the opacity of the layer as needed.

Here are my initial and final images :

Wednesday, May 12, 2010

How to create your own theme templates using PSE and have them in your content panels?

You can create your own custom themes for the different creations like Greeting card, Photo book, CD/DVD jacket etc and have them placed in your content panel of Photoshop Elements Editor.

Here are the steps with which I created my own theme "Mothers Day" for Mother's day and had it placed in my content panel.

1. Create a blank file from File>New>Blank File. Select default size of the file.

2. Now paint it with the color you like. I painted pink and used gradient tool to give non monotonous effect of the background.



3. Save this as a jpeg on your hard drive. This step is workaround for PSE8 where there is no way of creating a smart object from a leyer as we had in PSE7. Once you have saved the jpeg, click on close widget of the file you were previously working with. It will ask you to save the untitled file. Say No. This will bring back the file you were working till step 2.

4. Now select the background layer from layers pallette and File>Place and select the jpeg saved at step 3. Click on the green checkmark shown shown over the image.

As soon as you do this, you would notice that there is a layer created as a smart object with a tiny icon on the layer thumbnail as shown below. And this layer is exactly as your background layer.



So by now, you would have understood why we saved the background as a separate jpeg in step3. The reason is, in PSE8, we can create smart objects using File>Place. In PSE 7, we do not need the step 3 as we can directly create the background layer as a smart object. This is a workaround in PSE8.

5. Now you can  create a duplicate of this smart object layer by pressing Control+J and delete the original background layer.




6. From Window meniu, select Content. This will result in Content pane appear in right hand panel.

7. Select "By Type" from Category and "Frames" in sub category.



8. Drag a frame from the frames shown in the content bin to the image. Once you do this, you will notice that the blending mode for the frame dropped is "Pass through".

9. Add text layer and put some text to your theme. I am creating a Mother's day greeting card template in this example. So I added the text as shown below.



10. Now select all the layers in the palette and right click>Duplicate. This will create duplicate of all layers. Right click again and Merge. name this layer as thumb.


11. Save this file as a psd. I saved it as "Mothers day.psd"

12. Create a template file with name "<filename>.metadata.xml". I created "Mothers day.metadata.xml"

13. Copy the following into your xml file :

**************************************************************************
<?xml version="1.0" encoding="UTF-8"?>
<PSEContent xmlns="http://ns.adobe.com/PSEContent/2.0/">
<name value="$$$/content/themes/Mothers Day=Mothers Day" />
<type value="theme" />
<creation value="1x1" />
<creation value="2x3" />
<creation value="3x4" />
<creation value="cddvdlabel" />
<creation value="cdjacket" />
<creation value="dvdjacket" />
<creation value="photobook" />
<creation value="1x1photobook" />
<creation value="3x4photobook" />
<category value="$$$/content/category/Event=Event">
<subcategory value="$$$/content/category/Event/Celebration=Celebration" />
</category>
<category value="$$$/content/category/Color=Color">
<subcategory value="$$$/content/category/Color/Pink=Pink" />
</category>
<category value="$$$/content/category/Style=Style">
<subcategory value="$$$/content/category/Style/Cute=Cute" />
</category>
<category value="$$$/content/category/Object=Object" />
<category value="$$$/content/category/Mood=Mood">
<subcategory value="$$$/content/category/Mood/Fun=Fun" />
</category>
<keyword value="$$$/content/keyword/Toys=Toys" />
</PSEContent>

**************************************************************************
Replace the text in the tag with your filename : <name value="$$$/content/themes/<filename>=<filename>" />

Also note that you can edit the categories and sub categories as per your needs. For example my above theme will appear under category 'Event' and sub category 'Celebration'. Similarly in category 'Color' and sub category 'Pink'.

You can customize these as per your needs.

14. Now place your jpeg and your metadata xml file at location :

On XP : C:\Documents and Settings\All Users\Application Data\Adobe\Photoshop Elements\8.0\Photo Creations\themes
On Win 7 : C:\ProgramData\Adobe\Photoshop Elements\8.0\Photo Creations\themes
Please make sure that your Editor is closed and you relaunch it to see the background created in your content pane.

If you still do not find it in the content pane in Background category, close Editor and rename the file : "C:\Documents and Settings\All Users\Application Data\Adobe\Photoshop Elements\8.0\Locale\en_US\MediaDatabase.db3" followed by application relaunch. The launch may take sometime as application creates thumbnails for your background at the location where you have created your jpeg.



After relaunch, here is where I see my Mothers day theme in Content Panel from Create Pane>Photo Book or Greeting Card :






I hope you find this tutorial useful!

Tuesday, May 11, 2010

How to create custom background templates in PSE and have them appear in content pallette?

You can create your own custom background templates for PSE and see them in your content pane. Here are the steps to do so :

1. Create a blank document with width*Height as 2475*1870 keeping background as transparent.

background template

2. Now create your own background like the one I create for myself and save it as jpeg with 220 dpi. I named my file as "Metal.jpg".

background template in PSE


3. Now Create a metadata file "Metal.metadata.xml" for Metal.jpg which has the folowing code :

**************************************************************************
"<?xml version="1.0" encoding="UTF-8"?>
<PSEContent xmlns="http://ns.adobe.com/PSEContent/2.0/">
<name value="$$$/content/backgrounds/Metal=Metal" />
<type value="background" />
<category value="$$$/content/category/Event=Event" />
<category value="$$$/content/category/Color=Color">
<subcategory value="$$$/content/category/Color/Blue=Blue" />
</category>
<category value="$$$/content/category/Style=Style">
<subcategory value="$$$/content/category/Style/Teen=Teen" />
<subcategory value="$$$/content/category/Style/General=General" />
<subcategory value="$$$/content/category/Style/Retro=Retro" />
<subcategory value="$$$/content/category/Style/Urban=Urban" />
<subcategory value="$$$/content/category/Style/Colorful=Colorful" />
</category>
<category value="$$$/content/category/Mood=Mood" />
<keyword value="$$$/content/keyword/Stripes=Stripes" />
<keyword value="$$$/content/keyword/Splat=Splat" />
</PSEContent>"

**************************************************************************
4. Please note that whatever name you give to your jpeg file say  "<filename>.jpg" then your metadata file name should be "<filename>.metadata.xml".

Also note in the xml code, my filename has to be replaced here :
<name value="$$$/content/backgrounds/<filename>=<filename> />

Also note as i wanted my background to appear under category "Color" and sub category "Blue", so i used :
<category value="$$$/content/category/Color=Color">
<subcategory value="$$$/content/category/Color/Blue=Blue" />

So you can customize by replacing the categories and subcategories (existing in Content pane of Editor) as per your needs.

Now place your jpeg and your metadata xml file at location :

On XP : C:\Documents and Settings\All Users\Application Data\Adobe\Photoshop Elements\8.0\Photo Creations\backgrounds
On Win 7 : C:\ProgramData\Adobe\Photoshop Elements\8.0\Photo Creations\backgrounds
 
Please make sure that your Editor is closed and you relaunch it to see the background created in your content pane.
 
If you still do not find it in the content pane in Background category, close Editor and rename the file :  "C:\Documents and Settings\All Users\Application Data\Adobe\Photoshop Elements\8.0\Locale\en_US\MediaDatabase.db3" followed by application relaunch. The launch may take sometime as application creates thumbnails for your background at the location where you have created your jpeg.


So here is where I see my background template in Content pane of PSE :


Custom backgound template in content pane of PSE



In case you face any issues in the process, please post a comment. I will come back with any solutions!

Saturday, May 1, 2010

How to create digital frames with smart objects using PSE?





Steps to create a frame as shown below :

1. Open an image. Control+J to create duplicate of the layer.
2. Select the top layer and from file menu, select Place.
3. From the shown browser, select the same image again.
4. Resize the top layer to a smaller rectangle keeping Alt+Shift pressed. This would help resizing the top layer centrally and without distorting the aspect ratio. This creates a new smart object layer in the layers pallete.
5. Now select the layer below and apply Gaussian blur to it.
6. After this select the smart object layer and apply Bevel effect to it from Effects palette. Click on the style effect settings icon (to the right of smart object layer in layers palette). In the style settings dialog, add glow and bevel effect to the layer.

Here are the initial and final images :