知れば写真が上手くなる！基本・応用の構図15選と構図を使いこなすコツ | Adobe
「きれいだな」「残しておきたいな」と思った風景を、そのまま切り取って残せる写真。 たくさん写真を撮っていると、あるときふと、どれも同じような写真に見えたり、思い通りのイメージで撮れないと感じたりすることがあります。 そんなときは、まず「構図」を見直してみましょう。 同じ写真でも構図を変えるだけで、写真の雰囲気や印象は大きく変わります。 構図を意識して写真を撮ることで、その写真の中で特に目立たせたい要素が際立ち、作品を通して伝えたいメッセージがより伝わりやすくなるからです。 さらに、構図をたくさん知っておくと、写真撮影の引き出しが増え、目の前の被写体や風景の魅力を引き出しやすくなります。 この記事では、よく使われる構図から応用編まで、15種類の構図を紹介します。 この記事の内容を参考に、表現の幅を広げ、もっと写真撮影を楽しんでくださいね。 まず押さえておきたい10の基本構図 まずは、基本的な
AI描画ソフト「Stable Diffusion」はWeb制作の役に立つか？
最近AIによる描画ソフトがかなり盛り上がっており、その中でも特に「Stable Diffusion」はWeb制作者にとってもインパクトが大きく、使い方によっては制作の役に立つかもしれないと思っています。 まずはStable Diffusionで制作した画像をご覧ください。 これらの画像は写真のように見えるかもしれませんが、どれもAI描画ソフトから出力されたものです。出力後に一切補正はしていません。 「こういう画像が欲しい」と頭で考えてから出力が完了するまでの時間は、約30分程度です。 以下のような、自分でつくるのはちょっと面倒なアイソメトリック風イラストや3DCG風の画像も制作できます。 建築イメージのような画像も制作できます。 自分で作るのは面倒な、タイリング画像（縦横に繰り返し表示できる画像）も制作できます。さらに合わせ技として、「アイソメトリック風のタイリング画像」の制作もできます。
フォトショップをしっかり学ぶ！最新チュートリアル、作り方まとめ 2020年1月度
この記事では、フォトショップの新しいテクニックや基本の使い方を学ぶ最新チュートリアル、作り方をまとめています。 最近のアップデートでさらに使いやすくなったフォトショップを、ばっちりマスターしたいひとにオススメのテクニックを中心にまとめています。 また、これからフォトショップをはじめようという人は、30日にフォトショップのすべてを学ぶ無料コースも開催中。重要ポイントをしっかり押さえながら、すばやく使い方を覚えることができます。 2016年総まとめ！デザイナーが確認しておきたいPhotoshopチュートリアル厳選55個 Photoshop CC 2020に追加された便利すぎる新機能10個まとめ フォトショップをしっかり学ぶ！最新チュートリアル、作り方まとめ 写真から金網フェンスを取り除く方法 フェンス部分の選択にはすこし要領が必要ですが、手順としては3ステップのみで完成するクイックチュートリア
無料＆たった数秒で写真から人物を抜き出して透過画像を作ってくれる登録不要のサービス「remove.bg」 - GIGAZINE
画像の加工を行っている時、「画像に映っている人物だけを抜き出して、背景を全て消し去った透過画像を簡単に作りたい」と思った経験がある人もいるはず。「remove.bg」はそんな人にピッタリな、AIを使ってわずか数秒で背景と人物を分離してくれる登録不要＆無料のウェブサービスです。 Remove Background from Image – remove.bg https://www.remove.bg/ 「remove.bg」を使うには公式ページへアクセスし、「Select a photo」をクリック。 すると、コンピューターのフォルダから写真を選択できるので、加工したい画像を選択して「開く」をクリック。 ほんの数秒間処理が行われ…… オリジナルの画像から人物だけを抜き出し、背景を除去した画像が表示されました。remove.bgでは学習済みのAIが人を「前面」として検出し、それ以外の要素が「
無料で最強！レスポンシブ対応の高品質HTMLテンプレート23個まとめ 2017年10月度
2017年のウェブデザイントレンドをうまく反映したかっこいいウェブサイトや、アニメーションなど素敵なエフェクトを採用したランディングページなど、HTML5/CSS3で制作された無料テンプレート素材をまとめてご紹介します。 デザインの現場でも人気の高いBootstrapフレームワークをベースとしたテンプレートも多く、自由にそして手軽にHTMLテンプレートのカスタマイズを行うことができる素材が揃います。どれもスクリーン画面サイズに関係なく表示できるレスポンシブデザインを採用しており、さくっとウェブページを作成したいときの参考にもどうぞ。 Bootstrap 対応！2017年最新の無料HTMLテンプレート上半期まとめ レスポンシブ対応で無料！ウェブ制作を高速化できるHTMLテンプレート24選 2017年1月度 あまり知られていないBootstrapスタイルテクニック、小技16個まとめ Wired
著作権フリーの海外無料写真サイト『Pexels』の使い方とオシャレな写真の検索ワード例10選！ - 研究職の考え
観ていると落ち着いたり、こんなところに行きたいなーって、心がほっこりするような写真や風景が好きなヨウコウです。 最近、ブログの記事で使用する写真を検索する際に、ものすごくお世話になってる『Pexels』の使い方を簡単に紹介したいと思います！海外のサイトで英語がたくさんですが、使い方は1分でマスターできます！自分みたいな落ちこぼれ英語難民でも使えます！ 【この記事はこんな人の参考になるよ！】 オシャレな写真を探している人 著作権フリーで使える写真（CC0） Pixabayで満足できなくなってきた人 【読むとこんな嬉しさがある！】 Pexelsの使い方をマスターし、写真検索サイトのストックが増える 質の高い写真に会える確率が上がり、検索時間の短縮ができる 素敵な写真を観て癒される 【目次】 Pexelsとは Pexelsの使い方 １、まずはサイトに行きましょう！ ２、検索ワードを入れましょう！
プロのデザイナーが実践している、最近のWebデザインで見かけるカラーを効果的に使ったテクニックのまとめ
カラーはあらゆるデザインにおいて、非常に重要な要素の一つです。 プロのデザイナーはWebサイトやアプリで、さまざまなテクニックを用いています。 カラーのコントラスト、類似性、使用比率で、フォーカスポイントを作成したり、階層をつくりだすこともできます。最近のWebデザインで使われているカラーを効果的に用いたテクニックを紹介します。 5 techniques for fine-tuning UX with color 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. カラーの使用比率でフォーカスポイントを作成 02. カラーのコントラストで注意を引きつける 03. カラーを使用してUXのパターンを作成 04. カラーを使用して階層を作成 05. カラーの類似性を使ったテクニック まとめ 01. カラーの使用比率でフォーカスポイ
1.2億枚のフリー写真を一括検索！似た素材も見つけることができる Mediachain Attribution Engine
ウェブサイト制作やブログの運営などで重要な要素のひとつが、人目を引く美しいサムネイル画像。商用利用もできるフリー写真サイトから見つけることもできますが、膨大なコレクションからお好みの一枚を探すのは、骨の折れる作業とも言えます。 今回は、1億2千枚以上のCC0ライセンのフリー写真を一括検索できるサイト、Media Attribution Engine をご紹介します。どれも自由に利用できるだけでなく、自分の好みの写真をアップロードするだけで似た素材を見つけてくれる便利で画期的な機能にも注目です。 詳細は以下から。 1.2億枚のフリー写真を一括検索！似た素材も見つけることができる Mediachain Attribution Engine Media Attribution Engine は、30を超える無料写真ストックサイトで公開されている、1億2千枚を超えるCC0写真をまとめて一括検索でき
色変換・色調整の5つの方法 まとめ | Photoshop 色調補正ゼミナール | Shuffle by COMMERCIAL PHOTO
写真のある部分を大胆に色変換、あるいは繊細に色調整と、さまざまな色調補正について学んできた当連載。今回は、画像の色を完全にコントロールするためのさらなる手段となる「5つの方法」を解説する。 今回は、いよいよ連載第17回目です。 お待たせしました！ 今回から、いよいよ「写真のいろいろな部分を、自由に色変換していく技術」の実践編に入っていきたいと思います！！ 写真の各部を自由に選択し、狙いを定めた色に、きちんと変換することができる。そして、極端な色変換をしても、全体との調和をとって自然に仕上げることができる。 当連載のゴールである「デジタル画像の色を、完全にコントロールできるようになる」という境地まで、ラストスパートです！ 引き続き、どうぞよろしくお願い致します！！ 今回は、「色調補正コマンドの使い方はだいたいわかっている」、そして「選択範囲の作り方もひと通りマスターしている」、そんな方に向け
写真撮影が上手くなる、覚えておきたい基本の構図テクニック20選
完璧な写真を撮影する方程式はありません。 しかし、これから紹介する20個のガイドラインを利用すれば、つまらない写真の構図を魅力的に改善することができるでしょう。 このチュートリアルでは、写真の仕上がりがグッと良くなる、20個の構図テクニックを参考サンプル例と一緒に見ていきましょう。もっとも基本的なガイドラインにはじまり、より複雑で高度なテクニックまでまとめています。 コンテンツ目次 0. 構図ってなんだろう。 1. 三分割法 2. 中央揃えと左右対称 3. 前景シーンと奥行き感 4. 枠のなかの枠 5. リーディング・ライン 6. 対角線と三角形 7. パターンと質感 8. 奇数の法則 9. フレームを覆いつくそう。 10. 余白スペースを利用しよう。 11. シンプルさとミニマリズム 12. 被写体のみ切り抜こう。 13. 視点を変えてみよう。 14. 配色の組み合わせを考えよう。 15
ブログに載せる画像は適当にネットから引っ張ってきてはダメですよ！ - あなたのスイッチを押すブログ
ブログを始めた当初、記事内に載せる画像はウェブ上から適当に持ってきて良いものだと思っていました。 記事のテーマに合ったキーワードでGoogle画像検索をして、そこに表示されたいい感じの画像を保存しては、記事に貼り付ける。「画像なんか無限にあるじゃなーい」と思っていた時期が私にもありました。 でも、ダメなんですよ。 画像一つにも著作権があり、勝手に使うことは許されていません。 では、ブロガーの皆はどこから画像を探してくるのか。それには大きく３つの方法があります。 ブログで使ってOKな画像 ブログで使ってOKな画像は、大きく３つあります。 1. 自分に著作権のある画像 2. ロイヤリティフリーの画像 3. クリエイティブ・コモンズの画像 以上の３つが、記事に掲載して良い画像の種類です。それでは、それぞれご説明しましょう。 1. 自分に著作権のある画像 まず最初は、自分に著作権のある画像。つまり
著作権フリーで実用度高め！商用OKなオシャレ無料写真ストックサイト Skuawk
ウェブサイト制作や資料づくりなどに活用したい、高品質でロイヤリティーフリーの無料写真を公開している、新しいフォトストックサイト Skuawk をご紹介します。もちろん商用利用も可能で、圧倒的なクオリティーは、写真選択の時間を短縮してくれるでしょう。 他のフォトストックサイトまとめと一緒に利用すれば、写真素材に困ることも少なくなるかもしれません。 「フリー写真」カテゴリを確認する 詳細は以下から。 著作権フリーで実用度高め！オシャレな無料写真ストックサイト Skuawk Skuawk は無料で、美しく芸術的（Free, Beautiful and Artistically Loud）をモットーにしたフォトストックサイトです。公開されている写真はパブリックドメインとなっているので、クレジット表記も不要でコピーや複製、商用利用にも対応しています。 食べものや風景、都市、テクノロジー、人など使いや
写真画像を無断使用されたので、使用料金をご請求申しあげた件【著作権裁判まとめ】
2016年8月22日著作権侵害対策 昨年４月、旅行会社のA社のウェブサイトにぼくの写真画像が無断で使用されているのをみつけました。スクリーンショットはこれです。 小さな扱いですが、プロのフォトグラファーという著作権で成りたつ仕事をしている以上、これを捨て置くことはできません。 ふつうは出版社でも広告代理店でもクライアントの皆様は１枚の写真に対してきちんと使用料金を支払ってくださいます。それなのにA社は画像を無断で使用したことで料金の支払いを免れるというのでは他のクライアントとの公平性がとれなくなります。 そこでA社に連絡をとって抗議したところ、無断転載を認めないどころか「当社を中傷するなら名誉毀損で訴訟します」との回答をいただきました。対策に窮したぼくはやむを得ずこちらからA社を著作権侵害で提訴しました。 そして裁判所という場において、このたびA社社長は「写真を無断使用した」というぼく
最近Webデザイン界で流行っている「Duotone」をうまく使えば超イケてるサイトに様変わりするに違いない - Brian'z Imagination
その昔アンディ・ウォーホルという巨匠が描いたマリリン・モンローのポップアートのレプリカが4年くらい前にマンションに飾ってあったのを思い出すけれど、最近Webデザイン界では海外を中心に「Duotoneデュオトーン」と呼ばれるデザインが流行りだしている。 シンプルでありながら、ポップでビビッドで非常に印象に残るデザインなので、「Duotone」を極めれば超イケてるサイトになりそうな予感。 最近流行っている「Duotone」って何ぞ？ 「Duotoneデュオトーン」は「Duo(2つの)」＋「tone(色)」をあわせた言葉で、ベースとなるミドルトーンとハイライトカラーの2色を中心に描き出されるハーフトーン作品のこと。Duotone作品自体は昔から存在するのだけれど、昔のアーティストが一生懸命に写真をつなぎあわせていた時代から時が経ち、Photoshopのアップデートで簡単に写真を加工してDuoto
無料で目を引くグラフィック投稿やウェブページが作れる「Spark」がアドビから登場! | Techable(テッカブル)
デザインやDTP関連のソフトウェアの大御所Adobeからこのほどビジュアルコンテンツを簡単に制作できる無償ツール「Spark」がリリースされた。 このiOSアプリはウェブと連携するので、グラフィックを作成してSNSに投稿したり、ウェブページを作成したりの作業が場所を問わずシームレスに行える。 ・アプリは3種類 Sparkアプリは3種類ある。まず、ソーシャルメディアへの投稿を作成する「Post」。使いたい写真を選んで文言を入力し、デザインフィルターをかけるなど、ものの数秒でグラフィックスを作成してFacebookなどのSNSに投稿できる。 普通に写真にコメントをつけて投稿するよりオリジナル度が高まり、フォロワーの目を引きそうだ。 ・雑誌スタイルのウェブページも 次に「Page」。こちらでは、ウェブページを雑誌スタイルで作ることができる。 旅行ブログなど写真を多く載せたい時に便利で、雑誌のよう
サイト制作の勉強になる、参考にしたい最新ウェブデザイン28個まとめ
ウェブサイトをつくるときに、アイデアが湧いてこなくて困ってしまうことがあります。そんなときは、一度パソコンから離れ、散歩に出かけるのも効果的ですが、他のデザイナーが作成した作品をチェックし、デザインの眼を養ってみてはいかがでしょう。今後のデザイン設計のきっかけや、参考になるかもしれません。 今回は、新しいウェブ技術を駆使した、クリエイティブで体感型の最新サイトデザインをまとめてご紹介します。各サムネイルをクリックすることで、参照サイトを確認することもできます。 詳細は以下から。 サイト制作の勉強になる、参考にしたい最新ウェブデザインまとめ Checkland Kindleysides 高級感のあるセリフ書体に、幻想的な写真イメージを組み合わせたデザインが素敵。各サービスを表す、ユニークなアニメーション付きアイコンにも注目。 Addidas Climazone 2016年に入りよく見かけるよ
わたしのデザインセオリー（写真マスク編） - デザイナーのイラストノート
この記事は「Webデザインセオリー Advent Calendar 2015」の11日目の記事です。@striveさんの「Webデザインの価値と効率を上げるため意識していること Webデザインセオリー Advent Calendar 2015」というとても戦略的でいい記事から一点、小手先の話ですみません・・・！ デザインに写真を使うときにわたしがよくしていること 「デザインセオリー」というと「これをやればデザインはOK！」みたいに聞こえますが、もちろんそんなことはなく、自分が画像をトリミングしたりマスクするとき、イメージや印象を伝えるために、どんな手法をよく使うかということを実例を交えながらご紹介します。 グラデーションマスクにこだわってみる メインイメージなどで、写真の上にメッセージを重ねるのはよくある手法ですね。例えばこの緑をバックにした女性の写真を使用して、上に文字を重ねましょう。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
カラーの組み合わせもついに人工知能で！指定色から最適な色の組み合わせを導きだすツール -Colormind | コリス
ブックマークしておきたい！無料で高画質の写真が手に入る海外のストックフォトサイト「ISO REPUBLIC」 - 素材サイト
https://sozai.site/archives/193
