Windowsペイントでつくるtwitterアイコン入門「描いてみよう」への第一歩の巻

Windowsペイントでつくる
twitterアイコン入門
「描いてみよう」への第一歩の巻

れれのーと(@rerenote)

はじめに
このスライドは2010年3月14日に開催された
「ぼっつく(BOTつくろう会) 第1期6回目」で
発表したスライドを書き直したものです。

一部の画像を差し替えたり文字色変えたり
ページを増減させたり注釈加えたり
という以外の変更は特にありませんが
お楽しみいただければ幸いです。
このスライドでは 2011年9月11日れれのーと
「あんずもじ」を使用しています。 2012年9月3日見た目を変更
http://www8.plala.or.jp/p_dolce/

れれのーとアイコンヒストリー

※もっとご覧になりたい方はこちらをご覧ください。
http://f.hatena.ne.jp/rerenote/プロフイラスト/

すべて
Windowsペイント
で制作しております

本日の小話は
Windowsペイントで
アイコンつくってみない？
というお誘い

さっそく本題
Twitterアイコンとは？

アイコンを
自作する理由

Twitterって
アイコンが
しゃべるんだね！

Twitterのアイコンとは
twitterという世界で生きる
自分の分身である

アイコンにもライフを
エンジョイしてもらいたい！

ただし、
いつも思い通りの画像が
みつかるとは限らない…

ならば
自作するしか！

自作までのハードル
• 絵を描くのが苦手
• 絵を描くソフトって高いんでしょ？
• ソフトの使い方とか覚えるのってめんどくさーい

そんなアナタにおすすめ！

Windowsペイント
windowsに必ずついてくるあの「ペイント」です

ペイントおすすめポイントその1
WindowsPCであれば必ず入ってる！

つまり

絵を描くためのソフトウェアを
新しく購入する必要がない！

必要最低限な機能のみを搭載

つまり

直感的な操作で
すぐに絵が描けちゃう！

「Undo(元に戻す)」は3回まで
書いた後で線を整えることはできない

つまり

自分の書いた生の線がそのまま絵になるので
自分の素のままが絵ににじみ出る！
※「元に戻す」が3回までなのはwinXPまで。Vistaでは10回、７では50回まで回数が増えました。

素顔のままを
演出可能！

Windowsペイントは
Non絵描きな人々にとって
非常に心強いソフトである

さあ、あなたもペイントで
レッツアイコンメイキング！
と、いきたいところですが
まだハードルが残っていた

れれのーとが提案する
お絵かき方法

太めの線で描くおすすめポイント
細い線は繊細なものを表現することができる
まっすぐな線にしたいのに
フラフラしちゃったりとかすると非常に目立つ

太い線は力強いものを表現することができる
多少線が乱れても細い線ほど目立たない

上手にまっすぐな線を引けなくても
カバーすることができる

この絵は
Adobe®Illustrator®で
描いたものなので
差が見えにくいですが、
Windowsペイントだと
赤丸の部分あたりで
見え方にちょっと差が
出てくるかと思います。

色で描くおすすめポイント
アイコンとしてアップロードした画像は
サムネイルが表示されることがほとんど
せっかくの細かい描画が塗りつぶしに
見えてしまうことも多い

Twitterアイコンに関しては
線ではなく面で描くのも十分有効な手

海苔巻きの具材は
細かく描くのではなく
色を塗っているだけ。

少し大きめの
キャンバスで描く

Twitterアイコン表示サイズ

128px ×128px
24px ×24px

48px ×48pxを
32px × 32pxで表示
48px ×48px
24px ×24px

※2011年9月時点のものです

少し大きめのキャンバスで描く
表示されているのはほとんどサムネイル
元のサイズで表示されるのは
UserPageのユーザーアイコンを
クリックした先で表示されるページのみ

表示サイズに合わせて描く必要はない

私の場合
400px × 400px で
描くことが多いです。

ハードルを越える方法の提案
• 太めの線で描く
• 色で描く
• 少し大きめのキャンバスで描く

一度お試しになってはいかが？

Windowsペイントでつくるtwitterアイコン入門「描いてみよう」への第一歩の巻

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (10)