デザインの引き出しを増やすかっこいいエフェクト満載!文字を魅せるPhotoshopのチュートリアルのまとめ -2014年春

久しぶりに、テキストエフェクトのPhotoshopのチュートリアルをまとめてみました。

Photoshopのスキルアップだけでなく、デザインの引き出しを増やすかっこいいエフェクトがたくさんです!

サイトのキャプチャ

Create a Smooth Chocolate Text Effect
チョコレートで描かれたおいしそうなエフェクト。

サイトのキャプチャ

How to Create a Quick and Easy Watercolor Text Effect
水彩の淡いグラデーションがきれいですね。

続きを読む

[CSS]多階層のリスト要素をツリー状にデザインするスタイルシートのテクニック

画像を使用せずに、多階層のリストをツリー状にデザインするスタイルシートのテクニックを紹介します。

ピュアCSSなので、リストのアイテムは増やしても減らしても、ツリー状のスタイルを適用できます。

デモのキャプチャ

続きを読む

jQueryのプラグインを探す時に便利なサイトのまとめ

星の数ほどあるたくさんのjQueryのプラグインから、目的にあったものを探すのはなかなか大変ですよね。そんな時に役立つ便利なサイトをまとめました。

まずは手前ミソで自分がまとめたものから。
これは本当に多大な労力と実際の動作確認もしているので自信をもってオススメできます。

サイトのキャプチャ

jQueryのプラグイン100選 -2013年総集編

日々チェックしているスクリプトから厳選して一年単位でjQueryのプラグインをカテゴリごとに選出しています。プラグインの半分近くは個別に記事も書いてあります。

続きを読む

お料理アイコン大集合!あのチーズ、あの肉、あのキノコなどがかわいくデザインされた手描きのアイコン素材

クッキング関係のかわいいアイテム一つひとつを丁寧に手描きし、それをベクターにしたアイコン素材を紹介します。

素材のキャプチャ

Free Cooking Icon Set

続きを読む

最近のサイトで見かけるかっこいいエレメントがコピペで実装できるコンポーネント集 -Refills

ヘッダやフッタ、ナビゲーション、タブ、アコーディオン、カードコンテンツ、モーダル、パンくず、オーバーレイコンテンツなど、最近のサイトで見かけるかっこいいエレメントがコピペで実装できるコンポーネント集を紹介します。

サイトのキャプチャ

Refills
Refills -GitHub

続きを読む

じわじわくる!大切な情報をクリエイティブに見せたインフォグラフィックのまとめ -Truth Facts

みんなが思ってること、気にしていることをクリエイティブに見せたインフォグラフィックをTruth Factsから紹介します。

こういうの、けっこう好物です。

サイトのキャプチャ

Truth Fact
グレーがコンテンツ、レッドが広告
左から1996年はコンテンツだけ、2004年は広告がちらほら、2013年はコンテンツすくなっ

サイトのキャプチャ

Truth Fact
いろいろな単語を組み合わせると今風の職種になる

続きを読む

手描きの質感がいい感じ!鉛筆・チョーク・パステル・クレヨン・筆などのPhotoshopのブラシのまとめ

鉛筆や色鉛筆、チョーク、パステル、クレヨン、水彩、水墨など、手描き風の質感をだせるPhotoshopのブラシを紹介します。

素材のキャプチャ

Pencil Brush

素材のキャプチャ

PS Brushes Pencil Edit

続きを読む

[JS]さまざまな要素にかわいいシャドウをつけるスクリプト、しかも動くよ -Shine

h1, pなどで実装したテキストをはじめ、画像やパネルなど、さまざまな要素にかわいいシャドウをつけるスクリプトを紹介します。
スクリプトは単体で動作するので、jQueryなどの他のスクリプトは不要です。

シャドウは静止だけでなく、アニメーションにも対応しています。

サイトのキャプチャ

Shine.js
Shine.js -GitHub

続きを読む

 1 2 3 4 5 ... 557 558 Next

top of page

©2014 coliss