FC2ブログ

Harmonia!!

CAT長老さんのあれやらこれやら

アスキーアート リプレイ日記 日記 リンク サイトマップ

ちょっと大きいアスキーアートの作り方

tag:雑記 アスキーアート AA 
アスキーアートの作成方法について、自己流ですが纏めてみました。

用意しておくもの

タブレットを購入すればPhoto Shopの無料版がおまけでついてくると思うので、それを使います。

なんでタブレットが必要なの?

AAEに限らず、プログラムによるオートトレースは、画像をそのままAAに再現しようとします。
ためしにこのシーマ様の元画像を、そのままAAEオートトレースにかけてみましょう。

シーマ様
↑元画像です。
Gジェネスピリッツからキャプチャーして、画像を拡大した為カクカクしてます。
何も手を加えずに、オートトレースすると……↓↓↓

::::::::::::::::;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;;;:;;;;;;:;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
:::::::::::;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;._,,,,iiiiilllllllllllllllllllllllllliiiiii,,_.;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
::::::::::::::::;:;:;:;:;:;:;:;:;:;:.,,,iiillllllllllllllllllllllllllllllllllllllllllllllllllllliii,,_;;;;;;;;;;;;;;;;;;;;;;;;;;;;
;:;:;:;:;:;:;:;:;:;:;:;:;:;;iiiiilllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll!!!llliii,,;;;;;;;;;;;;;;;;;;;;;;   ;;;
:;:;:;:;:;:;:;:;:;:;:;:.,iiilllll~;;゙!!ll!!!!!llllllllllllllllllllllllllllllllllllllllllll゙,,,,,lllllllii,.;;;;;;;;;;;;;;;;;....;;;;;;;;;;
;:;:;:;:;:;:;:;:;:;,iilllllllllllllllllllllllliiiiilllllllllllllllllllllllllllll゙゙,゙´゙゙゙_,llllllllllllllllll;;;;;;;;;;...;...;;;;;;;;;;;;;
;:;:;:;:;:;:;:._,lllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllli;;;;;;;.....;;;;;;;;;;;;;;;;
;:;:;:;:;:;:;_llllllllllllllllllllllllllllllllllllllllll!!!!!!!!!!llllllllllllllllllllllllllllllllllllllllllllll...;..;;;;;;;;;;;;;;;;;;;;
;:;:;:;:;:;;;llllllllllllllllllllllllllllllllllllllll゙":: : : : :::'!lllllllllllllllllllllllllllllllllllllllllll;;.;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
;:;:;:;:;:;;.lllllllllllllllllllllllllllllllllll!゙;;::: : : : : : ::..!llllllllllllllllllllllllllllllllllllllllll;;;;;;;;;;;;;;;;;;;;;;;;;;
;:;:;:;:;:;;;゙゙!lllllllllllllllllllllllll";;;;;;::: : : : ::   ;;.;!!llllllllllllllllllllllllllllllllllllllll,;;;;;;;;;;;;;;;;,,iiiii
;:;:;;;;;;;;;;;;;゙゙!lllllllllllllllllll,,,llllliii;:: ::;:;:.lll!llllil..;''lllii!゙゙!!lllllllllllllllllllllllllllllll.;;;;;;;;iiiilllll
;:;:;;;;;;:;;;;;;;;;;;..゙゙!!!lllllllll゙゙゙゙゙゙゙´;::: : ::;:;;;;;;~゛::::.::.:;:;:;;lllllllll゙゙゙llllllllllllllllll,,;;;;;
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;゙!lllll;;:: : ::;;;;;: : : : : : : : : : : :::;;lllllllll!.;;lllllllllllllllllllli;ililllllllllll
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;llllll!;:: : :;:.;;:: : : : : : : : : : : ::;:;lllllllllliilllllllllllllllllllllllllll
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;.illllllllli.::.::.::;::::: ::: : : : : : : : : :;:;illlllllllllllllllllllllllllllllllllllllllllllllll
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;illlllllllllll,,:: : : ;:.....、;::::: : : : ::;:;;lllllllllllllllllllllllllllllllllllllllllllllllllll
;;;;;;;;;;;;;;;;;;;;;;;;;;;;.,llllllllllllllllii,_: : :::;:;::: : : : : ::;:;;;;;;lllllllllllllllllllllllllllllllllllllllllllllllllll
;;;;;;;;;;;;;;;;;;;;;;;;;;..lllllllllllllllllllllllii_:: : : : : : ::;:;;;;;;:;:;,llllllllllllllllllllllllllllllllllllllllllllllllllll
;;;;;;;;;;;;;;;;;;;   iilllllllllllllllllllllllllll..;;   ;;;;;;;;__,,,,iiiilllllllllllllllllllllllllllllllllllllllllllllllllllll
;;;;;;;;;;;;;;;;......;;,,llllllllllllllllllllllllllllllliiii,,,iillllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll
;;;;   ;;;;;.;;..._llllllllllllllll!!゙゙~,,,llll!.`lllllllllllllllllllllllllllllllllllllllll!lllllllllllllllllllllllllllllllllllll
.._,,,,,iiiiiiiii''゙゙゙゙゙゙llllllllllllllllllllllllllllliii,,;;;'゙!゙lllllilllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll
_,゙lll!llllllllli丶;;;;;゙lllllllllllllllll,l!llllll!゙゙゙;;;;;.゙!!!lllllllllllllllllllllllllllllllll!lll!lllllllllllllllllllllllllll
lllllllliil゙llllliiii,,,_.!llllll.゙llllll!;;;!lll_;;:;;;;;;;;;;;;.,lllllllllllllllllllllllllll!!!!ill!!lllllllllllllllllllllllllll
;;;;;;;;;;llllllll゙~゙゙゙゙゙゙;;;!!lll,;;!!lll;,,_゙!ll!;;;;;;;;;;;,iillllllllllllllllllllllllll!゙";;;;;'lllllllliilllllllll
;;;;;, llllllll;;;;;;;;;;;;;;;;;'゙!l;;;;゙!lilll;;llll;;;;;;;;;.,llllllllllllllllllllllllllll!;;;;;;;;;;;;!!!!llllllllllllllllllllllll
;;;;;|,iiil!!゙!l,,,,,,_;;;;;;;;;;;;;;;;;゙!llllll!!;:;;;;;;;illllllllll!llllllllllll!゙";;;;;;;;;;;;;;;;;;;;;;゙゙!llllll
,,,ill!!~;.;;゙゙゙゙゙゙゙゙゙゙!゙;;;;;;;;;;;;;;;;;~!lll";;;;;;;;llllllllllll,llllll!!゙;;;;;;;;;;;;;:;:;:;:;:;:::.::.;:,,llllllllllllllll
ll!!;;;;.;;|;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;llllll!!!!゙゙゙´;:;:;:;:;:;:;:...,iiiiiiiiiiiiiiiiiillllllll
´;;;;;;;;.;;;iiiii,,,,,_.;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;゙lllll;;;;;;;;;;;;;;;;;;;;;;;;;;;; ̄~゙゙゙゙lllllllllllll゙lllllllllll
;;;;__,,,,,,illlllll!!lll!lllliiiii,,_,;;;;;;;;;;;;;;;;;;;;;;;;;;!!llii_;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iilllllllllllll
,,,,゙゙゙゙゙!!lllllllllllllllliilllllllllllli,,_;;,,,;;;;;;;;;;__,,,,,,llll,,,,,,,,,iiiiiiiiiiiiiiiiiiiiiilllllllllllllllllliilll
llllllllllllllllllllllllllllllllllllllllllllllll,,ill;;;iiiillllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll
lllllllllllllllllllllllllllllllllllllllllllll!llllll゙゙゙llllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll
゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙゙
比較のために、こちらに手を加えたシーマ様を貼り付けると……
                    _____
                ,..-‐'"´    ゙゙̄" -..,,
            _..-'´             `ゝ、
        /                   `'、
      /                     ヽ
     ./ ::.::.                        ヽ
     /::::::::::::::                       l
    ./;::::::::::::::::::::::::    ,.. - -.:i;::::::::             !
    .!::::::::::::::::::::::::::::::::::./      .l::::::::::::::        ..l
    ',,::::::::::::::::::::::::::::、./         ヽ::.::.::::::::::::: ::.::. ::.::.::::.l
    .:.l,::_;::::::::::::::::::/ ゙    _..-‐'":\、:::::::::::::::::::::::::::::::.!
     : ".l.::::::::::::::/.iニj    :::::‐/゙' ̄" `'‐:::::::::::;:;::::::::::::::',
       .゙.ー''ー、.! .´´ .、       ̄  : :;:|::::::::,'´ !::::::::::::::|
            、 ',   ,!         :::|:::::::::!:/;::::::::::::::::l
            ! .l   ′        : ::!::::::::|":::::::::::::::::::.!
         !  l,           : ::|::::::::,!:::::::::::::::::::::::l
            !  .:.lヽ   .ー''     ,ノ'|::::::::|:::::::::::::::::::::::::',
         l   !::::ヽ        ,/:::.|::::::::l;::::::::::::::::::::::::::',
         !  :::!:::::::::゙l-,,,  _,/゛;:,..‐,!:::::::,!::::::::::::::::::::::::::::.!
        /l゙  ::}:::::::::i 、'''`-―ー'',゙..-',!::::,i;:l、:::::::::::::::::::::::::::.!
       ./ .|  : |:::   .!i‐ミ''ッ,! ,,''゙゙,.. ‐/:::/;::l:.ゝ-,:::::::::::::::::::::::l
      ._,./ '!  l .. ‐'" ',,,.`":! .',./ :::./:::/;:::,!:,,_;::::゙'ー、、::::::::::::l
: -ー''''゙゙゙゙l _..- .|  l |    ,./ :! ../ ゙/:::/;:::::.!:::::::゙フ'- ,,,`''ー..、;:',
     l、  ', ||   .|゛  l  : ./ :,i"',:::::l゙  :/::::::::::::`''-、、`''ー、、
      ,゙;;;;、 ヽ | .',   .,!  .,!  ,i/:./  .l::/ ./  ::.::.:::::::::::::::;:l゙''ー'′
     ,'    ゙'il、.l,  .!  .! .i!/:/   .!/ ./    i;;一''''''゙゙゛:::::::::
    , .,!       .ヽ .| .,'  ! |:/   " ,,'      `''‐:::::::::::::::::
  . / ._,,二ニ;;     ヽ,〉 /  | l゙:|    ./         ! ,i:::::::::::::
 ./   'i           /  .│,!._,,, /       ._,,,/ l   :::
     ヽ,,_         /   .!::|           `-`-ッ  ,!
       . `゙''ー、、   ./   .l:',          /  /
 .,i--、、      .`'、  l     ゙'ゝ       _,..ヾ  /
 .|   .`''ー- ....,,,,,_  ', /  ,./ ''''^゙゙゙゙゙゙゙゙゙゙゙゙゙ ̄ ̄    ,!
  ゙'-、           `´ │ .'゙,,                 ',
              ゙
明らかに違いますよね。
どう、手を加えたかといいますと、必要な線を書いて、影を塗っただけです。画像を見た方が早いと思うので見比べてみてください。

シーマ様元シーマ様修正

絵が上手い人が手を加えれば、もっと美人になると思います。
で、この線を引く作業ですが、こればっかりはマウスではかなり時間がかかってしまいます。無くても出来ることは出来るんですが、やはりタブレットがあった方が望ましいです。

タブレットを購入するとフォトショップの抱き合わせが着いてくると思います。デジカメとか、スキャナを購入してもついてくるおまけなのですが、 AAを作るのに必要な機能はレイヤーとブラシツールだけですので、十分使えると思います。

トレースする

先ずはアスキーアート化したい画像を読み込みます。

レイヤーの不透明度を選択して、半透明にします。70%ぐらい。
元の絵の上にレイヤーをもう1つ追加します。ここがトレースする線を描く作業レイヤーになります。

基本的には、必要になる線をブラシツールを使って上からなぞるだけです。間違えたらCtrl+Zでやりなおし。
なれないうちはタブレット独特のすべりと言うか、思った位置に線が引けなかったりすると思いますが、すぐ慣れます。

これから新たに購入されるのであれば、 がお勧めです。タブレットに画面がついていて、編集画面がそこに表示されるので、直接書いているのと同じ感覚でお絵かきが出来ます。

線は少し太めで、色は000000……真っ黒ですね。AAEにはこれの方が認識しやすいみたいです。

必要な線が全てなぞれたら、次は影を塗り塗りしていきます。
色は999999かCCCCCCが比較的綺麗なAAにしてくれる暗さになります。それ以上明るいと認識してくれなかったり、lllllだらけになって、これが意外と見苦しい。ロゼットで確認済みです。

と言うわけで、999999からCCCCCCの間を使われることを推奨します。もしくは両方使って白、灰、暗い灰の三色……+線の黒で4色ですか。これ以上色を増やす意味もあんまりないです。

出来上がったらWeb用に保存して、アスキーアートエディターのオートトレースに読み込んで実行してみてください。

その前に999999ってなにさ

色の指定のことです。上から二桁ずつ、赤の99、緑の99、青の99をそれぞれ意味します。数字が大きいほど明るくなり、小さいほど暗くなります。

最大は255なのですが、コンピューターは16進数で処理しているのでFFになります。000000が黒で、FFFFFFは白です。

Photoshopですと、画面の右にあるカラーパレットのR、G、Bがそれぞれ赤、緑、青になります。

CCCCCCはR204、G204、B204ですね。

風景写真や動物をAAにしたい

この場合も基本は全く同じです。
欲しい輪郭をブラシツールでなぞっていって、出来上がったら保存してポン。です。

ブログにAAを貼り付けたらずれた

もしくは、改行が変なところに入ったり、行間が大きかったりして綺麗じゃない。って事があると思います。

もしブログのカスタマイズが出来るのであれば使用しているテンプレートのスタイルシートに下記を入力してみてください。 入力先は本文を表示しているクラスとかタグの部分が望ましいです。


意味わかんねっすwwwwフヒヒwwwサーセンwww
って方は、こっちをとりあえずテンプレートのスタイルシートの一番下に貼り付けてください。



で、上のものをコピペしてもらった後、AAを貼り付けるときに<div class="aa"></div>の間にAAをコピペしてください。

以下コピペ用簡易テンプレ

それでもまだずれる場合は、AAがでかすぎる可能性があります。画像のタテヨコを小さくするか、手作業ではみ出ている部分を消すか……あとはテンプレートを変更してみてください。 3カラム⇒2カラムにするだけで保存できるものが変わってくると思います。

横幅を460ピクセル以内に押さえておけば、ほぼ全てのブログで保存が可能とは思います。

ブログのテンプレートがいじれねぇぜ! って所を借りられているのであれば、素直にお引越しされた方が良いかもしれません。 お引越しをされるのであればはてなダイアリーがお勧めです。 と言うのもですね、はてなダイアリーにはaa記法というイカれた素晴らしい機能がありまして。 上記のような面倒なことを一切しなくても綺麗にAAが貼り付けられます。

ちっちゃいのを作りたい!

申し訳ない。
正直オートトレースで小さい画像を自動的にAA化した場合、100%に近い確立で難解なものが出来上がります。。。

小さいものは手作業でお願いします。その方が絶対綺麗だし可愛いです。

詳しくはクマでも分かるトレースAAの作り方をご参考にされてください。

参考

関連

スポンサーサイト




タグ、カテゴリ等


コメント

コメントの投稿

管理者にだけ表示を許可する

トラックバック

http://lastoneofthezodiac.blog38.fc2.com/tb.php/860-e87ed714

 | HOME | 

プロフィール

ちよろ

Author:ちよろ
大阪で活動するバンドマン。

メインはボーカル。

活動中のバンド
蒼天
 三国志テーマにやろうぜってバンド
音歪
 オーバードライブ。セッションで俺、ボーカル。
仔猫夜叉
 陰陽座。ギターデス。

バンド履歴
蒼天
HARMONIA
MARZie-DEKKER
HARMONIA

ヘルプなどで在籍したことのあるバンド
Mitanie Crue
邪影修羅神

カテゴリ

音楽活動 (206)
ライブ (118)
歌ってみた (85)
その他 (4471)
今日のやる夫スレ (12)
遊んだの (177)
読んだの (11)
見たの (3)
使ったの (3)
まとめらしきもの (401)
日記的なるもの (198)
楽天 (3665)
作ったの (1189)
描いたの (0)
アスキーアート (1176)
プログラムとか (11)
FLASH (2)
リンク集 (2)
サイトマップ (10)

最近の記事

最近のコメント

最近のトラックバック

月別アーカイブ

ブロとも申請フォーム

この人とブロともになる

感謝感激相互リンク様

お世話になってます

Ad

タグ、本文切り替えサーチ

 

RSSフィード

リンク

このブログをリンクに追加する

カウンター

ショートカット