Photoshop製作像素畫入門教程詳解

2021-02-23 photoshop入門PS教程

          

很多朋友希望我做一個類似教程的東西想了解像素的繪製方法,我也是剛接觸像素,教程談不上,只是向朋友介紹一下我所了解的知識。

1、什麼是像素。

畫這個自然要知道什麼是像素圖。電腦中的圖形分矢量圖和位圖(像素圖)兩種。

矢量圖:

像素圖:

區別在於矢量圖根據的是數學公式,所以可以無限放大。像素圖是由點組成,因此放大後你就能看到放大的點[ ],這些點成為像素[pixel],像素圖創作需要的是點繪。

2、優點

就因為它由很小的點組成,我認為它最適合運用到帶液晶屏的電子設備上。具體如下:

掌上遊戲機,別懷疑所有的掌上遊戲機,gameboy什麼的都是像素圖,當然我的文曲星也屬於這類。

電腦屏幕:桌面圖標、網頁gif、QQ秀、字體等。

手機:手機上的手機電池、信號等圖都是。

玩具:有沒有感覺樂高玩具都像是像素一樣。

3、工具

不像矢量圖需要專門的工具。像素只需要[開始]>[所有程序]>[附件]>[畫圖],不是開玩笑的。最簡單的就是最有效的,這一款免費的無需安裝的及破解的綠色軟體。要是複雜的創作還是選用photoshop吧,功能上很多優勢,最低版本都可以。當然像素也分很多類,需要不同的工具,我只介紹上面這兩種軟體。像素不需要技術,需要的是細心。

4、基本元素舉例

在ps裡工具就是鉛筆工具。快捷鍵是,導航器最好放大到400%

點:

線:

角:

面:

友情提示:常用的線條可以設置為畫筆,選中線條>編輯>定義畫筆預設。之後用鉛筆工具時就右鍵就會看到在列表的最後。

5、字體

自然在圖形中需要出現字體。這個就不需要你費事了,有專門的字體,推薦幾個。

英文

中文

友情提示:如果字體不想變形,一定要成倍放大。如英文字體上面舉例的都是8號,放大就要變成16號,依此類推,當然圖形也是如此。

6、下面舉一些實例來說明

例1:先教大家畫一個MP3,以後有時間再寫點「教程」,沒有固定的方法,看自己的習慣,僅演示我做的過程。

通常640*480就足夠了

放大到400%,選擇鉛筆工具或者按鍵盤。

要在新的透明層上繪製選擇一種筆形,設置為1像素。

繪製幾種線條,存為筆形之後就方便了。

選中線條>編輯>定義畫筆預設。

常見的,當然也可設一邊的,之後進行水平或垂直翻轉。可以在畫筆預設管理器中把這幾种放到最前面。

友情提示:繪製過程中難免有錯的地方可用歷史記錄挽回。如果是多出來的點,可以先填充成白色,之後通過[選擇]>[色彩範圍]。選中白色再刪除就可以了。

接下來填充顏色要去掉這個,否則顏色會溢出。

最外面的描邊填充顏色最好是黑色。

開始畫一個蟲蟲的圖舉例說明

新建一張畫布,不用太大。

上來先放大400%。

開始畫1/4腦袋的半圓,不用畫完。

選中後再複製三個即可,因為是圓。

再把嘴和臉部稍改改。

加上觸角。

接著是身子。

同上面的腦袋,畫身體相同的部分也只需複製即可。

接著開始上色步驟,先用魔術陽選擇腦袋裡面任何處。

接下來按住[shift]鍵,多蜒身子都選上。

選取填充工具,按住[alt]鍵在色板處選擇一個深綠色,

直接按[alt]+[delete]進行填充。

選擇菜單>[選擇]>[修改]>[收縮]>

看圖操作,默認[1]像素。

在原選區基礎上整體收縮1個像素,並選擇一個淺綠色。直接按[alt]+[delete]進行填充。

開始高光等部分。用魔術棒[shift]進行多選,選取圖上的部分。

然後按左鍵將選取移動到圖上高光部分。

選取亮色後直接按[alt]+[delete]進行填充。

(上面的選取感覺有些多了,因此下面又去掉多餘部分了。)

填充高光也是用上面的複製選取填充方法。

然後是修改黑色輪廓線,先到右面[圖層]面板,按住[ctrl]鍵在層上點擊一下,選取了整個圖形。

之後菜單>選取]>[色彩範圍]>

用滑鼠單擊原有輪廓的黑色部分,將圖形黑色輪廓選中。

填充工具選中滿意的顏色進行輪廓線填充。使得圖形不呆板。

當然[單色]輪廓線和[漸變]輪廓線效果也是不同的。

由於是像素圖,原有漸變樣式也需要改變一下使畫面整體均為像素形式。

舉例說明我講的意思,下圖是矢量形式的漸變。

經過修改後的漸變,圖中的左面的即為像素風格的漸變。

輪廓選區漸變後,菜單>[圖像]>[調整]>[色調分離]>

根據具體情況調整數值。下面是三種輪廓線填充後的對比,小圖來說不太明顯。

加上其他修飾,基本完成。

先看看效果圖

1. 放大存儲

很多人不知道怎麼放大,因為一旦放大,圖像就會變得模糊,就算不放大出來的效果也不是太清楚。這是因為像素的特殊性,所以保存只能為gif或png。作任何操作前,最好備份一份psd文件,以免出錯後無法挽回。

首先ctrl+s保存一下當前文件

然後把模式改為[索引模式]會提示合併所有圖層,不用擔心,存完會自動恢復。

然後根據需要放大。

然後下面這一步一定要注意,一定是[另存為],不然沒有保存副本的話,你可能把源文件覆蓋,裡面的層都會丟失。

推薦為png格式,當然為了保護版權,允許你存為jpg。

現在關閉當前文件,選擇不保存。

因為合併圖層了,保存的話之前的層就都沒有了。

2. 填充色出現毛邊

很多人上色的時候不知道一些設置,結果出現毛邊。

字體也是一個道理,這是幾種選項結果。

3. 替換顏色

像素的色彩通常很鮮豔,如果做完後發現要調色,不必再去一個個點繪方式去修改,那樣等於重畫一遍,有兩種方式:

(1) 選擇工具

到要改顏色的層,然後下面的菜單

直接用滑鼠選取圖像中的顏色,以牆壁為例。

選取確定後,到調色板選色,直接按alt+delete即可填充。

當然在選擇的模式下也可操作修改這部分的其他屬性。

(2) 顏色替換工具

到要改顏色的層,然後下面的菜單

依然是選擇牆壁,然後可以修改其中的選項、色相等,

也可以點擊標註區域的色框。

點擊標註區域的色框後,出現調色板,即可選色更改。

4. 線條的注意

此幅作品線條有一些問題

首先此類像素作品是沒有透視的,因此地基的線條均以下方式開始繪製

兩邊線的線也一定要準確,這樣才會美觀

其次直線不要打好幾個彎

這是我重繪的,像素最重要的就是線條和顏色,如果線條都錯了,之後的工作將是徒勞的。



需PS CC軟體請在後臺回復【PS下載】

需要看中級PS往期直播視頻教學回覆:【回放】

需先學ps最基礎工具摳圖技能回覆:【PS基礎】

點閱讀全文可加入QQ試學體驗群

相關焦點

  • photoshop教程--PS製作超炫的魔法火焰文字特效S教程
    這個教程將向你展示用PS設計出魔法般的火焰文字特效,這個教程適用於初學者,只需要幾個步驟就可以用photoshop輕鬆地製作出一個看上去很棒的文字特效
  • 用Photoshop製作逼真的印章圖片 PS自學課程 電商美工設計教程
    電子印章如何製作呢?今天,我來教大家用photoshop設計印章。設計的效果相對簡單,還沒有做具體的大小設置,如果要做的更加逼真,按照實際的尺寸比例去設計,一定會更加的完美。01設計步驟Design01:打開photoshop軟體後新建文檔,文檔命名為印章製作教程,文檔的尺寸我們選擇寬680像素高
  • Photoshop設計金色主題風格的暫停按鈕教程
    400像素的圖層,解析度是72按照上一步,製作一個黃色的圓。這裡再加一個圓邊,可以直接用圓形選框工具加描邊,然後在這個圖層上面加一個漸變疊加,或者直接用一個噴槍筆刷去塗抹,這裡要記住,鎖定透明圖層哦~才不會畫出圓圈。最後一步,畫暫停鍵。
  • 我的世界中文版像素畫快速製作教程
    導 讀 《我的世界》中文版怎麼製作像素畫?相信很家都沒有頭緒。具體怎麼做?
  • Photoshop教程:免費視頻教程教你學PS
    正在閱讀:Photoshop教程:免費視頻教程教你學PSPhotoshop教程:免費視頻教程教你學PS2004-05-22 09:54出處:PConline作者:FIF 多媒體製作組>  初學Photoshop,看書或許會讓入門者感到非常困難而厭倦,與生澀的文字相比,生動活潑的視頻多媒體Photoshop視頻教程顯然要更加容易吸引大家的注意和興趣。
  • Photoshop初學者教程:逐幀動畫製作基礎(3)
    正在閱讀:Photoshop初學者教程:逐幀動畫製作基礎(3)Photoshop初學者教程:逐幀動畫製作基礎(3)2007-09-19 09:12出處:作者:webkxq2007>更多精彩平面及網站設計圖文教程、視頻教程,盡在PConline創意設計欄目。
  • 用photoshop圖層蒙版製作海報 電商美工實例教程 PS設計教學課程
    你可以一邊看,一邊打開photoshop一步步設計。01設計教程步驟第1步:打開Photoshop設計軟體,新建一個寬3000像素,高4000像素的文檔在此基礎上新建圖層,用橢圓框選擇工具畫一個正圓,然後填充白色。第2步:複製2圓形圖層,並且調整2個圖層的透明度,倆個圖層的透明度設置不一樣,讓它形成立體的感覺。第3步:打開一張我們準備的好素材圖片,複製粘貼到文檔中來,正好把圓形遮蓋住。然後複製素材圖層。
  • 像素畫新手教程:怎樣開始畫像素畫?
    作者:Pedro Medeiros教你畫像素畫編譯出品摘要:這是一篇關於如何開始製作像素畫的小文章,適合那些想開始或從未畫過像素畫的人。現在我將介紹像素畫基礎知識,如何創建文件,設置畫布大小以及使用顏色。前言在畫像素畫之前,請記住:像素畫只是一種藝術媒介,類似油畫,鉛筆,雕塑或馬賽克藝術。要製作出色的像素畫,要能夠製作出精美的畫面。
  • PS製作網店產品主圖 photoshop設計店鋪主圖 電商美工自學教程
    大家好,前些教程我教大家如何利用photoshop設計店鋪產品詳情圖,今天我來教大家用ps製作店鋪產品主圖。我們看看效果吧。01設計步驟01步驟:打開Photoshop設計軟體,新建店鋪產品主圖文檔,基本上的電商平臺產品主圖的尺寸都是寬800像素高800像素。
  • 《元氣騎士》人物像素畫教程
    在元氣騎士手遊中人物像素畫小夥伴們應該怎麼製作呢?接下來就讓小編來為大家講解下元氣騎士人物格子像素畫製作詳解一覽介紹吧,感興趣的小夥伴們速來圍觀吧~~ 元氣騎士人物格子像素畫製作詳解:
  • Photoshop自學教程(入門)
    今天小編找到了一位學長很久很久之前總結的教程,特意分享給大家!該教程為PS入門級教程,全文沒有介紹任何技巧,但涵蓋了PS幾乎各大常用功能的基本介紹,只要大家認真操作實踐,一定會對PS有一個非常深刻的認識。認識工具欄
  • photoshop濾鏡快速製作漸變彩色豎條紋桌面壁紙教程
    大家好,今天我們來學習一下使用photoshop快速製作彩色漸變風格的豎條紋桌面壁紙,教程非常簡單,只是使用photoshop的濾鏡和浙變工具以及圖層樣式就能得到一個很酷的條紋桌面壁紙,下面教程開始。如圖角度為90度,距離為999像素,如圖步驟5點擊圖層按滑鼠右鍵打開混合選項。
  • Denis Darftey像素畫教程:轉動的齒輪
    摘要:Denis Darftey像素畫教程:轉動的齒輪 關鍵詞:Denis Darftey,像素畫教程,轉動的齒輪,動畫 撰文&編輯:三二 教你畫像素畫首發 | 公眾號 pixelart
  • PS教程:Photoshop製作3D彩色粒子立體字
    【PConline 教程】這次PS教程給大家帶來PhotoShop製作閃亮的3D彩色粒子立體字特效,非常棒的字效。製作的時候最好根據提示及參考圖慢慢發揮。製作的時候會用到3D功能,最好選用較高版本的PS,比如PhotoShop CS5以上版本。
  • Suguru.T像素畫教程:像素畫原創畫法
    摘要:Suguru.T像素畫教程:像素畫原創畫法 關鍵詞:Suguru.T,像素畫教程,原創 撰文&編輯:像素餘 教你畫像素畫首發 | 公眾號 pixelart 本文共745個字
  • photoshop教程ps軟體製作一個立體字效果
    立體字效果在設計中是最長用的表現方式之一,這次就來講解下,使用photoshop軟體,來製作立體字效果。
  • Photoshop怎麼畫箭頭 三種方法教你用PS做箭頭
    photoshop可以製作出非常有趣的圖片,有部分用戶會通過軟體來畫箭頭,不過有其他小夥伴不會使用,下面小編就告訴你畫箭頭教程。  方法一:  1、首先,小編說一種最簡單的方法——自定義形狀工具,我們打開PS,新建一個空白文檔。
  • 《像素射擊》自定義武器怎麼製作 自定義武器製作教程分享
    導 讀 像素射擊手遊中很多小夥伴不知道自定義武器製作及玩法,也不知道製作武器的方法,今天小編就帶著大家了解一下像素射擊自定義武器製作教程
  • ps自學視頻教程photoshop教程
    今天給大家分享我學習的ps教程。有入門、基礎、進階等各階段的學習資料,大家根據自己的需求選擇性學習!—ps自學視頻教程photoshop教程提高篇同樣也是兩套系列教程,想從事平面設計工作的同學認真學習研究!第一套內容
  • Photoshop教程:零素材製作絲滑的德芙巧克力廣告圖片
    今天小編來教給大家在無素材的情況下通過濾鏡來製作巧克力,快來get 學習吧!我們先來看一下效果圖:打開PS(2)文件—新建,新建一個寬度為1920像素,高度為1080像素,解析度為300的圖層。photoshop教程:用ps做一個色彩人像黑白照片變彩色的方法: