用Sketch+PS繪製星空插畫(鼠繪)

2022-01-31 設計達人

設計達人

www.shejidaren.com

愛設計,愛分享

文章作者:橘子tea
個人主頁:orangtea.zcool.com.cn

雖說繪製插畫一般用手繪軟體,但如果用Sketch矢量工具也可以繪製嗎?當然可以,UI插畫本來就是扁平化風格居多,所以用AI、Sketch、PS都可以,也只是工具而已,重要還是繪圖者本人。今天分享來自橘子tea設計師的Sketch + PS 星空插畫教程比較簡單,適合初學者們借鑑學習。

效果圖:

一、準備工作

使用軟體 sketch ps

(以下繪畫過程及上色筆刷均為鼠繪,如上筆刷不習慣則可使用手繪版)

二、創作過程

1、創作思路

這次做插畫的目的主要是製作作品集封面,快速達到吸睛的作用。尋找靈感的過程中,忽而想起以前老師常說的:設計就像是戴著鎖鏈跳舞,設計是這般,自由與人生也是這般。所以一開始大概想法是繪製大場景 宇宙神秘色彩 女孩。基調就這樣定下來了(後面打稿後發現畫面比較豐富,鎖鏈在畫面裡可能會破壞其協調性,故而去掉了,但一方星球看似自由,實則不也是「鎖鏈」)。

2、靈感參考

有牆可翻則翻,不翻花瓣也夠玩,一樣有很多很多靈感可以康康~主要分現實圖和插畫圖,在構圖、配色、細節處理上都可以多留一份心眼。

3、初稿處理

初稿主要在sketch中完成。

(1)黑白稿

或許很多朋友奇怪我為什麼會打黑白稿,其實主要是因為我個人上色容易反覆修改,如果一開始邊畫邊上色總會不由自主磨在上色裡很久,而且上色醜容易有強烈的挫敗感,所以後面開始試了下用黑白灰區分界面色調,發現上色會快了很多,而且沒有顏色的幹擾會讓我更加專注於當前的構圖和細節處理上。

這一步大家可以看著來處理就好,高級一點的可以把這一步直接為接下來上色做重輕色鋪墊了。我只是簡單的區分而已,沒有追求邏輯性區分色塊。

另外弱弱說一下人物我是怎麼摳出來的..

(2)上色稿

簡單鋪上大色塊,不必太斟酌,後期可以繼續改。

(3)漸變稿

這一步需要注意光源的位置,這裡多加了一些紫色和青藍色,豐富了顏色的層次。同時石頭的細節通過不規則形狀的漸變色塊營造更多的質感。

4、細節優化

通過 https://www.photopea.com 把完成好的sketch轉化成ps,這是個免費的在線轉換網站,一般需要等幾分鐘~接下來的步驟均在ps中完成。

轉PSD教程:Sketch轉PSD的簡易方法

(1)添加噪點

詳細可戳上方視頻,方法不外乎之前我發過的教程裡的平刷方法,耐心一層層刷顏色就好了。多嘗試用混合模式,想要變亮用疊加、濾色等,變暗則用正片疊底。

附:使用筆刷列表

這次除了噪點筆刷還玩了一些新鮮的筆刷,筆刷比較多,都是網上download的非本人製作,用點好玩的筆刷可以讓畫畫變得更加有趣(筆刷在文章尾部下載)。

(2)增加氛圍

背景已經有些氛圍感,在大大的建議下,前景也增加了一些光暈、煙霧以及極光,這樣層次會變得更加豐富。

(3)調色大法

調整色彩平衡,添加銳化和些許雜色,讓整體更加清晰融洽。

最後效果圖就是這樣啦~

今天的小教程分享就到這裡啦,謝謝閱讀和觀看,希望對你有所幫助,如有不足之處歡迎請多多指正~

-  下載筆刷  -

在「設計達人」公眾號後臺回復「5843」就能自動獲得下載地址咯。注意數字不要回復錯哦~

感謝大家收看。官方設計交流群已開通,掃下面二維碼,回復暗號「進群」即可,有不懂的問題都可以在群裡一起交流。

////// 近期文章 //////

圖標設計師分享的ICON設計指南

視覺錯覺:對稱的UI並非看上去的那樣

好美版式,迷人的折頁版式設計

2020年受設計師歡迎的20大字體!

設計公眾號不用多

設計達人為您嚴選精品設計好文、好資源、好靈感

記得設為星標公眾號哦~

一直被抄襲,從未被超越

http://hao.shejidaren.com

據說點在看的人都升職加薪了😘↓↓

相關焦點

  • 學畫插畫教程 學畫插畫怎麼選工具
    學畫插畫教程分享,今天給大家分享學畫插畫的小心得,學畫插畫要怎麼做呢?下面一起走進今天的插畫學習小講堂吧!學畫插畫怎麼做?學畫插畫第一步的工作準備很重要!並不是所有的插畫都需要手繪板的,以幾何為主的網際網路的一些矢量插畫有滑鼠就夠了。輕微課這個網站上有很多的教程,大家可以去找一下適合自己的,裡面還有很多素材也可以作為平時的練習使用。不過如果你有手繪板,或者有ipad pro+pencil,大部分的插畫風格都可以實現。
  • 沒有手繪板想畫插畫怎麼辦?鼠繪教學來了!
    繪製工具:PS+滑鼠 By:胡白第一步首先我們打開我沒得橙色淘寶軟體,找到一張酷酷的模特照片。找照片儘量找造型服裝比較有特點的模特。第二步用幾何圖形大概勾出輪廓這裡你可以用ps裡的自定義形狀然後通過變形也可以用鋼筆工具直接勾個大概。第三步進一步細化,把細節全部勾勒出來。
  • ps鼠繪怎麼上色,ps人物轉鼠繪手繪教程
    ps鼠繪怎麼上色,ps人物轉鼠繪手繪教程本人也是一位專業的PS及相關平面軟體的能手^_^.你說的這種情況是可能的,PS的是專業圖像處理軟體
  • 網頁設計ps教程視頻,網頁設計ps教程視頻教程
    教程平面設包裝袋設計手工教程計雪花製作 平面教程 設計:  三維教程電腦logo滴滴代駕攜店鋪招牌logo設計教程手餓了麼,410logo口碑發起「立繪教程為城市打氣」計劃芒果logo設計教程,派發千萬消費素描教程卷,助力城市logo設計立體效果教程 早插畫教程三隻松鼠海報設計教程日元氣滿滿設計ps星空海報字體!
  • PS如何製作插畫小行星?
    如果使用ps來製作一種插畫的小行星,下面小編就來給大家詳細的操作一下吧,還是比較簡單的。1.我們要繪製出這樣的一個行星,分為兩部分,分為是圓形的星體和外面的圓環。4.之後就是繪製行星的圓環了。5.使用橢圓工具繪製出一個橢圓形。
  • 畫插畫用什麼軟體?必備插畫繪製軟體
    畫插畫用什麼軟體?必備插畫繪製軟體!學習插畫要用什麼軟體?零基礎學插畫用什麼軟體好?關於插畫繪製軟體的選擇具體要看你想發展哪個風格,下面給大家帶來了九大繪畫必備軟體!給想學插畫的小夥伴參考一下,快來選擇一個適合自己的繪畫軟體吧!
  • Flash鼠繪入門教程第一課:認識鼠繪
    針對網絡學員以初學電腦作圖為多的特點,為使學員了解認識鼠繪的慨念、學習的目的及有關方法,為培養學習鼠繪的興趣,樹立信心,為繼續深入學習鼠繪奠定基礎而舉辦本期鼠繪入門班。因此本期鼠繪班不同於以往的鼠繪教材。它的宗旨就是領你入門。
  • ps冰字體設計視頻教程,ps餅乾ui設計教程
    h5網頁教程錢的,所以很有價值鼠繪教程視覺ps教程遊戲字體設計設計快速入門教程。 眼鏡店平面設計圖繪製教程海報設計教程自學 甚至常聽到有人說展臺設計圖手繪教程立繪教程:「我是平面設計教程怎麼去綜合平面學做視覺的,感覺交互字體教程更設計cdr平面文章核潭州平面設計全套教程心一些,我要3d設計海報教程轉行做交繪本教程互」,娛樂室設計素cs5教程字體設計描教程有人影視教程說:「我是交互設ps海報毛筆字計師,ps海報設計自學教程我感草繪ps做ui教程覺互動設計師的話語權不動效字體
  • 零基礎如何學插畫?學習插畫的步驟教程
    零基礎如何學插畫?學習插畫的步驟教程!首先你要想清楚,你是手繪還是板繪,還是兩者都兼顧,好吧~雖然這兩者並不衝突。需要的基礎技能都一樣,只是在工具上有點差別,本次內容我們以板繪為主。輕微課學員作品輕微課學員作品一、準備繪畫工具1、電腦+數位板+繪畫軟體(ps
  • 用ps設計簡單海報教程,用ps設計酷狗界面教程
    這就需要我易圖朋友圈海報設計校園歌手大賽海報教程三維教程們定好不同的設計光位,再配合ps公益廣告設計教程不同亮度的輔水彩教程光。ai藝術字體設計視頻教程  在畫港式電影海報設計教程面教程網頁中對主id包裝盒光起到輔助作用的光線平面設計教程百度網盤分享ps海報教程設計,叫廣告教程做輔光,一般都用柔光作為圖旺旺廣ps小清新字體告設計教程設牆繪教程計輔光。
  • 美式別墅設計手繪教程,美式插畫設計教程
    之前說教cdrx4設計字體教程程怎麼安裝字體廣告過,想達到彩繪教程商業級別的摳圖效果,電商3dipadlogo設計教程一定是用時間繪畫教全案書籍程和技術磨出來的,不存在「ps廣告設計教程怎麼用vi設計名片教程百度快」這個概念設教程平面計!。
  • 【PPT】PPT鼠繪,那個要成為海賊王的男人路飛!
    鼠繪視頻展示今天的這篇文章就詳細的介紹一下任意多邊形和編輯頂點的具體操作和使用。本來是想放一個全部操作的錄製的視頻,使用任意多邊形和編輯頂點繪製的一個動漫海賊王裡面的角色路飛。哭暈~所以這裡就壓縮成幾分鐘的,大致瀏覽下PPT鼠繪流程。沒有什麼難的操作,就兩點:一點是使用任意多邊形繪製輪廓的大致形狀;另一點就是對繪製的形狀使用編輯頂點進行細緻的微調。鼠繪的具體操作下面就進行一下圖文的講解。
  • 【插畫工具】學插畫需要什麼工具?【插畫軟體】插畫板繪用什麼軟體好?
    插畫在紙上畫,那是一個傳統的插畫繪畫方法,用到紙張顏料等,這個就是我們通常說的手繪插畫,而學軟體畫插畫,指的是數位板插畫,或者叫板繪插畫,就是在電腦上進行一個插畫的繪製,而這種形式有沒有必須學習呢?當然有必要的,現在網上接單約稿,基本都要求用數位板進行繪畫,因為方便修改,繪畫的效率也快,是目前市場的主流需求,所以大家很有必要通過軟體進行一個插畫的繪製。
  • 手帳插畫-教你用幾支彩鉛筆繪製一席星空,你get到了嗎?
    星空是個很神秘很嚮往的境界,在星空下我們是如此渺小,星空的表達方式很多種,最多的用水彩來繪製,但是也限制了很多人想要畫星空的熱情,畢竟水彩的調製和控水是需要多加練習的!步驟:1.先用藍色彩鉛以斜線方式從上往下排線2.接連處用紫色銜接按照上面方式繼續3.畫到中部的時候用淺藍色處理並做上下銜接4.藍色下面用綠色做反方向漸變5.最底部用黑色鋪地
  • 【論文閱讀】Sketch-pix2seq
    但是對於草圖生成,最近的研究提出了一種序列到序列變分自動編碼器(VAE)模型,稱為sketch-rnn,它能夠基於人類輸入生成草圖。當涉及學習一類物體,例如動物或車輛時,該模型取得了驚人的結果。然而,當多個類別被饋入模型時,性能下降。在這裡,我們提出了一個模型,稱為sketch-pix2seq,可以學習和繪製多個類別的草圖。
  • ps封面書籍設計教程,ps封面字體設計教程
    隱形確認學ui設計師ui:即不需天津做網頁設計教程要用戶鼠繪教程確真人漫畫視頻教程認消息,比如:用印刷中秋節海報設計教程視頻ai軟體包裝教程戶:你能幫我設定明天10點設計的vi設ps廚房平面設計入門教程計教程百度網盤鬧鐘麼?好的噴繪教程,已經幫ui設計編程教程你設定好互動設計視頻教程全集明天早上10點本科平面書籍的素描教程鬧鐘。
  • 光明區房屋平面設計教程,光碟包裝設計ps教程
    設界面設計軟體畫畫教程計  為了解決這個平面教程問題,  品巧克力網頁設計教程牌教程當我們用裝飾點把空的地方補齊, 網頁設計培訓視頻教程下載教程網頁 文字組就變成了矩形,  也就竹筍集插畫設計教程設教程字體計更美觀。