Follow us on Facebook Follow us on Twitter Linked In Flickr Watch us on YouTube My Space Blogger
التسجيل
النتائج 1 إلى 11 من 11

درس رائع لعمل مشهد واقعي بالفوتوشوب

هذا الموضوع : درس رائع لعمل مشهد واقعي بالفوتوشوب داخل الدورات والدروس التعليمية | Photoshop Tutorials & Tipsالتابع الي قسم الفوتوشوب | Adobe PhotoShop : Final Product What You'll Be Creating A while back I saw a still life photo of a loaf of bread ...

  1. #1


    الصورة الرمزية ام اياد
    الإشراف العام

    الحالة
    غير متصل
    تاريخ التسجيل
    Jul 2007
    الدولة
    مصرية في الامارات
    المشاركات
    7,307
    Thanks
    0
    Thanked 3 Times in 3 Posts
    معدل تقييم المستوى
    179

    درس رائع لعمل مشهد واقعي بالفوتوشوب

    Final Product What You'll Be Creating



    A while back I saw a still life photo of a loaf of bread sitting on a table. That photo inspired me to attempt to recreate this still life photo using Photoshop. In today’s tutorial, I will demonstrate how to create a realistic looking loaf of bread in Photoshop. Let’s get started!




    Step 1


    Begin by creating a 1000 x 550 px document. Create a new group called “BG”. Inside this new group, create a new layer called “Tile BG” and fill with a medium brown color.




    Step 2


    Set your Background Color to white and add the Tiles filter (Filter > Stylize > Tiles) with the following settings:



    Step 3


    Use the Paint Bucket tool to fill the white with a light gray color. (Repeat the Fill several times). To add some color variation to the tiles, select the square brush and set its size to the same size of the tiles (in this case, it is roughly 108 px). Use this brush to Dodge and Burn individual tiles.




    Step 4


    Keep going until you are happy with the variation in the tiles. Next, go to Filter > Noise > Add Noise and set the amount to 12%, Distribution to Gaussian, and check the Monochromatic box. Next, add a Gaussian Blur of 1.4 px




    Step 5


    Now that we have a good sampling of some tiles, we can start to build the back two walls. To do this, we need to resize and reposition the tiles. Copy and paste this layer as you see fit to fill in the back wall. Transform one of the layer copies to resemble a side wall as shown below. Before we continue, we can merge the extra layers back into one layer named "Tile BG." (For the sake of this tutorial I am merging into one layer, however, you can also merge to a new layer if you prefer).



    We need to adjust the lighting on the tiled walls. Start by selecting the back wall (not the side wall) with the Polygonal Marquee Tool to adjust its levels. Do the same to the side wall, but make it lighter.




    Step 6


    Create a new layer called “Shadow 1″ and use a dark brown color and a large brush tool with 0% hardness to add some shadows in the corner. Set the Blending Mode to Multiply and the Opacity to
    53%. Add a second layer called “Shadow 2″ and paint in some more shadows toward the bottom. Set this layer’s Blending Mode to Multiply and Opacity to 74%.




    Step 7


    We want to get a nice depth of field effect, so we need to blur this back wall. To do this, select the “Tile BG” layer and give it a Gaussian Blur of 7.0 px. For added detail, create a new layer called “Sunlight” and use white to paint in some areas of direct sunlight on the side wall. Give this layer a Gaussian blur of 20 pixels and set its Blending Mode to Overlay and its Opacity to 90%.




    Step 8


    Now it’s time to add a counter top to our image. Create a new layer called "Table Top" and fill with a brownish-gray color. Open up the Layer Style and add a Gradient Overlay and Pattern Overlay as shown below. In order to properly edit this layer in the next step, we will need to merge the Layer Styles to the layer. Do this by right clicking on the Effects sub-layer and selecting Create Layers. This will expand the Layer Style on to their own layers. We can now merge (Cmd/Ctrl + E) these layers.




    Step 9


    Now that the “Table Top” layers have been merged, we can Transform (Cmd/Ctrl + T) this layer into perspective to resemble the counter top.




    Step 10


    We want to make the counter appear out of focus towards the back. To do this, we are going to use smart filters. Start by converting this layer for smart filters (Filter > Convert for Smart Filters). Now you can add a Gaussian Blur (set to 6.1px) and it will appear as an editable layer. We will complete the effect in the next step.




    Step 11


    When the Gaussian Blur Smart Filter was added, it also added a mask for the filter. Select this mask and with your foreground and background colors set to black and white, add a gradient to hide the effect as it gets closer to the foreground.




    Step 12


    The counter looks a little too blurry—we can easily change this since we’re using smart filters. Double click the Gaussian Blur effect to open the properties and change the Radius to 4.4 px. We are now done with the background!




    Step 13


    To start the cutting board, create a new group called “Cutting Board” and add a new layer called “Board” inside it. Position this above the “BG” Group



    Step 14


    Use the pen tool to create the shape of a cutting board. It may help to turn on the grid. Fill this with a tan color.




    Step 15


    To add a texture to the cutting board, start by setting your foreground and background colors to a light and dark tan (such as #CCAA7B and #A07349). Next, go to Filter > Render > Fibers and set the Variance to 8.0 and the Strength to 12.0. You can click “Randomize” until you have a good texture. When you’re done, Transform (Cmd/Ctrl + T) this into perspective.




    Step 16


    Copy the “Board” layer and rename it “Board Shadow.” Postion this layer below the original. Now, move the “Board Shadow” down on your canvas and adjust the Levels (Cmd/Ctrl + L) to make it darker.




    Step 17


    Create a new layer called “Board Side” and place it in between the two existing layers. Use a brush tool with a similar tan color to paint in the rest of the board as shown:




    Step 18


    Create a new layer called “Grain” and position it as shown. Use the Rectangular Marquee Tool to create a long rectangle filled with a light tan color. Add Fibers (Filter > Render > Fibers) to this layer, just like we did in step 15.




    Step 19


    Transform (Cmd/Ctrl + T) the “Grain” Layer to cover the entire side of the cutting board, making the grain run parallel to the side. Make this layer a clipping layer by Alt + Clicking in between the “Grain” and “Board Side” layers.




    Step 20


    Use Liquify (Filter > Liquify) on the “Grain” layer to add some realistic distortions (the Forward Warp Tool works best). You can also add some grain to the small area of the cutting board we haven’t touched yet.




    Step 21


    Use the Dodge and Burn Tools to add highlights and lowlights to the cutting board. It will be necessary to dodge and burn the “Board” and “Grain” layers separately.




    Step 22


    The cutting board appears to be floating. In order to ground it, we need to work on the shadows. Select the “Board Shadow” layer and make two extra copies.

    Select the top “Board Shadow” layer and give it a Motion Blur (Filter > Blur > Motion Blur) with an Angle set to -67 degrees and a Distance of 6 px.

    Select the second shadow layer and make this shadow black (you can use Levels to do this). Give this layer a Motion Blur (Angle: 0 degrees; Distance: 40 px) and a Gaussian Blur (Radius: 5.0 px).

    Select the thirds shadow layer and give this layer a Motion Blur (Angle: 0 degrees; Distance: 40 px) and another Motion Blur (Angle: 90 degrees; Distance: 7 px). Set the Blending Mode on all three layers to Multiply and you’re done.




    Step 23


    To finish the cutting board, we need to add a reflection. Do this by selecting the three cutting board layers and merging them to a new layer (Cmd/Ctrl + Alt + E). Position this layer at the bottom of the Cutting Board group stack. Set the Opacity to 42% and create a new Layer Mask to mask out part of the reflection as shown. Give the layer a Motion Blur with an Angle of 90 degrees and a Distance of 7 px. We are done with the cuttin board!




    Step 24


    To start the bread, create a new group called “Bread” and a layer inside called “Sketch.” Go ahead and rough in a sketch of a loaf of bread.




    Step 25


    Create a new layer called “Bread Base” and use a nice brownish-orange color (#B07344) to paint in a rough shape of the loaf of bread. Use the sketch as a guide. It is not necesssary to be exact, adding organic bumps on the bread will add to the realism.




    Step 26


    Next, we need to add some complex textures. Open the Layer Style on the “Bread Base” layer and give it a Pattern Overlay using the “Blistered Paint” texture. Go ahead and create this effect in to its own layer.




    Step 27


    Notice that the texture looks pixelated. To fix this, add a Median filter (Filter > Noise > Median) with a Radius of 2 px.




    Step 28


    Invert the colors by pressing Cmd/Ctrl + I and give it an Emboss (Filter > Stylize > Emboss) with an Angle of 90 degrees, a Height of 2 px and an Amount of 54%. Set this layer to Overlay.




    Step 29


    We need to create another texture very similar to the last one. To do this, we will repeat the last three steps with some small changes. Start by creating another Layer Style on the “Bread Base” layer, but this time, use the different settings shown.



    Go ahead and create this effect in to its own layer. You may get an error, but just click “OK” (Photoshop is just warning you that you have a clipping layer already applied to this layer). Since this is a smaller texture, we can skip the Median filter. Invert the colors by pressing Cmd/Ctrl + I and give it an Emboss (Filter > Stylize > Emboss) with an Angle of 90 degrees, a Height of 2 px and an Amount of 54%. Set this layer to Overlay with an Opacity of 34%.




    Step 30


    Add a Layer Mask to both texture layers we just created. Mask out some areas on each layer to make the textures less uniform.




    Step 31


    To give the bread some added realism, we want to recreate the small air bubbles that bake in to the bread. To start, create a new brush with the following settings:



    Create a new layer called “Bubbles” and paint in some bubbles as shown. When you’re done add a Bevel and Emboss with the settings shown. Set the layer’s Blending Mode to Overlay, the Opacity to 67% and the fill to 53%. You may need to use a layer mask to make some of the bubbles more subtle.




    Step 32


    In order to continue, we need to merge all bread layers together. Just copy the “Bread” group and merge that group. Use the Dodge and Burn tools to add lowlights and highlights to the bread.




    Step 33


    The bread is still too smooth. To add more variation to the texture, create a new brush (similar to the one we used for the air bubbles) and use it to dodge and burn areas of the bread. You can get more detail by adjusting the size of the brush as you work.






    Step 34


    To create the texture for the top of the bread, we need to create a new layer called "Bread Top" and fill it with white. With the Foreground and Background Colors set to Black and White, go to Filter > Render > Difference Clouds. Add the same filter a few more times (Cmd/Ctrl + F) and use Levels to adjust the contrast.



    Next, scale the layer down to cover just the top of the bread. Change the opacity to 25% so we can see where we’re working. Use Edit > Transform > Warp, and start warping this layer around the top of the bread.




    Step 35


    To finish this effect, go to Filter > Stylize > Emboss. Set the Blending Mode to Vivid Light and make it a clipping layer. Use this technique to add more texture to the top of the bread as you see necessary.




    Step 36


    To create shadows for the bread, use the same technique we did for the shadows of the cutting board. It helps to create a new group called “Bread Shadows”




    Step 37


    To finish the shadows, we need to give the bottom of the bread the subtle appearance that it is casting shadows on itself. To do this, we will create a new layer called “Casted Shadows” and clip it to the “Bread copy” layer. We can now paint in some subtle shadows.




    Step 38


    Almost done! The last step is to add a reflection of the bread on the cutting board. To start, make a copy of the "Bread Copy" layer (Be careful not to un-clip all of your clipping layers.) Place this copy inside the "Cutting Board" group at the top of its stack.



    Flip the copy of the bread layer vertically (Edit > Transform > Flip Vertical) and position it as shown below. Give this a Motion Blur of around 50 px at 90 degrees. Make this layer in to a clipping layer and set its Blending Mode to Overlay and its Opacity to 24%. You’re done!




    Final Image





  2. #2
    مصمم جديد

    الحالة
    غير متصل
    تاريخ التسجيل
    Dec 2010
    المشاركات
    19
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    0

    رد: درس رائع لعمل مشهد واقعي بالفوتوشوب

    جزاك الله خيرا
    كود:
    لاحولا قوة الا بالله العلى العظيم

  3. #3


    الصورة الرمزية 4MAX
    الإشراف العام

    الحالة
    غير متصل
    تاريخ التسجيل
    Jul 2009
    الدولة
    فى القلب
    العمر
    29
    المشاركات
    19,932
    Thanks
    983
    Thanked 241 Times in 199 Posts
    الصور
    6
    معدل تقييم المستوى
    462

    رد: درس رائع لعمل مشهد واقعي بالفوتوشوب

    بارك الله فيكى اختى ام اياد على هذا المجهود العظيم
    ان لله عبادا اختصهم لقضاء حوائج الناس
    حببهم للخير وحبب الخير لهم
    اولئك هم الامنون من عذاب الله يوم القيامه
    =====

    بروا آبائكم يبروكم أبنائكم




    ĎΞs!GŖ

    مركز طريق الجرافيك التعليمي

  4. #4

    الصورة الرمزية M.AbdELNasseR
    احباب طريق الجرافيك

    الحالة
    غير متصل
    تاريخ التسجيل
    Jul 2008
    الدولة
    مصر
    العمر
    25
    المشاركات
    4,129
    Thanks
    14
    Thanked 27 Times in 19 Posts
    الصور
    4
    معدل تقييم المستوى
    113

    رد: درس رائع لعمل مشهد واقعي بالفوتوشوب

    جزاكى الله كل خير أختى الكريمة أم أياد

  5. #5
    الصورة الرمزية ندى ريان
    مصمم مشارك

    الحالة
    غير متصل
    تاريخ التسجيل
    Mar 2011
    الدولة
    مصريه مقيمه بالسعوديه
    المشاركات
    121
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    11

    رد: درس رائع لعمل مشهد واقعي بالفوتوشوب

    رائع جدا هحاول اطبقه

  6. #6
    الصورة الرمزية emadosh
    مصمم مشارك

    الحالة
    غير متصل
    تاريخ التسجيل
    Jan 2011
    الدولة
    مــــــصــــ ام الدنيا ــــــــر
    المشاركات
    226
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    13

    رد: درس رائع لعمل مشهد واقعي بالفوتوشوب

    رهيب جدا
    مشكوور اخى
    نعيب طريق الجرافيك و العيب فينا * و ما لطريق الجرافيك عيب سوانا * و نهجو طريق الجرافيك بغير ذنب * و لو نطق طريق الجرافيك لنا هجانا

  7. #7

    الصورة الرمزية ahmed lotfy
    عضو مميز

    الحالة
    غير متصل
    تاريخ التسجيل
    Dec 2010
    الدولة
    محافظة كفر الشيخ
    العمر
    33
    المشاركات
    486
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    25

    رد: درس رائع لعمل مشهد واقعي بالفوتوشوب

    شكر الله هذا المجهود الرائع.
    تسلم الأيادى إختنا /أم إياد.

  8. #8
    الصورة الرمزية M.Nawara
    مصمم متميز

    الحالة
    غير متصل
    تاريخ التسجيل
    Aug 2010
    الدولة
    Egypt
    المشاركات
    1,662
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    47

    رد: درس رائع لعمل مشهد واقعي بالفوتوشوب

    بالفعل درس رائع جدااا
    شكرا ليكي يا أم اياد

  9. #9

    مشرف أخبار الثري دي والتقنيات

    الحالة
    غير متصل
    تاريخ التسجيل
    May 2010
    الدولة
    مصر
    العمر
    29
    المشاركات
    3,460
    Thanks
    0
    Thanked 3 Times in 3 Posts
    الصور
    3
    معدل تقييم المستوى
    91

    رد: درس رائع لعمل مشهد واقعي بالفوتوشوب

    درس رائع جدا, ربنا يجازيكى كل خير.

  10. #10
    الصورة الرمزية ahmedelking
    مصمم مشارك

    الحالة
    غير متصل
    تاريخ التسجيل
    Dec 2010
    الدولة
    مصر
    المشاركات
    267
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    14

    رد: درس رائع لعمل مشهد واقعي بالفوتوشوب

    thnxxxxxxxxxxxxxxxxxxxxxxxx alot

  11. #11
    مصمم مشارك

    الحالة
    غير متصل
    تاريخ التسجيل
    Apr 2011
    الدولة
    Damascus
    المشاركات
    273
    Thanks
    0
    Thanked 1 Time in 1 Post
    معدل تقييم المستوى
    15

    رد: درس رائع لعمل مشهد واقعي بالفوتوشوب

    رائع اختي و سلمت يمينك على هذا المجهود

    تقبلي مروري


 

 

المواضيع المتشابهه

  1. درس لعمل مشهد داخلي على سينما فوردي C4D
    بواسطة msk11 في المنتدى السينما فوردي | Cinema4D
    مشاركات: 8
    آخر مشاركة: 12 / 10 / 2013, 08 : 02 PM
  2. درس جميل لعمل رندر واقعي لدمية طائره
    بواسطة adel15481OO في المنتدى الدورات والدروس التعليمية | 3dsMax Tutorials & Tips
    مشاركات: 6
    آخر مشاركة: 21 / 03 / 2011, 19 : 12 PM
  3. ادخل وإكتسب المهارة بالفوتوشوب : درس تصميم اللحية يشكل واقعي
    بواسطة المستأنس في المنتدى الدورات والدروس التعليمية | Photoshop Tutorials & Tips
    مشاركات: 0
    آخر مشاركة: 03 / 02 / 2010, 48 : 02 PM
  4. طريقتان لعمل قرميد واقعي (للمبتدئين)
    بواسطة archi_mfm في المنتدى الدورات والدروس التعليمية | 3dsMax Tutorials & Tips
    مشاركات: 8
    آخر مشاركة: 04 / 12 / 2008, 48 : 11 AM
  5. تصميم برق بالفوتوشوب رائع Lightning
    بواسطة k o g d في المنتدى الدورات والدروس التعليمية | Photoshop Tutorials & Tips
    مشاركات: 14
    آخر مشاركة: 30 / 10 / 2008, 24 : 09 PM

الكلمات الدلالية لهذا الموضوع

المفضلات

ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  
الساعة الآن 32 : 10 AM
Powered by vBulletin® Version 4.2.3
Copyright © 2017 vBulletin Solutions, Inc. All rights reserved.
Search Engine Optimization by vBSEO