hoc photoshop

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

noreply@blogger.com (admin) — Sun, 02 Oct 2011 06:18:00 +0000

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ó 2³=8 khả năng thể hiện; 4 bit thì có 2⁴=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.

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

noreply@blogger.com (admin) — Wed, 28 Sep 2011 06:31:00 +0000

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

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

noreply@blogger.com (admin) — Fri, 09 Sep 2011 09:29:00 +0000

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 đó.

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

noreply@blogger.com (admin) — Wed, 07 Sep 2011 10:56:00 +0000

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:

Yê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:

Sau 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

2 - 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:

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

5 - 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.

6 - 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:

7 - 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ồ.

8 - 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:

9 - 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.

10 - 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:

11 - Chọn Pen Tool tạo đường path như sau:

12 - 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:

13 - 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:

Cuối cùng chúng ta có kết quả như sau:

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é.

Cách chụp ảnh độ nét cao

noreply@blogger.com (admin) — Sat, 03 Sep 2011 07:12:00 +0000

Photoshop cung cấp khá nhiều công cụ để xử lý hình ảnh từ đơn giản đến phức tạp cho chúng ta mặc sức tung hoành. Đối với những bạn có niềm đam mê vác máy đi săn ảnh, việc nắm nhiều kiến thức về nhiếp ảnh là quá tốt nhưng nếu như nắm được nhiều kỹ thuật xử lý ảnh bằng photoshop sẽ tốt hơn nhiều.

Để có những bức ảnh độ nét cao, nếu không thể sử dụng máy ảnh loại "khủng" thì chúng ta nên nhờ những phần mềm hổ trợ để xử lý chúng sau khi chụp. Tùy vào "hoàn cảnh" chúng ta có thể sử dụng photoshop với phương pháp thủ công cũng được.

Giả sử có một phong cảnh rất đẹp mà bạn đang cần chụp và bạn muốn ảnh chụp phải thật rõ nét. Nếu chỉ chụp một lần thì có thể sẽ không đẹp vì khó đảm bảo đủ độ sáng cho toàn khung cảnh. Nếu tăng ánh sáng để có thể thấy rõ những vùng tối thì những nơi sáng sẽ bị "cháy", còn nếu giảm sáng để những vùng sáng không bị cháy thì vùng tối lại khong nhìn thấy, nếu giữ ánh sáng trung bình thì ảnh chụp bị thiếu nét. Nếu biết sử dụng photoshop thì bạn có thể xử lý được vấn đề để có một bức ảnh hoàn hảo nhất. Thay vì chụp một lần không đạt thì chụp nhiều lần với cùng góc độ nhưng chế độ phơi sáng khác nhau. Để có thể chụp chính xác một góc độ thì phải dùng chân đế cho máy ảnh khi chụp. Tấm đầu tiên chụp với độ phơi sáng thấp, khi đó những vùng sáng sẽ không bị cháy nhưng vùng tối trong khung cảnh ...thì không nhìn thấy gì. Tiếp theo tăng độ phơi sáng lên một ít để có thể nhìn thấy chi tiết trong vùng tối. Với nhiều chế độ khác nhau sẽ có nhiều bức ảnh khác nhau về độ sáng. Cuối cùng tăng nhiều ánh sáng lên để nhìn rõ từng chi tiết trrong vùng tối thì khi đó vùng sáng sẽ bị "cháy" do dư sáng. Vì cùng góc chụp và cùng size ảnh nên ta dùng photoshop để xử lý. Cho 2 tấm ảnh có chế độ phơi sáng thấp và cao nằm trùng khít lên nhau theo từng layer, layer bị cháy sáng thì ta xóa bỏ phần cháy sáng chỉ giữ lại phần tốt, layer bị tối thì ta xóa bỏ vùng tối chỉ giữ lại phần tốt. Vậy cả hai layer chỉ còn lại toàn là ảnh tốt nên khi gộp layer sẽ cho kết quả là ảnh tốt. Có thể kết hợp xử lý nhiều lần để có kết quả tối ưu. Nếu cần có thể kết hợp với một vài lệnh để chỉnh màu sắc, tăng độ tương phản...chắc chắn sẽ có một bức ảnh hoàn hảo hơn nhiều so với việc chỉ chụp 1 lần. Nếu các bạn biết sử dụng Plugin hổ trợ tạo ảnh HDR thì có thể dùng công cụ này. Việc xử lý ảnh như trên thực sự không quá khó và cũng không đòi hỏi phải chuyên nghiệp về photoshop. Hy vọng các bạn sẽ có nhiều bức ảnh tuyệt đẹp cho mình.

Hướng dẫn gửi thắc mắc về lỗi thường gặp lên web.

noreply@blogger.com (admin) — Thu, 01 Sep 2011 13:25:00 +0000

Thời gian qua có khá nhiều bạn gửi mail trực tiếp hoặc comment trên web để hỏi cách xử lý một số lỗi thường gặp trong quá trình thực hành photoshop. Dù đã hết sức cố gắng nhưng chỉ một mình admin thì cũng khó trả lời thỏa đáng, kịp thời cho tất cả các bạn. Để có thể hổ trợ kịp thời cho các bạn, mình đề nghị rằng những câu hỏi thắc mắc thuộc bài nào các bạn nên gửi trong phần nhận xét bên dưới bài đó để mọi người có thể giải đáp nhanh và phù hợp theo từng chủ đề.

Có những lỗi xãy ra trong quá trình thực hành mà do rất nhiều nguyên nhân, có thể do hệ thống máy tính, do phần mềm, do thao tác sai, do vô tình chỉnh sửa lại cấu hình... nên rất khó giải đáp thắc mắc chỉ với câu hỏi đơn thuần không có hình minh họa.

Để trợ giúp tốt hơn cho những câu hỏi thắc mắc của các bạn, tôi hướng dẫn cách chụp ảnh "hiện trường" đang xãy ra lỗi để gửi hình lên mạng cho mọi người tham khảo tìm câu giải đáp phù hợp đồng thời giúp những người khác gặp lỗi đó sẽ biết cách khắc phục. Để thực hiện việc này chúng ta cần các bước thực hiện sau:

1 - Đăng ký tải khoản photobucket.
2 - Chụp ảnh màn hình đang thao tác.
3 - Gửi ảnh và lấy link ảnh từ photobuket để paste vào khung nhận xét.

Việc đăng ký tài khoản photobucket chỉ thực hiện một lần duy nhất, sau đó khi cần gửi ảnh lên, các bạn chỉ cần đăng nhập với tài khoản đã đăng ký thì tha hồ mà gửi ảnh, thậm chí các bạn có thể lưu trữ trên photobuket những bức ảnh sản phẩm yêu thích của mình. Mong nhận sự đóng góp nhiệt tình từ tất cả các bạn để web ngày một tốt hơn.

Các bậc thầy trong phục chế ảnh cũ

noreply@blogger.com (admin) — Thu, 01 Sep 2011 11:58:00 +0000

Sưu tầm được trên mạng một số hình ảnh về phục chế ảnh cũ, thấy "khoái" quá nên post lên cho anh em chiêm ngưỡng. Nhìn người ta làm mới thấy khả năng của mình (bản thân tôi) so với họ chỉ là giọt nước giữa Biển Đông. Thật khâm phục khả năng của họ, một họa sĩ tài ba. Photoshop có những khả năng hết sức tuyệt vời, mong rằng các bạn cũng có khả năng thực hiện những bức ảnh như thế.

Layout web bán sản phẩm giày dép

noreply@blogger.com (admin) — Thu, 01 Sep 2011 04:32:00 +0000

Một số layout web giày dép thời trang đã thiết kế bằng photoshop.

Thiết kế web layout giày dép thời trang (p6/6)

noreply@blogger.com (admin) — Tue, 30 Aug 2011 04:03:00 +0000

Trong phần này chúng ta sẽ chỉnh sửa lại giao diện cho cân đối. Quan sát web layout đã thiết kế (hình minh họa trên) ta thấy chưa được cân đối giao diện. Khi chèn Logo Paypal vào sẽ tạo ra một khoảng trống bên trái nó. Ta có thể copy thêm một cặp sản phẩm nữa để cân đối với phần Logo Paypal phía bên phải hoặc thu nhỏ toàn bộ phần OUR SHOW ROOM và Paypal để rút ngắn chiều cao. Ở đây tôi sẽ thu nhỏ kích thước của Paypal Logo và mục OUR SHOW ROOM đồng thời tăng lớn kích thước khu vực sản phẩm. Sau khi chỉnh sửa sẽ có kết quả tương đối cân đối như sau:

Sau khi chỉnh sửa lại giao diện cho cân đối thì thứ tự các layer có thể sẽ thay đổi "lung tung" lúc này muốn chọn layer nào chỉ còn cách nhấp chuột phải vào ngay layer đó để chọn bằng "cửa sổ nhanh"
Với những gì đã nắm được trong các bài hướng dẫn từ phần 1 đến phần 5, các bạn sử dụng các công cụ đó để thực hiện nốt phần còn lại của layout, tất cả chỉ dùng Rectangular Marquee Tool, sử dụng Stroke của Layer Style, công cụ Horizontal Type Tool.

Cuối cùng sẽ có một layout hoàn chỉnh như sau:

Thiết kết web layout giày dép thời trang (p5)

noreply@blogger.com (admin) — Tue, 30 Aug 2011 03:47:00 +0000

Thực ra suốt trong quá trình thiết kế giao diện web (web layout hay web template) từ phần 1 đến phần 5 này chỉ sử dụng một vài công cụ của photoshop như Layer Style, Pen, Shape, Type...nên cũng không phải quá khó đối với những bạn mới nắm sơ qua photoshop. Những lệnh nào được dùng thường xuyên thì tôi sẽ không trình bày lại mà chỉ nói lướt qua.

Chúng ta sẽ tiếp tục phần thiết kế web layout cho những phần còn lại để dần dần hoàn chỉnh layout.

1 - Nhấp chuột chọn layer trên cùng trong bảng layer. Chọn công cụ Horizontal Type Tool để nhập vào dòng chữ NEWS LETTER. Tiếp theo bấm phím V, sau đó nhấp chuột phải chính xác vào đường màu hồng nằm dưới chữ FAMOUS PRODUCTS (nếu khó nhấp chuột ngay đường này thì bấm phím Ctrl - + để phóng to lên) nếu thao tác đúng sẽ thấy hiện lên cửa sổ nhanh trong đó có layer 11, ta chọn layer 11 này. Bấm giữ Alt và rê xuống dưới để copy đường này ra thêm một đường nữa và đặt vào dưới chữ NEWS LETTER, phần dư ra ta sẽ tạo vùng chọn bao quanh nó và bấm phím Delete để xóa đi.

2 - Dùng công cụ Rectangular Marquee Tool tạo vùng chọn, sử dụng Layer style với hiệu ứng Stroke để tạo đường viền, dùng công cụ Horizontal Type Tool để tạo text, kết quả như bên dưới. Lưu ý rằng trước khi tạo đối tượng có sử dụng hiệu ứng Stroke thì phải tạo một layer mới.

3 - Tạo một layer mới, dùng Rectagular Marquee tạo vùng chọn như hình minh họa bên dưới, trên bảng layer chọn màu Foreground là # fee9f5 sau đó bấm tổ hợp phím Alt - Delete để tô màu này cho vùng chọn, cuối cùng bấm phím Ctrl - D để hủy vùng chọn.

4 - Trên bảng layer, nhấp chuột vào nút "Add a layer style" và chọn stroke để tạo đường viền cho vùng này. Chọn công cụ Pen trên thanh công cụ, tạo pah như sau:

5 - Bấm Ctrl - Enter để chuyển path thành vùng chọn, tiếp theo bấm Ctrl - J để nhân bản (copy) layer sau đó xóa bỏ stroke của layer vừa nhân bản này (việc xóa stroke đã trình bày trong các phần trước). Trong bài hướng dẫn này layer đang xử lý là layer 27. Bấm phím Ctrl - L và chỉnh lại như sau:

6 - Trong bước này chỉ là nhập văn bản, copy ra làm nhiều layer và đưa hình ảnh vào cho phù hợp. Mở các file tư liệu các bạn đã down load, bấm Ctrl - T và kéo các nút điều khiển để thu nhỏ hình ảnh lại và sắp xếp vào file layout này. Kết quả sẽ như sau:

7 - Mở file tư liệu paypal.jpg và chèn vào layout.

Đến đây ta sẽ có kết quả như sau:

Thiết kế web layout giày dép thời trang (p4)

noreply@blogger.com (admin) — Tue, 30 Aug 2011 03:38:00 +0000

Trong phần 4 này chúng ta sẽ tiếp tục thiết kế web layout cho khu vực sản phẩm. Mở file gốc ra để tiếp tục.

1 - Trên bảng layer, chọn layer nằm trên cùng sau đó nhấp chuột vào nút "Create a new layer" để tạo thêm layer mới (trong bài này sẽ là layer 18). Trên thanh công cụ, chọn công cụ Rounded Rectangle Tool và vẽ một shape như sau:

2 - Bấm Ctrl - Enter để chuyển path thành vùng chọn. Tiếp theo bấm phím D sau đó bấm Ctrl - Delete và bấm Ctrl - D để hủy vùng chọn. Tiếp theo nhấp chuột vào nút " Add a layer style" và chọn Stroke để có được kết quả sau:

3 - Chọn công cụ Pen (hoặc bấm phím P) vẽ một path như hình sau:

4 - Bấm Ctrl - Enter sau đó bấm Ctrl - J sẽ tạo ra layer 19. Giữ phím Ctrl đồng thời nhấp chuột vào hình thumbnails của layer này để load vùng chọn. Tiếp theo chọn lại màu Foreground là # fdb6df sau đó bấm Alt - Delete để tô màu này cho vùng chọn, cuối cùng bấm Ctrl - D để hủy chọn sẽ có kết quả như sau:

5 - Tiếp theo, dùng công cụ Horizontal Type Tool tạo các đoạn văn bản (Text) và thêm hình vào như sau:

6 - Trên bảng layer, nhấp chuột vào layer 18 để chọn layer này, sau đó bấm giữ Shift đồng thời nhấp chuột vào layer nằm trên cùng trong bảng layer (layer 20) để chọn tất cả những layer này. Bấm phím V nếu công cụ Move chưa được kích hoạt, tiếp theo bấm giữ Alt - Shift và kéo toàn bộ nhóm layer đã được link để copy ra thêm một phiên bản nữa. Tiếp tục thực hiện thao tác này để có kết quả như sau:

7 - Công việc tiếp theo là mở các file tư liệu và thay những hình ảnh trong mục sản phẩm này bằng những hình ảnh khác.

Thiết kế web layout giày dép thời trang (p3)

noreply@blogger.com (admin) — Tue, 30 Aug 2011 03:16:00 +0000

Tiếp tục trong phần 3 chúng ta sẽ tạo Categories cho web layout này. Mở lại file đang design đã lưu ở phần trước.
1 - Chúng ta sẽ nới rộng thêm file layout từ kích thước height:800 pixel lúc ban đầu lên 1200px. Chọn lệnh Image\Canvas size, thay giá trị height=1200px như sau:

2 - Trên bảng layer nhấp chuột chọn layer trên cùng, xong nhấp chuột vào nút "Create a new layer" để tạo layer mới (layer 14). Tiếp theo chọn công cụ Rounded Rectangle Tool (U) và vẽ một shape như sau:

3 - Bấm Ctrl - Enter để chuyển path thành vùng chọn. Tiếp theo bấm phím D rồi bấm Ctrl - Delete để fill màu trắng cho vùng chọn này sau đó bấm Ctrl - D để hủy chọn (và cứ thực hiện tiếp tục các bước sau nhé). Tiếp theo, trên bảng layer, chọn "Add a layer style" và chọn Stroke như sau:

4 - Chọn công cụ Rectangular Marquee Tool vẽ vùng chọn như hình sau:

5 - Bấm phím Ctrl - J sẽ tạo ra layer 15. Trên bảng layer ta xóa hiệu ứng stroke của layer 15 này bằng cách nhấp chuột vào hình tam giác nhỏ nằm bên phải tên layer 15 rồi rê thả phần Stroke vào biểu tượng thùng rác ở đáy bảng (chú ý không xóa nhầm layer 15 nhé, chỉ xóa stroke thôi). Bấm giữ Ctrl và nhấp chuột vào hình thumbnails (là phần hình vuông nền ca rô nằm bên trái của tên layer) của layer 15 để load lại vùng chọn. Tiếp theo, trên thanh công cụ, chọn lại màu Foreground là # fc6dbf sau đó bấm Alt - Delete để tô màu này cho layer 15. Cuối cùng bấm Ctrl - D để hủy chọn.

6 - Dùng công cụ Horizontal Type Tool tạo dòng chữ như sau:

7 - Tạo thêm layer mới (leyer 16), dùng công cụ Rectangular Marquee Tool tạo vùng chọn như hình bên dưới, xong chọn lại màu Foreground là # fdb6df sau đó bấm Alt - Delete để tô màu này cho vùng chọn.

8 - Bấm Ctrl - D để hủy chọn, tiếp tục nhập dòng chữ FOR MAN như sau:

9 - Dùng công cụ T để nhập thêm dòng chữ "Group of shoes man". Tiếp theo, trên thanh công cụ, chọn công cụ Custom Shape Tool (U) rồi chọn một shape hình mũi tên. Trên bảng layer, tạo thêm một layer mới (layer 17) xong vẽ một hình mũi tên như sau:

10 - Bấm Ctrl - Enter để chuyển path thành vùng chọn, trên thanh công cụ chọn màu Foreground là # e883bf xong bấm Alt - Delete để tô màu này cho vùng chọn, cuối cùng bấm Ctrl - D để hủy chọn. Chọn 2 layer "Group of shoes man" và "layer 17" xong bấm giữ phím Alt - Shift đồng thời rê xuống dưới để copy ra thêm 4 layer nữa. Việc copy này các bạn đã biết nên không nhắc lại nữa.

11 - Click chuột phải vào ngay phần nền màu tím nhạt bên dưới chữ FOR MAN (click chính xác vào phần nền nhé) và chọn dòng đầu tiên trong cửa sổ nhanh (ở đây dòng đầu tiên là layer 16) khi đó layer 16 sẽ được chọn. Đây là cách chọn nhanh một layer không cần phải chọn trên bảng layer, với những file có hàng trăm layer nếu không có lệnh chọn nhanh bằng chuột phải thì ...mệt mõi vô cùng. Bấm giữ Ctrl và nhấp vào layer "FOR MAN" để chọn cả 2 layer này sau đó copy ra thêm một bản nữa như hình sau:

12 - Sau khi nhân bản layer, trên bảng layer ta sẽ có thêm layer : "layer 16 copy" và "FOR MAN copy". Chọn công cụ Horizontal Type Tool (T) nhấp ngay vào dòng chữ FOR MAN rồi xóa chữ MAN và sửa lại thành WOMEN.

13 - Việc tạo hoàn chỉnh Categories như bên dưới chỉ là copy layer và sửa lại text ( các bạn không muốn sửa text thì có thể dùng công cụ T để tạo mới cũng được) tôi sẽ không trình bày chi tiết, cuối cùng ta có kết quả như sau:

Thiết kế web layout giày dép thời trang (p2)

noreply@blogger.com (admin) — Tue, 30 Aug 2011 00:44:00 +0000

Việc thiết kế website (web layout, web template) có thể cần kết hợp nhiều yếu tố, tuy nhiên trong phạm vi bài viết này tôi chỉ trình bày kỷ thuật photoshop ứng dụng trong thiết kế giao diện website.

Ở phần 1 chúng ta đã thiết kế xong phần header của website, trong phần 2 này chúng ta sẽ thiết kế phần Main menu (tạm gọi là main menu).

1 - Mở lại file layout còn đang thiết kế dang dỡ ở phần 1 mà các bạn đã lưu vào máy tính ( trong bài hướng dẫn này tôi không đặt tên cho file đó nên nó sẽ mang tên mặc định là untitled-1.psd). Bấm Ctrl - R để hiện thanh thước ngang và dọc, nếu trên màn hình photoshop của các bạn đã xuất hiện thanh thước rồi thì không cần thao tác này. Nhấp giữ chuột vào thanh thước ngang rồi kéo vào màn hình làm việc cách đáy banner khoảng 15px. Tiếp theo. trên thanh công cụ, chọn "Rounded Rectangle Tool (U) và vẽ một shape như sau:

Lưu ý: trong tất cả các bài hướng dẫn, nếu hình minh họa xem không rõ, các bạn nhấp chuột ngay vào bức ảnh đó để xem 100%

2 - Bấm Ctrl - Enter để chuyển path thành vùng chọn, sau đó nhấp chuột vào hộp màu Foreground trên thanh công cụ và chọn lại màu có mã là #fc6dbf. Trên bảng layer, nhấp chuột vào layer trên cùng ( có tên là 08/07/2011...) xong nhấp chuột vào nút "Create a new layer" để tạo layer mới.Tiếp theo bấm Alt - Delete để tô màu Foreground này cho vùng chọn cuối cùng bấm Ctrl - D để hủy chọn.

3 - Chọn công cụ Horizontal Type Tool nhập vào dòng chữ sau:

4 - Nhấp chuột vào nút "Create a new layer" trên bảng layer để tạo layer mới (mặc định sẽ là layer 6). Tiếp theo chọn công cụ Rectangle Marquee Tool trên thanh công cụ rồi vẽ một vùng chọn như hình minh họa bên dưới, tiếp theo nhấp chuột vào hộp màu Background trên thanh công cụ và chọn lại màu có mã là #fbc9e6 sau đó bấm phím Ctrl - Delete để tô màu này cho vùng chọn sẽ được kết quả như sau.

5 - Bấm Ctrl - D để hủy chọn. Trên bảng layer, nhấp chuột vào nút "Add a layer style" ở đáy bảng và chọn Stroke như sau:

6 - Vào folder hình ảnh tư liệu mà các bạn đã download ở phần 1, mở 2 file "Search.png" và "Home.png" xong rê lần lượt từng file một để thả vào file layout sau đó sắp xếp lại vị trí như sau:

7 - Trên bảng layer, nhấp chọn layer trên cùng (layer 8) nếu layer này chưa được chọn, xong nhấp nút "Create a new layer" mặc định sẽ tạo ra layer 9. Chọn công cụ Rectangular Marquee Tool trên thanh công cụ xong vẽ vùng chọn như hình minh họa, tiếp theo bấm phím D rồi bấm tổ hợp phím Ctrl - Delete để tô màu cho vùng chọn này. Sẽ không thấy sự thay đổi nào trên file ảnh vì chúng ta tô màu trắng cho vùng chọn.

8 - Bấm Ctrl - D để hủy chọn. Trên bảng layer, nhấp biểu tượng "Add a layer style" ở đáy bảng rồi chọn Stroke như sau:

9 - Mở file tư liệu "Shoe-5.jpg" , xong rê thả hình này vào file đang thiết kế, bấm Ctrl - T xong kéo một góc để thu nhỏ hình lại (khi thu nhỏ hình nhớ kết hợp phím Shift hoặc Alt - Shift để hình không bị biến dạng) và sắp xếp lại như sau:

10 - Các bạn đã biết cách sử dụng công cụ Horizontal Type Tool để tạo văn bản nên bước này tôi sẽ không nhắc lại. Tạo 3 đoạn văn bản "Welcome"; "Pakistani designer....." và "Read more" rồi đặt vào vị trí như hình minh họa. Nội dung văn bản như thế nào tùy ý nhưng nhìn chung sẽ như hình sau:

11 - Tiếp tục tạo thêm chữ FAMOUS PRODUCTS. Tiếp theo tạo một layer mới (layer 11), trên thanh công cụ chọn màu Foreground là # fc6dbf, tiếp theo chọn công cụ Brush Tool với đường kính Brush là 3px (thay đổi kích thước này trong phần Brush của thanh công cụ) xong bấm giữ Shift và vẽ một đường ngang bằng chiều ngang dòng chữ để tạo đường gạch chân.

12 - Mở file tư liệu "Shoe-6.jpg" ra màn hình xong rê file này thả vào file đang design, các bạn sẽ thấy file "shoe-6.jpg" này choáng gần hết file layout, không sao, chúng ta bấm Ctrl - T đồng thời bấm giữ Alt - Shift và kéo một nút vuông ở góc để thu nhỏ lại đến khi vừa ý và đặt vào vị trí như hình minh họa.

Theo hình minh họa trên, ở phần FAMOUS PRODUCTS tôi muốn hiển thị 3 sản phẩm, tuy nhiên trong khi đang thiết kế thì khó tính toán kích thước của mỗi hình là bao nhiêu (nếu chịu khó ngồi tính toán kỹ kích thước chính xác bao nhiêu pixels thì quá tốt), tôi chỉ cần hình ảnh 3 sản phẩm nằm phù hợp, cân đối trong không gian đó. Cách làm như các bước sau đây

13 - Sau khi rê thả hình chiếc giày vào file thiết kế nó sẽ nằm trong layer 12 và bạn đã thu nhỏ lại như trên hình minh họa trong bước 12. Bây giờ chúng ta sẽ tạo thêm phần border cho ảnh này. Tạo thêm một layer mới (layer 13), dùng công cụ Rectangular Marquee tạo vùng chọn lớn hơn hình chiếc giày khoảng 4px như sau:

14 - Bấm phím D xong bấm Ctrl - Delete rồi bấm tiếp Ctrl - D (đừng bận tâm bỗng nhiên hình chiếc giày biến mất). Trên bảng layer, nhấp chuột vào nút "Add a layer style" và chọn Stroke với các giá trị size:1px và màu là #c0c0c0 cuối cùng bấm tổ hợp phím Ctrl - [ sẽ được kết quả như sau:

15 - Trên bảng layer chọn cả 2 layer (layer 13 và layer 12) xong nhấp chuột vào nút link (biểu tượng chiếc còng số 8) ở đáy bảng để liên kết 2 layer này lại. Bấm phím V xong bấm giữ Alt - Shift đồng thời rê hình chiếc giày sang phải để copy ra thêm 1 layer nữa, thực hiện thêm lần nữa để tạo ra 2 bản copy, tức là ta sẽ có tất cả 3 hình chiếc giày nằm theo hàng ngang thuộc các layer: layer 12 ; layer 12 copy và layer 12 copy 2 (phần hình mà chúng ta dùng làm đường viền cho ảnh cũng được copy theo và chúng sẽ thuộc về layer 13 ; layer 13 copy và layer 13 copy 2). Lưu ý rằng khi copy ra thêm layer các bạn nên cho những đối tượng này nằm cách đều nhau (khoảng cách giữa 2 chiếc giày tương đối đều nhau), lúc này một phần hình bên phải bị khuất vào trong biên của file layout ( chỉ bị che khuất thôi chứ không bị cắt mất nhé).

14 - Trên bảng layer, bấm giữ Ctrl đồng thời nhấp chuột lần lược vào 6 layer trên cùng để chọn chúng, sau đó bấm Ctrl - T rồi kéo nhỏ toàn bộ lại cho phù hợp như hình sau:

15 - Dùng công cụ Horizontal Type Tool nhập vào các dòng chữ rồi copy ra 2 bản nữa và sắp xếp lại như sau ( cách sử dụng công cụ này đã trình bày rồi, tôi sẽ không viết lại chi tiết):

Đến đây xem như chúng ta đã tạo xong phần layout tiếp theo cho phần main menu này, kết quả như sau:

Các bạn tự thay đổi hình ảnh những chiếc giày trên mục FAMOUS PRODUCTS nhé. Cũng thêm hình ảnh vào rồi bấm Ctrl - T xong nhấn giữ Shift và kéo một nút nào đó ở góc vuông vào bên trong tâm của đối tượng để thu nhỏ lại, kéo ra ngoài sẽ làm đối tượng lớn hơn. Muốn thu nhỏ hay kéo to ra đồng thời theo các hướng thì khi kéo một nút phải kết hợp Alt - Shift.

Thiết kế web layout giày dép thời trang (p1)

noreply@blogger.com (admin) — Mon, 29 Aug 2011 00:21:00 +0000

Việc tự học photoshop qua mạng (học photoshop online, học photoshop trực tuyến) của các bạn sẽ trở nên dể dàng hơn nếu như các bạn tiếp cận được nhiều bài thực hành được hướng dẫn cụ thể. Mặt khác, việc ứng dụng photoshop trong thiết kế giao diện website (thiết kế web layout, thiết kế web template) ngày càng trở nên quan trọng và phổ biến nên việc có nhiều bài hướng dẫn về lĩnh vực này sẽ giúp các bạn nhanh chóng thành thạo các công cụ của photoshop cũng như những ứng dụng của nó.

Trong mục thiết kế web layout của website này có nhiều layout đã được gửi lên, bài hôm nay các bạn sẽ được hướng dẫn cụ thể cách thiết kế giao diện web bằng photoshop như sau:

Dĩ nhiên là khi thiết kế chúng ta phải chuẩn bị trước một số hình ảnh tư liệu, hình ảnh sử dụng để thiết kế web layout này các bạn có thể download tai đây.

1 - Bấm Ctrl - N để tạo file mới có kích thước width=1000px; height=800px; độ phân giải là 72pixels/inches và nền màu trắng.

2 - Chọn Horizontal Type Tool trên thanh công cụ (hoặc bấm phím T) xong nhấp chuột vào file ảnh và nhập vào dòng text như hình minh họa, sau đó bấm Ctrl - Enter hoặc chọn một công cụ khác với công cụ T để thoát lệnh. Bấm V để kích hoạt công cụ Move, xong dời dòng text này lên góc trên phải.

3 - Bấm phím T để kích hoạt công cụ tạo Text, chọn font chữ là VNI-allegie trên thanh tùy chọn sau đó nhập vào dòng text như bên dưới (sau khi nhập xong dòng chữ thì các bạn phải bấm Ctrl - Enter để thoát lệnh)

4 - Bấm phím T xong rê chuột chọn chỉ chữ "shoe", nhấp vào ô màu trên thanh tùy chọn và chọn một màu mới có mã là #f966bc, ta sẽ có chữ "Shoe" màu tím nhạt như sau:

Kết quả như sau:

5 - Cũng sử dụng công cụ Horizontal Type Tool (T) như đã trình bày ở trên, nhập vào những đoạn text còn lại để được kết quả như sau

6 - Chúng ta sẽ liên kết (link) những layer nằm gần nhau lại với nhau. Chọn 3 layer nằm trên cùng (nhấp chuột vào layer "shoe store" xong bấm giữ Shift và nhấp chuột vào layer trên cùng) sau đó nhấp chuột vào biểu tượng liên kết (hình còng số 8) ở dưới đáy bảng layer để liên kết chúng lại.

7 - Nhấp chuột vào layer nằm trên cùng trong bảng layer, xong nhấp vào nút "Create a new layer" để tạo một layer mới. Dùng công cụ Rectangular Marquee tạo vùng chọn hình chữ nhật như sau:

8 - Trên thanh công cụ, nhấp chuột vào hộp màu Foreground và chọn lại một màu có mã là #ffeef8, bấm Ctrl - Delete để tô màu này cho vùng chọn sau đó bấm Ctrl - D để hủy chọn. Bấm phím V sau đó nhấp chuột vào nút "Add a layer style" trên bảng layer rồi chọn Stroke như sau:

9 - Chọn công cụ Pen trên thanh công cụ, vẽ đường path như sau:

10 - Bấm Ctrl - Enter để chuyển path thành vùng chọn, sau đó bấm Ctrl - Shift - I (chữ i) và cuối cùng bấm Ctrl - J. Lúc này trên bảng layer sẽ xuất hiện layer 2. Ngay bên phải layer 2 chúng ta thấy một nút tam giác màu đen nhỏ, nhấp chuột vào nút tam giác đó sẽ bung ra Stroke, nhấp chuột vào ngay dòng Stroke này rê thả vào biểu tượng thùng rác ở đáy bảng layer để xóa Stroke Style này đi, khi đó layer 2 sẽ không còn biểu tượng layer style (hình giống như chữ f )

Lưu ý là xóa Stroke nhé, coi chừng nhầm các bạn xóa luôn layer 2 đó nhé.

11 - Layer 2 vẫn đang được chọn, bấm Ctrl - L xong chỉnh lại như sau:

12 - Bấm Ctrl - J sau đó bấm Ctrl - [ (dấu móc vuông) để chuyển "layer 2 copy" xuống nằm dưới layer 2. Tiếp theo, trên bảng layer, giảm Opacity của "layer 2 copy" xuống còn khoảng 60%. Tiếp theo bấm Ctrl - T sau đó nhấp chuột phải vào khung bao và chọn "Skew" rồi kéo cạnh dưới của khung bao sang trái một ít như hình minh họa bên dưới, cuối cùng bấm Enter để kết thúc.

13 - Mở file ảnh "leg.jpg" mà các bạn đã down load ở trên, chọn công cụ Magic Wand Tool xong nhấp chuột vào vùng nền trắng để chọn vùng này, sau đó bấm Ctrl - Shift - I sẽ có kết quả như sau:

14 - Bấm Ctrl - C xong quay trở lại file ảnh đang design và bấm Ctrl - V để paste phần hình vừa copy vào file này, sau đó bấm Ctrl - ] để chuyển layer này (mặc định là layer 3) lên trên cùng. Tiếp tục bấm Ctrl - T, sau đó bấm giữ Alt - Shift và kéo một nút nhỏ ở góc hình vuông vào trong để thu nhỏ hình này lại sau đó di chuyển đến vị trí như hình sau:

15 - Trên bảng layer nhấp chuột vào nút "Create a new layer" để tạo layer mới (layer 4). Trên thanh công cụ chọn công cụ Custom Shape Tool và vẽ một shape như sau:

16 - Bấm Ctrl - Enter để chuyển path thành vùng chọn xong tô màu trắng cho vùng chọn này bằng cách bấm phím D xong bấm Ctrl - Delete, sau cùng bấm Ctrl - D để hủy vùng chọn. Trên bảng layer nhấp chuột vào nút " Add a layer style" xong chọn Stroke như sau:

17 - Chọn Horizontal Type Tool trên thanh công cụ, nhập vào dòng chữ như hình sau:

18 - Sau khi nhập dòng chữ "New 2011" xong, chọn cả hai layer này sau đó bấm Ctrl - T sẽ xuất hiện khung bao, đưa chuột bên ngoài khung bao và xoay theo chiều nghịch kim đồng hồ sau đó dời đến vị trí như hình sau:

19 - Chọn Horizontal Type Tool trên thanh công cụ xong nhập vào dòng chữ SALE OFF 50% xong tô màu trắng cho phần chữ 50% như sau:

20 - Tiếp tục nhập vào dòng text màu đỏ như hình minh họa bên dưới. Sau khi nhập xong text, nhấp chuột vào nút "Create Warped text" trên thanh tùy chọn và chọn như sau:

Cuối cùng ta sẽ có phần tạm gọi là header như sau:

Các chế độ hòa trộn (blending mode) trong photoshop

noreply@blogger.com (admin) — Sun, 14 Aug 2011 01:07:00 +0000

Việc tự học photoshop với các phiên bản photoshop cs2, photoshop CS4 thông qua các trang web học photoshop, photoshop trực tuyến, photoshop online...hay các giáo trình photoshop sẽ trở nên dể dàng hơn nếu các bài viết được trình bày tỉ mỉ, cụ thể. Hoc photoshop sẽ cố gắng thực hiện tiêu chí như thế nhằm giúp các bạn tự học hay những bạn có nhiều đam mê trong lĩnh vực này. Hôm nay sẽ là phần tìm hiểu về các chế độ hòa trộn (blending mode) trong photoshop.

Một tính năng cũng rất độc đáo khác bên cạnh các Filter của Photoshop là các chế độ hoà trộn. Sử dụng sáng tạo những chế độ hoà trộn cũng sẽ tạo được những hình ảnh rất đẹp và quyến rũ. Trong hầu hết các thao tác ở Photoshop bạn không thể không dùng đến các chế độ hoà trộn, do vậy nó trở thành đặc biệt quan trọng và hữu dụng. Biết và hiểu các tính năng của nó sẽ giúp bạn nhiều hơn nữa trong công việc của mình.

Layer:

Bạn sử dụng các chế độ hoà trộn để xác định những giá trị pixel của một file ảnh trên một layer sẽ hoà trộn như thế nào với những pixel trên một layer khác. Bằng cách áp dụng những chế độ hoà trộn cụ thể trên từng layer riêng lẻ bạn có thể tạo ra những hiệu ứng đa dạng và đặc biệt.

Việc tìm hiểu cơ bản về các chế độ hòa trộn trong photoshop thì cũng hay, tuy nhiên nếu nhìn vào 2 layer trên bức ảnh mà ta có thể hình dung ra được kết quả sau hòa trộn là việc ....không tưởng. Photoshop sẽ tính toán các giá trị pixels trong từng chế độ hòa trộn kết hợp với giá trị opacity để cho ra những pixels kết quả ngay trên file ảnh. Đối với các công cụ tô vẽ, chúng ta cũng có thể vẽ ở chế độ hòa trộn (thay đổi kiểu hòa trộn khác trên thanh tùy chọn thay vì chọn Normal) tương ứng với từng giá trị Opacity khác nhau. Thực hành nhiều với các chế độ hòa trộn để tạo ra nét "độc" cho mình, thực tế cũng khó diễn giải bằng lời. Bài viết sau đây được sưu tầm từ vietbao.vn.

Những công cụ và chế độ hoà trộn.

Bạn cũng có thể tìm thấy chế độ hoà trộn trên thanh Option của mỗi một công cụ riêng lẻ, nó kiểm soát những pixel của một file ảnh sẽ bị ảnh hưởng như thế nào bởi các công cụ. Bạn nên hiểu những khái niệm sau đây về màu sắc khi thấy những hiệu ứng của chế độ hoà trộn.

+ Màu cơ bản - là màu ban đầu của file ảnh

+ Màu hoà trộn - là màu được thiết lập bởi các công cụ vẽ hoặc những công cụ chỉnh sửa

+ Màu kết quả - là kết quả từ những chế độ hoà trộn được sử dụng

Khái quát về các chế độ hoà trộn:

(Những chế độ này là của những phiên bản mới nhất của Photoshop, nhưng những hiệu ứng của nó thì như nhau trong tất cả các phiên bản)

1. Normal :

Đây là chế độ mặc định của Photoshop. Không có một hiệu ứng hoà trộn nào được thiết lập khi ở chế độ Normal.

2. Dissolve:
Chỉnh sửa hoặc vẽ trên từng pixel để tạo ra màu kết quả. Tuy nhiên, màu kết quả là sự thay đổi ngẫu nhiên của các giá trị pixel với màu cơ bản hoặc với màu hoà trộn, phụ thuộc vào mức Opacity tại bất cứ vị trí nào của pixel. Chế độ hoà trộn này kết hợp tốt với các công cụ Paintbrush hoặc Airbrush và với kích cỡ lớn.

3. Behind:

Chỉnh sửa hoặc vẽ chỉ trên những phần trong suốt của layer. Chế độ này chỉ làm việc duy nhất với chức năng Preserve Transparency được tắt và tương tự để vẽ vào phần sau của những vùng trong suốt.

4. Clear:

Chỉnh sửa hoặc vẽ trên từng pixel để tạo ra trong suốt. Chế độ này chỉ làm việc với Line tool, Paint bucket tool, các lệnh Fill và lệnh stroke. Bạn phải tắt chế độ Preserve Transparency để làm việc với chế độ này.

5. Multiply:

Nó sẽ tìm những thông tin về màu trên từng kênh và nhân đôi màu cơ bản và màu hoà trộn. Màu kết quả luôn luôn là một màu tối hơn. Nhân đôi bất cứ màu nào với màu đen sẽ cho kết quả là đen, với màu trắng thì kết quả không đổi. Khi bạn vẽ với một màu nào đó mà không phải là hai màu trắng và đen, với những nét vẽ liên tục với công cụ Painting sẽ tạo ra một màu tối hơn. Hiệu ứng tương tự như khi vẽ trên một file ảnh với chiếc bút thần kỳ đa chức năng.

6. Screen:

Với Screen nó sẽ tìm từng kênh thông tin màu và nhân với màu ngược lại của màu hoà trộn và màu cơ bản. Màu kết quả sẽ luôn luôn là một màu sáng hơn. Nếu bạn thiết lập chế độ Screen với màu đen thì màu sẽ không thay đổi, ngược lại, hoà trộn với màu trắng sẽ cho ra màu trắng. Hiệu ứng này giống như kiểu chiếu sáng những tấm phim ảnh chồng lên nhau.

7. Overlay:

Nhân đôi hoặc che chắn màu phụ thuộc vào màu gốc. Khi được thiết lập nó sẽ lấy làm mẫu hoặc che phủ những giá trị pixel của ảnh nhưng lại bảo tồn những vùng bóng sáng và bóng đen của màu gốc. Màu gốc sẽ không bị thay đổi nhưng được trộn lẫn với màu hoà trộn để phản xạ những vùng sáng hoặc vùng tối của màu ban đầu.

8. SoftLight:

Làm sáng hoặc làm tối màu phụ thuộc vào màu hoà trộn. Hiệu ứng này tương tự như khi ta chiếu sáng bằng một cái đèn rọi tán sắc lên một bức ảnh. Nếu màu trộn (ánh sáng nguồn) nhạt hơn 50% xám, file ảnh sẽ được làm sáng, như khi nó được Dodge. Nếu màu trộn tối hơn 50% xám, file ảnh sẽ bì làm tối đi như khi nó được Burn. Vẽ với màu trắng hoặc đen tuyệt đối sẽ tạo ra một vùng tối hoặc sáng khác biệt nhưng kết quả lại không phải là màu đen hoặc trắng tuyệt đối.

9. Hard Light:

Hiệu ứng này sẽ nhân đôi hoặc che chắn màu, phụ thuộc vào màu hoà trộn. Hiệu ứng này tương tự như khi ta dùng một đèn rọi cực sáng chiếu vào hình ảnh. Nếu màu hoà trộn (ánh sáng nguồn) nhạt hơn 50% xám, hình ảnh sẽ được làm sáng như khi nó được áp dụng hiệu ứng Screen.Điều này rất có ích khi ta muốn tạo những vùng phản chiếu cho một file ảnh. Nếu màu hoà trộn đậm hơn 50% xám, nó sẽ có hiệu ứng như Multiplied. Điều này có ích khi ta muốn thêm những vùng phủ bóng cho một file ảnh. Tô vẽ với màu đen và trắng tuyệt đối sẽ cho kết quả là đen và trắng tuyệt đối.

10. Color dodge:

Hiệu ứng này sẽ tìm những thông tin màu trên mỗi kênh và làm sáng màu gốc để phản xạ màu hoà trộn. Nếu hoà trộn với màu đen sẽ không tạo ra thay đổi gì.

11. Color Burn:

Hiệu ứng này sẽ tìm những thông tin màu trên mỗi kênh và làm tối màu gốc để phản xạ màu hoà trộn. Nếu hoà trộn với màu trắng sẽ không tạo ra thay đổi gì.

12. Darken:

Hiệu ứng này tìm những thông tin màu trên mỗi kênh và chọn màu gốc và màu hoà trộn (nó sẽ so sánh màu nào nào đậm hơn) để làm ra màu kết quả. Những pixel nào nhạt hơn màu hoà trộn sẽ bị thay thế và những pixel nào đậm hơn màu hoà trộn sẽ không bị thay đổi.

13. Lighten:

Hiệu ứng này tìm những thông tin màu trên mỗi kênh và chọn màu gốc và màu hoà trộn (nó sẽ so sánh màu nào nhạt hơn) để làm ra màu kết quả. Những pixel nào đậm hơn màu hoà trộn sẽ bị thay thế và những pixel nào nhạt hơn màu hoà trộn sẽ không bị thay đổi.

14. Difference:

Nó tìm những thông tin màu trên từng kênh và nó sẽ hoặc là bớt đi ở màu hoà trộn từ màu gốc hoặc là bớt đi ở màu gốc từ màu hoà trộn, phụ thuộc vào màu nào có giá trị sáng hơn. Trộn với màu trắng sẽ đảo ngược giá trị màu gốc; trộn với màu đen sẽ không tao ra thay đổi gì.

15. Exclusion:

Tạo ra hiệu ứng tương tự như Difference nhưng có độ tương phản thấp hơn chế độ Difference. Trộn với màu trắng sẽ đảo ngược giá trị của màu gốc. Trộn với màu đen sẽ không tạo ra thay đổi gì.

16. Hue:

Tạo ra màu kết quả với độ chói và độ đậm của màu gốc và màu sắc của màu hoà trộn.

17. Saturation:

Tạo ra màu kết quả với độ chói và màu sắc của Màu Gốc và độ đậm của màu Hoà Trộn. Tô vẽ với chế độ này trong vùng với độ đậm bằng 0 sẽ không tạo ra thay đổi gì.

18. Color:

Tạo ra màu kết quả với độ chói của Màu Gốc, màu và độ đậm của màu Hoà Trộn. Hiệu ứng này bảo tồn mức độ xám của hình ảnh và hữu ích để tô màu cho những hình ảnh có tính kim loại (Chrome) và dùng để tô màu cho hình ảnh.

19. Luminosity:

Tạo ra kết quả với màu và độ đậm của Màu Gốc, độ chói của màu Hoà Trộn. Hiệu ứng này tạo ra tác động ngược lại với hiệu ứng Color.

Cài đặt và Crack photoshop CS2

noreply@blogger.com (admin) — Thu, 11 Aug 2011 13:37:00 +0000

Trong bài trước đây tôi đã hướng dẫn cách cài đặt và Crack photoshop CS2, tuy nhiên do hướng dẫn bằng chữ và không có hình minh họa nên một số bạn không thực hiện được. Nay viết lại bài này để các bạn mới bắt đầu tìm hiểu về photoshop bằng con đường tự học photoshop trực tuyến (học photoshop online) hay tự học qua các web hướng dẫn học photoshop có thể dể dàng nắm được cách cài đặt nên sẽ thuận lợi hơn trong việc tự học photoshop của mình.

Trước khi tiến hành cài đặt các bạn nên ngắt kết nối internet để tránh những trục trặc không mong muốn, sau khi cài đặt thành công thì kết nối internet lại để sử dụng bình thường. Các bạn có thể tải về chỉ những file dùng để Crack photoshop CS2.

Lưu ý: Trong tất cả các hình minh họa bên dưới (kể cả các hình trong toàn bộ website này) nếu nhìn không rõ các bạn nhấp chuột vào ngay hình đó để xem được rõ ràng ở chế độ full size)

Sau khi tải về thành công phiên bản photoshop CS2 (có thể tải về tại đây), các bạn phải kết nối các parts lại thành một mới có thể tiến hành cài đặt. Việc kết nối cũng khá đơn giản, dùng Winrar để extract phần đầu tiên (part 1), các parts sau sẽ tự động kết nối lại, sau khi extract thành công sẽ được folder chứa source photoshop CS2.

1 - Để cài đặt chúng ta tiến hành chạy file setup.exe, màn hình hiện ra cửa sổ cài đặt CS2, không cần thay đổi gì trong bước này, bấm nút OK để tiếp tục. Tiếp theo bấm nút Accept rồi nhấp chuột vào dòng chữ "Install photoshop CS2".

2 - Tiếp tục bấm phím Next sẽ xuất hiện cửa sổ "Adobe Photoshop CS2 - liscense agreement", bấm nút Accept sẽ xuất hiện cửa sổ mới yêu cầu chúng ta cung cấp số Serial.

3 - Thông thường số Serial nằm trong file Readme.txt, file này nằm trong folder Keygen của bộ cài đặt (cũng có khi số Serial nằm trong file huongdan.txt), các bạn mở file Readme.txt rồi copy nguyên dãy số đó xong paste vào khung serial number trong cửa sổ cài đặt. Nếu không thì có thể nhập vào số serial như hình bên dưới.

4 - Bấm nút Next xong rồi Next và Next tiếp sẽ xuất hiện cửa sổ cài đặt, khi đó bấm vào nút Install và chờ photoshop cài đặt.

5 - Sau khi photoshop copy các file và cấu hình xong sẽ xuất hiện cửa sổ như bên dưới, các bạn có thể hủy bỏ dấu kiểm nhận trong mục "show the readme file" và bấm Finish để kết thúc quá trình cài đặt.

6 - Vào màn hình Desktop nhấp đúp chuột vào biểu tượng photoshop CS2 để khởi động. Khi đó photoshop yêu cầu chúng ta phải đăng ký (registration). Các bạn nhập đại khái các thông tin rồi bấm Next như hình bên dưới.

7- Tiếp theo photoshop sẽ yêu cầu chúng ta phải activation. Khi xuất hiện cửa sổ như hình bên dưới, các bạn bấm nút Activation Option

8 - Chọn By telephone via.....rồi bấm Next như hình bên dưới.

9 - Đến đây các bạn sẽ thấy xuất hiện cửa sổ "Phone activation" như sau:

10 - Giữ yên vị trí đó, click chuột phải vào nút khởi động START của window, xong chọn Explore hay Open để mở cửa sổ Window Explorer (hoặc bằng cách nào đó mà bạn có thể mở cửa sổ window explorer hay My Computer là được, nếu cửa sổ My Computer đã được mở sẵn trên thanh task bar thì chỉ cần kích hoạt nó). Tìm đến nơi bạn đang lưu bộ cài đặt Photoshop CS2 sẽ thấy folder keygen, nhấp đúp file keygen.exe nằm trong folder này sẽ thấy cửa sổ keygen.

11- Quay trở lại cửa sổ Phone Activation, bạn copy dãy số Activation Number rồi paste vào khung Activation Number của cửa sổ keygen xong click nút "Genarate Auth Code" ngay bên phải nó. Khi đó sẽ xuất hiện dãy số trong khung Authorization Code bên dưới nó.

12 - Lấy dãy số nằm trong khung Authorization Code ở cửa sổ keygen này nhập vào dãy ô cuối cùng trong cửa sổ Phone activation. Tuy nhiên bạn phải gõ từng số mà không thể copy / paste. Xem hình minh họa hai cửa sổ bên dưới :

Nếu bạn nhập chính xác dãy số đó thì nhấp nút Activate để kết thúc, xem như đã Crack xong và có thể sử dụng photoshop CS2 một cách thoải mái. Nếu gặp lỗi gì thì các bạn xem lại quá trình copy qua lại giữa 2 cửa sổ Keygen và Phone Activation. Và cũng chú ý là mỗi khi nhấp nút "Genarate Auth Code" trong cửa sổ keygen sẽ cho ra dãy số khác nhau nhé.

Xử lý ảnh chân dung bị tím bằng photoshop

noreply@blogger.com (admin) — Tue, 09 Aug 2011 12:04:00 +0000

Trong bài trước đây tôi đã gửi lên web này bài thực hành chỉnh màu cho ảnh số và đề nghị các bạn tự tìm cách chỉnh sửa theo sự gợi ý các bước thực hiện. Tuy nhiên đối với những bạn tự học photoshop online (học photoshop trực tuyến) chưa nắm được một số công cụ của photoshop thì cũng khó thực hành. Để hổ trợ cho các bạn chưa nắm nhiều công cụ của photoshop, tôi sẽ trình bày cụ thể cách thực hiện (không phải là cách duy nhất) để các bạn có thể thực hành từng bước dể dàng.

Trong quá trình xử lý hình ảnh, việc chỉnh sửa đến mức độ nào là tùy vào cách đánh giá của mỗi người. Có thể đối với người này là màu đẹp nhưng đối với người khác lại là hơi vàng, người này cho rằng ảnh hơi dư sáng nhưng người khác lại nói vừa. Khi xử lý ảnh chân dung, các bạn không nên chỉnh sửa quá nhiều làm mất đi tính tự nhiên của bức ảnh.Chúng ta trở lại phần xử lý ảnh trong bài này. Tôi có bức ảnh gốc download từ trên mạng như sau:

Để thực hành các bạn có thể download hình gốc này về máy tính bằng cách nhấp chuột phải vào file ảnh xong chọn "save image as"

1 - Chọn công cụ lasso trên thanh công cụ, vẽ một vùng chọn như hình minh họa,sau đó bấm phím Shift - F6 và chọn Feather là 10px.

2 - Bấm nhanh phím Alt - I - A - S (photoshop CS2) hoặc chọn lệnh từ menu Image \ Adjustment \ Selective color và chỉnh lại theo hình sau:

3 - Tạo tiếp vùng chọn như hình bên dưới cũng bằng Lasso Tool, sau đó bấm phím Shift - F6 và cũng chọn Feather = 10.

4 - Chọn lệnh Image \ Adjustment \ Selective color như sau:

5 - Dùng công cụ Lasso vẽ vùng chọn như hình minh họa với Feather = 10px, xong cũng dùng lệnh Selective color với các thông số như sau:

6 - Bấm phím Ctrl - B để mở lệnh Color Balance và chỉnh lại như sau:

7 - Tạo vùng chọn quanh môi với feather = 5px sau đó bấm lệnh Ctrl - B (Color Balance) và chọn các giá trị như sau:

Cuối cùng có được bức ảnh như sau:

Tùy theo cái nhìn của các bạn mà chỉnh sửa thêm cho phù hợp ý mình, tuy nhiên ảnh qua xử lý lỗi thì khó bằng ảnh chụp trung thực.Khoanh vùng khu vực nào cần chỉnh sửa bằng cách tạo vùng chọn với feather phù hợp rồi áp dụng lệnh Color balance hay Selective color để chỉnh sửa. Thế nên chỉnh sửa ảnh chân dung thì cần sự thận trọng, tỉ mỉ nên tốn khá nhiều thời gian.

Ảnh ghép quan chức Trung Quốc trở thành trò đùa trên mạng

noreply@blogger.com (admin) — Sun, 07 Aug 2011 15:16:00 +0000

Các quan chức ở huyện Khoái Lí, tỉnh Tứ Xuyên nước này, đã phải lên tiếng xin lỗi sau khi bị cộng đồng mạng chỉ trích vì bức ảnh họ đi thăm con đường mới bị chỉnh sửa bằng Photoshop quá vụng về.

Ảnh Photoshop lộ liễu về các quan chức Trung Quốc.

Tuần trước, trang web của huyện này đăng tấm hình một số người đứng đầu đang đích thân đi kiểm tra dự án làm đường vừa hoàn thiện. Tuy nhiên, đôi chân của họ dường như lơ lửng cách mặt đất vài cm.

Trước phản ứng của người đọc, nhà chức trách đã khẳng định 3 vị đó có đi thực tế, nhưng người chụp thấy ảnh gốc không đẹp, không ấn tượng nên đã hoán đổi nội dung các ảnh với nhau. "Chúng tôi rất xin lỗi và đã làm rõ chuyện này", một quan chức của huyện giải thích trên Tân Hoa Xã.

Ảnh gốc bị hoán đổi để cho ra đời tấm hình trên.

Tuy nhiên, lời xin lỗi đó không ngăn được cư dân mạng phát tán tấm hình "được xếp vào hàng các tác phẩm Photoshop tệ nhất trong lịch sử Internet". Chỉ trong vài giờ, hàng loạt ảnh nhái đã xuất hiện trên các diễn đàn trực tuyến, trong đó 3 vị này "hạ cánh" trên mặt trăng, bị khủng long vây xung quanh...

Thành viên trên diễn đàn cho rằng đằng nào 3 quan chức cũng "bay" thì nên bay cao hẳn.

Đi kiểm tra vụ cầu thủ Zinedine Zidane húc đầu.

Theo vnexpress

Thực hành thiết kế ảnh số

noreply@blogger.com (admin) — Sat, 06 Aug 2011 15:36:00 +0000

Trong bài viết "thưc hành thiết kế ảnh số" trước đây tôi đã hướng cách ghép hình đơn giản bằng photoshop. Tuy nhiên đối với những bạn chưa nắm rõ cách sử dụng công cụ thì cũng hơi khó thực hành. Hôm nay tôi sẽ trình bày cụ thể để những bạn mới làm quen với photoshop có thể thực hiện được. Các bạn có thể sử dụng photoshop CS2 hay photoshop CS4 đều được.

Chúng ta có hai bức ảnh gốc original.jpg và book.jpg sau đây (các bạn có thể down load 2 file này về để thực hành)

Original.jpg

Book.jpg

1 - Mở ảnh original ra, dùng công cụ Eliptical tạo vùng chọn như hình minh họa sau:

2 - Bấm Shift - F6, chọn Feather radius là 10 sau đó bấm Ctrl - Shift - U để chuyển phần ảnh bên trong vùng chọn thành trắng đen, xong bấm Ctrl- D để hủy chọn.

3 - Vẫn để file ảnh original.jpg trên màn hình, mở file ảnh book.jpg ra, dùng công cụ Pen để tạo đường path ôm theo đường viền trang sách như sau:

4 - Bấm Ctrl - Enter để chuyển path thành vùng chọn. Trên bảng layer ta thấy chỉ có duy nhất một layer background, nhấp đúp chuột vào layer background sẽ xuất hiện hộp thoại, bấm OK để chọn theo mặc định, lúc này layer background sẽ chuyển thành layer 0. Tiếp theo bấm phím Delete để để xóa bỏ phần bên trong vùng chọn, sau đó bấm Ctrl - D để hủy chọn.

5 - Trên màn hình làm việc lúc này có 2 file ảnh, bấm phím V sau đó nhấp (và giữ chuột trái) vào file ảnh original.jpg rồi rê thả sang file ảnh book.jpg.

6 - Bấm phím V xong kéo layer 1 vào giữa khung trang sách xong bấm Ctrl - [ để chuyển layer 1 xuống dưới layer 0.

7 - Bấm Ctrl - T xong nhấp chuột phải vào file ảnh và chọn Warp, khéo léo di chuyển các "nút vuông" ở phía dưới và phía trên như hình minh họa sau rồi bấm Enter.

Việc sử dụng lệnh warp sẽ làm biến dạng toàn phần của bức ảnh vì có thể "kéo lệch" mọi nơi trên bức ảnh, nếu không khéo, ảnh sẽ bị méo mó và biến dạng. Ở bước 7 chúng ta cũng có thể dùng lệnh Distort thay vì dùng warp, lệnh distort tạo ra hiệu ứng giống như phối cảnh.

Ở bước 7 có thể làm như sau: Bấm Ctrl - T xong click chuột phải lên file ảnh và chọn Distort, sau đó lần lượt kéo 4 đỉnh như hình sau:

Phần nền đen phía trên còn thiếu, dùng công cụ Clone stamp để lấp lại cho đầy sẽ được kết quả như sau:

Layout nột thất - ngoại thất

noreply@blogger.com (admin) — Mon, 01 Aug 2011 04:39:00 +0000

Các web layout về trang trí nội thất, trang trí ngoại thất đã thiết kế.

Cắt layout photoshop sử dụng CSS (p7)

noreply@blogger.com (admin) — Tue, 19 Jul 2011 09:15:00 +0000

Tiếp theo trong phần này chúng ta sẽ cắt CSS cho footer có giao diện như sau:

Khu vực footer này không có hình ảnh nên tất cả chỉ là cắt CSS. Chúng ta sẽ thêm vào file template.css và template.html đoạn code như sau:

Thêm vào file template.css

(nhấp chuột vào hình trên để xem full size)

Thêm vào file template.html:

Đến đây xem như đã cắt hoàn chỉnh giao diện web. Các bạn dùng một số trình duyệt để xem lại toàn bộ giao diện xem thế nào nhé.

Cắt layout photoshop sử dụng CSS (p6)

noreply@blogger.com (admin) — Tue, 19 Jul 2011 09:02:00 +0000

Tiếp theo trong phần 6 này chúng ta sẽ cắt CSS cho phần right-sidebar. Giao diện của right-sidebar có giao diện như sau:

Phần background bo tròn 2 góc phía trên của mục New products và support online giống như phần background của Category bên left-sidebar nên chúng ta sẽ không cắt lại nữa mà sẽ dùng lại file cũ đã cắt xong. Chúng ta chỉ cần cắt ra những file ảnh sau đây:

Việc còn lại chỉ là viết CSS cho phần này. Chúng ta thêm vào trong file template.css và template.html những đoạn code sau:

Thêm vào file template.css đạon code sau:

(nhấp chuột vào ngay file ảnh trên để xem full size)

Thêm vào file template.html đoạn code sau:

Cắt layout photoshop sử dụng CSS (p5)

noreply@blogger.com (admin) — Tue, 19 Jul 2011 08:47:00 +0000

Trong phần này chúng ta sẽ tiến hành cắt CSS cho phần main có giao diện như sau :

Đối với khu vực này, chúng ta sẽ tách ra thành những file ảnh riêng như sau đây là đủ:

(phần border này tôi dùng image, không dùng CSS)

Việc còn lại chủ yếu là CSS, ta thêm đoạn code sau đây vào file template.css và file template.html. Thêm vào file template.css:

Thêm vào file template.html:

Xong dùng Firefox, Internet explorer, Chrome, Opera... để mở file template.html lên xem thử nhé.

Cắt layout photoshop sử dụng CSS (P4)

noreply@blogger.com (admin) — Mon, 18 Jul 2011 12:57:00 +0000

Tiếp tục chúng ta sẽ tiến hành cắt CSS cho main-wrapper, tạm đặt tên cho phần giao diện sau là main-wrapper.

Main-wrapper

Vùng main-wrapper này chúng ta sẽ chia ra làm 3 khu vực là left-sidebar, main và right-sidebar như sau:

Đây là vùng Left-sidebar

Đây là vùng Main

Đây là vùng Right-sidebar

Trong vùng main-wrapper chúng ta thấy có nhiều đối tượng giống nhau như background của tiêu đề nên ta chỉ cần cắt 1 lần và chỉ sử dụng một ảnh duy nhất cho toàn bộ website.

Trong phạm vi bài viết này chúng ta sẽ cắt CSS cho khu vực left-sidebar, chỉ cần 5 ảnh sau đây là đủ, ảnh cuối cùng dùng làm background cho vùng main-wrapper

Có thể trong quá trình design chưa canh chỉnh các đối tượng thật chính xác nên khi cắt CSS chúng ta có thể chỉnh sửa và tính toán lại một ít sao cho giao diện thật cân đối và chính xác đến từng pixel. Quan sát tổng thể cả phần main-wrapper ta nên sắp xếp kích thước của từng phần như sau:

Thêm vào file template.css đoạn code sau:

(nhấp chuột vào file ảnh để xem đầy đủ)

Thêm vào file template.html đoạn code sau:

Cắt layout photoshop dùng CSS (P3)

noreply@blogger.com (admin) — Mon, 18 Jul 2011 08:02:00 +0000

Trong phần này chúng ta sẽ tiếp tục cắt CSS cho phần header-menu2 như sau:

header-menu2 (nhấp chuột vào file ảnh để xem full size)

Đây là thanh menu ngang, chúng ta sẽ tách những nút icon trước mỗi menu ra thành một ảnh riêng như sau:

Phần này chủ yếu là dùng CSS, chúng ta bổ sung thêm vào file template.css và template.html đoạn code sau:
- Bổ sung vào file template.css:

- Bổ sung vào file template.html: