線を組み合わせてリボン状に加工し、美しい画像を作成するPhotoShopチュートリアル:phpspot開発日誌
線を組み合わせてリボン状に加工し、美しい画像を作成するPhotoShopチュートリアル 2007年11月21日- CornOnCob : SwooshyLines Tutorial In this tutorial, I will show you how to make an abstract ribbon-like effect using only Adobe Photoshop 線を組み合わせてリボン状に加工し、美しい画像を作成するPhotoShopチュートリアル。 次のような美しい画像を作成するチュートリアルです。 PhotoSohpであれば、素材を使わずとも、こういった美しい画像が作れます。 応用することで、オリジナルの美しい画像が幾通りも作れそう 関連エントリ PhotoShopでMacOS、Leopard風ロゴを作るチュートリアル 煙風エフェクトをカッコよく作るPhotoS
Photoshopで幻想的なファイナルファンタジー風のロゴ作成チュートリアル:phpspot開発日誌
PSDTuts - Photoshop Tutorials and Links - A Slick Supernatural Text Effect In this tutorial we'll be creating a smokey night effect on text to give it an eerie supernatural sort of feel. Photoshopで幻想的なファイナルファンタジー風のロゴ作成チュートリアル。 次のようなロゴを素材を使わずに1から作成していくPhotoShopチュートリアルが公開されています。 フィルタのみで星空を作ったり、波形フィルタを何度もかけて煙のようにしていくテクニックは色んな場面で使えそう。 チュートリアルを辿って次のような画像を作成してみました。 チュートリアルをこなすことで様々なテクニックを身に付けられるので一度こなして
超クールなブログデザイン11集30:phpspot開発日誌
30 More Excellent Blog Designs | Design Showcase | Smashing Magazine It’s not hard to design a weblog, but it’s getting harder when you try to achieve a unique weblog design. 超クールなブログデザイン集30。 SmashingMagazine にてクールなブログ特集が公開されました。 いくつか気になったものをブックマーク。 Webデザイナーのためのリンク集 個性的かつ印象的なブログを作る際の参考にできそうです。 関連エントリ プロレベルのWEBデザインをオンラインで簡単生成「doTemplate」
WEBデザイナーのための超便利リンク集:phpspot開発日誌
For Webdesigners - 332 helpful links for webdesigners WEBデザイナーのための超便利リンク集。 Ajax、カラー、CSS、Flash、フォント、無料写真、ジェネレーター、素材、アイコン、インスピレーション、PhotoShopチュートリアル、xhtml に関するサイトが332もまとまっています。 どのカテゴリも厳選されていて、WEBデザイナーの方には便利なものになっています。 フォントや写真、アイコンなどの素材を探す場合にはここから探してもよさそう。 関連エントリ 超クールなブログデザイン集30 プロレベルのWEBデザインをオンラインで簡単生成「doTemplate」 ページ送り部分のデザイン研究
CSSのみでクールな階層メニュー作成サンプル:phpspot開発日誌
Stu Nicholls | CSSplay | Cross browser flyout menu examples using only css CSSのみでクールな階層メニュー作成サンプル。 次のようなカッコいい階層メニューのサンプルが公開されています。 クールなのでそのままサイトに組み込んで流用できそう。 IE5.5 , IE6, IE7, Firefox, Opera 等で動作。 関連エントリ CSSでちょっと変わっているピル風の形をしたナビゲーションを作成 セクシーに動作するスライドメニューバー実装JSライブラリ クールにスライドするメニューを作成するJavaScriptライブラリ「Image Menu」 CSSのクールなメニューをオンラインで簡単生成「CSS Menu Generator」
56のクールなPhotoShop用レイヤースタイル集:phpspot開発日誌
Spice up your design with 56 Photoshop layer styles | Jayhan Loves Design & Japan I had been working with Photoshop for more than a year and through out this year, I designed works by using this great tool, really can’t live without it. 56のクールなPhotoShop用レイヤースタイル集。 次のようなレイヤースタイル集が配布されています。 インストールは簡単で、ダウンロードして解凍後のファイルをダブルクリックするだけ。 次のような効果を簡単に与えられます。 関連エントリ １クリックでクールなWeb2.0/Apple風ボタンを作れるPhotoShopレイヤー
SafariのCSSリファレンス「Safari CSS Reference」:phpspot開発日誌
Safari CSS Reference: Introduction to Safari CSS Reference All Safari web browsers use the Web Kit engine to display web pages. The Web Kit is an open source framework in Mac OS X that lets developers embed web browser functionality into applications. SafariのCSSリファレンス「Safari CSS Reference」。 「Supported CSS Properties」にてSafariのCSSのサポート状況について知ることが可能です。 apple の本家サイトによるドキュメントなので、SafariのCSSについて調べたい場合は便利
つやつやしたベクター形式のボタン素材７７:phpspot開発日誌
liquidicity 77 Vector Buttons hot off the press. Can’t be bothered with making buttons? Want some new ones to add to your collection? Need a little inspiration? つやつやしたベクター形式のボタン素材７７。 次のようなボタン素材がベクター形式でダウンロード可能。ベクターなので拡大縮小してもクオリティが変わりません。 Adobeイラストレーター形式でダウンロード可能です。 比較的大きいサイズのＪＰＥＧ形式でも配布されているので、こちらはイラストレーターがなくても使えます。
CSSでお店のメニュー風なページを作成:phpspot開発日誌
CSS - A Recipe for Success If you look at most restaurant menus (or recipes) you will see the dish described on the left hand side followed by a dotted line that continues to the right side of the menu where the price is situated. Have a look at Figure 1 to see what I mean. CSSでお店のメニュー風なページを作成。 CSSで次のような、お店のメニューとプライスを書いたようなページを作成するチュートリアルです。 実際のデモページはこちら マークアップも次のように美しく作れます。 <ul> <li> <p><em>Lorem
CSSで出来たシンプルに使える丸っこいデザインのボタンサンプル集:phpspot開発日誌
Dynamic Drive CSS Library- CSS Oval buttons These buttons use the sliding doors technique of CSS, plus two sliced background images with "on" and "off" states, to create flexible oval shaped CSS buttons, similar to CSS Square Buttons. CSSで出来たシンプルに使える丸っこいデザインのボタンサンプル集。 次のようなボタンのＣＳＳとＨＴＭＬが公開されています。 マウスオーバーでホバーします。 マークアップは次のように、div と a , span タグを併用 <div class="buttonwrapper"> <a class="ovalbutton" hre
訂正：ハイクオリティなベクターアイコン90:phpspot開発日誌
Web Design Blog 90 Free Vector Icons Set Amazing set of 90 free vector icons, all in one EPS file. 訂正：フリーハイクオリティなベクターアイコン90。 (フリーではなく、オリジナルの配布元はシェアウェアでした) 次のようなアイコンが入手できます。 配布形式はＥＰＳとなっていてイラストレータ等で開けるようです。 追記）紹介したサイトでフリーで配布されているようですが、実際にはYellow Iconにて配布されているシェアウェア（３４９ＵＳＤ）でした。配布しているサイトへのリンクは削除しました。 関連エントリ つやつやしたベクター形式のボタン素材７７ オンラインでマルチサイズのアイコンを簡単に作れる「Genfavicon」 ロイヤリティフリーで使える高品質アイコン集「Danish Royalty
テキストを自由な位置で折り返せる「CSS Text Wrapper」:phpspot開発日誌
CSS Text Wrapper The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle.テキストを自由な位置で折り返せる「CSS Text Wrapper」。 テキストを円形等、好きな形の範囲内に収める仕組みが考案されたようです。 次のように、円形の中にテキストを並べる等、まさに自由自在です。 昔はこういった形でのテキストは空白を挟んだりして実現は難しいと思っていましたが、実現できるんですね。 デザイン系のサイトなんかで活用できそうな仕組みです。 こんな仕組みがあるとは知らない人に見せたらアッと驚くこと間違いないでしょう。 ちょっとしたサプライズを与えたい場合に使えますね。
物凄く美しいオーブのアイコンセット:phpspot開発日誌
Mystic Orb Icon Packet by ~basstar on deviantART 物凄く美しいオーブのアイコンセット。 次のような美しいアイコンがPNG、ICO形式でダウンロード可能。 256, 128, 64, 32 .ico and .png 256, 128, 64, 32 .ico and .png 素材として使うのもいいし、ディテールを見れば、物体の輝かせ方についての研究が出来たりします。 これは素晴らしいですね。
jQueryを利用したスムーズに動作する画像ギャラリー「jqGalScroll 2.0」:phpspot開発日誌
jQuery: jqGalScroll 2.0 (Photo Gallery) | The Book and the Cover jQueryを利用したスムーズに動作する画像ギャラリー「jqGalScroll 2.0」 写真下部分の番号を押すとスライドアニメーションしながら写真が切り替わります。 HTMLソースは次のような感じにクリーンになります。 <ul> <li><img src="common/img/baby-02.jpg" alt="This is a baby" /></li> <li><img src="common/img/baby-03.jpg" alt="" /></li> <li><img src="common/img/baby-04.jpg" alt="" /></li> <li><img src="common/img/baby-05.jpg" alt="" /
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
可愛いMac風のフォルダアイコン集:phpspot開発日誌
秀逸イラストレーターチュートリアル65:phpspot開発日誌
フリーのPhotoshopプラグインいろいろ:phpspot開発日誌
RSSやデスクトップ用のアイコンが詰まったアイコン集「FreshIcons」:phpspot開発日誌
丸っこいデザインが可愛いアイコン48集「3D Cartoon Icons」:phpspot開発日誌
写真をレトロなポスター風画像にするPhotoShopチュートリアル:phpspot開発日誌