Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

Cách tạo ra một quả bóng thủy tinh đẹp

Chủ đề thuộc danh mục 'English tutorial' được đăng bởi hoanglee1593, 24/11/13.

Lượt xem: 11,625

  1. hoanglee1593 Thành viên cấp 1

    1. Prepare the document
    Save the following file called Newspaper on your computer (right click on the link and select in Windows Save Target As...).
    For this tutorial I've chosen to go for a rather small file (640x480 pixels), just to make it easier for you to see what you're doing.
    Open the file in Photoshop. Add a new layer by clicking on the Create a new layer icon [​IMG].
    Grab the Elliptical Marquee tool [​IMG] from your toolbar and make a selection (hold down the shift key before you make the selection to make the selection a perfect circle) somewhere in the area and with the size that I'm showing here:[​IMG]
    2. Fill the selection with the base color of the glass ball
    Click on the foreground color in the tool bar marked with red in this screenshot:[​IMG]In the Color Picker window that opens you enter the value D6D3C0 in the area marked with A:[​IMG]Grab the Paint Bucket Tool [​IMG]and fill the selection with this color.
    Press Ctrl +D (Command + D on the Mac) to get rid of the selection. You can also use the menu to do this:Select/Deselect.
    3. Add a layer style
    Go to the layers palette and click on the Add a Layer Style icon [​IMG]and select Inner Shadow and use the settings shown here (watch out: the color white is selected):
    [​IMG]

    The result should look like this:[​IMG]
    4. Add a gradient
    Add a new layer by clicking on the Create a new layer icon [​IMG].
    Clip this layer with the layer underneath by pressing Ctrl + G (Command + G on the Mac) or Ctrl + Alt + G(Command + Option + G on the Mac) if you use Photoshop CS2.
    A clipping layer only affects the layer underneath. You'll see soon what I mean.
    Change the background color in the tool bar and use the following color: 65645F. We're now going to draw a gradient using the current fore- and background colors. Select the Gradient Tool in the toolbar [​IMG] (if it's not visible, then look under the Paint Bucket tool [​IMG]).
    Take a short look at the next screenshot. Make sure that a linear gradient [​IMG] (B) is selected in the options bar at the top and that the option Reverse (C) is selected. (mode should be normal, opacity 100%, dither and transparency should be both selected, but in most cases they're probably already having the right values)
    [​IMG]
    If you don't see a gradient that uses your colors at A which should look like this [​IMG] , then double click on the gradient in the options bar (A) and select the gradient from the list (most likely the first one) and click OK.
    Start in the middle where you see the red dot and end where you see the blue dot (Just before the area where the main color is getting lighter).
    [​IMG]

    The result should look like this:
    [​IMG]
    Press the letter D on your keyboard, which makes the foreground color black, the background color white:[​IMG]
    Add a Layer Mask to this layer by clicking on the Add Layer Mask icon [​IMG]. Don't you worry if it switches the fore- and background color when you do this, this is normal behavior. Note: If the fore- and background colors look like this [​IMG] after you added the mask, then everything is ok. If they are switched, then just click on the double arrow points icon [​IMG] to correct this.
    The Gradient Tool is still active, but this time we need a Radial Gradient. Select the Radial Gradient [​IMG] in the options bar (the one beside the linear gradient (marked B in our previous screenshot of the options bar))
    With the layer mask still active (It will have a double border), create a radial gradient by starting in the middle and stopping at the outher edge of our circular shape.
    By this time we should you have something like this:
    [​IMG]
    5. Add more layer styles
    [​IMG]We're now going to duplicate our Layer 1.
    Click on its icon in the layers palette, hold down the mouse button and drag (A) the layer to the Create a new layer icon [​IMG] and release the mouse button.
    The next step is to move this duplicate (that has now become the layer with name Layer 1) to the top of our layers palette; click onLayer 1 and drag (B) it all the way up until you notice a dark black line appearing above the top layer. At that moment release the mouse button.




    ==================================================================================================
    Warning for users of Photoshop CS2 or later : it turns out that Photoshop CS2 changes Layer 2 back to a normal layer, one that is not clipped, when we duplicate Layer 1. To correct that make sure Layer 2 is active and press Ctrl + Alt + G (Command + Option + G on the Mac). Again, this should only be done in Photoshop CS2.
    [​IMG]
    ==================================================================================================

    Make sure that Layer on (our new top layer) is active (you will notice the [​IMG]in front of it).
    Set the Fill of this layer to 0% (A) and then double click on the Layer Style icon [​IMG](B) to modify the Layer Style of this layer:
    [​IMG]
    Use the following effects settings for the layer style. Make sure that all settings are exactly the same, including color or blending mode settings.
    Inner Shadow(pay special attention to the option Use Global Light, because it's not selected! Also notice that we have a black rectangle beside the Blend Mode; double click it if yours is not black, to change its color!)
    [​IMG]
    Inner Glow
    [​IMG]
    After this our image should look something like this:
    [​IMG]
    6. Add more volume
    Add a new layer by clicking on the Create a new layer icon [​IMG].
    Select the Brush Tool [​IMG] in the tool bar.
    Click on the area of the options bar that I've marked in red and select a 150px brush, with a hardness of 0%, which is the softest brush you can use.
    [​IMG]

    Set the foreground color to white.
    Click once with this brush exactly in the middle of this new layer (Layer 3). Now go to the menu and selectFilter/Effects/Gaussian Blur... and select a radius of 25 and click OK.
    Note: because we've blurred the white dot, white pixels might appear outside the area that we have defined as our glass ball, so we have to get rid of it. It's quite simple and we're going to use a little 'trick' for that.
    With the top layer (Layer 3) still active we Ctrl + click (Command + click on the Mac) on the thumbnail of the layer underneath this layer (Layer 1) which will load it's shape (the ball) as a selection and all we have to do now is to click on the Add Layer Mask icon [​IMG]and we've got rid of all white pixels outside our glass ball.
    Now change the opacity of this layer to 30%. This screenshot also shows how your layer palette should look like at this moment:
    [​IMG]
    7. Create a highlight
    Add a new layer in Photoshop by clicking on the Create a new layer icon [​IMG] and that's going to be Layer 4.
    Select the Brush Tool [​IMG] and use a hard brush (hardness is 100%) with a size of 20. Change the foreground color to white (or a very slight yellow (close to indoor light) using a value of FFFFE8).
    Place the highlight in the location shown here:
    [​IMG]

    Go to the menu and select Effects/Blur/Gaussian Blur... and select a small radius of .5 and click OK.
    Go to the layers palette and click on the Add a Layer Style icon [​IMG]to add a layer style and select the Outer Glow effect and use the settings shown here:
    [​IMG]
    8. Add a shadow
    First make the Layer 1 copy (the one above the background layer) the active layer by clicking on it; a [​IMG] will appear in front of it.
    Now set the Fill of this layer to 25% [​IMG]
    You'll notice that by doing that, that we're are getting closer to the final result:
    [​IMG]
    If the bottom is too bright (marked with the arrow), then just select the Layer Style of Layer 1 copy and lower the opacity of the Inner Shadow effect (or increase it if that's what you prefer).
    We now click on the background layer with the newspaper image on it, to make it active.
    Add a new layer by clicking on the Create a new layer icon [​IMG].
    With this layer (Layer 5) active we click on Ctrl + click (Command + click) on the thumbnail of the layer above (the one with glass ball, Layer 1 copy). The result is a selection in layer 5 that is based on this glass ball.
    Press the letter D on your keyboard, which makes the foreground color black, the background color white [​IMG]
    We're now going to draw a gradient using the current foreground color (black) in combination with transparency. Select the Gradient Tool in the toolbar [​IMG] (if in it's not visible, then look under the Paint Bucket tool [​IMG]).
    Make sure that a Radial Gradient [​IMG] (B) is selected in the options bar at the top and that the optionReverse (C) is selected.
    [​IMG]
    If you don't see a gradient in your options bar ( A), that looks like one going from transparency to black, then double click on the gradient in the options bar (A) and select the gradient from the list (the one right beside D) and click OK.
    Draw the gradient by starting in the middle of your selection and end at the edge of this same selection.
    We're now going to transform this selection in an elliptical shape by using the transform tool. Go in the menu toEdit/Free transform or press Ctrl + T (Command + T on the Mac). A rectangular box with 8 handles will appear.
    Now pull the upper center handle downward (see A) until you have a shape that looks like the one in B.
    Now press enter on your keyboard to complete the transformation and press Ctrl +D (Command + D on the Mac) to get rid of the selection. You can also use the menu to remove the selection: Select/Deselect.
    [​IMG] [​IMG]
    [​IMG]
    We now have to move this shadow to the right (B). Be aware that the arrow only marks the direction, not the distance.
    Select the Move Tool [​IMG] in your tool bar.
    To move the selection, click on the shape and while holding the mouse button move the shape in place. Have a look at screenshot Cto see where you should place this shadow. If your shadow seems to jump while you try to move it, then go to the menu and select viewand make sure that Snap is turned off:
    [​IMG]
    Now change the opacity of this layer to 50%. In the menu we selectFilter/Blur/Gaussian Blur... and select a radius of 2 and click OK. On the right you can see how the layers palette should look like after you've done all steps (in this screenshot I marked the color of the shadow layer with yellow).
    [​IMG]
    9. Deform inside of glass ball and shadow
    In this last step we're going to deform the image inside the glass ball. Make sure that our shadow layer (Layer 5) is still active and Ctrl + click (Command + click) on the thumbnail of the layer above (the one with glass ball, Layer 1 copy). The result is a selection in layer 5 that is based on this glass ball (like we did in step 8).
    Now got to the menu and select Filter/Distort/Spherize...
    Select for Amount the value 100% and make sure that Normal is selected for Mode. Click OK.
    The shadow is now deformed.
    [​IMG] [​IMG]
    Make the background layer active and press Ctrl + F (Command + F on the Mac).
    Note: Ctrl + F will always apply the filter that was used previously, in our case Spherize.
    That was our final step and this is the result:
    [​IMG]
    Tutorial Update - Improving the highlight
    In this update we're going to improve the highlight. Click on Layer 4 that contains our highlight to make it active.
    We are now going to transform the highlight by pressing Ctrl + T (command + T on the Mac) and entering a value of 65% for Horizontal Scale (A) and a value of 45 for Rotation (B) and press enter twice:
    [​IMG]

    This makes the highlight look more like an actual part of the ball:
    [​IMG]
    Nguồn: (lunacore.com)

    ...
    dongvu, dongjangjuno, KauBuonViAi14 người khác thích bài viết này.
  2. Shane Wall-E

    Shane Wall-E Thành viên cấp 1

    Quá đẹp và giống thật :D
    hoanglee1593 thích bài viết này
  3. Click.l0ve_93

    Click.l0ve_93 Thành viên cấp 3

    Can you speak VietNamese :))~
    hoanglee1593RubyNguyen thích bài viết này.
  4. hoanglee1593

    hoanglee1593 Thành viên cấp 1

    Click.l0ve_93 thích bài viết này
  5. MaMa

    MaMa Thành viên cấp 2

    Tuyệt quá đi. Nhưng mà mình thấy vẫn còn 1 điểm chưa thật.
    Quả cầu thủy tinh sẽ giống như 1 cái kính lúp, khi ánh sáng đi qua nó sẽ cho ra 1 điểm sáng trên cái bóng của nó, ánh sáng mờ thì điểm sáng cũng mờ ảo.
    Mình nghĩ thêm điều này nữa sẽ giống thật hơn ^^
    hoanglee1593 thích bài viết này
  6. Nhoc L.T.A

    Nhoc L.T.A Thành viên cấp 2

    Có 1 video tut cho các bạn làm theo đây này :D
    hoanglee1593 thích bài viết này
  7. Lệ Anh trong đêm

    Lệ Anh trong đêm Thành viên cấp 1

    đẹp thật
    hoanglee1593 thích bài viết này
  8. lehuudung_92

    lehuudung_92 Thành viên cấp 1

    kinh tởm @@! vãi pts
  9. lê luân

    lê luân Thành viên cấp 1

    các bác chịu khó lên youtube seach những tut như thế này rất nhiều, học theo làm lên nghề nhanh lắm :)
    hoanglee1593 thích bài viết này
  10. MaMa

    MaMa Thành viên cấp 2

    [​IMG]
    Hiệu ứng chữ như đây mới thật nè các bạn .
    KauBuonViAiLệ Anh trong đêm thích bài viết này.
Từ khóa:

Ủng hộ diễn đàn