تحميل برامج كمبيوتر كاملة 2024 برابط مباشر - منتديات ساسو سوفت - درس اضافة تأثير لولبى على النص Curled Ribbon Text Effect

http://textuts.com/images/tutorials/...edRibbon-s.jpg

Step 1

Create a new 1100 x 750 px document. Set the Foreground color to #fdfdfd and the Background color to #9e9a97. Pick the Gradient Tool, choose the Foreground to Background gradient fill, and click the Radial Gradient icon.

Then, click and drag from the center of the document to one of the corners to create the background gradient, and duplicate the Background layer.

http://textuts.com/images/tutorials/...ibbon_01_1.jpg

Double click the copy Background layer to apply a Pattern Overlay effect using the “White plaster” pattern, and change the Blend Mode to Linear Light.

http://textuts.com/images/tutorials/...ibbon_01_2.jpg

This will add a subtle pattern to the background.

http://textuts.com/images/tutorials/...ibbon_01_3.jpg

Create the text using the font ETH (Black). The text will be used as a reference only, so choose a bright blue color to keep a high contrast between the ribbon curls and the original text. The Size is 330 pt, the Tracking is 75 pt, and if you’re using more than one line of text, set the Leading value to 250 pt.

http://textuts.com/images/tutorials/...ibbon_01_4.jpg

Step 2

Create a new 300 x 300 px document. Pick the Rectangle Tool and create a 160 x 102 px rectangle in the center of the document.

http://textuts.com/images/tutorials/...ibbon_02_1.jpg

Pick the Direct Selection Tool, then click and drag to select the two left anchor points.

http://textuts.com/images/tutorials/...ibbon_02_2.jpg

Use the Down Arrow key to move the left points downwards. Then, select the right anchor points and use the Up Arrow key to move them upwards. You need to achieve a shape similar to the one shown below.

http://textuts.com/images/tutorials/...ibbon_02_3.jpg

Pick the Add Anchor Point Tool, then click to add a point near the upper left point.

http://textuts.com/images/tutorials/...ibbon_02_4.jpg

Click to add 3 more points near the other corners.

http://textuts.com/images/tutorials/...ibbon_02_5.jpg

Next, use the Direct Selection Tool to select and move the points in order to create the shape below.

http://textuts.com/images/tutorials/...ibbon_02_6.jpg

Step 3

Change the Shape’s Fill color to #b23636.

http://textuts.com/images/tutorials/...ibbon_03_1.jpg

Double click the shape layer to apply a Gradient Overlay effect. Change the Blend Mode to Overlay, use a White to Black gradient fill, change the Style to Reflected, and the Angle to -5 (you can use different values depending on the result you want).

http://textuts.com/images/tutorials/...ibbon_03_2.jpg

This will create an illusion of a 3D curved ribbon.

http://textuts.com/images/tutorials/...ibbon_03_3.jpg

Duplicate the shape layer and change the copy’s Fill color to #2f1616.

http://textuts.com/images/tutorials/...ibbon_03_4.jpg

Double click the copy shape layer to change its Gradient Overlay Angle’s value to -27, and the Scale to 150.

http://textuts.com/images/tutorials/...ibbon_03_5.jpg

Go to Edit > Transform Path > Flip Vertical.

http://textuts.com/images/tutorials/...ibbon_03_6.jpg

Drag the copy shape layer below the original, then move it downwards to connect both seamlessly.

http://textuts.com/images/tutorials/...ibbon_03_7.jpg

Select both shape layers, then go to Edit > Transform > Scale, and scale them down to fit within the document. Hit Enter/Return when done to accept the changes.

http://textuts.com/images/tutorials/...ibbon_03_8.jpg

Step 4

With both layers still selected, go to Layer > Duplicate Layers, and choose the original document’s name from the Document drop down menu under Destination.

Save the shapes’ document (File > Save) and close it (File > Close) to go back to the original one.

http://textuts.com/images/tutorials/...ibbon_04_1.jpg

For each shape layer, right click it then choose Rasterize Layer Style. If you’re using < CS6 versions, then you'll need to group each layer (Layer > Group Layers) then merge the group (Layer > Merge Group).

This will make sure that the gradient maintains its angle when the curl is rotated later.

http://textuts.com/images/tutorials/...ibbon_04_2.jpg

Select both layers again, then go to Edit > Transform > Scale to scale them down until they have the same width of the text. Hit Enter/Return when done.

http://textuts.com/images/tutorials/...ibbon_04_3.jpg

Duplicate the two layers, then go to Layer > Merge Layers. These are the original parts that you’ll use to create the text effect. You have each individual part, and the curl.

http://textuts.com/images/tutorials/...ibbon_04_4.jpg

You can make the individual parts invisible (by clicking the eye icons next to each of them), then duplicate the curl to start creating the text.

(If you need to use the invisible layers, you can make them visible again by clicking the empty box where the eye was).

http://textuts.com/images/tutorials/...ibbon_04_5.jpg

Step 5

The trick while placing the curls is to pay attention to the order of the layers, so that the front and back of the curls don’t get mixed up.

http://textuts.com/images/tutorials/...ibbon_05_1.jpg

In order to place the curls all over the text, you need to make use of the:

- Arrow Keys : To move the curls easily and accurately.
- Edit > Transform > Rotate : To rotate the curls where needed.
- Edit > Transform > Flip Vertical / Flip Horizontal : To keep the order of the front and back sides of the curls.

You can also use the Eraser Tool to get rid of any parts that overlap outside the actual curls.

http://textuts.com/images/tutorials/...ibbon_05_2.jpg

When you’re done creating a letter’s curls, it’s a good idea to group them in a group that has the letter’s name. This will keep things organized.

http://textuts.com/images/tutorials/...ibbon_05_3.jpg

Here’s a trick to help you create the “O” letter. Place the curl horizontally at the top of the letter, with the light side to the left. Then duplicate that curl’s layer, enter the Rotate mode, then rotate the copy 36° CW, and move it so that it is connected with the horizontal curl, then hit Enter/Return.

http://textuts.com/images/tutorials/...ibbon_05_4.jpg

Press the Alt + Ctrl + Shift + T or Option + Cmd + Shift + T keys a couple of times until a full circle is created (leading back to the horizontal curl).

http://textuts.com/images/tutorials/...ibbon_05_5.jpg

Ctrl/Cmd + Click the horizontal curl’s thumbnail to create a selection.

http://textuts.com/images/tutorials/...ibbon_05_6.jpg

With the last curl’s layer selected, hit Delete or use the Eraser Tool to get rid of the overlapping part.

http://textuts.com/images/tutorials/...ibbon_05_7.jpg

Use those techniques, and duplicate any similar parts (instead of recreating them) for any similar letters, to finish adding the curls.

When you’re done, make the original text layer invisible. Now, you can see the ribbon curls without the text behind them. Make any needed changes to enhance the final result.

Click the image below to see the final result of this step

http://textuts.com/images/tutorials/...ibbon_05_8.jpg

Step 6

When you’re done, group the original curl layers (if you still have them) in a group called “Original”, and the text letters’ groups in another group called “Final”.

Duplicate the “Final” group, and make it invisible along with the “Original” group.

Then, with the copy “Final” group selected, go to Layer > Merge Group

http://textuts.com/images/tutorials/...ibbon_06_1.jpg

Double click the merged layer to apply a Drop Shadow effect by changing the Opacity to 35 and the Distance to 10.

http://textuts.com/images/tutorials/...ibbon_06_2.jpg

This will add a simple shadow to the curls.

http://textuts.com/images/tutorials/...ibbon_06_3.jpg

Step 7

Ctrl/Cmd + click the merged layer’s thumbnail to create a selection, then create a new layer on top of all layers and call it “Glitter”.

http://textuts.com/images/tutorials/...ibbon_07_1.jpg

Double click the “Glitter” layer to apply the following Layer Style:

– Bevel and Emboss
Check the Anti-aliased box
Highlight Mode : Vivid Light

http://textuts.com/images/tutorials/...ibbon_07_2.jpg

– Contour

http://textuts.com/images/tutorials/...ibbon_07_3.jpg

– Texture
Pattern : 3px tile
Depth : 432%

http://textuts.com/images/tutorials/...ibbon_07_4.jpg

Set the Foreground color to #ffb94a, pick the Brush Tool, choose a 3px brush with 95% Hardness, then start adding stripes in the middle of each curl. This might take some time, so it’s optional, but it adds a really nice final touch to the effect. http://textuts.com/wp-includes/image.../icon_wink.gif

http://textuts.com/images/tutorials/...ibbon_07_5.jpg

You can always erase and recreate any stripes you don’t like. When you’re done, go to Select > Deselect to get rid of the selection.

http://textuts.com/images/tutorials/...ibbon_07_6.jpg

Step 8

This is an optional step for changing the text color.

Click the ‘Create new fill or adjustment layer’ icon down the Layers panel and choose Hue/Saturation.

http://textuts.com/images/tutorials/...ibbon_08_1.jpg

Place the adjustment layer below the “Glitter” layer.

http://textuts.com/images/tutorials/...ibbon_08_2.jpg

Change the Hue value to -40. Almost any other value will work, so you can choose any other color you like.

http://textuts.com/images/tutorials/...ibbon_08_3.jpg

Hope you enjoyed the tutorial and found the tips and tricks used helpful http://textuts.com/wp-includes/image...icon_smile.gif

http://textuts.com/images/tutorials/...edRibbon-s.jpg