THỦ THUẬT PHOTOSHOP
Hiệu ứng chữ 3D trong Photoshop Hiệu ứng chữ chồng chéo Photoshop Hiệu ứng chữ lửa trong Photoshop Hiệu ứng chữ kẹo giáng sinh Chữ cổ điển thập niên 80 Làm Poster bằng Photoshop Làm mờ nền bằng Photoshop Đóng watermark bằng Photoshop Tô màu trong Photoshop Thành phố đảo ngược Photoshop Cách giảm Noise trong Photoshop Công cụ xóa vật thể Photoshop Chuyển ảnh thành tranh Photoshop Cách đổi màu hình ảnh Photoshop Chuyển ảnh từ ngày thành đêm Chuyển ảnh thành Anime Photoshop Làm tranh màu nước Photoshop Làm chữ phát sáng Photoshop Hiệu ứng ánh nắng Photoshop Tạo Gradient cầu vồng Photoshop Hiệu ứng mắt cầu vồng Photoshop Tạo chữ tách màu trong Photoshop Tạo chữ 3D Retro trong Photoshop Chèn chữ trong suốt vào hình ảnh Ghép hình ảnh vào chữ Photoshop Xóa bóng nắng bằng Photoshop mở ảnh trong Photoshop Tạo viền ảnh hiệu ứng vết sơn Các tính năng Photoshop 2020 Hơn 12 mẹo Photoshop hay nhất Cách gộp layer trong Photoshop Tăng độ tương phản Photoshop Làm nét ảnh bằng Photoshop Nén dung lượng hình ảnh hàng loạt Xóa nếp nhăn trong Photoshop Xóa mụn và nốt ruồi bằng Photoshop Làm trắng da trong Photoshop Chỉnh mắt to ra bằng Photoshop Chỉnh mặt nhỏ lại bằng Photoshop Cách tách tóc trong Photoshop Đổi màu sắc cho tóc bằng Photoshop Cách sửa mũi bằng Photoshop Vẽ râu và tóc bằng Photoshop Xoá logo bằng Photoshop Tách ảnh ra khỏi nền Photoshop Tạo lưới trong Photoshop Thay đổi đơn vị của thước Rulers Cách tạo hiệu ứng lấy nét trong Photoshop Tạo hiệu ứng cầu vồng Photoshop tạo chữ mạ vàng Cách tạo file mới trong Photoshop
CÁC CHỦ ĐỀ
BÀI MỚI NHẤT
Dự án mới của mình là gamehow.net, mời anh em ghé thăm và góp ý ạ.

Cách tạo lưới trong Photoshop - Tạo đường Guide không cần Plugin

Trong bài viết này mình sẽ hướng dẫn cách tạo lưới trong Photoshop - Tạo đường Guide không mà không cần cài đặt Plugin.

Hệ thống lưới (Grid) và các đường Guides là những công cụ quan trọng đối với dân thiết kế, nó giống như một chiếc thước kẻ giúp bạn căn lề và sắp xếp bố cục một cách chính xác hợp lý. Tuy nhiên vẫn có nhiều người sử dụng Photoshop lâu mà chưa biết cách bật / tắt hệ thống lưới và tạo đường Guides như thế nào?

Vì thế freetuts xin chia sẻ cách tạo lưới trong Photoshop, tạo đường Guide nhanh chóng mà không phải cài đặt thêm Plugin. Lưu ý một số tính năng không thể áp dụng trong các bản Photoshop quá cũ, bạn hãy tải ngay Adobe Photoshop CC Full miễn phí (đã kích hoạt sẵn) để có thể sử dụng những chức năng mới nhất của PTS nha.

I. Hệ thống Grid (lưới) và đường Guides là gì?

tao luoi trong photoshop jpg

1. Grid là gì?

Grid (lưới) hay đầy đủ hơn là grid system (hệ thống lưới) là một thuật ngữ quen thuộc trong ngành đồ hoạ. Đây là một công cụ đắc lực giúp graphic designer có thể căn lề, kích thước, phân chia ranh giới trong bố cục thiết kế nhằm tạo ra một tổng thể ngăn nắp, chỉn chu, có quy luật.

banquyen png
Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.

Về cơ bản thì lưới trong Photoshop là một hệ thống lưới có cấu trúc bao gồm một loạt các đường ngang và dọc giao nhau, được sử dụng để sắp xếp nội dung, giúp nhà thiết kế làm việc với cấu trúc theo quy luật để có một cách trình bày chuẩn xác nhất, không cần phải đoán mò khi căn lề hay “áng chừng kích thước bằng mắt”.

Grid system được coi là xương sống, bộ khung mật thiết trong nhiều ấn phẩm infographics hay thuyết trình hiện nay.

2. Guides là gì?

Nếu đã sử dụng Photoshop hay Illustrator lâu năm thì chắc hẳn không thể chưa biết tới guides, chúng rất hữu ích cho việc sắp xếp bố cục và thành phần trong một tấm ảnh.

Guides trong Photoshop là những đường line có thể được đặt ở bất kỳ điểm nào của tài liệu (hình ảnh) như những gợi ý tham khảo cho việc sắp đặt các đối tượng , văn bản, hình ảnh và chỉ hiển thị trong khi ta chỉnh sửa tài liệu.

3. Cách phân biệt Grid và Guides

gird va guid trong photoshop 1 jpg

Chúng ta đã biết Grid và Guides có công dụng rất giống nhau, đều là những đường thẳng giúp quá trình thiết kế có quy tắc để sắp xếp bố cục chuẩn xác và hợp lý.

Tuy nhiên chúng vẫn có những điểm khác nhau nhất định: Đường Guides bắt đầu từ vị trí Ruler (thước) và kéo dài đến hết khung làm việc, trong khi đó thì Grid có độ dài giới hạn trong hình ảnh.

Dưới đây là một số đặc điểm của Grid và Guides giúp bạn dễ dàng nhận biết và sử dụng đúng với nhu cầu:

Đặc điểm của Grid (hệ thống lưới):

  • Như tên gọi của nó thì Grid là một hệ thống nhiều đường thẳng ngang + dọc, tạo thành một mạng lưới đan chéo.
  • Bạn có thể tùy chỉnh khoảng cách giữa các cột / hàng (đường thẳng) và ghi nhớ rằng chúng sẽ luôn luôn có khoảng cách đều nhau, ví dụ khoảng cách giữa các cột / hàng đều bằng 5 inch, 200px...
  • Mặc định đường Grid sẽ có màu nâu, nếu bạn tạo nó trong Photoshop cùng lúc với đường Guides thì Grid sẽ bị Guides đè lên trên (xem hình minh họa phía trên để biết rõ).

Đặc điểm của Guides (đường gợi ý):

  • Khác biệt với Grid thì bạn có thể tạo một hoặc nhiều đường Guides với số lượng, vị trí tùy chỉnh tự do.
  • Mặc định đường Guides trong photoshop có màu nâu và xếp chồng lên phía trên Grid (nếu có).

4. Cách tạo lưới (Grid) và đường Guides nhanh trong Photoshop

Đây là phần hướng dẫn bật / tắt lưới và đường guides một cách nhanh chóng, sau khi xem xong bạn có thể lướt xuống mục IIIII để xem hướng dẫn chi tiết và chuyên sâu hơn.

Bước 1: Bấm vào Windows trên thanh công cụ.

Bước 2: Tích chọn Properties.

gird va guid trong photoshop 2 jpg

Bước 3: Khi cửa sổ công cụ Propeties hiện ra, bạn hãy kéo xuống mục Rulers & Grids, tại đây bạn chỉ việc bấm vào để kích hoạt.

Nếu muốn tắt lưới (Grid) và tắt Rulers + Guides thì bạn chỉ việc bấm vào biểu tượng tương ứng trong mục Rulers & Grids thêm lần nữa.

gird va guid trong photoshop 3 jpg

II. Cách tạo lưới trong Photoshop (Grid)

Ở mục I chúng ta đã biết lưới (Grid) trong PTS là gì và cách bật / tắt nó nhanh chóng, tiếp theo mình sẽ hướng dẫn bạn tạo lưới trong photoshop chuyên sâu hơn, thay đổi màu và khoảng cách giữa các đường thẳng của lưới (Grid).

1. Tạo lưới trong Photoshop

Trên thanh công cụ, bạn bấm vào View -> Show rồi chọn Grid. Bạn cũng có thể sử dụng tổ hợp phím Ctrl + " để tạo Grid nhanh chóng.

tao luoi trong photoshop 9 jpg

2. Thay đổi màu, khoảng cách giữa các đường thẳng trong hệ thống lưới

Khi bạn đã tạo xong lưới, làm hiển thị lưới trong Photoshop thành công thì việc tiếp theo chúng ta nên làm là tùy chỉnh lưới cho dễ nhìn hơn. Mặc định Grid có khoảng cách giữa các đường thẳng là 1 Inches nên khá rối mắt, bằng cách tăng khoảng cách giữa các đường thẳng sẽ làm giảm số lượng đường thẳng trong Grid

Bước 1: Bấm vào Edit trên thanh công cụ rồi chọn Preferences -> General. Bạn cũng có thể mở Preferences nhanh bằng cách bấm tổ hợp phím Ctrl + K trên bàn phím.

Bước 2: Trong danh sách tùy chọn, bấm vào Guides, Grid & Slices.

tao luoi trong photoshop 10 jpg

Bước 3: Trong mục Grid, bạn có thể tùy chỉnh hệ thống lưới với những tùy chọn sau:

  • Color: đổi màu toàn bộ đường thẳng của lưới (trong ví dụ dưới đây mình đã đổi sang màu Magenta - màu hường)
  • Gridline Every: khoảng cách giữa các đường thẳng của lưới (đơn vị tính bằng Pixels, Inches, Centimeters, Percent, v.v | Trong ví dụ dưới đây mình đang thiết lập giá trị này = 200 Pixels)
  • Subdivisions: Số lượng đường thẳng phụ ( mờ và nhỏ hơn) trong hệ thống lưới. Ở ví dụ bên dưới mình đang đặt số lượng 2 (nếu bạn để 1 thì sẽ không có bất kỳ đường thẳng phụ nào)

tao luoi trong photoshop 11 jpg

Bất kỳ thay đổi nào của bạn sẽ có kết quả xem trước ngay lập tức trong cửa sổ làm việc, sau khi thiết lập hệ thống lưới hợp lý thì bạn hãy bấm vào OK hoặc Enter để áp dụng thuộc tính.

tao luoi trong photoshop 12 jpg

III. Cách tạo đường Guides trong Photoshop

1. Tạo đường Guides trong PTS nhanh bằng Rulers

Bước 1: Bấm tổ hợp phím Ctrl + R trên bàn phím.

Bước 2: Khi thanh Rulers (thước kẻ) hiện ra, bạn chỉ việc bấm vào vị trí bất kỳ trên thanh này và kéo xuống / kéo sang phải để tạo đường Guides tự do.

tao luoi trong photoshop 1 jpg

* Lưu ý:

  • Để xóa từng đường guides thì bạn bấm chuột trái và kéo nó quay trở về thanh Rulers là xong
  • Để ẩn toàn bộ đường Guides thì bạn hãy bấm tổ hợp phím Ctrl + H

2. Tạo đường Guides trong PTS bằng thiết lập vị trí

Bước 1: Bấm vào View trên thanh công cụ rồi chọn New Guide...

Bước 2: Trong hộp thoại New Guide, bạn hãy thiết lập các tùy chọn sau:

1. Orientation:

  • Horizontal: Tạo đường guide ngang
  • Vertical: Tạo đường guide dọc

2. Position: vị trí của đường guide bắt đầu từ đường biên của hình ảnh tính bằng px (trong ví dụ dưới đây mình đặt 0 px),

Sau khi thiết đặt 2 tùy chọn trên thì bạn bấm OK để áp dụng, ngay lập tức đường guide sẽ hiện ra.

tao luoi trong photoshop 2 jpg

Bạn có thể tạo số lượng đường guide không giới hạn theo cách này, ví dụ dưới đây mình đang tạo đường guide dọc (horizontal).

tao luoi trong photoshop 3 jpg

Bước 3: Dùng chuột trái để kéo / di chuyển đường Guide theo mong muốn tương tự như cách bạn đã làm với Rulers.

tao luoi trong photoshop 4 jpg

Cách này chỉ phù hợp với ai muốn đặt vị trí đường guide chuẩn xác theo Position, như bạn cũng đã thấy phương pháp này tốn nhiều thời gian hơn cách dùng Rulers.

3. Cách cố định đường Guides trong Photoshop

Không giống như hệ thống lưới, mặc định thì đường Guides chưa bị khóa để bạn có thể sử dụng chuột trái di chuyển tự do. Vì thế hãy khóa đường guides lại sau khi đặt nó ở đúng vị trí để tránh click nhầm gây khó chịu.

Bấm vào View trên thanh công cụ rồi chọn Lock Guides, bạn cũng có thể bấm tổ hợp phím Alt + Ctrl + ; để khóa đường guides trong photoshop một cách nhanh chóng.

tao luoi trong photoshop 5 jpg

4. Tạo nhiều đường Guides cùng lúc giống hệ thống lưới

Bạn có thể tạo nhiều đường Guides để thay thế hệ thống lưới nếu muốn, giúp chia hình ảnh đều nhau bằng cách sử dụng công cụ New Guide Layout.

Bước 1: Bấm vào View trên thanh công cụ rồi chọn New Guide Layout...

tao luoi trong photoshop 6 jpg

Bước 2: Tại hộp thoại New Guide Layout, bạn hãy thiết lập các tùy chọn sau:

  • Preset: Thiết lập tùy chọn có sẵn (số lượng đường thẳng Default, 8, 12, 24, v.v)
  • Target: Canvas
  • Columns và Rows, tích chọn để thiết đặt số đường thẳng dọc và ngang (hàng) bao gồm: Number (số lượng), Width (khoảng cách giữa các đường thẳng, nếu để trống thì nó sẽ chia đều theo độ phân giải của bức ảnh), Guter (khoảng cách giữa 2 đường song song, nếu để trống thì sẽ không có đường song song đó).
  • Margin: Khoảng cách từ đường guide tới rìa của bức ảnh.

Mỗi khi bạn thực hiện một thay đổi thì ngay lập tức kết quả xem trước sẽ hiện ra, hãy tùy chỉnh cho đến khi các đường guide phù hợp với yêu cầu của bản thân thì bấm OK để áp dụng.

tao luoi trong photoshop 7 jpg

5. Đổi màu đường Guides trong Photoshop

Đổi màu đường guides trong photoshop rất đơn giản, bạn hãy làm theo các bước sau đây:

Bước 1: Bấm tổ hợp phím Ctrl + K rồi chọn Guides, Grid & Slices.

Bước 2: Trong mục Guides bạn hãy đổi màu trong tùy chọn Canvas rồi bấm OK để áp dụng.

tao luoi trong photoshop 8 jpg

IV. Tổng kết

Bài viết "Cách tạo lưới trong Photoshop - Tạo đường Guide không cần Plugin" đến đây là kết thúc. Mình tin chắc rằng với những hướng dẫn đơn giản này thì bạn có thể dễ dàng bật, tắt lưới và đường guides trong photoshop nhanh chóng. Tùy chỉnh các đường guides và hệ thống lưới để làm việc hiệu quả.

Đừng quên chia sẻ bài viết tới đồng nghiệp khi họ cũng chưa biết cách tạo lưới trong Photoshop nha.

Cùng chuyên mục:

Cách thay đổi đơn vị của thước Rulers trong Photoshop

Cách thay đổi đơn vị của thước Rulers trong Photoshop

Nếu bạn vẫn chưa biết cách thay đổi đơn vị của thước kẻ Rulers trong…

Cách tạo thành phố đảo ngược với Photoshop

Cách tạo thành phố đảo ngược với Photoshop

Sau khi học xong bạn sẽ biết được cách kết hợp một số hình ảnh…

Tải 60 Textures và Pattern Photoshop đẹp miễn phí chất lượng cao

Tải 60 Textures và Pattern Photoshop đẹp miễn phí chất lượng cao

Hãy lướt xem qua hình ảnh của chúng, nếu thích bạn có thể tải miễn…

Hơn 60+ font chữ Retro và Vintage miễn phí đẹp nhất

Hơn 60+ font chữ Retro và Vintage miễn phí đẹp nhất

Trong danh sách này, bạn sẽ tìm thấy các font chữ viết tay cổ điển…

Cách tạo và sử dụng Pattern trong Photoshop

Cách tạo và sử dụng Pattern trong Photoshop

Nếu bạn thấy mình giải thích khái niệm hơi khó hiểu, hãy đọc tiếp bài…

Tạo chữ cổ điển thập niên 80 với Photoshop (Retro Text Effects)

Tạo chữ cổ điển thập niên 80 với Photoshop (Retro Text Effects)

Để tạo hiệu ứng này thì chúng ta sẽ sử dụng các Layer Style của…

Cách tạo chữ hiệu ứng chữ kẹo giáng sinh bằng Photoshop

Cách tạo chữ hiệu ứng chữ kẹo giáng sinh bằng Photoshop

Quá trình tạo Effect chữ cây kẹo giáng sinh rất đơn giản, chúng ta chỉ…

Tạo hiệu ứng chữ lửa nóng rực trong Photoshop

Tạo hiệu ứng chữ lửa nóng rực trong Photoshop

Mình sẽ hướng dẫn chỉ với 38 bước cực kì đơn giản là bạn có…

Tạo hiệu ứng chữ chồng chéo nhiều màu sắc trong Photoshop

Tạo hiệu ứng chữ chồng chéo nhiều màu sắc trong Photoshop

Chúng ta đều thấy đây là một effect không chỉ thú vị mà còn rất…

Tạo hiệu ứng chữ 3D với lệnh Distort và Perspective

Tạo hiệu ứng chữ 3D với lệnh Distort và Perspective

Thông thường Photoshop không cho phép chúng ta sử dụng các lệnh Distort hoặc Perspective…

Cách tạo chữ mạ vàng trong Photoshop (Gold Text Effect)

Cách tạo chữ mạ vàng trong Photoshop (Gold Text Effect)

Nếu bạn đã từng xem qua một số bộ phim về các cuộc chiến bộ…

Cách tạo hiệu ứng cầu vồng trong Photoshop

Cách tạo hiệu ứng cầu vồng trong Photoshop

Một trong những hiện tượng tự nhiên rất đẹp mà bạn có thể tạo ra…

Cách tạo hiệu ứng lấy nét trong Photoshop

Cách tạo hiệu ứng lấy nét trong Photoshop

Thông thường hiệu ứng này có thể được thực hiện bằng máy ảnh nhưng ..

Cách xoá logo hình ảnh bằng Photoshop cực dễ

Cách xoá logo hình ảnh bằng Photoshop cực dễ

Không chỉ riêng nhà thiết kế chuyên nghiệp mà ngay cả người dùng Adobe Photoshop…

Cách vẽ râu và tóc bằng Photoshop

Cách vẽ râu và tóc bằng Photoshop

Cách sửa mũi bằng Photoshop (nâng mũi, làm mũi cao)

Cách sửa mũi bằng Photoshop (nâng mũi, làm mũi cao)

Mỗi người trong chúng ta đều có những tiêu chuẩn khác nhau về cái đẹp,…

Cách đổi màu sắc cho tóc bằng Photoshop (nhuộm tóc)

Cách đổi màu sắc cho tóc bằng Photoshop (nhuộm tóc)

Có thể bạn chưa biết, ngoài việc ra tiệm nhuộm tóc thì vẫn còn một…

Xem loạt hình ảnh Photoshop hài hước của trùm chế ảnh

Xem loạt hình ảnh Photoshop hài hước của trùm chế ảnh

Bài viết này mình xin chia sẻ loạt hình ảnh Photoshop hài hước của những…

Cách tách tóc trong Photoshop chỉ với 5 bước đơn giản

Cách tách tóc trong Photoshop chỉ với 5 bước đơn giản

Làm thế nào để tách tóc nền phức tạp là một trong những câu hỏi…

Cách chỉnh mặt nhỏ lại bằng Photoshop

Cách chỉnh mặt nhỏ lại bằng Photoshop

Khuôn mặt tự nhiên có rất nhiều hình dạng khác nhau như mặt hình vuông,…

Top