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

8,619 views

Published on

「あいつく(twitterのアイコンつくろう会)」の原点となったLT発表のスライドを書き直したものです。
「ぼっつく(BOTつくろう会)#6」で発表させていただきました。
ペイントへの愛が高まりすぎて強引な展開になっていますが、笑って許していただければ幸いです。

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
8,619
On SlideShare
0
From Embeds
0
Number of Embeds
457
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

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

  1. 1. Windowsペイントでつくる twitterアイコン入門 「描いてみよう」への第一歩の巻 れれのーと(@rerenote)
  2. 2. はじめにこのスライドは2010年3月14日に開催された「ぼっつく(BOTつくろう会) 第1期6回目」で 発表したスライドを書き直したものです。一部の画像を差し替えたり文字色変えたり ページを増減させたり注釈加えたり という以外の変更は特にありませんが お楽しみいただければ幸いです。このスライドでは 2011年9月11日 れれのーと「あんずもじ」を使用しています。 2012年9月3日見た目を変更http://www8.plala.or.jp/p_dolce/
  3. 3. れれのーとアイコンヒストリー ※もっとご覧になりたい方はこちらをご覧ください。 http://f.hatena.ne.jp/rerenote/プロフイラスト/
  4. 4. すべてWindowsペイントで制作しております
  5. 5. 本日の小話は Windowsペイントでアイコンつくってみない? というお誘い
  6. 6. 略してあいつく
  7. 7. さっそく本題Twitterアイコンとは?
  8. 8. ←これ。
  9. 9. アイコンを自作する理由
  10. 10. Twitterって アイコンがしゃべるんだね!
  11. 11. Twitterのアイコンとはtwitterという世界で生きる 自分の分身である
  12. 12. アイコンにもライフをエンジョイしてもらいたい!
  13. 13. ただし、いつも思い通りの画像がみつかるとは限らない…
  14. 14. ならば自作するしか!
  15. 15. 自作までのハードル• 絵を描くのが苦手• 絵を描くソフトって高いんでしょ?• ソフトの使い方とか覚えるのってめんどくさーい
  16. 16. そんなアナタにおすすめ!
  17. 17. Windowsペイントwindowsに必ずついてくる あの「ペイント」です
  18. 18. ペイントおすすめポイント その1WindowsPCであれば必ず入ってる! つまり絵を描くためのソフトウェアを新しく購入する必要がない!
  19. 19. 超お得!
  20. 20. ペイントおすすめポイント その2必要最低限な機能のみを搭載 つまり 直感的な操作で すぐに絵が描けちゃう!
  21. 21. 超簡単!
  22. 22. ペイントおすすめポイント その3 「Undo(元に戻す)」は3回まで 書いた後で線を整えることはできない つまり 自分の書いた生の線がそのまま絵になるので 自分の素のままが絵ににじみ出る!※「元に戻す」が3回までなのはwinXPまで。Vistaでは10回、7では50回まで回数が増えました。
  23. 23. 素顔のままを演出可能!
  24. 24. WindowsペイントはNon絵描きな人々にとって非常に心強いソフトである
  25. 25. さあ、あなたもペイントでレッツアイコンメイキング!と、いきたいところですがまだハードルが残っていた
  26. 26. 自作までのハードル• 絵を描くのが苦手• 絵を描くソフトって高いんでしょ?• ソフトの使い方とか覚えるのってめんどくさーい
  27. 27. れれのーとが提案する お絵かき方法
  28. 28. 太めの線で描く
  29. 29. 太めの線で描く おすすめポイント細い線は繊細なものを表現することができる まっすぐな線にしたいのにフラフラしちゃったりとかすると非常に目立つ太い線は力強いものを表現することができる 多少線が乱れても細い線ほど目立たない 上手にまっすぐな線を引けなくても カバーすることができる
  30. 30. この絵はAdobe®Illustrator®で描いたものなので差が見えにくいですが、Windowsペイントだと赤丸の部分あたりで見え方にちょっと差が出てくるかと思います。
  31. 31. 色で描く
  32. 32. 色で描く おすすめポイントアイコンとしてアップロードした画像はサムネイルが表示されることがほとんどせっかくの細かい描画が塗りつぶしに 見えてしまうことも多い Twitterアイコンに関しては線ではなく面で描くのも十分有効な手
  33. 33. 海苔巻きの具材は細かく描くのではなく色を塗っているだけ。
  34. 34. 少し大きめのキャンバスで描く
  35. 35. Twitterアイコン表示サイズ 128px ×128px 24px ×24px 48px ×48pxを 32px × 32pxで表示 48px ×48px 24px ×24px ※2011年9月時点のものです
  36. 36. 少し大きめのキャンバスで描く 表示されているのはほとんどサムネイル 元のサイズで表示されるのは UserPageのユーザーアイコンを クリックした先で表示されるページのみ表示サイズに合わせて描く必要はない
  37. 37. 私の場合400px × 400px で描くことが多いです。
  38. 38. ハードルを越える方法の提案• 太めの線で描く• 色で描く• 少し大きめのキャンバスで描く 一度お試しになってはいかが?
  39. 39. さあ、あなたも
  40. 40. Let’sあいつく!

×