Ứng dụng đám mây sáng tạo Adobe Edge

• Có Thể 19, 2024

HTML5, JavaScript và CSS3 đã trở nên gần như phổ biến như Flash để tạo hoạt hình tương tác cho web, máy tính bảng và điện thoại. Adobe^R Edge Animate và các ứng dụng Edge khác là phần mềm rất thân thiện với người dùng với nhiều cài đặt trước để giúp công việc của bạn dễ dàng hơn.

Hoạt hình dòng thời gian vẫn là cách phổ biến nhất để tạo hiệu ứng động và Adobe đã làm cho nó dễ dàng hơn với các đường chuyển động Edge Animate mới, có thể bắt chước các chuyển động trong thế giới thực và với việc nới lỏng tích hợp. Bạn có thể dễ dàng thêm hoạt hình dọc theo dòng thời gian bằng nút Ghim thêm các điểm đánh dấu hoạt hình vào dòng thời gian hoặc bằng cách kéo và thả vị trí của các đối tượng trên sân khấu mà Edge Animate tự động chuyển đổi thành các đường chuyển động. Bạn thậm chí có thể sử dụng nút Ghi để ghi lại các thay đổi bạn thực hiện cho các đối tượng trên sân khấu và chuyển đổi các thay đổi này thành hoạt hình khung chính. Edge cũng có phiên bản bảng điều khiển Hành động riêng, không bị lộn xộn với mỗi hành động có tab riêng trong bảng điều khiển. Việc kiểm tra hoạt hình của bạn thật dễ dàng với sự kết hợp giữa Adobe Edge và trình duyệt Google Chrome.

Nếu bạn đã quen thuộc với hoạt hình Flash, bạn sẽ nhận thấy rằng việc thêm tính tương tác trong Edge giống với quy trình làm việc Flash ở chỗ bạn có thể sử dụng các mốc thời gian lồng nhau cho từng thành phần hoạt hình và áp dụng các đoạn mã được cài đặt sẵn cho các tương tác và hoạt hình phổ biến nhất. Các đoạn mã này xử lý cả hoạt hình phát lại như phát, tạm dừng, tiếp tục và dừng cũng như tạo các vùng nóng cho các hành động nút cơ bản như nhấp, di chuột và thậm chí siêu liên kết. Để thêm mã tùy chỉnh vào các đoạn mã này, bạn có thể nhập trực tiếp vào bảng Hành động. Tất nhiên, bạn có thể tự viết mã HTML5, JavaScript và CSS3 của mình trong bảng Hành động. Vì loại lập trình web và hoạt hình này thường dựa vào các Thư viện JavaScript bên ngoài, bạn thậm chí có thể thêm liên kết đến các nguồn bên ngoài này.

Hoạt hình chỉ là một phần của những gì bạn có thể làm với nhóm ứng dụng Edge. Một trong những khía cạnh quan trọng nhất của thiết kế web là tạo ra một trang web đáp ứng hoặc linh hoạt cho tất cả các loại màn hình từ máy tính để bàn đến điện thoại di động. Điều này được thực hiện với các truy vấn phương tiện và bố cục lưới dựa trên tỷ lệ phần trăm, cả hai đều là một phần của các công cụ được tìm thấy trong Edge Reflow. Edge Reflow là môi trường làm việc WYSIWYG tạo mã cho dự án của bạn. Mã này được cập nhật cho các tiêu chuẩn web mới nhất, đặc biệt là WebKit ngày càng được hỗ trợ bởi mọi thứ từ trang web đến trình đọc ebook.

Xây dựng bố cục trong Edge Reflow dễ dàng như vẽ các thùng chứa div HTML lên lưới bằng công cụ Box và việc định vị tuyệt đối các div này cho phép chúng thay đổi kích thước hoặc biến đổi khi cần cho từng kích thước màn hình. Cái này hoạt động ra sao? Bí mật là Truy vấn phương tiện mà bạn có thể tùy chỉnh trong Trình quản lý truy vấn phương tiện bằng cách đặt tham số tối thiểu và tối đa cho ba hoặc nhiều độ phân giải màn hình. Các tham số này sẽ xác định khi thiết kế sẽ biến đổi lên hoặc xuống cho kích thước màn hình gần nhất. Tôi thực sự thích các điểm đánh dấu hình ảnh được mã hóa màu cho từng kích thước màn hình ở trên cùng của không gian làm việc giúp bạn hình dung khi những thay đổi này sẽ xảy ra.

Một trong những tính năng Edge tiết kiệm thời gian nhất là cách bạn có thể dễ dàng sử dụng lại các kiểu CSS3 tùy chỉnh của mình qua một số dự án và do đó duy trì các kiểu nhất quán. Điều này cũng làm cho việc cập nhật gần như tự động. Adobe đã biến điều này thành một phần trong quy trình làm việc của bạn với bảng điều khiển Edge Reflow Styling. Để giữ cho mọi thứ không lộn xộn, mỗi phong cách, chẳng hạn như nền hoặc đường viền, có phần riêng của nó. Bạn có thể kiểm soát màu sắc và các tham số khác, cũng như phân cấp các lớp, trực tiếp từ trong các tab này. Các kiểu tùy chỉnh này được tự động chuyển đổi thành các quy tắc kiểu CSS, sau đó có thể được sao chép / dán để sử dụng lại.

Trước đây, để xem trước trang web của bạn, bạn cần lưu các thay đổi, chuyển sang trình duyệt web và làm mới trang. Adobe đã giảm số lượng các bước này bằng cách sử dụng kết hợp Edge Inspect và trình duyệt Chrome. Bây giờ bạn có thể xem trước cách dự án của bạn sẽ hiển thị trên nhiều thiết bị từ máy tính để bàn, máy tính bảng đến điện thoại di động. Một tính năng tôi thực sự thích là khả năng chụp ảnh màn hình của các bản xem trước này để gửi email cho khách hàng và thành viên nhóm hoặc sử dụng trên Creative Cloud để cộng tác.

Cuối cùng, đối với những người trong chúng ta vẫn thích làm việc với mã thô, Adobe có Edge Code. Cửa sổ mã không bị lộn xộn chỉ với một vài điều khiển ở bên trái và Edge Code tích hợp với Google Chrome để cung cấp cho bạn bản xem trước trực tiếp. Khi mã của bạn trở nên dài và khó sử dụng, bạn có thể đi sâu vào cấp độ phần tử riêng lẻ bằng cách sử dụng tính năng Chỉnh sửa nhanh, liệt kê tất cả các kiểu được đính kèm với một phần tử trong cửa sổ lớp phủ. Vì các ứng dụng Edge là một phần của Creative Cloud, bạn có thể sử dụng phông chữ Adobe Edge Web Fonts, Google Web Fonts và Typekit trực tiếp từ bên trong Edge Code. Edge Code sẽ tạo thẻ script tiêu đề kéo theo phông chữ bên ngoài.

Vì HTML5, JavaScript và CSS3 đang nhanh chóng thay thế các kỹ thuật hoạt hình cũ vì sự phổ biến của thiết bị di động, các ứng dụng Edge tích hợp này cũng như tích hợp của chúng với các ứng dụng Adobe khác là thế hệ tiếp theo của quy trình phát triển và thiết kế nhiều thiết bị.

Tiết lộ: Tôi không được bồi thường về mặt tài chính cho bài viết này. Adobe đã cung cấp tư cách thành viên Creative Cloud cho mục đích đánh giá này.Các ý kiến ​​hoàn toàn của riêng tôi dựa trên kinh nghiệm của tôi.

Bản quyền 2018 Adobe Systems Incorporated. Đã đăng ký Bản quyền. (Các) ảnh chụp màn hình sản phẩm Adobe được in lại với sự cho phép của Adobe Systems Incorporated. Adobe, Photoshop, Album Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Đóng góp, Cap activate, Flash Catalyst và Flash Paper là / là [a] nhãn hiệu đã đăng ký [s] hoặc nhãn hiệu [s] của Adobe Systems Incorporated tại Hoa Kỳ và / hoặc các quốc gia khác.

Video HướNg DẫN: Ghép mây và xử lý bầu trời | how to retouch sky | HPphotoshop.com (Có Thể 2024).