追蹤
- Sakimiya -
關於部落格
放這裡的作品如欲轉載希望能註明一下作者出處,
感謝您的配合(_ _)
  • 160541

    累積人氣

  • 3

    今日人氣

    18

    追蹤人氣

Photoshop+ImageReady製作點圖





打開佛脫下普後是這個畫面,
一開始沒有畫布,要自己按開新檔案:






如圖所示長寬什麼的都可以自己選,
模式用一般的RGB就好了;
另外也可以用拖曳的方式把已有的圖拉進來編輯~


雖然左邊工具列工具一堆,但是我做點圖有用到的工具大概只有以下:

鉛筆、橡皮擦、滴管(選色器)、油漆桶、魔術棒、還有移動工具;

最常用的熱鍵是鉛筆的B,橡皮擦的E,滴管的 I ,
以及上一步的Ctrl +Alt +  Z ( Ctrl + Z 只能重複一次 ),


現在先調一些方便做點圖的設定,
可以想成把部分功能退化成小畫家的樣子:



如圖在筆刷工具上面按住不放,會出現各種同系列工具;
因為要做點圖所以把筆刷改為鉛筆,如圖:



左圖用筆刷工具,右圖用鉛筆工具,能感覺得出差別吧;
做點圖用右邊這種就對啦!

橡皮擦工具也一樣,不過要由上方選項更改:



更改前後擦的效果如圖:



上面擦痕是沒改的下面是改過的,能感覺得出差別吧,
做點圖用下面那種就對啦!

然後是調整魔術棒工具



以及油漆桶工具



要調整的部份是上方選項的容許度以及清除鋸齒

現在拿油漆桶來比較調整前後的效果,
先用孔大姐點圖來試:



現在未調整過的油漆桶,在前髮部分用黃色點一下:



如圖會連邊緣相似顏色也影響到;

現在把容許度調為0,並把"消除鋸齒"選項取消,重新測試一次:



這樣就漂亮地只填滿同樣顏色了~

魔術棒也是相同道理,
調完之後在黑色上點選就會選取相連的整個黑色部份~


移動工具接著再講;

先用草圖來介紹最重要的圖層部分:



字有點看不清楚(汗
圖層視窗下方正方形是新增圖層,垃圾桶圖是刪除圖層;

(往下合併圖層可在上方選項選 or 按Ctrl + E)

應該不難懂吧,新增一個圖層就像多一個畫布,
在圖層一畫了什麼,完全不會影響到圖層二的東西;
圖層順序低的在畫面上就會被圖層順序高的遮住~

畫圖部份版上教學已經有了就不多講了,
第一格草圖畫完之後開始畫第二格:




如圖可以把圖層一的不透明選項調低,
這樣就可以隨時比較與上一格的差異了~

現在來講一下移動工具:




顧名思義它會移動用選取工具或魔術棒選取的像素,
沒有選取任何東西的話,
它會移動該圖層的所有東西


現在要做的是走動的點圖,預計總共是八格,
為了看起來比較像在走,
頭頂位置分別為下、中、上、中、下、中、上、中......
如此loop比較有起伏的感覺,

因此做第二格就先複製第一格的圖往上移動一像素,之後直接改:




左圖為兩圖層重疊,雖然看不出來但第一格的圖透明度已經調低了,

中圖為將第二格的圖上移,應該能看出來吧;

右圖則是第二格草圖畫完,注意落腳位置是一樣的~




圖層做點圖的觀念大概就是這樣,

如何!!很簡單吧!!

就用以上步驟將八格草圖畫好:



圖中的"組合1"是整理圖層的好東西-圖層組合

點圖層視窗的資料夾圖案就能新增圖層組合,
他的功能也跟資料夾一樣,能將多個圖層集合打包。


另外剛剛提到的移動工具,沒選取像素的狀況下,
可以同時移動目前所在圖層組合中的所有東西



如圖是將所有草圖組合中的圖層都移動到右上,這也是個蠻好用的功能。


草圖做好之後來介紹輸出GIF,
選取檔案上的"在Image Ready中編輯":



選取之後會自動開啟IR軟體:



他的介面和PS很類似,
而我做點圖過程中只有用來輸出成GIF,
所以左邊工具列完全沒用到;

最下面多了一條影格時間軸視窗,這就是拿來做GIF用的了~



左下的"永遠"代表影格不停重複;另有重複一次或指定次數等可以選擇。

按鈕圖案和複製圖層一樣,總共有八個影格所以複製七個影格;
和圖層視窗搭配就能調整影格畫面:




這裡要注意的是,更動第一影格的話,
後面用它複製的影格若還沒個別被調整,都會跟著變化。


接著就很簡單了,
第一格只看到第一個圖層,第二格只看到第二個圖層,以此類推:



圖中是影格一~影格三的示範,後面以此類推~


秒數部份,顯示0秒實際上是0.02秒的樣子,總之這樣出來就動太快了;
下面的秒數可以個別改,
也可以配CTRL鍵或者SHIFT鍵選取多個影格後一起改:





如圖將全部影格選取,點下去就能一次全改了,左下的播放鈕可以預覽;

沒問題就能輸出GIF了,選擇檔案選項的"另存最佳化檔案":



就可以輸出草圖的GIF了~






如何!!很簡單吧!!!

草圖弄完就能開始點了,

基本上有用到的工具都講完了,再來就和之前教學的過程一樣了,
差別只在有圖層功能就能分層製作各部位



如圖孔丘大姐分成11個部份...當然厲害的人可以分少一點沒關係_A_||||
第一格點完後就用圖層組合打包,
複製一次拿來做下一格...過程就和做草圖一樣:




中間過程就和用小畫家做的一樣,差只差在分層製作而已,
做完之後分別把各格圖層組合合併,然後去IR輸出...

 合併圖層組合能在上方選項選 or Ctrl + E合併目前選取的組合。
(最好先把各格合併完再轉IR,不然圖層太多IR會讀取很久。)


另外在IR如果要輸出比較大的畫面,可以去影像尺寸更改:



要注意的是直接放大的話線條會變模糊,

我們想要的是雖然放大但是顆粒(?)清晰的樣子:



把原本的"環迴增值法"改成"最接近像素"就可以了:



這是放大前。



這是放大後。



以上,個人做點圖的流程大概就是這樣,

如何!!很簡單吧!!!

有任何疑問都歡迎指教~以上:D

喔對了還有個值得一提的,

每點1小時請休息10分鐘...(被揍

做這個眼睛會有點累,真的.....

相簿設定
標籤設定
相簿狀態