動畫 | 通信 | 數據 | Grasshopper動態 教程 第四期 圖像/Image

2021-03-02 UVN

想了解如何用grasshopper做MG動畫、概念動畫、圖形生成、實時通信或者可視化嗎？本教程主要面向設計從業人員，分享動態內容的思路與做法。作者將帶你從核心攻堅，每一期將講解一套寫好的教程，並附帶實例演示，一步一步地教你如何構思動畫和互動內容~

Grasshopper 動態 | 動畫系列 

第四期 圖像/Image

用像素信息玩轉幾何生成

第四期動畫教程之圖像，講講像素處理的相關知識，帶你用像素信息玩轉幾何生成。內容上將主要圍繞image sampler展開，講解如何處理單幀圖像，以及批量處理幀動畫。本期是動畫系列教程核心內容的完結篇，更多案例將會在未來分享給大家。

特別通知：本教程系列登陸犀流堂啦！！！歡迎各位前往訂閱

傳送門：https://www.rhinostudio.cn/my/course/2122

教程文件下載地址：http://uvnlab.com/zh/grasshopper-dynamic-tutorial/

B站視頻連結：https://www.bilibili.com/video/BV1UK411g7y8/

（註：本教程需要有一定基礎，不負責grasshopper基礎模塊科普）

鑑於部分觀眾反映無法進入網站的問題，文件現已上傳百度網盤：

連結：https://pan.baidu.com/s/1h9ayZo8Gxhr-3xfCFeK_Aw 提取碼：6mrk

往期回顧

動畫 | 通信 | 數據 | Grasshopper動態 教程 第一期 曲線/Curve

動畫 | 通信 | 數據 | Grasshopper動態 案例 波動漣漪動畫 —— 構建二維數組/動態曲線

動畫 | 通信 | 數據 | Grasshopper動態 教程 第二期 相機/Camera

動畫 | 通信 | 數據 | Grasshopper動態 教程 第三期 顯示/Display


歡迎關注UVN

不定期更新

立足於建築學，關注算法研究、生成設計、數字藝術、電子音樂

以及多種無法被定義的創造
微博/Ins：U_V_N
作者個人微博：謝雨帆UVN

Ins/Twi: yufanxieuvn

合作及業務請聯繫：xieyufan@uvnlab.com

讚賞一下，支持作者~

相關焦點

  • 20種PPT放大動畫,讓你的數據細節更動人![小動畫教程系列·01期]
    在我們的演示場景中，有一類動畫應用場景：在一些數據PPT頁面中因為展示的需求，內容較多、信息量大，但是又想要在特定的演講階段為大家突出特定的信息模塊，即需要點擊局部內容，可以突出放大。No.2 教程：逐步驟製作這類動畫特點，是藉助觸發器設置和放大過渡動畫完成細節的數據放大展示，製作不是很難，主要分以下幾個步驟:第一步 「摳圖」即複製當前頁面內容後，根據當前頁面內容或者圖片「扣出」局部圖片，注意將局部圖片和原始圖片重疊在一起
  • SVG 實現動態模糊動畫效果
    動態模糊是一種廣泛使用於動態影像和動畫的技術，它能使動作看起來更加平滑自然。在線演示（http://www.html5tricks.com/demo/html5-svg-motion-blur-effect/index.html）源碼下載（http://www.html5tricks.com/html5-svg-motion-blur-effect.html）動態模糊是靜止圖像或一系列圖像（如電影或動畫）中快速移動物體的明顯圖像拖尾
  • 【PPT動畫教程】用ok插件做數字滾動動畫
    編按：     相信大家經常會在發布會、年會、工作匯報等重大場合的PPT中看到一些數字滾動的動畫效果。對於一些需要體現數據變化過程的PPT，數字滾動動畫無疑是錦上添花。對於單個數據變化來說，可以通過遮罩或者平滑來做。但是同一頁面上實現多個數據的動態變化，適合用ok插件的圖形逐幀功能來做！首先，我要簡單介紹下逐幀動畫。逐幀動畫是一種在連續的關鍵幀中分解動畫動作，即在時間軸的每一幀上繪製不同內容並使之連續播放成動畫的一種常見的動畫形式。
  • MATLAB簡單粗暴教程(十)——MATLAB讀取非數據類型文件
    言歸正傳前面都是介紹matlab讀取大氣海洋方面有關的數據資料。當然，涵蓋的也不是很全面。有很多文件，例如A文件，自動站的報文，某些衛星的數據、船舶報等等都沒有寫如何讀取。當然，這些文件都可以被歸納到之前的各種數據格式中去，數據結構也相對單一，可以根據其數據結構，運用之前我們講到的方法進行讀取。
  • 牛X攝影師都在用的圖像編輯軟體,你確定不看看?【第959期】
    高動態範圍工具新的高動態範圍工具，可以在對比度和色調上做更多操作！可與集配合使用，因此您可以輕鬆地同時查看多個圖像並快速管理大型項目。Phase One認真評估並解讀每款相機的RAW格式，這使得Capture One能以最高保真度呈現圖像，可甄別出其它軟體都無法察覺的細微之處，達到更精細的編輯水準。除500多款相機的RAW支持之外，Capture One還為500多種鏡頭提供分析和圖像校正支持。
  • 深度學習教程:計算你的愛豆在螢屏上的出鏡時間
    在本文我會幫你理解如何使用深度學習處理視頻數據，教程會使用動畫片《貓和老鼠》的視頻片段作為例子。我們的目標就是計算視頻中湯姆和傑瑞的出鏡時間。就是下面這個：在手翻書的每一頁，我們都有不同的圖像，隨著我們一頁頁翻過去，會看到一個鯊魚在跳舞的動態畫面。我們甚至可以把它稱為一種視頻。翻書的速度越快，效果就越好。簡而言之，手翻書所展現的視覺畫面就是一系列以特定順序排列的各不相同的圖像。同樣，視頻其實也是由一系列的圖像組成。這些圖像被稱為「幀」，把各個幀合在一起就形成了視頻。
  • 這10種好用的PPT動畫效果,讓小白也能做出炫酷動畫!(PPT教程)
    屏幕滾動動畫其實就是為靜態的樣機圖片添加動畫，使它變靜為動，更能生動形象地展示數據、產品等。手把手教你製作「動態」樣機，驚豔全場！【PPT教程】》城市汽車素材在PPT製作PPT的過程中經常使用到，但很多時候，靜態的城市汽車圖片並不能將城市的變化一目了然地展示給觀眾，更不能留下深刻的印象。為了使城市汽車等景觀能給觀眾帶去更直觀的感受，我們可以選擇添加動畫。
  • 中文字幕翻譯教程 | 第107期《AE音頻特效編輯製作視頻教程》
    人人素材網第107期中文字幕翻譯教程來啦！教程簡介：琳達網站的AE大師Chris Meyer，以前從事音樂行業，這次帶來了AE聲音特效的終極教程。了解聲音與音樂，對於剪輯電影、三維動畫、以及大量使用關鍵幀的動態圖形設計而言是一項巨大優勢，如果音畫不同步就會削弱彼此，甚至會分散注意力。要是聲音和畫面配合得當。做出來的效果絕對讓你身臨其境。
  • PS教程:製作超炫的gif動態圖片!
    會員免費學習全站23套教程，也包括以後更新發布的支持微信公眾號+小程序+APP+PC網站多平臺學習來源：公眾號/photoshop大師我們常常在網上看到gif動態圖片，是不是很炫、很酷需要的兩個素材圖2.點擊菜單欄上的【窗口】-【時間軸】，本帖用到的事幀動畫，即使是IR也可以完成的，CS6一下的版本調出幀動畫後，應該就是自動的有一幀，CC版的需樣先創建。
  • 【插件】動態照片製作神器一鍵讓你的照片局部動起來靜態照片添加動態效果imagemotion漢化版
    點擊上方「ps素材吧」，看看有多少位朋友關注置頂公眾號及時獲取最新消息✭✭✭✭✭【插件】一鍵讓你的照片局部動起來 靜態照片添加動態效果imagemotion漢化版插件名稱：動感映像ImageMotion V1.3支持系統：WIN/MAC插件語言：中文漢化動作大小：1G兼容軟體：PS CC2015.5
  • Grasshopper + Processing 工作流(基礎篇)
    我們通過Graph Mapper就可以改變點的分布（更複雜的運動速率可以用Rich Graph Mapper或者V-Ray Graph來控制），每一幀Processing都讀取一個點的位置並畫出圖像，從而實現動畫。
  • 專注精智影像,佳能發布imagePROGRAF PRO系列新品
    用戶可利用自動拼圖功能進行排版並調整圖像間距，從而節約時間和紙張，大大提升了用戶日常操作時的效率；同時，利用圖案印刷功能，系統可以將亮度和對比度等有細微變化的圖像進行縮略排版，實現一次作業即可呈現多種顏色效果，能有效減少反覆嘗試更正色調所需的時間、紙張及工作量。此外，通過Exif信息列印功能，可以記錄作品的列印設置數據，為用戶日後再次列印同一張圖直接提供有效參考。
  • 圖像處理中曝光 - CSDN
    這一講主要包括圖像的直方圖，直方圖均衡化，自適應直方圖均衡化，顏色閾值調整，gamma校正等等內容。(image, kernel_size=None, clip_limit=0.01, nbins=256)# 重置強度區間# image會自動計算圖像的最大值和最小值# 給出數據結構如np.uint8則會把數據歸到uint8的區間之內# 或者給出最大最小值[min, max]skimage.exposure.rescale_intensity(image, in_range='image', out_range
  • 《自然》雜誌:從黑洞的第一張圖像到現在是黑洞的第一部電影
    《自然》雜誌在今天發表文章，題為：」黑洞的第一個圖像現在是電影「（The first-ever image of a black hole is now a movie）。去年天文學家終於揭示了史上黑洞的第一張照片的壯觀細節，通過將全球範圍內的射電望遠鏡連接在一起，首次在旋光的背景下製作了黑洞的事件視界的圖片。
  • 神奇的小動畫(三十四)折幕、弧幕投影展示動畫製作【圖文教程621】
    也就是投影投射影像到牆上的動畫效果。但是很多朋友私下裡和我聯繫問，沒有動態的圖像，平時也不做建築動畫，如果想做電影投放的效果如何弄呢？今天我們就來說說，從零開始製作折幕投影動畫的方法。先來看看效果：這是最近接的一下小動畫項目的測試，如何在一個圓柱物體上製作投影。覺得思路挺有趣的，給大家分享一下小技巧。第一步：首先你要先有一段影片。
  • 如何用PS製作動畫效果,PS動畫製作教程,GIF動畫教程
    有朋友在之前的教程文章留言中提到關於PS動畫的製作。本章教程就給大家分享一下如何用PS製作GIF動畫。
  • 教程| 如何構建自定義人臉識別數據集
    選自pyimagesearch作者：Adrian Rosebrock機器之心編譯參與：Geek AI、路本文介紹了構建自定義人臉識別數據集的三種方法：使用 OpenCV 和 webcam 工具收集人臉圖像數據；以編程的方式下載人臉圖像；手動收集人臉圖像。
  • 鶴你分享 | 隨心所動 自定義QQ動態名片
    一、動效名片的原理QQ最近更新的動態名片是一種json動畫，而且該數據並非通過http/https傳輸，而是通過jsRequest來使用QQ的TCP協議傳輸數據，那麼只要在傳輸過程中攔截數據，然後替換json代碼，就可以換成我們所希望的動畫。這麼一長串聽起來雲裡霧裡，而且我們並平常人不知道怎麼攔截，那不是一長串廢話麼（才不是）。
  • PS特效一鍵生成:動態星系星雲動畫,顏色可任意編輯,讓你的圖片酷起來!
    動作運行結束後，默認的圖像是黑白的，發光是紫色的，不過我們都可以調整在圖層中將「Main Photo B/W」圖層隱藏（點擊前邊的方格即可）此步的目的在於取消掉黑白圖像將「Main Photo」和「Animation Color」取消隱藏（點擊前邊的方格即可）此步的目的在於顯示出原彩色圖像+動畫顏色可調整
  • 動效教程 | AE內置效果製作寶石海星動畫
    以下是教程原文：正文這動畫作品原作者是 JDHorton，是我剛學ae時關注的一個大神，他製作的動畫都非常有靈性，是我早期臨摹學習的一個大哥。第二步：給前五角星做動畫，添加效果扭曲-CC Bend It，  start定位在圖像底部，end定位在圖像上方。不過過程中大家可能出現下面這種情況。