當前位置:編程學習大全網 - 遊戲軟體 - 科技感背景插畫-AdobeIllustrator怎麽設計高科技感的藍色背景?

科技感背景插畫-AdobeIllustrator怎麽設計高科技感的藍色背景?

如何設計出壹張科技感的海報?

科技感的話主要是要設計帶有科技感的元素,首先圖案元素比較動感,線條簡單。明快。顏色方面,科技感都選擇偏冷的藍到紫居多。總之就是構圖,顏色方面著手。

用ps怎麽畫有科技感的藍光背景

工具/原料

AdobePhotoshopCS5

方法/步驟1

1

打開Photoshop,新建圖像文件大小為:1200*800,用放射狀漸變填充背景。漸變色為:#01a5f8-#026dd6。

PS制作科技感光束和線條背景

接下來我們要繪制弧線,很流暢的發光效果的線條。其實在這裏我們可以想下,如何實現那種效果,方法很多,填充?羽化?然後Delete?那樣太嗦了,我在這裏使用了圖層樣式來實現此效果,要圖層樣式裏只需要調整滑塊即可。來吧,這樣的線條我們不用親自繪制,直接選擇“橢圓工具”,畫出壹個橢圓來,然後放大,放大到我們需要的大小,只留壹段弧線在畫布上即可,這樣不但快捷,還比鋼筆工具畫出來的好。

PS制作科技感光束和線條背景

PS制作科技感光束和線條背景

對橢圓圖層調整填充參數,調整為0,如果妳沒用過這個功能,我告訴妳,它在調整圖層不透明度下方,它與圖層不透明度是不相同的,如果相同,Adobe公司就不會在這裏多此壹舉了。填充調整為0以後,還能顯示圖層樣式,但圖層透明為0時,就什麽也不會顯示了。

接下來使用圖層樣式添加發光效果。參數如圖所示,這兩個參數設好以後,效果基本實現。

PS制作科技感光束和線條背景

PS制作科技感光束和線條背景

然後我們復制壹個,調整不透明度為60%,放到合適的地方。

PS制作科技感光束和線條背景

接下來該繪制那些復雜且又非常有規律的線條了,我曾經壹度想不出來,如何實現那樣的效果,但還是從別處得到了啟發,就是以前繪制表盤的時候,那12個刻度,用的是Ctrl+Alt+Shift+T,(重復上壹次ctrl+T的操作(可以累積效果),並且同時結果會放在新的復制圖層),結果很輕松的實現了這種效果。開始!

使用畫筆工具,大小設為2PX,硬度設為100%,畫出壹條直線,最好和畫布寬度壹樣長。

PS制作科技感光束和線條背景

Ctrl+T,激活自由變換工具,按住Alt在橫線下方合適位置點壹上,此點理解為線條變換的中心點。

PS制作科技感光束和線條背景

視線轉移到上方,自由變換參數欄,需要調整三個參數,見紅箭頭所指。在原來的基礎上,X和Y坐標都增加20,(即原來X是729,我輸入749,原來Y是439,我輸入459),旋轉角度為2,然後按Enter,確定。

PS制作科技感光束和線條背景

這壹步就要用到上面說的Ctrl+Alt+Shift+T,重復上壹次Ctrl+T的操作,並生成新的圖層,我們開始按,按個幾十次吧。

PS制作科技感光束和線條背景

生成了那麽多圖層,是不是很頭疼,全部合並(選中最上面的,按住Shift再點擊最下面的,Ctrl+E合並,或者Ctrl+G圖層編組)

將線條調整大小,或者旋轉放到合適的地方。

PS制作科技感光束和線條背景

打上文字,加上英文,就制作好了。這張圖和最上面的效果圖不壹樣,是很正常的,在變換的時候,任何壹個參數變化都會導致不壹樣,比如中心點,X和Y的增加的多少,旋轉的度數,這個要自己去把握了。

PS制作科技感光束和線條背景

AdobeIllustrator怎麽設計高科技感的藍色背景圖片?

1、設置壹個藍白色的徑向漸變,我們填充背景所在的矩形,通過設置角度讓光線從左側向右綻放。

2、使用鋼筆畫出三條射線從左側的白色圓心散出來,我們填充壹個藍色的漸變。

3、繼續用鋼筆畫出五邊形讓其組成壹個弧度,並從大到小的變化。我們給這些五邊形填充壹個藍色的漸變。

4、復制這個五邊形的螺旋到左側並進行對稱轉換,從白色的圓心飛旋出來。

5、繪制更多的五角形並填充為藍色的漸變,我們讓五角形向上不斷的變大,最後選擇同壹方向的五角形進行復合路徑的變化,得到壹個藍色漸變的邊框組合,用同樣的辦法從白色圓心做出五個方向的邊框組合。

6、復制整個邊框組合,我們擴大到整個背景上面,從而做出了壹個有層次,有動感的藍色背景設計。

  • 上一篇:佛山有啥好玩的,有本地兄弟姐妹推薦下嗎
  • 下一篇:魔宮帝國:征服的關於結局
  • copyright 2024編程學習大全網