2010/9/2 (木)

イラストレーターさん必見!無料素材サイト

カテゴリー: コンテンツ作成の裏ワザ — atsushi @ 17:10:07

iPhoneやらPSPやら携帯やら部屋の中に充電器が散乱しているatsushiです。

ホームページのデザインをする時に主に写真でイメージをつくっているのですが、サイトによっては、イラストの方がやわらかい印象になったり、あたたかみがあったり、かわいくなったりします。:neko:

でもイラストって写真よりもすごく好みが分かれるもののような気がします。:kaomoji4:

それだけにイラストのセレクトって難しいんですよね。

自分で描けないし…:body_deject:

それから、イラストも1点だけじゃなく、同じタッチのものが揃っていないとまた使いづらいんです。無理やり集めて使うとタッチがバラバラでまとまらなくて…:ari1:

そんな時にきっと役立つ無料素材サイトをご紹介

イラストがすべて無料 「イラストAC」

このサイトでは、イラスト・挿絵・キャラクター・クリップアート・年賀状・素材が無料でダウンロードでき、商用利用もOKとなっています。

また、モノによっては、EPS形式でダウンロードできるから加工もできちゃいますね。

で、このサイトの一番の魅力は、ダウンロードできる素材は、それぞれのイラストレーターさんが描いていて、気に入ったイラストレーターさんがいたら、仕事のオファーができることです。

たくさんのイラストレーターさんが登録されているし、マイクロソフトのクリップアートみたいに:cool:アメリカンな感じもなく、日本人の感性にマッチしたものが多いので、きっと気に入ったタッチのイラストが見つかると思います。:wa-i:

イラストの検索機能も付いているので使い勝手も良好。:kaomoji7:

きっと自分でイラストが描けたら登録してるね。きっと…:baikin_2:

イラストってどうすればかけるようになるんだろね:ase1:

:kaomoji6:ブログランキングの投票をお願いしま~す

:onegai: :yubiright:人気ブログランキングへ :yubileft:

2010/8/26 (木)

無料で使えるアイコン

カテゴリー: コンテンツ作成の裏ワザ — atsushi @ 18:53:32

ITボーイになるべくiPhone4を予約したatsushiです。:antena:

ホームページのデザインに便利なアイコン素材ですが、探しても意外と使えそうなものって見つからなかったりしませんか?

下記サイトでクオリティーが高く無料で使えるアイコン素材がたくさん紹介されているのでご紹介します。

リンク不要で商用サイトにも利用可能なフリーのアイコンセットいろいろ - かちびと.net

まず、ここで紹介されているアイコンが商用でも無料で使えることがいい!

それから一つのデザインでアイコンの種類が豊富なものが多いので、WEB素材として使いやすい!:kaomoji7:

個人的には「32 Free Sketchy Icons」の手書き風のアイコン素材が気に入り、早速デザインに取り入れちゃいました。

しいて難点をあげるとすれば、PNG形式がほとんどだと思うので、PSDとかAIでダウンロードできるといいですね。

無料なんで無茶をいっちゃいけないですけど…:baikin_2:

それから、それぞれの素材を見てると光沢感があってちょっと丸みを帯びてるものが多いんですが、これもiPhoneのアイコンのデザインからの流れでしょうか?こういったデザインが現在のトレンドになっているんでしょうね。

いつかトレンドの作れるデザイナーになれたらいいなぁ…:hamster_7:

ブログランキング参加中です。投票をお願いします。:ase1:

:onegai: 人気ブログランキングへ :yubileft:

2010/8/20 (金)

消しゴムツールを使いこなす

カテゴリー: コンテンツ作成の裏ワザ — atsushi @ 19:57:44

最近口内炎がたて続けにできるatsushiです。:cat_6:

ホームページを制作すると何かと写真の背景を消して使うことが多いです。

画像の被写体と背景がはっきり色が分かれているときは、以前に紹介したプラグインのソフトなどで簡単にできるのですが、なかなかそのために撮影し直すことも大変なので…

そんなわけで結構背景消しをするんですが、このときに使うのが消しゴムツールです。

消しゴムツールでじゃんじゃん背景部分を消していけばいいんですが、いざ全部背景を消し終わると消した部分の境目がはっきりしすぎて違和感ありまくりになります。

そんなことにならないように背景消しの時は、消しゴムツールの設定を変えてあげましょう!:neko:

やり方は簡単消しゴムツールのオプションをブラシに変更して、少しぼかしながら消していくだけです。

1.消しゴムツールのオプションパレットのモードからブラシを選択:kaoemoji3:

2.あとは作業の状態に合わせてブラシのぼかし具合を調節。:kaomoji7:

これで違和感のない背景消しができるはずです。

あとは腕しだいかな:baikin_2:

ブログランキングの投票おねがいします。:kaomoji6:

:onegai:  人気ブログランキングへ

2010/8/7 (土)

Photoshopのショートカット

カテゴリー: コンテンツ作成の裏ワザ — atsushi @ 10:14:04

夏になるとサラダが主食になるatsushiです。:sinme:

Photoshopのショートカットキーについてですが、これまでもいくつか紹介してきましたが、これまた便利だなっていうショーカットキーが紹介されていたのでご紹介します。

作業効率をアップする、Photoshopの20のショートカット | コリス

20個のショートカットが紹介されているのですが、この中で個人的に便利と思ったものをピックアップします。

まず1つ目
レイヤースタイルの「ドロップシャドウ」を表示中に、シャドウをドラッグ
シャドウ部分のみ、ドラッグが可能。

これは、「へぇー」って感じです。いつも「距離」・「スプレッド」「サイズ」の数値を入力してました…:body_deject:

2つ目
[Ctrl] + [Alt] + [Shift] + [E]

背景を含む全てを統合したレイヤーをコピー。

これも「すげー」のひとことです。いままで、統合しては、戻してなんてことをしてました…:body_deject:

3つ目
[Ctrl] + [Shit] + [矢印キー]
10pxずつ移動。

このショートカットはWEBデザインをする上で便利ですね。意外と1pxぐらいずれてたりすることもあるし…:ga-n:

4つ目
[Ctrl] + [0]
ウインドウを画面サイズに合わせて表示。
[Ctrl] + [Alt] + [0]
ウインドウをピクセル等倍(100%)で表示。

これも便利!画像を拡大して細かい作業をしたり、全体を確認したりを繰り返しますから効率UPになりそうです。

Photoshopはある程度マスターしてるかなっておもっててもまだまだ新しい発見がありますね。

こういうの知ってるとちょっと「できるな」って感じがするのは私だけでしょうか?

ブログランキングエントリー中!投票お願いします。
:onegai: 人気ブログランキングへ 

2010/7/29 (木)

Photoshopのスクリプト

カテゴリー: コンテンツ作成の裏ワザ — atsushi @ 17:40:27

やせ期に突入したのか4キロほどやせたatsushiです。:b_body_jump:

毎週ブログのネタ探し勉強のためにPhotoshopのプラグインやアクション・ブラシなどを探しているのですが、最近になってPhotoshopにスクリプトっていうものがあることに気が付きました。:ari1:

フリーで紹介されているスクリプトも結構あるようです。

その中でこれは便利と思ったスクリプトをご紹介します。

Photoshopで鏡面反射を簡単に作る – SimpleReflection.jsx|VFX Channel! 

WEB2.0風デザインでよく見かける「鏡面反射」が簡単につくれるスクリプトです。

写真は向いていないようですが、テキストは簡単にそしてきれいに仕上がります。

実際、スクリプトなしで作ろうとすると結構面倒くさいエフェクトなのですんごい便利ですね。

こんなテキストが…:baikin_1:

 

「ファイル」-「スクリプト」-「simplereflection」をクリックするだけでこんな感じに!:cat_5:

ブログランキングの投票をお願いします。:kaomoji6:

:onegai: 人気ブログランキングへ 

2010/7/23 (金)

顔写真の合成

カテゴリー: コンテンツ作成の裏ワザ — atsushi @ 18:38:31

大人になってから虫が触れなくなったatsushiです。ギリさわれてクワガタです…:kaomoji3:

お昼休みに家に帰るといつも「笑っていいとも」がかかっています。

いつも何気なく見ているんですが、最近気になるコーナーがあります。

木曜日の「つるべにかくれんぼ」というコーナーです。簡単に説明すると「つるべ師匠」とゲストの写真を合成して「つるべ度90%」・「つるべ度40%」・「つるべ度10%」の写真を見てゲストが誰かを当てるという企画です。

このときの写真の合成が非常にきれいにできているんですよ:cat_5:いつもどんなソフトを使って作っているのか気になっています。

誰かわかる人いますかね:kaomoji6:

そんな感じで顔写真の合成をいろいろと調べていたら面白いサイトを見つけました。:wa-i:

MorphThing(英語)

→使い方はこちら

このサイトでは、有名人(ハリウッド俳優やマイケルジャクソンも)と自分の写真を簡単に合成(モーフィング?っていうのかな)できます。

また、男性と女性の写真であれば、2人の子供はどんな顔になるのか?を合成してくれます。:hamster_4:

ちょっと「つるべにかくれんぼ」とは違いますが、こんなツールも面白いですね。

ビヨンセとマイケルジャクソンを合成したら↓こんな感じになりました…:kaoemoji1:

ちょっとジャネットジャクソンっぽくなるみたいです。:baikin_2:

 

楽しんでいただけたらブログランキングの投票をお願いします。

:onegai: 人気ブログランキングへ 

2010/7/16 (金)

zencartのオプション登録をすばやく簡単に

カテゴリー: コンテンツ作成の裏ワザ — atsushi @ 9:48:56

梅雨明け?と同時に自転車通勤を再開したatsushiです。:hare:

今日は、Zencartの商品オプション登録をすばやく且つ簡単にするモジュール?をご紹介します。

ZenCart- 「Improved Attributes Controller」でオプション設定を便利に

こちらのサイトでも触れられていますが、Zencartの商品オプションの登録はわかりにくいし、めちゃくちゃめんどくさいです。:kaomoji5:

たとえば、一つの商品にカラーのオプションが「レッド」「ブルー」「オレンジ」「ブラック」などとあった場合、設定するのにそのカラー分同じ操作をしてオプションを登録しなければいけません。:ari1:※複数選択ができません(色が4色あれば4回)

それから、オプションがグルーピングされないので、目的のオプション値を探すのにも時間がかかります。:body_deject:

そんな不便なオプション設定が短時間でできるようになるのでおすすめです。

また、設定したオプション自体は、Zencartの標準機能で別の商品や、カテゴリーごとにコピーができます。:kaomoji7:

ただ最初のオプション値の設定は、やっぱり一つずつしかできないので次のバージョンでは、そこももう少し手間がかからず設定できるようになってほしいですね。

ブログランキングの投票をお願いします。:kaomoji6:

:onegai: 人気ブログランキングへ 

2010/7/7 (水)

壁紙や背景画像をつくるのに便利なPhotoshopフィルタ

カテゴリー: コンテンツ作成の裏ワザ — atsushi @ 10:52:46

毎日クモの巣にかかるatsushiです。:kaomoji5:

今日ご紹介するPhotoshopのフィルタは、ループ画像をつくるのに非常に便利なフィルタです。

たとえば、壁紙をつくる時や、ホームページの背景画像をつくる時などに1枚の画像をループさせて使うことがあると思います。

この場合、画像のつなぎ目を計算して作らなければならないので、結構時間がかかったり、いざループさせてみたらつなぎ目がみごとにずれてたりするもんです。:kaomoji4:

そんな時にこのフィルタがあれば大丈夫:b_body_jump::yosya:

MuRaのシームレス・フィルタ

この中の「Duplicate」フィルタを使えば、ループさせたい画像を一つつくるだけであとは、
Offset X Offset Y  Mirror   Rotation   Pile Order   Effect の各項目をスライダで調整するだけでループ素材が出来上がります。

これなら面倒だったループ画像の作成も短時間で簡単に作れそうです。:neko:

手順1.ループさせたい画像を準備(ここでは、「ねっといんぱくと」のテキストをループさせたい)

※テキストはラスタライズしないとフィルタがつかえません。

手順2.ループの調整
 スライダで各項目を調整してループの状態を設定します。

完成
 完成した画像をCSSでループさせれば背景画像に使えます。:kaomoji7:

ブログランキングの投票をお願いします。:kaomoji6:

:onegai:  人気ブログランキングへ

2010/6/29 (火)

クリップアートが変わりましたね

カテゴリー: コンテンツ作成の裏ワザ — atsushi @ 14:49:13

ウイイレがD1に昇格し、日本のワールドカップベスト8に期待するatsushiです。:b_body_jump:

シルエット素材を探して久しぶりにマイクロソフトのクリップアートのサイトを見たらリニューアルされてました。:cat_5:

http://office.microsoft.com/ja-jp/images/?CTT=97

Office2010に合わせての変更のようです。

使い勝手もかなりよくなっているようで、まず、日付順やダウンロード数順などに並べ変えられるようになっています。使いどころのわからないものややたらとアメリカンなイラストばっかり:kaomoji5:だったのでこれで解消出来そうですね。

それからおもしろいのが「類似画像を表示」です。:kaomoji7:

これは見てもらったほうがわかりやすいのですが、類似画像がマッピングされ表示されます。こういった画像って直感で探すことが多いのでこの表示方法はいいですね。

また、表示された類似画像を選択するとその選択した画像の類似画像を表示してくれます。

これまでは、「検索できればいい」といった感じでしたが、これからのサイトは、インターフェイスが重要になってきそうですね。

見た目のデザインだけじゃなく、使いやすさをデザインすることも勉強しないといけないですね。

ブログランキングの投票をお願いします。:kaomoji6:
:onegai:  人気ブログランキングへ

2010/6/24 (木)

Google sketchup

カテゴリー: コンテンツ作成の裏ワザ — atsushi @ 15:44:54

久しぶりにプラモデルをつくったatsushiです。:cool:(MGの孫悟空をつくりました)

Google sketchup(グーグルスケッチアップ)というソフトをご存知でしょうか?

Google sketchup

簡単にいうと無料の3Dモデリングソフトです。

操作がすごく簡単で、図形を描いて、ひっぱりあげたり、押し込んだりして立体図を作っていくような感じになっています。

作った画像も書き出すことができるので思わず夢のマイホーム?を作りたくなります。

また、作った画像をGoogle Earthに貼りつけることもできます。

3Dの作成には依然から興味があったんですけど難しいイメージがあり、手をつけていなかったんですが、こんなソフトなら簡単に覚えられ、楽しめそうです。

↑適当過ぎですいません:ase1:
三角屋根ができた満足感でいっぱいになりました…:kaoemoji1:

ブログランキングの投票もお願いします。:kaomoji6:

:onegai:  人気ブログランキングへ