建築中的簡單的 - 概念序列圖

築研空間
16粉絲
2026年6月24日
AI 生成·可能包含錯誤
視頻概述
AI 生成This tutorial demonstrates how to create a professional sequence concept diagram using a workflow that integrates SketchUp, Adobe Illustrator, and Adobe Photoshop. The process covers everything from initial 3D exporting and vector cleanup to final artistic composition and texturing.
大家好,我是Ographics。
在今天的影片中,我們將看到這個令人驚嘆的序列概念圖是如何製作的。
快速提醒一下,如果你想要從影片中取得檔案並一起處理,
請務必檢查我們的 Gumroad 頁面,連結位於說明欄或影片卡片中。
好的,我們直接開始吧。
第一步已經完成,SketchUp 也已經搞定。
這裡,只要確保已啟用平行投影即可。
如果在此處找不到此選項,請在此標籤上右鍵點擊,並啟用「檢視」功能。
最後,將此影像匯出為 PDF 格式,以便我們能夠處理向量圖形。
現在進入 Illustrator。
因此,這一步驟對於清理檔案並為接下來的 Photoshop 操作做好準備至關重要。
首先,讓我們調整畫布大小。
我們將以受到了像素為單位,因此如果您的未以像素為單位,只需按一下 Ctrl R 即可
然後在尺規上右鍵按一下,並將其更改為像素。
我們使用 1920 乘 1080,這是 16 比 9 的比例。
接下來,縮放物件。
接著,選取所有項目後,按 D 鍵將所有屬性重設為預設值。
這將使它變成黑白並具有均勻的筆畫。
接下來,為了修整角落,請在「描邊」視窗中標記這裡的選項。
然後,讓我們為序列的每一部分分組
並使用對齊視窗,從底部對齊它們。
並將它們之間的距離保持相等。
最後,請務必將其儲存為 .ai 檔案,這是一種標準的 Illustrator 檔案格式。
現在來談談 Photoshop 的部分。
你知道,這個順序圖其實全部用Illustrator就能完成。
這類圖表我首選的工具是
但由於你們大多數人使用的時間多於其他任何軟體,
我決定換個方式去做。
好的,我們將創建一個比例為 16:9 的新檔案
這裡有一個特別的技巧。
您必須使用「置入連結」選項來放置 .ai 檔案,
這樣一來,無論我們在Illustrator中做任何變更,
它會自動在 Photoshop 中更新。
然後,在裁剪工具中,請確保使用媒體框,
因此,它將保持我們在 Illustrator 中使用的比例。
我將在 Illustrator 中移除物件的填色,然後按儲存。
然後,現在這是一個非常個人化的步驟,
我們只需要畫出你在我們最後一張圖中看到的那些箭頭。
你可以自己完成,也可以從互聯網上找到相關內容並匯入使用。
例如,您可以前往一個名為 flaticon.com 的網站。
或類似的內容,用於下載可立即使用的箭頭圖示。
準備就緒後,從 Illustrator 複製,並將其貼上為像素形式至 Photoshop。
讓我們以中間的方框作為參考,來放置連接箭頭。
現在,將箭頭轉換為等距視角。
按照我的步驟做,讓它變得完全一樣。
我們只需要將傾斜和旋轉分別更改為30度。
如果你想了解這個過程的更多細節,我會留下一段我以前製作的影片。
談一點關於這個流程,無論是在 Illustrator 還是 Photoshop 中。
很好。
現在,讓我們把它變成一個小組。
在上方建立一個新圖層,並使用快捷鍵 Ctrl + Alt + G 將其剪貼至下方。
在這一層,我們來塗一些白色,讓箭頭在第一個方框內部的地方逐漸淡化。
現在,在下一張圖中,讓我們把箭頭放在上方。
同時將其轉換為群組以整理您的檔案,並進行顏色編碼。
接下來,我們可以將第一張圖的兩側末端部分複製過來,以模擬側邊建築物。
這正是我們試圖傳達的。
大樓兩側的連接使我們將其設計成三卷。
然後,每一冊的厚度將會與其配套的裝飾相呼應,形成特定的高度。
最後,在最後一張圖中,我們將使用我所製作的尺度人物規格圖
顯示建築物的高度以及空間將如何被使用。
如果你想獲取此規格的副本,我會把連結放在說明欄中
還有卡片上面也一樣。
現在,是時候添加一些文字了。
在繪製這種圖示時,我非常喜歡使用等距方向的文字。
如你所見,我拼錯了連接詞,但你應該明白我的意思。
好的,我們的基地已經完成了。
現在,我們可以繼續討論額外的細節。
要添加陰影,只需將其從 SketchUp 導出為 PNG 格式,調整大小並正確放置即可。
我們可以添加的一個酷炫效果是為整個序列加上一個整體輪廓。
如果你想的話,可以從 Illustrator 導入。
但用一支簡單的畫筆,你就能在 Photoshop 上做得相當不錯。
你知道,要創作出優秀的作品,關鍵在於
甚至設計出令人愉悅的棋盤,都需要有一套色彩搭配或色彩調色板。
有很多地方可以獲得它們,例如,Adobe 就有一個。
你會發現我其實並沒有怎麼用到它,但把它放在你的檔案裡總是有好處的。
通常來說,選擇適當的補色是一項不錯的決定,
一種有趣的運用不同筆畫或輪廓粗細的方式,
讓你的圖表設計效果只達到原本的一半。
好的,既然我們已經將物件的背景移除了,
我們可以將油漆放置在概念圖層的下方。
正如你們將會看到的,這個過程現在不再是線性的。
你必須嘗試所有可能性,看看什麼樣的樣子好看,什麼樣的不好看。
使用「添加雜訊」濾鏡,可以為此背景增添一些質感。
我真的很喜歡這個效果。
看起來已經非常棒了,但如果你一貫追蹤我們的影片的話,
你知道,我喜歡用這些水彩和飛濺筆刷為圖像增添更多肌理感。
這最後一步完全在於組合與平衡各個元素。
希望您從這段影片中獲得樂趣並學到一些東西。
在評論中留下您對此過程的任何問題或想法。
喜歡這支影片並支援我們,如果還沒訂閱頻道的話,請記得訂閱。
我每週都會發布各種視覺化內容的影片。
追蹤 Instagram 上的 oddographics,查看更多內容並取得第一手更新。
非常感謝您觀看。
如果你看到這裡,讓我獎勵你們其中一人作為回報。
這裡有一張優惠券,可享比例金額的百分之百折扣。
趕快拿到手,別讓別人搶先。
好吧,對我來說,就到這裡了。
和往常一樣,我在下一個影片見。
再見!
