テキストエフェクトのチュートリアル4種

ブックマークしっぱなしになっていたPhotoshopのチュートリアルを、まとめて試してみました。
レイヤー効果を使った、ダークカラーの背景に浮かび上がるようなテキストエフェクトです。


Colorful Glowing Text Effect in Photoshop - Tutorial9
1文字ずつ切り抜いてコピーして、色を重ねます。


Text Effect Quickie: Moon Shine Text Effect - Tutorial9
レイヤー効果だけで簡単に設定できました。


Advanced Glow Effects - Psdtuts+
フィルタやペンツールを使って背景を描きます。


6 Quick’n'Dirty Photoshop Text Effects From Scratch - Psdtuts+
6つのエフェクトの中のひとつ、「Quick Gold Text」です。

リンク先のプレビューを表示するJavaScript「websnapr」

リンク先のプレビューを表示する「websnapr」を試してみました！
リンクにマウスオーバーすると、リンク先のスクリーンショットがバルーンで表示されるスクリプトです。

「Snap」は知っていたのですが、ちょっと高機能すぎる感じがして、もっとシンプルなのがいいな〜と思って探してみました。

それで、見つけたのがこちら。
websnapr - Website Thumbnails For Your Site

最初は普通にwebsnapr 2.0をダウンロードして設置してみたのですが、Bloggerではうまく動かず。（私、JavaScriptはほとんどわかりません・・・。）
ダメかと思ってサイトを見ていたら、「v3.0 beta」を発見！
こちらはまだベータ版なのですが、
http://www.websnapr.com/bubble/
から登録して、コードを1行追加するだけでOKとのこと。
早速やってみるとこちらはちゃんと動きました！

class指定やアイコン付きも選べて、いい感じです♪
↓アイコンはこんな風に表示されます。
websnapr

白をメインカラーに使ったきれいなサイト

「Desizn Tech」の記事「Use of White in Web Design: Tips and Trends」がすてきなので、メモ。

紹介されていたサイトの中では、↓このへんが好き。

• Loveleft — graphic design


• pasaii design studio -


• Jason Reynolds - Interactive Designer


• Jeffdoe : The work of Jeff Toll


• LOG


• brown blog | the design blog of matt brown - thingsthatarebrown.com

白いサイト、上手に作ってあるとシンプルできれいですよね～。
デザインする時のポイントとして、

・リンクは明るいはっきりした色に
・広告は入れない
・小さいフォントは使わない

などが挙げられていました。なるほど。

詳しくはこちらで。
Use of White in Web Design: Tips and Trends | Desizn Tech

Firefoxのアドオン「FireMobileSimulator」すごい！

「FireMobileSimulator」がすっごく便利で感動！
DoCoMo、au、SoftBank各端末のブラウザをシミュレートしてくれるFirefoxのアドオンです。

私はデザイナーなのでプログラムとか位置情報などはあまり関係ないのですが、3キャリアの実機でデザインをチェックするだけでも結構めんどくさくて・・・
でもこのアドオンがあれば、普通Webブラウザからは見られないキャリア公式メニューサイトもFirefoxで確認することができます。
絵文字は出るし、横幅も合わせてくれるし、最新端末も追加できるので、ものすごく助かります！
机にずらっと端末を並べてチェックしなくてもいいんですよ～

あともちろんFirefoxなので、Macからでも大丈夫です。
（公式シミュレータはみんなWindows用なのです。）

ちなみに、私が仕事で使っているサイトは全部見られましたが、見られないサイトもあるようです。（リダイレクトされるとダメなのかな？）

ダウンロードはこちら。
FireMobileSimulator.org

Safariのプラグイン20個

Firefoxのアドオンは便利ですが、Mac＋Safariの使い心地も捨てがたくて、両方使っていたりします。
でも実はSafariにも便利なプラグインがいっぱいあるんですね～。

「Webdesigner Depot」でSafariのプラグインが紹介されていたので、自分用にメモ！
試してみたいものばかりなので、ちょっとずつ入れてみようと思います。

1. Xmarks
   ブックマーク同期。


2. Pith Helmet
   広告やムービーなどをブロック。


3. DeliciousSafari
   Deliciousプラグイン。


4. Safari Tidy
   コード検証。


5. SafariSource
   ソースコードを色分け。


6. SafariStand
   サムネールつきサイドバー、各種設定。


7. Saft
   広告ブロックやタブなどの多機能メニューを追加。


8. Cooliris
   きれいなインターフェイスのイメージ＆ムービーギャラリー。


9. Inquisitor
   Googleサーチフィールドにライブサーチやサジェストの機能を追加。


10. Safari140
    見ているサイトを短縮URLでTwitterにポスト。


11. 1Password
    パスワードマネージャー。（有料）


12. TabExposé
    タブで開いたページをExposé風に表示。


13. GreaseKit
    Safari版Greasemonkey。


14. SafariStretch
    画面いっぱいのフルスクリーンにできる。


15. Glims
    多機能メニューを追加。


16. CosmoPod
    ムービーをiTunes用にコンバートしてダウンロード。（有料）


17. CutX
    ペアレンタルコントロール的に使えるフィルター。


18. DownloadComment
    ダウンロードファイルに検索用コメント（DL元のURL）を追加。


19. Safarilicious
    Deliciousへのエクスポート＆ブックマーク管理。


20. Safari Microformats
    Microformatsでタグ付けされたデータをアドレスブックやiCalに追加。

詳しくはこちらの記事で！
20 Excellent Plugins for Safari | Webdesigner Depot

かっこいいフリーフォント「Museo」

時々紹介されているのを見かけては気になっていた、フリーフォント「Museo」をようやくダウンロードしてみました。
実際に使ってみると、やっぱりいい感じです！
MUSEO :: a Free Quality Font from exljbris

ダウンロードはMyFontsから。無料の会員登録が必要です。
Museoフォントはウェイト別に5種類あって、300・500・700がフリー、100と900は有料（$16.50）です。
サンセリフのMuseo Sansもありますね。

Webdesigner Depotの記事には、作者のJos Buivengaさんのインタビューが載ってます。
いろいろなサイトで使われてますね～。
Museo Sans Roundedも作ろうかと思っているらしいですよ！
Meet Jos Buivenga: The Designer of the Museo Font | Webdesigner Depot

Illustratorで作るレトロな幾何学模様のポスター

Abduzeedoのちょっと前の記事なのですが、Illustratorで描くポスターのチュートリアルがいい感じなので、自分でも作ってみました。

どうでしょう？
（ちょっと違うな・・・）


記事はこちらです。
Retro Geometric Vectors in Space with Illustrator and Photoshop | Abduzeedo

Firefoxにスキン機能を追加

TechCrunchを読んでいたら、こんなのが。
Make Your Firefox Browser Look Better With Mozilla Labs’ Latest Skins
Mozilla Labs、Firefoxのお洒落を楽しむスキン機能を発表



Firefoxにアドオンを追加すると、スキンが使えるようになるようです。

きれいなスキンがいっぱい用意されていました。
あとで試してみようっと。