タグ

webデザインとPhotoshopに関するm_takashiのブックマーク (3)

  • リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)

    こんにちは、イメージ担当の長谷川です。 今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラデーションの設定をします。 長方形ツールで作成するボタンなどのサイズより少し大きいサイズの四角を描き、グラデーションの塗りを円錐にします。 以下のように白とグレーを交互に設定します。右端と左端を同じ色にしないとグラデーションに線が出来てしまいますのでご注意ください。 ここでは濃いグレーを #666666、両端の薄いグレーを #999999 に設定しています。 次にノイズを適用量:10で追加します。これが同心円状のヘアラ

    リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)
    m_takashi
    m_takashi 2012/03/12
    金属加工やばかねー。 どっかで使うちゃろ。
  • Photoshopのキラーチュートリアル30個

    Photoshopはあらゆるところで使われており、だからこそ山のように使い方を解説したチュートリアルがあるわけですが、その中でも特に「これは!」と思われるようなキラーチュートリアル30個です。 30 Killer Free Photoshop Tutorials http://slodive.com/photoshop/free-photoshop-tutorials/ ◆1:ダーク・フォト・マニピュレーション「ヴァンパイアハンター」(光と影をうまく操作するためのレタッチ・カラー調整・レイヤーの操作が分かる) ◆2:魅力的なオウムの写真操作(動物の写真を抽象的かつインパクトのある画像に加工するレイヤー操作方法) ◆3:Photoshopで手描き風イラスト ◆4:雰囲気のある風景に加工する(レイヤーとテクスチャを駆使してそれっぽくする) ◆5:水であふれて見るものを不安にさせるシーン作り(2

    Photoshopのキラーチュートリアル30個
    m_takashi
    m_takashi 2011/12/21
    かなりハイレベルな内容が多い。 私もやってみよ~。
  • 【実践編】少しの手間で大きく変わる、細部にこだわったWebデザインを

    2013年3月23日 Photoshop 「少しの手間で大きく変わる、細部にこだわったWebデザインを」で紹介した「わずかな」加工を使ってボタンのデザインをかっこよくしよう!というチュートリアル記事です。前回の記事内にPhotoshopでの作成チュートリアルも載せたかったのですが、あまりにも長くなりそうだったので別記事にする事に。合わせて見てみてください! ↑私が10年以上利用している会計ソフト!

    【実践編】少しの手間で大きく変わる、細部にこだわったWebデザインを
    m_takashi
    m_takashi 2011/11/18
    細部の作り込みの参考。
  • 1