Re: [ANSI] 一點實用的技巧 文長 用手機慎入

作者: RussellWestb (英文系女生好多)   2016-01-17 00:05:41
※ 引述《staristic》之銘言:
: 本文主要是一些過往的教學文較少提及的東西
: 諸如配色、基本的色塊/符號運用、基本線條技巧
: 在諸多前輩的教學文中已多有提及,請參見看相關板面的精華區
: 以下主要提及的範圍大致上有選圖、切圖(含大頁圖的處理)、背景、層次、省略
: 其中多數的建議是主要是給新手一個較易入手的方向,老手可以跳過
: 我相信很多有經驗的繪師都已能得心應手地處理下面提到一些不好處理的情況
: 1、選圖:選張好圖是件很重要的事,很多圖根本就不適合畫成ANSI
: 選圖大致上有幾個標準
: 一 :色彩分明,盡量不要有漸層、不要大片同色系撞色
: 例:http://i.imgur.com/UaQOYpR.jpg
: 這是一張很適合畫的例子,頭髮的顏色甚至眼睛裡的色彩都很明確
: 連頭髮上的光澤都是明確的白色就可以處理,這種圖就很適合入手
: 例:http://i.imgur.com/TqLND0R.jpg
: 同一個角色,但是撇開圖片大小不論,這張就色彩上而言不是一個適合畫的圖
: 頭髮有光澤,但是這張圖是用漸層的方式呈現,轉換在ANSI上很頭痛
: 又比方右側的頭髮有很多漸層,在有限的配色上很難處理
: 又比方小腿的部份,會想把陰影的曲線畫出來,但是同樣是漸層,不好處理
: 例:http://i.imgur.com/2UyRCqj.jpg
: 來一個極端一點的例子,向這張圖的角色
: 頭髮可以從紅色/白色一路漸層到綠色/深藍色
: 非常難搞,完全不建議挑這種圖來畫
: 例:http://i.imgur.com/iY4jK3c.jpg
: 這張圖是個「不分明」的例子
: 雖說沒什麼漸層,而且原圖似乎給人一種亮色/影陰鮮明的錯覺
: 但是ANSI能用的顏色極少,難不成最後要畫成整片黑色?
: 簡單來說,就是盡量不要挑成這種整張圖同個色系的
: 配色的限制會讓人欲哭無淚
: 例:http://i.imgur.com/vzbbOnQ.jpg
: 這張圖乍看下似乎沒什麼問題
: 但是,通常人物的皮膚影片部份會配色成黃色
: 加之兩人的頭髮與右邊的衣服都是偏黃色系
: 細想下就會發現,這張圖撞色撞得非常誇張
: 題外話,這就是為什麼有些繪師不太喜歡處理黃髮的原因之一
: 因為和皮膚的陰影撞色撞到使得瀏海與脖子處非常難搞
: 一般來說,小圓系列、京阿尼系列都蠻符合這種色彩標準
: 很適合練手
: 二、比例,推荐新手以臉寬佔圖寬的1/3的圖為選擇
: 為什麼是這個比例,主要還是眼睛的處理空間問題
: 1/3的臉寬下,擁有的眼睛的處理空間以我自己的經驗是認為相對適合新手的
: 過大則不好處理空白,過小則不易畫出眼神
: 這部份我們直接來看成圖:
: 例:http://ansi.loli.tw/ansiarts/2978.png
: 臉/圖 ~ 1/4 可以看到我處理眼睛的空間就只有一點點
: 只夠我畫個圓,最多大概可以再塞1~2個色塊吧
: 這樣的空間對老手還可以,對普通的新手應該是算道關卡
: 例:http://ansi.loli.tw/ansiarts/4062.png
: 臉/圖 ~ 1/3 處理眼睛的空間比顯比上一張大很多
: 例:http://ansi.loli.tw/ansiarts/2220.png
: 臉/圖 ~ 1/2 這張是我新手時期的圖
: 眼睛部份有點空洞的嫌疑,這麼大的空間應該可以把眼神處理得更好
: 當然,比例的問題是可以用小畫家之類的軟體,透過裁切、縮放來處理
: 選張好色彩的圖還是比較重要的
: 三、細節越少越好
: 細節通常是比較難處理的
: 可能會需要用到大量的細碎色塊/特殊符號
: 這都是剛入門的新手較難掌握的技巧
: 特別是當這些細節是角色特色無法以「省略」的技巧處理的時候更要避免
: 例:http://i.imgur.com/09r9bTU.jpg
: 我個人認為這個角色是經典案例啦
: 我想應該不會有任何一個經驗老道會繪師推荐新手畫這個角色
: 大家應該都知道我想表達什麼了
: 2、裁切
: 裁切比較複雜一點
: 通常會用到裁切原圖大概有幾個目的
: 一、調整畫面重心:比方說,把人物從畫面中心偏向左或向右,或將重點突顯
: 例:下面是我在以前的文章舉過的例子,這是我早期的一張圖:
: ▎ ▎ ▎ ▏▊▎ \▁ ▁▂▂▂▂▃▃ ▎
: ▍ ▎ ▋ ▊▂▃ ▄▅▅▆▆▄▇▇▆▅▄▃▁ ▎
: ▎ ▂▎▅▆▆ ▎ \ ▋▌ \ \ \ ▎
: ▎ ▍ ▆▆▊▎ ▌▌▏▍ ▏ ▏ ▄ ▄ \ ▃ ㄟ▃▁
: ▌ ▋ ▊▍▎▍ ▍ ▊ ▎▎▅ ▊▍ \ ▄▏ ▆▇
: ▎ ▉▍ ▊▎ ▋▏▍▍ ▏ ▉▎ ▎▍ ▄ \ ▍▏▎
: ▏ ▋▎ ▋ ▎ ▍ ▎▄▎ ▊ ▊ ▏
: ▎ ▊▍ ▋▎ ▎▎ ▋▎ ▍ ▍ ▌▎
: ▍ ▏▎▏ ▋▎ ▎ ▍ ▍ ▊ ▋▎ ▍▊ ▎ \ ▍▍
: ▊▊▎ ▏ ▉▋▍ ▍▊ ▋▏ ▋▌ ▊ ▎ ▏▍ ▏ \ ▋▎
: ▊▋▎ ▎\ ▉▋ ▂▋ ▍ ▊ ▊▍▎ ▍▎▎▎▌
: ▎ ▍▊▍ ▎\ ▉ ▎ ▌▋▍▎▏ ▏ ▊ ▍▎ ▎ ▋ ▋▎ ▊▏
: ▍ ▌ ▍ ▍﹨ ▍ ▏▌▏▏▏ ▏▏◤▃▄/▄ ▍ ▊ ▏▍▎ ▎
: ▎ ▊ ▊ ▊ ▊ ▋▂▃ ◥▎▎ ▉ ▍ ▃▄▂ ▃ ▍ ▊ ▍▋▎▊
: ▏ ▏ ▎ ▅▃▅▃▄▏ ▍ ▊◤▃◥▅▍▏▍ ▍▋▍
: ▊▎▏ ◢◤▄ ◥▏ ◣ ▊▊▋▏ ▂▏▍ ▊▍▎▏
: ▍ ▌▎▍▎▌▂ ▂▍ ▉◢ ▎ ▊▅▃▍ ▏ ▋▋▍ ▍
: ▏ ▃▊▎▏▍▍▎▃▄▎ ◤ ▅▃▅▃▊ ▌ ▌ ▍▍
: ▉▌ ▋▌▊ ▄▅▂▄ \\\\ ▆▅ ▊ ▍ ▎
: ▋▎ ▌▊▅▄▆\\\\ ▏ ▎
: ◣ ▊▎ ▏ 、 ▉ ▄ ▊▍
: ▋ ▅ ▋ ▎▍ ▍ ▋ ▄▌
: ▍ ▄ ▋ ▏▎ ▎ ◤▃▄▅▄
: ▎ ▃ ▊ ▄ ▂▅▏ ▄ ▊▄▆ ▅
: ▄ ▃▅ ~﹀ ▃ ▎ ▍ ▄ ▃▄▂ ▁▄▃
: ▄ ▍▃ ▅▃▂ ▃▅ ▄ ▄ ▃◤
: ▍ ▃▃▄ ▄ ▅▃ ▃ ▄▄ ▄ ▌
: ▎ ▎ ▎ ▄ ▅ ▊ ▇▄▆ ▄▃ ▄ ▎
: ▏ ▄▎ ▊◥▅▃▃▅ ▄
: ▄▂ ▄ ▍ ▄▂ ▃▅ ▎ ▄
: ▏ ↘ \ ▄▄▄▅
: ▎ ▎ ▋ ╮ ▃ ▅
: ▏ ▏ ▍ ▄ ▏
: ▌ ▃ ▋ ▄ ▌
: ▎ ▃ ▂ ▎ ▃ ▄
: 這張圖的重心應該是在人的表情
: 整張圖最下面幾行如果切掉的話,並不影響這張畫的完整性
: 反而可以讓整張圖的重心平衡
: 以下是單頁版,看起來就很乾淨:
: ▎ ▉▍ ▊▎ ▋▏▍▍ ▏ ▉▎ ▎▍ ▄ \ ▍▏▎
: ▏ ▋▎ ▋ ▎ ▍ ▎▄▎ ▊ ▊ ▏
: ▎ ▊▍ ▋▎ ▎▎ ▋▎ ▍ ▍ ▌▎
: ▍ ▏▎▏ ▋▎ ▎ ▍ ▍ ▊ ▋▎ ▍▊ ▎ \ ▍▍
: ▊▊▎ ▏ ▉▋▍ ▍▊ ▋▏ ▋▌ ▊ ▎ ▏▍ ▏ \ ▋▎
: ▊▋▎ ▎\ ▉▋ ▂▋ ▍ ▊ ▊▍▎ ▍▎▎▎▌
: ▎ ▍▊▍ ▎\ ▉ ▎ ▌▋▍▎▏ ▏ ▊ ▍▎ ▎ ▋ ▋▎ ▊▏
: ▍ ▌ ▍ ▍﹨ ▍ ▏▌▏▏▏ ▏▏◤▃▄/▄ ▍ ▊ ▏▍▎ ▎
: ▎ ▊ ▊ ▊ ▊ ▋▂▃ ◥▎▎ ▉ ▍ ▃▄▂ ▃ ▍ ▊ ▍▋▎▊
: ▏ ▏ ▎ ▅▃▅▃▄▏ ▍ ▊◤▃◥▅▍▏▍ ▍▋▍
: ▊▎▏ ◢◤▄ ◥▏ ◣ ▊▊▋▏ ▂▏▍ ▊▍▎▏
: ▍ ▌▎▍▎▌▂ ▂▍ ▉◢ ▎ ▊▅▃▍ ▏ ▋▋▍ ▍
: ▏ ▃▊▎▏▍▍▎▃▄▎ ◤ ▅▃▅▃▊ ▌ ▌ ▍▍
: ▉▌ ▋▌▊ ▄▅▂▄ \\\\ ▆▅ ▊ ▍ ▎
: ▋▎ ▌▊▅▄▆\\\\ ▏ ▎
: ◣ ▊▎ ▏ 、 ▉ ▄ ▊▍
: ▋ ▅ ▋ ▎▍ ▍ ▋ ▄▌
: ▍ ▄ ▋ ▏▎ ▎ ◤▃▄▅▄
: ▎ ▃ ▊ ▄ ▂▅▏ ▄ ▊▄▆ ▅
: ▄ ▃▅ ~﹀ ▃ ▎ ▍ ▄ ▃▄▂ ▁▄▃
: ▄ ▍▃ ▅▃▂ ▃▅ ▄ ▄ ▃◤
: ▍ ▃▃▄ ▄ ▅▃ ▃ ▄▄ ▄ ▌
: ▎ ▎ ▎ ▄ ▅ ▊ ▇▄▆ ▄▃ ▄ ▎
: 我有時候會將一張畫完圖的最上或最下幾行裁掉來做這種調整
: 當然這不是上策
: 在開始畫的時候就將整張圖設定好才是比較理想的狀態
: 又或者,可以根據人物的姿勢來調整他要在整個畫面的正中/右/左
: 例:http://ansi.loli.tw/search/title?q=%E7%8B%82%E4%B8%89
: 偷借其它繪師的圖來說明
: 連結中有幾張狂三是撞圖撞到的
: 可以比較一下那張撞圖的將重心擺在中間和左邊的區別
: 二、整調比例大小
: 我個人通常是為了更多的處理空間去放大圖
: 縮小也是有,不過那常常是因為原圖是海報之類的本來就大的原因
: 除此之外,實務上和前面調整重心差不了多少
: 騰出足夠的處理空間後就是每個人的風格問題了
: 三、大圖裁切
: 我想新手可能比較少有機會接觸大圖
: 要畫全身跨頁的話原圖基本上都要經過一定的裁切才能開始畫
: 圖一抓來就能畫的例子極少
: 大圖裁切的重點我認為就只有一個
: 那就是想清楚想畫什麼
: 因為大圖很少能夠將能畫的全部塞到那個固定寬中
: 通常人物的手腳都是各種申展動作,要全部畫在固定寬中的話
: 臉的比例一定小到爆炸,到時候很容易出現明明畫完了,但是好像哪變形的後果
: 於是,必須要有所取捨
: 比方說想畫腿,那就可以把手的部份選擇性地切掉
: 又比方說,你想畫搔首弄姿的畫面
: 那腿的部份也是必須選擇性地切掉
: 如果都想畫,直接上超大圖吧
: 例:http://ansi.loli.tw/ansiarts/3207.png
: http://i.imgur.com/Nd4CnZ6.jpg
: 說實在,這張圖並不太適合畫ANSI,色彩實在太複雜了
: 不過,我拿這張圖出來想說的是截圖
: 可以看到和原圖比起,我把裙子和手都裁掉了一點點
: 如果可以,我也想把手畫進去,但是如此一來臉寬比會掉到1/4甚至以下
: 不是我喜歡的比例,於是做出這樣的取捨
: 例:http://i.imgur.com/VgE6J7Y.png
: 當你真的想畫的時候就不要硬縮,直攻超大圖吧
: 畫這張的時候我實在不想把手切掉,就是想畫那個姿勢
: 如果將之硬縮成傳統寬度我覺得不能看,太小了
: 3、背景
: 背景是一個很複雜的技術,某種程度上可以決定一張圖的成敗
: 很多前輩高人的背景玩得出神入化,整張圖看起來就和一般圖質感差一大截
: 本文不打算討論這麼複雜的技術
: 本文只打算討論單一顏色的背景,也就是最基本的
: 但我相信看起來簡單的技術也是所有進階技術的基本
: 因為無論再怎麼複雜的背景,終究會有一個「底色」做主色系
: 然後圍繞著這個顏色展開整個背景的構成
: 這個「底色」十有八九也會是單一背景色的最佳解
: 挑選單色背景有幾個大原則:
: 1、不與圖片主色撞色,可以的話,挑選「對比色」突顯主體
: 例:http://ansi.loli.tw/ansiarts/4014.png
: 比方像是紅髮搭綠背景,綠背景用來突顯紅色
: 例:http://ansi.loli.tw/ansiarts/3207.png
: 失敗例子
: 整張圖的主體已經是偏淺色系
: 這張圖的背景再用白色已經是太亮了,黑色可能是比較合理的配法
: 例:http://ansi.loli.tw/ansiarts/3641.png
: http://ansi.loli.tw/ansiarts/3999.png
: 銀白系的頭髮也是偏難搞的髮色系
: 黑色的背景可以將整個白色畫面突顯出來
: 2、以圖片的氣氛取配色
: 例:http://ansi.loli.tw/ansiarts/3194.png
: 雖不是單色背景,但就姑且當成紅色看吧
: 紅色可以帶出殺氣
: 例:http://ansi.loli.tw/ansiarts/3461.png
: 紅色系的頭髮我一般比較喜歡用綠色背景
: 但深藍也不錯,可以把整個畫面弄得有點深幽的感覺
: 這要看每個角色而定
: 3、注意相近色,如無法避免則注意線條必須夠明顯
: 實務上,我會盡量避免使用 或是 當黃色系頭髮的背景
: 雖非同色系,但是看了很容易讓人混亂
: 比方綠色,黃髮系的畫法中,有一種就是拿綠色當陰影做配色
: 不難想像黃髮綠背景,難可分辦,但我個人覺得能避免則免
: 但這非絕對,還是有成功的例子,只能說,新手盡量避免
: 例:http://ansi.loli.tw/ansiarts/2868.png
: 下半身腿的部份與白色背景顏色大面積撞色
: 線條用得不夠深刻的情況下似乎這張圖想賣的大腿根本就沒有被突顯出來
: 例:http://ansi.loli.tw/ansiarts/4420.png
: 雖是黑髮與黑手套,背景也是黑的
: 但是和上一張圖相比
: 這張用了極重的線條刻畫輪廓,相比下效果好了非常多
: 4、層次
: 層次感是一張圖成功的一個關鍵
: 做到這點也不太難,90%以上的ANSI圖可以表現層次的地方主要是在頭髮
: 當頭髮的陰影感有呈現出來,大致上就先成功了一半
: 例:http://ansi.loli.tw/ansiarts/1580.png
: 早期的圖,我只用線條來做頭髮的層次,顯然不夠好
: 例:http://ansi.loli.tw/ansiarts/3870.png
: 同色系的髮色,這張圖的層次就比上一張好多了
: 這種深淺的配色做出來,圖就成功了大半
: 例:http://ansi.loli.tw/ansiarts/4319.png
: 早些時候我很不喜歡畫黑髮
: 因為黑色的髮色無法使用配色做出深淺,只能用線條
: 若把這張圖黑髮上的線條移除,可以說就完全不知道頭髮是怎麼長的
: 例:http://ansi.loli.tw/ansiarts/2549.png
: http://ansi.loli.tw/ansiarts/2531.png
: 層次不止是表現在頭髮上,衣物上也是
: 把衣物的折皺表現出來也算是層次的一環吧
: 不過,層次最好的用法大概是用在歐派上
: 歐派要畫得好,只有一個重點,那就是要把陰影突顯出來
: 線條下得重一點
: 例:http://ansi.loli.tw/ansiarts/2833.png
: http://ansi.loli.tw/ansiarts/2531.png
: http://ansi.loli.tw/ansiarts/4491.png
: http://ansi.loli.tw/ansiarts/3792.png
: 總而言之,就是陰影與線條要下得重
: 5、省略
: 省略我覺得很難提出一個標準
: 大致上,當覺得某個局部難以處理或是硬畫得不到好效果的時候就會用到省略
: 但是還是有碰過有大師把我想省略的東西處理得跟神一樣……
: 只能說,這種東西真的是看技術
: 技術不到的,當省則省
: 最近最常見的用法大概就是用在艦娘的系列圖上
: 儀裝十之八九省了比較好
: 例:http://ansi.loli.tw/ansiarts/2558.png
: http://i.imgur.com/vzbbOnQ.jpg
: 可以看到原圖她的手上是拿著不規則形的小石頭
: 如果照著畫很難讓人看出是在畫什麼
: 索性就用符號取代掉,乾淨簡明
: 例:http://ansi.loli.tw/ansiarts/2948.png
: 在以前的文中拿來舉過的例子
: 琴弦的部份因為沒有合適的符號來畫弦
: 於是乎用這種寫意的方式帶過
: 例:http://i.imgur.com/ZzauCjf.jpg
: http://ansi.loli.tw/ansiarts/4086.png
: 衣服的部份難以處理那種細膩的花紋
: 乾脆用其它方式取代掉
: 另外扇子的部份我也沒有將所有的折痕都畫出來,只畫出符號能支援到的角度
: 而且長度也做了一點取捨
: 6、重配色
: 當撞色撞得亂七八糟無法處理
: 或是整張圖是同色系的時候就會需要重新配色
: 通常不建議使用這種手法,因為這代表剛開始的選圖就有問題
: 我自己比較常使用的是大圖的某一兩個小局部撞色才來局部重配色
: 整張圖重配色也是有,但是不建議,建議另尋它圖才是上策
: 例:http://i.imgur.com/vzbbOnQ.jpg
: http://ansi.loli.tw/ansiarts/2559.png
: 大片重新配色
: 前述過這張圖了,撞色實在撞得太誇張
: 如果要畫,只有重配一途
: 例:http://ansi.loli.tw/ansiarts/4491.png
: 最近很紅的角色
: 衣服的那種半透明感非常難搞,整個色系又是黑成一團
: 也是要像這樣重配才能畫
: 以上
: 歡迎各路高手多多指教
: 謝謝收看<(_ _)>
: 作者: staristic (ANSI lover) 看板: C_Chat
: 標題: [ANSI]
: 時間: Sat Jan 16 22:31:32 2016
有很想投入這行的FU
剛剛看了一遍 應該說 有看沒有懂...
圖的選擇大概是了解了
色彩分明/細節別太多 這兩個為基本取件
但還是有很深的不懂 可以的話跪求大師開實況畫一次XD
但有一個問題是 ANSI 這是要用什麼軟體畫
剛剛去ANSI的網站找了一下 他只有上傳作品而已
作者: suhorng ( )   2016-01-17 00:11:00
PHJCI?
作者: jo8246hn (Rain)   2016-01-17 00:12:00
本版精華區 z-1-9-1-1-5#1HudC3hq (asciiart)asciiart板還有很多可以參考的資料 可以多看看
作者: oread168 (大地的精靈R)   2016-01-17 00:19:00
愛愛愛愛say耐耐耐耐
作者: u067 (だよもん乙女)   2016-01-17 00:27:00
....卡蓮的帽子那該死的魔法紋章是我放棄畫的原因...http://i.gbc.tw/gb_img/s626x465/3266178.jpg
作者: Xavy (グルグル回る)   2016-01-17 00:32:00
你可以畫個黑框跟X交差!
作者: pp1877 (低調之神)   2016-01-17 00:33:00
先抓PHCJI,不然像我一樣用PCMan的ANSI編輯練功很痛苦XD靠北 是PHJCI
作者: u067 (だよもん乙女)   2016-01-17 00:39:00
我有用啦 轉出來的東西要細調.但是紋章實在是...髮線也太細.我還不會拿捏哪裡要省略 無從下手
作者: RussellWestb (英文系女生好多)   2016-01-17 00:41:00
PHJCI找不到載點
作者: Entropy1988 (有意志的物質)   2016-01-17 00:50:00
作者: key0077 (冷風)   2016-01-17 00:53:00
原本的官方載點死了 現在是要另外找備用的
作者: pp1877 (低調之神)   2016-01-17 01:05:00
個人覺得用轉的反而麻煩,還是自己畫,就比較好知道要省略哪裡,或是知道自己是不是挑錯圖。偷懶偷上癮的經驗 (欸!
作者: u067 (だよもん乙女)   2016-01-17 01:09:00
手遊沒辦法啊 圖就那一張....
作者: pp1877 (低調之神)   2016-01-17 01:12:00
那切出來放大呢?雖然圖可能會有點失真...
作者: key0077 (冷風)   2016-01-17 02:13:00
Visual Ansi的方塊圖編輯器很好入門
作者: biglafu (哥吉拉弗)   2016-01-17 03:44:00
看成用手機深入

Links booklink

Contact Us: admin [ a t ] ucptt.com