Học thiết kế đồ họa - đam mê và sáng tạo

Trung tâm đào tạo đồ họa Việt Tâm Đức

Hướng dẫn cách lấy mã màu trong Photoshop dùng trong thiết kế Website


Hướng dẫn cách lấy mã màu trong Photoshop dùng thiết kế website
Để bắt đầu với bài lấy mã màu này các bạn chuẩn bị cho mình 1 file ảnh website(.png,.jpeg.....).
Mình sẽ hướng dẫn cho các bạn cách lấy mã màu cực kỳ đơn giản giúp ích cho các bạn trong việc thiết kế website.


Có 2 cách để lấy mã màu trong photoshop:

Cách 1 sử dụng bảng mã màu cơ bản:

Mỗi một trang web đều cần phải có bộ màu trong bảng mã màu trong photoshop và người làm web cần phải lựa chọn màu sắc phù hợp cho website của mình. Thông thường những màu cơ bản thường được sử dụng cho các trang web, bạn có thể lựa chọn ở dưới đây:

red
FF0000
yellow
FFFF00
lime
00FF00
cyan
00FFFF
blue
0000FF
magenta
FF00FF


Cách 2: Sử dụng photoshop 

Các bước thực hiện
B1:Bạn mở chương trình photoshop lên\mở file ảnh website:

Hướng dẫn cách lấy mã màu trong Photoshop dùng thiết kế website

Bước 2:Sau khi đã mở file lên rồi bạn cần nhìn tổn quan về website,những vùng nào có màu giống nhau để lấy mã màu thì rất đơn giản. Bạn vào thanh công cụ như hình sau và click vào set foreground color

Hướng dẫn cách lấy mã màu trong Photoshop dùng thiết kế website

Bạn click vào vùng khoanh tròn màu đỏ bên dưới góc trái đó ==> Xuất hiện hộp thoại Color picker
Bước 3: Bạn dê chuột ra ảnh(Lúc này con trỏ chuột có hình cái bút).Bây giờ bạn xác định vùng cần đo để lấy mã màu. Tôi lấy vùng sau
Hướng dẫn cách lấy mã màu trong Photoshop dùng thiết kế website

Vùng 1 là vùng tôi cần lấy mã màu, vùng 2 là phần hiển thị mã màu cần lấy ở đây mã màu của tôi là #eeeeee.
Như vậy tôi đã thực hiện lấy mã màu dùng trong thiết kế website đã xong.Bây giờ đến lượt các bạn thực hiện nào. Chúc các bạn thành công!

Bài viết liên quan
Hướng dẫn viết chữ lên ảnh trong photoshop
Khóa học đồ họa thiết kế website


Edit
Share on Google Plus

About Unknown

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.