写真加工「トリミング」スキルは写真構図から盗め
どうも、一眼レフカメラ持っているけどイマイチ使いこなせていないカメラザワです。 一眼レフカメラの脱初心者を目指すために写真を撮るために構図を学んでみると、写真構図は写真を取らなくてもWebデザイナーは知っておくべき知識だと思いました。 その中で今回は、写真構図から学んだ写真をより良く魅せるトリミングのテクニックについて考えてみた。 写真構図とトリミングの関係 Webデザイナーに写真を撮るスキルがあるとスゴイ強みだと思います。 カメラを持っていないと写真を撮る知識が身につかないのは当然ですが、写真を撮る知識はWebデザイナーにとって覚えておく必要があると思います。 その中でも、カメラの知識で「写真構図」がトリミング（画面の一部だけを切り出す加工）をする際に非常に応用できます。 自分で探したり、クライアントから頂いた写真素材を良く魅せるためには写真補正はもちろん必要ですが、写真構図の知識を応用
人物写真の撮影のコツ〜トリミングしていい場所・悪い場所：図解 | ライフハッカー・ジャパン
人物写真を切り取る時はかなり気を使います。写真であれば、人間の体のどこだって切り取ってしまえるわけですから。イギリスの写真・映像テクニックメディア『Digital Camera World』に、人物写真で切り取ってもいい場所・悪い場所を図解したイラストが載っていました。 人物写真を切り取って気まずい思いをする前に、この図を参考にしてください。下の図の緑の線は切り取ってもいい場所で、赤い線は切り取らない方がいい場所です。例えば、肘の上で切り取らないのであれば、肘も手首も手も全部入るようにした方がいいということです。この図を参考にしながら、パソコンで人物写真を加工したり、写真を撮る時に被写体に一歩近寄って構図を変えたりしてみてください。 このガイドによると、「関節は切るべからず」というのが基本原則のようです。Digital Photography Worldで、「膝に緑の線があるのは基本原則か
Flexbox入門 - 横並びを実現する定番のCSS - ICS MEDIA
ボックス要素の横並びをCSSで行う場合は、CSSの「Flexboxフレックスボックス」 が便利です。Flexboxを使用することで、簡潔なコードで豊富なボックスのレイアウトが可能です。本記事ではウェブページの作成を通してFlexboxの特徴と使い方について解説します。 この記事で学べること Flexboxの使い方 スマートフォンへのレスポンシブ対応 Flexboxはボックスレイアウト用のCSS Flexboxとは、ボックスのレイアウト方法を定めるCSSの機能です。ボックスとは、HTML上の各要素が生成する領域のことです。下図のHTMLコードのウェブページでは、div要素・h1要素・p要素がそれぞれボックスを生成します。 Flexboxでは、ボックスを横ならびにしたり、右寄せ・中央寄せ・左寄せをしたりと、さまざまなレイアウトを少量のコードで実現できます。 サンプルの紹介 今回はレスポンシブな
何番目系の便利なCSSまとめ - Qiita
最初 :first-child 最初の要素（親要素から見て、子要素すべての最初） デモ :first-of-type ある要素の最初（親要素から見て、ある子要素の最初） デモ 最後 :last-child 最後の要素（親要素から見て、子要素すべての最後） デモ :last-of-type ある要素の最後（親要素から見て、ある子要素の最後） デモ 1個だけ :only-child 1個だけ子要素がある（親要素から見て、子要素が1個だけある） デモ :only-of-type 1個だけある子要素がある（親要素から見て、ある子要素が1個だけある） デモ X番目 :nth-child(X) X番目 デモ：５番目 :nth-of-type(X) ある要素のX番目 デモ：５番目 :nth-child(Xn) Xの倍数 デモ：2の倍数 :nth-of-type(Xn) ある要素のXの倍数 デモ：2の倍数
トネリコ on Twitter: "これは要注意！ https://t.co/TPNMu6qws4"
これは要注意！ https://t.co/TPNMu6qws4
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Illustrator：遠近グリッドを非表示にする
CODEPREP | Java入門 基本操作編