這樣手繪感這麼強的圖是怎麼用電腦做出來的?還是真的就是手繪出來的?

經常看到這些這麼好看的總平或者效果圖,有很漂亮的肌理背景,特別美,但是不知道怎麼做出來的,所以想請問一下這些圖是怎麼用電腦做出來的?還是真的就手繪?


視頻封面畫圖那點事—在線播放—優酷網,視頻高清在線觀看視頻

專門對這個問題折射出的現象展開了1小時40分鐘的直播分享 。

感謝 @陳鎧楠邀請。

----------------

這種圖就是一層窗戶紙,和騎自行車一樣,難者不會,會者不難。

Photoshop基礎工具(蒙版、調色、筆刷)用好了,這種風格是可以比較有邏輯的做出來的,公磊說得對,難的不是用的那些技巧,這些軟體操作分分鐘就能學會,難的是對圖面的把控,構圖配色都很重要,這和繪製媒介無關,這是「圖面」本身的話題。

我單說開始動手畫以後都主要經歷哪些步驟:

第一步是設計線稿的導出,這個就不教了,太基礎。

第二步是texture素材的選取,圖中大部分的素材的關鍵字都是"Grunge"。Grunge風格就是這種頹廢的、塗鴉的、凌亂的風格,Grunge素材是專門用來給圖面增加細節的。
以下是在google搜索grunge的結果:

或者你可以根據你圖面的需要,搜索water color(水彩)、或concrete(混凝土)等關鍵詞,在這一步,沒有用不上的紋理素材,根據你的需要來。

第三步是素材的拼貼擺布融合:使用套索、蒙版配合筆刷、變形命令,完成最基本的素材填充。

第四步可能是筆刷的疊加:筆刷這東西自己百度一下能找到不少,再百度一下就學會怎麼用了。這裡推薦一套版權公開的筆刷,楊雪果老師的Blur『s good brush:楊雪果筆刷 Blur"s Good Brush7.0發布! 專題

第五步是調色:這一步看看你覺得好看的圖,觀察一下它的配色是什麼樣的,飽和度低還是高?圖中是否有明有暗,對比比較強烈?使用最基本的曲線,色相飽和度,色彩平衡等工具,就可以完成目標。把顏色搞對就好,nothing fancy here,但是這也是拉開人與人差距的一步,看自己的品味吧。

至此就能完成一幅作品。

從計算機繪圖剛出現,就有手繪結合計算機的風格,稱Hybrid Drawing「混合繪法」:有用手繪線稿掃描疊加回數字圖像的,也有直接上數位板畫的。總之手繪和計算機繪圖的界限很模糊。

目的是表達。
————————
補一段個人感想,因為圈子裡的老前輩實在是有趣,他都從業20多年了,Photoshop本身才出現20年,所以他的大腦理解不了現在的東西也是可以被諒解。

軟體是工具,而工具的意義在於幫助你高效的表達,從軟體是工具這個定位可以推出一個結論:

永遠不要傻呵呵的宣揚「重設計,輕軟體」的觀點,儘管這句話聽起來挺牛逼的,但是凡是說出這句話的人都是邏輯嚴重混亂,因為這兩件事壓根沒有可比性:一個是我們的目標,一個是我們用來達到目標的工具。軟體繪圖和設計從來沒矛盾過,除非是你自己用法有問題。
————————
今天看了大頭幫主的一篇文字,深有同感,如果你畫還沒畫對,就沉迷於學怎麼畫得好看,那絕對是本末倒置了。國外為什麼建築繪圖這麼厲害? - 大頭幫主的回答
————————
我從來不鼓吹軟體,我只是想分享些技巧,讓你們少「浪費」時間摸索軟體,省下來的時間好好去做設計,去更好地表達。你捫心自問,是不是有些圖畫的很好看?是,是就對了。如果連想畫張好看的圖都被當做奇技淫巧的話,我只能說三觀不正。

再說了,花幾分鐘看點經驗,分分鐘學會更好看的畫法,不耽誤學節點,考一注吧?矛盾么?可能學畫圖這件事對有些學東西慢的人,確實是個負擔吧。


===========多圖預警============多圖預警===========多圖預警================
手機用戶無wifi筒子慎入,土豪請隨意&<( ̄ˇ ̄)/

其實我是來歪樓的~(第六張圖會歪回來的~)

昨天在 微信訂閱號建築師的非建築裡面一篇題目叫做《什麼手繪能獲得美國建築表現行業最高榮譽?》的文章,提到了JWDA的設計總監Deomampo先生手繪的JWDA「平安大理雙溪健康院」項目的夜間效果圖,這裡給知友貼上文章裡面詳述的製作過程哈

因為是官方訂閱號的文章,侵刪,放回答只為學習交流,米有蝦米商業利益
先感謝下 非建築 的翻譯文字o( ̄▽ ̄)d 懶人的我直接照搬過來不造會不會被舉報
(~ ̄▽ ̄)~

從su繪圖軟體中選取一個視角

用鉛筆在描圖紙上繪出選定視角的草圖輪廓;前景和背景的構成需有人居活動環境、景觀及步道
(不造其他學校的童鞋們一般怎樣,像類似這種電腦轉換成手繪的,就列印出來刻圖......&<(* ̄▽ ̄*)/求不鄙視)

用水彩紙列印出來,並在泡沫板上噴霧;留白液可用於表現前景的霧或雲,全畫用水彩表現

除去已乾的留白液前,在景觀和陰影處使用水彩;除去後的區域恰好表現畫面周邊的雲彩

在屋頂、步道、活動區域使用水彩,用漸變和陰影完成日間呈現效果

終於回歸正題!!!最後的點睛之筆就是用PS處理來的!!!

掃描手繪圖並使用PS軟體製作夜間效果,突出項目中不同主題的酒店之間活動和行人的關聯區域

文章本身還貼了Deomampo先生的一些其他高質量作品,也是結合手繪和PS來的~
貼上微信訂閱號原文鏈接http://mp.weixin.qq.com/s?__biz=MjM5MDEyNDE4MQ==mid=206997057idx=4sn=47e19df0990cb3f4a5a81b58d343e2b7#rd

BTW,建築師的非建築經常會有一些實用乾貨噠~完全沒有做廣告的意思
THANKS FOR READING.


前面的答案其實已經把要點講的很細了,但是看到這個問題還是忍不住再來一些奇lang技fei淫shi巧jian翻出來介紹下,算是提供另一種可能吧。

Piranesi 出自informatix公司,又被稱為空間彩繪大師3D立體彩繪軟體

非常小眾的軟體,可以搭配SU使用。但用的人少就意味著教程不好找,自己摸索費時費力,可能最後工作也用不上。畢竟有些功能在SU和PS裡面更好用。

----------------------------------------------先看幾個範例吧----------------------------------------------

下面的圖都來自官網畫廊 Piranesi - Informatix Inc

雖說教程不多,但是大家應該還是能搜到這一本書,只是裡面所使用的版本比較老。

是不是覺得副標題從某種程度上回答了題主的問題。

書後面的作品範例

---------------------------------------後面提幾點這個軟體比較方便的功能------------------------------------------

模型

這個是重點展示,因為材質貼圖畫筆什麼的和PS其實還是很接近的。

安裝完Piranesi,就會在SU的導出二維圖像里發現,多出來一個epx格式。

在後面可以發現,這是一個保留了進深方向以及材質信息的二維圖像。它使得貼材質擺配景的工作相對方便一些。

隨游標插入的樹,注意兩張圖右側設置中的scale並未修改,樹的大小完全是隨著遠近而變化的。

同樣可以陣列,隨機選擇配景排布。在cutout manager中還以控制是否生成陰影。

這些是軟體自帶的素材,都是png格式,需要手繪效果就收集相應素材就好了。

是不是覺得和PS很像,然而方便的就是自動調整大小及陰影。

接著看下epx保留更多三維信息帶來的便利。

鎖定

類似於PS裡面選區和通道的作用

添加的一張水彩天空。在PS中我們可能會使用魔棒,但是在畫面的其他部位,顏色變化較大的時候也許不太準確。

而Piranesi直接提供了平面、方向、材質、顏色幾種鎖定方式。減少了描繪選區一類的工作。

綜合使用幾種鎖定模式在添加材質的時候非常管用。

同時選擇了方向以及材質鎖定。選好貼圖很快就完成兩個面的材質上色,不需要調透視,也保留了素模原本的陰影明暗變化。

鋪材質的時候就可以附加顆粒,尋找類似紙張的紋理。

畫筆

這個相比PS其實沒什麼特別了

各種類型的筆觸都可以自己添加

選好了畫筆,預覽中的夾點可以調整畫筆的方向比例;3D選項決定畫筆是否跟隨模型中的面;普通畫筆配合Texture也可以添加類似鉛筆的紋理。

這一點同樣得益於Piranesi的模型格式。

設置在門窗與牆角的燈光,不需要摳圖,自動區分明暗面。

----------------------------------------------------------END-----------------------------------------------------------------

補:下面評論有人問有沒有安裝程序。我這隻有一個Piranesi2010PRO的,最新版應該是6.0.3。新版增加了對Revit的支持。另帶兩個教程。但是裡面都是講的老版,所以自己摸索要花的精力可能會不少。畢竟小眾軟體。

安裝完後,需要將壓縮包內與安裝目錄下同名的文件夾覆蓋到安裝路徑下。

鏈接: https://pan.baidu.com/s/1mizJwt6 密碼: 7fmv


想寫一篇手把手教你做平立剖,奈何時間略少。
@韓世麟 說的大概流程,我再對不熟悉的同學補充一些關鍵點。

1.這種風格較強的圖,在排版的時候會很難協調,尤其像第三張,有四條純黑硬邊,所以排版或是作品集時請綜合考慮。比如alex的圖,單張非常好看,但是作品集排版則……很醜。

2.素模記得調整色階(CTRL+L),並把飽和度調低。

3.google的grunge圖,平鋪在你需要的素材上,用套索把多餘部分刪去。如圖中的混凝土牆面,並將圖層模式改為疊加(當然你可以逐個試選合適的)

4.grunge圖可以疊很多層,比如第三張就疊了至少三張,還不包括單獨賦予的材料層。

5.乾脆的邊角一定要乾脆,不要留半透明或是漸變。

6.光線的話,硬邊光線用選取框選,新建圖層填上白色或是淡黃色,圖層屬性調整為柔光(或者類似屬性,當然直接調圖層透明度也可以),如果有退暈光線,用軟橡皮擦,透明度調低,從邊緣開始擦出退暈效果

7.構圖請考慮重點需要表達的東西,根據建築本身確定圖面風格。

如果是效果圖還請考慮冷暖對比,如果需要排版,請慎用暗角。


這才不是手繪風格,明顯的純PS

之前有答回答過一個手繪風格圖的問題,鏈接http://www.zhihu.com/question/22819346/answer/53060330


作為曾經的從業人員,我想表示一下:平面圖做成這樣不是很好,效果圖還算OK。君不見中國館的風吹麥浪效果圖多絢麗么……不搞那些光影迷幻,沒準建成品會更好看呢。

另外,就如何做成這樣,技巧並不是問題,關鍵是:你知道要做成什麼樣。所謂胸有成竹……

這幾張圖都能看出,就是CAD圖打的底子,用PS後期加工的。


這個手繪的感覺並不強


學校的孩子學點真本事,熟讀規範拿下註冊搞清構造節點,,少玩這些奇技淫巧,這個社會夠浮躁了,,,世界很大,裝逼很多,先做個平凡的手藝人好嗎。咱省省吧。

~~評論的有點多。。。
建築設計是實踐類學科,沒有貶低表現技巧的意思。如果沒獨立做過幾年項目施工圖,就不要說施工圖是不是設計全部這類話,,我說的是從方案到施工圖到後期服務的全程的項目。你打過幾年雜畫過局部這種還是不會理解的。
一個表現技巧可能幾周幾個月就掌握了。。但是施工圖三年能不能入門我還真不敢說。大學的時候也沉迷過各種表現和技巧,也用一年的時間臨摹了幾十張國外的手繪效果圖,我經歷過這個階段。
我們做項目前期做投標做概念做PPT很多小表現效果圖甚至總圖分析圖動畫音像都可以外包,或者省錢找剛畢業的孩子或者實習生做,都能做的更酷更炫。換句話說這種資源比較多,相對廉價。
以上說點我的體會,內心希望讓上學或者剛畢業的孩子少走彎路,不愛聽就當沒看見好了。


居然看到了景觀設計的圖紙…………………

天天畫這種圖的設計狗表示:
平面圖裡的線稿是從 CAD 方案中導出來的…
那些平面立面或者剖面的樹都是有現成素材的,調調透明度安排下層次拖進去就可以了…
那充滿意境的天空,可以用素材也可以用筆刷…

從景觀設計者的角度來看,更重要的是場景的空間流線和功能組織。手繪風格或者照片風格不過是表達形式罷了。

當然,如果把這些設計圖紙當作美圖來欣賞,也不失為一件美妙之事。


如圖 侵刪


這稍微知道點的都看得出來不是手繪,ps畫的但卻很像手繪的 建議看一看 清茗 的畫,還有伊吹五月的部分畫,看看什麼叫做cg水彩。畫師的話大部分依賴筆刷,加少量底紋。設計的話不清楚,可能再加上素材疊加吧。


沒有手繪的,都是軟體合成的。這東西,會者不難。一個PS幾乎可以解決所有問題。


用位數板畫也叫手繪


這個不是手繪呀。就是直接用電腦做。基本上就用ps。第一張圖有點像su做的。而且su做比較簡單。做好模型之後把視角調成平面圖的那種視角。然後導出進ps里做。樹什麼的直接在ps里做。再調調透明度灰度曲線之類的。


手繪感強么?不強 第一 , 樹 就一種 正片疊加 搞定 第二,建築右下角的鋪裝 多麼的沒手繪的感覺啊 你看水的正上方那幾個圓形橡皮的樣子多明顯啊 第三,線條過於均勻,上色過於一致,總體來說絕對不是手繪的,是仿手繪還是比較差的那種。


就算是純手繪,這也沒難到驚為天人的地步吧……


機器學習啊


PS功能很強大的,手繪的風格小菜一碟,還有其它的很多風格,都行的。


撕……作為一個畫渣,我現在想把這些畫師都給謀殺掉,不過看設計作品看多了也就習慣了,這個是賓士博物館拍的倆概念車

新車從概念車才到實車,在它設計好路試還要這樣

我拍的,疑似是CLA獵裝,不過人家設計的時候最初甚至是拿個大板子貼膠帶做輪廓,然後用馬克筆或者電腦做個效果圖,也會用到手繪,不過我自己這德行估計會手繪一張掃描再PS再電腦加,畢竟只是圖,也是不能確定


這個圖手繪感強?


推薦閱讀:

各位有哪些珍藏已久的聊天背景!?
你有哪些形容單身狗的圖片?
經常斗圖是怎樣一種體驗?
你見過的最虐心的圖片有哪些?
你有哪些收藏來反覆看的大熊貓(panda)的圖片?

TAG:AdobePhotoshop | 設計 | 圖片 | 建築 | 建築設計 |