タグ

2011年10月7日のブックマーク (4件)

  • カラースキームを決めるのに役立つ、配色ジェネレータ17個まとめ | ライフハッカー・ジャパン

    相性の良い色を選んでくれたり、配色の手助けをしてくれるジェネレータはたくさんあります。25 Free Color Tools, Apps and Palette Generatorsで、様々な配色ジェネレータが紹介されていましたので、ここから17個を厳選して以下に紹介します。 1. Color Scheme Designer 3 「Color Scheme Designer 3」は、バランスのとれた色味を生成してくれるジェネレータ。配色に困ったらまずここでヒントを得ましょう。 2. Toucan 「Toucan」では、似た色や逆の色など配色パターンが選べます。画像から色を抽出することもできますよ。 3. kuler 「kuler」は、Adobe製の配色パターン生成ツール。直感で色を決めてみましょう。Adobe製品との連携もあるようです。 4. ColoRotate 「ColoRotate」

    カラースキームを決めるのに役立つ、配色ジェネレータ17個まとめ | ライフハッカー・ジャパン
  • 500以上のwebアイコンをベクターデータで。

    A collection of Fully vector base more than 500 web icons, easy re-sizable and color can change through layer style. Some of them have recreated for web & graphic designers daily use in their design. File Resolution: 1024 × 3100 File Format: PSD ( vector ) Keywords: Business graph, pie chart, business board, icon, PSD, Photoshop, web icons, web2.0 style, designer icon Size: 3.63 MB  (zip)

  • [JS]a要素を内包するdiv要素全体をクリッカブルにするスクリプト -Div Linker

    テキストリンクなどのa要素を内包するdiv要素の全部をクリック可能にするjQueryのプラグインを紹介します。 Div Linker デモページ [ad#ad-2] Div Linkerの実装 実装は非常にシンプルです。 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="jquery.divlinker1.0.js"></script> HTML デモのようにテキストリンク(a要素)をdiv要素で内包します。 <div class="divlinker"> <img src="image.jpg" width="151" height="130" /> <

  • 写真が動きだす!?Photoshopで簡単にできるシネマグラフの作成方法

    シネマグラフというのはGIF画像で作られた「一部分だけが動く写真」の名称となっています。 まずは説明するよりも実際に見て頂きましょう。 このように画像の一部分だけが動くという 不思議な写真を創り出すことができるのですが このシネマグラフ、意外と簡単に作ることが可能で WindowsでもMacでも今すぐに作成することが可能です。 ちなみに以下はウチので作ってみたシネマグラフです。 今回はシネマグラフの作り方を写真を交えて紹介しますので、興味のある方は以下のステップで作ってみましょう! シネマグラフの作り方まとめ 1,Photoshop CS5 Extendedを用意します。 体験版で作れるので体験版をダウンロードすればOK! 2,動画を用意します。 今回は「流れ続ける水をがずっと見ている」という写真を作るため、 実家のを使ってキッチンで動画を撮影してみました。 3,撮影した動画を先ほど

    写真が動きだす!?Photoshopで簡単にできるシネマグラフの作成方法