Bài giảng Công cụ thiết kế đồ họa

Chương 1: Tổng quan Adobe Photoshop Chương 2: Các nhóm cơng cụ Chương 3: Các nhóm chức nâng cao Chương 4: Animation Chương 1: Tổng quan Photoshop I Giới thiệu chung Adobe Photoshop II Bắt đầu làm việc với Adobe Photoshop Màn hình làm việc Các dạng tập tin hình ảnh Thao tác với ảnh (open, save, new, copy, paste, cut,…) III Tuỳ chỉnh Preferences IV Bài tập cuối chương Chương 1: Tổng quan Photoshop Giới thiệu Adobe Photoshop (trước Display) phần mềm chỉnh sửa đồ họa phát triển phát hành Adobe Systems (ra đời năm 1988) Thomas Knoll John Knoll khởi xướng Ngoài khả chỉnh sửa ảnh cho ấn phẩm, Photoshop sử dụng hoạt động thiết kế trang web, vẽ loại tranh, Và tương thích với phần mềm khác như: Adobe Illustrator, Adobe Premiere, After After Effects Các phiên Photoshop có nhiều phiên (version) như: 3.0, 4.0 5.5, 6.0, 7.0, 8.0 (Photoshop CS), PTS CS2, PTS CS3, PTS CS4, PTS CS5, PTS CS6, phát triển Chương 1: Tổng quan Photoshop Yêu cầu phần mềm Chúng ta sử dụng phiên Nhưng phiên từ 7.0 trở sau có chức lưu trữ lớp (layer) làm việc, dễ dàng cho việc chỉnh sửa thiết kế Mặc khác phiên 8.0 trở sau cài đặc HĐH Windows 2000 Sevice Pack 4, Windows XP Sevice Pack trở sau Các phiên cao hỗ trợ nhiều công cụ tính thơng minh Chương 1: Tổng quan Photoshop Yêu cầu nguồn liệu cần thiết Các hình ảnh cần tơ màu, chỉnh sửa PhotoShop phải nhập vào máy qua thiết bị nhập Các thiết bị nhập bao gồm: máy Scan, đĩa CD, máy ảnh Kỹ thuật số, Video Camera, … Các thiết bị dựa vào độ phân giải giá trị lớn hình ảnh sắc nét - Máy Scan: dùng chủ yếu để số hoá ảnh chụp, tác phẩm nghệ thuật… - Máy ảnh kỹ thuật số: đưa ảnh kỹ thuật số vào máy tính… - Các nguồn khác: USB, CD, DVD, ảnh Internet,… Chương 1: Tổng quan Photoshop - Sinh viên tự cài đặt phần mềm PTS phù hợp với cấu hình máy tính mình: - Phiên PTS hỗ trợ phòng máy (2013): PTS CS5 - Chạy phần mềm CS5 cách: + Start/ All Program/ Adode Photoshop CS5 + Sử dụng biểu tượng Desktop: Chương 1: Tổng quan Photoshop 10 Màn hình làm việc Chương 1: Tổng quan Photoshop 11 Các định dạng ảnh Các định dạng file ảnh (JPEG, TIFF, GIF, PNG, ) khác có ý nghĩa khác chất lượng dung lượng cần cho việc lưu trữ Định dạng Chi tiết Photoshop (.psd) Dạng làm việc Photoshop (có soft Photoshop) Bitmap (.bmp) Dạng tương thích với Window GIF (.gif) Dạng trao đổi đồ hoạ (256 màu) JPEG (.jpg) Dạng ảnh nén phổ biến lưu trữ ảnh (share) PCX (.pcx) Dạng dùng với Window TIFF (.tif) Dạng suốt, không làm liệu ảnh PNG (*.png) Dạng lưu trữ ảnh không làm liệu (nhẹ) … …Chương 1: Tổng quan Photoshop 12 Thao tác với tập tin ảnh a/ Mở tập tin ảnh Có nhiều cách mở C1: Từ cửa sổ làm việc: File  Open C2: Nhấn tổ hợp phím Ctrl + O Trên hộp thoại Open: chọn thư mục ảnh, sau chọn ảnh để mở Hộp thoại Open có dạng sau: Chương 1: Tổng quan Photoshop 13 Chương 1: Tổng quan Photoshop 14 Chương 3: Chức nâng cao 93 Chương 3: Chức nâng cao 94 - Chỉnh sửa, xếp thứ tự layer - Biến dạng đối tượng ảnh, đối tượng vùng chọn - Mặt nạ lớp, hòa trộn lớp - Cân màu sắc sáng/tối - Tùy chỉnh màu sắc vùng ảnh chọn với Adjusment, xóa điểm khuyết, chuyển ảnh trắng đen  màu ngược lại, ghép cảnh - Tạo hiệu ứng ảnh lọc Filter - Tạo bóng đổ quầng sáng, 3D,… Chương 3: Chức nâng cao 95 Chương 1: Tổng quan Adobe Photoshop Chương 2: Các nhóm cơng cụ Chương 3: Các nhóm chức nâng cao Chương 4: Animation Chương 4: Animation I Giới thiệu tổng quan ảnh động II Các thành phần Animation III Thao tác với đối tượng ảnh hộp thoại Animation IV Xuất file GIF Chương 4: Animation Ảnh động gì? Ảnh động ảnh có hoạt động, chạy qua chạy lại chữ hình ảnh cử động Thường ảnh động ảnh có *.gif Muốn làm ảnh động bạn phải sử dụng phần mềm sửa tạo ảnh Tập tin GIF GIF (Graphics Interchange Format): "Định dạng Trao đổi Hình ảnh" định dạng tập tin hình ảnh bitmap cho hình ảnh dùng 256 màu sắc khác cho khung hình GIF định dạng nén liệu đặc biệt để truyền hình ảnh qua đường truyền lưu lượng nhỏ Chương 4: Animation Chương 4: Animation Vào Window  Animation Frames hiển thị hoạt cảnh Tạo thêm frame hiển thị Chạy hoạt Xóacảnh frame hiển thị số lượng Frame tự động Xác lập sốTạo lần chạy: + Once: cần lần chuyển động + times:khoảng lần frame đầu cuối + Forever: mãi + Other: Nhập số lần Chương 4: Animation Các bước để tạo ảnh động: - B1: Mở Adobe Photoshop, tạo file ảnh mới, - B2: Tạo đối tượng, trạng thái lớp riêng biệt, - B3: Bật Animation cách click Windows menu, - B4: Tạo số lượng Frame tương ứng (hoặc nhiều hơn) trạng thái thiết kế, - B5: Bật/tắt Layer muốn hiển thị tương ứng với Frame, - B6: Điều chỉnh thời gian cho Frame, - B7: Chạy thử, Lưu lại tập tin Gif Chương 4: Animation - Tạo hoa xoay từ nhỏ đến lớn Layer Layer Layer Layer - Tạo Frame hiển thị bên Chương 4: Animation - Bật /tắt Layer tương ứng Layer mở Frame Layer 33 được mở mở tại Frame Frame 53 Layer Layer 22 được mở mở tại Frame Frame Layer Layer mở Frame Chương 4: Animation 10 Chạy thử Lưu lại file Gif, Kết sau: Thực tương tự cho sau: Chương 4: Animation 11 Sau thực xong, lưu lại File Photoshop (*.psd) để thuận tiện sửa đổi sau Lưu lại file dạng gif: File  Save for Web & Devices  save dạng Gif (Ctrl + Shift + Alt + S) Chương 4: Animation 12 - Tìm hiểu ảnh động file Gif - Các thành phần Animation - Các bước tạo ảnh động thực tạo ảnh động đơn giản - Xuất tập tin ảnh động gif Chương 4: Animation 13 Chương 4: Animation 14 ... cụ chọn vùng III Nhóm cơng cụ tơ vẽ IV Tạo chữ V Nhóm cơng cụ Shape VI Nhóm cơng cụ tạo vùng tự Pen VII Nhóm cơng cụ khác VIII Bài tập cuối chương Chương 2: Nhóm cơng cụ CB Bảng Layer Mỗi ảnh Photoshop... 2: Nhóm cơng cụ CB 19 Chương 2: Nhóm cơng cụ CB 20 Nhóm cơng cụ Marquee - Cơng cụ Rectangular Marquee: chọn vùng hình chữ nhật Cơng cụ Elliptical Marquee: chọn vùng hình elip - Cơng cụ Single Row... trịn từ tâm ngồi 2 Cơng cụ Lasso Tool a/ Lasso Tool Sử dụng công cụ Lasso để vẽ hình vẽ tự Thao tác chọn Click chuột vào cơng cụ Lasso (hoặc nhấn phím L) Giữ, nhắp rê công cụ Lasso xung quanh đối