Advertisement

Tutorials

June 28, 2012

Hướng dẫn tạo 1 background đơn giản nhưng rất cool


More articles by »
Written by: Phạm Hữu Dư

Ngày hôm qua mình có đưa lên Fanpage I Love [Photoshop] 1 bức ảnh ghép nền tuy đơn giản nhưng trông khá bắt mắt, và mình đã nhận được ủng hộ nhiệt tình của các bạn, hôm nay mình xin chia sẻ tutorial về cách làm background dạng này, rất là đơn giản.

Đây là tác phẩm mình trưng bay trên I Love [Photoshop]

Đây là tác phẩm mình trưng bay trên I Love [Photoshop]

Okay ta thực hành luôn nhé! Đầu tiên, các bạn dùng công cụ Gradient tool, để chế độ mặc định Linear Gradient và chọn 2 màu đầu và cuối tùy thích, miễn sao nó tương phản là ok, ở bức ảnh trên mình dùng màu trắng và xanh lá cây nhưng trong bài tut này thì mình dùng 2 màu đen trắng cho các bạn tiện hình dung nhé. 

Hướng dẫn tạo 1 background đơn giản nhưng rất cool

Sau khi chọn xong Gradient, bạn bắt đầu kéo gradient từ trên đầu bức ảnh xuống cuối bức ảnh, ta sẽ có 1 vệt đen trắng như ảnh:

Hướng dẫn tạo 1 background đơn giản nhưng rất cool

Sau đó ta vào Filter-> Distort -> Wave

Hướng dẫn tạo 1 background đơn giản nhưng rất cool

Trong hộp thoại này các bạn set type là Square. Còn Wavelength thì min max chỉ nên hơn kém nhau 1 đơn vị. Độ lớn của những hình tam giác về sau phụ thuộc vào giá trị wavelength này, giá trị này càng lớn thì các cái tam giác sau này càng to. Tùy các bạn chỉnh sao cho phù hợp nhé!

Còn một chú ý nữa là các bạn chỉnh sao cho cái cột đầu tiên bên trái khác màu với cái cột cuối cùng bên phải, và 2 cái cột này nên có kích thước như nhau. Nếu chỉnh trong option này khó để biết được có bằng nhau không thì các bạn có thể nhấn ok rồi ra ngoài dùng công cụ Crop nhé.

Tiếp tục với Filter -> Distort -> Polar Coordinates

Chọn Rectangular to Polar và ấn OK

Hướng dẫn tạo 1 background đơn giản nhưng rất cool

Vẫn là Filter -> Distort, nhưng lần này là Twirl

Hướng dẫn tạo 1 background đơn giản nhưng rất cool

Các bạn nên zoom nhỏ thôi để có cái nhìn tổng thể hơn. Chọn cho mình 1 “độ xoắn” phù hợp. 

Okie! vậy là sau vài bước chỉnh trong filter bạn đã có 1 background kiểu xoắn khá là bắt mắt đúng không nào?

Hướng dẫn tạo 1 background đơn giản nhưng rất cool

Đây là kết quả cuối cùng của mình trong thi thực hiện tut này (sau khi wave mình có crop một chút). Các bạn có thể kết hợp thêm với Radial Gradient, Texture, etc…để làm cho background thêm ấn tượng, và sau đó chỉ viết cắt mẫu mà bạn muốn ghép và dán vào thôi. Nếu có thời gian mình sẽ hướng dẫn mọi người làm cái kẹo bằng kiểu này. Chúc mọi người thành công!

Mình làm tutorial hơi sơ sài, mong các bạn đọc hiểu và sẽ thích nó! Cảm ơn vì đã đọc tut của mình nhé!

Bài tutorial được thực hiện bởi bạn Thanh Tùng và có tham khảo từ 1 bài viết nước ngoài.

VN:F [1.9.22_1171]
Rating: 8.2/10 (34 votes cast)
VN:F [1.9.22_1171]
Rating: +13 (from 13 votes)

Hướng dẫn tạo 1 background đơn giản nhưng rất cool, 8.2 out of 10 based on 34 ratings



Phạm Hữu Dư
Cảm ơn bạn đã đọc bài viết này, nếu bạn cảm thấy bài viết này hay và có ích thì hãy ấn +1 hoặc Like để khích lệ tác giả bài viết nhé, và nếu được thì share cho bạn bè cùng đọc. Thanks!





 
 

 
Cách tạo brush để cho ra những bokeh đẹp lung linh

Cách tạo brush để cho ra những bokeh đẹp lung linh

Hẵn là các bạn đã từng thấy nhiều bức ảnh có kèm theo hiệu ứng bokeh rất lung linh và huyền ảo đúng không nào? Hôm nay mình xin chia sẻ một bài hướng dẫn rất cơ bản của bạ...
by Phạm Hữu Dư
15

 
 
Tạo hiệu ứng ảnh giống với poster phim "The Bourne Legacy"

Tạo hiệu ứng ảnh giống với poster phim “The Bourne Legacy”

Bạn đã từng xem bộ phim hành động “The Bourne Legacy” bao giờ chưa? Nếu đã từng xem có lẽ bạn sẽ không còn lạ lẫm gì với poster của bộ phim này, hiệu ứng khá bắt mắ...
by Phạm Hữu Dư
12

 
 
Hướng dẫn Việt hóa font chữ với phần mềm Fontlab Studio

Hướng dẫn Việt hóa font chữ với phần mềm Fontlab Studio

Nói đến font chữ bất cứ một designer nào cũng hiểu rõ tầm quan trọng của nó rồi đúng không nào? Hiện nay chỉ cần gõ vào một địa chỉ web cung cấp font chữ phổ biến, ví dụ n...
by Phạm Hữu Dư
25

 




26 Comments


  1. kimheeshin_246

    Sao chưa xong mà a Dư cho public thế kia ạ :D

    VA:F [1.9.22_1171]
    Rating: 5.0/5 (2 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

    • TUT đã xong rồi đó e ơi! Chỉ dẫn đến thế là đủ rồi, mấy bước còn lại có thể tự làm theo được mà ;)

      VA:F [1.9.22_1171]
      Rating: 5.0/5 (1 vote cast)
      VA:F [1.9.22_1171]
      Rating: +1 (from 1 vote)

    • kimheeshin_246

      ôh, sry, tại e chưa đọc kĩ :D . Chỉ làm background, nếu đc bạn có thể làm luôn tut về cách làm tấm sign kia đc ko :D . Nhìn nó hay hay

      VA:F [1.9.22_1171]
      Rating: 0.0/5 (0 votes cast)
      VA:F [1.9.22_1171]
      Rating: 0 (from 0 votes)

      • Dùng pen để cắt hình chắc được như này, tạo bóng nhờ chỉnh blending options

        VA:F [1.9.22_1171]
        Rating: 0.0/5 (0 votes cast)
        VA:F [1.9.22_1171]
        Rating: 0 (from 0 votes)

      • Thanh Tùng

        tấm đó chỉ có mỗi cái BG thôi, còn các thứ thì đều nhìn là biết làm mà :) )
        cái mảnh giấy thì có dùng pen là đc mà :) )

        VA:F [1.9.22_1171]
        Rating: 0.0/5 (0 votes cast)
        VA:F [1.9.22_1171]
        Rating: 0 (from 0 votes)

  2. maingong

    bạn làm bài tut hướng dẫn hoàn chỉnh từ đầu đến cuối bức kia đc k? :P

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

    • Bức kia quan trọng là bạn biết cắt ghép! Thứ nhất là add thêm texture cho background để trông nó sần sùi và cũ kĩ, sau đó cắt mẫu ra và kéo vào, tăng thêm Stroke cho mẫu để có được đường viên xung quanh! Blend màu 1 chút là ra! Mình chỉ có thể hướng dẫn thế thôi, các bạn nên cố gắng sáng tạo theo ý mình sẽ tốt hơn, ko nên dựa dẫm quá nhiều vào tut :)

      VN:F [1.9.22_1171]
      Rating: 0.0/5 (0 votes cast)
      VN:F [1.9.22_1171]
      Rating: 0 (from 0 votes)

  3. Dương Anh Tuấn

    share psd đi ad!!

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

    • Cái này có gì đâu mà share PSD hả bạn? nếu share thì cũng chỉ có 1 layer thôi, vì toàn làm bằng Filter mà :) Tut rất đơn giản, tự thực hành theo đi bạn!

      VN:F [1.9.22_1171]
      Rating: 0.0/5 (0 votes cast)
      VN:F [1.9.22_1171]
      Rating: 0 (from 0 votes)

      • Dương Anh Tuấn

        mình cần cái texture như thế. :)

        VA:F [1.9.22_1171]
        Rating: 0.0/5 (0 votes cast)
        VA:F [1.9.22_1171]
        Rating: 0 (from 0 votes)

  4. kushy

    Làm cái viền trắng quanh ảnh sao thế anh?

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  5. babu

    Tại sao lúc Rectangular to Polar hình của mình nó lại không được đều như của bạn nhỉ? TT

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

    • Thanh Tùng

      sau cái bước wave bạn đọc kĩ nhé, sau khi wave bạn phải xem haii cái cột đầu với cuối nó có bằng nhau k, có khác màu k. phải bằng nhau và khác màu mới đều đc :)

      VA:F [1.9.22_1171]
      Rating: 0.0/5 (0 votes cast)
      VA:F [1.9.22_1171]
      Rating: 0 (from 0 votes)

  6. Trungtd

    Mình làm theo bạn, đến bước đổ màu bằng Gradient tool xong thì lại không dùng được filter -> distorl -> wave (hộp thoại bị làm mờ). Bạn có thể giải thích cho mình vì sao không ?

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

    • Bạn nên học thêm về cách sử dụng Filter, nó bị mờ là có lí do hoặc do Photoshop bạn có vấn đề!

      VN:F [1.9.22_1171]
      Rating: 0.0/5 (0 votes cast)
      VN:F [1.9.22_1171]
      Rating: 0 (from 0 votes)

    • Ping

      Lúc bạn tạo một New, phần Color Mode chọn 8 bit thì mới được. Không hiểu sao chọn 16 hay 32 bit thì sẽ có một số cái bị ẩn đi

      VA:F [1.9.22_1171]
      Rating: 0.0/5 (0 votes cast)
      VA:F [1.9.22_1171]
      Rating: 0 (from 0 votes)

  7. vân crazy

    a ơi cái miếng giấy làm sao a?

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

    • vân crazy

      với cả cái bóng đen đen sau ảnh nữa a

      VA:F [1.9.22_1171]
      Rating: 0.0/5 (0 votes cast)
      VA:F [1.9.22_1171]
      Rating: 0 (from 0 votes)

  8. ốc

    ad ơi chỉ luôn phần làm bên trong ảnh luôn đi ad ^^

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  9. kenjo

    tại sao trên bài vào Filter-> Distort -> Wave mình không thấy có những vạch đen là sao?giúp mình

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

    • Duykhanh

      bạn làm theo đúng các bước anh ý chỉ là dc mà..nhớ làm trên 1 layer. Mình cũng bị giống bạn vì mình làm trên nhiều layers…nhưng đọc kỹ lại hướng dẫn thì ok…làm dc rùi..:)

      VA:F [1.9.22_1171]
      Rating: 0.0/5 (0 votes cast)
      VA:F [1.9.22_1171]
      Rating: 0 (from 0 votes)

  10. giang

    Các bạn chỉ mình thiết kế cái banner ngày tết với

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  11. minh

    A cho e hỏi chút là.. ảnh có bg như của a gọi chung là gì?? e muốn tìm nhưng k biết từ khóa kiểu đó gọi là gì

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)


Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>