Photoshop Tutorial

17
กกกกกกกก Abstract BG กกกก photoshop กกกกกกกกกกกกกกกกกกกกกกกกก CG กกกกกกกกกกกกกกกกกก กกกกกกกกกกกกกกกกกกกก กกกกกกก ก กกกก ก กกกก กกกกกกกกกกกกกกกกกกกกกกกก กกกกกกกกกกกกกก กกกกกกกกกกกกก กกกกกกก Talk about CG กกกกกกกกกกกก กกกกกกกกกกกกกกกกกกกกกกกกกกก กกกก กกกกกกกกกกกกกกกกก Background CG กกก Abstract กกกกกกกกก

Transcript of Photoshop Tutorial

Page 1: Photoshop Tutorial

การสร�าง Abstract BG ด้�วย photoshop

กะว่�าจะออกบันทึ�กเก��ยว่กบั CG มาหลายครั้�งหลายครั้า แต่�ไม�เคยได้�ออกสักทึ�

เห�นพี่�� ๆ หลาย ๆ ทึ�าน ออกมากนอย�างเมามนสั"ๆ ๆๆ

ต่ว่ข้�าน�อยน�น ยงอ�อนหด้นก แต่�อยาก Talk about CG ต่ามชื่%�อบัล�อก

เลยข้อเข้�ามาม�สั�ว่นเอ��ยว่บั�าง อ&อ&

ปรั้ะเด้&มด้�ว่ยการั้ทึ(า Background CG แบับั Abstract กนเลยค�ะ

 

 

Page 2: Photoshop Tutorial

 

1. ข้�นต่อนแรั้ก เป)ด้ photoshop กนเลยคบัพี่��น�อง ไปทึ�� File->New แล�ว่เล%อกเซ็�ต่ข้นาด้หน�ากรั้ะด้าษต่ามต่�องการั้กนเลย

 

2. เซ็�ต่สั�ต่รั้ง Foreground Color เป,นสั�ด้(า และ Background Color เป,นสั�ข้าว่

Page 3: Photoshop Tutorial

 

3.จากน�น เล%อกเครั้%�องม%อ Gradient Tool 

แล�ว่ลากจากข้�างข้��นบัน

 

จะได้�ผลด้งภาพี่

Page 4: Photoshop Tutorial

 

4. ไปทึ�� Filter->Distort->Wave...

 

5. จะปรั้ากฎหน�าต่�าง Wave ข้��นมา ไปเซ็�ต่ค�าต่รั้ง Type จาก default เป,น Sine เปล��ยนเป,น Square  และใสั�ค�าต่ว่เลข้ต่รั้ง Number of Generators ต่ามต่�องการั้ โด้ยจ(านว่นทึ��ใสั�น��ถ้�าย&�งมาก คว่ามถ้��ข้องเสั�นทึ��ปรั้ากฎให�เห�นก�จะมากด้�ว่ย และสัามารั้ถ้เปล��ยนลกษณะข้องเสั�นทึ��ปรั้ากฎโด้ยกด้ Randomize ข้�างใต่�ภาพี่ เพี่%�อ Random

ลกษณะข้องเสั�น สัามารั้ถ้ด้4ลกษณะการั้เปล��ยนแปลงจากหน�าต่�าง preview เม%�อก(าหนด้ค�าได้�ลกษณะเสั�นต่ามต่�องการั้แล�ว่ กด้ OK

Page 5: Photoshop Tutorial

 

 

6. ผลลพี่ธ์"ทึ��ได้�จะเป,นแบับัน��

 

7. ไปทึ�� Filter->Distort->Polar Coordinates...  จะปรั้ากฎหน�าต่�าง Polar Coordinates เล�ก ๆ มา จะม�ค�า default ทึ��รั้4ปแบับัแรั้กอย4�แล�ว่ จากน�น กด้ OK

 

8. ทึ(าการั้ Duplicate layer โด้ยการั้กด้ Ctrl+j

9. ไปทึ�� Filter->Distort->Twirl 

Page 6: Photoshop Tutorial

แล�ว่

ต่�งค�า Angle ให�อย4�รั้ะหว่�าง 120-130

 

 

10. ปรั้บัค�าต่รั้ง Blending Mode ข้อง Layer ทึ��ทึ(าการั้ Duplicate มา ให�เป,น Darken

 

11. จะได้�ผลลพี่ธ์"ด้งน��

Page 7: Photoshop Tutorial

 

12. กด้ป67ม Ctrl+Shift+N เพี่%�อเพี่&�ม Layer ใหม� หลงจากน�น กด้เล%อก Brush Tool โด้ยเล%อกลกษณะหว่ Brush แบับัฟุ้6 9งเบัลอต่รั้งข้อบั และเล%อกสั� Foreground Color  จากน�นจ�งคล&กเทึสั�บัน Layer ใหม�ทึ��สัรั้�างข้��น โด้ยสัามารั้ถ้เปล��ยนสั�ได้�ต่ามต่�องการั้  ด้งภาพี่

 

13. ปรั้บัค�าต่รั้ง Blending Mode ข้อง Layer ทึ��ทึ(าการั้เทึสั� ให�เป,น Color จะได้�ผลด้งภาพี่

 

Page 8: Photoshop Tutorial

Star Diffusion

posted on 12 Dec 2007 17:46 by nompao

Original Image

Star Diffusion Photoshop Tutorial

Star Diffusion Photoshop Tutorial

Step 1: Open a photo into Photoshop

Page 9: Photoshop Tutorial

Begin by opening a photo into Photoshop. To do this, choose File> Open, browse for the

file, and click OK.

Step 2: Create a duplicate of the layer

Press Ctrl+J or choose Layer> Duplicate Layer to create a duplicate of the Background

layer. You should now have a new layer. Double-click on the text of this layer and you will

be able to edit the layer name. Name this layer Star Diffusion.

Step 3: Add a layer mask

Page 10: Photoshop Tutorial

Add a layer mask to the Star Diffusion layer by clicking on the Add Layer Mask button in

the Layers pallet or by choosing Layer> Layer Mask> Reveal All. You should now have a

white thumbnail beside the layer mask.

Step 4: Create a copy of the image as a layer mask

After you change the layer name, the layer mask will be deselected. Before we continue,

click on the layer mask thumbnail in the Layer pallet to activate it. It should have a white

border around the thumbnail indicating that it has been selected. With the layer mask

selected, choose Image> Apply Image. In the Apply Image tool, simply click OK to use

the default settings. The layer mask should now have a copy of the image.

Page 11: Photoshop Tutorial

Step 5: Change the blending mode to Screen

In the Layers pallet, change the blending mode of the Star Diffusion layer to Screen.

Step 6: Duplicate the Star Diffusion layer and group the two layers

Make sure that the Star Diffusion layer is selected then press Ctrl+G or choose Layer>

Group Layers. The layer group put the layer into a group to keep the layers organized.

Double-click on the group name and rename this group to Star Diffusion. Now, select

back the Star Diffusion layer and press Ctrl+J or choose Layer> Duplicate Layer to

duplicate the layer.

Step 7: Apply a diagonal motion blur

Select any one of the two Star Diffusion layer and choose Filter> Blur> Motion Blur. Set

the Angle to -45º and adjust the distance according to the length of the streaks that you

want. If you're working on a high resolution image and the distance setting does not let

you create streaks long enough, use the highest setting, click OK, and then press Ctrl+F

to repeat the filter until you get the length you desire.

Page 12: Photoshop Tutorial

Step 8: Apply the opposite diagonal motion blur to the other Star Diffusion

layer

Now select the other Star Diffusion layer that you did not apply the motion blur effect to.

Choose Filter> Blur> Motion Blur and use the same distance settings as before but use

the opposite angle setting by simply removing the - from the angle (ex. 45º instead of -

45º). If you're working on a high resolution image and you had to repeat the filter in the

previous step to get long streaks, don't forget to repeat the filter again so that this layer

has the same streak length as the other Star Diffusion layer.

Step 9: Sharpen the Star Diffusion Layers

Page 13: Photoshop Tutorial

We now have a star diffusion effect, but it seems quite blurry and it's not every

noticeable. To make it more visible, we'll use the Unsharp Mask filter to sharpen the

layers. First, select any one of the two Star Diffusion layer and choose Filter> Sharpen>

Unsharp Mask. In the Unsharp Mask tool, adjust the amount and radius settings to make

the effect more visible.

When done, click OK, and apply the filter again on the other Star Diffusion layer by

selecting the layer and pressing Ctrl+F or choosing Filter> Unsharp Mask.

Step 10: Mask the effect out of the foreground

This star diffusion Photoshop effect can interfere with the subject in the photo by

covering it. To correct this, we'll simply mask out the effect from the important areas in

Page 14: Photoshop Tutorial

the photo. Begin by selecting the group in the Layers pallet and then clicking on the Add

Layer Mask button in the Layers pallet or choosing Layer> Add Layer Mask> Reveal All.

Once you have a layer mask, select the eraser tool and erase the areas that you would

like to hide the diffusion effect from. Start with a soft and large round brush with a 50%

opacity. The opacity of the brush can be changed from the option bar located near the

top of the Photoshop window and the brush settings can be accessed by right-clicking

anywhere in the document window.

Step 11: Alter the color of the Star Diffusion effect (optional)

If you want to be more creative, you can alter the color of the star diffusion effect. For

example, in the image below, the color of the two layers were changed to make the

background bokeh look like it came from a city instead of a park. To alter the color of the

effect, select the Star Diffusion layer and adjust the hue with the Hue/Saturation tool

(Ctrl+U or Image> Adjustments> Hue/Saturation). Then, select the other Star Diffusion

layer and use the Hue/Saturation tool again to change the color. You may also checkmark

the Colorize option in the Hue/Saturation tool if you want to use a specific color for the

entire layer.

Page 15: Photoshop Tutorial

Final Results

0 Comments

Comment

Name:

Website:

Comment:

   

 

Submit