منتديات التعليميه والخدميه
أهلا بكم زائرنا الكريم: منتديات التعليميه والخدميه ترحب بكم وتتمنى لكم الافاده والاستفاده
منتديات التعليميه والخدميه
أهلا بكم زائرنا الكريم: منتديات التعليميه والخدميه ترحب بكم وتتمنى لكم الافاده والاستفاده
منتديات التعليميه والخدميه
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

منتديات التعليميه والخدميه

برامج كمبيوتر حديثه - دروس تعليميه - ستايلات - فلاش - سويش ماكس - واجهات برامج حمايه - مسلسلات - افلام - ايقاعلت - ميكسات - طربيات
 
الرئيسيةالبوابةأحدث الصورالتسجيلدخول

 

 درس النص المتفجر رائع - غير مترجم

اذهب الى الأسفل 
كاتب الموضوعرسالة
الهدار الكرار
مشرف
مشرف
الهدار الكرار


عدد المساهمات : 950
تاريخ التسجيل : 25/01/2012

درس النص المتفجر رائع - غير مترجم Empty
مُساهمةموضوع: درس النص المتفجر رائع - غير مترجم   درس النص المتفجر رائع - غير مترجم Emptyالثلاثاء أكتوبر 22, 2013 7:21 pm




Step 1

Let's start our design in Illustrator, it's easier to get the text done in Illustrator, even though you can do that in Photoshop as well. When I saw the official Clash of the Titans poster I knew that font, it was the Bank Gothic, or the Bank Gothic is very similar. So with the Type Tool (T) add the word "clash", then "of the" in another independent object and then "titans", again in another object and line. All of the in uppercase.
درس النص المتفجر رائع - غير مترجم Step_1
Step 2

Select the texts and go to Type>Create Outlines. With the Direct Selection Tool (A) start editing the text. First the A of "clash". then the F of "of" and the T and E of "the". After that edit the word "titans" by changing the T and A. Use the image below for reference. Basically you will be moving points, but be careful to keep the same alignments and angles as the original text.
درس النص المتفجر رائع - غير مترجم Step_2
Step 3

Now open Photoshop and create a new document. Create a new layer and fill it with any color, then go to Layer>Layer Style>Gradient Overlay. Use a light beige #fee4c8 and a very dark brown #0f0802 for the gradient, use Radial for the Style and 100% opacity.
درس النص المتفجر رائع - غير مترجم Step_3
Step 4

Add a new layer and go to Filter>Render>Clouds. Make sure you have black and white for the colors.
درس النص المتفجر رائع - غير مترجم Step_4
Step 5

Change the clouds' layer Blend Mode to Color Dodge. After that go to Layer>Layer Mask>Reveal All. Over the Layers Palette, click on the mask thumb of the layer and go to Filter>Render>Clouds to apply the clouds to the layer mask, that will make the clouds less strong. Tip: play with masks and apply filter on the masks, you will be surprise with the possibilities and the results.
درس النص المتفجر رائع - غير مترجم Step_5
Step 6

Go to Edit>Transform>Warp. Select the Fisheye warp type, then move the controller towards the center of the document. That will create a really nice blur effect, much faster than the zoom blur in Photoshop.
درس النص المتفجر رائع - غير مترجم Step_6
Step 7

Copy the words "Clash of the " from Illustrator to Photoshop. We will do these words first because we will apply a different Layer Style preset for the Bevel and Emboss.
درس النص المتفجر رائع - غير مترجم Step_7
Step 8

First thing here is to search for a old and rusty metal texture. I found the one I'm using on Google Images.
Open the image in Photoshop and then go to Edit>Define Pattern. After that go back to our design and select the layer with the words "clash of the", the go to Layer>Layer Style>Pattern Overlay. Select the metal pattern you have just created.
درس النص المتفجر رائع - غير مترجم Step_8
Step 9

After the Pattern Overlay, select Bevel and Emboss. For the Technique use Chisel Hard, for the Depth use 500%, for the Size use 120 pixels, for the Soften use 0 pixel. Over the Shading Options, use 95º for the Angle, 35º for the Altitude, then for the Highlight Mode use Color Dodge with white for the color and 65% for the Opacity. For the Shadow Mode use Color Burn with Black for the color, then 40% for the Opacity.
درس النص المتفجر رائع - غير مترجم Step_9
Step 10

Now select Contour, then just change the Range to 50%.
درس النص المتفجر رائع - غير مترجم Step_10
Step 11

Here you can see the effect you will have. Notice that the ligths are coming from the bottom, or the center of the document, and that is why we split the words.
درس النص المتفجر رائع - غير مترجم Step_11
Step 12

Copy the word "titans" from Illustrator and paste it in Photoshop. On the layers palette select the layer we applied the layer styles in the previous steps and with the right button of the mouse click and select Copy Layer Styles. After that select the "titans" layer and click again with the right button of the mouse click and select Paste Layer Styles. Double click on the layer to open the Layer Style dialog box. Select Bevel and Emboss, then just change the Direction to Up.
درس النص المتفجر رائع - غير مترجم Step_12
Step 13

This is the effect you wll have gotten so far, notice now that the light for the word "titans" is coming from the top while for the "clash of the" is coming from the bottom.
درس النص المتفجر رائع - غير مترجم Step_13
Step 14

If you watched the movie you will know that the Pegasus was a black winged horse, so I got an image of a winged horse from Shutterstock, you can find it over here. It's a vector image, but that is fine, just place it as it is coming from the center.
درس النص المتفجر رائع - غير مترجم Step_14
Step 15

To make the horse more realistic and less vector style go to Filter>Blur>Motion Blur. Use 35º for the Angle and 20 pixels for the Distance.
درس النص المتفجر رائع - غير مترجم Step_15
Step 16

For the flares you can create them using different techniques, you can do that using the noise gradient, the lens flare filter (least recommended) and using an image. I have used a image that is really good for that on most of my projects, the only thing I do is to change the Hue and Saturation to make the colors match the design. You can find the image I used here.
As you can se the background of the image is black so the only thing you have to do is to change the Blend Mode to Screen, so the black will be transparent.
درس النص المتفجر رائع - غير مترجم Step_16
Step 17

Add more lens flares over some letters of the texts. Use the image below fore reference.
درس النص المتفجر رائع - غير مترجم Step_17
Step 18

Select all layers and duplicate them, after that merge all the duplicated layers into one layer only. The keyboard shortcut to that is Command(mac)/Control(pc) + Alt + Shit + E. Select this layer and go to Filter>Blur>Radial Blur. Use 5 for the Amount, Zoom for the Blur Method and Best for the Quality.
درس النص المتفجر رائع - غير مترجم Step_18
Conclusion

The zoom blur will give that movement idea to our design, as the text is coming out of the page, exactly like the credits at the end of the movie. You can add some noise as well to give that movie style to the image. The technique on this tutorial is pretty simple, there's nothing that is difficult to be done, but the most important thing was that I wanted to show you that you can find inspiration everywhere, but it's important that you turn this inspiration into something real. The best way to do that is through personal projects درس النص المتفجر رائع - غير مترجم Wink
درس النص المتفجر رائع - غير مترجم Conclusion
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
درس النص المتفجر رائع - غير مترجم
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» النص الكامل لمقابلة الرئيس الأسد مع تلفزيون CCTV الصيني المركزي الرسمي
» درس أشتعال الأحرف في الفوتوشوب مترجم للعربيه
» Allok Video to MP4 Converter 6.2.0603 برنامج رائع لتحويل صيغ الفيديو الى MP4
» برنامج رائع لإصلاح أخطاء النظام والأنترنت أكسبلور Advanced PC Tweaker 4.2
» برنامج رائع لأصلاح أخطاء النظام والحفاظ على أستقراره Ace Utilities 5.1.0 Build 463

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات التعليميه والخدميه  :: 

التعليميه والخدميه للتصميم بالفوتوشوب

 :: 

دروس الفوتوشوب المكتوبه والمصوره

-
انتقل الى: