[Material] Icon Deposit – チュートリアルやアイコン、コードスニペットなどのデザイン素材投稿サイト
アイコンやコードスニペット、Webパーツなどのデザイン素材と、チュートリアルの投稿サイト。一般的なブログのようにカテゴリーやタグから素材をブラウズする事ができます。素材によってはコードやPSDなどの素材をダウンロードする事ができるので、デザイン素材を漁るのになかなかナイスなサイト。投稿サイトなので、アカウント登録すれば作品のアップロードもできます。
Tag Archives: Tutrial
[Photoshop] 30 Photoshop Tutorials Released In May 2012 – フォトショップのチュートリアルまとめ
今年の5月にリリースされたフォトショップチュートリアルのまとめ記事。グラフィックデザイン、タイポグラフィー、エフェクト、Webデザイン、イラスト的なオブジェクト制作などが紹介されてます。フォトショップの勉強に是非。ちなみにわたくしこのチュートリアルにHilary Erhard Duffが使われてた点に特にグっときました。
[Photoshop] 30 Fresh Photoshop Tutorials You Should Not Miss – フォトショップを使ったクールなチュートリアル
フォトショップを使ったクールなチュートリアルまとめ。ちょっとしたアートワーク作品やデザインパーツ、テキストエフェクトなどの作例が紹介されてます。紹介されてる作品のクオリティについてはややムラがあるけど、クールなものも結構あるので紹介。グラフィックデザインのネタ帳的にも使えそうです。サムネールの死に神のアートワークかっこいいなー。
[CSS3] 100+Best CSS3 Tutorials and Tricks for Design Beautiful Websites – 美しいWebサイト制作のための、CSS3を使ったチュートリアル100個
美しいWebサイト制作のためのCSS3チュートリアルまとめ記事。よくあるまとめではありますが、紹介されてる件数が100件オーバーという点がなかなかホットです。よくこれだけの数集めたなぁと。特にカテゴリ分けはされておらず、ズラーっと並んでます。見てるだけでも疲れますが、コレ系のまとめ記事は数＝有用性ですからね。参考にさせてもらいます。
100+Best CSS3 Tutorials and Tricks for Design Beautiful Websites
[CSS3] 20 More CSS3 Tutorials and Techniques for Creating Buttons – CSS3で描画するボタン作例とチュートリアルまとめ
CSS3で描画するボタン作例と、そのチュートリアルのまとめ記事。20個の作例が紹介されてます。画像を使わずCSS3だけで描画したり、Webフォントを組み合わせて使ったり、動きを使った表現だったりして色々な作例があります。多くのリンク先ではソースコードも一緒に提供されているので、ありがたく使わせてもらいましょ。
[Design] Layers Magazine – Adobeに関するウェブマガジン
デザインに関するWebマガジンというか、チュートリアルが紹介されたブログなんですが、Adobe縛りです。Adobeの呪縛から抜け出せないデザイナー向けのブログ（あ、俺もです）。各種アプリごとに記事をブラウズできる点が特徴でしょうか。あとハードウェアのレビューなんかもあるので、デザインの仕事してる人向けの内容かと。CS6どうすっかなぁ・・・。
[Typography] Create a Stunning Text Effect 25 Fresh Photoshop Tutorials – フォトショップで作るテキストエフェクト
フォトショップで作る様々なテキストエフェクトのチュートリアル。25の作例が紹介されてます。3D系のものは他のソフトを併用したりもしてます。ロゴデザインのネタ探し、フォトショップオペレーションの練習なんかにナイスなまとめ。
[CSS3] How to Create a Content Accordion in Pure CSS3 – CSS3で作るアコーディオン
CSS3で作る縦型アコーディオン。HTMLをマークアップして、レイアウトして、装飾して、アニメーションを書いてくという手順で丁寧に説明されてます。JSを使っていない点が特徴でしょうか。見た感じスマートフォンサイトで使うとイイ感じですねこれ。デモページはこちら。