HDRI画像を作る方法は沢山ありますがフォトショップで手軽で簡単に自然なハイダイナミックレンジ写真を作る方法をご紹介します。 より自然とは言ってもHDR画像自体が自然な訳ではありませんから、それをいかに自然に見せつつハイダイナミックレンジにするかという話です。ただここではあまりに自然にマスクを作ってしまうと分かりにくいですから多少キツめにマスクを作成しています。 私が今まで行っていた方法の一部をYouTubeで丁寧に解説してくれている動画もありましたので、そちらも合わせてリンクしておきます。ただ英語なので若干分かりにくいかなぁ～と。 How to Use Double Masking for Natural HDR Blending in Photoshop なのでここで簡単に解説してみます。 かなり前にもUPした外苑イチョウ並木の写真ですが、これも同様の方法を基本に作成しています。 外苑

RailsアプリのUIデザイン〜コーディングするにあたり、 今回はじめてphotoshopとsass,compassを使用しました。 Web(UI)デザインの作成を、Fireworksからphotoshopにのりかえた。 - 記すに足らず。 はじめてSass(Compass)を使ってみた＆CSS設計について初めて考えてみた(SMACSS)時の感想 - 記すに足らず。 そのときにやってみた Photoshopのデータから画像切り出し→coｍpass(-rails)でcssスプライト用画像を作成する方法のまとめ。 photoshopの画像をスライス photoshopから画像を切り出す際、CCから追加された 「画像アセット」 という機能を使うと便利です。 画像アセットとは？ レイヤーに決められた名前を付けるだけで、 勝手に画像として切り出してくれます。 〜参考にさせていただきました！〜 使い方

動画を準備する シネマグラフの完成度は動画のできにかかっています。主な条件は以下の3つです。 ネマグラフがうまくできる条件 1. カメラが固定されていること シャッターを押すちょっとしたブレでもつなげると気になったりするので、三脚＆リモートシャッターなんかがあるといいと思います。 2. ループの繋ぎ目が気になりにくい動きであること 髪の毛のふわふわとか水がチョロチョロ流れる動きなど、動きが単純で短い時間でも成立するものが向いています。しかしこういった動きはすでによく使われていて、マンネリなのも事実ですね……。アイデアをひねり出すのが一番大変な作業かもしれません。 3. 動いてる部分の背景に動きがないこと 後で詳しく説明しますが、動画の上に静止画を置いて、動かしたい部分に穴を空けるというのがおおまかな手法なので、動かしたい部分以外にちょっとでも変化があると違和感が生まれます。 以上の点を踏ま

こんにちは、デザイナーの王です。 みなさんは写真やイラストを見たときに、「色使いうまいな！　どういう色構成をしているんだろう？」と思ったことがあるのではないでしょうか？　デザイナーなら誰しもそう思ったことはあると思います。 プロなら肉眼でもぴんとくるかもしれませんが、もっと正確に色構成を確認したい場合もあると思います。例えば、イラストなら最初から配色はできても、写真ではそれが難しいですよね。そこで色構成をチェックをすれば、より理想に近い配色に直すこともできるかもしれません。また、単に配色を確認して色使いを学ぶこともできますよね。 今回はそんな望みを簡単に叶えてくれる、Photoshopのあまり知られていないが意外と便利な機能をご紹介します。 やりかた 今回はこちらの写真を例に使います。 Step 1 「ファイル」から「web用に保存」を選択します。 ※ショートカットはcommand + a

フォトショップで作成したり、デジカメで撮影したあらゆるジャンルのテクスチャ素材を公開しています。全ての素材は商用可・フリーダウンロード！WEBデザインやグラフィックデザイン、ゲーム制作などにおすすめ！フリーテクスチャ素材館

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。