タグ

TipsとTutorialに関するmrnoonのブックマーク (16)

  • http://misdirection.oops.jp/blog/archives/000725.html

    mrnoon
    mrnoon 2007/04/11
    BADSTRING
  • jmblog.jp - Web2.0っぽいグラデーションのコツ

    そろそろ「Web2.0的デザイン」という言い回しが恥ずかしくなってきましたが、それはそれでおいといて。グラデーションは今っぽいデザイン(ちょっと言い方を変えてみた)では外せない要素と言えるかと思いますが、プロのデザイナーの方はさておき、素人が挑戦すると、色の選択に失敗してイマイチ・・・なんてことになりがちです。 » A Gradient Tutorial » 9rules Network Official Blog こちらのサイトでは、グラデーションを作る際のポイントが説明されています。 さて、どれが一番きれいでしょう?1 は彩度(鮮やかさ)が足りません。上のサイトでは「a classic problem」と紹介されています。2 はマシですが、ちょっと素人臭さを感じます。まぁ好みは人それぞれだと思いますが、やっぱり 3 が一番きれいだと思います。 ちなみに僕は、次のようにしてグラデーション

    mrnoon
    mrnoon 2007/04/11
    そろそろ「Web2.0的デザイン」という言い回しが恥ずかしくなってきましたが、それはそれでおいといて。グラデーションは今っぽいデザイン(ちょっと言い方を変えてみた)では外せない要
  • 「飛び出す写真」を簡単に作るPhotoshopチュートリアル | POP*POP

    たまにこんな(↑)写真って見かけますよね。インパクト絶大な写真です。 そんな写真を簡単に作る方法がこちらで紹介されていました。ちょっと人とは違ったサイトを作りたい方はいかがでしょうか。 » Out of Bounds – The Something Awful Forums Photoshopで作成します。ではどうぞ! ↑ 元となる写真はこちら。 まず作るレイヤーは3枚。下から順に黒の背景、素材、フレーム用のレイヤーとなります(↓)。 ↑ 次に矩形ツールで白色の長方形を作成します。 そして、選択ツールで長方形の内部を切り抜きます。これでフレームができあがりました。 ↑ 次にフレームの形を変えます。フレームのレイヤーで「Ctrl+T」を使ってフレームだけを選択。 右クリックし、「遠近法」でフレームの形を変えます。「自由な形に」を選べば微調整も可能です。 ↑ あとは、不必要なところを黒く塗りつ

    「飛び出す写真」を簡単に作るPhotoshopチュートリアル | POP*POP
    mrnoon
    mrnoon 2007/04/11
    そんな写真を簡単に作る方法がこちらで紹介されていました。ちょっと人とは違ったサイトを作りたい方はいかがでしょうか。
  • Photoshopで写真から物体を消す方法

    Photoshop Tip: Remove objects from photos with Vanishing Pointというエントリーより。 Photoshop how-to site Photoshopsupport.com shows you how to make objects disappear from photos using Photoshop's Vanishing Point tool. Photoshopの「Vanishing Point」というツールを使い、写真から物体を消す方法を紹介しているチュートリアルビデオがありました。 こんな感じでブツを消してしまうというのですが‥‥ Vanishing Point Tool - Photoshop CS2 Video Tutorialで見ることができます(要QuickTime)。 こんなに簡単に消せてしまうものなんで

    mrnoon
    mrnoon 2007/04/11
    Photoshopの「Vanishing Point」というツールを使い、写真から物体を消す方法を紹介しているチュートリアルビデオがありました。
  • MT & HTML Slidy でスライドを作る | WWW WATCH

    プレゼンテーションに使用するスライド資料といったら、パワーポイントのようなソフトウェアで作るのが一般的ですが、最近は、ブラウザ上で動作するスライドショーを使用し... プレゼンテーションに使用するスライド資料といったら、パワーポイントのようなソフトウェアで作るのが一般的ですが、最近は、ブラウザ上で動作するスライドショーを使用している方をセミナーなどで頻繁に見かけるようになりました。 このブラウザ上で動作するスライドは、(X)HTML + CSS + JavaScript で実現できます。スライド制作用 JavaScript ライブラリとしては、W3C で公開されている 「HTML Slidy」 が使いやすく有名ですが、個人的にもこの 「HTML Slidy」 を利用したスライドをどこかで使ってみようと思っていたところでしたので、いい機会ということで、テンプレートを作って公開してみることにし

    MT & HTML Slidy でスライドを作る | WWW WATCH
    mrnoon
    mrnoon 2007/04/11
    このブラウザ上で動作するスライドは、(X)HTML CSS JavaScript で実現できます。スライド制作用 JavaScript ライブラリとしては、W3C で公開されている 「HTML Slidy」 が使いやすく有名ですが、個
  • 夕刊フジBLOG|一瞬で10ページの企画書を完成させるフォーマット

    mrnoon
    mrnoon 2007/04/11
    ①表紙②まえがき(企画趣旨・企画概要)③背景④目的⑤提案コンセプト⑥方策⑦要件⑧想定効果(実施メリット)⑨スケジュール⑩予算⑪課題⑫終わりの挨拶
  • 便利そうなGoogleのチートシートを二枚ほど | i d e a * i d e a

    ドットインストール代表のライフハックブログ

    便利そうなGoogleのチートシートを二枚ほど | i d e a * i d e a
    mrnoon
    mrnoon 2007/04/11
    Googleのサービス一覧が一枚と、Googleで使えるコマンド一覧がもう一枚です。一枚目はまぁいいか、と思いますが、二枚目は貼っておくと便利そうです。
  • Firefox 2 入門 総合目次 - えむもじら

    過去、雑誌に掲載された記事を、出版社の厚意により許可を得て公開します。 Firefox 2 の新機能 オープンソースマガジン 2006年12月号の特集「Firefox 2 がやってきた Part 1」を加筆修正したものです。(2007年3月3日公開) この記事は、Firefox 2 の新機能について説明したものであるので、Firefox 全体に付いて知りたい方は、Mozilla Japan - Firefox サポートのチュートリアルをお読みになることをお勧めします。 Firefox 2 の新機能(1) テーマ、アドオン、タブ、セッション 新しくなったテーマ アドオン管理 タブ Firefox 2 のタブ クローズボタン タブのオーバーフロー制御と一覧表示 閉じたタブを元に戻す セッション管理 Firefox 2 の新機能(2) 検索、フィード、フィッシング対策、スペルチェック 検索バーと

    mrnoon
    mrnoon 2007/04/11
    過去、雑誌に掲載された記事を、出版社の厚意により許可を得て公開します。
  • Photoshopを完全マスターするためのチュートリアルいろいろ - GIGAZINE

    ウェブデザインに限らず、何かパソコンを使ってデザイン関連の仕事をするにはあの「Photoshop」を使いこなすことが必須らしいとはわかっていても、いまいちどういう風に使えばいいのかわからない、あるいは、仕事でPhotoshopを使ってはいるが必要な機能のみを使っているだけであって、ちょっと凝ったことを聞かれると即答できないのでテクニックをブラッシュアップしたいと思っている……そんな人向けに役立つPhotoshopをマスターするためのチュートリアルをいろいろと集めてみました。時間のあるときにでも少しずつ眺めていけば、なんでもできるようになるかも。 チュートリアルの詳細は以下の通り。 まずは基的なテクニックを具体例と一緒に解説しているサイトを3つほど。初級テクニックから高等テクニックまで具体例を交えて解説しています。 Photoshop Tutorials from PhotoshopCAF

    Photoshopを完全マスターするためのチュートリアルいろいろ - GIGAZINE
    mrnoon
    mrnoon 2007/04/11
    ウェブデザインに限らず、何かパソコンを使ってデザイン関連の仕事をするにはあの「Photoshop」を使いこなすことが必須らしいとはわかっていても、いまいちどういう風に使えばいいのかわ
  • フォトショップで刻印された文字を表現 / ウェブデザインライブラリー

    投稿日:2006年10月24日   レベル:初心者    ソフトウェア: このチュートリアルはあなたのマークや文字を彫り付ける方法を紹介します。とても簡単で反則技のような方法ですよ! Step1 : グラデーションを組み合わせる Step2 : 新規レイヤーに文字を記述 Step3 : 背景を複製し、枠の形にくりぬく Step4 : レイヤースタイルを設定 Step5 : ドロップシャドウの設定 Step6 : 背景を暗くする Step7 : 完成

    mrnoon
    mrnoon 2006/11/30
    このチュートリアルはあなたのマークや文字を彫り付ける方法を紹介します。とても簡単で反則技のような方法ですよ!
  • Photoshopで写真をベクターアートにするチュートリアル

    左が元になった写真で、右がそれをPhotoshopを使ってベクターアート化したもの。 こういうのはどうやってするのだろうか?と思っている人向けのチュートリアルです。実際の作業手順をムービーでダイジェスト風に見せるというのも含まれているので、完成に至るまでの手順を見るだけでも面白い。 詳細は以下から。 Vector Art with Photoshop - Online Tutorial at Melissa Clifton page 1 ベクターアート化したものをアップにしたのはこちら。拡大しても画像が荒れないのはベクターアートのいいところ。 Melissa Clifton Gallery - Bjork Vector 完成までの手順を約59秒のムービーに圧縮したモノ。実際の作業時間と使用しているレイヤーの数も表示されています。 YouTube - Bjork Vector Art 2

    Photoshopで写真をベクターアートにするチュートリアル
    mrnoon
    mrnoon 2006/10/23
    こういうのはどうやってするのだろうか?と思っている人向けのチュートリアルです。実際の作業手順をムービーでダイジェスト風に見せるというのも含まれているので、完成に至るまでの
  • Ajaxチュートリアル集126個:phpspot開発日誌

    AsH: Top 126 Ajax Tutorials Ajaxチュートリアル集126個。 Ajaxの入門、ブックマークレット、チャット、ドラッグ&ドロップ、動的コンテンツ読み込み、オートコンプリート、ファイルアップロード Lightbox風画像表示、キーワードサジェスト、インクリメンタルサーチ、プログレスバー、角丸、リストのソート、ツリー、投票など、ありとあらゆるチュートリアルがまとまっていて、やりたいことを実現する際に使えそうです。 これだけのリファレンスがあるんですね。驚きです。 関連エントリ ドラッグ&ドロップが簡単に出来るJavaScriptライブラリまとめ WEB開発者のためのリソースを集めたリンク集 JavaScriptデバッグツール集 JavaScriptでマウスホイールイベントを扱い、スクロールも停止する方法 高速&シンプルなJavascriptテンプレートシステム『RN

    mrnoon
    mrnoon 2006/10/23
    BADSTRING
  • [N] Photoshopで写真を○○するテクニック

    ネタフルでエントリーを書いた、Photoshopで写真を○○するテクニックのまとめです。 ▼写真をアンディ・ウォーホールのポップアート風に加工する方法 ▼写真からパターン化されたシルエットを作成する方法 ▼Photoshopで写真をポップアート風にする方法 ▼Photoshopで写真をスケッチ風に加工する方法 ▼Photoshopで写真を石像風にするテクニック ▼ホンモノの自動車をアニメ風にするPhotoshopテクニック

    [N] Photoshopで写真を○○するテクニック
    mrnoon
    mrnoon 2006/10/23
    ネタフルでエントリーを書いた、Photoshopで写真を○○するテクニックのまとめです。
  • [N] WindowsからMacに"Switch"した人のための10のTips

    10 tips for new Mac users, switching from Windows…というエントリーより。 Below I’ve listed and explained some shortcuts that a new Mac user, especially those coming from a Windows environment, may not be aware of. It’s definitely made my life easier, hopefully you’re a new mac user, these will be of use. WindowsからMacに”Switch”した人のための10のTipsがまとめられているエントリーです。 ぼくもWindowsを使い始めた時はかなり戸惑いました。詳しい人が側にいればすぐに聞けるのですが、なかな

    [N] WindowsからMacに"Switch"した人のための10のTips
    mrnoon
    mrnoon 2006/08/29
    WindowsからMacに"Switch"した人のための10のTipsがまとめられているエントリーです。
  • デタラメPhotoshop

    ここはAdobe Photoshop(アドビ フォトショップ)の使いこなしWebサイトです。まずお読みください。 ▼このサイトについて 中心コンテンツです。Photoshopを使った作例を紹介しています。同ソフトをお持ちの方はぜひやってみてください。デジカメで撮った写真を補正修正したり、いろんな加工をしてみましょう。 Photoshopのバージョンによって操作が少々異なる事がありますが(画面はMacOSですがWindowsでも同じです)、わからない点があれば掲示板に書き込んでもらってかまいません。 ▼Example 1~10 ▼Example 11~20 ▼Example 21~30 ▼Example 31~40 ▼Example 41~

  • Windows XP 快適化テク 2006年上半期ベスト50 / デジタルARENA

    巷では次期Windowsの話をよく耳にする昨今だが、Windows XPとの付き合いはまだまだ続きそうだ。今回の特集では、これまでに紹介した300以上のテクニックの中から、それぞれのジャンルで人気のあった技を10ずつ紹介する。日頃Windows XPを使いこなしている読者の多くが利用してくださった技を集めたということで一見の価値ありだ。 また、人気の有無とは関係なく、筆者がこれはオススメという技も20紹介する。一度使い始めると無意識のうちに使い続けてしまうという技があるものだ。デフォルトの設定を見直すだけで使い勝手が向上するという簡単なものから、レジストリを操作して意外な環境に変えてしまうというものまで様々である。この機会に、過去の人気テクニックをチェックしていただき、読者自らの環境で新たな発見をしていだだければこれ以上嬉しいことはない。 (小泉 力一=テクニカルライター) ※この特集

    mrnoon
    mrnoon 2006/08/18
    ※この特集では、これまでに掲載になった「Windows XP 実践テクニック」の中から、2006年1月1日から7月31日の間で、アクセス数の多かったものをジャンル別にランキングにしました。
  • 1