Cổng vào tri thức => Đồ họa máy tính => Topic started by: saos@ngmo on 20/05/08, 17:18 Return to Full Version
Title: Reflection Tutorial - Thủ thuật tạo hình ảnh có bóng mờ dần
Post by: saos@ngmo on 20/05/08, 17:18
Post by: saos@ngmo on 20/05/08, 17:18
Nếu các bạn muốn làm 1 bức ảnh hoặc chữ có hiệu ứng giống ảnh này:
(http://pstutorialsblog.com/tutorials/reflection/final.gif)
Hãy đọc tutorial mình sẽ dịch ...vào 1 vài ngày nữa (vì mình cũng hay dùng tới tut này, :D )
Tạm dịch là thủ thuật tạo bóng mờ dần cho hình ảnh
With this tutorial I am going to show you how you can add reflections to your text, shapes or isolated objects. This is a very common (and easy) technique and is used a lot, especially in web design.
As an example for this tutorial I will add a reflection to text, however as I said before you can also use the same technique to add reflections to shapes or isolated objects.
Let's start our little Photoshop training session :) .
I have created a new document and just type PS Reflection as you can see in the screenshot below.
(http://pstutorialsblog.com/tutorials/reflection/text.gif)
The first step is to duplicate our text layer. You can do that by simply pressing Ctrl+J or by going to Layer -> Duplicate Layer.
Now, select the Move Tool (V) and drag the duplicate layer below the original one like in the screenshot below.
(http://pstutorialsblog.com/tutorials/reflection/movelayer.gif)
(You can also add a bit of perspective to the reflection layer by transforming it (Edit->Transform->Perspective) if you want.
The next step is to add a layer mask to the duplicate layer. To do this simply click on the add layer mask button in the layers palette.
(http://pstutorialsblog.com/tutorials/reflection/mask.gif)
Now pick the Gradient Tool and draw a gradient (black to white) in the direction that the arrow is showing in the screenshot below. (Hold Shift while you draw the gradient)
(http://pstutorialsblog.com/tutorials/reflection/gradient.gif)
You should now have something like this.
(http://pstutorialsblog.com/tutorials/reflection/gradientresult.gif)
Finally just reduce the opacity of the duplicate layer and you are all done. I reduced the opacity to 35% and here is my final result.
(http://pstutorialsblog.com/tutorials/reflection/final.gif)
There is no golden rule about the opacity % , just play with the opacity setting until you get your desired result.
Source: http://pstutorialsblog.com/81/reflection-tutorial/
(http://pstutorialsblog.com/tutorials/reflection/final.gif)
Hãy đọc tutorial mình sẽ dịch ...vào 1 vài ngày nữa (vì mình cũng hay dùng tới tut này, :D )
Tạm dịch là thủ thuật tạo bóng mờ dần cho hình ảnh
With this tutorial I am going to show you how you can add reflections to your text, shapes or isolated objects. This is a very common (and easy) technique and is used a lot, especially in web design.
As an example for this tutorial I will add a reflection to text, however as I said before you can also use the same technique to add reflections to shapes or isolated objects.
Let's start our little Photoshop training session :) .
I have created a new document and just type PS Reflection as you can see in the screenshot below.
(http://pstutorialsblog.com/tutorials/reflection/text.gif)
The first step is to duplicate our text layer. You can do that by simply pressing Ctrl+J or by going to Layer -> Duplicate Layer.
Now, select the Move Tool (V) and drag the duplicate layer below the original one like in the screenshot below.
(http://pstutorialsblog.com/tutorials/reflection/movelayer.gif)
(You can also add a bit of perspective to the reflection layer by transforming it (Edit->Transform->Perspective) if you want.
The next step is to add a layer mask to the duplicate layer. To do this simply click on the add layer mask button in the layers palette.
(http://pstutorialsblog.com/tutorials/reflection/mask.gif)
Now pick the Gradient Tool and draw a gradient (black to white) in the direction that the arrow is showing in the screenshot below. (Hold Shift while you draw the gradient)
(http://pstutorialsblog.com/tutorials/reflection/gradient.gif)
You should now have something like this.
(http://pstutorialsblog.com/tutorials/reflection/gradientresult.gif)
Finally just reduce the opacity of the duplicate layer and you are all done. I reduced the opacity to 35% and here is my final result.
(http://pstutorialsblog.com/tutorials/reflection/final.gif)
There is no golden rule about the opacity % , just play with the opacity setting until you get your desired result.
Source: http://pstutorialsblog.com/81/reflection-tutorial/
Title: Re: Reflection Tutorial - Thủ thuật tạo hình ảnh có bóng mờ dần
Post by: saos@ngmo on 20/05/08, 18:38
Post by: saos@ngmo on 20/05/08, 18:38
kết quả và như các bạn đã thấy trên trang chủ
(http://img263.imageshack.us/img263/1801/offlinethang5fx5.png)
(http://img263.imageshack.us/img263/1801/offlinethang5fx5.png)
Title: Re: Reflection Tutorial - Thủ thuật tạo hình ảnh có bóng mờ dần
Post by: vovavietnam on 29/07/09, 16:15
Post by: vovavietnam on 29/07/09, 16:15
Bác quên ko giảm opacity cho cái bóng rồi bác ơi!!!
Title: Re: Reflection Tutorial - Thủ thuật tạo hình ảnh có bóng mờ dần
Post by: saos@ngmo on 29/07/09, 20:58
Post by: saos@ngmo on 29/07/09, 20:58
giảm hay để còn tuỳ vào mắt người và màn hình thiết kế, với cả hồi đó newbie. :D