Mặc dù nội dung web có thể có nhiều dạng khác nhau, nhưng rõ ràng là nhiếp ảnh thống trị thiết kế web. Ngày nay, bạn sẽ khó tìm thấy một trang web không có một số hình thức chụp ảnh – và điều này hầu như không có gì đáng ngạc nhiên. Nhiếp ảnh gợi lên những phản ứng cảm xúc mạnh mẽ. Nó hiện nhanh hơn, rẻ hơn và sạch hơn bao giờ hết.
Hầu hết các bức ảnh chuyên nghiệp được giới thiệu trên các trang web đều đã trải qua một số loại xử lý hoặc chỉnh sửa. Thông thường, điều này được thực hiện để ảnh kết hợp hài hòa với nội dung và chủ đề của trang web.
Có nhiều kiểu để bạn lựa chọn, vì vậy tôi sẽ chia sẻ 5 kiểu yêu thích của mình và hướng dẫn bạn cách thực hiện từng kiểu theo cách thủ công trong Photoshop:
- Giao diện cổ điển / cổ điển
- Cái nhìn bị câm
- Cái nhìn đơn sắc
- Cái nhìn đen trắng
- Giao diện tương phản cao
Tôi sẽ cung cấp cho bạn bản tóm tắt nhanh về từng giao diện, chia sẻ một vài ví dụ, làm nổi bật một số plugin hành động của Photoshop có thể cung cấp cho bạn “sửa chữa nhanh” và sau đó chỉ cho bạn cách đạt được những diện mạo này theo cách thủ công trong Photoshop. Và hãy nhớ rằng hầu như luôn có nhiều hơn một cách để đạt được bất kỳ hiệu ứng nào trong số này.
Giao diện cổ điển / cổ điển

Phong cách đầu tiên mà chúng tôi sẽ đề cập là phong cách cổ điển / hoài cổ. Trong những năm qua, bất chấp sự tiến bộ của công nghệ và văn hóa hiện đại, kiểu dáng này ngày càng trở nên phổ biến. Mức độ phổ biến của nó không được giải thích rõ ràng nhưng việc sử dụng hiệu ứng này có thể mang lại kết quả tuyệt vời.
Tuy nhiên, cần lưu ý rằng giao diện này không phù hợp với mọi bức ảnh, vì vậy bạn thực sự phải thử nghiệm và xem những bức ảnh nào có thể được hưởng lợi từ cách xử lý này. Ánh sáng ban đầu và cài đặt máy ảnh có thể ảnh hưởng đến giao diện cuối cùng của bạn, vì vậy việc điều chỉnh các lớp của bạn là rất quan trọng.

Mặc dù phong cách cổ điển / cổ điển cực kỳ phổ biến, nó thường được sử dụng trong đám cưới, thời trang / trang điểm và các trang web liên quan đến “indie”. Giao diện cũng đã được sử dụng với các trang web có nhiều nội dung khác nhau bao gồm hình ảnh thiên nhiên và nội thất, vì vậy đừng để điều này ngăn cản bạn.
Như đã lưu ý trước khi cài đặt ánh sáng và máy ảnh sẽ tạo ra một cái nhìn cụ thể khi áp dụng cái nhìn cổ điển của bạn. Màu sắc thường được kết hợp với cái nhìn này là xanh lam, đỏ, tím, xanh lá cây và vàng. Bạn cũng có thể áp dụng một cái nhìn câm khi sử dụng một cái nhìn cổ điển / cổ điển.

Hãy nhớ rằng nếu bạn đang áp dụng kiểu cho hình ảnh có màu tối hoặc có một người mẫu có màu da tối hơn, bạn cần giảm số lượng điều chỉnh của mình vì không làm như vậy có thể khiến da của người mẫu của bạn có một trong các màu đã nói ở trên .
Các công cụ bạn sẽ cần:
Bước 1: Mở hình ảnh của bạn
Chọn hình ảnh mong muốn mà bạn muốn áp dụng hiệu ứng. Trong những hướng dẫn này, tôi sẽ sử dụng những bức ảnh mà tôi đã tự chụp.

Bước 2: Màu chọn lọc
Nhấp vào nút Lớp điều chỉnh ở cuối cửa sổ lớp của bạn và chọn Màu chọn lọc.

Chuyển đến cửa sổ mới mở và chọn Blacks từ trình đơn thả xuống, sau đó di chuyển kênh black đến -13.

Bây giờ chọn màu để hiển thị Trung tính và di chuyển kênh màu đen đến -16.

Bước 3: Đường cong
Thêm một lớp điều chỉnh mới giống như cách bạn đã làm trong bước 2 nhưng chọn Curves để thay thế. Thay đổi các kênh Red, Green và Blue để phản ánh hình ảnh bên dưới.

Bước 4: Tô chuyển màu
Tạo một lớp tô màu gradient và thay đổi màu sắc để chúng phản ánh màu # ec2a61 và # 440332. Giữ một gradient tuyến tính mà bạn muốn có góc -127,87 độ.

Thay đổi chế độ lớp thành Màn hình và giảm độ mờ xuống 24%.

Bước 5: Tô màu Gradient 2
Bây giờ, thêm một lớp tô màu gradient thứ hai nhưng lần này có các màu của bạn phản ánh # 0065e1 và # 1ab044. Đặt gradient tuyến tính của bạn ở góc 39,29 độ.

Thay đổi chế độ lớp thành Lighten và giảm opacity xuống 15%.
Bước 6: Màu chọn lọc 2
Để hoàn thiện vẻ ngoài cổ điển, chúng ta sẽ tạo thêm một lớp màu chọn lọc. Lần này chúng tôi sẽ thay đổi màu Yellows, Greens và Blues.
Màu vàng:

Màu xanh lá cây:

Blues:

Đây là cái nhìn cuối cùng:

Cái nhìn bị câm
Giao diện tắt tiếng là một giao diện khác có thể dễ dàng áp dụng trong Photoshop. Ý tưởng là chỉ cần tắt tiếng các màu của bạn thay vì làm cho chúng nổi lên. Điều này có thể mang lại cho hình ảnh của bạn một cảm giác hơi không thực – có thể giống như một giấc mơ hoặc một kỷ niệm.

Xin lưu ý rằng tắt màu không có nghĩa là bạn loại bỏ hoàn toàn màu sắc của ảnh. Đó sẽ là hành động biến hình ảnh của bạn thành hình ảnh đen trắng hoặc nâu đỏ.
Mặc dù giao diện tắt tiếng có thể được thêm vào các hiệu ứng ảnh cách điệu khác, đặc biệt là những hiệu ứng hoài cổ / cổ điển hoặc đen trắng, nó có thể được áp dụng riêng mà không kèm theo các hiệu ứng khác.

Còn được gọi là giao diện mờ nhạt, bị trôi đi hoặc không bão hòa, giao diện tắt tiếng là hoàn hảo khi bạn muốn thêm hình ảnh nhưng không muốn nó làm trọng tâm chính của trang web của bạn. Nó cũng là lý tưởng nếu trang web của bạn sử dụng màu mát hoặc màu phấn.
Không giống như giao diện cổ điển / cổ điển, bạn không phải lo lắng nhiều về cài đặt gốc và ánh sáng của ảnh như khi bạn sử dụng mức độ điều chỉnh mà bạn sử dụng. Về cơ bản, trong khi rửa sạch màu sắc của mình, bạn không muốn loại bỏ hoàn toàn chúng và bạn không muốn hình ảnh cuối cùng của mình trông quá xám.

Các trang web thường sử dụng giao diện này là thời trang, thiết kế và các trang liên quan đến cá nhân. Giống như tất cả các phong cách khác, giao diện này có thể được áp dụng cho bất kỳ danh mục trang web nào bạn muốn, chẳng hạn như các trang web thể thao và văn hóa. Nó thực sự chỉ tùy thuộc vào sở thích cá nhân của bạn.
Các công cụ bạn sẽ cần:
Bước 1: Mở hình ảnh của bạn
Chọn hình ảnh mong muốn mà bạn muốn áp dụng hiệu ứng. Tôi sẽ sử dụng hình ảnh của chính mình ở đây.

Bước 2: Đường cong
Thêm một lớp điều chỉnh mới bằng cách nhấp vào biểu tượng màu đen và trắng ở cuối cửa sổ lớp của bạn và chọn các đường cong.

Trên kênh RGB thay đổi các đường cong để phản ánh hình ảnh bên dưới.

Bước 3: Độ sáng và độ tương phản
Tạo một lớp điều chỉnh mới nhưng lần này với độ sáng và độ tương phản. Điều chỉnh thanh trượt tương phản về phía xa bên trái để nó là -50.

Bước 4: Đường cong 2
Tạo một lớp điều chỉnh đường cong khác và chỉ thay đổi các kênh Đỏ và Xanh để phản ánh hình ảnh bên dưới.

Bước 5: Tô màu
Kết thúc bằng cách thêm một lớp tô màu điều chỉnh. Thay đổi màu tô thành # 0a1939 và sau đó đặt chế độ lớp thành Màn hình ở mức 60%.
Đây là hình ảnh cuối cùng:

Cái nhìn đơn sắc
Mặc dù có thể không phổ biến như các phong cách khác được bao gồm trong bài viết này, nhưng kiểu dáng đơn sắc đã được tìm thấy một số phổ biến trong những năm gần đây. Giao diện không chỉ được áp dụng cho chỉ bao gồm nhiếp ảnh mà còn cho các trang web nói chung.

Không nên nhầm lẫn giao diện này với việc đạt được hình ảnh đen trắng. Với việc áp dụng một cái nhìn đơn sắc, bạn chỉ cần thay đổi hình ảnh của mình thành một hình ảnh sử dụng một màu duy nhất với các sắc thái khác nhau (do ánh sáng) thay vì nhiều màu.
Thêm một giao diện đơn sắc chắc chắn làm cho trang web của bạn nổi bật vì giao diện hơi khác thường. Không chỉ vậy, nó làm cho việc kết hợp và lựa chọn các yếu tố của bạn dễ dàng hơn rất nhiều vì bạn chỉ cần các yếu tố của một màu cụ thể.

Phong cách này có lẽ là một trong những kiểu dáng dễ đạt được hơn và nhanh hơn ngoài màu đen và trắng. Mặc dù bạn có thể sử dụng bất kỳ màu nào để tạo ra cái nhìn đơn sắc nhưng các màu thường được sử dụng là đỏ, xanh lam và tím. Các sắc thái tối hơn của những màu này thường được áp dụng thay cho các màu phấn nhưng việc tạo thêm vẻ mờ nhạt đã được sử dụng kết hợp cho những người không muốn có một cái nhìn đậm như vậy.
Không có gì phải lo lắng khi áp dụng một cái nhìn đơn sắc, nhưng bạn nên biết bạn muốn màu xuất hiện đậm hay nhạt. Bạn luôn có thể thử nghiệm, nhưng hãy cẩn thận vì màu quá tối có thể khiến ảnh của bạn khó phân biệt.

Bạn thường có thể tìm thấy phong cách này được sử dụng trong các trang web là cơ quan, nghệ thuật / minh họa và liên quan đến kinh doanh. Đương nhiên, bạn cũng có thể thấy những điều này được áp dụng cho các trang web bán quần áo.
Các công cụ bạn sẽ cần:
Bước 1: Mở hình ảnh của bạn
Chọn hình ảnh bạn muốn làm việc để thêm hiệu ứng đơn sắc. Tôi sẽ sử dụng ảnh hoa hướng dương của mình cho việc này.

Bước 2: Đen trắng
Điều đầu tiên bạn muốn làm là chuyển đổi hình ảnh của bạn sang màu đen và trắng trong menu điều chỉnh của bạn. Khi bạn đã có nó màu đen và trắng, bạn sẽ cần phải điều chỉnh các con số như vậy.

Bước 3: Bản đồ Gradient
Bây giờ, hãy thêm bản đồ gradient vào hình ảnh của bạn bằng cách truy cập menu điều chỉnh. Đảm bảo rằng các màu là # e10019 và # 6f0303 và bạn đánh dấu vào ô ngược lại. Đừng quên thay đổi chế độ lớp thành Multiply.

Bước 4: Các cấp độ
Để làm sáng hình ảnh của chúng tôi, bây giờ chúng tôi sẽ thêm điều chỉnh mức độ và thay đổi các con số để phản ánh hình ảnh bên dưới.

Bước 5: Tô màu Gradient
Bây giờ chúng ta sẽ chuyển hướng ánh sáng của hình ảnh của chúng ta bằng cách thêm một tô màu gradient. Thay đổi màu của bạn thành #ffffff và # 373737. Đảm bảo góc tuyến tính là -90 độ và thang độ dốc là 117%. Khi bạn đã nhập các số của mình, bạn có thể thay đổi chế độ lớp của mình thành Lớp phủ với độ mờ 48%.

Bước 6: Tô màu
Hoàn thiện hình ảnh của bạn bằng cách tạo một lớp điều chỉnh tô màu và tô màu #ffffff. Thay đổi chế độ lớp thành Hue và giảm opacity xuống 9%.
Đây là hình ảnh cuối cùng:

Cái nhìn đen trắng
Phong cách phổ biến nhất, giao diện màu đen và trắng đã xuất hiện và được sử dụng từ rất lâu trước khi ứng dụng của màu sắc được phát minh trong cả phim và nhiếp ảnh.

Vì vẻ ngoài ngày càng phổ biến nên không có gì ngạc nhiên khi diện mạo này có một số “ngoại hình phụ” và đã được sử dụng khắp nơi. Việc áp dụng giao diện không khó chút nào vì nó chỉ đơn giản là hành động loại bỏ tất cả và bất kỳ màu nào khỏi ảnh của bạn.
Ảnh đen trắng có thể có độ tương phản cao, thừa sáng, tắt tiếng và thậm chí bị già đi tùy thuộc vào mục đích của bạn. Chỉnh sửa cài đặt điều chỉnh của bạn là cách dễ nhất để có được những diện mạo phụ này.

Nếu bạn thấy rằng các phong cách khác không phù hợp với ảnh của bạn hoặc không phù hợp với nó thì thông thường chuyển đổi nó thành màu đen và trắng sẽ thực hiện thủ thuật. Cài đặt máy ảnh và ánh sáng của bạn chắc chắn sẽ quyết định giao diện của bức ảnh khi áp dụng bộ lọc đen trắng nhưng đừng để điều đó làm bạn nản lòng. Thao tác với các cài đặt như độ sáng và độ tương phản hoặc thậm chí các mức có thể giúp bạn có được giao diện tùy chỉnh mà bạn có thể hài lòng.

Bạn chắc chắn sẽ bắt gặp giao diện này được sử dụng trong các trang web thuộc nhiều danh mục khác nhau vì việc xóa màu ảnh của bạn sẽ giúp bạn đưa vào dễ dàng hơn rất nhiều, bất kể bạn là trang web đại lý, kiến trúc hay nghệ thuật.
Hãy nhớ rằng mặc dù điều này là đúng, nhưng bạn vẫn muốn chú ý đến mức độ tối hay sáng mà bạn tạo ra hình ảnh cuối cùng của mình.
Các công cụ bạn sẽ cần:
Bước 1: Mở hình ảnh của bạn
Chọn ảnh mong muốn của bạn mà bạn muốn làm việc, tốt nhất không phải là ảnh đen trắng cho ảnh này. Tôi sẽ sử dụng một bức ảnh do chính tôi chụp.

Bước 2: Bản đồ Gradient
Điều đầu tiên bạn cần làm là đặt tiền cảnh #ffffff và tiền cảnh của bạn thành # 000000.

Tiếp theo, mở menu lớp điều chỉnh bản đồ gradient và thay đổi vị trí của #ffffff thành 12% và # 000000 thành 85%.

Đánh dấu vào ô đảo ngược.

Bước 3: Đường cong
Hoàn tất việc tùy chỉnh hình ảnh đen trắng của bạn bằng cách thêm điều chỉnh đường cong. Thay đổi kênh RGB để phản ánh hình ảnh bên dưới.

Đây là hình ảnh cuối cùng:

Giao diện tương phản cao (với màu sắc)
Giao diện cuối cùng và cuối cùng mà chúng tôi sẽ đề cập ở đây là giao diện có độ tương phản cao. Đây là giao diện mà bạn muốn nếu bạn muốn hình ảnh của mình đậm và bắt mắt. Khi áp dụng hiệu quả giao diện có độ tương phản cao, hình ảnh của bạn sẽ có vẻ ngoài “điện ảnh” và sẽ làm cho ảnh của bạn trông như thể chúng được chụp bởi một chuyên gia ngay cả khi chúng không được chụp.

Mục tiêu chính của giao diện là làm cho màu sắc của bạn nổi bật ngang với chủ đề của hình ảnh cụ thể.
Giao diện có độ tương phản cao là điều tuyệt vời cho các trang web có chủ đề và cách điệu cao, trái ngược với các thiết kế tối giản. Tuy nhiên, điều này không có nghĩa là nó không thể được sử dụng với các bố cục có nhiều cách tiếp cận đơn giản hơn.

Xin lưu ý rằng khi sử dụng phong cách này, bạn có thể gặp phải vấn đề tạo ra một cái nhìn quá sáng hoặc quá bão hòa, điều này thường không làm nổi bật hình ảnh của bạn. Để giải quyết vấn đề này, bạn nên tập trung nhiều hơn vào việc điều chỉnh mức độ và đường cong của bạn thay vì độ sáng và độ tương phản.
Ngoài ra, trong khi bạn có thể thêm các phong cách khác như hiệu ứng retro / cổ điển, phong cách này có xu hướng tự hoạt động tốt hơn.

Giống như với hình ảnh đen trắng, bạn có thể thấy phong cách này được thêm vào ảnh trên các trang web thuộc nhiều danh mục. Các trang web có nhiều khả năng làm nổi bật vẻ ngoài là khách sạn, khuyến mại và đồ ăn / thức uống vì màu sắc đậm có xu hướng phù hợp với các loại danh mục này.
Các công cụ bạn sẽ cần:
Bước 1: Mở hình ảnh của bạn
Chọn ảnh mong muốn của bạn mà bạn muốn làm việc, tốt nhất không phải là ảnh đen trắng cho ảnh này. Tôi sẽ sử dụng một bức ảnh do chính tôi chụp.

Bước 2: Đường cong
Khi bạn đã mở ảnh của mình, hãy chuyển đến lớp điều chỉnh đường cong và thay đổi đường cong trong kênh RGB như vậy.

Bước 3: Màu chọn lọc
Tiếp theo, tạo một lớp điều chỉnh màu có chọn lọc và chọn Màu đen từ menu thả xuống. Thay đổi các thanh trượt để phù hợp với hình ảnh bên dưới.

Bước 4: Hue / Saturation
Thêm một lớp điều chỉnh màu sắc / độ bão hòa và thay đổi độ bão hòa thành +14.

Bước 5: Các cấp độ

Đây là hình ảnh cuối cùng:

Phần kết luận
Hãy nhớ rằng những hình ảnh cuối cùng của tôi hoàn toàn là sở thích cá nhân của tôi và có thể không hấp dẫn mọi người. Cố gắng thêm các thay đổi và chỉnh sửa của riêng bạn vì những thay đổi này có thể chứng minh là có lợi cho ảnh của bạn và tạo cho chúng một cái nhìn độc đáo.
Hãy nhớ rằng không cần thiết phải giữ các lớp điều chỉnh của bạn ở độ mờ 100%. Đôi khi việc giảm độ mờ điều chỉnh đã chọn của bạn sẽ cho bạn một cái nhìn tốt hơn và phù hợp hơn.
Nếu bạn cá nhân chỉnh sửa ảnh của mình hoặc chỉ thích nhiếp ảnh, hãy cho tôi biết phong cách yêu thích của bạn để sử dụng.
Bài viết này ban đầu được viết bởi Gabrielle Gosha và được đăng trên Sitepoint.com.
Nguồn: 99designs






