『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
最初からモノクロフィルムを使って撮影する銀塩写真と違い、デジタルフォトはカラー画像からモノクローム(白黒/モノトーン)画像に変換して作り上げることが多い。ここでは、どのようにすれば印象的なモノクーム写真に仕上がるかを解説してゆこう。 モノクローム処理は複数の方法があることを知る デジタルフォトでは、モノクローム写真にしたい場合でも、カラーで撮影を行なう。これはカラー画像(RGBデータ・24bit)のほうが情報量が多く、階調や濃度をコントロールしやすいからだ。 もっとも単純な方法が、Photoshopの「イメージ」メニューの「モード」から「グレースケール」を選択する方法だ。これは24bitのカラー画像が8bitのグレースケールへと極端に情報が削ぎ落とされてしまうので使わない。 画像処理でモノクローム処理を行なう場合は、基本的にRGBデータのままでモノクローム画像に仕上げる。そうした方法のひと
「コマーシャル・フォト」2009年3月号より連載中の「プロのレタッチャーが教える レタッチの基本ワザ」。第1回のテーマは「マスク」。マスクの作成は、合成処理やパーツの部分的修整などに欠かせない基本ワザだ。今回は人物と背景の合成処理の作例を通して「マスク」の役割について考える。 Photo:片岡竜一 ST:曽我部将人 HM:中山夏子 モデル:VIKA.D(ブラボーモデルズ) ポートレイト撮影にはキヤノンEOS-1DsMark Ⅲ + EF85mm F1.2L USMを使用。照明機材は、高速チャージで、ワイヤレス発光が可能なProfoto の最新ストロボ「Pro-8a」を使った。 どこを「マスク」にするか? マスクはどのようにして作るか? 上の作例画像の人物合成用のマスク。黒い部分が「マスク( 隠す)」部分になる。 レタッチの基本となる作業で重要なのは、被写体の必要な部分を「切り抜く」という作
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
今回のテーマは、使いこなせば色調補正において絶大な威力を発揮する「トーンカーブ」について。「絶対わかる。トーンカーブ!」をテーマに、2回に分けて解説する。 連載4回目の今回は、「トーンカーブ」コマンドについて解説いたします。 「トーンカーブ」は、脱落する方が多い、色調補正基本コースの最初の壁です。ギターコードの練習で言うなら「F」! ギターの「F」で挫折した過去のある方でも、「トーンカーブ」では挫折しないよう、私が頑張ります!! 「トーンカーブ」は2回に分けて、特にわかりやすく丁寧に解説していきます。 今回と次回、2回の「トーンカーブ」の解説を読めば、必ずトーンカーブがマスターできます。そしてトーンカーブがマスターできれば、以下の様な新境地が広がります。 1 「トーンカーブ」は、覚えれば覚えるほど色調補正を行なう際にあなたがどんどん自由になっていきます。 2 「レベル補正」や「明るさ・コン
HOME>jQuery>7つのサンプルでjQueryを学ぼう!「jQueryが全く分からない人のため」の超初級者向け入門講座 約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。 結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。 そんなわけで、今回は「jQueryが全く分からない人のため」の超初級者向け入門講座と銘打ちまして、jQueryの基礎の基礎を学ぶための記事を書いてみました。 とは言っても「jQueryとはなんたるか」などといった難しい理論を記すつもりは一切ございません。(っていうかそんな偉そうなこと言える程修めてない
◆Google Maps JavaScript API V3 ブログ目次 Google Maps API v3とは? 本ブログは判らないところをコツコツ積み重ねました。あくまでご参考にされて下さい。Google Maps APIを扱うことは決して難しいことではないと思います。Google Maps JavaScript API V3のページからスタートするといいと思います。 ※V2は、2013年11月以降は使用できなくなります。 いきなりサンプル集(example)地図を見るならコチラ Google Maps API Google Maps APIサービスがサポートする国・都市の一覧表 初期設定 Google Maps API V3の地図(マップ)をPC、スマートフォンで見れるように表示させるscriptとメタタグの設定 地図に表示する。 ナビゲーションコントロール、マップタイプコントロー
Category Javascript 1枚の画像に複数のリンクを設定する際"クリッカブルマップ(イメージマップ)"を使用することで、複雑な形でもリンク領域を指定できますので結構便利です。 「このクリッカブルマップ(イメージマップ)で、指定領域にカーソルを合わせた時に画像をロールオーバー出来れば便利かも」と思ったことはないでしょうか? ちょっとしたJavascriptで簡単に実装できますので、今回はその方法をデモページも交えて紹介しようと思います。 Keyword:クリッカブルマップ,ロールオーバー,Javascrpt ロールオーバー用のスクリプトを用意する rollover.js /* Rollover Script */ if(navigator.appVersion.charAt(0) >=3){ var rolimg = new Array(); for( i = 0 ; i <
サイト制作において、アクセスマップなどの地図の表示はどうしてますか?「Google Maps API」を利用したり、ちょっとデザインにこだわりたい時にはイラストに描き起こしたりしてるんじゃないでしょうか。 今回は、Google マップをちょいとカスタマイズすれば、まるでイラストマップみたいに見せることができるんだぜ!というお話です。 記事中に出てくる画像は2012.3現在のもののため、現在のGoogle Maps APIでの表示とは異なりますので注意です…X(。 リンク切れしていたところを、なるべく近い内容の存在するページにリンクし直しました(2015.7.20追記)。 まずはしっかり抑えておきたい「Google Maps APIの基本」から。 基本をすっ飛ばして早速カスタマイズしたい方はこちら↓。 Google Maps APIの基本 Google マップはGoogle API キーを発
先日 HTML5 + CSS3 で書かれた、素敵な雑誌の表紙みたいな Webサイトを見つけました。それ以来、CSS3 だったらコレもできそう ... アレもできるかも ... なんてことを、雑誌のデザインなどを見ながらひとり盛り上がってます w まだまだ IE では CSS3 が使えないけれど、今回はいくつか CSS3 のサンプル作りに挑戦してみました。 まるで雑誌の表紙のようなデザインで、とっても感動してしまいました。HTML5 と CSS3 で書かれていて、ブロック要素、内包するテキストも斜めにレイアウトされています。細いテキストを斜めにすると、とても読みにくくなってしまうんですけどフォントも工夫されてて判読性も十分です。 もちろん IE では斜めではなくて水平に表示されてしまうんですけど、それでも閲覧するのに困らないようなハイブリットなデザインで、またまた感動! これから近い将来、C
Creating Different CSS3 Box Shadows Effects [ad#ad-2] デモ 実装 デモ デモはbox-shadowに対応した下記のブラウザでご覧ください。 対応ブラウザ Internet Explorer 9.0+ Firefox 3.5+ Chrome 1+ Safari 3+ Opera 10.5+ デモページ [ad#ad-2] 実装 基本となるHTML 8つの各デモのHTMLの基本は同じで、class名が異なるだけです。 <div class="box effect"> <h3>Effect</h3> </div> 基本となるCSS div要素とh3要素の基本となるスタイルです。 .box h3{ text-align:center; position:relative; top:80px; } .box { width:70%; height
2014年8月22日 Webサイト制作, スマートフォン スマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい! ↑私が10年以上利用している会計ソフト! スマートフォンサイト用小技集 目次 いくつかサンプルも作ったのでスマートフォンから、もしくはブラウザーからユーザーエージェントをiPhoneなどに切り替えてご覧ください! 横幅をデバイスの幅にあわせる 文字サイズの自動調整をオフ リストのクリック(タップ)範囲を広げる 画面の幅にあわせてCSSを変える リンクテ
ツイッター社が提供する、今風のウェブサイトを構築するための言語です。これを使ってHTMLとCSS、JavaScriptを簡単に拡張することができます。
Photoshopを使えばここまでの作品ができる、ということがよくわかるチュートリアル集が「35 New Photoshop Tutorials with Various Techniques」です。アイコンからSFっぽいイラストまで、さまざまなジャンルにおける作品のメイキングが公開されており、技術が学べるだけでなく、こんなラフスケッチからここまでの作品が……!と製作過程を眺めているだけでも楽しめます。 35 New Photoshop Tutorials with Various Techniques | The Design Inspiration ◆Photohop Tutorial Link: A Cute Cartoon Artwork Creation 鉛筆でのスケッチはこんな感じ。 スケッチをスキャンし、Photoshopを使って着色していきます。 完成作品はこちら。 なお、
初めてWordPressオリジナルテーマの作成にトライしたい、という方向けの基本のマニュアルです。マニュアルというほど大袈裟なものではありませんけど、ある程度敷居が低くなると嬉しいなぁという思いを込めて記事にします。 この記事の内容はあくまで基本中の基本で、初心者・ノンプログラマー向けとなっていますので応用的な情報は殆どありません。また、説明の仕方も分かりやすさ重視で、厳密的にはちょっと違う点もあります。 初心者さん向けに、もう少し情報があってもいいかなと思って、書いてみることにしました。僕もまだまだ初級レベルなので一緒に学んでいきましょう。初級者レベルでこんな記事書くなって話ですけども。 目次目次です。各セクションで必要と思う場所から見るようにしてください。 はじめに作成するWebサイトの目的と構造テーマ作成前に用意するものと環境テーマの構造を(触り程度だけでも)理解するHTMLからテー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く