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ạn Dù Kun VietDesigner đã post trên diễn đàn. 

Bài tutorial này là bài hướng dẫn cơ bản giúp bạn hoàn thiện hơn về kỹ năng dùng brush trong Photoshop.

[caption id="" align="aligncenter" width="500"] Đây là sản phẩm cuối cùng của bài hướng dẫn này[/caption]

Bước 1: Tạo file mới có kích thước như sau:

Bước 2: Ta tạo một hình tròn với thông số như sau:

Chọn công cụ Elipse Tool (Shift + U 3 lần) với màu là #262626

Bước 3: Ta vào Blending Option (Blend Mode) chỉnh thông số trong Advanced Blending ở ô Fill Opacity là 50%.

Tiếp phần Stroke với thông số như sau:

Kết quả:

Bước 4: Ta vào menu Edit chọn Define Brush Preset...

Đặt tên cho nó là Brush Bokeh rồi nhấn Ok để save vào Brush!.

Bước 5: Sau khi đã làm xong đc một Brush như thế này, bây giờ việc tiếp theo là chỉnh các thông số trong Brush để nó đc một Brush có dạng giống như Bokeh.

Ta nhấn phím B để bật Brush, sau đó mở Brush lên (Nếu như chưa có sẵn ta vào menu Windows chọn Brush hoặc nhấn phím F5)

Tiếp ta chỉnh chọn Brush mà ta đã làm rồi chỉnh thông số như sau: 

Tiếp với các thông số ở các mục sau: 

Lưu ý: Riêng mục Transfer này ở Photoshop CS6 nó có tên là Transfer theo mình nghĩ như vậy, còn ở các phiên bản khác nó có tên là Other Dynamics . Phần này có nghĩa là trong suốt . Mọi người chú ý nha.

Và sản phẩm sau khi ta làm xong. Đây là Demo thôi, còn muốn nó giống ta phải chỉnh thêm một số tuỳ chỉnh nữa nhé các bạn :D

Nếu bạn có bất cứ thắc mắc gì về bài tutorial này, bạn có thể vào trực tiếp bài viết của Dù Kun chia sẻ trên diễn đàn để đặt câu hỏi cho bạn ấy nhé! --> Click vào đây.

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

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.

[caption id="" align="aligncenter" width="600"] Đây là tác phẩm mình trưng bay trên I Love [Photoshop][/caption]

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é. 

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:

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

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

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

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?

Đâ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.

Hướng dẫn cài đặt font và viết chữ có dấu trên Photoshop

Hôm nay Việt Designer xin chia sẻ 1 bài viết mà có thể nhiều bạn nhìn vào tiêu đề sẽ thất vọng và bảo rằng nó quá đơn giản, việc gì phải viết 1 bài hướng dẫn chi cho mắc công thế? Vâng, đúng là việc sử dụng font chữ thì hầu như ai cũng đã biết cách dùng nó rồi, tuy nhiên trong suốt quá trình làm việc trên Việt Designer, mỗi khi chia sẻ 1 bài viết nào đó liên quan đến font chữ thì lại có 1 vài bạn thắc mắc cách cài đặt font chữ, cho nên hôm nay mình quyết định sẽ viết 1 bài viết hoàn chỉnh về font chữ và cách sử dụng nó.

Đầu tiên mình xin nói sơ qua về font chữ, font chữ hay còn gọi là phông chữ dùng để type trên máy tính, nó nhiều kiểu khác nhau do nhiều người tạo ra, và chia sẻ rất nhiều trên mạng. Ta có 3 loại định dạng font chữ đó là: True Type font, Open Type font và Screen font. Phổ biến và dễ bắt nhất đó chính là True Type, kế đến là Open Type, đây cũng là dạng True Type nhưng cao cấp hơn vì có độ sắc nét cao hơn và có thể tùy biến cho nhiều loại ngôn ngữ khác nhau trên thế giới. Và cuối cùng đó chính là Screen font, loại font này thuộc dạng bitmap chứ không phải vector như True Type và Open Type. Screen font này hiển thị trên màn hình rất chuẩn và đẹp, vì nó được kết cấu trên từng pixel trên màn hình, tuy nhiên, khi in ra hoặc phóng lớn thì bị răng cưa, không đẹp bằng True type và Open Type.

Dưới đây là icon của 3 loại font này để giúp bạn dễ dàng nhận dạng ra nó: (có thể nếu bạn dùng hệ điều hành máy tính khác thì sẽ thấy icon nó khác 1 chút)

 True Type font        Open Type font        Screen font

Vậy font chữ thì có thể dùng được cho những chương trình nào trên máy tính? Font chữ có thể dùng cho tất các chương trình, phần mềm sử dụng trên windows, ví dụ như Word, Excel, Powerpoint (MS Office), MS Paint,...và tất nhiên là bao gồm cả Photoshop cùng với những phần mềm nào có sử dụng font chữ. Nói chung khi đã cài đặt font chữ vào máy tính của bạn, thì khi mở bất cứ chương trình nào có phần font chữ, thì đều có thể sử dụng được.

Cài đặt font chữ vào máy tính như thế nào? Okay, mình xin đi vào vấn đề chính của bài viết này luôn, ta có 2 cách cài đặt font chữ, đó là đối bản Windows XP trở về trước, thì bước đầu tiên bạn cần vào Control Panel (Start -> Control Panel)

Trong Control Panel, bạn tìm kiếm thư mục có tên là Fonts, sau đó kích chọn vào nó sẽ hiện thị tất cả các font chữ của bạn như thế này:

[caption id="" align="aligncenter" width="613" caption="Ở đây mình sử dụng Win7 và có giao diện hơi khác 1 chút"][/caption]

Và copy bất cứ font chữ nào bạn yêu thích và Paste vào thôi, rất đơn giản. (Bạn có thể copy nhiều font chữ cùng 1 lúc để paste vào, và trong đây bạn cũng có thể xóa bất cứ font chữ nào mà bạn không còn muốn sử dụng nữa).

Và cách thứ 2 là dành cho bản Windows Vista trở lên, đó là chỉ đơn giản ấn chuột phải vào bất cứ font chữ nào bạn download về, và ấn chọn Install, tự động font chữ sẽ cài đặt vào máy tính và khi mở Photoshop lên bạn sẽ thấy nó xuất hiện.

Đối với bản Vista trở lên có thể sử dụng cả cách 2 và cách 1, tuy nhiên bản XP thì chỉ sử dụng được cách 1, không có cách Install font như ở bản Vista.

Update: ở phiên bản Win7, bạn có thể dùng chức năng Install Font as Shortcut. Vì win7 có chức năng đó nên nó sẽ giảm thời gian khởi động máy vì chỉ cài shortcut của file font vào thư mục font mà không phải chép font thật sự. Vì khi bạn cài càng nhiều font trong thư mục system fonts sẽ làm cho windows khởi động chậm lại, và khi khởi động Photoshop cũng phải thêm vài chục giây.

[caption id="" align="aligncenter" width="408" caption="Start -> Run -> đánh chữ Fonts vào, hoặc có thể vào bằng Start -> Control Panel -> Fonts, nói chung là vào thư mục Fonts"][/caption]

[caption id="" align="aligncenter" width="224" caption="Sau khi vào thư mục Font thì chọn Font Setting"][/caption]

[caption id="" align="aligncenter" width="523" caption="Check vào ô đó và save lại"][/caption]

Thế làm sao để có thể viết tiếng Việt trên Photoshop? thực ra có rất nhiều font chữ đẹp bạn download về nhưng không phải font nào cũng có thể viết được tiếng Việt, ngoài những font chữ cơ bản như Arial, Times, Times New Roman,...thì font chữ viết được tiếng Việt thường có tiền tố phía trước là VNI hoặc VfFree, hoặc những font chữ đã được Việt hóa thì mới có thể viết được tiếng Việt, để viết được tiếng Việt trên Photoshop thì bạn sử dụng Unikey/Vietkey với mã gõ là Unicode, nếu dùng Unicode không đánh có dấu được bạn thử chuyển sang VNI-Windows nhé.

Trong trường hợp trục trặc với Unikey trên Photoshop, bạn có thể type dòng chữ mà bạn muốn ghi lên đâu đó, lên Notepad chẳng hạn, hoặc nếu như đang online Facebook thì type đại trên đó cũng được rồi copy, paste vào Photoshop (đây là mẹo vặt của mình thôi nhé).

Muốn download font chữ thì phải tìm ở đâu? rất dễ dàng, hiện nay có rất nhiều website chia sẻ font chữ miễn phí như Dafont, FontSpace, FontSquirrel, 1001fonts,...Tuy nhiên nhiều lúc lên đó phải tìm kiếm cũng hơi cực vì nó nhiều quá sẽ khiến bạn choáng, cho nên bạn có thể click vào đây để download những bộ font chữ đã được chọn lọc từ Việt Designer.

Okay, trong giới hạn kiến thức của mình, chỉ có thể chia sẻ được nhiêu đây thôi, cho nên nếu có thiếu sót gì thì các bạn có thể comment để bổ sung cho mình nhé. Và trong thời gian tới mình sẽ tiếp tục chia sẻ 1 bài viết về kinh nghiệm quản lý font chữ, điều này là rất cần thiết vì nhiều lúc bạn quá tham lam và down nhiều font chữ về những không sử dụng đến nó, sẽ làm nặng máy mà không được ích lợi gì.

Có 1 câu nói rất hay, có thể những điều bạn biết chưa chắc gì người khác đã biết, cho nên chia sẻ không bao giờ là thừa, hi vọng qua bài viết cơ bản này sẽ giúp được cho nhiều bạn mới tập tễnh sử dụng Photoshop :D

Tổng hợp các chế độ pha trộn (blending mode) trong Photoshop

Đây là bài viết lược dịch từ Rnet.net và tham khảo thêm một số nguồn, nếu bạn chia sẻ bài hướng dẫn này sang trang khác vui lòng ghi rõ link tutorial gốc và link dẫn tới bài viết đã dịch ở vietdesigner.net

Dịch và bổ sung bởi Little Chick

----------------------------------------------

Bạn có thể hiểu đơn giản Layer trong Photoshop là một chồng giấy trong suốt, một phần hay tất cả, tờ này xếp lên trên tờ kia để tạo thành tấm hình thành phẩm. Ngoài những Layer “bình thường”, Photoshop còn cung cấp cho chúng ta những layer “đặc biệt” mà chúng có thể ảnh hưởng tới những layer ở bên dưới nó. Chúng rất hữu dụng để tạo những bức hình có hiệu ứng giống phim ảnh, hiệu chỉnh ánh sáng, chỉnh sửa màu sắc và tất cả những gì bạn có thể nghĩ (tất nhiên, nếu bạn có đủ khả năng biến điều bạn nghĩ thành thực tế) nhưng trước tiên, hãy đọc bài tutorial này để hiểu rõ xem chúng hoạt động thế nào.

Các chế độ hoà trộn màu sắc của Photoshop được chia làm 5 nhóm:

Darkening (làm tối hình ảnh hoặc dùng để sửa những bức ảnh bị chói sáng)

Lighting (làm sáng hình ảnh hoặc dùng để sửa những bức ảnh thiếu sáng)

Contrasting (kết hợp cả Darkening và Lighting để hiệu chỉnh độ tương phản của bức hình)

Compare - So sánh (để căn chỉnh và so sánh sự khác nhau giữa 2 bức hình)

Coloring (để sửa sắc độ và độ bão hoà màu sắc)

Hai chế độ hoà trộn đầu tiên (Normal và Dissolve) thì lại không nằm trong nhóm nào trong mấy nhóm trên cả.

Normal: mặc định, chỉ đơn giản là layer này chồng lên cái kia, cái nào ở trên sẽ che lấp hết các pixel của các layer dưới.

Dissolve: Chỉ hoạt động khi layer có những semi-transparent pixel (dịch nôm na là những pixel bán-trong-suốt), tức là những pixel đó vẫn có màu nhưng vẫn có thể nhìn xuyên qua những pixel đó. Semi-transparent pixel có được khi bạn xài brush với hardness <100% hoặc áp dụng bộ lọc blur hay set layer opacity dưới 100%. Để có thể hình dung rõ thì hãy xem hình bên dưới.

Hiệu ứng của Dissolve:

Nhóm đầu tiên trong 5 nhóm  được giới thiệu là Darkening – rất hiệu quả khi chỉnh sửa và làm tối bất kỳ phần nào của bức hình.

1. Darken:  Hiểu đơn giản là so sánh từng pixel của layer áp dụng mode này với các layer bên dưới, pixel nào tối hơn sẽ được giữ lại.

Tất cả màu trắng đã bị thế chỗ bằng màu đỏ nhạt.

2. Multiply: Phối hợp layer có mode này với cái bên dưới theo dạng là “multiplying” (tạm dịch là “nhân” màu), kết quả là một màu bao giờ cũng “tối” hơn. Ứng dụng để fix mấy ảnh bị chói sáng. Nhân đôi layer của ảnh bị chói rồi set cho nó mode multiply,  kết quả khá tốt :

3. Color burn: Photoshop sẽ lấy thông tin về độ sáng tối của layer áp dụng mode này này để tăng tương phản và làm tối màu của các layer bên dưới. Màu càng tối thì độ tương phản càng cao. -> màu trắng không có tác dụng gì cả.

4. Linear burn:  Lấy thông tin về  độ sáng tối của layer áp dụng mode này để làm tối các layer ở bên dưới. -> màu trắng không có tác dụng.

5. Darker Color : tương tự như Darken, nhưng có khác ở chỗ : nó hoạt động trên tất cả các channel màu, chứ không như darken, hoạt động trên cơ sở từng channel.

Có thể hiểu là : với darken, nó xét từng channel màu, ví dụ channel RED, nó xét xem layer nào ít màu đỏ hơn – tức là “tối” hơn, nó sẽ giữ lại phần tối hơn của channel đó. Còn darker color là xét tổng thể. Bạn có thể tự vẽ 1 hình thế này và xem xét.

 

Nhóm thứ 2 ở đây là Lightning – Giúp làm sáng ảnh và sửa những ảnh thiếu sáng. Nó ngược hoàn toàn với nhóm Darkening ở phía trên. Vì thế phần này mình sẽ nói nhanh và lướt qua vài chỗ không quan trọng.

1.      Lighten – trái ngược với Darken, chọn ra pixel sáng hơn và giữ lại pixel đó. –> áp dụng nó cho layer màu đen là vô dụng.

Màu đen bị thay thế hoàn toàn bởi màu #adb8ac 

2.      Screen – trái ngược với Multiply, nhưng kết quả luôn là một hình SÁNG hơn –> áp dụng sửa ảnh thiếu sáng khá tốt. Cách làm cũng là nhân đôi layer lên và áp dụng mode screen.

[caption id="" align="aligncenter" width="345" caption="Mình lấy ảnh của Thủy Mắt Tít để làm ví dụ minh họa"][/caption]

3.      Color dodge : trái ngược với Color burn : Dùng thông tin độ sáng tối của layer áp dụng mode này để tăng độ tương phản và làm sáng màu layer dưới nó -> màu đen vô dụng.
4.      Linear dodge: trái ngược với Linear burn: dùng thông tin độ sáng tối của layer áp dụng mode này để tăng độ sáng cho layer bên dưới nó -> màu đen cũng vô dụng.
5.      Lighter color : ngược với Darken color: hoạt động trên tổng thể các channel chứ không phải từng channel như Lighten.

Nhóm thứ 3 ở đây là Contrasting – kết hợp cả lighting và darkening lại, dùng để tăng độ tương phản cho bức hình – cũng là nhóm các bạn blend màu hay xài nhất. Và Lưu ý khi dùng mode này thì màu gray 50% (#808080) sẽ vô dụng, trừ trường hợp với mode Hard mix.

1. Overlay : kết hợp của Multiply và Screen.

Bên phải là gradient với màu đen và #12ff00 với chế độ overlay

Lời khuyên cho bạn khi sử dụng overlay khi muốn tăng độ tương phản cho bức hình là hãy chọn màu gray 50% rồi nhẹ nhàng di chuyển lên xuống trong bảng chọn màu để được hiệu quả tốt. Đừng chọn bừa màu khi sử dụng cái này.

2. Soft Light : Kết hợp giữa Darken và lighten, nói chung là cho hiệu ứng nhẹ hơn so với Overlay

Soft light với gradient màu đen và #12ff00

3. Hard Light : kết hợp giữa linear dodge và linear burn

4. Vivid light -  Kết hợp giữa Color  Burn và Color Dodge

5. Linear Light : kết hợp của Linear Burn và Linear Dodge

6. Pin Light : mode này sẽ chọn giữ lại màu dựa trên giá trị sáng/tối của layer áp dụng mode này và các layer bên dưới. Nếu màu của layer có mode này sáng hơn 50% gray thì tất cả những pixel nào tối hơn sẽ bị thay thế, còn nếu màu của layer tối hơn gray 50% thì ngược lại.

7. Hard mix : Nó sẽ trả về các màu Red, Green, Blue, Cyan, Yellow, Magenta, White hoặc Black cho bạn thấy, Nếu pixel màu  a có red = 100, green = 250, blue = 0 + màu b có  R = 50, G=100, blue = 0 thì kết quả trả về là 1 màu R=0, G=255 và B=0, tức là nếu Red (a) + Red (b) <255 thì red (hard mix) = 0, còn nếu red(a) + red(b)>=255 thì red(hard mix) =255

Hard mix với layer fill màu 50% gray 

8.  Difference : Mode này dùng để so sánh sự khác nhau giữa 2 bức hình, nếu chỗ nào giống thì nó sẽ có màu đen.


9. Exclusion: Mode này giữ lại màu đen, và invert (đảo ngược) màu khác màu đen, tuỳ vào độ sáng của màu khác màu đen thì mức độ invert nhiều hay ít.

Cuối cùng là nhóm Coloring – thay màu cho ảnh

1.      Hue : đổi sắc thái màu trên tấm hình mà không đụng chạm đến độ sáng tối trên hình.

Phần không màu là layer áp dụng mode Hue có màu đen hoặc trắng 

2.      Saturation

Lấy thông tin độ bão hoà màu sắc của layer áp dụng mode này cho các layer bên dưới. Nếu layer áp dụng mode có nhiều màu khác nhau thì kết quả không bị ảnh hưởng vì nó chỉ lấy thông tin Saturation trong màu mà thôi.

Phần không màu là màu đen hoặc trắng

3.      Color : thay thế màu sắc, nếu thay bằng màu đen hoặc trắng thì hình sẽ mất màu.

4.      Luminosity: sử dụng thông tin sáng – tối của layer này áp dụng cho các layer bên dưới nó.