☂ مُنّتَديَاتْ صَمتْ المَشَاعرْ☂
اهلاً وسهلاً بكَ عزيزي الزائر بمنتديات صمت المشاعر لكل العرب ندعوك للأنضمام لأسرتنا المتواضعة وندعوك للتسجيل معنا المديرة العامه وصاحبة الموقع صمت المشاعر ترحب بكم ويسرها زيارتكم مع فائق الأحترام والتقدير
☂ مُنّتَديَاتْ صَمتْ المَشَاعرْ☂
اهلاً وسهلاً بكَ عزيزي الزائر بمنتديات صمت المشاعر لكل العرب ندعوك للأنضمام لأسرتنا المتواضعة وندعوك للتسجيل معنا المديرة العامه وصاحبة الموقع صمت المشاعر ترحب بكم ويسرها زيارتكم مع فائق الأحترام والتقدير
☂ مُنّتَديَاتْ صَمتْ المَشَاعرْ☂
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

للجميع
 
الرئيسيةالرئيسية  البوابةالبوابة  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  العاب اونلاينالعاب اونلاين  الطبقات واللمسات الإحترافية بالتعامل معها  O16  

 

 الطبقات واللمسات الإحترافية بالتعامل معها

اذهب الى الأسفل 
4 مشترك
كاتب الموضوعرسالة
ياسر الخطيب

ياسر الخطيب


نقاط : 546
العمر : 41
عدد المساهمات : 355
السٌّمعَة : 1

الطبقات واللمسات الإحترافية بالتعامل معها  Empty
مُساهمةموضوع: الطبقات واللمسات الإحترافية بالتعامل معها    الطبقات واللمسات الإحترافية بالتعامل معها  Icon_minitime1السبت 26 يونيو 2010, 1:00 pm

أبسط الطرق الإحترافية للتعامل مع الطبقات وتتداخلها برسومات إحترافية بمنتهى الروعى والإتقان في برنامج الفوتوشوب


Simple Underwater Scene in Photoshop


June 07, 2010


















google_protectAndRun("render_ads.js::google_render_ad", google_handleError, google_render_ad);


A few weeks ago I received an email from a reader asking me if I could write a tutorial showing an underwater scene. I have written some tutorials on this subject like the 3D type made out of water or the underwater scene for Digital Arts in 2008. However I was watching TV this weekend when I started to watch I, Robot. The opening titles of that movie is awesome and really inspired me to write this tutorial.

In this tutorial I will show you how to create a underwater scene with some bubbles and light effects. We will use the Brush Tool to create the bubbles and basic tools and filters for the rest of the effects. The whole process won't take more than 45 minutes and as usual you can download the Photoshop file in the end of the tutorial.

Step 1

Open Photoshop and create a new document, I'm using 2560x1440 pixels so I can use it as wallpaper. After that fill the background layer with black.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 2

Add another layer and fill it with green (234b44)
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 3

With the green layer selected go to Layer>Group Layer. The layer will be inside a folder in the Layer Palette. Select this folder and go to Layer>Layer Mask>Hide All. Select the Brush Tool (B) and, with a big soft brush, paint with white over the areas you want to be shown,
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 4

Select the green layer now and go to Layer>Layer Mask>Reveal All. Over the layer palette, select the mask of the layer and go to Filter>Render>Clouds. You will apply the clouds into the mask. After that, still with the mask selected, go to Filter>Blur>Gaussian Blur. Use a big value, I used 80px for the Radius but this value will vary depending on the size of your document.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 5

Add another layer on top of the others and with the Brush Tool (B) and a very soft brush, paint a red spot light like I did in the image below. Change the Opacity of this layer to 65% as well.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 6

Add another layer on top of the others and then again with the Brush Tool (B) and the big brush you used before, select now a dark blue and paint some areas above the red. This blue has to be very subtle, so change the Opacity to 20-30%.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 7

Add another layer and then select the Gradient Tool (G). Click on the gradient colors to open the Gradient Editor, then change the Type to Noise, the Roughness to 100% and select both Options: Restrict Colors and Add Transparency.
Fill the layer with the gradient and then go to Image>Adjustments>Desaturate. After that go to Filter>Blur>Gaussian Blur. I used 30 pixels for the Radius, but once again this value will change depending on the size of your document.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 8

Just change the Blend Mode of the layer with the noise gradient to Color Dodge.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 9

For the bubbles I created a brush using a photo for reference. The photo I used was courtesy of [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] and you can download it [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]. You can also [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط].
Add a new layer and then select the Brush Tool (B) and then using a big size, I used 400 pixels, paint some bubbles using white for the color. Group this layer (Layer>Group Layers) and change the Blend Mode of the Folder to Color Dodge.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 10

Select the layer with the bubbles and go to Filter>Convert for Smart Filters. Then go to Filter>Blur>Gaussian Bur. Use 7 pixels for the Radius. The whole layer will get blurry, but notice that there is a sub layer with a white thumb called Smart Filters. Select the Brush Tool (B), with black for the color and start painting over the bubbles you don't want them to be blurry. It's like a maks for the smart filters.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 11

Import your logo and go to Layer>Layer Styles>Blending Options. Change the Fill to 0, then select Inner Glow. Use Color Dodge for the Color, 50% for the Opacity and change the Size to 15pixels. After that select Bevel and Emboss. Use Inner Bevel for the Style, 90% for the Depth, Down for the Direction, 1 pixel for the Size, 5 pixels for the Soften. For the Shading options use 70º for the Ange and 16º for the Altitude. For the Highlight and Shadow Modes use Color Dodge with white for the colors and 100% Opacity.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 12

Add another layer, you can add it inside the folder of the other layer with Bubbles, the one we created in the step 9. With the Brush Tool (B) and the bubble brush, this time with a much smaller size, paint some bubbles over the A, B, Ds and O like the word would be disintegrating into bubbles.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 13

Select the text layer and go to Layer>Layer Mask>Reveal All. With the Brush Tool (B) and soft brush with black paint over the areas that the text would be disintegrating into bubbles (1-6)
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 14

Select the bubbles layer the one that is over the text and the repeat the same technique we did on the Step 10 to make some parts of the layer blurrier than other areas.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 15

Add a layer on top of the others and go to Filter>Render>Clouds. Make sure you had black and white for the background and foreground colors. After that go to Filter>Render>Difference Clouds. The layer will be very dark, so go to Image>Adjustments>Invert, then go to Image>Adjustment>Levels. Increase the white input until you have an image like the one below.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 16

Change the Blend Mode to Color Dodge and go to Filter>Blur>Gaussian Blur. Use 20 pixels for the Radius. You can also reduce the Opacity to 60%.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 17

To give more realism to the composition you can add some real bubbles, here I'm using a photo that is courtesy of [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] and you can find it [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]. As you can see the photo has black background, in this case, change the Blend Mode to Color Dodge so the black becomes transparent.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 18

Once again you can convert the layer with the stock photo of bubbles to smart objects and then apply Gaussian Blur and paint of the areas you want to keep them without blur like we did on the Step 10.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 19

Add a layer on top of the others and then select the Paint Bucket Tool (G). Change the type to Pattern, then select the stripes pattern that I have created, [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط].
Fill the layer with the pattern and go to Filter>Blur>Gaussian Blur. Use 2 pixels for the Radius, then change the Blend Mode to Overlay and the Opacity to 50%.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Conclusion

The idea of this tutorial was to show you how to create a sort of underwater scene using basic tools like brushes and gradients combined with simple filters like blur and clouds. The whole process is pretty simple and you can now create some really nice wallpapers as well.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
احمد الحبيب
صمتي قتلـني
صمتي قتلـني



نقاط : 1383
العمر : 50
عدد المساهمات : 971
السٌّمعَة : 5

الطبقات واللمسات الإحترافية بالتعامل معها  Empty
مُساهمةموضوع: رد: الطبقات واللمسات الإحترافية بالتعامل معها    الطبقات واللمسات الإحترافية بالتعامل معها  Icon_minitime1الأحد 27 يونيو 2010, 9:22 pm

انا بعرف الفوتوشوب
بس مش عارف
ايه ما فهمت هنا شيء
ممكن التوضيح
اسف بثقل عليك
بس هو العشم
مشكور اخي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
امير الصمت

امير الصمت


نقاط : 278
عدد المساهمات : 141
السٌّمعَة : 0

الطبقات واللمسات الإحترافية بالتعامل معها  Empty
مُساهمةموضوع: رد: الطبقات واللمسات الإحترافية بالتعامل معها    الطبقات واللمسات الإحترافية بالتعامل معها  Icon_minitime1الإثنين 28 يونيو 2010, 9:16 pm

شكرآ ليك اخى
عن جد موضوع رائع
تقبل مرورى
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://samtalmshaar.yoo7.com
ياسر الخطيب

ياسر الخطيب


نقاط : 546
العمر : 41
عدد المساهمات : 355
السٌّمعَة : 1

الطبقات واللمسات الإحترافية بالتعامل معها  Empty
مُساهمةموضوع: رد: الطبقات واللمسات الإحترافية بالتعامل معها    الطبقات واللمسات الإحترافية بالتعامل معها  Icon_minitime1الخميس 01 يوليو 2010, 12:09 pm

بسم الله الرحمن الرحيم
على العكس تماما عزيزي أحمد الحبيب
كل شيء واضح ينبغي عليك التأقلم مع اللغة الأم للمصطلحات والتعابير في برنامج الفوتوشوب كي لا
تكون هناك أي إلتباس بالنسبة للأفكار وللتصميم ولكن المعرفة ليست كل شيء ولكن ينبغي أن نطور المعرفة بالتمرين
والعمل المتواصلين المهم هنا حاول الدخول على المواقع العربية التي تمنحك التعاليم التي تمكنك من أن تطور خبراتك الذاتية لاسيما بمجال التصميم وأتمنى أن تلقى ما يعجبك في هذا الدرس وإن كان ولا بد فالصور تتكلم عن البرنامج ذو الإصدار السي إس ثري وإن كنت تعلمت على نسخ أقدم فالفرق ليس كبير وهناك دروس أخرى في المنتدى تقدم لك
الكثير من النصائح والآليات المتبعة لذلك
شكرا لك ولمرورك والشكر أيضا
للبرينس هيما ايضا اشكرك على المرور
وتحياتي لكم
الرجوع الى أعلى الصفحة اذهب الى الأسفل
صمت المشاعر

الطبقات واللمسات الإحترافية بالتعامل معها  I44i77b7ec6e1a
صمت المشاعر


نقاط : 3289
العمر : 39
عدد المساهمات : 1635
السٌّمعَة : 1

الطبقات واللمسات الإحترافية بالتعامل معها  Empty
مُساهمةموضوع: رد: الطبقات واللمسات الإحترافية بالتعامل معها    الطبقات واللمسات الإحترافية بالتعامل معها  Icon_minitime1الخميس 01 يوليو 2010, 12:55 pm

شكرا لحضرتك موضوع رائع ومفيد لا عدمنا مجهودك اخي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
الطبقات واللمسات الإحترافية بالتعامل معها
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
☂ مُنّتَديَاتْ صَمتْ المَشَاعرْ☂  :: منتدى الغرافيكس :: قسم الفوتوشوب-
انتقل الى: