最近のPhotoshopのチュートリアルはどんどんレベルがあがっていて、見てるだけでも楽しめて、なんだか上達した気分になってしまいます。。 Photoshopの上級者クラスになると、まるで光を操るかのように自然な光を表現しています。 今回は、なるべく簡単できれいに見える、光を表現するPhotoshopのチュートリアルをまとめてみました。 Design a Coldplay/Apple Inspired Portrait in Photoshop Coldpla...
たまに、クライアントの方で、『ロゴも適当に作っておいて』なんて、かる〜く頼まれる事もあるのですが…。 ロゴの制作ってなかなか大変です。 大抵、ロゴの制作は手書きのスケッチからはじまります。その会社の業務内容や社名などからイメージしてキーワードを拾いだして描いていきます。 本日は、ひとつのロゴが出来るまでのプロセスを紹介されているサイトをまとめ...
以前このブログでもご紹介した『クリエイティブなE-コマースサイトいろいろ』 クリエイティブなEコマースサイトは、まだまだたくさんありそうですが。 Eコマースサイトの目的は、いかにユーザーの方々に商品の魅力を伝えて、商品を購入してもらえるかではないでしょうか？ 今回は、いろいろなEコマースサイトを集めているギャラリー系のサイトを中心に集めてみました。 eC...
ちょっとしたデザインのアクセントに矢印素材はとっても便利ですね。 リストに使ってみたり、タイトル部分にさりげなく飾ってみたりと、いろいろ使い道があります。 本日は、矢印の素材をいろいろと集めてみました。 Website Bullets リストなんかに使えそうな矢印や小さなアイコンがいろいろあります。サイトのデザインもシンプルでかわいいですね。 56 Free Arrow Symbols & Icons...
Photoshopのカスタムシェイプを使えば、ちょっとしたアイコンや飾り付けにとっても便利です。 最近では、無料でブラシ並みにカスタムシェイプが公開されているので、いろいろ試してみるのもいいかも。 カスタムシェイプの利点はベクターなので、どれだけ引き延ばしても画質が荒れないということ。 プリントにも使えるので、みなさんお試しください。 インストールのやり方...
以前、ご紹介した『Photoshopチュートリアル テキストエフェクト』 Photoshopを使って、テキストを格好良く見せたい！そんなときに使えそうな、Photoshopのテキストエフェクト・チュートリアル 第２弾です。 Create a Spectacular Grass Text Effect in Photoshop 芝生が浮き出るテキストエフェクト。とってもきれいですよね。 Dramatic Text on Fire Effect in Photoshop メラメラと燃えさかる炎がかっこいエ...
以前、このブログでご紹介した『UIパターンいろいろ』 いろいろな見せ方を見て勉強するのはとっても大切なのではないでしょうか。 Pattern Tap 『Pattern Tap』は、ウェブデザインの要素ごとに分けられた、パターンライブラリのサイトです。例えば、ヘッダー部分のデザインや、フォームのサンプル、カレンダーのサンプルが集められていたりと…。何かと便利なサイトです。しか...
ちょっとしたデザインに背景素材を加えると、それだけでかなりいい感じに仕上がることが多いです。 特にベクター素材は、ウェブでも、プリントでも使えるので便利ですよね。 今回は、そんな背景に使えるベクター素材をいろいろとまとめてみました。 designersrevolution かなりクオリティの高いベクター素材がアップされているサイトです。 DesignBum: Living Today’s Tomorrows 背景...
以前、このブログでご紹介した『サイトでグラフを使いたい時に使えるまとめ』 前回は、Illustratorのチュートリアルなどを中心にグラフの描き方をまとめたのですが、今回はFlashやScriptなどを使って、なるべく簡単にサイトにチャートやグラフを表示できる方法を中心にまとめてみました。 Chart Chooser ExcelやPowerPoint用にきれいなチャートがダウンロードできます。 Open Flash Chart Flash...
先日、Web Designer Wallの2008年のデザイントレンドの記事でも紹介されていたように、水彩画風のウェブデザインを最近よく見かけます。 2008 Design Trends こちらのブログの背景もとってもきれいな水彩画風ですね。こちらの記事では、水彩画風デザインの他に、ビンテージ・レトロ、手書き・クリップ、グランジ、スプラッター、コラージュなどなど、今年のデザイントレンドをまとめ...
平面的な画像でも、上手に陰をつけることで奥行きが出て、画像を立体的に見せることが出来ますね。 今回は、Photoshopを使ったドロップシャドウのチュートリアルや、お役立ちリンクなどを少しご紹介します。 Photoshop Tutorial: Fancy Text Shadow & Reflection 単純なテキストに、陰と反射を加えると、とっても奥行きのある感じに仕上がりますね。 シェイプを変えて、さらに立体的にも...
IT-PLUSさんに、隔週で連載させていただいている、『ウェブデザインの力』 連載３回目の今回は、『アマゾンのリニューアルで考える効果的なナビゲーションの見せ方』というお題で、サイトのナビゲーション・メニューについて、すこし書かせていただきました。 今回の記事を書かせていただくにあたって、いろいろとサイトのナビゲーション・メニューについて調べたのです...
最近では、ヘッダ部分や、サイト全体の背景にインパクトのあるイラストや、画像などをど〜んっと使っているサイトが多いような気がします。 今回は、バックグラウンドにインパクトのあるウェブデザインをまとめてみました。 まずは、イラスト編です。絵心のあるかたは、イラストを描いて、バックグラウンドに配置するとかなりインパクトのあるサイトが出来そうですね。...
『 １年前に、見落としていたサイトや、新しく更新されたサイトなどなど、まだまだリストに使えそうなアイコンがたくさんあったので、まとめてみました。 』 by kojihachisu
Photoshopのブラシは、かなりたくさん公開されていて、いつも重宝します。 IllustratorのブラシもPhotoshopほど、たくさん公開されていませんが、探せば結構クオリティの高いブラシが公開されていますね。 Illustratorのブラシは、印刷用にも使えるので、いろいろ使えそうです。 本日は、Illustratorで使えるブラシをいろいろとまとめてみました。 mycanthus brush pack 1 枠組みなどに使えそう...
先週、GoogleのFaviconが変更されましたね。 One Fish, Two Fish, Red Fish, Blue Fish これまで、8年半使われていた以前のFaviconを一新。シンプルですっきりとしたFaviconに変更されました。iPhoneや、その他のモバイル系にもきれいに表示させる為の変更だそうです。 この新Faviconに決定されるまで、300パターン以上のデザインを作って検討されたそうです。とっても小さなアイコンで、一見、簡単...
『 これ系の本って高いので、ありがたい。ただ、特殊加工系は実用的にならない。 』 by cictac
『 あとでやってみる。やりたかったことがこれほど簡単に・・・ 』 by sippu
『 ★★★サイト全体の画面全体の設計に便利なツールの紹介 プレゼンテーションにもよい 』 by railsjp
このブログの読者の方々で、バナーをデザインされているデザイナーの方々もいらっしゃるのではないでしょうか？ ウェブのバナー広告のデザインは、限られたスペースで、その商材の良さをアピールして、ユーザーにクリックしてもらえるかが勝負なので、なかなか大変ですね。 今回は、そんなバナー広告のデザインに使えそうなサイトをピックアップしてみました。 インス...
