Tu hoc thiet ke tu A > Z

0 Cuốn sách Dành cho người tìm kiếm kiến thức, Sẽ nhiều lời mở đầu sáo rỗng dài dòng Tất muốn đưa vào sách kiến thức mà may mắn học Và tin rằng, tất người xứng đáng nhận Lời văn không hay, không chau chuốt Nhưng, câu từ bên sách này, thứ mà thực muốn chia sẻ cho bạn Tôi khả lan tỏa sách Không biết người đọc Không biết người thích Nhưng biết điều tuyệt vời đời Mọi đóng góp sách, từ lỗi tả nhỏ nhất, từ kiến thức chưa đắn, từ hình ảnh sử dụng không hợp pháp cần bị loại bỏ Hãy cho biết, bạn ! MỤC LỤC Kiến thức thiết kế kỹ thuật số Các bố cục thường gặp Sử dụng màu sắc Những điều cần biết Typography Các hiệu ứng Nhận diện thương hiệu Cách thiết kế CV với Photoshop Các xu hướng thiết kế CHƯƠNG Kiến thức thiết kế kĩ thuật số Chúng ta bước nhỏ Hãy kiến thức mà designer phải nắm rõ lòng bàn tay Chương giúp bạn định hình xem, sách giúp bạn làm gì, giúp bạn làm quen với công cụ Photoshop, và, giúp bạn có thêm động lực cho tự học Chúng xây dựng hệ thống video kèm với sách Vì biết, khó để mô tả cho bạn phần demo nhiều bước với hình khó hiểu Hãy xem video lúc đọc ebook để đạt hiệu tốt Các toán thường gặp Chia sẻ cho bạn thứ bạn cần Chúng có kiến thức thiết kế Nhưng không mà cố gắng nhồi nhét tất vào ebook 200 trang này, giúp bạn với kiến thức tinh gọn Để bạn tự bước tiếp đôi chân mà không cần giúp sức sách khác Hãy thử nhìn xem toán mà học viên colorME thường gặp Nhận diện thương hiệu Tự xây dựng Logo nhận diện thương hiệu kèm cho club hay tổ chức Số hóa ý tưởng Bạn có 1001 ý tưởng đầu trở thành tuyệt phẩm không Chèn quote vào ảnh Dù nhỏ nhiều người hứng thú, chèn “deep quote” hình “ảo diệu” Thiết kế ấn phẩm truyển thông Banner, poster, standee, avatar, cover, bạn muốn tự tay xây dựng chúng? Chỉnh sửa ảnh Làm trắng da, mịn da, tẩy mụn, nhuộm tóc… hay chỉnh sửa hình mà bạn tự chụp Những bạn có chưa có Bạn thường có sẵn thứ, thiếu thứ Thứ mà bạn có sẵn nội dung, thứ mà bạn muốn đưa vào tác phẩm Đó nội dung chương trình, nội dung tờ rơi, nội dung slide mà bạn muốn trình bày cách thật ấn tượng Điều thứ 2, mà bạn có sẵn, ý tưởng Lần bạn dùng concept đồ chơi giấy? Concept quái vật? Concept mùa thu? Concept giới động vật? Bạn thực sẵn sàng cho tác phẩm Bạn thiếu hai thứ Đầu tiên, bạn cần công cụ để thực hóa ý tưởng Có rất nhiều phần mềm thiết kế giúp bạn làm điều này, bạn chịu khó tìm kiếm, bạn thấy danh sách dài dằng dặc phần mềm đồ họa “hot” thị trường Cuốn sách nói Photoshop, bạn Thứ hai, kiến thức tảng thiết kế Có bạn thắc mắc màu sắc với nhau, font chữ kết hợp bố cục sử dụng nhiều ấn phẩm thiết kế? Cuốn sách giúp bạn biết hết bí mật Các phần mềm thiết kế thường gặp Adobe Photoshop Được mệnh danh phù thủy kĩ thuật số, Photoshop (PTS) phần mềm kì diệu mà nên học để sử dụng Photoshop cho phép bạn dùng thử vòng 30 ngày Hoặc, bạn sử dụng phiên cũ Photoshop cung cấp hoàn toàn miễn phí để học tập, Adobe Illustraotor Là người anh em song sinh với Photoshop, llustrator (AI) phần mềm thiết kế “khủng” Tuy nhiên, Photoshop thiên nặng thiết kế raster, chỉnh sửa ảnh Illustrator lại thiên thiết kế vector Các sản phẩm dùng để in ấn hay sản phẩm nhận diện thương hiệu tạo AI nhiều PTS Adobe Indesign Những ấn phẩm chuyên dùng trường hợp in ấn, ấn phẩm có nhiều trang sách, brochure, leaveleft thường tạo Indesign Phần mềm mờ nhạt với nhiều người Tuy nhiên, dành thời gian học thử, bạn thấy hứng thú với Adobe Lightroom Là phần mềm giới Photographer ưa chuộng, Lighrtoom thiên nặng retouch blend Một kĩ mà bạn cần có muốn tự tạo hình có màu sắc “ảo diệu” Với preset cung cấp sẵn nhiều mạng Bạn tự học nhanh phần mềm Vì nên học Photoshop Có hàng tá lý lý giải bạn nên học Photoshop Dù bạn ai, Photoshop giúp đỡ bạn nhiều công việc hay học Cùng nhìn xem lý thú vị giới chuyên môn đưa thuyết phục Thể cá tính Cho người thấy bạn ai, cảm nhận nghệ thuật bạn qua tác phẩm Tham gia dự án Bạn hoàn toàn trở thành designer quan trọng dự án Typography Bạn thích “chơi” với chữ? Photoshop dành cho bạn Khôi phục ảnh Những hình từ thuở lọt lòng úa vàng, liệu đem chúng trở lại? Vẽ tranh Trở thành digital painter hiệu với Photoshop bạn Thay đổi màu ảnh Tha hồ blend màu ảnh theo thích với công cụ cực mạnh Photoshop Thiết kế áo thun Không cằn nhằn với desinger xưởng in bạn có phù thủy tay Chỉnh sửa lỗi ảnh Mắt đỏ? Thiếu sáng? Nhòe ảnh? Hãy xem Photoshop giúp bạn làm Chỉnh style ảnh Háng tá hiệu ứng chờ bạn áp dụng vào hình Hiện thực ý tưởng Và quan trọng hết, biến ý tưởng bạn thành thực Khái niệm điểm ảnh (pixel) Điểm ảnh gì? Đã bạn nghe đến từ “điểm ảnh” hay “pixel” chưa? Pixel phần tử nhỏ hình Mỗi pixel ô vuông chứa màu Hãy phóng to hình bạn Với hình nào, cần phóng to hết cỡ, bạn thấy chúng bị vỡ nát thành nhiều điểm ảnh Ví dụ hình bên, Captain American hình tạo thành từ lưới pixel bao gồm 21 dòng 19 cột Như hình bên có 19x21 pixel Ảnh hưởng từ pixel đến thiết kế Có thể hiểu đơn giản cho người bắt đầu, ảnh có nhiều pixel càng… rõ Vậy nhiều pixel rõ, đến khái niệm quan trọng khác nữa, kích thước ảnh độ phân giải ảnh Kích thước ảnh (dimensions) Kích thước ảnh Kích thước ảnh số lượng pixel chiều ngang nhân với số lượng pixel chiều dọc ảnh Hình cho mộ ví dụ từ ảnh Fappy Bird google image Trong trường hợp này, hình có kích thước 236x149 Tiếp đến, nghiên cứu từ vựng khác không phần quan trọng Tôi bạn nghe từ không lần trước đây, “độ phân giải” 10 CV – Timeline Dòng thời gian Tiếp đó, cho người thấy tiến trình cố gắng trình học tập làm việc bạn timeline CV nhé: https://www.youtube.com/watch?v=u7Uh22HmYI8&list=PL9_gOzpFilwrVmId0RklZDJG8sBDgrYid&index=3 160 CV – Icons Hệ thống Icon Đừng quên đưa vào hệ thống icon để làm CV bạn trông thú vị Bạn tìm thêm icon tại: http://icons8.com 161 CHƯƠNG Các xu hướng Thiết kế Chúng ta chặng đường dài Chỉ chương cuối sách Hãy cảm nhận thứ thật tự nhiên, đừng để dự hay nghi vấn quấy rối bạn Trên giới năm có xu hướng thiết kế định Và chúng ta, designer, nên tìm hiểu xu hướng đó, không? Chương cuối sách không kết thúc, sáng tạo người vô tận Tôi cố gắng tái sách thật nhiều lần nữa, để chia sẻ với bạn kiến thức mà có Ủng hộ nhé, bạn hiền! 162 Flat Design Cuộc chiến lớn Năm 2012, toàn designer giới chia thành phe, phe ủng hộ phe chống đối thiết kế phẳng Cuộc chiến đến tận chưa chấm dứt, ưu thuộc nhóm thiết kế phẳng Vậy thiết kế phẳng gì? Thiết kế phẳng tư tưởng thiết kế tối giản hóa tất thứ, từ màu sắc, chi tiết đến hiệu ứng Được loại bỏ hoàn toàn Vậy từ đâu mà có xu hướng thiết kế này? 163 Flat Design Ông lớn Microsoft 2012 năm mà Windows đời, đánh dấu phong cách giao diện hoàn toàn khác với hình start Flat Design, ban đầu gọi Metro Design Giải thích cho tên này, kĩ sư trưởng Windows cho biết, phong cách mà Metro Design hướng đến phong cách thiết kế biển báo ga tàu điện Metro: Đơn giản, gọn gàng, xúc tích Khi mà sống người ngày trở nên nhanh hơn, tư tưởng tư tưởng ủng hộ Từ khóa Metro thời gian sau bị thu hồi lý quyền 164 Flat Design Đặc trưng thiết kế phẳng - Màu đặc trưng màu pastel Bỏ hiệu ứng đổ bóng Bỏ hiệu ứng gradient Dùng font chữ không chân Dùng hình khối 165 Flat Design Google gia nhập chơi Cuộc chiến designer trở nên lớn hết Google gia nhập chơi với Material Design – Ngôn ngữ thiết kế Google 166 Flat Design Bóng quay trở lại Google đem bóng đổ trở lại với thiết kế phẳng, cách tối giản Hẳn bạn nhìn thấy icon với bóng dài đổ 45 độ Và bạn có câu trả lời cho Tự tay xây dựng xem bạn nhé: https://www.youtube.com/watch?v=p6m49ZpzCcU&list=PL9_gOzpFilwrYwBD6Cq9s4QzDNLwAs3jC 167 Flat Design Simple is the best Đơn giản nghĩa nhàm chán Bất dễ dàng học thiết kế phẳng, thiết kế phẳng đẹp Để tác phẩm đẹp, bạn cần thêm nhiều kinh nghiệm thiết kế Vì vậy, đừng ngừng luyện tập, bạn 168 Flat Design iOS với gradient Apple gia nhập chơi thiết kế phẳng với iOS Nếu Google đem bóng trở lại chơi Apple người hùng giữ hiệu ứng Gradient lại Vẫn cộng đồng chấp nhận thiết kế phẳng, nhiên Gradient theo cách Apple phải giữ màu sắc tươi sáng không bị lạm dụng để tạo chiều sâu cho tác phẩm 169 Blur & Flat Design Ứng dụng với Blur BackGround Thiết kế phẳng cho phép bạn dàn trải thông tin cách hiệu tập trung Đặc biệt ứng dụng vớ Blur Background Cùng thử tạo tác phẩm xem nào: https://www.youtube.com/watch?v=tgEynr9Upx0&index=2&list=PL9_gOzpFilwrYwBD6Cq9s4QzDNLwAs3jC 170 Tổng kết chương Tất bắt đầu Xin chúc mừng cảm ơn bạn nhiều hoàn thành sách Cuốn sách chứa đựng nhiều tâm huyết suy nghĩ Nhưng chưa phải tất cả, chuẩn bị phần sách cho bạn rồi, đón đọc thời gian tới 171 Danh sách phím tắt Nhóm Phím Tắt Hệ Thống FILE - CTRL + N (New): Tạo File - CTRL + O (Open): Mở file - CTRL + ALT + O (Open As): Mở file từ Adobe Bridge - CTRL + W (Close): Đóng File - CTRL + S (Save): Lưu file - CTRL + SHIFT + S (Save As): Lưu dạng khác - CTRL + ALT + S (Save a Copy): Lưu thêm copy - CTRL + P (Print): In ảnh Nhóm Lệnh Thao Tác Với Layer - CTRL + SHIFT + N: Tạo Layer - CTRL + J: Nhân đôi Layer - CTRL + SHIFT + J: Cắt Layer - CTRL + G: Tạo nhóm Layer - CTRL + SHIFT + G: Bỏ nhóm Layer - CTRL + SHIFT + ]: Chuyển Layer lên - CTRL + ]: Chuyển Layer lên - CTRL + [: Chuyển Layer xuống - CTRL + SHIFT + [: Chuyển Layer xuống - CTRL + E: Ghép Layer chọn - CTRL + SHIFT + E: Ghép tất Layer Các Lệnh Chọn SELECT Trong Photoshop - CTRL + A: Chọn tất - CTRL + D: Bỏ vùng chọn - CTRL + SHIFT + D: Chọn lại vùng chọn - CTRL + SHIFT + I: Nghịch đảo vùng chọn - CTRL + ALT + D: Mờ biên vùng chọn - CTRL + F: Lặp lại Filter cuối - CTRL + SHIFT + F: Chỉnh Opacity Brush 173 Danh sách phím tắt Các Phím Tắt Với Nhóm IMAGE - CTRL + L: Bảng Levels - CTRL + SHIFT + L: Tự động chỉnh Levels - CTRL + ALT + SHIFT + L: Tự động chỉnh Contrast - CTRL + M: Bảng Curves - CTRL + B: Bảng Color Blance - CTRL + U: Bảng Hue/Saturation - CTRL + SHIFT + U: Bảng Desaturate - CTRL + I: Bảng Invert Cách Lệnh Tắt Với Nhóm Lệnh EDIT - [: Phóng to nét bút - ]: Thu nhỏ nét bút - CTRL + Z: Trở lại bước vừa làm - CTRL + ALT + Z: Trở lại nhiều bước - CTRL + X: Cắt - CTRL + C: Copy - CTRL + SHIFT + C: Copy Merged - CTRL + V: Paste - CTRL + SHIFT + CTRL + V: Paste chồng lên - CTRL + T: Xoay hình / Chỉnh ti lệ - CTRL + SHIFT + T: Làm lại bước Free Transform Nhóm Phím Tắt VIEW - CTRL + Y: Xem màu CMYK - CTRL + SHIFT + Y: Xem gam màu hệ CMYK - CTRL + +: Phóng to - CTRL + –: Thu nhỏ - CTRL + 0: Xem hình tràn hình - CTRL + SHIFT + H: Ẩn đường Path - CTRL + R: Hiện thước - CTRL + ; Ẩn Guides - CTRL + SHIFT + ; Nhẩy Guides - CTRL + ALT + ; Khoá Guides - CTRL + “ Hiện lưới - CTRL + SHIFT + ‘ Nhẩy lưới 174 Danh sách phím tắt Nhóm Phím Tắt Công Cụ -Toolbar - V: Di chuyển - M: Tạo vùng chọn - L: Tạo vùng chọn tự - W: Tạo vùng chọn theo màu - C: Cắt hình - I: Chấm màu Thước kẻ - J: Chấm sửa chỗ chưa hoàn chỉnh - B: Nét bút - S: Lấy mẫu từ ảnh - Y: Gọi lại thông số cũ ảnh - E: Tẩy - G: Đổ màu/Đổ màu chuyển - : Mô tả tường miết tay - O: Làm tối ảnh - P: Tạo đường path vector - T: Viết chữ - A: Chọn đường Path Vector - U: Vẽ hình - H: Hand Tool - Z: Phóng to / nhỏ hình - D: Background - Color Quay màu ban dầu - X: Foreground - &: Đổi màu bảng mà 175 [...]... hoặc nhiều layer lại (chọn Layer, Ctrl + E) Đặt tên Layer (Double click vào tên layer) Chọn nhanh Layer (Ấn ctrl hoặc chọn auto-select) Tạo nhóm các layer (Ctrl + G) Xem qua clip sau để hiểu hơn về demo layer bạn nhé https://www.youtube.com/watch?v=1fpfSEF0aJk&index=2&list=PL9_ gOzpFilwpSPzpPu 6Z8 gWXID3woj7Wn Chú ý 1, Layer Menu ch a hết tất cả các tùy chỉnh cho layer 2, Nhớ chọn đúng layer trước khi... chữ trắng Layer thứ 2 chỉ có hình các bạn đội hộp nắm tay nhau Và layer cuối cùng là một background gổm rất nhiều chuối Bạn đã nắm được khái niệm về layer rồi đúng không? Giờ hãy nắm một số thao tác với layer nhé 19 Các thao tác cơ bản với lớp Danh sách phím tắt thao tác với layer Tạo Layer (Ctrl + Shift + N) X a Layer (Chọn layer - Delete) Thay đổi thứ tự các layer (Kéo thả trong layers panel) Gộp... trong clip sau bạn nhé https://www.youtube.com/watch?v=Bejv7yHg4Io&list=PL9_gOzpFilwpSPzpPu 6Z8 gWXID3woj7Wn&index=3 23 Biến dạng lớp (transform tool) Transform Tool – Skew Transform tool, có phím tắt là Ctrl+T, là công cụ cho phép bạn làm một số phép biến đổi hình cơ bản như phóng to, thu nhỏ, quay, lật gương… Cùng xem qua một lượt các công cụ này trong clip sau bạn nhé https://www.youtube.com/watch?v=Bejv7yHg4Io&list=PL9_gOzpFilwpSPzpPu 6Z8 gWXID3woj7Wn&index=3... (transform tool) Transform Tool – Perspective Transform tool, có phím tắt là Ctrl+T, là công cụ cho phép bạn làm một số phép biến đổi hình cơ bản như phóng to, thu nhỏ, quay, lật gương… Cùng xem qua một lượt các công cụ này trong clip sau bạn nhé https://www.youtube.com/watch?v=Bejv7yHg4Io&list=PL9_gOzpFilwpSPzpPu 6Z8 gWXID3woj7Wn&index=3 26 Biến dạng lớp (transform tool) Transform Tool – Warp Transform... https://www.youtube.com/watch?v=LG-ksFqz1UE&index=1&list=PL9_gOzpFilwpSPzpPu 6Z8 gWXID3woj7Wn 31 Công cụ chọn vùng (selection tool) Công cụ chọn vùng – Chọn vùng d a trên độ tương phản Công cụ chọn vùng cho phép bạn chọn một phần c a bức hình để cắt ghép ảnh Xem qua clip này để hiểu hơn các công cụ chọn vùng bạn nhé https://www.youtube.com/watch?v=LG-ksFqz1UE&index=1&list=PL9_gOzpFilwpSPzpPu 6Z8 gWXID3woj7Wn... to, thu nhỏ, quay, lật gương… Cùng xem qua một lượt các công cụ này trong clip sau bạn nhé https://www.youtube.com/watch?v=Bejv7yHg4Io&list=PL9_gOzpFilwpSPzpPu 6Z8 gWXID3woj7Wn&index=3 22 Biến dạng lớp (transform tool) Transform Tool – Rotate Transform tool, có phím tắt là Ctrl+T, là công cụ cho phép bạn làm một số phép biến đổi hình cơ bản như phóng to, thu nhỏ, quay, lật gương… Cùng xem qua một lượt các... https://www.youtube.com/watch?v=Bejv7yHg4Io&list=PL9_gOzpFilwpSPzpPu 6Z8 gWXID3woj7Wn&index=3 24 Biến dạng lớp (transform tool) Transform Tool – Distort Transform tool, có phím tắt là Ctrl+T, là công cụ cho phép bạn làm một số phép biến đổi hình cơ bản như phóng to, thu nhỏ, quay, lật gương… Cùng xem qua một lượt các công cụ này trong clip sau bạn nhé https://www.youtube.com/watch?v=Bejv7yHg4Io&list=PL9_gOzpFilwpSPzpPu 6Z8 gWXID3woj7Wn&index=3... đã hình dung ra, hệ màu CYMK là viết tắt c a 4 màu: C (Cyan) M (Magneta) Y (Yellow) và K (Key-Black) Tại sao lại là K chứ không phải B? Vì ở đây, màu đen có vai trò rất quan trọng trong việc ấn định độ sáng tối c a điểm ảnh sau khi đã được phối màu từ 3 màu còn lại 14 Hệ màu RGB Hệ màu RGB Nếu như hệ màu CMYK chuyên được dùng trong in ấn, thì hệ màu RGB lại chuyên dùng trong hiển thị Đã bao giờ bạn thắc... https://www.youtube.com/watch?v=LG-ksFqz1UE&index=1&list=PL9_gOzpFilwpSPzpPu 6Z8 gWXID3woj7Wn 28 Công cụ chọn vùng (selection tool) Công cụ chọn vùng – Chọn vùng chữ nhật Công cụ chọn vùng cho phép bạn chọn một phần c a bức hình để cắt ghép ảnh Xem qua clip này để hiểu hơn các công cụ chọn vùng bạn nhé https://www.youtube.com/watch?v=LG-ksFqz1UE&index=1&list=PL9_gOzpFilwpSPzpPu 6Z8 gWXID3woj7Wn 29 Công cụ chọn... quay, lật gương… Cùng xem qua một lượt các công cụ này trong clip sau bạn nhé https://www.youtube.com/watch?v=Bejv7yHg4Io&list=PL9_gOzpFilwpSPzpPu 6Z8 gWXID3woj7Wn&index=3 27 Công cụ chọn vùng (selection tool) Công cụ chọn vùng – Chọn vùng tròn Công cụ chọn vùng cho phép bạn chọn một phần c a bức hình để cắt ghép ảnh Xem qua clip này để hiểu hơn các công cụ chọn vùng bạn nhé https://www.youtube.com/watch?v=LG-ksFqz1UE&index=1&list=PL9_gOzpFilwpSPzpPu 6Z8 gWXID3woj7Wn ... niệm layer không? Giờ nắm số thao tác với layer 19 Các thao tác với lớp Danh sách phím tắt thao tác với layer Tạo Layer (Ctrl + Shift + N) X a Layer (Chọn layer - Delete) Thay đổi thứ tự layer... thả layers panel) Gộp nhiều layer lại (chọn Layer, Ctrl + E) Đặt tên Layer (Double click vào tên layer) Chọn nhanh Layer (Ấn ctrl chọn auto-select) Tạo nhóm layer (Ctrl + G) Xem qua clip sau để... Banner, poster, standee, avatar, cover, bạn muốn tự tay xây dựng chúng? Chỉnh s a ảnh Làm trắng da, mịn da, tẩy mụn, nhuộm tóc… hay chỉnh s a hình mà bạn tự chụp Những bạn có ch a có Bạn thường