10 mẹo Adobe Photoshop dành cho nhà thiết kế

Dù bạn có tin hay không, nếu bạn đang sử dụng Photoshop để thiết kế trang web, bạn đang đi đúng hướng để trở thành một nhà thiết kế web thành công. Điều này đơn giản là vì Photoshop là một trong những công cụ tiên tiến nhất trong ngành thiết kế có thể biến trí tưởng tượng sáng tạo của bạn thành hiện thực với vô số công cụ chuyên nghiệp giúp tăng năng suất của bạn cùng một lúc.

Nhưng làm thế nào để bạn biết về Photoshop? Đôi khi chúng tôi tự hỏi tại sao một số nhà thiết kế web nhất định có thể thiết kế bố cục trang web với đồ họa cực kỳ nặng trong 5 ngày, trong khi chúng tôi cần khoảng 10 ngày để hoàn thành loại thiết kế đó. Đây có thể không phải là về tốc độ bạn có thể nhấp, mà là về mức độ bạn biết về Photoshop, cách bạn sẽ mở khóa toàn bộ tiềm năng của nó để tăng năng suất của bạn.

Chúng tôi muốn bạn biết làm thế nào để mở khóa toàn bộ tiềm năng của nó. Vâng, đó là lý do tại sao chúng tôi tạo ra bài đăng này, để cung cấp cho bạn 10 mẹo Photoshop cực kỳ hữu ích để tăng tốc độ thiết kế của bạn. Có thể có phím tắt, tính năng hoặc cài đặt mà bạn không biết, nhưng không còn nữa. Với bài viết này, bạn sẽ tìm hiểu tất cả, và bạn sẽ thiết kế nhanh hơn và nhanh hơn.

Lưu ý: Các phím tắt được đề cập trong bài viết này có định dạng Windows Photoshop. Nếu bạn đang sử dụng Mac, hãy chắc chắn biết rằng Ctrl = Cmd (Lệnh) và Alt = Opt (Tùy chọn).

10. Hoàn tác, hoàn tác thêm

Tôi hoàn toàn tin rằng nhà thiết kế của chúng tôi rất nghiện việc hoàn tác một cái gì đó, ngay cả cho đến khi chúng tôi mắc lỗi phác thảo, chúng tôi có xu hướng 'hoàn tác' nó.

Như bạn có thể biết bằng cách nhấn Ctrl + Z trong Photoshop, bạn có thể hoàn tác hành động trước đó bạn đã thực hiện, nhưng khi bạn nhấn lại tổ hợp phím đó một lần nữa, nó sẽ làm lại hành động trước đó. Điều này khá không tự nhiên và rắc rối vì bạn luôn cần hoàn tác nhiều lần để đến trạng thái bạn muốn.

Dù bạn có tin hay không, Photoshop có một nút cụ thể cho nhiều lần hoàn tác và đó là Alt + Ctrl + Z. Có, bằng cách sử dụng tổ hợp phím này, bạn có thể hoàn tác nhiều lần, theo giá trị của Trạng thái Lịch sử bạn đặt trong Chỉnh sửa> Tùy chọn> Hiệu suất.

Nếu bạn đã quen với tổ hợp phím chung của Undo là Ctrl + Z, bạn chỉ cần nhấn Ctrl + Shift + Alt + K để truy cập bảng Phím tắt và thay đổi tổ hợp phím của Undo trong phần Chỉnh sửa thành Ctrl + Z.

9. Lấy mẫu màu, mọi nơi!

Tình cờ tìm thấy một trang web được thiết kế độc đáo và tự hỏi nó đang sử dụng màu sắc chính xác nào? Điều này xảy ra rất thường xuyên khi tôi đang tìm cảm hứng trong suốt thời gian tôi thực hiện bố cục trang web trong Photoshop. Đối với tôi, tôi sẽ khởi chạy một bộ chọn màu, chọn màu và lấy số hex của nó, sau đó nhấp vào bảng màu trong Photoshop, sau đó nhập số hex sau đó lấy màu, khá khó chịu phải không?

Chà, bạn thực sự không cần phải chịu đựng như vậy, bạn thực sự có thể chỉ cần nhấp vào công cụ Eyedropper hoặc nhấn I để kích hoạt nó, sau đó nhấp vào màn hình làm việc của Photoshop và kéo biểu tượng Eyedropper đến bất cứ nơi nào trên màn hình màn hình để lấy màu bạn muốn Vâng, nó thực sự dễ dàng.

8. Hướng dẫn linh hoạt

Mẹo số 8 thực sự là sự kết hợp của 2 mẹo, tôi hy vọng bạn không bận tâm về việc nhận thêm mẹo. Là nhà thiết kế web, chúng tôi phải giải quyết rất nhiều hướng dẫn để định vị một yếu tố chính xác, nói cách khác là pixel hoàn hảo.

Làm thế nào để bạn tạo ra một hướng dẫn? Nhấp vào Xem, Hướng dẫn mới sau đó quyết định hướng dẫn ngang hoặc dọc, nhập vị trí của nó và nhấp Enter? Được rồi, bạn có thể lưu các tác phẩm này bằng cách chỉ cần nhấn Ctrl + R để kích hoạt công cụ Thước, nhấp vào công cụ và kéo xuống để tạo hướng dẫn ngang hoặc ngược lại.

Bên cạnh việc tạo hướng dẫn tức thì, đây là một mẹo hữu ích khác dành cho bạn. Trong khi kéo một hướng dẫn bằng công cụ Move có thể được kích hoạt bằng phím V, hãy bấm và giữ phím Alt để thay đổi hướng dẫn ngang thành hướng dẫn dọc hoặc ngược lại. Bây giờ bạn có thể coi mình là chuyên nghiệp trong việc sử dụng hướng dẫn.

7. Nhân bản kiểu vui nhộn

Các kiểu lớp rất thú vị khi bạn chỉ có thể áp dụng chúng để tạo, giả sử, một biểu tượng phương tiện truyền thông xã hội trông khá quyến rũ và độc đáo, nhưng sẽ rất mệt mỏi nếu bạn muốn áp dụng các kiểu lớp tương tự cho tất cả các biểu tượng phương tiện truyền thông xã hội thường xuất hiện nhiều mảnh.

Bạn đã bao giờ nhận ra rằng có một fx biểu tượng bên cạnh lớp của bạn? Vâng, mọi thứ đều tồn tại vì một lý do, nếu bạn nhấn Alt và kéo fx biểu tượng sang lớp khác, nó sẽ sao chép kiểu của lớp đầu tiên sang kiểu bạn kéo đến, thuận tiện phải không?

Ngoài ra nếu bạn quan tâm đến việc sử dụng phổ biến đó fx biểu tượng, nó cho phép bạn di chuyển các kiểu của lớp này sang kiểu khác và tất cả những gì bạn cần làm chỉ đơn giản là kéo biểu tượng sang lớp khác mà không cần nhấn phím Alt.

6. Định tâm phần tử thực hiện dễ dàng

Để đạt được một thiết kế hoàn hảo pixel, chúng ta thường phải định vị phần tử đến chính xác vị trí của nó. Điều này có vẻ dễ dàng khi bạn chỉ cần tạo một số hướng dẫn và đưa phần tử vào các hướng dẫn đó, nhưng sẽ rất khó khăn nếu bạn muốn tập trung tuyệt đối một phần tử trong khu vực nhất định, đòi hỏi nhiều hướng dẫn, đo lường và tập trung.

Trong thực tế, bạn có một cách để làm cho toàn bộ quá trình này dễ dàng hơn rất nhiều, nhấp vào lớp của phần tử mà bạn muốn tập trung tuyệt đối, sau đó nhấn Ctrl + A để chọn toàn bộ tài liệu. Sau đó, kích hoạt công cụ Move và bạn sẽ thấy một số biểu tượng bên cạnh tùy chọn, Hiển thị Điều khiển chuyển đổi. Nhấp vào biểu tượng thứ 2 để căn giữa phần tử, sau đó nhấp vào biểu tượng thứ 5 để căn giữa phần tử, bạn đi, một phần tử được căn giữa tuyệt đối.

Bạn không chỉ có thể tập trung tuyệt đối vào phần tử trong toàn bộ khu vực tài liệu mà còn có thể tập trung tuyệt đối vào phần tử đó trong khu vực nhất định. Giả sử tôi muốn tập trung tuyệt đối một phần tử trong khu vực chân trang, tôi có thể chỉ cần chọn khu vực chân trang bằng cách sử dụng công cụ Lựa chọn có thể được kích hoạt bằng cách nhấn phím M, sau đó căn giữa tuyệt đối phần tử trong khu vực cụ thể đó.

Bạn có thể nghiên cứu các tùy chọn căn chỉnh khác bên cạnh tùy chọn Hiển thị điều khiển chuyển đổi, chúng rất hữu ích để sắp xếp các yếu tố của bạn trong một loạt các tình huống.

5. Xem lựa chọn, từng cái một

Thông thường khi thiết kế bố cục, bạn cần kiểm tra xem một phần tử trông chính xác như thế nào hoặc bởi một vài phần tử, ví dụ như trong bố cục trang web bên dưới, tôi muốn kiểm tra các nút của thanh trượt để xác nhận rằng chúng không có độ trong suốt để chúng trông giống hệt với hoặc không có hình ảnh của thanh trượt.

Trước đây tôi phải tắt khả năng hiển thị của lớp hình ảnh thanh trượt, lớp nền của thanh trượt và lớp nền của nội dung, nhưng bây giờ tôi chỉ cần giữ phím Alt, sau đó nhấp vào biểu tượng 'mắt' bên cạnh nhóm nút để tắt khả năng hiển thị của tất cả các lớp để tôi chỉ xem các nút đó. Sau khi tôi kiểm tra chúng, tôi có thể lặp lại thủ thuật một lần nữa để mang lại độ nhớt cho tất cả các lớp.

Thủ thuật này cũng cực kỳ hữu ích trong khi nói đến việc cắt ảnh. Bạn muốn cắt nút thanh trượt mà không có bất kỳ yếu tố nào khác như hình ảnh thanh trượt, vì vậy bạn có thể sử dụng thủ thuật này để tắt tất cả khả năng hiển thị của lớp để chỉ cắt nút, sau đó lặp lại thủ thuật để khôi phục tất cả khả năng hiển thị của lớp để tiết kiệm rất nhiều thời gian bật và tắt khả năng hiển thị của các lớp.

4. Tùy chỉnh theo dõi phông chữ, bất cứ lúc nào

Mẹo đặc biệt này chỉ cho bạn cách dễ dàng tăng theo dõi phông chữ trong một số loại nhất định, do đó, nó chỉ có thể được sử dụng trong một số trường hợp cụ thể như tạo logo hoặc nút, nhưng đó là một mẹo chuyên nghiệp có thể tiết kiệm nhiều thời gian trong việc tìm kiếm phông chữ với kiểu chữ phù hợp cho logo hoặc nút tạo của bạn.

Được rồi, giả sử tôi muốn giảm theo dõi loại, '360' để loại logo của tôi trông độc đáo mà khách truy cập nhớ dễ dàng hơn. Tôi có thể chọn 'POLO360' bằng cách sử dụng công cụ Loại có thể được kích hoạt bằng cách nhấn phím T, sau đó nhấn và giữ nút Alt và nhấn để bắt đầu giảm theo dõi loại, điều này sẽ mang lại kết quả ở trên.

Bạn có thể sử dụng thủ thuật này để giải quyết vấn đề theo dõi một số phông chữ nghệ thuật, vì vậy không phải lo lắng về việc theo dõi lần sau khi bạn muốn tìm phông chữ đồ họa cho việc tạo logo của mình!

3. Lựa chọn lớp tức thì = Win

Thiết kế bố cục là một công việc mệt mỏi vì chúng ta phải giải quyết nhiều vấn đề như kiểu chữ, khoảng cách và đồ họa, nhưng sẽ rất áp đảo nếu chúng ta muốn tìm một lớp của một phần tử cụ thể từ hàng trăm lớp.

Hãy để thủ thuật này làm cho cuộc sống thiết kế của bạn dễ dàng hơn. Kích hoạt công cụ Move bằng phím V và giữ phím Ctrl, sau đó nhấp vào phần tử và bạn sẽ tự động chọn lớp của phần tử. Điều đó thực sự đơn giản nhưng hãy nhớ rằng nếu bạn đặt các phần tử vào một nhóm, thì bằng cách sử dụng cùng một mẹo, bạn sẽ chọn thư mục của nhóm có chứa phần tử bạn đã nhấp, như được hiển thị ở trên.

2. Đối tượng thông minh cho nhà thiết kế thông minh

Đúng như tên gọi của nó, Smart Object giúp cho việc chỉnh sửa của bạn thông minh hơn bằng cách thực hiện 2 chức năng chính: thực hiện các biến đổi không phá hủy và thực hiện lọc. Tính năng này rất tiện dụng, đặc biệt là khi bạn tạo bố cục trang web với đồ họa nặng như ảnh stock, biểu tượng phương tiện truyền thông xã hội và bộ giao diện người dùng và tất cả những gì bạn cần làm là nhấp chuột phải vào một lớp, sau đó nhấp vào 'Chuyển đổi sang Đối tượng thông minh' để tận hưởng lợi ích của nó.

Hàm đầu tiên nói rằng một khi một lớp được chuyển đổi thành Smart Object, bạn có thể chuyển đổi nó theo bất cứ cách nào bạn muốn mà không làm mất chất lượng ban đầu của nó. Trong trường hợp của chúng tôi, chúng tôi muốn làm cho thanh trượt hình ảnh nhỏ hơn để chúng tôi chuyển đổi các lớp của thanh trượt hình ảnh thành Smart Object và biến nó thành một cái gì đó nhỏ hơn.

Ôi, nó quá nhỏ nên tôi quyết định đổi lại.

Hình như mọi thứ đều ổn và không có gì xảy ra phải không? Dưới đây là kết quả nếu bạn đã áp dụng chuyển đổi lùi mà không chuyển đổi lớp thành Đối tượng thông minh.

Vì vậy, bạn có thể thấy sự khác biệt ở đây, đặc biệt là phần nút của thanh trượt. Việc chuyển đổi ngược mà không có Smart Object được áp dụng trên các lớp làm cho các nút của thanh trượt và thanh trượt làm giảm chất lượng của chúng. Vì vậy, bằng cách chuyển đổi một lớp thành Smart Object, bạn có thể chuyển đổi nó thành bất kỳ kích thước nhỏ hơn nào bạn muốn nhưng một khi bạn hối hận về quyết định của mình, bạn có thể thay đổi lại mà không làm giảm chất lượng.

Một lợi ích khác bằng cách chuyển đổi lớp thành Đối tượng thông minh là khi bạn áp dụng bộ lọc trên Đối tượng thông minh, lớp của bộ lọc sẽ xuất hiện bên dưới lớp Đối tượng thông minh để bạn có thể vô hiệu hóa bộ lọc dễ dàng hơn bằng cách tắt khả năng hiển thị của lớp bộ lọc và được gọi là lọc không phá hủy , tiết kiệm thời gian tuyệt vời cho dự án của bạn.

1. Ảnh chụp quá khứ đẹp

Bây giờ bạn đã học cách hoàn tác nhiều lần, sao chép kiểu lớp, chọn lớp nhanh hơn và sử dụng đối tượng Thông minh những mẹo tiết kiệm thời gian tuyệt vời này. Chà, đây là những kỹ năng thực sự tiện dụng giúp tăng đáng kể năng suất của bạn, nhưng sau 2 giờ làm việc, bạn có hối hận về việc chỉnh sửa của mình và quyết định bắt đầu từ giữa không? Làm lại nó hoàn toàn sẽ rất mệt mỏi và nhàm chán ngay cả khi bạn đã áp dụng tất cả các mẹo giết người bạn đã học trước đó, vì vậy đó là khi Snapshot khởi động.

Ảnh chụp nhanh cho phép bạn tạo một bản sao tạm thời của bất kỳ trạng thái chỉnh sửa nào để khi bạn gặp khó khăn trong việc cải thiện thiết kế và quyết định quay lại, bạn chỉ cần nhấp vào ảnh chụp nhanh để đưa bạn trở lại trạng thái bạn muốn. Để chụp ảnh nhanh, bạn chỉ cần mở bảng Lịch sử và nhấp vào biểu tượng thứ 2 bạn thấy ở dưới cùng của bảng màu.

Ngoài ra còn có một số tính năng hữu ích cho ảnh chụp nhanh như bạn có thể chụp nhiều ảnh để bạn có nhiều lựa chọn hơn và bạn có thể đặt tên cho chúng để bạn nhớ chúng dễ dàng hơn. Cuối cùng, bạn cũng có thể sử dụng các ảnh chụp nhanh này để so sánh các hiệu ứng khác nhau mà bạn đã tạo cho thiết kế của mình.

Tuy nhiên, hãy nhớ rằng một khi bạn đóng tài liệu, ảnh chụp nhanh sẽ bị xóa ngay lập tức vì vậy nếu bạn muốn giữ các trạng thái đó, bạn có thể nhấp vào từng ảnh chụp và lưu tài liệu dưới dạng tệp khác.

Suy tư

Bạn đã đi đến cuối bài viết, công việc tuyệt vời. Đến lúc này bạn nên có đủ mẹo giết người tiết kiệm thời gian để tăng tốc độ thiết kế, nhưng hãy luôn nhớ rằng học hỏi là cách tốt nhất để bạn biết thêm về Photoshop, do đó tăng năng suất của bạn. Vì vậy, hãy tiếp tục học hỏi nhiều hơn và bạn sẽ trở thành một nhà thiết kế web cạnh tranh hơn mọi thời đại.

Vâng, chúng tôi đã chia sẻ những điều tốt nhất của chúng tôi, còn bạn thì sao? Nếu bạn không phiền, hãy chia sẻ mẹo giết người Photoshop của bạn để cho chúng tôi biết cách tốt hơn để sử dụng Photoshop, cảm ơn vì sự hào phóng của bạn!