「トーンカーブ」で自由自在に色調補正① | Photoshop 色調補正ゼミナール | Shuffle by COMMERCIAL PHOTO
今回のテーマは、使いこなせば色調補正において絶大な威力を発揮する「トーンカーブ」について。「絶対わかる。トーンカーブ！」をテーマに、2回に分けて解説する。 連載4回目の今回は、「トーンカーブ」コマンドについて解説いたします。 「トーンカーブ」は、脱落する方が多い、色調補正基本コースの最初の壁です。ギターコードの練習で言うなら「F」！ ギターの「F」で挫折した過去のある方でも、「トーンカーブ」では挫折しないよう、私が頑張ります！！ 「トーンカーブ」は2回に分けて、特にわかりやすく丁寧に解説していきます。 今回と次回、2回の「トーンカーブ」の解説を読めば、必ずトーンカーブがマスターできます。そしてトーンカーブがマスターできれば、以下の様な新境地が広がります。 １ 「トーンカーブ」は、覚えれば覚えるほど色調補正を行なう際にあなたがどんどん自由になっていきます。 ２ 「レベル補正」や「明るさ・コン
iPod Note Reader User Guideを読む
ここで書かれている内容は、引用元が以下とすれば(このページを併記してもかまいません。)、自由に使っていただいたかまいません。 翻訳権を持っておりませんし、オリジナル性は乏しいのですが、あえてライセンスするならCreative Commons 帰属 2.0 日本とします。 ここでは、iPod Note Reader User Guide を解釈しながら、メモ書きしてみました。 間違い等の指摘は歓迎します。 ver 1.0 2005年2月8日 【参考元】 iPod Note Reader User Guide (PDF) http://developer.apple.com/hardware/ipod/ http://developer.apple.com/hardware/ipod/ipodnotereader.pdf 【Noteのコピーの仕方はこちら】【ダウンロード可能なNoteはこちら】
プロから学ぶ画像補正のノウハウ
Copyright © 2004-2024 Impress Corporation. An Impress Group Company. All rights reserved.
ランディングページのレイアウトまとめ - ランディングページ（LP）集めました。
WEBデザイナーのためのランディングページのリンク集。サイトからの離脱率を抑え、コンバージョン率を高めろ！ ランディングページのレイアウトには基本となるいくつかの特長がある。 今回は、「ランディングページのレイアウトのまとめ」。 1：効果的なキャッチコピーとキレイな商品イメージ ユーザーはページを開いて約3秒ほどで自分の求めるサイトどうかを判断するといわれている（らしい）。 そこで、サイトに訪れたユーザーを逃さないために、ページTOPには効果的なキャッチコピーと商品イメージを大きく配置する。特に商品が化粧品の場合は、見た目のイメージが重要。なるべくキレイな画像を使いましょう。 キャッチコピーには、「どこどこのランキングで1位！」や「○ヶ月間で△△万個売れた！」など、実績を使うのも効果的です。 ランディングページにとってヘッダー部分は命とも言える場所。 ここで、少しでも「欲しい！」と思わせな
解体 - 自炊技術 Wiki*
第1 本を解体する。 第1-一 基礎知識 (参考：大阪府立中之島図書館 「本」の部分の名称) (参考：株式会社 第一印刷 印刷物の規格について 綴じ方・種類) 第1-二 接着剤で製本されている本の解体方法 製本用接着剤には、加熱すると軟化して糊状になり、冷えると固体になるホットメルト接着剤がよく使用されている。 ただし、本の最初や最後の部分、カラーページなどについては、ホットメルト以外の接着剤がよく使用されている。 第1-二-(一) 加熱処理による方法 ホットメルトを加熱して溶かして、本を1枚ずつに解体することができる。 加熱に用いる道具により、下記の2種類の方法がある。 なお、ホットメルト以外の接着剤が使用されている部分については、加熱しても解体できないので、手で引き裂いたり、後述の裁断や薬品による方法を試すこと。 また、製本時はホットメルトのように熱で融着させるが、空気中の水分と反応す
3ヶ月で149.5勉強時間達成できたGoogleDocsによる自動見える化のやり方とその効用 | nanapi[ナナピ]
3ヶ月で149.5勉強時間達成できたGoogleDocsによる自動見える化のやり方とその効用 に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。はじめに このレシピの主旨 勉強記録を見える化する簡単な仕組みを最初に作ることで、 日々の勉強のモチベーション継続を目指します。 イントロ 色々勉強したい！と思って勉強を始めたものの、３日坊主になってしまう経験ある方少なく無いかと思います。私はしょっちゅうそういうことに陥ります。 どうしても継続したい勉強があった場合、毎日「記録」することが継続の鍵となると良く言われます。（参考：「「朝2時起きで、なんでもできる」の私の書評」） ただ、 「その「記録」することが億劫だから継続できないんだよっ！」 そんなところを解消するのが今回のレシピの主旨です。 なお、タイトルの時間についてですが、201
フリーで使える商用可能な写真の効率的な5段階の探し方: 世界中の１％の人々へ
"Yawning wolf" Photo Credit:Tambako the Jaguar パブリックドメインのライブラリで写真を探し回るのは時間の無駄。Wikimedia Commonsから探すといい! 3月26日に発売される『Movable Type 5実践テクニック』には、商用利用可能なテーマが3本専用サイトからダウンロードできるようになっているのだけど、制作過程で一番苦労したのは、IAでもデザインでもなくて、コンテンツを埋めることと再配布可能な画像を探すことだった。 これたのテーマで利用した写真のほとんどはパブリックドメイン（Public Domain）の写真を使いましたが、かなりの時間を費やして写真を探した結果、パブリックドメインのライブラリを順番に探していくのはあまりにも非効率的であることに気づいた。まず多くの画像ライブラリはUIが酷すぎる。検索結果にサムネールがでないライブ
Centering (horizontally and vertically) an image in a box
The problemWe want to center an image inside a container, bigger than the image and with assigned dimensions. The image is not a background one, it’s a true <img> element. Any image has well defined dimensions, so the easiest and most reliable way to solve the problem is: make the image display:blockassign to the image the needed left and top margins to get it centered in the container. Each of th
作業効率を高めるDreamweaverの小技---目次：ITpro
制作会社に身を置きながら、テクニカルライターとして執筆をしている筆者が，リファレンスやチュートリアルなどの執筆を通して細かい機能を探る中でひらめいた，「日々の作業効率を高めるDreamweaverの小技」をご紹介します。 ・第1回 ひきついだサイトはdivでいっぱい！ ・第2回 特定の要素（タグ）を削除したい ・第3回 マークアップの高速化について考える（1) ・第4回 マークアップの高速化について考える（2) ・第5回 環境設定を見直そう（1） ・第6回 環境設定を見直そう（2） ・第7回 環境設定を見直そう（3） ・第8回 Office書類の活用 ・第9回 Dreamweaver CS3は使えるのか？
Mac初心者に贈る『覚えておくと便利かもしれない』10のショートカットとおまけ
『そう言えばさ〜、Macで○○ってどうやってやるの？』って質問を度々もらうので、『覚えておくと便利かもしれない10のショートカット』をまとめてみました。 （ググレカス！とは言えないですからね・・・） Mac初心者を対象にしているので、基本中の基本を集めてみました。 また、本当に基本的なショートカット（例えば『コピー』や『ペースト』）なんかはWindowsと共通な場合がほとんどです。Windowsでのショートカットの『ctrl』を『command』なんかに置き換えてあげれば大体通りますよ。 ※OS・ハードのバージョンによっては、使えない、もしくは方法が違う場合もあります。 ※『commandキー』は旧キーボードではリンゴマークがプリントされた例のあれなキーですよ。 何はなくとも『PRAMクリア』 起動と同時に『command + option + P + R』の全てのキーを押したままに。起動
白米と塩とインターネット:画像の下の隙間をなくす
画像を縦に並べたような場合に画像の下に隙間が空いてしまうことがある。 marginもpaddingも0にしていても。 【解決策】 img{ vertical-align:bottom; } 【解説】 vertical-alignの値はデフォルトだとbaselineとなって"g"や"j"のような文字が下にはみ出す分のスペースを確保しているためらしい。 なのでbottomにして一番下のラインに画像を合わせてあげる。 【解決策２】 font-size:0; line-height:0; 【解説】 テキストが無い場合はこれを画像のある親要素に指定。 画像の高さよりもフォントサイズのほうが大きいのが隙間の原因なのでそれを阻止。 ケースバイケースなので使い分ける感じで。
つくるぶガイドブログ: Lightboxのデザインをカスタマイズしてみよう（前編）
こんにちは、HTML+CSS担当の小森です。 スライドショーやサムネイル画像の拡大でよく見かける「Lightbox」のライブラリ。 気軽に取り入れられるライブラリでもあって、すっかり定着した感がありますね。 今回はこのLightboxのデザインをカスタマイズしてみたいと思います。 Lightbox系のライブラリは本当にたくさんありますが、 ここでは、定番の元祖Lightboxを使用してみます。 Lightbox 2（デモあり） http://www.huddletogether.com/projects/lightbox2/ レイアウト構造 HTMLソースをのぞいてみると、クリックをしたときに 画面全体を覆う半透明レイヤー（id="overlay"） 拡大画像配置レイヤー（id="lightbox"） がJavaScriptによって描画されるしくみになっています。 また、拡大画像配
XHTMLでは大文字のid属性でも大丈夫 - 徒書
よはくのところ。のXHTML でない理由（Strict ののろい）にて、XHTMLに移行しない理由として(HTMLにおけるid属性問題について、今更ながらを参照しつつ)「id属性を大文字にしている」ことを理由に挙げられていたのですが、結論から言えばXHTMLでid属性を大文字で書くのは全然問題ないです。 根拠を仕様から求めるのは少々ややこしいですが…… XHTML仕様においては、id属性の型は、(XML仕様で言うところの)ID型と定義されている。 参照先をXML仕様に移して、ID型の定義は以下のように定められています。 生成規則Nameに従う IDの値は要素を一意に特定しなければならない。 さらに生成規則Nameの定義は…… という風にに定義を次々と辿っていくと、BaseCharの定義の辺りで途方に暮れそうになってしまいますが、要は生成規則Nameには大文字([#x0041-#x005A]
知っておきたい15個のCSS TIPS
知っておきたい15個のCSS TIPS IN THE WOODSでまとめられている15 CSS Tricks That Must be Learnedを紹介します。 原文は素敵なイラスト付きで解説されていますので、合わせてチェックしてください。 positionがabsoluteの要素をpositionがrelativeの要素の中に入れる positionがrelativeを指定した要素の中にpositionがabsoluteを指定した要素を入れることにより、計算した場所に配置することができます。 参考：positionプロパティの考察 z-indexによる配置 z-indexを利用する場合は、「position:relative」と共に利用することにより要素の重なり順を制御することができます。 margin auto widthを指定した要素の左右にmargin:autoを指定すると中央
301リダイレクトを使った「WWWあり」と「WWWなし」の統一
僕のところに、毎月１，２件必ず寄せられる質問があります。 それは、「wwwあり」のURLと「wwwなし」のURLに関する質問です。 もう少し正確に言うと、「wwwあり」と「wwwなし」の統合です。 同じコンテンツを示すURLが、「http://www.example.com/」と「http://example.com/」のように、２つに分かれてしまっている場合があります。 人間にとっては同じでも、検索エンジンにとってはまったく別のページになります。 被リンクが両方に張られていたら分散してしまうし、それよりもなによりも異なるURLで同じコンテンツなので、複製コンテンツとしてマークされてしまう危険も付きまといます。 本来ならサイトの構築を始める前に、「wwwあり」で運用するのか、「wwwなし」で運用するのか決めるべきですが、何らかの事情で分かれてしまっていることもあるでしょう。 そこで、「ww
xhtmlにおけるid,classの命名規則は？
http://www.w3.org/TR/xhtml1/dtds.html#dtdentry_x … XHTMLでは id属性の値はXMLで言うところのID、 class属性の値はCDATAです。 CDATAは普通の文字データのことです。 特に制限などはありません。 IDは、先頭文字に半角数字、ハイフン「-」やピリオド「.」が使えないなどの制限があります。 [参考] id属性(文書中の特定の一箇所) - HTMLリファレンス http://www.marguerite.jp/Nihongo/WWW/RefHTML/_id … XHTMLでは大文字のid属性でも大丈夫 - 徒書 http://www.akatsukinishisu.net/itazuragaki/html/ … > マルチバイトがだめなことくらいはわかりますが、 XHTMLならidにひらがな、漢字なども使えます。 互換性を考
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DTP Transit （IllustratorやInDesignをはじめとするDTPアプリケーションの操作に関するTipsやお役立ち情報）
きもの豆知識講座/羽織やコートについて
1ka2ka.com
worldending.jp