Ảo tưởng về chuyển động trong thiết kế đồ họa

Bạn có thể không phải là bậc thầy thời kỳ phục hưng, nhưng bằng cách sử dụng một số kỹ thuật thiết kế đơn giản nhất định, bạn có thể khơi gợi trải nghiệm thể chất và tinh thần cho người xem bằng cách làm cho thiết kế của bạn chuyển động — ngay cả khi chuyển động đó chỉ là ngụ ý.

Hãy tiếp tục đọc để tham quan các kỹ thuật hiệu quả này.

Có ba loại chuyển động chính trong thiết kế:

• • Kinetic — cách thiết kế thay đổi vị trí của chúng trong không gian và thời gian
  • Nhịp điệu — chúng dẫn đường cho đường nét, hình thức và màu sắc dẫn dắt mắt trong suốt bố cục
  • Chuyển động ảo ảnh (hoặc ảo ảnh chuyển động) —cách các phần tử tương tác với nhau để ngụ ý chuyển động

Trong bài viết này, chúng tôi sẽ tập trung chủ yếu vào cách tạo ra chuyển động ảo diệu trong thiết kế.

Đưa họ đi dạo
–

Thương hiệu của bạn thực sự có thể liên quan đến chuyển động thể chất, tinh thần hoặc tâm hồn hoặc đơn giản là bạn có thể muốn nổi bật so với các thiết kế của đối thủ cạnh tranh. Trong cả hai trường hợp, một thiết kế sử dụng chuyển động ảo ảnh có thể mang lại cho bạn lợi thế mà bạn đang tìm kiếm.

Bằng cách sử dụng ảo ảnh chuyển động, bạn có thể tiếp cận và chạm vào khách hàng của mình thông qua một hiện tượng gọi là sự đồng cảm động học: một hành động nhận thức trong đó người quan sát tái tạo hoặc vô tình một cách cố ý hoặc vô tình một hành động hoặc chuyển động mà họ chỉ nhìn thấy. Cảm giác có thể mạnh mẽ đến mức người xem bị kéo về phía trước, thúc về phía sau hoặc thậm chí lắc lư từ bên này sang bên kia như một chuyến đi tàu lượn siêu tốc nhỏ! Điều này ngay lập tức thu hút bạn vào mối quan hệ trực quan với khách hàng tiềm năng của bạn.

Hãy nhớ rằng sự đơn giản là chìa khóa. Sử dụng nhiều hơn một kỹ thuật chuyển động ngụ ý trên một bố cục nhất định có thể làm rối mắt và thậm chí khiến người xem buồn nôn. Ngoài ra, hãy cẩn thận khi sử dụng phương pháp “đường viền mờ” trên các kiểu chữ. Có một ranh giới nhỏ giữa hiệu quả và loại quá mức cần thiết khiến phông chữ khó đọc.

Sự kết hợp màu sắc và bóng râm cũng cần được xử lý cẩn thận. Màu và sắc thái nóng hơn có xu hướng bật ra, trong khi những màu lạnh hơn có thể lùi vào nền. Hãy lưu ý xem hiện tượng này có thể ảnh hưởng như thế nào đến nhận thức về hướng chuyển động trong thiết kế của bạn. Nói chung, chất màu này áp dụng cho nhịp điệu của bố cục nhiều hơn là chuyển động ảo ảnh, nhưng nó có thể là một trong những vấn đề chéo đó, vì vậy hãy đảm bảo độ tương phản không hoạt động ngược lại chuyển động cảm nhận mong muốn trong thiết kế của bạn.

Ở đây, chúng tôi sẽ trình bày chi tiết về 9 kỹ thuật có thể được sử dụng để tạo ra ảo giác chuyển động.

Hãy bắt đầu di chuyển!
–

Đường chuyển động

Sử dụng kỹ thuật đường chuyển động đơn giản, một vật thể có vẻ trơ có thể nhanh chóng được truyền cảm giác chuyển động. Kỹ thuật này là dễ nhất và trực quan nhất. Trẻ em từ một đến chín mươi hai thường sẽ tự động áp dụng nó khi vẽ các hình que. Một vòng tròn cho đầu, ba đường cho thân, một vài đường ngang phía sau và BOOM! Dính con số trong hành động. Đôi khi giải pháp đơn giản nhất thực sự là tốt nhất.

Loạn trung bình

Di chuyển trong nước tạo ra chuyển động của sóng hoặc đánh thức. Điều này cũng đúng đối với các vật thể đang cháy hoặc những vật thể di chuyển qua các loại vật chất khác. Chứng minh một vật thể làm xáo trộn môi trường của nó như thế nào là một cách đơn giản khác để biểu thị chuyển động.

Kỹ thuật này thực sự là một phiên bản khác của đường chuyển động. Cả hai đều chỉ ra hiệu ứng của một vật thể di chuyển trong không gian, nhưng trong khi các đường chuyển động mang tính gợi ý, nhiễu loạn trung bình sẽ bổ sung thêm chi tiết. Mức độ chi tiết có thể thay đổi từ cách điệu đến hiện thực — sự lựa chọn là của bạn. Như bạn có thể thấy từ ví dụ Orange Fury, màu cam này đang trở nên nóng bỏng!

Dự kiến ​​chuyển động

Kỹ thuật này sử dụng gợi ý chuyển động trên bề mặt hai chiều cố định. Thành công của nó dựa trên sự tiếp xúc trước đó của người quan sát với một kịch bản có thể so sánh được — giống như một con khỉ nhảy. Tất cả chúng ta đều đã từng xem một video slo-mo về một con khỉ nhảy về phía trước (nếu bạn chưa xem, hãy xem YouTube. Thật hấp dẫn). Nếu chúng ta nhìn thấy một con khỉ đang chồm tới như sắp nhảy lên cành cây, chúng ta sẽ tự động được kích hoạt để quay lại video đó, hiện đã được lưu trong tâm trí của chúng ta. Phản ứng này diễn ra khi chúng ta nhìn thấy một thiết kế của bất kỳ sinh vật nào trong chuyển động được dự đoán trước. Chúng ta có thể cảm nhận được chuyển động tiếp theo sẽ như thế nào.

Nhiều hình ảnh
–

Bắt đầu. Thay đổi. Ngừng lại. Đó là một chu kỳ của hành động. Nhiều hình ảnh là một kỹ thuật cấu trúc mô tả một chu kỳ hành động bằng cách trình bày đối tượng ở các tư thế khác nhau để truyền đạt một câu chuyện cho người quan sát. Ngày nay, việc làm phim kỹ thuật số đã trở thành tiêu chuẩn, nhưng tất cả các bạn khủng long ngoài kia sẽ nhớ rằng ngày xưa, phim xenlulo hoạt động trên cùng một nguyên tắc – ghép nhiều hình ảnh lại với nhau để tạo ra ảo ảnh chuyển động.

Minh bạch

Trong kỹ thuật này, các dạng của các độ mờ khác nhau được xếp chồng lên nhau để tái tạo chuyển động. Nếu đôi cánh của con chim ruồi trong logo Astoryo bị mờ, nó sẽ đơn giản giống như một dị nhân với bốn bộ cánh. Nhưng, bởi vì đôi cánh trong suốt, chúng ta hiểu rằng con chim có một bộ cánh, chỉ là chúng ta đang nhìn thấy quá trình phạm vi chuyển động của nó.

Đường viền bị mờ

Các đối tượng đang chuyển động nhanh chóng xuất hiện loại mờ. Hiện tượng này khiến chúng ta liên tưởng các cạnh mờ với chuyển động. Giữ yên máy ảnh, chụp ảnh một đối tượng chuyển động nhanh khi nó đi qua ống kính và bạn sẽ có được hiệu ứng này mà không cần sử dụng thiết kế đồ họa. Trong những ví dụ này, kỹ thuật đường viền mờ mang lại cảm giác nhanh nhẹn đồng thời tạo hiệu ứng ma quái.

Đường lực

Đây là những đường thường vô hình (nhưng được gợi ý) hướng dẫn hướng chuyển động với điểm nhấn trực quan hấp dẫn cho ngụ ý của chuyển động. Trong bức tranh vẽ đại dương, hãy lưu ý cách các đường chéo có thể được vẽ bắt đầu từ phải sang trái ở ít nhất ba vị trí: ở đường bờ biển, nơi nước bọt trắng biến thành sóng và ở đỉnh sóng. Các đường này hội tụ khi chúng di chuyển sang trái về phía điểm biến mất, nơi chúng đâm vào một bản giao hưởng của các đường ngang, dọc và chéo, tạo ra cảm giác chuyển động hỗn loạn.

Chuyển động quang học

Cái này chuyển sang thể loại nhịp điệu, nhưng nó cũng tạo ra ảo giác về chuyển động, vì vậy nó nằm trong danh sách của chúng tôi. Các hình dạng cong có xu hướng hướng mắt theo các vòng tròn xung quanh bố cục. Đây được gọi là chuyển động quang học và cho phép người xem cảm nhận một cách linh hoạt các phần khác nhau của toàn bộ tác phẩm. Đi theo con đường của nhiệt, và bị lạc trong các vòng tròn của bờm của người thợ làm tóc badass này. Chờ một chút — chúng là hoa hồng!

Ảo ảnh quang học

Cuối cùng, chúng tôi đã cứu được một trong những kịch tính nhất — ảo ảnh con rắn. Nhìn chằm chằm vào nó đủ lâu, và nó bắt đầu di chuyển. Nguyên tắc hoạt động ở đây được gọi là chuyển động biểu kiến. Nó xảy ra bởi vì có quá nhiều sự lặp lại hình học và các dữ liệu khác tác động đến các phần khác nhau của võng mạc của chúng ta cùng một lúc. Mẹ con của các chi tiết này được chuyển tiếp đến vỏ não thị giác của chúng ta ngay lập tức, và hoàn toàn là một thứ khiến tâm trí bị đánh lừa khi tin rằng có chuyển động.

Di chuyển nó
–

Chuyển động ảo diệu là cách bạn tham gia vào một cuộc đối thoại về thể chất và tinh thần với khán giả của mình. Tiếp cận và thu hút sự chú ý của họ bằng những thiết kế khiến họ cảm động. Bạn nhận được thêm điểm tín dụng nếu tâm trạng của kỹ thuật chuyển động ngụ ý tương ứng với thiết kế của bạn và câu chuyện bạn đang cố gắng kể. Khách hàng của bạn có thể không nhận ra điều đó một cách có chủ ý, nhưng họ sẽ cảm nhận được tính xác thực của tác phẩm của bạn nếu các yếu tố của bạn phù hợp với nhau.

Bây giờ bạn đã biết nhiều cách khác nhau để tạo ảo giác chuyển động trong thiết kế, đã đến lúc xác định kỹ thuật nào phù hợp nhất với bạn và thu hút khán giả của bạn.