タグ

tipsとdesignに関するbasiliusのブックマーク (3)

  • Photoshopでページがカールするエフェクトを作る方法 - ネタフル

    Create a page curl in Photoshopというエントリーより。 If you’ve ever wanted to add a little 3D depth to a digital image, Veerle’s blog has a tutorial for creating a page curl effect in Photoshop. デジタルの画像に深みを持たせるために、Photoshopで“カール”のエフェクトをつける「Creating a page curl in Photoshop」というエントリーが紹介されています。 写真のカールがどんなものかというと‥‥ こんな感じのはよく見かけますよね。 4つのステップで紹介されていますので、興味のある人はぜひお試しを。

    Photoshopでページがカールするエフェクトを作る方法 - ネタフル
  • これで完璧!ロゴデザインのためのお役立ち資料まとめ | P O P * P O P

    これがあればもう完璧ですね・・・300以上ものロゴデザインに関するサイトを集めたまとめです。 チュートリアルからロゴデザインのアイディアまで・・・かな~り使えるのではないでしょうか。300以上もあるのでさすがにいくつかのカテゴリーに分類されていますね。 どんな役立つ資料があるのでしょうか。詳しくは以下をどうぞ。 ↑ ロゴのタイポグラフィーに関する資料いろいろ。フォントは悩みますよね・・・。 ↑ お約束ですが、「2.0っぽい」ロゴデザイン集についてもいろいろ教えてくれます。 ↑ 素敵なロゴデザインを集めたサイトも紹介してくれます。 全てのカテゴリーは以下のとおりです。是非ご活用ください。 Importance of Logo (ロゴの重要性) Logo Design Software (デザインのためのツール) Logo Design Tutorials (チュートリアル) Logo Fil

    これで完璧!ロゴデザインのためのお役立ち資料まとめ | P O P * P O P
  • フッターとかの区切り『|』のサンプル4種|CSS HappyLife

    フッター部分のメニューなどを区切る際のサンプルを適当に。 p要素でやるとこんなヤツです。 Home|アバウト|イラスト|BBS サンプルに使うhtmlは、ul要素を使った下記をベースに使用してます。(サンプルに寄ってid名とか変わりますが) <ul id="sampleFooter"> <li><a href="/">Home</a></li> <li><a href="/">About</a></li> <li><a href="/">Gallery</a></li> <li><a href="/">Blog</a></li> </ul> んでは、いってみますか。 一番書きたかった内容は最後に書いてます。 普通に縦線を書いた感じ 実際の表示です。 Home| About| Gallery| Blog 普通にhtmlに|を記述しているのでソースは当然下記のように。 <ul id="samp

    フッターとかの区切り『|』のサンプル4種|CSS HappyLife
  • 1