「飛び出す写真」を簡単に作るPhotoshopチュートリアル | POP*POP
たまにこんな（↑）写真って見かけますよね。インパクト絶大な写真です。 そんな写真を簡単に作る方法がこちらで紹介されていました。ちょっと人とは違ったサイトを作りたい方はいかがでしょうか。 » Out of Bounds – The Something Awful Forums Photoshopで作成します。ではどうぞ！ ↑ 元となる写真はこちら。 まず作るレイヤーは3枚。下から順に黒の背景、素材、フレーム用のレイヤーとなります（↓）。 ↑ 次に矩形ツールで白色の長方形を作成します。 そして、選択ツールで長方形の内部を切り抜きます。これでフレームができあがりました。 ↑ 次にフレームの形を変えます。フレームのレイヤーで「Ctrl+T」を使ってフレームだけを選択。 右クリックし、「遠近法」でフレームの形を変えます。「自由な形に」を選べば微調整も可能です。 ↑ あとは、不必要なところを黒く塗りつ
POP*POP的アイコン配布サイトまとめ | p o p * p o p
よくあるアイコン配布サイトまとめですが、自分へのメモ書きの意味も込めてエントリー。ドイツ語のページでよくまとまっているものがあったのでご紹介しておきます。よろしければどうぞ。 » Icon-Sammlungen — Software Guide ご利用の際には、それぞれの利用ライセンスに従ってご活用くださいませ。 ■ 「80×15」ボタン ↑ 3,400個ものミニボタンを公開しています。 Adam KalseyやLuca Zappaを使えば、ボタンの作成もできます。ブログのRSS用ボタンも簡単に作れます。 » George Taylor McKnight ■ intersmash.com ↑ 1,800のサイトから集められた300のアイコンを公開。矢印、記事、メール、吹き出しなどに使えるかわいらしいのがたくさんあります。サイズは16×16ですね。 » intersmash.com/300i
【コラム】プロに学ぶWeb 2.0な画像テク (1) Web2.0的サイトのグラフィック表現 | クリエイティブ | マイコミジャーナル
Web2.0的サイトのグラフィック表現 一昔前、左右にフレームを切ったページ構成がWebサイトの主流だった頃、凸状に見える表現のリンクボタンをよく見かけました。ハイライト/シャドウ表現をうまく組み合わせて疑似的に立体に見せたボタンは、「なんかIT」な香りがして、さまざまな企業の「ホームページ」に採用されていたものです。 時は流れて「IT」という言葉も今更恥ずかしい気がする今日この頃。ここ数年ネットを賑わすキーワードに「Web2.0」があります。これも多少の「今更」感が無きにしもあらずではありますが、Web制作・アプリ開発などに携わる方にはまだまだ避けては通れないキーワードであることは確かです。 そのサービスの有効性やAjaxの技術的なお話などはその道の専門の方々にお任せするとして、この連載ではWeb2.0的なサービス・サイトでのグラフィック表現にスポットを当ててみたいと思います。 その昔、
Japanese Traditional Colors
桜色 (さくらいろ) # 薄桜 (うすざくら) # 桜鼠 (さくらねず) # 鴇鼠 (ときねず) # 虹色 (にじいろ) # 珊瑚色 (さんごいろ) # 一斤染 (いっこんぞめ) # 宍色 (ししいろ) # 紅梅色 (こうばいいろ) # 薄紅 (うすべに) # 甚三紅 (じんざもみ) # 桃色 (ももいろ) # 鴇色 (ときいろ) # 撫子色 (なでしこいろ) # 灰梅 (はいうめ) # 灰桜 (はいざくら) # 淡紅藤 (あわべにふじ) # 石竹色 (せきちくいろ) # 薄紅梅 (うすこうばい) # 桃花色 (ももはないろ) # 水柿 (みずがき) # ときがら茶 (ときがらちゃ) # 退紅 (あらぞめ) # 薄柿 (うすがき) # 長春色 (ちょうしゅんいろ) # 梅鼠 (うめねず) # 鴇浅葱 (ときあさぎ) # 梅染 (うめぞめ) # 蘇芳香 (すおうこう) # 浅蘇芳 (あさすお
ウノウラボ 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 さまざまなロゴのサンプルがありま
CSSを使い、１枚の画像だけでカラフルなグラデーション背景を作る例:phpspot開発日誌
A List Apart: Articles: Super-Easy Blendy Backgrounds CSSを使い、１枚の画像だけでカラフルなグラデーション背景を作る例。 次のような透過PNGがあったとして、更にこの下に色を付けると・・・。 大体どうなるか分かると思いますが次のようなグラデーション背景が出来ます。 そんなCSSのテクニックが紹介されてます。 example one (FireFoxのみ) example two (FireFoxのみ) example three (FireFoxのみ) example four (FireFoxのみ) Example five (FireFoxのみ) Example six (IEも動きます) Example seven (IEも動きます) アイデア次第でこういった技もできてしまいますね。 通常なら画像をPhotoShopなんかで
5000枚以上の写真やイメージ画像が無料で利用できる「Stockvault.net」
ダウンロードできる画像数は現時点で5425枚、カテゴリ数は93、全合計で3432MB（約3.4GB）もの大容量のフリーストックフォトギャラリーです。解像度は1280x960から1800x1200までとなっており、全体的に割と高め。個人利用に限りフリーで、自由に使うことができます。 さらに今は「The Best Stock Photo of 2006」という賞金1000ドルのコンテストを行っており、そこにノミネートされた高品質な画像も自由にダウンロードできるようになっています。 ダウンロードの仕方などは以下の通り。 free stock photos and images - stock photo resource - stockvault.net http://www.stockvault.net/ 全カテゴリには以下からアクセスできます。 Categories / Descriptio
Web 2.0なサイトのロゴに使われているフォントへのリンク集:phpspot開発日誌
Great Fonts for Web 2.0 Fonts are an essential part of design - but there are thousands of fonts out there, so knowing which ones to use can be quite daunting. Here's a roundup of some fonts that have found popularity recently. Ning, POPURLS, TechCrunch などの有名なサイトのロゴに使われているフォントへのリンク集。 43Things に使われている American Typewriter Ning に使われているClarendon POP URLS に使われているDin Engschrift TechCrunchに使われているFrutiger
Great Fonts for Web 2.0
Apache/2.4.29 (Ubuntu) Server at modernlifeisrubbish.co.uk Port 443
オンラインで動く、色, CSS, robots.txt, .htaccess等のジェネレーター色々:phpspot開発日誌
オンラインで動く、色, CSS, robots.txt, .htaccess等のジェネレーター色々 2006年11月13日- Smashing Magazine Blog Archive Online Generators One can discuss, whether web-generators are useful or not. On the one hand, they don’t challenge our creativity, but on the other hand they make our life easier and save our precious time. However, it doesn’t matter really. オンラインで動く、CSSや画像ジェネレーター色々。 色、CSS、METAタグ、htaccess、パスワード、robots.txt
Photoshop用ブラシが180種類以上ある無料サービス「PS Brushes」 - GIGAZINE
Photoshopにはブラシというのがあり、これを使うと任意の形状を簡単に利用できます。有効に使えばいかにもそれっぽい画像がどんどん大量生産できるので、手早くビジュアル的に派手な画像が必要なときなどに重宝します。 そんなPhotoshop用ブラシばかりを集めまくったサイトが「PS Brushes」です。現時点で180種類以上のブラシセットが置いてあり、ジャンルごとに分類されています。今後もどんどん追加されるようです。 そのほかのブラシ配布サイトや、GIMPでの利用方法は以下の通り。 PS Brushes - The Largest Photoshop Brush Resource on The Internet http://www.psbrushes.net/ ブラシのインストール方法も書いてあります。 Installing Brushes GIMPでの使用方法は以下の通り、変換すればO
画像が簡単にできるジェネレーターいろいろ :: Love & Design ::
ブログにちょっと画像がほしいなぁというときに便利なジェネレーターを集めてみました。 専用ソフトがなくても、簡単にあっという間にできちゃうのがいいですね。 ImageChef（日本語対応になりました） こちらは ボムガール | ブログに使えそうなジェネレーター で紹介されていたのですが、なんと75種類あります。 mixi のプロフィールにも使えそうですね。 関連 テキストでハート型などの画像が作れるジェネレーター Web2.0 Logo Creator by Alex P Web2.0 っぽいロゴ E-Zombie.com ゾンビがロゴを作ってくれる Vinyl Record Generator 誰でもレコードが作れるジェネレータ。音楽好きの方はぜひ。 Create Fake Magazine's covers 海外の新聞・雑誌風 どうぞご利用ください。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Download Free Fonts - Search Free Fonts
hereticanthem co.,ltd. » CSSやJavaScriptを使ったオシャレな技やサンプルが解説＆配布しているサイトのまとめ
CSSとJavaScriptでチェックボックスなどをグラフィカルにする「formStyle」
MAQUE: Movable Type Template
Web2.0っぽいデザイン | i d e a * i d e a