Photoshop
01-07-2008, 10:45 PM
PART I:
Ok the following tut discusses techniques on how to achieve this type of composition. The original (I believe is a AI vector) will be reconstructed in PS. I just want to make it clear that this is not my image. I am merely clarifying technique for the sake of learning!
Finished product:
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الروابط] 4689426/2/istockphoto_4689426_christmas_background .jpg
Go ahead and open up a letter sized blank **ٍ**ٍ**ٍ**ٍ**ٍ**ٍ**ٍ**ٍ with a transparent background. I also went ahead and placed the original next to it for the sake of using the eyedropper tool for easy color replication.
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الروابط] %20Images/setup.jpg
Fill the BG with white then double click on the layer itself to open the layer styles window and apply a gradient. Use the eye dropper to sample the areas in the green circles of the red and peachy colors. Be sure to move the tabs to match so that the gradient ends up in the upper area of the **ٍ**ٍ**ٍ**ٍ**ٍ**ٍ**ٍ**ٍ.
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الروابط] %20Images/BGgradient.jpg
The first shape we are going to do is the large bright red gradient shape on the right hand side of the BG by using the pen tool. Here is where you can find the options.
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الروابط] %20Images/pentool.jpg
Select the pen tool and place four points around the edges of your BG. When you place the point hold down as you drag so you can see the "handle bars" of the points. Once you place the third point return to the last point and click on it to close the shape. Make sure to line up the points of the left side to match with the shape ends on the original.
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الروابط] %20Images/pentool2.jpg
Now you need to adjust the square to match the original. Select the convert tool and hold it over the ball on one of the handles. This will SNAP it in half. Line up the shapes similar to what I did. Both points on the Right should be perfect 90 degree right angles. The left side point handles should be stretched out to create the wave shape.
((((Side-Note: If you ever need to redo the seesaw-ness of the handle. Place the convert tool on the point and hold down and drag out. This will return the handle to its original form which will smooth out the edges once again))))
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الروابط] %20Images/handles.jpg
OK! Now there are many ways to do the following step but we are going to do it by using transparency maps! First drag your shape layer to the duplicate button at the bottom of the layers window. I circled it for you in the screen shot. Now you have two layers of the same shape but in the same color. First double click on the block of color. This will open the color window, if you scroll off the window that will make the eyedropper icon appear on your cursor. Go ahead and sample the darkest red area of the original shape. Now double click on the copy and sample the lightest peach color from off of the original in the exact way you did before with the red.
Now you should have two exact shapes in two different colors. Make sure to place the peach colored shape below the red.
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الروابط] %20Images/shape2dupe.jpg
Now time for maps! We are going to apply a transparency map to the red shape. Select the red shape layer and click the mask icon at the bottom of the layers window. This will pop up a third window on your red shape layer. This is your mask! At the moments it is pure white because we haven't added any color/gradient to the mask. Now if you take a look at the original you will notice the gradient on the shape isn't exactly linear. This tells you that the original artists probably used a radial gradient. So with the layer still selected click on the gradient tool. At the top of the screen make sure to have the radial icon is selected as well as the opacity Black to Clear gradient is selected.
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الروابط] %20Images/shapemask.jpg
This part comes with practice. What you want to do is Press and drag the gradient tool from the top left down to the middle center of the shape and let go. You should now see the peach color poking out from behind the red. Continue to play around with this until the proportions are similar to the original.
You have now successfully used a mask!
(((((Now to further explain what you actually did. One way to see masks is that everything that is black on your mask layer can be seen as 100% clear. Because you applies this to the red shape, anything in the black area of the mask will appear with a 100% opacity there fore allowing the peach color to appear from behind. So if Black is clear then white must be 100% Opaque right? Yup! So anything located in the white will continue to appear Red. P.S. I hope this didn't blow your mind LOL!)))))
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الروابط] %20Images/shapemask2.jpg
Your **ٍ**ٍ**ٍ**ٍ**ٍ**ٍ**ٍ**ٍ should now look similar to this!
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الروابط] %20Images/vectortut.jpg
That concludes part one! I need a break! Stay tuned for part 2 later today!
Ok the following tut discusses techniques on how to achieve this type of composition. The original (I believe is a AI vector) will be reconstructed in PS. I just want to make it clear that this is not my image. I am merely clarifying technique for the sake of learning!
Finished product:
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الروابط] 4689426/2/istockphoto_4689426_christmas_background .jpg
Go ahead and open up a letter sized blank **ٍ**ٍ**ٍ**ٍ**ٍ**ٍ**ٍ**ٍ with a transparent background. I also went ahead and placed the original next to it for the sake of using the eyedropper tool for easy color replication.
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الروابط] %20Images/setup.jpg
Fill the BG with white then double click on the layer itself to open the layer styles window and apply a gradient. Use the eye dropper to sample the areas in the green circles of the red and peachy colors. Be sure to move the tabs to match so that the gradient ends up in the upper area of the **ٍ**ٍ**ٍ**ٍ**ٍ**ٍ**ٍ**ٍ.
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الروابط] %20Images/BGgradient.jpg
The first shape we are going to do is the large bright red gradient shape on the right hand side of the BG by using the pen tool. Here is where you can find the options.
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الروابط] %20Images/pentool.jpg
Select the pen tool and place four points around the edges of your BG. When you place the point hold down as you drag so you can see the "handle bars" of the points. Once you place the third point return to the last point and click on it to close the shape. Make sure to line up the points of the left side to match with the shape ends on the original.
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الروابط] %20Images/pentool2.jpg
Now you need to adjust the square to match the original. Select the convert tool and hold it over the ball on one of the handles. This will SNAP it in half. Line up the shapes similar to what I did. Both points on the Right should be perfect 90 degree right angles. The left side point handles should be stretched out to create the wave shape.
((((Side-Note: If you ever need to redo the seesaw-ness of the handle. Place the convert tool on the point and hold down and drag out. This will return the handle to its original form which will smooth out the edges once again))))
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الروابط] %20Images/handles.jpg
OK! Now there are many ways to do the following step but we are going to do it by using transparency maps! First drag your shape layer to the duplicate button at the bottom of the layers window. I circled it for you in the screen shot. Now you have two layers of the same shape but in the same color. First double click on the block of color. This will open the color window, if you scroll off the window that will make the eyedropper icon appear on your cursor. Go ahead and sample the darkest red area of the original shape. Now double click on the copy and sample the lightest peach color from off of the original in the exact way you did before with the red.
Now you should have two exact shapes in two different colors. Make sure to place the peach colored shape below the red.
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الروابط] %20Images/shape2dupe.jpg
Now time for maps! We are going to apply a transparency map to the red shape. Select the red shape layer and click the mask icon at the bottom of the layers window. This will pop up a third window on your red shape layer. This is your mask! At the moments it is pure white because we haven't added any color/gradient to the mask. Now if you take a look at the original you will notice the gradient on the shape isn't exactly linear. This tells you that the original artists probably used a radial gradient. So with the layer still selected click on the gradient tool. At the top of the screen make sure to have the radial icon is selected as well as the opacity Black to Clear gradient is selected.
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الروابط] %20Images/shapemask.jpg
This part comes with practice. What you want to do is Press and drag the gradient tool from the top left down to the middle center of the shape and let go. You should now see the peach color poking out from behind the red. Continue to play around with this until the proportions are similar to the original.
You have now successfully used a mask!
(((((Now to further explain what you actually did. One way to see masks is that everything that is black on your mask layer can be seen as 100% clear. Because you applies this to the red shape, anything in the black area of the mask will appear with a 100% opacity there fore allowing the peach color to appear from behind. So if Black is clear then white must be 100% Opaque right? Yup! So anything located in the white will continue to appear Red. P.S. I hope this didn't blow your mind LOL!)))))
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الروابط] %20Images/shapemask2.jpg
Your **ٍ**ٍ**ٍ**ٍ**ٍ**ٍ**ٍ**ٍ should now look similar to this!
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الروابط] %20Images/vectortut.jpg
That concludes part one! I need a break! Stay tuned for part 2 later today!