PictBear SE で Cool な Sleipnir ユーザーバナーを作ってみよう！
こんにちは、フェンリル デザイナーのヒロユキです。 Sleipnir ユーザーバナーページにはユーザーの皆様から提供された素敵なバナーが掲載されています。「作ってみたい！」とは思っても Photoshop などの画像編集ソフトは高価だし、難しそうだなと思っている方も多いと思います。 今回はそんな方の為に、無料の画像編集ソフト PictBear SE で簡単に Cool な Sleipnir ユーザーバナーを作る手順を書いてみました。 必要なものは ・PictBear SE Latest Version ・Filter – 拡張フィルタ だけです。 ではまず準備からはじめてみましょう！ 【準 備】 1.PictBear SE Latest Version をインストールします。 Yasuyuki Lab.（http://www.fenrir.co.jp/labs/yasuyuki/）から P
もう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っぽいロゴ
グラデーションを使ったデザインのやり方 - GIGAZINE
Web2.0のデザイン的要素として「グラデーションをかける」という重要なものがありますが、このグラデーションのかけ方が実際にやってみると実に難しい。ネット上でいろいろ調べてみるとグラデーションのかけ方自体は様々な方法やチュートリアルが見つかるものの、「何が正解なのか？」というのは見つかりません。つまり、何がそのときに最もベストな方法なのかがわからないわけです。 また、ブログのテンプレートを選ぶ際にも、どのようなグラデーションが自分の目指すテーマのブログにふさわしいのかも基本的な知識がないとなかなかわかりにくいものです。 というわけで、今回はグラデーションを使ったデザインの仕方について。デザインをしない人でもどのデザインを選べばいいかがわかるように書いてみました。 ■間違ったグラデーションなど無い まず一番わかりやすいグラデーションについての誤解はこれ、汚いグラデーションやださいグラデーショ
【コラム】プロに学ぶWeb 2.0な画像テク (1) Web2.0的サイトのグラフィック表現 | クリエイティブ | マイコミジャーナル
Web2.0的サイトのグラフィック表現 一昔前、左右にフレームを切ったページ構成がWebサイトの主流だった頃、凸状に見える表現のリンクボタンをよく見かけました。ハイライト/シャドウ表現をうまく組み合わせて疑似的に立体に見せたボタンは、「なんかIT」な香りがして、さまざまな企業の「ホームページ」に採用されていたものです。 時は流れて「IT」という言葉も今更恥ずかしい気がする今日この頃。ここ数年ネットを賑わすキーワードに「Web2.0」があります。これも多少の「今更」感が無きにしもあらずではありますが、Web制作・アプリ開発などに携わる方にはまだまだ避けては通れないキーワードであることは確かです。 そのサービスの有効性やAjaxの技術的なお話などはその道の専門の方々にお任せするとして、この連載ではWeb2.0的なサービス・サイトでのグラフィック表現にスポットを当ててみたいと思います。 その昔、
窓の杜 - 【NEWS】透明感のある水晶のような美しいボタン画像を手軽に作成できる「AquaMaker」
透明感のある水晶のような美しいボタン画像を手軽に作成できるソフト「AquaMaker」v1.03が、9月24日に公開された。Windows 98/Me/2000/XPに対応するフリーソフトで、現在作者のホームページからダウンロードできる。 「AquaMaker」は、任意の文字や画像入りのボタン画像を作成できるソフト。ボタン内の文字や画像には、それ自体を水面に投影したかのような影のエフェクトをつけることが可能で、ボタン本体がもつ透明感のあるデザインや、水晶のような光沢感とあいまって美しい。たとえば、ホームページのタイトルロゴやリンクボタンなどを作成したい人にお勧め。 本ソフトの画面は2ペイン構成で、左ペインでボタン画像の設定を行う。入力・変更した設定は、そのつど右側のプレビュー画面に反映される仕組み。 まずはボタン画像の形状を、円形・四角形・楕円形から選択し、次に縦横のピクセルサイズを指定し
i d e a * i d e a - 使える2.0系カラーパレット
ちょっとメモ書き。 2.0っぽいって言葉ももうアレですが、デザイン的には綺麗なサイトが多いので色使いはいろいろ参考にしています。その際によく見ていたのが「Web 2.0 Colour Palette」です。 » Web 2.0 Colour Palette 著名なサイトの色をカラーコード付で紹介してあって便利。 で、それの拡張版がMilesさんのブログで紹介されていました。全部で72個あって使い勝手がよさそう。 JPEGバージョンも用意されていますが、個人的にすげーと思ったのはPhotoshopの色見本ファイルを配っている点。色見本ファイル、はじめて見ました（拡張子は.aco・・・こんなん、はじめてや）。 » カラーパレットダウンロード（ZIP、2KB） あとで使うことになりそうだからここで紹介しておこうっと。みなさんもよろしければご活用ください。 ↑ 僕のPhotoshopがレベルアップ
Web 2.0の挑戦者：オリジナルアイコンを作って自分を表現できるMikons
MikonsのMark Smith氏らがメールでのインタビューに応えてくれた。 Mikonsはどのようなサービスを提供するWebアプリケーションですか。 Mikons.comは、昔ながらの情報伝達手法に新技術（ウェブ）をコミュニケーションの媒体として持ち込んだウェブサイトです。Mikon Machineを使って描くことができる視覚的な記号をベースに人々をつなぐというものです。アプリケーションを開発したのは、わたしの天才的な友人Alan Wattsです。オンラインの編集可能なベクトルグラフィックスプログラムとしてShockwaveのプラットフォームを使っています。 このプロジェクトを始めたきっかけは何ですか。 わたしの情熱です。わたしは、各自の人生経験や情熱を介して人と人をつなぐことに人生の大きな意味を見出しています。あのMister Rogers（子ども向け番組Mister Rogers'
有名な企業のロゴをWeb2.0風にする - GIGAZINE
Web2.0風に仕上げた画像の特徴と言えば、 ・角が丸い ・グラデーション効果 ・鏡面に映りこむ ・フォントが大きい ・色彩がカラフル ・あるいはパステルカラー ・つやつやぴかぴかしている などがあるわけですが、それらの要素を放り込んで既存企業のロゴを「Web2.0」風にしようというもの。なかなか愉快なロゴが多いです。 Famous Logos Redone In Web 2.0 Format http://www.aberrant.us/mirror/redesign/ http://livewavecam.com/redesign20.htm Yay Hooray | yh collab: redesign famous logos in web 2.0 format! 一番下の番号をクリックすればどんどん先に進むことができます。今もなお追加されている最中です。 あとWeb2.0の特徴
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
人力検索はてな - WEB2.0がもてはやされていますが、日本でオリジナリティの高いWEB2.0サービスはどういうものが存在しているかが気になっています。 （１）日本人向けのサービスで （２）?