Xây dựng một video clip ứng dụng bộ phần mềm adobe

Trường Đại Học Hịa Bình KHOA CƠNG NGHỆ THƠNG TIN  ĐỒ ÁN TỐT NGHIỆP ĐỀ TÀI: Xây dựng video clip ứng dụng phần mềm ADOBE Giáo viên hướng dẫn Sinh viên thực Lớp : TS Nguyễn Đăng Minh : Nguyễn Văn Thế : 513CNT Hà Nội, ngày … tháng …, 2017 LỜI CẢM ƠN Lời cho em gửi lời cảm ơn đến toàn thầy cô giáo giảng dạy khoa Công nghệ thông tin truyền đạt cho em kiến thức quý báu năm học vừa qua Em xin gửi lời cảm ơn tới thầy Nguyễn Đăng Minh tận tình giúp đỡ , bảo em , truyền đạt cho em kiến thức , kinh nghiệm, kĩ thuật cách thức việc xây dựng đề tài suốt thời gian làm đồ án tốt nghiệp Do thời gian có hạn, q trình xây dựng website khơng thể tránh sai sót, mong nhận thơng cảm đóng góp từ thầy bạn Em xin chân thành cảm ơn Hà Nội, ngày tháng năm 2017 Sinh viên Nguyễn Thế Hiển Chương I: Tổng quan 1.1: Lời mở đầu Trong thời buồi phát triển CNTT, phần mềm vi sử lý mạnh nhiêu chắn màng đến đột phá thức sử dụng Và điều chứng minh mà bạn chứng kiến, phim hoạt hình, video quảng cáo… nhiều xa minh chứng rõ Khơng cịn khn khổ loại hình kỹ thuật số, quảng cáo motion graphic hay quảng cáo animation ứng dựng rộng quảng cáo marketing Theo Hubspot, 90% thơng tin truyền đến não hình ảnh, hình ảnh não xử lý nhanh 60.000X lần so với văn bản, 40% số người phản ứng với thông tin trực quan tốt với văn Hiểu tiềm có nhiều nhà marketing ứng dụng tiềm để sử dụng vào việc quảng cáo sản phẩm dựa mảnh đất màu mỡ “Mạng Xã Hội“ Chỉ tháng sau facebook timeline khai sinh, facebook cho phép việc trình bày video hình ảnh dễ dàng rất nhiều, số lượng engagement tăng 65% so với thời điểm trước Thời đại thiết kế tăng tương tác tất người có điện thoại kết nối với internet, việc quan trọng cung cấp cho người xem cách tiếp cận dễ dàng để xem chia sẻ videos từ trang mạng xã hội, hay websites 1.2: Tổng quan phần mềm đồ họa 1.2.1 Adobe Photoshop: Adobe Photoshop phần mềm tiếng lĩnh vực xử lý ảnh Phần mềm hãng Adobe viết sử dụng rộng rãi khắp giới khoảng hai thập niên trở lại Photoshop phần mềm đồ họa chuyên dụng nói cách dễ hiểu dùng để chỉnh sửa hình ảnh, sử dụng thiết kế trang web, hỗ trợ vẽ tranh, vẽ texture cho chương trình 3D gần hoạt động liên quan đến ảnh bitmap Adobe Photoshop có khả tương thích với hầu hết chương trình đồ họa khác Adobe Adobe Illustrator, Adobe Premiere,After After Effects Adobe Encore Adobe Photoshop sử dụng để :+ Đưa ảnh từ nguồn khác vào xử lý - Từ máy quét nghĩa ảnh in ra- Từ nhớ đệm Clipboard- Từ ảnh có sẵn máy tính+ Cho sản phẩm ảnh tốt hơn- Cắt bớt phần thừa- Tẩy xố phần khơng cần thiết+ Tạo hiệu ứng sinh động- Tạo hiệu ứng nhờ lớp ảnh (layer)- Tạo hiệu ứng nhờ lọc (filter)- Rất nhiều hiệu ứng đa dạng khác 1.2.2 Adobe Illustrator: Adobe Illustrator chương trình đồ họa vector, tạo tảng cần thiết cho nghề thiết kế đồ họa Illustrator tạo hình dạng bản: thông qua lệnh công cụ, chép kết hợp đối tượng để tạo hình dạng mới, chọn thay đổi phần đối tượng công cụ Selection, tô vẽ đối tượng, cung cấp nhiều hiệu ứng 3D để vẽ hình khối, vật thể, xử lý hình ảnh liên quan đến cơng việc dàn trang báo chí Illustrator thường dùng để vẽ hình minh họa, phim hoạt hình, sơ đồ, biểu đồ biểu tượng Khơng giống hình ảnh bitmap lưu trữ thơng tin lưới điểm, Illustrator sử dụng phương trình tốn học để vẽ hình dạng khác với bạn học photoshop Điều làm cho SVG mà không làm độ phân giải Ưu điểm phần mềm Illustrator: – Khả mở rộng mà khơng độ phân giải – Dịng rõ nét sắc nét kích cỡ – In độ phân giải cao – Kích thước file nhỏ – Hay sử dụng cho việc vẽ minh họa + Illustrator có ưu điểm màu sắc chuẩn xác đẹp in ra, đường vẽ sắc xảo (tương đương độ phân giải 800 dpi), Illustrator thích hợp dùng để thiết kế ấn phẩm in công nghiệp vẽ kỹ thuật hay hình ảnh đồ họa cho web + Thành thạo Adobe Illustrator, bạn hồn thành tốt cơng việc sau : Minh họa sách báo, Thiết kế logo, Tạo sản phẩm tờ rơi, Card Visit, Broucher, Profile,vẽ hoạt hình, tích hợp chuyển động cho Flash với ưu diểm dễ dàng thay đổi trao đổi liệu ,kích thước file nhẹ, dễ dàng tương thích với Photoshop, Corel Draw, hỗ trợ in ấn tốt Nhược điểm Đồ hoạ vector:- Hình vẽ có xu hướng phẳng giống hoạt hình.- Khó để thực vẽ ảnh thật.Ứng dụng phổ biến Illustrator 1) Thiết kế logo 2) Vẽ đồ 3) Vẽ hình hoạ 4) Biểu đồ thơng tin 5) Vẽ tranh tả thực 6) Thiết kế bao bì 1.2.3 Adobe Premiere Pro: Adobe Premiere Pro phần mềm hiệu chỉnh video, người dùng chép, hiệu chỉnh chia sẻ video net, radio, đĩa thiết bị Premiere Pro sử dụng chế cho phép nhập, biên tập xuất video với chất lượng cao HD (high-definition) Tuy nhiên, để làm việc tốt với video chất lượng HD yêu cầu hệ thống máy tính người dùng phải mạnh, lượng RAM lớn đĩa cứng có tốc độ cao, dung lượng cịn trống lớn Adobe Premiere Pro CC - Cơng cụ chỉnh sửa video chuyên nghiệpPhần mềm Adobe Premiere Pro CC kết hợp hiệu suất đáng kinh ngạc với giao diện người dùng cải tiến, đẹp mắt loạt tính mới, bao gồm Warp Stabilizer – ổn định phân cảnh, xếp tiến độ hợp lý, điều chỉnh multicam mở rộng, layer điều chỉnh… Phần mềm dựng phim Adobe Premiere Pro sở hữu nhiều ưu điểm vượt trội vô mạnh mẽPhần mềm dựng phim Adobe Premiere có chất lượng hàng đầu giới, Editor (người dựng phim) chuyên nghiệp lựa chọn Premiere hỗ trợ đa tảng hệ điều hành, tức bạn hồn tồn cài đặt Premiere Mac OS Apple Windows phiên khác Một ưu điểm quan trọng u cầu cấu hình máy tính để chạy Premiere khơng cao, phù hợp với tất bạn bước đầu tìm hiểu mà khơng cần tốn chi phí nâng cấp thiết bị 1.2.4 Adobe Audition: Adobe Audition phần mềm thu âm chuyên nghiệp giúp người dùng dễ dàng tùy chỉnh biên tập lại chất giọng hay hát Phần mềm dễ sử dụng với người bước chân vào lĩnh vực Adobe Audition phát hành Adobe Systems, công ty phần mềm tiếng với sản phẩm phầ mềm chỉnh sửa ảnh Adobe Photoshop, phần mềm xử lý PDF Adobe Acrobat, phần mềm đọc file PDF Adobe Reader, công cụ hỗ trợ Flash Adobe Flash Player Với Adobe Audition, Người dùng cần máy tính cá nhân có hỗ trợ sử dụng headphone dễ dàng làm việc với Adobe Audition Phần mềm thu âm Adobe Audition cung cấp cho người dùng nhiều tính để biên tập hát lọc tạp âm, hiệu chỉnh âm trầm, âm bỏng, giảm âm hát Nhằm giúp cho người dùng dễ sử dụng, Adobe Audition cung cấp cho bạn hướng dẫn chi tỉ mỉ Chỉ cần làm theo hướng dẫn bạn làm thu âm đơn giản.Nhìn chung, Adobe Audition cung cấp cho tất cơng cụ để xử lý âm chun nghiệp Ngồi bạn tham khảo thêm phần mềm hỗ trợ chỉnh sửa âm người dùng đánh giá cao như: FL Studio, GoldWave, Reason Tính Adobe Audition:- Cung cấp tính cần thiết cho việc biên tập nhạc - Hỗ trợ hầu hết định dạng âm - Tích hợp cơng nghệ điện toán đám mây - Hỗ trợ biên tập video - Có chức báo phiên - Hỗ trợ với sản phẩm khác Abode - Hỗ trợ nhiều định dạng ngôn ngữ - Biên tập âm sử dụng cho nhiều mục đích khác - Tăng tốc độ hoàn thành file audio: Chỉnh sửa, thiết kế âm thanh, xử lý, mix, tối ưu hóa phim, video, radio… nhanh hơn- Chỉnh sửa audio chuẩn xác: Mix hoàn hảo cho sản phẩm Sắp xếp clip, điều chỉnh tốc độ, sửa lỗi audio, thiết kế âm thanh, chuyển sản phẩm tới nhóm chuẩn xác.- Phối hợp hiệu quả: Tích hợp cơng cụ audio chất lượng cao với phần hậu kỳ, phát hành, phát triển phim, game… Biên tập hậu kỳ với phần mềm Adobe Premiere Pro trao đổi sản phẩm với NLE DAW dễ dàng 10 Hình 3.4.5: Tạo chuyển động cho mặt trời mây (2) Hình 3.4.6: Tạo chuyển động cho mũ, nhân vật thuyền 47 Hình 3.4.7: Tạo chuyển cảnh lần Hình 3.4.8: Tạo chuyển động cho nhân vật xe, chuyển cảnh lần 48 Hình 3.4.9: Tạo chuyển động cho xe xe phụ Hình 3.4.10: Tạo chuyển động cho Text - 49 Hình 3.4.11: Tạo chuyển động cho Text - Hình 3.4.12: Tạo chuyển động cho xe text 50 Hình 3.4.13: Tạo chuyển cảnh lần Hình 3.4.14: Tạo chuyển động cho bối cảnh 51 Hình 3.4.15: Tạo hiệu ứng gia tốc cho chuyển động Hình 3.4.16: Tạo chuyển cảnh lần 4, bố trí bối cảnh 52 Hình 3.4.17: Tạo chuyển động cảnh lúc Hình 3.4.18: Tạo chuyển động cho bối cảnh 53 Code chuyển động rung lắc không cố định tạo cảm giác mượt mà: (2) Không sử dụng chuyển động đồ họa mà cịn viết code để tăng thêm hiệu ứng chuyển động thị giác cho chủ thể nhằm tạo độ mượt mà tự nhiên cho chuyển động // Inertial Bounce (moves settle into place after bouncing around a little) n = 0; if (numKeys > 0){ n = nearestKey(time).index; if (key(n).time > time){ n ; } } if (n == 0){ t = 0; }else{ t = time - key(n).time; } if (n > 0){ v = velocityAtTime(key(n).time - thisComp.frameDuration/10); amp = 2; freq = 2.0; decay = 4.0; value + v*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t); }else{ value; } 54 Hình 3.4.19: Tạo chuyển động cho bối cảnh Hình 3.4.20: Tạo chuyển động cho nhà 55 Code chuyển động rung lắc kiểu 2: (2) Đây kiểu rung lắc theo hình chng với gia tốc nhanh: veloc = 20; amplitude = 30; decay = 1; amplitude*Math.sin(veloc*time)/Math.exp(decay*time) Hình 3.4.21: Tạo bố cục 3D 56 Hình 3.4.22: Tạo chuyển động cho camera Hình 3.4.23: Tạo chuyển động cho tên Clip 57 Hình 3.4.24: Tạo hiệu ứng cho tên Clip Hình 3.4.25: Tạo chuyển động camera tên Clip 58 Hình 3.4.26: ghép đoạn Clip nhỏ lại với lồng nhạc CHƯƠNG 4: KẾT QUẢ ĐẠT ĐƯỢC CỦA ĐỒ ÁN HƯỚNG PHÁT TRIỂN Như trình nghiên cứu xây dựng Clip Motion Graphic dựa công cụ Adobe Em xây dựng hồn thành Clip Motion Graphic qua ta thấy rõ tính ứng dụng cao nhu cầu ngành công nghiệp thiết kế đồ họa Trong trình nghiên cứu xây dựng Clip Motion Graphic, em có gặp thuận lợi khó khăn định: Thuận lợi: -Đã có thời gian thực tập thiết kế đồ họa motion graphic -Đã tìm nguồn tài liệu hữu ích 59 -Được hướng dẫn tận tình, nhiệt tình thầy giáo hướng dẫn Khó khăn: -Chưa có kinh nghiệm sâu lĩnh vực animation -Thời gian nghiên cứu ngắn hạn -Nguồn tài liệu mạng nhiều khó xác định Với kết Clip Motion Graphic ngắn nhiều thiếu xót chuyển động chưa thật nhịp nhàng Tuy chưa thực hoàn thiện, chưa đẹp, chưa thực tối ưu, hay hoàn toàn đạt chuẩn thị trường motion graphic thực tế, Clip thành phẩm q trình làm đồ án Qua Đồ Án khơng hồn tồn đơn giản hướng dẫn người đọc xây dựng Clip Motion Graphic, mà bên cạnh cho người đọc thấy chức năng, lợi ích vai trị tương lai thị trường Motion Graphic tương lai Bên cạnh góp phần xua tan nỗi lo lắng sinh viên việc khơng biết ngành thiết kế đầu có cịn hội cho hay khơng? Tất thứ cần nắm rõ khóa luận bao gồm : - Adobe Illustrator - Adobe Photoshop - Adobe Premiere - Adobe After Effect - Adobe Audition Adobe phần mềm mạnh mẽ sử dụng rộng rãi thông dụng ngành thiết kế đồ họa Hướng phát triển: Clip dồn thành chuyển động chưa mượt liên tục Em cố gắng hoàn thiện phần cịn thiếu sót clip, thêm vào số phân cảnh chuyển động Tài Liệu Tham Khảo: 60 Giáo trình thiết kế Arena Multimedia 1.1 Giáo trình Adobe Photoshop 1.2 Giáo trình Adobe Illustrator 1.3 Giáo trình Adobe After Effects 1.4 Giáo trình Adobe Audition 1.5 Giáo trình Adobe Premiere Khóa học Online Redcat Motion (Leo Dinh) Giới thiệu Motion Graphic (Yolo Digital) 61