[TUT] Tạo hình có 4 góc bo tròn

Discussion in 'Design' started by FNguyen, May 8, 2009.

  1. Offline

    FNguyen

    • Già làng về hưu !!

    Message Count:
    2,289
    Likes Received:
    1,019
    Trophy Points:
    113
    Làm sao để tạo một hình ảnh có bo tròn 4 góc như thế này

    [IMG]

    từ tấm hình thế này

    [IMG]

    -Bước 1: Giả sử tấm hình có tên là Layer1.Chọn Rounded Reangle Too (U) Vẽ lên 1 shape như hình

    [IMG]

    Bước 2: Tại tab Layer,chọn layer 1,sau đó giữ phím CTRL + bấm trái chuột vào shape vừa tạo

    [IMG]

    Kết quả:

    [IMG]

    Bước 3 >Nhấn chuột phải chọn Select inverse

    [IMG]

    Kết quả

    [IMG]

    Bước 4: Nhấn Delete

    Kết quả

    [IMG]

    Bước 5:
    Xóa đi shape đã tạo

    Kết quả:

    [IMG]

    Bạn lưu thành file PNG để có dc nền trong suốt hoặc nếu đưa lên web hoặc diễn đàn thì tạo 1 layer background cho màu trùng màu nền web hoặc forum.

    Hoặc bạn có thể stroke để có viền cho ảnh

    Ví dụ:

    [IMG]


    Ngoài ra khi chọn công cụ Rounded Reangle Tool bạn có thể chỉnh Radius để có độ bo tròn thích hợp (như tut này FNguyen chọn Radius là 10px
  2. Offline

    npcuong

    • Member

    Message Count:
    678
    Likes Received:
    20
    Trophy Points:
    18
    Thanks.
    Chuyên gia cố gắng lên, share càng nhiều càng tốt. Em rất thích mấy cái này.:research:
  3. Offline

    thietmocchan

    • New Member

    Message Count:
    8
    Likes Received:
    0
    Trophy Points:
    0
    Tut hay

    Tut hay quá, rất bổ ích! Cám ơn bạn nhé!:infatuated:
  4. Offline

    wanted

    • Member

    Message Count:
    50
    Likes Received:
    0
    Trophy Points:
    6
    Bình thường thôi :music::music:
  5. Offline

    nnobita

    • Member

    Message Count:
    392
    Likes Received:
    4
    Trophy Points:
    18
    ai mà phán câu ghê quá :no:
  6. Offline

    haids

    • New Member

    Message Count:
    1
    Likes Received:
    0
    Trophy Points:
    0
    hay đó bạn
  7. Offline

    tanghainguyen

    • New Member

    Message Count:
    11
    Likes Received:
    0
    Trophy Points:
    0
    Bo góc hình tạo stroke

    Mình làm thêm một cánh hơi khác bạn Nguyên tí gởi các bạn tham khảo nha, mình vẫn sử dụng ảnh này của bạn Nguyên. Các bạn có thể kết hợp cả hai cách này để dùng nha!

    Tiền đâu(đầu tiên) ta nhấn Ctr + A để chọn toàn bộ ảnh
    - Vào Select - Modify - Smooth xuất hiện cửa sổ Smooth Selection
    . Mình chọn thông số là 10 các bạn có thể tùy ý cho nó bao nhiêu cũng được, miễn thấy hợp là được

    [IMG]

    Giờ ta đảo ngược vùng chọn đề delete bốn cái góc dư bằng cách nhấn Ctrl +Shift + Idelete thui.
    Sau khi del là ta đã có một bức ảnh bo góc như monh muốn rồi

    Ta tiếp tục tạo stroke và thêm chút tiêu ớt vô cho đẹp tí
    Bắt đầu nhé:
    - Ta (Ctrt + j) nhân đôi layers ảnh này lên
    - Rùi (Ctrl + T) or vào Edit - Free Transform để tạo vùng chọn cho ảnh.
    - Ta nhìn lên trên thanh thuộc tính (dưới thanh menu ) lick vào biểu tượng như hình dưới

    [IMG]

    Chắt các bạn sẽ hỏi tại sao. Tại vì lick vào đó để khi ta nhập kích thước để thu nhỏ hoặc phóng to hình thì nó sẻ thu đều cả bốn cạnh
    Mình nhập vào khung With là 90%.
    Gio ta sẽ Fill nền Backgound cho ảnh:

    - Chon layers Backgound rùi lick vào đây
    [IMG]
    xuất hiện bản màu

    [IMG]

    Ta cứ lick vào màu mà bạn thích rùi ok.
    Mình thì mình chọn mau đen cho nó sang..hì
    - nhấn giữ phím Alt + Delete or Alt + Backspace để đổi màu nền
    Bước cuối cùng la ta sẽ tạo stroke cho ảnh:
    Ta ấn giữ phím Ctrl và rê chuột đến khung layers và lick vào layers ảnh

    [IMG]

    Các bạn thấy ảnh được chọn ta vào meu: Edit- Stroke
    Xuất hiện bản này:

    [IMG]

    Tại mục: With nhập thông số tạo độ dày cho stroke
    mục: Color lick vào và chọn màu cho viền
    sau đó ok là ta có hình như monh muốn:

    Đây là kết quả của mình, mình đã tạo luôn hai stroke các bạn tìm hiểu và làm thử hen.
    [IMG]
    Các bạn cũng có thể tham khảo tại đây: http://www.newstar.vn/forum/showthread.php?t=1886
    "Các bạn thử nhé"
    :bulb:
  8. Offline

    FNguyen

    • Già làng về hưu !!

    Message Count:
    2,289
    Likes Received:
    1,019
    Trophy Points:
    113
    ủa có dzụ này hả hichic, dzị mà hồi h không biết hixhix.
    Cách này làm nhanh gọn nhưng chỉ bo tròn góc thôi, còn cách của N thì có thể ứng dụng để cắt hình thành bất cứ hình gì :cutesmile:

    PS: xóa chữ diendanspkt.net vẫn còn thấy mờ mờ kìa Hải :012:

    Chọc dzị thôi chứ bài viết hay lắm !!!
  9. Offline

    thanhbinh

    • Già làng về hưu !! - banned

    Message Count:
    92
    Likes Received:
    94
    Trophy Points:
    18
    :))
    bo góc cái này anh nguyên chỉ, sau này mình áp dụng lại khác !!!!
    các bạn nên tập trung vào cái điểm bo thôi : có 1 bước à,
    :) mấy ổng màu mè thêm râu ria thôi :))
  10. Offline

    tanghainguyen

    • New Member

    Message Count:
    11
    Likes Received:
    0
    Trophy Points:
    0
    Mình xóa đại diện thui mừ...hì

    Hì..cách này khác hơn của N là ta có thể thay đổi độ lớn của góc bo lớn nhỏ tùy thích vì góc bo phụ thuộc vào thông số ta gỏ vảo khung Smooth Selection
  11. Offline

    thanhbinh

    • Già làng về hưu !! - banned

    Message Count:
    92
    Likes Received:
    94
    Trophy Points:
    18
    cách nào cũng thay đổi d.c góc bo cả, cách anh nguyên thì thay đổi cái radius !!

Share This Page