2011.04.14

Fireworksの便利な拡張機能

先日弾丸グアム社員旅行から無事に帰国してきたばかりの山田です。

2011年4月3日(日)に参加してきた関西のWEBクリエイターが結集した素晴らしいチャリティイベント「Untitled!!!!!!!!」で紹介されていたとっても作業効率化を図れそうな目からうろこのFireworksの機能拡張について書きたいと思います。

(さらに…)

2011.01.31

ホワイトスペース(余白)を活かしたレイアウトについて

今回はホワイトスペース(余白)を活かしたレイアウトについて少し書きたいと思います。

ホワイトスペースとは、画面を構成する際に絵や写真、文章などの周りにある空きスペースのことです。
(白いスペースである必要はありません。)タイポグラフィの間にあるスペースなども含まれます。

(さらに…)

2010.12.28

WEBサイトで使用する人物のイラストについて

こんにちは。今年最後のブログ担当となりました、山田です。
最近はサイトに使用する人物イラストの仕事依頼が多くあり、イラストを描くことが好きな自分にとってはなんともありがたい楽しいお仕事とはいえ、高品質かつハイスピードで仕上げるとなると、自分の技術や力量不足に四苦八苦しておりました。

気づいたら頭でっかちんになったり、足や手の左右のバランスがおかしくなってしまったり。。何度も修正を繰り返しての完成。

感覚だけでイラストを描いているとやはり、どこか不自然さが出てしまうので参考になりそうな画像をネットで探しだし、それを真似るという手法で描いていましたが、基本の人物イラストの描き方はデッサンの時と同じく、体の骨格を考えて肉付けしていく方法が人物を描く一番正確かつ効率的な描き方だと思います。

今後の技術アップに生かせるよう、反省も兼ねて仕事上で先輩方にご指摘を頂いたことを少し備忘録として書き残しておこうと思います。

  • 一般に綺麗な肌の色の基本比率はCシアン:0 Yイエロー:2 Mマゼンダ:1 Kブラック:0
    あとはYやMを足したりして微調整する。(WEB上で扱う場合はもちろんRGBに変換)
  • 頭の大きさ手足の長さのバランスを考える
  • 骨格に肉付けをしていく感じで体のラインを書いていく。
  • 曲線でできた人間は、直線でとらえた方が画面がしまり上手く見える。
  • 画像を小さくした時に目が潰れてしまわないように気をつける。

人物をロボットのように各パーツごとに分け、どんなポーズも悩むことなくさらさらと描けるようにまずは、基本の骨格を頭に叩き込むことが私の今後の課題のひとつです。

2010.12.15

デコメが簡単に作れてしまう便利なドット絵エディタEDGE

EDGE

唐突ですが、皆さんあなたはデコメを使う派ですか?使わない派ですか?
個人的には男性の方がデコメを多く使うのは好きではないのですが、全然デコメを使わないメールが来ると何故か寂しい気持ちになります。最近は男性の方も可愛いデコメを使われる方が増えてきたと思うのは私の周りだけでしょうか?
女の子は恋をすると特別可愛いデコメをたくさん使って好きな人にメールを送ったりするの人が多いのでは?男友達に聞いた話、ハートなどのデコメの数や動きの大きさ度合いで自分に気があると確信するそうです。
その時の気分にもよりますが、使いわけをしている身に覚えが確かにありますね(笑)

最近とあるブログに使用するデコ絵文字の作成の楽しいお仕事を頂き、とっても便利なツールを発見!Photoshopだと1pxのずれをいちいち直さなければいけないのが面倒なのですが、そんな手間いらずのソフトがありました!

非常に多機能で使いやすいのでおすすめなフリーウェア(無料)の「EDGE」というソフトです。

ソフトのダウンロードはEDGE(エッジ)オフィシャルサイトへ

主な機能
・最大4000×4000ドットのサイズ、256色に対応
・レイヤ機能(最大128枚)
・右クリックで色の取得(スポイト機能)
・豊富なパレット編集機能
・拡大縮小、ブラシ、線、四角形、円形、ベジェ曲線、ぼかし、文字、スプレー、塗潰しに対応
・ショートカットキーの設定が可能
・グリット表示、非表示に対応
・トーン描画機能
・Susie Plug-inに対応

ダウンロードしたファイルは圧縮されているので解凍してすぐに使用が可能です。

このアイコンをクリックすると起動します。

最近ではiPhone/iPod touchで使えるEDGE touch(エッジタッチ)というものも出ているみたいですネ。
私はどちらも持っていないので欲しくなりました。電車通勤の暇つぶしに遊べますね。

2010.12.03

クリスマス・年賀状デザインに使える『雪の結晶チュートリアル』【Photoshop】

もうすぐクリスマスですね。

山田と書いて“サンタ”とも読みます。芸能人で○○○まりあという人がいましたね。

この季節になるとあの人の顔をふと思い出します。。(まぁどうでもいい話ですが。。)

この時期、クリスマスやお正月デザインに素材をお探しの方が多いのでは?

ということで、フォトショでデザインをされる方へ、冬に使える雪の結晶パターンブラシチュートリアルを紹介したいと思います。

雪の結晶は、六花『りっか』とも呼ばれるように、基本六角形なので1個パターンを作って60度ずつ回転をかけていけば意外と簡単に描けてしまいます。(illustratorでも同様に作れます。)

ディテールに凝りだすとキリはありませんが、下手に画像を探すより、自分で作成した方が早いかも?です。

フォトショでデザインをされる方にとって、パターンブラシは幅広く応用が効きくのでよく使ううものをたくさん作っておくととっても便利ですね。

背景レイヤーに好きなグラデーションでもかけて、雪の結晶は、ぼかしたりシャドウ・グローを入れたり、ちょこちょこっと調整すれば、イイ感じにできます。

雪の結晶Photoshopチュートリアル【A Very Snowy Tutorial】

2010.08.31

TwitterのつぶやきをWebサイトに表示させる【twitter ウィジェット】

はじめまして。5月よりWEBデザイナーアシスタントとして入社致しました山田です。

今日はお仕事で活用したWebサイトやブログにつぶやきを表示する【twitter ウィジェット】について書いていこうと思います。

(さらに…)

戸田@ドアズ社長ブログ

  • No items
PAGE TOP