Instruction Tách Hình Bằng "Refine Edge" Trong PSD - Make By Tân 24/03/15

Posted by vkdt at Tuesday, March 24, 2015

Bước 1: Chọn công cụ "Quick Selection Tool"

Bước 2: Rê chuột theo hình muốn tách ra

Bước 3: Click chuột phải rồi chọn công cụ "Selection Inverse" để nghịch đảo vùng chọn. Cái  này là tùy ý chứ không phải nhất thiết phải chọn vì ở đây mình làm tắt nên phải chọn

Bước 4: Click chuột phải rồi chọn công cụ "Refine Edge"

Bước 5: Thiết lập các chức năng như trên màn hình
Lưu ý: khi tách hình đẹp hay không đẹp là do lúc mình vẽ hình có nét hay không. Ở đây mình làm căn bản nên có thể thấy hai bên đường viền không được mượt cho lắm, còn nhiều nét đứt. Ta có thể dùng các chức năng trên Form để xóa nó đi. Các thông số bên trên ta có thể làm theo ý muốn chứ không phải theo như hình trên

Bước 6: Ta nhấn tổ hợp phím "Ctr + J" để tách vùng chọn ra khỏi background

Để kiểm tra lại có chính xác hay không thì ta cho màu nền bên dưới để thấy rõ hơn.

wish you succeed!

How to make the switch button of UI office

Posted by vkdt at Friday, March 20, 2015

Recently, a project needs to make a material like small switch, and we will share the following steps with you.
Step 1. Find some pictures of things to analyze the structure of the switch, texture and color performance.
Make analysis of light and texture and make delineation of the location and intensity of illumination.
Step 2. Set a 1136 * 640 canvas (iPhone5s resolution).
Step 3. Based on the prototype drawing, use a graphical tool to draw a circle hook on the canvas as the button’s positive side and name the layer to be “button – below”.
Step 4. Copy the just circular pattern, select the bottom anchor point, drag the anchor position up as front of the button, and name the layer to be “button – on”.
Step 5. Edit “button – on” and draw the shape and texture of the switch front; layer style is as follows.
Step 6. Edit “button – below” and draw the shape and texture of the side bottom of the switch button; the layer style is as follows.
Step 7. Then we draw the groove bit to install the button; use the same method to draw a slightly larger concentric circle and the layer can be named “groove”.
Step 8. At the point, we have completed 70% of it, and then we need to add shadows; as for the shadow layer, I use a little “thin” oval shape, so that the formed shadows look more real.
Step 9. Finally, we make words of OFF and ON (note that ON should be slightly flat to be more in line with the perspective relationship), and then add a reddish light effect on the groove; thus, it’s completed.
Step 10. In the same way, we can also make the state of On.

3 minutes to make a hairy ball

Posted by vkdt at Friday, March 20, 2015

Step 1, Create a picture with the size of 500x500px in PS.
Step 2, Create a new layer and draw a circle, fill color.
Step 3, Filter-Noise-Add Noise, Amount:20%, Distribution:Gaussian.
Step 4, Filter-Blur-Gaussian Blur, Radius:1.5 pixels.
Step 5, Filter-Blur-Radial Blur, Amount:30, Blue Method:Zoom, Quality:Good.
Step 6, (Crucial step) smudge tool, brush:2px, strength:80%, apply at the edge of the image, produce furry effect, Very simple. But requires patience.
Step 7, Create new shadow and highlight layers, Shadow layer:Multiply, translucent black. Highlight layer:Overlay, translucent white.
Step 8, Add shadows. Tuning the details.
Time: 3 minutes. Complete!

Instruction Tách Nền Trong PSD Bằng "Pen Tool" - Make By Tân 20/03/15

Posted by vkdt at Friday, March 20, 2015

Bước 1: Ta chọn công cụ "Pen Tool" hoặc phím tắt là "P". Dùng công cụ này để vẻ theo đường cong của hình ảnh ta muốn tách nó ra với background.

Bước 2: Ta vẻ một đường bao quanh tương tự như vậy. Lưu ý là  các điểm phải được nối với nhau không được đứt khoảng.

Bước 3: Chọn công cụ "Add Anchor Point Tool" để tạo những điểm ta muốn uốn lượt. Trong lúc bẻ công theo hình sản phẩm, nếu dư điểm nào thì ta lick chuột phải vào điểm đó và chọn chức năng "Delete Anchor Point" để xóa, củng tương tự như vậy ta chọn chức năng "Add Anchor Point" để thể điểm bẻ cong. Việc tách hình có đẹp hay không là nhờ cách ta bẻ cong làm sao cho thật chính xác. điều này ta có thể làm được nếu tập luyện thường xuyên.

Bước 4: Sau khi bẻ cong theo hình sản phẩm thì ta nhấn phím tắt "Ctrl + Enter" để tạo vùng chọn theo đường bẻ cong.

Bước 5: Sau khi tạo được vùng chọn ta nhấn phím tắt "Ctrl + J" để tách hình sản phẩm ra khỏi background.

Bước 6: Để kiểm tra lại xem hình sản phẩm có bị lỗi ở các đường biên hay không, ta chọn màu nền là chèn bên dưới để kiểm tra được dễ dàng hơn.

Chúc bạn thành công!

Write By Tân 20 - 03 -  2015