タグ

チュートリアルに関するsen59aのブックマーク (6)

  • IKEAの家具紹介画像っぽくイメージに注釈を入れるjQueryチュートリアル:phpspot開発日誌

    Making an Interactive Picture with jQuery | Build Internet IKEAの家具紹介画像っぽくイメージに注釈を入れるjQueryチュートリアル 室内のいい感じの写真をベースに家具を紹介するあのIKEAサイトのUIをjQueryを使ってクールに再現しているチュートリアルです。 単純な商品の紹介よりも、より商品を魅力的にみせることに成功していると思うのですが、これを自分でもやりたいという時に参考にできます デモページはこちら ECサイトを構築する際等に、いい仕事ができるかもしれませんね。 関連エントリ オシャレなECサイト構築用のWordPressテーマ30 PR: 全部入りECサイトを安価に構築できる「Live Commerce」が素晴らしい! Ajaxスタイルのローディングも画像を使わずピュアCSSで実現するデモ

  • Webデザインにおける、1pxへのこだわり

    ☆ご注意☆ この記事は 2011年6月5日 に書いたものです。情報が古い可能性がありますのでご注意ください。 私も少しですがこの「1pxのこだわり」を日頃のデザインで使えるようになってきたので、制作方法とともにちょっとまとめてみました。 引き出しのひとつとして、デザイン勉強中の方、参考にしてもらえるとうれしいです^^ デザイン上級者の方々にとっては当然のことだと思うのですが、 最近つくづく思うのが、「1pxで質感が全然変わるよなぁ~」ってとても感じます。 たった1pxでピリッとしまったり、見やすくなったり、しゅっとなったり、、、と、1pxをないがしろにしちゃいけないんですねー… 今回は、私がデザイン制作時よく参考にしている、 デザイン参考集、bookma!さんの中から、色んなサイトを調べてみました。 目次 仕切り線の1px 文字をキリッと見せるための1px 動きのある1px 1pxの枠 仕

    Webデザインにおける、1pxへのこだわり
  • ディテールの作りこみも丁寧に解説された、ウェブデザインを作成するPhotoshopのチュートリアル集

    最近のトレンドを踏襲した、ディテールの作りこみも丁寧に解説されたウェブデザインを作成するPhotoshopのチュートリアルを紹介します。 ここ半年くらいに公開されたものから厳選しました。

  • CSSでセクシーな角丸立体ボタンを作成するためのチュートリアル:phpspot開発日誌

    How To Design A Sexy Button Using CSS - Freelance Web Design Belfast Northern Ireland - Lee Munroe CSSでセクシーな角丸立体ボタンを作成するためのチュートリアル 次のような、角丸かつ立体的なボタンをCSSで作るチュートリアルです。 CSSでボタンの色を変更するのも簡単です。 古いブラウザだとちゃんと表示できない点には注意ですが、なかなかカッコいいボタンとなってますね。 関連エントリ CSSでボタンを綺麗にスタイルするサンプル集 CSSでクールなボタンを作るまとめ CSSによるボタンスタイリング例いろいろ

  • Photoshopで太陽光の上にハートが描かれた壁紙を作る方法(独占チュートリアル) / ウェブデザインライブラリー

    Home > フォトショップ講座 > Photoshopで太陽光の上にハートが描かれた壁紙を作る方法(独占チュートリアル) Photoshopで太陽光の上にハートが描かれた壁紙を作る方法(独占チュートリアル) 投稿日:2009年01月20日   レベル:初心者    ソフトウェア: このチュートリアルでは、Photoshopで太陽光の上にハートが描かれた壁紙を作ってみたいと思います。 Step1 : はじめに Step2 : ブラシツールでスプラッターとシードを作る Step3 : カスタムシェイプ・レトロサークルを作る Step4 : ハートを作りペンツールでシェイプを作る Step5 : 完成 新規ファイル(「ファイル」−「新規」)を作成します。 サイズは1280ピクセル×1024ピクセル、解像度は72dpiです。 塗りつぶしツールを使って、新規ファイルを白く塗ります。 新規レイヤーを

  • 写真の印象を一気に激変させて美しくするPhotoshopのお役立ちアクション61種類

    Photoshopの一連の手順(画像のサイズを変更し、画像に効果を適用し、ファイルを目的の形式で保存するなど)を記録し、次回以降は一発でできるようにしてくれる自動作業機能のことを「アクション」と呼びます。このアクションを使えば、大量の画像をまとめてバッチ処理したり、いろいろと便利なわけですが、今回は写真の見栄えを美しくしたり、違う印象を与えるように加工するアクション61種類です。かなり便利なものが多いので、写真加工を頻繁かつ大量に行う人にはかなりお役立ちなのではないかと。 60種類の詳細は以下から。 いわゆる「クロスプロセッシング」を行うアクション ロモ・クロスプロセッシング ビンテージ風 HDR(ハイダイナミックレンジ)風 色あせたビンテージ風 肌のでこぼこを修正してなめらかに見せる いろいろなパターンのモノクロ写真へ変換 明度やコントラスト、シャープなどをブーストする ダークトーン・ミ

    写真の印象を一気に激変させて美しくするPhotoshopのお役立ちアクション61種類
  • 1