Giáo trình mô đun Đồ họa ứng dụng (Nghề Kỹ thuật lắp ráp và sửa chữa máy tính - Trình độ trung cấp) – CĐ Kỹ thuật Công nghệ BR–VT

Giáo trình mô đun Đồ họa ứng dụng (Nghề Kỹ thuật lắp ráp và sửa chữa máy tính - Trình độ trung cấp) được chia thành 9 bài, trong đó: Bài 1: Tổng quan về Photoshop, Bài 2: Chọn màu và tô màu, Bài 3: Tạo và hiệu chỉnh vùng chọn, Bài 4: Quản lý Layer, Bài 5: Tạo mặt nạ và kênh, Bài 6: Tạo Type và Shape, Bài 7: Vẽ giao diện trang Web, Bài 8: Hiệu chỉnh màu, Bài 9: Phục hồi ảnh.

                                                                                                BM/QT10/P.ĐTSV/04/04                                                                                       Ban hành lần: 3   UBND TỈNH BÀ RỊA – VŨNG TÀU  TRƯỜNG CAO ĐẲNG  K   Ỹ THUẬT CƠNG NGHỆ  GIÁO TRÌNH MƠ ĐUN ĐỒ HỌA ỨNG DỤNG NGHỀ:  KỸ THUẬT LẮP RÁP VÀ SỬA CHỮA MÁY TÍNH   TRÌNH ĐỘ:  TRUNG CẤP   (Ban hành kèm theo Quyết định số: ……/QĐ­CĐKTCN, ngày … tháng … năm   20…… của Hiệu trưởng Trường Cao đẳng Kỹ thuật Cơng nghệ BR­VT)                                                                                                 BM/QT10/P.ĐTSV/04/04                                                                                       Ban hành lần: 3 BÀ RỊA – VŨNG TÀU, NĂM 2020   TUN BỐ BẢN QUYỀN Nhằm đáp  ứng nhu cầu học tập và nghiên cứu cho giảng viên và sinh  viên nghề  Kỹ thuật lắp ráp và sửa chữa máy tính trong trường Cao đẳng Kỹ  thuật Cơng nghệ Bà Rịa – Vũng Tàu, chúng tơi đã thực hiện biên soạn tài liệu   Đồ họa ứng dụng  này Tài liệu được biên soạn thuộc loại giáo trình phục vụ giảng dạy và học   tập, lưu hành nội bộ  trong Nhà trường nên các nguồn thơng tin có thể  được  phép dùng  ngun bản hoặc trích dùng cho các mục đích về đào tạo và tham  khảo Mọi mục đích khác mang tính lệch lạc hoặc sử dụng với mục đích kinh  doanh thiếu lành mạnh sẽ bị nghiêm cấm                                                                                                              LỜI GIỚI THIỆU Giáo trình “Đồ  họa  ứng dụng” được biên soạn dựa trên khung chương  trình đào tạo trung cấp nghề Kỹ thuật lắp ráp và sửa chữa máy tính  đã được   Trường Cao đẳng Kỹ thuật Cơng nghê Bà Rịa – Vũng Tàu phê duyệt Với mục tiêu cung cấp cho các em các kiến thức và kỹ  năng làm việc   trên phần mềm Adobe Photoshop ­ Một phần mềm hỗ trợ thiết kế và xử  lý  ảnh chun nghiệp được sử dụng rộng rãi nhất hiện nay Giáo trình được biên soạn một cách ngắn gọn, hướng dẫn các bước thực  hiện một rất rõ ràng và dễ  hiểu giúp cho các em thực hành và hình thành kỹ  năng nhanh chóng Nội dung giáo trình giúp HSSV sử  dụng được các cơng cụ, lệnh để  có  thể thiết kế, xử lý ảnh nghệ thuật, vẽ được giao diện trang web phục vụ cho   mơ đun thiết kế web Nội dung giáo trình được chia thành 09 bài, trong đó: Bài 1: Tổng quan về Photoshop Bài 2: Chọn màu và tơ màu Bài 3: Tạo và hiệu chỉnh vùng chọn Bài 4: Quản lý Layer Bài 5: Tạo mặt nạ và kênh Bài 6: Tạo Type và Shape Bài 7: Vẽ giao diện trang Web Bài 8: Hiệu chỉnh màu Bài 9: Phục hồi ảnh Trong q trình biên soạn, chắc chắn giáo trình cịn nhiều thiếu sót. Tác   giả rất mong nhận được ý kiến đóng góp của q thầy/cơ và các em học sinh,   sinh viên để tiếp tục hồn thiện hơn                                                                                                              Xin chân thành cảm  ơn q đồng nghiệp, bạn bè đã có những ý kiến   đóng góp trong q trình biên soạn giáo trình này Bà Rịa – Vũng Tàu, ngày …… tháng …… năm 2020                                          Tham gia biên soạn 1. Lê Viết Huấn                                                                                                               MỤC LỤC                                                                                                              GIÁO TRÌNH MƠ ĐUN Tên mơ đun: Đồ họa ứng dụng Mã mơ đun: MĐ22 Vị trí, tính chất, ý nghĩa và vai trị của mơ đun: ­ Vị trí: Sau khi học xong mơ đun Tin học văn phịng học trước mơn thiết   kế Web, thiết kế hoạt hình ­ Tính chất: Cung cấp cho người học kiến thức và kỹ năng xử lý hình ảnh,  thiết kế quảng cáo, vẽ giao diện web trên phần mềm Photoshop  ­ Ý nghĩa và vai trị của mơ đun: Thiết kế các sản phẩm đồ họa, lắp ghép các  dạng hình  ảnh, có thể thay đổi chỉnh sửa màu sắc của  ảnh theo ý muốn, xử  lý các   chi tiết thừa khơng mong muốn, tạo hiệu  ứng nghệ  thuật cho hình  ảnh thiết kế  giao diện website hoặc kết hợp với hình ảnh 3D sinh động và hấp dẫn Mục tiêu mơ đun: Về kiến thức:  ­ Nắm được cơng dụng của các cơng cụ vẽ, tơ màu, cơng cụ tẩy xóa ­ Nắm được cơng dụng của vùng chọn ­ Trình bày được khái niệm về Layer, quy trình quản lý Layer ­ Nắm được chế độ Quick mask  và thay đổi chế độ đó ­ Nắm được cách tạo văn bản trong Photoshop ­  Biết phân tích, ghi nhận thơng tin kích thước, màu sắc của trang mẫu,  phân  chia bố cụ cho trang Web mẫu Về kỹ năng: ­ Vẽ, tô màu cho đối tượng bằng các công cụ Brush, Pencil, Gradient,  Paint bucket ­ Tạo vùng chọn bằng cách sử dụng nhiều công cụ khác nhau ­ Sử dụng các lệnh trong xử lý màu sắc cho ảnh ­ Quản lý các layer, tạo hiệu ứng cho layer                                                                                                              ­ Tạo và định dạng văn bản trong Photoshop ­ Sử dụng các kỹ năng để phục hồi ảnh, thiết kế các nội dung quảng cáo, vẽ giao diện trang web Về năng lực tự chủ và trách nhiệm:  ­  Có thể làm việc độc lập hoặc theo nhóm, tự lên kế  hoạch từ ý tưởng   đến thực hiện việc xử  lý ảnh: Tự  mình lắp ghép các dạng hình ảnh, có thể  thay đổi chỉnh sửa màu sắc của  ảnh theo ý muốn, xử  lý các chi tiết thừa   khơng mong muốn, tạo hiệu ứng nghệ thuật cho hình ảnh ­  Thiết kế  các sản phẩm đồ  họa, thiết kế  giao diện website hoặc kết   hợp với hình ảnh 3D cơng trình kiến trúc để tạo ra những mẫu phối cảnh nội   ngoại thất sinh động và hấp dẫn   ­  Thực hiện các công việc thực tế theo từng chuyên đề, và kết hợp với bộ  lọc chuyên dụng để  tạo các hiệu  ứng đặc biệt cho các mẫu thiết kế  đẹp,  nghệ   thuật,   sản   phẩm   đồ   họa   quảng   cáo,   giao   diện   trang   web,   poster,  brochure, thiết kế album  ảnh cưới, xử lý ảnh phong cảnh, thiết kế ảnh nghệ  thuật  một cách ấn tượng độc đáo, chuyên nghiệp Nội dung của mô đun:                                                                                                              BÀI 1: TỔNG QUAN VỀ PHOTOSHOP Mã bài: 16.01 Giới thiệu: Adobe Photohop là ứng dụng thiết kế và xử lý ảnh chun nghiệp được  sử dụng nhiều nhất từ trước đến nay. Với Adobe Photoshop, chúng ta có thể  vẽ bố cục trang web, tạo ra những tác phẩm ảnh nghệ thuật, … Mục tiêu: Trình bày được vị trí và cơng dụng của từng thành phần trên giao diện Tạo tập tin ảnh mới, lưu tập tin ảnh, đóng tập tin ảnh, mở tập tin ảnh Xem ảnh ở các chế độ khác nhau Thốt khỏi chương trình Photoshop Cẩn thận, an tồn, khơng làm mất hình ảnh nguồn Nội dung chính: 1. Tạo, mở, đóng và điều chỉnh tập tin Cách 1: Click đơi chuột lên biểu tượng Adobe Photoshop trên desktop Hình 1.1: Biểu tượng Adobe Photoshop trên desktop Cách 2: Vào Start  Adobe Photoshop                                                                                                              Hình 1.2: Biểu tượng Adobe Photoshop trong Start + Màn hình Photoshop Hình 1.3: Màn hình Photoshop Hình 1.4: Thanh menu lệnh 10                                                                                                              Hình 9.8. Chọn cơng cụ tạo vùng chọn • Quick Selection  Tool:   Sử   dụng cơng  cụ  chọn  có dấu  '+' bằng  phím  Shift, sau đó chọn vùng hình nền mà bạn muốn xóa và kéo xung quanh để mở  rộng vùng chọn. Nếu khơng may lựa chọn phải chủ thể, bạn có thể  nhấp và  giữ  phím Alt để chọn cơng cụ  có dấu '­', giúp loại bỏ  vùng chọn. Nhấp Shift  để quay trở lại cơng cụ lựa chọn • Magic Wand: Cơng cụ này phù hợp với các vùng chọn ít chi tiết. Sau khi  chọn Magic Wand, click chuột vào một điểm trên hình nền mà bạn muốn bỏ.  Nếu sau khi click, hình  ảnh hiển thị  như  dưới đây thì bạn có thể  tăng mức  Tolerance lên 10 hoặc 15. Để  thêm vùng chọn, vừa click vừa giữ  phím Shift.  Để loại bỏ vùng chọn, giữ phím Altvà click 74                                                                                                              Hình 9.9. Dùng Magic Wand tạo cùng chọn  • Lasso Tool: Với cơng cụ  này, hãy chọn chủ  thể  bạn muốn tách bằng  Polygonal Lasso Tool. Click dọc theo các điểm xung quanh chủ thể cho tới khi  tạo được một đường khép kín. Nhớ rằng càng click nhiều điểm thì vùng chọn    càng chính xác. Khi đã chọn xong, nhấp đúp chuột để  biến cả  chủ  thể  thành một vùng chọn hoặc click vào điểm đầu tiên khi trơng thấy hình trịn  nhỏ bên cạnh trỏ chuột ­ Bước 3: Nếu sử dụng Quick Selection hay Magic Wand để  chọn vùng hình  nền thì bạn chỉ cần click chuột phải, sau đó chọn Select Inverse để chọn chủ  thể là con hươu cao cổ và tiếp tục tinh chỉnh. Nếu đã dùng Lasso Tool thì bạn   có thể chuyển ngay sang bước tiếp theo ­ Bước 4: Chọn Add Layer Mask   bên dưới bảng Layers (biểu tượng hình  chữ  nhật có hình trịn đen   giữa). Khi đó sẽ  chỉ  cịn chủ  thể  chính trên tấm   hình của bạn. Đừng lo nếu hình chưa được chuẩn vì ta sẽ tinh chỉnh thêm Hình 9.10. Chọn Add Layer Mask ­ Bước 5: Click đúp chuột vào hình mặt nạ (hình đen trắng bên cạnh tấm hình  preview) trên bảng Layers và chọn Mask Edge. Cửa sổ Refine Masks sẽ hiện  ra sau đó. Chọn Show Radius và tùy chỉnh thơng số  Radius trên thanh trượt   Khi rê chuột xung quanh tấm hình, bạn sẽ  thấy hình trịn với một dấu cộng   75                                                                                                              nhỏ  bên trong. Hãy dùng cơng cụ  này để  loại bỏ  các chi tiết thừa trên tấm   hình Hình 9.11. Tùy chỉnh thơng số Radius trên thanh trượt ­ Bước 6: Bỏ chọn Show Radius để  quay lại hộp thoại Refine Mask và điều   chỉnh các thơng số  khác bằng thanh trượt cho tới khi đạt kết quả  như  ý. Để  nhìn hình ảnh rõ ràng hơn, hãy thay đổi chế độ xem bằng cách click vào biểu  tượng thumbnail của hình ảnh và chọn chế độ trong danh sách sổ xuống ­ Bước 7: Click OK khi đã hài lịng với tấm hình. Giờ bạn có thể sử dụng hình  ảnh này để  chèn vào bất kì đâu mình muốn. Nếu cần đặt chủ  thể  vào hình  nền khác, chỉ  cần mở  hình đó lên trong PTS và kéo thả  hình này vào. Bạn   cũng có thể thay đổi kích thước ảnh bằng tổ hợp phím Ctrl/Cmd + T, rồi giữ  phím Shift trong khi kéo thả 76                                                                                                              Hình 9.12. Kéo thả và thay đổi nền  Tách nền lọc voan cưới B1: Ta chọn hình cần tách voan chúng ta vào Menu File  ➨ Open (Crt+O) chọn  ảnh cần tách và 1 backgroud để  sau khi tách voan xong chúng ta ghép vào  background đó Hình 9.13. Chọn ảnh cần tách B2: Khi đã chọn được ảnh chúng ta sẽ dung cơng cụ Quick selecsiton tool để  cắt đối tượng 77                                                                                                              B3: Sau khi đã tạo được vùng chọn ta nhấn tổ hợp phím ctrl+c rồi chọn đến   file chứa background cần ghép nhấn tổ  hợp phím ctrl+v để  dán đối tượng ta  được hình như dưới đây Hình 9.14. Chọn background cần ghép Khi ghép ảnh sang một background khác thì 2 ảnh khơng cùng một thời điểm,  một khơng gian và tơng màu vậy nên ta phải chỉnh lại sắc độ của 2 ảnh bằng  cách làm nhuốm màu đối tượng background dưới hay lấy thời điểm và khơng  gian   đối   tượng       cách     sau:   Ta   chọn   vào   manu   Inmage   –   Adjustment – Match color Match color là một đối tượng thơng minh về màu sắc nó sẽ lấy được ngun  tố màu của đối tượng dưới background để làm cho ngun tố ở phía trên. Sau  khi chọn vào Match color sẽ xuất hiện 1 bảng như sau: 78                                                                                                              Hình 9.15. Hiệu chỉnh thơng số Trong bảng trên ta cần chú ý đến 3 thẻ: + Fade: Mức độ nhuốm màu của đối tượng + Source: chọn đến tên của bức ảnh ta vừa đưa sang + Layer: tên của đối tượng được chọn Sau khi thực hiện thao tác như bảng trên ta được hình sau: Hình 9.16. Sau khi hiệu chỉnh các thơng số Sau khi lấy được sắc thái của  ảnh rồi bây giờ  ta sẽ  tiến hành tách voan cho   đối tượng để có thể nhìn được phần nước biển phía sau voan Đầu   tiên   ta   ẩn   layer   Background   cho   dễ   nhìn   sau     ta   chọn   vào   Manu  Window – Channels ( kênh màu). Khi đó sẽ  xuất hiện các kênh màu RGB,  Red, Green, Blue. Ta sẽ chon đến kênh màu đậm  nhất ,trong bài này ta chọn   kênh Blue, sau đó ta nhấn Ctrl đồng thời click chuột trái vào mặt layer của   kênh Blue ta tạo lên vùng chọn 79                                                                                                              Hình 9.17. Thay đổi Channels Ta trở về bên layer và Add cho layer đó một layer mask, tiếp theo ta dùng cơng   cụ  Brush Tool xóa đi phần người cơ gái và cuối cùng ta được bức hình như  dưới đây Hình 9.18. Kết quả Làm mịn da Bước 1: Các bạn mở bức  ảnh cần làm mịn da bằng Photoshop, nhấn Ctrl+O  để chọn ảnh: 80                                                                                                              Hình 9.19. Lựa chon tấm ảnh Bước 2: Trước tiên chúng ta sẽ sử dụng cơng cụ Spot Healing Brush Tool để  xố mụn trên mặt của nhân vật. Các bạn có thể nhấn phím J để chọn cơng cụ  này hoặc chọn trên thanh cơng cụ  như  hình dưới, sau đó nhớ  chọn Content­ Aware ở mục Type phía trên Hình 9.20. Sử dụng cơng cụ Spot Healing Brush Tool Sau khi chọn xong các bạn nhấn và di chuột lên những vùng có mụn để xố: Lúc này gương mặt của nhân vật đã hết mụn, tuy nhiên làn da thì vẫn chưa  được mịn: Bước 3: Sau khi xố mụn xong chúng ta sẽ tiếp tục các bước làm mịn da 81                                                                                                              Các bạn nhấn Ctrl+J để nhân đổi Layer, sau đó chọn Filter ­> Noise ­> Reduce   Noise Hình 9.21. Làm mịn bằng cơng cụ Reduce Noise Bước 4: Cửa sổ tuỳ chỉnh hiện lên các bạn chọn các thơng số như sau: Strength : để làm mờ ảnh cái này nên tăng hết lên 10 Preserve Details : để chỉnh cho mờ hoặc ngược lại Reduce Color Noise : để chỉnh màu tùy từng ảnh mà chinh Sharpen Details : đổ nét của ảnh Chỉnh các thơng số sao cho làn da mịn một cách tự nhiên nhất Hình 9.22. Kết quả đạt được 82                                                                                                              Xóa nếp nhăn Bước 1: Các bạn mở PTS lên vào File > Open > Chọn Ảnh Hình 9.23  Lựa chọn tấm ảnh Bước 2: Các bạn tạo một layer mới đặt tên là Da Bước 3: Các bạn bấm phím tắt J và chọn Healing Brush Tool Hình 24. Chọn cơng cụ Và ở góc trên ở giữa Pts. các bạn chọn all Layers   83                                                                                                              Bước 4: Các bạn giữ Alt và Click chuột vào vùng da mịn để  lấy mẫu và các  bạn tơ lên các vết nhăn cần xóa. các bạn điều chỉnh độ  to nhỏ  của vịng trịn  sao cho phù hợp chi tiết nhỏ thì nên để nhỏ Hình 9.25. Thực hiện thao tác thẩy xóa Bước 5: Các bạn giảm Opacity xuống 85% đối với ảnh này. cịn ảnh khác các   bạn điều chỉnh cho phù hợp Hình 9.26. Điều chỉnh Opacity Xóa vết tàn nhan trên da Bước 1: Mở  bức  ảnh muốn làm mịn da bằng Photoshop bằng cách nhấn tổ  hợp phím Ctrl + O hoặc vào File và chọn Open 84                                                                                                              Hình 9.27. Hình ảnh ban đầu Bước 2: Click chuột phải vào Layer Background => chọn Duplicate Layer để  nhân đơi lớp Background. Cách thực hiện đơn giản hơn là bạn nhấn tổ  hợp   phím Ctrl + J Bước 3: Tạo vùng chọn mặt bằng cơng cụ  Quick Mask (phím tắt Q) và cọ  Brush (phím tắt B) Bước 4: Tơ lên vùng da mặt bằng cơng cụ Brush Tool Hình 9.28. Dùng cơng cụ Quick Mask Bước 5: Tơ xong thì nhấn phím Q để  hiển thị  vùng chọn hoặc trở  lại Quick   Mask. Đảo ngược vùng chọn bằng cách nhấn tổ  hợp phím Ctrl + Shift + I   hoặc Shift + F7 Bước 6: Nhấn tổ hợp phím Ctrl + C để copy vùng da muốn chỉnh sửa Bước 7: Nhấn Ctrl + V để paste, chúng ta chỉ chỉnh sửa vùng da này Bước 8: Vào Filter => chọn Blur => Tiếp tục chọn Surface Blur 85                                                                                                              Bước 9: Thiết lập thơng số • Giảm Opacity xuống cịn khoảng 70% để tạo độ chân thực cho bức ảnh • Trường hợp có một vài vùng chưa mịn như  ý muốn => nhấp vào biểu  tượng Create New Layer dưới thẻ Layer để  tạo Layer mới => chọn cơng cụ  Healing Brush Tool (phím tắt J) Bước 10: Nhấn Alt đồng thời click chuột để  lấy mẫu và xóa vùng mụn. Khi   thực hiện bạn nên phóng to hình để dễ dàng quan sát và chỉnh sửa nhé! Hình 9.29. Kết quả đạt được Thay đổi màu da Thực tế  có nhiều cách để  chọn và thay đổi màu sắc của đối tượng trong   Photoshop nhưng video dưới đây sẽ  hướng dẫn bạn cách thực hiện thơng  dụng nhất và nhanh nhất nhưng vẫn đạt hiệu quả cao để tiết kiệm thời gian Chọn phạm vi màu ­ Để  chọn các màu khác nhau, bạn tạo một Layer mới ­> kích vào Select ­>   chọn Color Range ­> sử dụng cơng cụ Eyedropper để kích vào màu bạn muốn  lấy mẫu ­ Để có nhiều lựa chọn chính xác hơn, bạn có thể thử với cơng cụ fuzziness ­ Để thêm hoặc bớt vùng chọn, bạn có thể sử dụng cơng cụ Eyedroppers cùng   với các dấu cộng và trừ bên cạnh chúng ­ Điều chỉnh màu 86                                                                                                              ­ Sau khi chọn được màu vào Layer, bạn tiến hành điều chỉnh hoặc thay đổi  màu sắc cho vùng chọn ­> chọn New Adjustment Layer ­> Hue/Saturation ­>   sau đó thực hiện thao tác kéo thả các thơng số Hue/Saturation ­ Tinh chỉnh Layer Masks ­ Để  loại bỏ  các phần khơng mong muốn nhỏ  trong một vùng chọn, bạn có   thể sử dụng cơng cụ Brush trên Layer Mask CÂU HỎI, BÀI TẬP  1. Khắc phục ảnh ngược sáng 2. Làm mịn da cho bức hình sau 87                                                                                                              TÀI LIỆU THAM KHẢO [1] Phạm Quang Huy, Giáo trình thực hành photoshop CC, Nhà xuất bản   khoa học và kỹ thuật, 9­2014 [2] Nguyễn Hữu Tài,  Giáo trình lý thuyết đồ  họa, Nhà xuất bản thơng tin  và truyền thơng, 08­2003.     [3] Lê Thuận, Thanh Tâm, Quang Huy, Giáo trình xử lý photoshop dành cho   người tự học, Nhà xuất bản từ điển Bách Khoa, 06­2013     [4] Tài liệu tham khảo Internet: http://dohoavn.net 88 ... LỜI GIỚI THIỆU Giáo? ?trình? ?? ?Đồ ? ?họa? ? ứng? ?dụng? ?? được biên soạn dựa trên khung chương  trình? ?đào tạo? ?trung? ?cấp nghề? ?Kỹ? ?thuật? ?lắp? ?ráp? ?và? ?sửa? ?chữa? ?máy? ?tính? ? đã được   Trường Cao đẳng? ?Kỹ? ?thuật? ?Cơng nghê Bà Rịa? ?–? ?Vũng Tàu phê duyệt... BÀ RỊA? ?–? ?VŨNG TÀU, NĂM 2020   TUN BỐ BẢN QUYỀN Nhằm đáp  ứng? ?nhu cầu học tập? ?và? ?nghiên cứu cho giảng viên? ?và? ?sinh  viên nghề ? ?Kỹ? ?thuật? ?lắp? ?ráp? ?và? ?sửa? ?chữa? ?máy? ?tính? ?trong trường Cao đẳng? ?Kỹ? ? thuật? ?Cơng? ?nghệ? ?Bà Rịa? ?–? ?Vũng Tàu, chúng tơi đã thực hiện biên soạn tài liệu...                                                                                                              GIÁO TRÌNH MƠ? ?ĐUN Tên mơ? ?đun: ? ?Đồ? ?họa? ?ứng? ?dụng Mã mơ? ?đun:  MĐ22 Vị trí,? ?tính? ?chất, ý nghĩa? ?và? ?vai trị của mơ? ?đun: ­ Vị trí: Sau khi học xong mơ? ?đun? ?Tin học văn phịng học trước mơn thiết