Tutorial #2 - Goblet of Fire (Adobe Photoshop Elements)
From 
to
Program: Adobe Photoshop Elements
This tutorial assumes some familiarity with the program. Also, images shown are that specific step, not the overall appearance of the icon at that point.
Step 1: We start with our base image:
Step 2: Copy Layer 1 into a new layer and set to screen at 100%.
Step 3: Flood a new layer with #0A056E. Set to lighten at 100%.
Step 4: Flood a new layer with ##EAE3CA. Set to multiply at 100%.
(Note: The gradients are made by me but shown here for purposes of demonstration. They are not part of a set that you can find anywhere.)
Step 5: Take this gradient and set to screen at 100%.
Step 6: Take this gradient and set to screen at 100%.
Step 7: Copy Layer 1 into a new layer and set to soft light at 100%.
Step 8: Add text as you desire.
Final result:
Note: The coloring of an icon depends on the base image - even "black and white" images can result in different coloring with the same gradients if the amounts of black, white, and gray differ.
Do not copy this tutorial exactly and claim the icon as your own. Instead, take the steps that I showed you here and modify them to fit your own icon. I'd be happy to see the results :D
If you have any questions on how to do any of the steps, please leave a comment and I'll do my best to help you.
to
Program: Adobe Photoshop Elements
This tutorial assumes some familiarity with the program. Also, images shown are that specific step, not the overall appearance of the icon at that point.
Step 1: We start with our base image:
Step 2: Copy Layer 1 into a new layer and set to screen at 100%.
Step 3: Flood a new layer with #0A056E. Set to lighten at 100%.
Step 4: Flood a new layer with ##EAE3CA. Set to multiply at 100%.
(Note: The gradients are made by me but shown here for purposes of demonstration. They are not part of a set that you can find anywhere.)
Step 5: Take this gradient and set to screen at 100%.
Step 6: Take this gradient and set to screen at 100%.
Step 7: Copy Layer 1 into a new layer and set to soft light at 100%.
Step 8: Add text as you desire.
Final result:
Note: The coloring of an icon depends on the base image - even "black and white" images can result in different coloring with the same gradients if the amounts of black, white, and gray differ.
Do not copy this tutorial exactly and claim the icon as your own. Instead, take the steps that I showed you here and modify them to fit your own icon. I'd be happy to see the results :D
If you have any questions on how to do any of the steps, please leave a comment and I'll do my best to help you.