『 webdesigngeneratorbuttoncolor 』
これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと...
たまに、クライアントの方で、『ロゴも適当に作っておいて』なんて、かる〜く頼まれる事もあるのですが…。 ロゴの制作ってなかなか大変です。 大抵、ロゴの制作は手書きのスケッチからはじまります。その会社の業務内容や社名などからイメージしてキーワードを拾いだして描いていきます。 本日は、ひとつのロゴが出来るまでのプロセスを紹介されているサイトをまとめ...
webサイトを作成するときに、どうしてもサイト全体の色を決められないという人の為のエントリ。 本当は少し濃いオレンジ系が食べ物屋に向いているとか、薄いグレーが高級感や落ち着きを出すようなページだとか、清潔感のあるイメージを作る為には黒を背景にしては駄目とかというお話を先にしたほうが良いかもしれないのですが、そんなのにとらわれてもしょうがない気も...
「FontSpace」はフォント・デザイナーおよびフォント常用者のコミュニティーで、8900個以上のフォントが無料でダウンロードでき、それぞれのフォントについて詳細なライセンスや書体見本、さらには実際に自分で入力した文字がそのフォントではどう見えるかがすぐにその場で確認できるようになっており、めちゃくちゃ便利です。 各フォントにはタグが加えられており、コミュ...
ちょっとしたデザインに背景素材を加えると、それだけでかなりいい感じに仕上がることが多いです。 特にベクター素材は、ウェブでも、プリントでも使えるので便利ですよね。 今回は、そんな背景に使えるベクター素材をいろいろとまとめてみました。 designersrevolution かなりクオリティの高いベクター素材がアップされているサイトです。 DesignBum: Living Today’s Tomorrows 背景...
Web制作の現場では、さまざまなセオリー・考え方が要求される。筋道の通ったセオリーや理論を理解して実践することは、Webのクオリティを高めるうえでは正攻法といえるだろう。ここではセオリーや考え方などにポイントを絞り、根拠と実践への活用法を紹介していく。知らなかった内容はもちろん、あいまいに理解していた内容もきちんと理解して、Webの完成度を高めてほし...
写真画像をレタッチして、見栄えをよくするPhotoshopのチュートリアル集のPart 3です。 Photo retouch Enhancing The Sky In A Photo Photo retouch Never Forget Dreamy or Misty Effect Easy Soft Focus And Glow Effect Vintage Clouds Portrait Retouching for Beginners Cross-Processed Lomo Effect Simple Focused Lighting Effect Dark Grunge Photo Effect Create a Basic Vexel Imag Sin City Style English Tea can Painting A Picture Sketch Effect Day and Night Create Your Own Planets Fashion Sho...
ウェブサービスの企画をする人には便利そうなアプリのご紹介。Adobe AIR上で動作します。ちなみに日本語とおりません。 Balsamiq Mockupsはモックアップ画面をつくることに特化したアプリです。ウェブ上のコントロールや画像、最近はやりっぽい部品（マップとかウェブカムだとか）をひょいひょい置いて画面を作っていけます。 こうしたツールはいくつかあるかと思うのですが、...
平面的な画像でも、上手に陰をつけることで奥行きが出て、画像を立体的に見せることが出来ますね。 今回は、Photoshopを使ったドロップシャドウのチュートリアルや、お役立ちリンクなどを少しご紹介します。 Photoshop Tutorial: Fancy Text Shadow & Reflection 単純なテキストに、陰と反射を加えると、とっても奥行きのある感じに仕上がりますね。 シェイプを変えて、さらに立体的にも...
最近では、ヘッダ部分や、サイト全体の背景にインパクトのあるイラストや、画像などをど〜んっと使っているサイトが多いような気がします。 今回は、バックグラウンドにインパクトのあるウェブデザインをまとめてみました。 まずは、イラスト編です。絵心のあるかたは、イラストを描いて、バックグラウンドに配置するとかなりインパクトのあるサイトが出来そうですね。...
テキストにメタル・クローム・ピクセル・グランジ・泡・水などのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。一部のサイトでは、PSDファ [...]
GoSquaredのエントリーから、写真画像の編集サイトなどでよく使用される、細部まで丁寧に作りこまれたウェブサービス用のアイコンのベクター素材を紹介します。 40 Icons for your Photo Editi [...]
13日の金曜日に行われたCSS Nite Shuffleは、強烈な印象の残ったイベントでした。特に住さんと高木さんのトークセッションは、いろいろな思いを持って聞きました。どれだけ整理して書けるか分かりませんが、がんばって [...]
皆さんはロゴデザインを考える時にどんな物を参考にしているでしょうか？今ある企業のロゴデザイン、昔のマーク、または全く関係のない物からと、作るロゴのテイストや使われる物の種類でも違ってくるとは思いますが、今回紹介するのはロゴデザインに役立つロゴで残を取り扱っているサイトをまとめた「105+ Logo Design Tuts And Resources」と言うエントリーを紹介したいと思いま...
テキストに光・メタル・木・3D・爆発・炎・氷などのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。一部のサイトでは、PSDファイルをダウ [...]
『 ★★★サイト全体の画面全体の設計に便利なツールの紹介 プレゼンテーションにもよい 』
56 Professional Free Arrow symbol & iconsフリーのプロフェッショナル矢印...
ここでも紹介したのが結構でてますが、非常にボリュームのあるまとめ。 まとめというか、これまで『Photoshop Lady』で紹介してきたチュートリアルのアクセスを集計して公開していますので、ブロガーのまとめとはまた違う価値が見れますね。
2XGU.NETからダウンロードできる、光源、光線、光跡を表現するPhotoshopのブラシを紹介します。 2XGU.NET - Download Ultimate Brush Pack #1 Ultimate Brush Pack #2 2Bit Twilight Brushes 900Kelvin Brushes BlackRose Brushes Decimation Brushes Destiny Brushes Edge Brushes Fusion Brushes Genisis Brushes Godspeed Brushes Green Lotus Brushes Inner Universe Brushes Lithium Brushes Maiden Voyage Brushes Nova Equinox Brushes Odysee Brushes Pier97 Brushes Psionic Storm BRushes Radon Brushe...
