Thứ Năm, ngày 13 tháng 9 năm 2012

Đôi lời admin muốn chia sẻ cùng các bạn

Các bạn thân mến!
Lời đầu tiên xin chúc các bạn đã và đang đến tìm hiểu để tự học photoshop trên web blog hocpsd.com sớm tìm thấy những bài bổ ích cho mình. Đã khá lâu mình không có thời gian thăm web cũng như viết bài cho web, một sự thiếu sót không mong muốn, nên làm cho web mình ngày càng thiếu "lửa".  Bên cạnh đó những bình luận, thắc mắc của các bạn cũng chưa được giải đáp trọn vẹn, kịp thời điều đó chắc chắn sẽ làm cho nhiều bạn thất vọng vì sự "chảnh" của admin, nay có đôi lời muốn nói để mong nhận được sự thông cảm từ các bạn. 

Sự ra đời của www.hocpsd.com chỉ với mục đích duy nhất là chia sẽ những gì mình đã biết về lĩnh vực xử lý hình ảnh với mọi người muốn tìm hiểu về môn này, chia sẽ và học hỏi cùng nhau để thỏa mãn đam mê. Website hocpsd.com ( tự học photoshop) không phải là web blog dạy photoshop mà chỉ là nơi trao đổi vì admin tư thấy rằng những gì mình biết là rất hạn chế, so với rất nhiều bạn khác thì sự biết của mình cũng chẳng là gì, có thể ví von rằng kiến thức của mình chỉ là hạt cát trên sa mạc. Dù là nơi chia sẽ nhưng để web trong thời gian dài không cập nhật nội dung cũng như không giải đáp thắc mắc của độc giả một cách kịp thời cũng là một thiếu sót nói đúng hơn là một lỗi của mình. Cũng hơi buồn rằng hiện tại mình chưa thể khắc phục thiếu sót này một sớm một chiều do hoàn cảnh riêng còn nhiều vướng bận, mong rằng các bạn sẽ thông cảm.

Về các bài tự học photoshop  bằng video, do có sự thay đổi về khung hình nên những video có khung lớn trước đây không còn xem được nữa, nếu mình thu nhỏ khung hình lại thì video sẽ "chạy" được nhưng xem không rõ nữa vì khung nhìn quá nhỏ. Các bạn nên dùng một plugin nào đó hổ trợ download để tải tất cả về và xem offline.

Những bạn đã nắm được photoshop khá thành thạo có thể góp sức bằng cách giải đáp những thắc mắc của những bạn mới tìm hiểu nhằm hổ trợ nhau cùng tiến bộ, kiến thức sẽ giàu thêm một khi nó được chia sẻ mà.

Mong rằng hocpsd.com (hoc photoshop) vẫn sẽ là nơi chia sẻ cùng các bạn những kiến thức bổ ích về photoshop và mong rằng  vẫn là nơi mọi người lưu lại "một chút gì để nhớ".
Admin
đọc tiếp

Chủ Nhật, ngày 02 tháng 10 năm 2011

Hệ màu và bit màu trong photoshop là gì?

Trong bài viết trước đây tôi đã giới thiệu sơ qua về hệ màu trong photoshop, tuy nhiên do chỉ giới thiệu khái quát nên một số bạn chưa nắm được vì thế có nhiều bạn hỏi tôi hệ màu là gì, kênh màu là gì và khi mở một file ảnh thì thấy trên phần tiêu đề có nội dung chẳng hạn như DSC_5771.JPG @ 50% (RGB/8) thì ý nghĩa của dòng chữ này là gì? Chúng ta sẽ cùng tìm hiều về các nội dung trên.

Hệ màu là gì?

Photoshop cho phép chúng ta làm việc trên nhiều hệ màu khác nhau và dể dàng chuyển đổi qua lại giữa các hệ màu này trong menu lệnh Image\mode. Có nhiều hệ màu như RGB, CMYK, Lab, Grayscale. Phần lớn khi xử lý ảnh bằng photoshop ta sử dụng hệ RGB và khi cần in ảnh tại các Lab ảnh kỹ thuật số thì cũng dùng hệ RGB nên không cần thiết phải chuyển đổi qua lại giữa các hệ màu đôi khi làm sai lệch màu sắc không mong muốn.

Hệ màu RGB là một tổ hợp của 3 màu cơ bản R (red) G (green) B (blue). Mỗi một màu được gọi là một kênh (channel), ví dụ kênh Red, kênh Green hay kênh Blue. Mỗi một kênh màu sẽ có khả năng thể hiện 256 giá trị từ 0 đến 255. Sự phối hợp 3 kênh này lại với nhau sẽ cho ra khoảng hơn 16 triệu màu, khi cả 3 kênh đều mang cùng một giá trị thì sẽ cho ra một "thang độ xám" nói nôm na là ảnh trắng đen. Để thể hiện màu đen thì cả 3 kênh đều mang giá trị nhỏ nhất (R=0; G=0; B=0), để thể hiện màu trắng thì cả 3 kênh phải mang cùng một giá trị cao nhất (R=255; G=255; B=255). Nếu cả 3 kênh mang cùng một giá trị nằm trong khoảng từ 1 đến 254 thì sẽ cho ra màu xám. Ví dụ R=128; G=128; B=128 thì sẽ cho ra màu xám trung bình, giá trị càng cao thì màu sẽ càng tiến về trắng và giá trị càng nhỏ thì màu càng tiến về đen. Nếu mỗi kênh mang một giá trị nào đó nằm trong khoảng từ 0 đến 255 thì sẽ cho ra một màu bất kỳ.

Khi một bức ảnh màu được chuyển từ hệ GRB sang Grayscale thì các giá trị màu được qui đổi về thành màu xám. Chọn lệnh Image\Mode\Grayscale thì bức ảnh màu sẽ chuyển thành ảnh trắng đen, khi đó các kênh R, G, B đều mang cùng một giá trị từ 0 đến 255.

Làm sao chúng ta biết một đểm nào đó trên file ảnh có màu gì? Photoshop cung cấp cho chúng ta một cung cụ để lấy mẫu màu đó là Eyedropper (I), bấm phím I (chữ i ngắn) xong nhấp chuột vào một điểm nào đó trên file ảnh mà bạn muốn xem mã màu, khi đó trong hộp màu Foreground của thanh công cụ sẽ hiển thị màu tại vị trí bạn nhấp chuột, để xem mã màu là gì thì nhấp đúp chuột vào hộp màu foreground sẽ biết.

(nhâp chuột vào hình minh họa để xem rõ hơn)

Xem hình minh họa trên ta thấy, khi dùng Eyedropper nhấp vào một điểm ở phần bụng cô gái thì hộp màu foreground sẽ hiển thị màu tím, nhấp đúp chuột vào hộp màu foreground này sẽ bật ra cửa sổ color picker, khi đó sẽ thấy màu tại vị trí nhấp chuột mang giá trị R=138; G:55; B:111. Cũng bằng cách xác định màu như trên, đối với ảnh trắng đen (hệ màu Grayscale), bất cứ vị trí nào trên file ảnh thì cả 3 kênh R;G;B đều mang cùng một giá trị nằm trong khoảng 0 đến 255. Xem hình bên dưới

(nhâp chuột vào hình minh họa để xem rõ hơn)

Khi mở một file ảnh bất kỳ, các thông tin trên thanh tiêu đề (xem hình bên dưới) có ý nghĩa sau đây:


DSC_5769.JPG: là tên file ảnh, cái này chắc ai cũng biết rồi.
17,6 %: là chế độ zoom hiện tại của file ảnh. Nếu bạn phóng to ảnh đến 100% thì con số này sẽ là 100% và cái này chắc các bạn cũng đã biết.
RGB/8: hệ màu của file ảnh hiện tại là RGB và có 8 bit màu trên 1 kênh (8 bits/ channel).
Ở đây các bạn thấy có thông số 8 bit/channel, vậy nó là gì? Trước tiên chúng ta tìm hiểu bit màu là gì?

Hệ thống số mà chúng ta sử dụng trong giao tiếp hàng ngày là hệ thập phân. Hệ thập phân bao gồm 10 ký số từ 0 đến 9 và cơ số là 10. Để biểu diễn bất kỳ một con số nào từ hàng chục, hàng trăm, hàng nghìn hay hàng tỉ thì nó cũng chỉ gồm các ký số từ 0 đến 9 mà thôi. Ví dụ 1980; 2011; 104.345.244

Tuy nhiên máy vi tính không hiểu và không thể xử lý trực tiếp trên hệ thống số của chúng ta mà nó có hệ thống số riêng gọi là hệ nhị phân. Hệ nhị phân chỉ có hai ký số 0 và 1 và cơ số 2 (vì thế gọi là hệ nhị phân). Mỗi một giá trị 0 hay 1 gọi là 1 bit đại diện cho một trạng thái có điện hay không có điện, nhiễm từ hay không nhiễm từ ( bit 1 là trạng thái đang có điện và bit 0 là không có điện). Máy tính nhận hệ thập phân của chúng ta xong biên dịch thành hệ nhị phân để xử lý và sau khi xử lý xong thì biên dịch lại thành hệ thập phân, nếu chung ta phải sử dụng "cùng hệ" với máy tính chắc chết mất.

Ví dụ ta có một tổ hợp gồm 3 bit kết hợp lại thì sẽ có 8 khả năng thể hiện như sau:
1: 000
2: 001
3: 010
4: 011
5: 100
6: 101
7: 110
8: 111

Theo phân tích như trên thì với 3 bit kết hợp lại sẽ cho ra 8 giá trị
nhỏ nhất là 000 tương ứng với số 0 trong hệ thập phân
kế đến là 001 tương ứng với số 1 trong hệ thạp phân
---------------------------
lớn nhất là 111 tương ứng với số 7 trong hệ thập phân.
Nếu muốn biểu diễn một con số lớn hơn 7 của hệ thập phân thì ta phải cần ít nhất là 4 bit của hệ nhị phân và khi cần biểu diễn số thập phân càng lớn thì phải cần nhiều bit kết hợp lại. Muốn biết bao nhiêu bit có bao nhiêu khả năng thể hiện thì ta lấy 2 luỹ thừa số bit sẽ ra số khả năng thể hiện.
Ví dụ 3 bit thì có 23=8 khả năng thể hiện; 4 bit thì có 24=16 khả năng thể hiện. Vậy thì với 8 bit kết hợp lại sẽ cho ra 256 giá trị, nhỏ nhất là 0 và lớn nhất là 255.

Photoshop sử dụng 8 bit/kênh vì thế với 3 kênh R,G,B kết hợp lại thì sẽ cho ra 256x256x256 = 16777216 màu, ta nói ảnh RGB 24 bit màu (tức là 8bit/kênh) có khả năng thể hiện khoảng hơn 16 triệu màu là như thế. Đối với ảnh RGB 8 bit thì không bao giờ tìm thấy kênh Red hay Green hay Blue mang giá trị lớn hơn 255.
Đối với ảnh 16 bit/channel thì khả năng thể hiện màu là rất lớn, nếu thiết bị phần cứng đủ khả năng đáp ứng thì ai2nh ảnh sẽ rất đẹp và trung thực.



đọc tiếp

Thứ Tư, ngày 28 tháng 9 năm 2011

Lớp (layer) trong CSS là gì?

CSS hoạt động trên cả 3 chiều: cao, rộng, sâu. Hai chiều đầu tiên, chúng ta đã được nhìn thấy trong các bài học trước. Trong bài học này, chúng ta sẽ được học về cách đặt các thành phần web ở các lớp khác nhau với thuộc tính z-index.

Nói đơn giản hơn thì đó là cách bạn đặt một thành phần này lên trên một thành phần khác. Với mục đích này, bạn sẽ gán cho mỗi phần tử một con số. Theo đó, phần tử có số cao hơn sẽ nằm trên, phần tử có số thấp hơn sẽ nằm dưới. Ví dụ sau chúng ta sẽ đặt 5 bức ảnh logo ở 5 lớp.

#logo1 { position:absolute; top:70px; left:50px; z-index:1 }
#logo2 { position:absolute; top:140px; left:100px; z-index:2 }
#logo3 { position:absolute; top:210px; left:150px; z-index:3 }
#logo4 { position:absolute; top:280px; left:200px; z-index:4 }
#logo5 { position:absolute; top:350px; left:250px; z-index:5 }
theo tài liệu Wallpearl
đọc tiếp

Thứ Sáu, ngày 09 tháng 9 năm 2011

Một số lưu ý khi in ảnh ở Lab

Sau quá trình dày công khổ luyện với máy ảnh, với photoshop để cho ra đời những tác phẩm nghệ thuật hay tác phẩm đồ họa tuyệt vời và mang ra Lab ảnh để in thì hỡi ôi sao nó....trật lất. Bạn có bao giờ gặp trường hợp này chưa? nếu chưa là điều may mắn, còn nếu gặp rồi thì từ từ tìm cách khắc phục, không có gì phải "đau khổ".

Về trường hợp bị sai màu:

Một file ảnh có màu sắc rất đẹp trên màn hình máy tính của bạn nhưng khi in ra tại Lab ảnh hay xem trên màn hình khác thì bị sai màu, đó là do màu sắc trên mỗi màn hình thường khác nhau và có thể profile màu cũng khác nhau. Có rất nhiều yếu tố ảnh hưởng đến màu sắc của file ảnh khi xem trên màn hình như mội trường xung quanh nơi bạn làm việc, loại màn hình đang sử dụng, cách cân chỉnh màn hình...Việc cân chỉnh các bạn nên xem thêm tài liệu hướng dẫn khác.

Môi trường xung quanh ảnh hưởng thế nào?

Bạn đang ngồi làm việc trước màn hình máy tính trong một phòng tối không có ánh đèn thì sẽ thấy màu sắc file ảnh trên màn hình là đẹp, là chuẩn (ví dụ như thế). Nhưng khi bạn đặt một ngọn đèn trong phòng làm việc thì màu sắc sẽ khác, nếu ngọn đèn 1000w mà đặt phía trước monitor thì sẽ khác hơn và nếu mở toang các cửa sổ ra thì màu lại càng khác. Cho nên nếu muốn chỉnh lại màu màn hình thì nên cân chỉnh trong một "môi trường chuẩn", còn màu sắc như thế nào là đẹp, như thế nào là tươi thì tùy thuộc vào cảm nhận và ý thích của mỗi người. Một bức ảnh mà anh Xoài thì cho rằng đẹp quá, hồng hào quá thì chị Mít lại bỉu môi "ảnh gì màu tím rịm như trúng gió".

Về thể loại monitor cũng cho ra màu sắc khác nhau. Công nghệ tạo ánh sáng của màn hình LCD và màn hình CRT khác nhau (CRT dùng ống phóng điện tử) hay đồng thời một loại màn hình nhưng hãng sản xuất khác nhau thì cũng cho ra màu sắc khác nhau.

Yếu tố thứ 3 là cách cân chỉnh màn hình cũng ảnh hưởng đến màu sắc. Bạn tăng Contrast, Brightness... nói chung là có can thiệp đến các nút cân chỉnh ánh sáng, màu sắc trên monitor cũng sẽ ảnh hưởng ít nhiều đến màu sắc trên file ảnh.

Về trường hợp bị sai kích thước:

Kích thước giấy in trong Lab thường có các chuẩn sau:
12.7cm ; 15.2cm ; 20.3cm ; 25.4cm ; 30.5cm


Các size trên là kích thước ngang, còn chiều dài là một Roll dài hàng trăm mét. Ví dụ cần in ảnh có kích thước 10cm x 15cm thì họ sẽ dùng loại giấy 15.2, chiều còn lại, cứ đến 10cm thì dao cắt sẽ tự động cắt ra đến khi nào hết cuộn giấy thì thôi.

Thông thường các máy rọi trong Lab có 3 chế độ in là Fill, Fit và No resize

Chế độ Fill: in tràn giấy và tràn hình. Ví dụ bạn có file ảnh kích thước là 8 x 15 và in trên khổ giấy 10 x 15, khi đó để in tràn hình thì cạnh 8cm phải được phóng to lên đến 10cm, cạnh còn lại là 15cm cũng phải phóng to ra theo tỉ lệ (tức là khoảng 18.7cm) vì thế phần dư ra 18.7 - 15 = 3.7 sẽ bị cắt mất.


Chế độ Fit: điều chỉnh kích thước file ảnh theo tỉ lệ sao cho toàn bộ ảnh sẽ nằm gọn trong khổ giấy in, không cắt mất hình, cạnh nào không phủ kín giấy in thì chừa trắng.


Chế độ No-resize:In đúng kích thước của file ảnh với độ phân giải 300pixels/inch.

Khi in ở chế độ này thì thì file ảnh sẽ được qui về độ phân giải chuẩn là 300 ppi, size ảnh còn bao nhiêu thì nó sẽ in bấy nhiêu. Vì thế đối với những file ảnh muốn in đúng size như đã chỉ định (hình thẻ, hình design bằng photoshop) thì buộc phải để độ phân giải 300ppi. Nếu bạn muốn in ảnh đúng size 10 x 15 mà để độ phân giải 150ppi thì khi in ra ảnh bị thu nhỏ lại còn phân nữa thì cũng đừng ...buồn nhé. Khi muốn in đúng size thì không cần quan tâm đến khổ giấy làm gì, bạn cứ thoải mái design theo kích thước của bạn, khi in nếu không hợp chuẩn giấy thì họ sẽ thay loại giấy lớn hơn và khi đó bạn phải chịu trả tiền cho khổ giấy lớn đó.
đọc tiếp

Thứ Tư, ngày 07 tháng 9 năm 2011

Loại bỏ đối tượng dư thừa trong bức ảnh

Photoshop là môt phần mềm "cực đỉnh" trong lĩnh vực xử lý hình ảnh là việc quá rõ ràng, không cần bàn cãi. Tuy nhiên việc xử lý hoàn chỉnh một bức ảnh để đạt mức độ thật hoàn hảo còn tùy thuộc vào bức ảnh hiện tại, khả năng xử lý, "độ kiên nhẫn" cũng như sự nhìn nhận, đánh giá của người thực hiện.

Có lẽ không ít lần chúng ta chụp ảnh du lịch, ảnh phong cảnh thiên nhiên hay ảnh quảng cáo sản phẩm...mà trong khung cảnh xuất hiện một vật thể lạ không mong muốn nhưng không thể loại bỏ đối tượng này ra khỏi ống kính máy ảnh trong khi chụp. "Luôn luôn lắng nghe, luôn luôn thấu hiểu" cảm giác khó chịu của quí vị nên ông chủ hãng Adobe photoshop cùng các cộng sự của mình cung cấp hàng loạt công cụ để "xử lý" những đối tượng "cứng đầu", giúp quí vị có những bứ ảnh "đẹp rạng ngời mà không chói lóa". Nhưng "tuyệt vời càng tuyệt vời hơn" nếu như các bạn được hướng dẫn sử dụng các công cụ đó một cách chi tiết để mọi người ai ai cũng có thể tự xử lý những bức ảnh của mình. Bài hướng dẫn hôm nay không ngoài mục đích nêu trên, sẽ giúp các bạn nắm rõ để "tự phục vụ" cho mình.

Tôi tìm trên mạng được một bức ảnh chụp khu vực xử lý nước như sau:

anh goc chua xu lyYêu cầu thực hiện: Chúng ta sẽ xử lý ảnh này để dời ống nước to vào bên trong hồ như hình sau đây:

anh da xu ly hoan chinhSau khi thực hành theo bài hướng dẫn bên dưới các bạn sẽ nắm được một ít kỹ thuật và có thể áp dụng trong việc xóa bỏ những đối tượng dư thừa trong một bức ảnh. Tuy có nhiều cách và phải sử dụng nhiều kỹ thuật khác nhau nếu bức ảnh cần xử lý khá phức tạp, nhưng cơ bản là các bạn sẽ nắm được phương pháp xử lý nó như thế nào.

Sau đây là cách thực hiện


1 - Đầu tiên chúng ta sẽ cắt lấy ống nước nằm bên ngoài để dưa vào bên trong lòng hồ. Chọn Pen Tool trên thanh công cụ (hoặc bấm phím P để kích hoạt công cụ này), bấm phím Ctrl - + để phóng to file ảnh xong vẽ một đường path như hình minh họa

minh hoa tao duong path2 - Bấm Ctrl - Enter để chuyển path thành vùng chọn xong bấm phím Shift - F6 rồi chọn Feather=1 sau đó bấm Ctrl - J để copy vùng chọn. Quan sát trên file ảnh không thấy thay đổi gì cả nhưng trên bảng Layer đã xuất hiện thêm Layer 1. Đến đây xem như chúng ta đã cắt được ống nước rồi đó, photoshop nhanh hơn thực tế chứ?

3 - Bấm phím V xong kéo đối tượng này vào vị trí bên trong thành hồ như sau:

di chuyen doi tuong4 - Dùng Pen Tool để tạo path như hình minh họa bên dưới:

cach dung pen tool5 - Bấm Ctrl - Enter để chuyển path thành vùng chọn. Trên bảng Layer chọn lại Layer Background rồi bấm Ctrl - J để copy vùng chọn (sẽ tạo ra layer 2 nằm dưới Layer 1). Tiếp theo bấm phím V rồi dời đối tượng vừa copy sang lắp vào vị trí ống nước như hình bên dưới, sắp xếp sao cho phần thành hồ thật "liền lạc" nhau.

minh hoa cong cu clone stamp6 - Tạm thời ẩn Layer 1 bằng cách nhấp vào biểu tượng con mắt ngay bên trái tên Layer 1 trên bảng Layer để dể dàng thao tác. Chọn lại Layer Background, dùng Pen Tool để tạo đường path như sau:
minh hoa merge layer7 - Bấm Ctrl - Enter xong bấm Ctrl - J (trước khi bấm Ctrl - J thì phải chọn lại lớp Background nếu nó chưa được chọn) sau đó bấm phím V rồi kéo đối tượng này sang phải (để lắp phần bóng của ống nước cũ để lại) tạo sự liền lạc cho thành hồ.

cach dung clone stamp8 - Sau khi mọi thứ đã đặt vào đúng vị trí chúng ta có thể gộp (merge) các Layer lại để dể thao tác. Bấm giữ Ctrl đồng thời nhấp chuột lần lượt vào Layer Background; Layer 3; Layer 2 để chọn cả 3 layer này sau đó bấm Ctrl - E để gộp lại thành một. Lúc này trên bảng layer chỉ còn lại Layer Background và Layer 1 đang bị ẩn đi. Tiếp theo chọn Pen Tool rồi tạo một Path như sau:

tao duong path bang pen9 - Bấm Ctrl - Enter xong bấm Ctrl - J (sẽ tạo ra Layer 2). Sau khi bấm Ctrl - J ta thấy vùng chọn mất đi và không có gì thay đổi trên file ảnh là do phần ảnh nằm bên trong vùng chọn đã được copy và nằm đúng ngay vị trí cũ của nó. Bây giờ nhấp lại biểu tượng con mắt trên Layer 1 để hiển thị lại layer này. Tiếp theo nhấp chọn Layer 2 xong bấm Ctrl - ] để chuyển Layer 2 lên trên Layer 1 và ...khi đó ống nước đã được đưa vào lòng hồ. Việc tiếp theo là xóa những phần dư thừa khác.

xoa doi tuong trong photoshop10 - Chọn Clone Stamp Tool trên thanh công cụ, chọn lại lớp Background rồi lấy phần ảnh là vùng nước trong hồ lắp vào phần ống nước cũ để xóa nó đi ta đươc kết quả sau:

nhan ban doi tuong trong photoshop11 - Chọn Pen Tool tạo đường path như sau:

cach dung pen tool12 - Bấm Ctrl - Enter Chuyển path thành vùng chọn, bấm Shift - F6 chọn feather = 3, xong bấm Ctrl - J để copy vùng chọn. Tiếp theo bấm phím V rồi di chuyển đối tượng đến vị trí che khuất ống nước như sau:
xoa doi tuong bang pen tool13 - Cũng tạm ổn, nhưng cũng cần xử lý thêm một ít. Tiếp theo dùng Clone Stamp Tool với Opacity khoảng 40 để chỉnh sửa thêm cho tương đối trung thực sẽ được kết quả như sau:

xu ly anh trong photoshopCuối cùng chúng ta có kết quả như sau:

anh finish
Thực hành:


Các bạn save as ảnh đầu tiên về máy tính, thực hành xóa bỏ hàng rào ở vị trí A và xóa bỏ cầu thang màu xanh ở vị trí B nhé.

thuc hanh xu ly anh
đọc tiếp