ウェブ配色ツール Ver2.0
基本的な使い方 左上のカラーピッカーを使って、任意の1色を作れば、それに合わせた配色が作れるツールです。またロゴの文字や色は任意の物を指定できるようになっています（ただしフォントは変更出来ません）。 カラーピッカーの下のスライダーを利用すれば、メイングラフィックの変更や色相幅も変えることが出来ます。動きが必要な配色の場合には、2つめのスライダーを右に動かしてください。補色配色に近い配色が出来上がります。 色の一覧を押すことで、出来上がった色の一覧を表示しますので、コピー&ペーストしてお使いください。 この配色ツールについて この配色ツールはフォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。 取材・執筆等のお申し込み このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、フォルトゥ
ゆんフリー写真素材集
写真素材集ｈｐへようこそ。約20000枚、最大600メガピクセル（デジカメ100枚分）クラスの超高解像度 無料写真素材画像サイトです。この写真素材画像は商用利用、加工を含めてフリー（無料）です。 風景、花、かわいい写真がありますので、hpの背景壁紙画像やイラストの背景、携帯待受画像などにどうぞ。利用にあたっては条件を御読みください。 入り口は→こちら ワールドワイドで活用されています 世界の200の国と地域から月間30万人、200万PVの利用をされています。 メジャーなアーティストシーンで活用されています 平原綾香さんの「心」という曲のプロモーションビデオのオープニング画像としても使われています。 NHK、フジテレビ、TBS、テレビ朝日、TV東京などのキー局のドラマ、クイズ番組やCATV、コマーシャルフィルムで利用されています。
Web 2.0な星形バッジを5分で作る：すぐに使える画像テク - builder by ZDNet Japan
開発チームにわざわざデザイナーを入れるまでもない案件では、ある程度のデザイン設計も開発者の仕事になりがち…… 何も凝らずにぱぱっと終わらせてしまえば良いのだけれど、せっかくだからちょっとしたデザインワークも入れたいもの。 とはいえそちらに時間をとられていては本末転倒だ。実は、PhotoshopやIllustratorのちょっとした機能を知っていれば、最近ハヤリのビジュアルアイテムを簡単に作れてしまう。この連載では、グラフィックのプロフェッショナルじゃなくても簡単に実行できる、お手軽テクニックをご紹介しよう。 今回制作するのは、巷でよくみかける星形のバッジをイメージしたグラフィック。ニュースコンテンツをちょっと強調したり、画面に適度なインパクトを与えることができる便利なアイテムだ。画面の主役として使用するには食傷気味かもしれないけど、ちょっとしたアクセントにはいまだにぴったりのグラフィックで
Web 2.0 free buttons maker! - The program (Photoshop, hosting php-gd2)
High quality shape button maker Let's create unique amazing buttons quickly with our online button and badge generator. Full access to all generators, unlimited downloads With our premium subscription you can create, customize and download unlimited buttons and use it for your personal or commercial website, for your mobile or desktop application. Mobile retina display image generator We have rele
RoundedCornr: Rounded Corner and Gradient Generator
Howdy! Welcome to our vaping tribe. We are a group of American Indians who take a keek interest in vaping. For many years, our people have suffered under the harmful health effects of tobacco cigarettes. We are now pushing for everyone to start vaping, as some studies have shown that it is slightly less dangerous than tobacco itself. Our tribe recognizes that not all vaping manufacturers are creat
もうPhotoshopは要らない？ブラウザだけでできるグラフィックジェネレータ15選 | S i M P L E * S i M P L E
そのままですが、Mashableで「Forget Photoshop: 15 Online Graphics Generators」が紹介されていました。 これはメモしておかねば。 Buttonator ボタンがいろいろ作れます。設定がいろいろあって良いですね。 RoundedCornr: Rounded Corner and Gradient Generator いわゆる角丸パーツを作れます。 Web 2.0 free buttons maker! 2.0っぽいボタンが作れます。 glassy buttons こちらもボタンジェネレータ。 Ajaxload – Ajax loading gif generator Ajaxのローディング中のパーツが作れます。 Web2.0 Logo Creator by Alex P Logo Maker : Web 2.0 Stylr 2.0っぽいロゴ
ものスゴく便利なグリッド表示用ブックマークレット登場 | Web担当者Forum
Web担編集部の安田です。Web担のはてブ件数1万件超え（）を記念して、ご愛読のみなさんのお役にたてる便利なツールを作りました。名付けて、「位置調整可能なグリッドオーバーレイ」ブックマーク。ウェブデザインをする人なら日常的にdivの幅や隙間の長さを測ったりしていることでしょう。そういうときに手放せなくなるツールです。 akiyanさんが作った便利なグリッドオーバーレイのブックマークにインスパイヤされて、さらに便利な機能を盛り込んでみました。 名付けて、「位置調整可能なグリッドオーバーレイ」ブックマーク。 使い方その1普通のブックマークレットです。以下のリンクを右クリックして「お気に入りに追加」（IEの場合）または「このリンクをブックマーク」（Firefoxの場合）してください。 IEでは「追加しようとしているお気に入りは安全でない可能性があります。続行しますか？」とのセキュリティ警告が出ま
プログラマでも出来るWebデザイン - Blog.37to.net
home blog labs about contact プログラミング・開発 > プログラマでも出来るWebデザイン (X)HTML CSS テンプレート デザイン 画像 作成： 2007-01-08T01:58:41+09:00 更新： 2009-04-29T09:48:31+09:00 年始早々に大幅リニューアルした当ブログですが、リニューアルのお知らせでも書いた通り、 今回のデザインリニューアルに当たっての作成過程や、使ったツールを書いていきます。 デザインセンスの無い私にとって、今回のリニューアルは良く出来たと自負しているので、 お題はプログラマでも出来るWebデザイン。 前提として、CSSでコーディングが出来て、ある程度HTMLは設計出来る、でもデザインは・・・orz な人を対象にしています。 使用したツール・サイト一覧 作成過程は後半に書くとして、今回使用したサイト・ツールで
Photoshop でつややかな表現をわりと簡単に実現する
2006-05-05T20:05:06+09:00 Illustrator などを利用してベジェ曲線で書いた絵に Photoshop を利用してつややかな表現を加える方法は何通りもあり、すでにたくさんのノウハウが存在しますが、それなりのものならほんの少しの作業で実現できます。いつも違う方法でやってしまいあとで苦労する事があるので、自分自身の忘記録も兼ねてその Tips をまとめておきたいと思います。Photoshop CS で作成したデータですが、サンプルファイルも用意しているのでもしよろしければダウンロードして使ってみてください。 サンプルファイルをダウンロード(tsuyayaka-sample.psd) サンプルファイルはせっかく角丸の四角形で作成したので、Feed Icon として利用できるように、オレンジで描いたレイヤーと、アンテナ部分を描いたレイヤーも追加してあります。 レイヤー
MYCOMジャーナル - クリエイティブ - 連載 - プロに学ぶWeb 2.0な画像テク
新着記事一覧 『鉄のラインバレル』とキュアメイドカフェが2週間限定のコラボをスタート! [03:38 10/4] アストロアーツ、iPhone/iPod touch向け星図アプリ「iステラ」 [02:43 10/4] 【レポート】生涯770作! 故・石ノ森章太郎氏が東京タワーギネス世界記録博物館名誉館長に [02:15 10/4] ヤフー、iPhone/iPod touch向け「Yahoo!路線情報アプリ」を無料提供 [02:10 10/4] CPI、VPSサービスを無料で試せるテストサーバの提供を開始 [02:06 10/4] 【コラム】趣味的第一種接近遭遇 第53回 アイドル撮影会! ファン同士のチームワークが肝心なのだの巻(前編) [01:59 10/4] 小学生のネット利用、7割の家庭で「ルールを設定」 - gooリサーチ [01:57 10/4] カプコン、『バイオ
Photoshopを使ったWeb2.0風ロゴの作り方ムービー
Web2.0風のグラデーションがあって、鏡面に映りこんでいて破裂したようなBETAマークがついているロゴの作成方法が動画で紹介されています。見たままマネしていけばいいので簡単に作れます。 詳細は以下から。 高画質版もダウンロードできますが一部しか見られず、最後までやっているのはYouTube版のみです。 Alleba Blog >> Photoshop Tutorial: How to Make a Web 2.0-Style Logo ムービーで何をやっているかの補足ですが、大体以下のようなことをやってる模様。 まずArialかTahomaかHelveticaフォントで適当に文字を入力。文字の色を3399CCに。 ↓ レイヤーをコピーして右クリック。レイヤー効果からグラデーションオーバーレイを選び、グラデーションをつける。 ↓ 楕円型選択ツールで下半分を消して不透明度を30％に。 ↓ 垂
ウノウラボ Unoh Labs: デザインセンスの無い人がwebサイトを作成する際に参考にしているサイト
こんにちは satoです。 いくら面白くて、高機能なwebサイトを作成しても、デザインがダサいとサイトの魅力や開発意欲は半減です。 僕もまったくデザインセンスが全く無いのですが、新しい物を作成する際には以下のサイトを参考にしています。 (1)Color Scheme Generator 2 デザインの大まかな配色等を決めるのに使用することがあります。 真似するだけで、Coolなサイトに見えるような気がします。 (2)Color Palette Generator ロゴ等の画像を指定すると、その画像に合ったカラースキームを 教えてくれます。 (3)Web 2.0 Colour Palette 有名なサイトのカラースキームの一覧があります。 (4)pmob.co.uk CSSや画面分割などのさまざまなサンプルや解説があります。 (5)logopond さまざまなロゴのサンプルがありま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Iconfinder | Search through 128,345 icons or browse 347 icon sets
無料で使える写真素材 - 厳選１２サイト | DesignWalker
glassy buttons
今度こそフリーの画像編集ソフト『GIMP』をマスターしようという人の為のまとめ*ホームページを作る人のネタ帳
無料で使えるデザイン系ソフトいっぱい - DesignWalker
無料で使えるAdobeCS3の代替ソフト - DesignWalker
NameBright - Domain Expired
Web Design Tools