giáo trình đồ họa ứng dụng ngành thương mại điện tử trung cấp

- Trình bày đ°ÿc các kiến thāc tổng quan về phần mềm Photoshop, giao dián màn hình, các thanh công cā, các thao tác c¢ bÁn, mát sß phím tắt hay dùng, khái niám và chāc năng cÿa các công

Tổng quan các phần mềm thiết kế Ánh

Khái niám Ánh Bitmap và Vector

Thiết kế quÁng cáo với Adobe Illustrator

1.4 Thiết kế Ánh trực tuyến với Canva 1 1

2 Bài 2: ThiÁt kÁ Ánh vái Adobe

2.5 T¿o chữ và hiáu chỉnh chữ (text) 3 1 1 1

Bài kiểm tra sò 1: Bài 2 1 1

3 Bài 3: ThiÁt kÁ quÁng cáo vái

3.5 Thao tỏc với cỏc đòi t°ÿng 8 1 3 4

3.6 Tụ màu cho cỏc đòi t°ÿng 8 1 3 4

Bài kiểm tra sò 2: Bài 3 1 1

4 Bài 4: Xÿ lý Ánh trāc tuyÁn vái

4.1 Thiết kế Ánh trên canvas 4 1 1 2

4.2 Thiết kế banner trên canvas

4.3 Thiết kế logo trên canvas

4.4 Thiết kế video trên canvas

BÀI 1: Tồng quan cỏc phÁn mÃm thiÁt kÁ Ánh Th ờ i gian: 6 gi ờ

- Trình bày đ°ÿc chāc năng cÿa phần mềm thiết kế Ánh

- Cài đặt đ°ÿc mỏt sò phần mềm đỏ hỏa

II Nái dung ch°¢ng:

1.1 Khái niám Ánh Bitmap và Vector

1.2 Thiết kếÁnh với Adobe Photoshop

1.3 Thiết kế quÁng cáo với Adobe Illustrator

Thiết kế Ánh trực tuyến với Canva

Bài 2: ThiÁt kÁ Ánh vái Adobe Photoshop Thời gian: 30 giờ

- Trình bày đ°ÿc các kiến thāc tổng quan về phần mềm Photoshop, giao dián màn hỡnh, cỏc thanh cụng cā, cỏc thao tỏc c bÁn, mỏt sò phớm tắt hay dựng

- Trình bày đ°ÿc khái niám và chāc năng cÿa các công cā vùng chán, layer, công cā chữ, hiáu chỉnh màu, hiáu chỉnh Ánh

- Thực hiỏn đ°ÿc viỏc t¿o và quÁn lý file Ánh, xuÃt file Ánh ra cỏc đònh d¿ng pdf, png,

- Thao tác đ°ÿc với các công cā chán, quÁn lý layer, sā dāng mặt n¿, và các hiáu āng cÿa layer

- Thao tỏc đ°ÿc với cụng cā chữ, t¿o chữ, đònh d¿ng, t¿o chữ nghỏ thuật vào Ánh

- Thao tỏc chỉnh sāa Ánh: xúa đòi t°ÿng thÿa, thay đổi màu sắc Ánh

- Thao tác chán chế đá Ánh và in Ánh

II Nái dung ch°¢ng:

2.2.1 Thao tác trên tập tin

2.2.2 Thiết lập vùng làm viác

2.2.2.1 Thay đổi giao diện chương trình

2.2.2.2Thay đổi đơn vịđo và thước

2.2.3.1 Xem thay đổi kích thước Ánh

2.3.2.2 Công cụ t¿o vùng chọn cốđịnh (Marquee)

2.3.2.3 Công cụ t¿o vùng chọn tự do (Lasso)

2.3.2.4 Công cụ t¿o vùng chọn nhanh (Magic Wand)

2.5 T¿o chÿ và hiòu chònh chÿ (text)

2.6.1 Công cā xóa Spot healing brush tool

2.6.2 Công cā xóa Healing brush tool

2.6.3 Công cā xóa Patch tool

Bài 3: ThiÁt kÁ quÁng cáo vái Adobe Illustrator Thời gian: 30 giờ

- Trình bày đ°ÿc chāc năng cÿa giao dián làm viác, thanh công cā, cÿa các công cā vẽ c¢ bÁn hình chữ nhật (rectangle), hình ellips, hình đa giác (polygon), hình ngôi sao (star)

- Hiểu rừ chāc năng, cỏch sā dāng cỏc cụng cā biến đổi và tỏi đònh hỡnh d¿ng để chỉnh sāa và xā lý cỏc đ°òng path bằng cỏch sā dāng cỏc cụng cā Transformation

- Hiểu biết về cỏc thao tỏc hàn, cắt, lÃy phần giao giữa cỏc đòi t°ÿng, t¿o đòi t°ÿng trung gian, uòn đòi t°ÿng theo đ°òng bao

- Thao tác đ°ÿc trên file, các công cā chán, thêm Ánh vào Illustrator

- Thao tỏc t¿o đ°ÿc cỏc hỡnh c bÁn, biến đổi cỏc đòi t°ÿng, tụ màu cho cỏc đòi t°ÿng trong Illustrator

- Thao tác thành th¿o các công cā Transform, Panel Transformation và Panel PathFinder, nhóm công cā hiáu chỉnh

- Thiết kế đ°ÿc banner, logo với Illustrator

II Nái dung ch°¢ng:

3.3.1 Màn hình giao dián ch°¢ng trình Adobe Illustrator

3.3.2 Các công cā và các tùy chán công cā

3.3.4 Thao tác l°u, xuÃt má file

3.3.5 Thêm hình Ánh vào Illusstrator

3.4.3.1 Công cā Direct Select Tool (A)

3.4.3.2 Công cā Group Selection Tool

3.5 Thao tác vái các đái t°ÿng

3.5.2 Cụng cā t¿o đòi t°ÿng trung gian Blend

3.5.2.1 Thay đổi thuác tính Blend

3.5.2.3 Uòn đòi t°ÿng Blend theo đ°òng Path

3.6 Tô màu cho các đái t°ÿng

3.6.1 Thay đổi chế đá màu

3.6.2 Thay đổi màu cÿa mỏt đòi t°ÿng

3.6.3 Tô màu chuyển sắc Gradient

Bài 4: Xÿ lý Ánh trāc tuyÁn vái Canva Thời gian: 9 giờ

- Đăng ký đ°ÿc tài khoÁn trên canva, thiết kế Ánh, banner quÁng cáo, logo và video ngắn trực tuyến trên Canva

II Nái dung ch°¢ng:

4.1 Thiết kế Ánh trên canvas

4.2 Thiết kế banner trên canvas

4.3 Thiết kế logo trên canvas

4.4 Thiết kế video trên canvas

IV ĐiÃu kiòn thāc hiòn mụ đun:

1 Phòng hác chuyên môn hóa/nhà x°áng: Phòng máy tính, phòng hác lý thuyết

2 Trang thiết bò mỏy múc: mỏy tớnh, mỏy chiếu, bÁng, màn chiếu

3 Hác liáu, dāng cā, nguyên vật liáu: Giáo trình, giáo án, bài tập thực hành

V Nòi dung và ph°Âng phỏp, đỏnh giỏ:

- Trình bày đ°ÿc khái niám và chāc năng cÿa các công cā vùng chán, layer, công cā chữ, hiáu chỉnh màu, hiáu chỉnh Ánh trên Photoshop

- Trình bày đ°ÿc chāc năng cÿa giao dián làm viác, thanh công cā, cÿa các công cā vẽ c¢ bÁn hình chữ nhật (rectangle), hình ellips, hình đa giác (polygon), hình ngôi sao (star) trên Illustrator

Phóng to, thu nhỏ, xoay, cắt, lật.- **Quản lý layer:** Tạo, xóa, sắp xếp, ẩn hiện, khóa các layer.- **Sử dụng mặt nạ:** Che và để lộ các phần ảnh trên các layer.- **Hiệu ứng layer:** Áp dụng các hiệu ứng như bóng đổ, đổ màu, viền.- **Thao tác với công cụ Chữ:** Tạo, định dạng, chỉnh sửa chữ, tạo chữ nghệ thuật.

- Thao tỏc chỉnh sāa Ánh: xúa đòi t°ÿng thÿa, thay đổi màu sắc Ánh trờn Photoshop

- Thao tỏc t¿o đ°ÿc cỏc hỡnh c bÁn, biến đổi cỏc đòi t°ÿng, tụ màu cho cỏc đòi t°ÿng trong Illustrator

- Thiết kế đ°ÿc banner, logo với Illustrator

1.3 Về năng lực tự chÿ và chòu trỏch nhiỏm:

- Chÿ đáng nghiên cāu kiến thāc cÿa môn hác;

- Tự thực hián các yêu cầu cÿa môn hác;

- Rèn luyán đāc tính cẩn thận, chính xác, khoa hác;

- Kiểm tra th°òng xuyờn: đỏnh giỏ qua kết quÁ cỏc bài tập, bài kiểm tra trờn phần mềm quÁn lý hác tập LMS

+ Nái dung kiểm tra: Bài 4

- Kiểm tra đònh kỳ: Đỏnh giỏ qua kết quÁ cỏc bài kiểm tra đònh kỳ

- Thi kết thúc môn hác:

+ Hình thāc thi: Trắc nghiám/Thực hành

+ Điều kiỏn dự thi kết thỳc mụn hỏc: Tham dự ≥ 80% thòi gian hỏc và điểm trung bình chung các điểm kiểm tra ≥ 5,0 theo thang điểm 10

VI H°ỏng dẫn thāc hiòn mụ đun:

1 Ph¿m vi áp dāng môn hác:

Ch°Âng trỡnh mụ đun Đỏ hỏa āng dāng giÁng d¿y đòi với ngành Th°Âng m¿i điỏn tātrình đá Trung cÃp

2 H°ớng dẫn về ph°¢ng pháp giÁng d¿y, hác tập môn hác:

- Thuyết trình, h°ớng dẫn, giao bài thực hành, tổ chāc làm viác nhóm cho hác sinh;

- Th°òng xuyờn cập nhật kiến thāc thực tế để nõng cao chÃt l°ÿng giÁng d¿y

2.2 Đòi với ng°òi hỏc:

Tinh thần tự giác trong hác tập, rèn luyán kỹ năng xā lý, phân tích, đác thêm các tài liáu, tìm hiểu thực tế, làm viác nhóm

3 Những tráng tâm cần chú ý:

- Cập nhập th°òng xuyờn những phiờn bÁn phần mềm mới

[1] Nguyòn Viỏt Dũng, Adobe Photoshop 8.0, Nhà xuÃt bÁn Lao đỏng xó hỏi, năm 2015

[2] Nguyòn Tr°òng Sinh Phỳc, Cỏc tớnh năng xử lý Ánh cao cấp trong Adobe Photoshop 9.0, Nhà xuÃt bÁn Thòng kờ, năm 2017

[3] KS Quang Huy, KS Phựng Thò Nguyỏt, Photoshop CS toàn tập, Nhà xuÃt bÁn giao thông vận tÁi, năm 2004

[4] KS Đậu Quang TuÃn, Chinh phục photoshop CS2, Nhà xuÃt bÁn giao thông vận tÁi, năm 2006

5 Ghi chú và giÁi thích (nếu có):

BÀI 1: T ọ NG QUAN CÁC PH À N M Â M THI À T K À À NH

- Trình bày đ°ÿc chāc năng cÿa phần mềm thiết kếÁnh

- Cài đặt đ°ÿc mỏt sò phần mềm đỏ hỏa

II Nái dung ch°¢ng:

1.1 Khỏi niòm Ánh Bitmap và Vector

1.1.1 À nh bitmap Ành Bitmap (Raster Image) - là lo¿i Ánh dùng mát lo¿t các pixel (điểm Ánh) để biểu thò hỡnh Ánh Mòi pixel (điểm Ánh) là mỏt hỡnh vuụng đ°ÿc gỏn mỏt vò trớ và giỏ trò màu cā thể t¿o nờn hỡnh Ánh Đònh d¿ng phổ biến cÿa bitmap đ°ÿc sā dāng trờn web là PNG, JPG, BMP, JPEG và GIF

Chỉnh sāa Ánh bitmap nghĩa là ta xoá và thay đổi màu cÿa tÿng pixel Phần mềm chuyờn dāng th°òng dựng để chỉnh sāa Ánh bitmap là Adobe Photoshop Điểm cáng cÿa Ánh bitmap chính là có nhiều hiáu āng in và màu đa d¿ng h¢n vector, nên rÃt phù hÿp cho b¿n chỉnh sāa hình Ánh chuyên nghiáp và sāa đổi Ãn phẩm in Ãn chuyên sõu Ành bitmap th°òng phự hÿp để in cỏc Ãn phẩm quÁng cỏo khổ nhỏ nh° poster, card visit, tòrÂi, bỡa t¿p chớ… Điểm trÿ chính là khi file bitmap cÿa b¿n không đ¿t chuẩn đá phân giÁi thì sÁn phẩm in ra sẽ gặp tỡnh tr¿ng vỡ, mòÁnh khi phúng to Để khắc phāc tr°òng hÿp này b¿n cần tăng mật đá các điểm pixel cÿa Ánh

File Vector là lo¿i file vector không dựa trên mẫu pixel mà đ°ÿc t¿o bái các đo¿n thẳng và đ°òng cong đ°ÿc đònh nghĩa bằng cỏc đòi t°ÿng toỏn hỏc gỏi là Vector, tÿ đú t¿o nên các hình tròn hoặc hình đa giác Vector đ°ÿc l°u phổ biến d°ới d¿ng PDF, CMD, AI Phần mềm chuyên dāng để chỉnh sāa vector, Ánh vector là Adobe Illustrator và Corel

Cỏc cụng cā th°òng dựng để vẽ vector

1.2 ThiÁt kÁ Ánh vái Adobe Photoshop

Adobe Photoshop là mát ch°¢ng trình āng dāng đặc biát dành cho viác tô màu, sāa và hiáu chỉnh Ánh Photoshop còn là mát công cā t¿o nghá thuật có thể hòa trán, hiáu chỉnh cỏc Ánh màu, thiết kếđỏ hỏa muòn t¿o tỏc phẩm nghỏ thuật gòc hoặc cắt ghộp hỡnh Ánh để in hoặc đ°a lên web

Photoshop cc 2020 yêu cầu cÃu hình máy tính nh° sau:

- 4GB RAM (khuyên dùng 8GB)

- Bỏ xā lý 1.6GHz hoặc nhanh hÂn với sự hò trÿ SSE2

- Hỏ điều hành Windows 10 (khuyến nghò sā dāng phiờn bÁn 1809, 1903 trỏ lên) hoặc Windows 8.1, Windows 7 Ngoài ra phần mềm chỉ dành cho các phiờn bÁn 64 bit (khụng hò trÿ 32 bit)

- Dung l°ÿng ổ đĩa khÁ dāng: 5,2 GB

- Trỡnh điều khiểnhiểnthòt°Âng thớch Microsoft DirectX 9 hoặc 10

- Đá phân giÁi màn hình: 1280 x 800 px

Tích vào bá cài photoshop 2020 Ân nút ok Ân Next

Chán ổ đĩa cài đặt rái Ãn Install

Chò ch¿y xong quỏ trỡnh cài đặt hoàn tÃt

1.3 ThiÁt kÁ quÁng cáo vái Adobe Illustrator

Adobe Illustrator là mát phần mềm đ°ÿc áp dāng trong công nghá thiết kế quÁng cáo, t¿o mẫu và thiết kế Ánh cho Web

Adobe Illustrator cú đỏ chớnh xỏc và uyển chuyển cao, dò dàng ỏp dāng tÿ cỏc mẫu thiết kế nhỏ cho đến cỏc dự ỏn lớn và phāc t¿p Ngoài ra Adobe Illustrator cũn phòi hÿp rÃt tòt với cỏc phần mềm khỏc cÿa Adobe nh° Adobe Photoshop và Adobe PageMaker, Adobe InDesign

Workspace là cāa sổ làm viác

Artboard (bÁng vẽ) là vựng hỡnh chữ nhật hiỏn hành trong Workspace xỏc đònh những gỡ sẽ đ°ÿc in Cỏc đòi t°ÿng cú thể đ°ÿc đặt h°ớng đến mộp hoặc bờn ngoài cỏc ranh giới Artboard nh°ng chỉ cỏc đòi t°ÿng bờn trong Artboard mới in ra Ta sẽ lập kớch cỡ và khòi l°ÿng cÿa cỏc Artboard mòi lần t¿o mỏt File mới

Scratch (nháp) là khu vực phía ngoài bÁng vẽ Các phần trong vùng Scratch vẫn đ°ÿc in nếu khổ giÃy đÿ lớn Có thể giÃu Artboard bằng cách chán View/Hide Artboard

Quá trình cài đặt đ°ÿc thực hián

1.4 ThiÁt kÁÁnh trāc tuyÁn vái Canva ¯u điểm canva

 Sāa Ánh miòn phớ với thao tỏc đÂn giÁn

 Sáng t¿o nhiều hình Ánh, đa d¿ng thể lo¿i khác nhau (Logo, Ân phẩm quÁng cỏo, SÂ yếu lý lòch, )

 Hò trÿ đầy đÿ cỏc cụng cā thiết kế c bÁn

 Ành l°u chÃt l°ÿng cao, chuyên nghiáp nh° Photoshop

Cách đăng ký, đăng nhập Canva

1 Thao tác trên đián tho¿i

Má āng dāng Canva, sau đó b¿n chán hình thāc đăng nhập à đây, b¿n có thể lựa chỏn 3 hỡnh thāc liờn kÁt tài khoÁn Facebook, Google hoÁc đỏa chò email

Với 2 hình thāc liên kết tài khoÁn Facebook và Google, b¿n không cần nhập mật khẩu

Với hình th°c liên kết tài khoÁn email, b¿n cần nhập email và mật khẩu nh° Ánh bên d°ới

2 Thao tác trên máy tính

B°ác 1: Đầu tiên b¿n vào Canva và chán Đng ký (phía trên cùng bên trái trình duyát)

B°ác 2: B¿n có thể đăng ký tài khoÁn bằng 3 cách Nếu b¿n chán đăng ký bằng Facebook và Google, Canva sẽ tự đáng chuyển tới trang chÿ với tài khoÁn đăng ký là tài khoÁn liờn kết 2 āng dāng này cÿa b¿n Nếu b¿n khụng muòn liờn kết 2 tài khoÁn này, hãy chán Đăng ký bằng email

Bước 3: Sau đó b¿n hãy nhập tên, email cùng mật khẩu đăng nhập (nên sā dāng chữ và sò để nõng cao đỏ bÁo mật cho tài khoÁn)

B°ác 4: Sau khi hoàn thành xong thÿ tāc đăng ký, b¿n hãy tÁi l¿i trang và chán Đng nhập

Quá trình đăng nhập đ°ÿc hoàn thành

III Cách thiÁt kÁ trên máy tính

B°ỏc 1: Đầu tiờn b¿n vào Canva Sau đú đăng nhập tài khoÁn với cỏc kết nòi cú sẵn (Google, Facebook, ID Apple)

B°ác 2: Tiếp tāc, b¿n chán Mẫu và tùy theo nhu cầu thiết kế b¿n sẽ có các đề māc có sẵn phía d°ới để lựa chán (Logo, Poster, Banner, )

Hoặc có thể tự t¿o thiết kế với kích th°ớc khác bằng cách chán vào T¿o thiết kế

NhÃn Kích thước tùy chỉnh , sau đó chán chiều cao, ráng phù hÿp để bắt đầu t¿o lập thiết kế hình Ánh

Bước 3: Chán TÁi Ánh hoặc video lên để sā dāng cho thiết kế bằng cách kéo thÁ vào háp chāa

Bạn có thể chọn tÁi ảnh, video lên từ thiết bị, mạng xã hội (Facebook, Instagram), Google Drive hoặc Dropbox kiếm được hình ảnh như ý bạn có thể sử dụng các hình ảnh có sẵn bằng cách chọn vào mục Ành

Video t°¢ng tự vào māc video

Bước 4: B¿n thể thêm các item, nhãn dán, khung, biểu đá vào thiết kế cÿa mình bằng cách nhÃp vào māc Thành phần và chán hình

B°ác 5: Chán Vn bÁn để thêm chữ và kiểu chữ

B°ớc 6: Sau khi hoàn thành thiết kế b¿n chỏn TÁi xuòng

B°ỏc 7: Lựa chỏn Lo¿i tỏp b¿n muòn l°u nh° PNG, JPG, PDF, GIF và nhÃn tiếp Enter để hoàn thàn

IV Cỏch thiÁt kÁtrờn điòn tho¿i

B°ỏc 1: Truy cập āng dāng Canva, đăng nhập bằng cỏc tài khoÁn kết nòi (Google, Facebook, )

Thiết kế Ánh với Adobe Photoshop

Vùng chán

2.3.2.2 Công cụ t¿o vùng chọn cốđịnh (Marquee)

2.3.2.3 Công cụ t¿o vùng chọn tự do (Lasso)

2.3.2.4 Công cụ t¿o vùng chọn nhanh (Magic Wand)

T¿o chữ và hiáu chỉnh chữ (text)

2.2.2.2Thay đổi đơn vịđo và thước

2.2.3.1 Xem thay đổi kích thước Ánh

2.3.2.2 Công cụ t¿o vùng chọn cốđịnh (Marquee)

2.3.2.3 Công cụ t¿o vùng chọn tự do (Lasso)

2.3.2.4 Công cụ t¿o vùng chọn nhanh (Magic Wand)

2.5 T¿o chÿ và hiòu chònh chÿ (text)

Thiết kế quÁng cáo với Adobe Illustrator

Tụ màu cho cỏc đòi t°ÿng

Bài kiểm tra sò 2: Bài 3 1 1

4 Bài 4: Xÿ lý Ánh trāc tuyÁn vái

4.1 Thiết kế Ánh trên canvas 4 1 1 2

4.2 Thiết kế banner trên canvas

4.3 Thiết kế logo trên canvas

4.4 Thiết kế video trên canvas

BÀI 1: Tồng quan cỏc phÁn mÃm thiÁt kÁ Ánh Th ờ i gian: 6 gi ờ

- Trình bày đ°ÿc chāc năng cÿa phần mềm thiết kế Ánh

- Cài đặt đ°ÿc mỏt sò phần mềm đỏ hỏa

II Nái dung ch°¢ng:

1.1 Khái niám Ánh Bitmap và Vector

1.2 Thiết kếÁnh với Adobe Photoshop

1.3 Thiết kế quÁng cáo với Adobe Illustrator

1.4 Thiết kế Ánh trực tuyến với Canva

Bài 2: ThiÁt kÁ Ánh vái Adobe Photoshop Thời gian: 30 giờ

- Trình bày đ°ÿc các kiến thāc tổng quan về phần mềm Photoshop, giao dián màn hỡnh, cỏc thanh cụng cā, cỏc thao tỏc c bÁn, mỏt sò phớm tắt hay dựng

- Trình bày đ°ÿc khái niám và chāc năng cÿa các công cā vùng chán, layer, công cā chữ, hiáu chỉnh màu, hiáu chỉnh Ánh

- Thực hiỏn đ°ÿc viỏc t¿o và quÁn lý file Ánh, xuÃt file Ánh ra cỏc đònh d¿ng pdf, png,

- Thao tác đ°ÿc với các công cā chán, quÁn lý layer, sā dāng mặt n¿, và các hiáu āng cÿa layer

- Thao tỏc đ°ÿc với cụng cā chữ, t¿o chữ, đònh d¿ng, t¿o chữ nghỏ thuật vào Ánh

- Thao tỏc chỉnh sāa Ánh: xúa đòi t°ÿng thÿa, thay đổi màu sắc Ánh

- Thao tác chán chế đá Ánh và in Ánh

II Nái dung ch°¢ng:

2.2.1 Thao tác trên tập tin

2.2.2 Thiết lập vùng làm viác

2.2.2.1 Thay đổi giao diện chương trình

2.2.2.2Thay đổi đơn vịđo và thước

2.2.3.1 Xem thay đổi kích thước Ánh

2.3.2.2 Công cụ t¿o vùng chọn cốđịnh (Marquee)

2.3.2.3 Công cụ t¿o vùng chọn tự do (Lasso)

2.3.2.4 Công cụ t¿o vùng chọn nhanh (Magic Wand)

2.5 T¿o chÿ và hiòu chònh chÿ (text)

2.6.1 Công cā xóa Spot healing brush tool

2.6.2 Công cā xóa Healing brush tool

2.6.3 Công cā xóa Patch tool

Bài 3: ThiÁt kÁ quÁng cáo vái Adobe Illustrator Thời gian: 30 giờ

- Trình bày đ°ÿc chāc năng cÿa giao dián làm viác, thanh công cā, cÿa các công cā vẽ c¢ bÁn hình chữ nhật (rectangle), hình ellips, hình đa giác (polygon), hình ngôi sao (star)

- Hiểu rừ chāc năng, cỏch sā dāng cỏc cụng cā biến đổi và tỏi đònh hỡnh d¿ng để chỉnh sāa và xā lý cỏc đ°òng path bằng cỏch sā dāng cỏc cụng cā Transformation

- Hiểu biết về cỏc thao tỏc hàn, cắt, lÃy phần giao giữa cỏc đòi t°ÿng, t¿o đòi t°ÿng trung gian, uòn đòi t°ÿng theo đ°òng bao

- Thao tác đ°ÿc trên file, các công cā chán, thêm Ánh vào Illustrator

- Thao tỏc t¿o đ°ÿc cỏc hỡnh c bÁn, biến đổi cỏc đòi t°ÿng, tụ màu cho cỏc đòi t°ÿng trong Illustrator

- Thao tác thành th¿o các công cā Transform, Panel Transformation và Panel PathFinder, nhóm công cā hiáu chỉnh

- Thiết kế đ°ÿc banner, logo với Illustrator

II Nái dung ch°¢ng:

3.3.1 Màn hình giao dián ch°¢ng trình Adobe Illustrator

3.3.2 Các công cā và các tùy chán công cā

3.3.4 Thao tác l°u, xuÃt má file

3.3.5 Thêm hình Ánh vào Illusstrator

3.4.3.1 Công cā Direct Select Tool (A)

3.4.3.2 Công cā Group Selection Tool

3.5 Thao tác vái các đái t°ÿng

X ā lý Á nh tr ự c tuy ế n v ớ i Canva

Thiết kế banner trên canvas

4.3 Thiết kế logo trên canvas

4.4 Thiết kế video trên canvas

IV ĐiÃu kiòn thāc hiòn mụ đun:

1 Phòng hác chuyên môn hóa/nhà x°áng: Phòng máy tính, phòng hác lý thuyết

2 Trang thiết bò mỏy múc: mỏy tớnh, mỏy chiếu, bÁng, màn chiếu

3 Hác liáu, dāng cā, nguyên vật liáu: Giáo trình, giáo án, bài tập thực hành

V Nòi dung và ph°Âng phỏp, đỏnh giỏ:

- Trình bày đ°ÿc khái niám và chāc năng cÿa các công cā vùng chán, layer, công cā chữ, hiáu chỉnh màu, hiáu chỉnh Ánh trên Photoshop

- Trình bày đ°ÿc chāc năng cÿa giao dián làm viác, thanh công cā, cÿa các công cā vẽ c¢ bÁn hình chữ nhật (rectangle), hình ellips, hình đa giác (polygon), hình ngôi sao (star) trên Illustrator

- Thao tác đ°ÿc với các công cā chán, quÁn lý layer, sā dāng mặt n¿, và các hiáu āng cÿa layer Thao tỏc đ°ÿc với cụng cā chữ, t¿o chữ, đònh d¿ng, t¿o chữ nghỏ thuật vào Ánh trên Photoshop

- Thao tỏc chỉnh sāa Ánh: xúa đòi t°ÿng thÿa, thay đổi màu sắc Ánh trờn Photoshop

- Thao tỏc t¿o đ°ÿc cỏc hỡnh c bÁn, biến đổi cỏc đòi t°ÿng, tụ màu cho cỏc đòi t°ÿng trong Illustrator

- Thiết kế đ°ÿc banner, logo với Illustrator

1.3 Về năng lực tự chÿ và chòu trỏch nhiỏm:

- Chÿ đáng nghiên cāu kiến thāc cÿa môn hác;

- Tự thực hián các yêu cầu cÿa môn hác;

- Rèn luyán đāc tính cẩn thận, chính xác, khoa hác;

- Kiểm tra th°òng xuyờn: đỏnh giỏ qua kết quÁ cỏc bài tập, bài kiểm tra trờn phần mềm quÁn lý hác tập LMS

+ Nái dung kiểm tra: Bài 4

- Kiểm tra đònh kỳ: Đỏnh giỏ qua kết quÁ cỏc bài kiểm tra đònh kỳ

- Thi kết thúc môn hác:

+ Hình thāc thi: Trắc nghiám/Thực hành

+ Điều kiỏn dự thi kết thỳc mụn hỏc: Tham dự ≥ 80% thòi gian hỏc và điểm trung bình chung các điểm kiểm tra ≥ 5,0 theo thang điểm 10

VI H°ỏng dẫn thāc hiòn mụ đun:

1 Ph¿m vi áp dāng môn hác:

Ch°Âng trỡnh mụ đun Đỏ hỏa āng dāng giÁng d¿y đòi với ngành Th°Âng m¿i điỏn tātrình đá Trung cÃp

2 H°ớng dẫn về ph°¢ng pháp giÁng d¿y, hác tập môn hác:

- Thuyết trình, h°ớng dẫn, giao bài thực hành, tổ chāc làm viác nhóm cho hác sinh;

- Th°òng xuyờn cập nhật kiến thāc thực tế để nõng cao chÃt l°ÿng giÁng d¿y

2.2 Đòi với ng°òi hỏc:

Tinh thần tự giác trong hác tập, rèn luyán kỹ năng xā lý, phân tích, đác thêm các tài liáu, tìm hiểu thực tế, làm viác nhóm

3 Những tráng tâm cần chú ý:

- Cập nhập th°òng xuyờn những phiờn bÁn phần mềm mới

[1] Nguyòn Viỏt Dũng, Adobe Photoshop 8.0, Nhà xuÃt bÁn Lao đỏng xó hỏi, năm 2015

[2] Nguyòn Tr°òng Sinh Phỳc, Cỏc tớnh năng xử lý Ánh cao cấp trong Adobe Photoshop 9.0, Nhà xuÃt bÁn Thòng kờ, năm 2017

[3] KS Quang Huy, KS Phựng Thò Nguyỏt, Photoshop CS toàn tập, Nhà xuÃt bÁn giao thông vận tÁi, năm 2004

[4] KS Đậu Quang TuÃn, Chinh phục photoshop CS2, Nhà xuÃt bÁn giao thông vận tÁi, năm 2006

5 Ghi chú và giÁi thích (nếu có):

BÀI 1: T ọ NG QUAN CÁC PH À N M Â M THI À T K À À NH

- Trình bày đ°ÿc chāc năng cÿa phần mềm thiết kếÁnh

- Cài đặt đ°ÿc mỏt sò phần mềm đỏ hỏa

II Nái dung ch°¢ng:

1.1 Khỏi niòm Ánh Bitmap và Vector

1.1.1 À nh bitmap Ành Bitmap (Raster Image) - là lo¿i Ánh dùng mát lo¿t các pixel (điểm Ánh) để biểu thò hỡnh Ánh Mòi pixel (điểm Ánh) là mỏt hỡnh vuụng đ°ÿc gỏn mỏt vò trớ và giỏ trò màu cā thể t¿o nờn hỡnh Ánh Đònh d¿ng phổ biến cÿa bitmap đ°ÿc sā dāng trờn web là PNG, JPG, BMP, JPEG và GIF

Chỉnh sāa Ánh bitmap nghĩa là ta xoá và thay đổi màu cÿa tÿng pixel Phần mềm chuyờn dāng th°òng dựng để chỉnh sāa Ánh bitmap là Adobe Photoshop Điểm cáng cÿa Ánh bitmap chính là có nhiều hiáu āng in và màu đa d¿ng h¢n vector, nên rÃt phù hÿp cho b¿n chỉnh sāa hình Ánh chuyên nghiáp và sāa đổi Ãn phẩm in Ãn chuyên sõu Ành bitmap th°òng phự hÿp để in cỏc Ãn phẩm quÁng cỏo khổ nhỏ nh° poster, card visit, tòrÂi, bỡa t¿p chớ… Điểm trÿ chính là khi file bitmap cÿa b¿n không đ¿t chuẩn đá phân giÁi thì sÁn phẩm in ra sẽ gặp tỡnh tr¿ng vỡ, mòÁnh khi phúng to Để khắc phāc tr°òng hÿp này b¿n cần tăng mật đá các điểm pixel cÿa Ánh

File Vector là lo¿i file vector không dựa trên mẫu pixel mà đ°ÿc t¿o bái các đo¿n thẳng và đ°òng cong đ°ÿc đònh nghĩa bằng cỏc đòi t°ÿng toỏn hỏc gỏi là Vector, tÿ đú t¿o nên các hình tròn hoặc hình đa giác Vector đ°ÿc l°u phổ biến d°ới d¿ng PDF, CMD, AI Phần mềm chuyên dāng để chỉnh sāa vector, Ánh vector là Adobe Illustrator và Corel

Cỏc cụng cā th°òng dựng để vẽ vector

1.2 ThiÁt kÁ Ánh vái Adobe Photoshop

Adobe Photoshop là mát ch°¢ng trình āng dāng đặc biát dành cho viác tô màu, sāa và hiáu chỉnh Ánh Photoshop còn là mát công cā t¿o nghá thuật có thể hòa trán, hiáu chỉnh cỏc Ánh màu, thiết kếđỏ hỏa muòn t¿o tỏc phẩm nghỏ thuật gòc hoặc cắt ghộp hỡnh Ánh để in hoặc đ°a lên web

Photoshop cc 2020 yêu cầu cÃu hình máy tính nh° sau:

- 4GB RAM (khuyên dùng 8GB)

- Bỏ xā lý 1.6GHz hoặc nhanh hÂn với sự hò trÿ SSE2

- Hỏ điều hành Windows 10 (khuyến nghò sā dāng phiờn bÁn 1809, 1903 trỏ lên) hoặc Windows 8.1, Windows 7 Ngoài ra phần mềm chỉ dành cho các phiờn bÁn 64 bit (khụng hò trÿ 32 bit)

- Dung l°ÿng ổ đĩa khÁ dāng: 5,2 GB

- Trỡnh điều khiểnhiểnthòt°Âng thớch Microsoft DirectX 9 hoặc 10

- Đá phân giÁi màn hình: 1280 x 800 px

Tích vào bá cài photoshop 2020 Ân nút ok Ân Next

Chán ổ đĩa cài đặt rái Ãn Install

Chò ch¿y xong quỏ trỡnh cài đặt hoàn tÃt

1.3 ThiÁt kÁ quÁng cáo vái Adobe Illustrator

Adobe Illustrator là mát phần mềm đ°ÿc áp dāng trong công nghá thiết kế quÁng cáo, t¿o mẫu và thiết kế Ánh cho Web

Adobe Illustrator nổi bật với tính linh hoạt và mạnh mẽ, dễ dàng xử lý mọi dự án thiết kế, từ những mẫu nhỏ đến các công trình đồ sộ và phác thảo Không chỉ vậy, Adobe Illustrator còn kết hợp hoàn hảo với các phần mềm khác của Adobe như Adobe Photoshop, Adobe PageMaker và Adobe InDesign.

Workspace là cāa sổ làm viác

Artboard (bÁng vẽ) là vựng hỡnh chữ nhật hiỏn hành trong Workspace xỏc đònh những gỡ sẽ đ°ÿc in Cỏc đòi t°ÿng cú thể đ°ÿc đặt h°ớng đến mộp hoặc bờn ngoài cỏc ranh giới Artboard nh°ng chỉ cỏc đòi t°ÿng bờn trong Artboard mới in ra Ta sẽ lập kớch cỡ và khòi l°ÿng cÿa cỏc Artboard mòi lần t¿o mỏt File mới

Scratch (nháp) là khu vực phía ngoài bÁng vẽ Các phần trong vùng Scratch vẫn đ°ÿc in nếu khổ giÃy đÿ lớn Có thể giÃu Artboard bằng cách chán View/Hide Artboard

Quá trình cài đặt đ°ÿc thực hián

1.4 ThiÁt kÁÁnh trāc tuyÁn vái Canva ¯u điểm canva

 Sāa Ánh miòn phớ với thao tỏc đÂn giÁn

 Sáng t¿o nhiều hình Ánh, đa d¿ng thể lo¿i khác nhau (Logo, Ân phẩm quÁng cỏo, SÂ yếu lý lòch, )

 Hò trÿ đầy đÿ cỏc cụng cā thiết kế c bÁn

 Ành l°u chÃt l°ÿng cao, chuyên nghiáp nh° Photoshop

Cách đăng ký, đăng nhập Canva

1 Thao tác trên đián tho¿i

Má āng dāng Canva, sau đó b¿n chán hình thāc đăng nhập à đây, b¿n có thể lựa chỏn 3 hỡnh thāc liờn kÁt tài khoÁn Facebook, Google hoÁc đỏa chò email

Với 2 hình thāc liên kết tài khoÁn Facebook và Google, b¿n không cần nhập mật khẩu

Với hình th°c liên kết tài khoÁn email, b¿n cần nhập email và mật khẩu nh° Ánh bên d°ới

2 Thao tác trên máy tính

B°ác 1: Đầu tiên b¿n vào Canva và chán Đng ký (phía trên cùng bên trái trình duyát)

B°ác 2: B¿n có thể đăng ký tài khoÁn bằng 3 cách Nếu b¿n chán đăng ký bằng Facebook và Google, Canva sẽ tự đáng chuyển tới trang chÿ với tài khoÁn đăng ký là tài khoÁn liờn kết 2 āng dāng này cÿa b¿n Nếu b¿n khụng muòn liờn kết 2 tài khoÁn này, hãy chán Đăng ký bằng email

Bước 3: Sau đó b¿n hãy nhập tên, email cùng mật khẩu đăng nhập (nên sā dāng chữ và sò để nõng cao đỏ bÁo mật cho tài khoÁn)

B°ác 4: Sau khi hoàn thành xong thÿ tāc đăng ký, b¿n hãy tÁi l¿i trang và chán Đng nhập

Quá trình đăng nhập đ°ÿc hoàn thành

III Cách thiÁt kÁ trên máy tính

B°ỏc 1: Đầu tiờn b¿n vào Canva Sau đú đăng nhập tài khoÁn với cỏc kết nòi cú sẵn (Google, Facebook, ID Apple)

B°ác 2: Tiếp tāc, b¿n chán Mẫu và tùy theo nhu cầu thiết kế b¿n sẽ có các đề māc có sẵn phía d°ới để lựa chán (Logo, Poster, Banner, )

Hoặc có thể tự t¿o thiết kế với kích th°ớc khác bằng cách chán vào T¿o thiết kế

NhÃn Kích thước tùy chỉnh , sau đó chán chiều cao, ráng phù hÿp để bắt đầu t¿o lập thiết kế hình Ánh

Bước 3: Chán TÁi Ánh hoặc video lên để sā dāng cho thiết kế bằng cách kéo thÁ vào háp chāa

Bạn có thể chọn tÁi ảnh, video lên từ thiết bị, mạng xã hội (Facebook, Instagram), Google Drive hoặc Dropbox kiếm được hình ảnh như ý bạn có thể sử dụng các hình ảnh có sẵn bằng cách chọn vào mục Ành

Video t°¢ng tự vào māc video

Bước 4: B¿n thể thêm các item, nhãn dán, khung, biểu đá vào thiết kế cÿa mình bằng cách nhÃp vào māc Thành phần và chán hình

B°ác 5: Chán Vn bÁn để thêm chữ và kiểu chữ

B°ớc 6: Sau khi hoàn thành thiết kế b¿n chỏn TÁi xuòng

B°ỏc 7: Lựa chỏn Lo¿i tỏp b¿n muòn l°u nh° PNG, JPG, PDF, GIF và nhÃn tiếp Enter để hoàn thàn

IV Cỏch thiÁt kÁtrờn điòn tho¿i

B°ỏc 1: Truy cập āng dāng Canva, đăng nhập bằng cỏc tài khoÁn kết nòi (Google, Facebook, )

B°ác 2: B¿n có thể lựa chán các kiểu mẫu mà nhà sÁn xuÃt đã để sẵn với kích th°ớc tiờu chuẩn cho tÿng lo¿i hỡnh (Logo, tò rÂi, Ãn phẩm truyền thụng, )

B°ớc 3: B¿n vào biểu t°ÿng thêm để xem đ°ÿc toàn bá các tính năng thiết kế cÿa Canva

B°ớc 4: Để t¿o khung màu °ng ý, đác đáo cho banner mình chán Nái dung tÁi lên và lÃy hỡnh Ánh tÿ thiết bò

B°ớc 5: à māc Thành phần chán thêm hình Ánh, nhãn dán đặc biát phù hÿp cho banner thêm phần sinh đáng và phong phú

B°ớc 6: Tiếp tāc thay đổi kiểu chữ, kích th°ớc và màu sắc t°¢i mới cho banner á māc Văn bÁn

B°ác 7: Khi bÁn thiết kế đ°ÿc hoàn tÃt, b¿n chán biểu t°ÿng tÁi xuáng

BÀI 2: THI À T K À À NH V à I ADOBE PHOTOSHOP

- Trình bày đ°ÿc các kiến thāc tổng quan về phần mềm Photoshop, giao dián màn hỡnh, cỏc thanh cụng cā, cỏc thao tỏc c bÁn, mỏt sò phớm tắt hay dựng

- Trình bày đ°ÿc khái niám và chāc năng cÿa các công cā vùng chán, layer, công cā chữ, hiáu chỉnh màu, hiáu chỉnh Ánh

- Thực hiỏn đ°ÿc viỏc t¿o và quÁn lý file Ánh, xuÃt file Ánh ra cỏc đònh d¿ng pdf, png,

- Thao tác đ°ÿc với các công cā chán, quÁn lý layer, sā dāng mặt n¿, và các hiáu āng cÿa layer

- Thao tỏc đ°ÿc với cụng cā chữ, t¿o chữ, đònh d¿ng, t¿o chữ nghỏ thuật vào Ánh

- Thao tỏc chỉnh sāa Ánh: xúa đòi t°ÿng thÿa, thay đổi màu sắc Ánh

- Thao tác chán chế đá Ánh và in Ánh

II Nái dung ch°¢ng:

Khởi đòng: Nhỏy kộp vào biểu t°ÿng ch°Âng trỡnh Adobe Photoshop Hoặc vào Start All Programs Adobe Photoshop CC

Khi ch°¢ng trình đ°ÿc kích ho¿t, b¿n sẽ thÃy giao dián cÿa nó nh° hình sau:

Hình Error! No text of specified style in document.-1 Giao diện chư¡ng trình

Thoỏt khòi : Vào File Exit (hoặc Ctrl + Q hoặc Photoshop Ãn nỳt ỏ gúc phÁi màn hình)

Các công cā t¿o vùng chãn, cắt xén Ánh và đo l°ãng:

Biểu t°ÿng Tên công cā Công dāng

Move (V) Di chuyển vùng chán hoặc Layer

Marquee (M) T¿o vùng chán hình chữ nhật, hình vuông, hình bầu dāc, hình tròn, hàng đ¢n, hay cát đ¢n

Lasso tool (L) T¿o vùng chán tự do, đa giác có c¿nh thẳng và vùng chán bám dính biên

Quick Selection (W) Vẽ để t¿o vùng chán theo điểm màu

Crop (C) Cắt xén hình Ánh

Eyedropper (I) Đo màu tÿ điểm Ánh

Cụng cā chònh sÿa l¿i hỡnh Ánh

Biểu t°ÿng Tên công cā Công dāng

Spot healing(J) Lo¿i bỏ lòi trong hỡnh

Brush tool (B): Vẽ bằng màu vẽ

Clone Stamp Tool (S) Nhân bÁn mát mẫu hình Ánh

History brush tool (Y): Quay về thao tác tr°ớc

Eraser Tool Xóa điểm Ánh hoặc đ°a về tr¿ng thái đã l°u

Gradient Tool (G) T¿o hiáu āng chuyển màu

Blur tool (R) Làm mò điểm Ánh

Dodge tool (O) Làm sáng điểm Ánh

Các công cā v¿ và nhập vn bÁn

Biểu t°ÿng Tên công cā Công dāng

Pen (P) Cỏch vẽ đ°òng path vector

Horizontal type (T) T¿o layer văn bÁn

Path Selection (A) Cho phộp điều khiển đ°òng path

Rectangle (U) Vẽ các hình shape vector

Các công cā di chuyển

Biểu t°ÿng Tên công cā Công dāng

Hand Tool (H): Di chuyển trang

Zoom tool Tăng giÁm kớch th°ớc t°Âng đòi cÿa chế đỏ hiển thò

Background/Foreground Công cā đổ màu nền

Quick Mask Mode (Q): T¿o, biên tập mặt n¿

 B°ác 1: Vào Menu File New (Hoặc Ctrl + N) xuÃt hián háp tho¿i

 B°ác 2: Nhập tên File á Name: Tên (đặt theo māc đích sā dāng)

 B°ỏc 3: Thiết lập cỏc thụng sò c bÁn sau:

Hình 1: Hộp tho¿i t¿o file mới

Kích thước canvas: Bao gồm:- Tên: Tên canvas- Chiều rộng: Chiều rộng của canvas (Pixel, cm, )- Chiều cao: Chiều cao của canvas (Pixel, cm, )- Độ phân giải: Số lượng điểm ảnh trên một inch hoặc cm Độ phân giải quyết định chất lượng ảnh.- Chế độ màu: Chế độ màu của canvas- Nội dung nền:- Trắng: Màu nền thường là màu trắng- Màu nền: Màu của phần nền, có thể chọn bất kỳ màu nền nào- Trong suốt: Cung cấp nền trong suốt

 B°ác 4: Thay đổi xong Ãn Create Xong Ãn nút L°u l¿i thiết lập này Hoặc không l°u l¿i thì Ãn nút OK

Chú ý: Nguyên tắc khi thiết kế phÁi chú ý kích th°ớc Ánh dùng để làm gì: Đ°a lên

Web, Zalo hay in Ãn Và chán chế đá màu 8 bit là c¢ bÁn thông dāng nhÃt

Không thể dùng Ánh vỡ để thiết kế

Thay đổi kích th°ớc file Ánh: Vào Image Image Size  XHHT

Hình 2: Hộp tho¿i thay đổi kích thước Ánh

Tích bỏ ô Constrain Proportions, nhập l¿i width (đá ráng) và chiều cao (height)

 B°ác 1: NhÃn Ctrl + O hoặc File Open XuÃt hián háp tho¿i Open

 B°ác 2: Chán file cần má