コスジェニック・レッスン | ニコンイメージング
Lesson15 一眼レフで差がつく“きらめき”和装女子 和をテーマにした衣装はコスプレでは人気ジャンルのひとつ。和装の美しさを際立てる構図や和の世界観に、スピードライトできらめきと鮮やかさをプラスしてみよう。一眼レフならではのコスジェニックな1枚がそこに♪ 和装の美しさを際立てる構図や和の世界観に、スピードライトできらめきと鮮やかさをプラスしてみよう。 レッスン詳細を見る Lesson14 不思議の国で色彩にこだわった一枚 コスジェニックな写真にとって大切な要素のひとつが色彩の美しさ。一眼レフなら色彩にこだわり抜いた撮影に挑戦できる！不思議の国をイメージさせるスタジオで、自分だけの色彩の世界観を表現してみよう！ 不思議の国をイメージさせるスタジオでコスジェニックの大切な要素、色彩の美しさを表現してみよう！ レッスン詳細を見る
CSSによるレイアウトの崩れやおかしな挙動を解決するテクニックのまとめ -Defensive CSS
WebページやUIコンポーネントのレイアウトの崩れ、おかしな挙動にあらかじめ対応しておくためのCSSのテクニックを紹介します。 FlexboxやCSS Gridによるレイアウトの崩れ、テキストが長いコンテンツ、固定の幅・固定の高さによるレイアウトの崩れ、子アイテムが増えすぎたり減りすぎたりで崩れたりなど、起こりがちな問題を解決する実践的なテクニックが満載です。 Defensive CSS by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Flexboxでの折り返し スペースの確保 テキストが長いコンテンツ 画像の伸縮を防止する スクロールが連鎖するのを回避 CSS変数のフォールバック 固定の幅・固定の高さによるレイアウトの崩れ 忘れがちな背景の繰り返し 垂直のメディアクエリ justif
撮影時に知っておけばバランスが良くなる構図の12つのパターンが思わず使いたくなる。「それっぽく見えるレイアウト」や「視線を誘導させるレイアウト」も
デザナビ👀デザインを図解で解説 @wkwdesigner フォローするとデザインのヒントやキッカケが見つかる💡 初心者向けデザインテクニック・Tips／デザインのポイントを図解付きで解説💡 ツイートだけではわかりづらい部分はブログで詳しく解説✏️ https://t.co/X9FzimhN9e
Web制作者は要チェック！Instagramに使用されているCSSのテクニック
Instagramに使用されているCSSのテクニックを紹介します。 世界で多くのユーザーが利用し、閲覧する環境もさまざまなデバイスに対応する必要があります。下記のモックアップをどのように実装しますか？ Inspect Element As A Way To Feed Your Curiosity by Ahmad Shadeed はじめに Instagramに使用されているCSSのテクニック レイアウトにCSS GridやFlexboxを使用していない Instagramのアンケートに使用されているCSSのテクニック 終わりに はじめに フロントエンドのデベロッパーにとっての最高の贈り物のひとつは、Webページを調べるだけで何がどのように実装されているのか、CSSが裏でどのように機能しているのか確認できることです。Webページを見ている時に気になるレイアウトやエフェクトがあり、どのように実
【総まとめ】2020年公開のすごいPhotoshopチュートリアル、作り方厳選まとめ
当サイトでは、Photoshopの新しい機能テクニックをつかった最新チュートリアル、作り方を定期的にまとめて紹介しています。 この記事では、2020年のあいだに公開された、特に確認しておきたいPhotoshopのデザインチュートリアル、つくり方をまとめてご紹介します。 これまで以上に便利になった新しくアップデートされたPhotoshop 2021の新機能はもちろん、ボタンひとつで完成のお手軽写真やアクション、合成テクニックなど、デザイナーが覚えておくと便利な人気のデザインスタイルのつくり方がずらり揃います。 これからPhotoshopを始めてみよう、というひとにもぴったりなテクニックを揃えています。年末の連休をつかって、新しいテクニックを習得してみてはいかがでしょう。 2020年公開のIllustratorチュートリアル、つくり方も以下の記事でまとめています。 【総まとめ】2020年公開の
CSS Flexboxでヘッダを実装する最近のテクニックのまとめ
CSS Flexboxで、Webサイトのヘッダを実装する最近のテクニックを紹介します。 ロゴやナビゲーションの配置、各要素間のスペースの与え方、使用可能なスペースに検索フォームを広げて配置など、Flexboxを効果的に使用した実装方法です。 Building Website Headers with CSS Flexbox by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ヘッダの構造を確認 Flexboxの動作 ヘッダの実装バリエーション Flexboxでヘッダを構築するための便利なテクニック Flexboxで実装したヘッダのテンプレート 終わりに はじめに 私が初めてHTMLとCSSの基礎を学んだとき、Webサイトのヘッダを実装することは非常に難しい作業の1つでした。2014年頃のこ
FlexboxとCSS Gridの使い分け方、よく見かけるUIコンポーネントをFlexboxとGridで実装するテクニックのまとめ
FlexboxとCSS Gridのどちらを使った方がよいか悩んだことはありませんか？ FlexboxとCSS Gridの使い分け方、それぞれの違い、Flexboxの実装例、CSS Gridの実装例、FlexboxとCSS Gridを組み合わせた実装例、フォールバックと古いブラウザのサポート方法を解説します。 Grid for layout, Flexbox for components by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSS GridとFlexboxの違い CSS GridとFlexboxの使い分け方 CSS Gridの実装例 Flexboxの実装例 CSS GridとFlexboxを組み合わせて使用する フォールバックと古いブラウザのサポート CSS GridまたはF
UIのデザインでよく見かける、目の錯覚による違和感を取り除くデザインテクニックのまとめ
WebページやスマホアプリのUIをデザインした時に、数値上は均整がとれているのに、人の目の錯覚で違和感を感じることがあります。ちゃんと揃えて配置したのに、同じサイズなのに、同じ色なのに、なんだか違和感があることはありませんか？ この目の錯覚による違和感を取り除くUIデザインのテクニックを紹介します。 Visually distorted - when symmetrical UI looks all wrong by Gil Bouhnick 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. ボタンと同じ色だとテキストは明るく見える 02. 同じフォントでも小さいサイズだと細く見える 03. 背景画像の上のテキストは読みにくい 04. 行間が間違っているテキスト 形の扱い方 05. 整列されたのに揃っているように見えない
うわっ、私のサイトBootstrapくさすぎ!? たった数文字変えるだけでBootstrapのくさみが抜ける7つのCSSテクニック。
なんか、このサイトBootstrapくさい。そう感じることはありませんか? その理由はズバリ、欧文ベースでつくられたフレームワークを文字構造の違う日本語で適用した際に不都合が出てしまっているからです。 それらが醸し出す違和感を放っておくと、Bootstrapくささを生み出す大きな原因になってしまいます。 そもそもの問題として、欧文と比較して和文は文字の要素が多く、文字自体のリズムも少ないため、どうしても複雑で単調に見えてしまいます。 しかし、和文だからといってあきらめることはありません。BootstrapのCSSを少しだけ変えるだけでグッと見た目がよくなる隠し味をご紹介します。 1. line-heightで行間にゆとりを。明朝やゴシックなど、フォントの種類が言葉の印象を表すように、文字の行間は読みやすさ、文章全体の雰囲気を左右します。 欧文をベースに設計されたBootstrapをそのまま
写真好き必見！グルメ系の写真を撮る際に活用したいテクニック記事9選
FacebookのようなSNSを始め、レシピサイト、ブログで料理の写真を公開するというのは最近では当たり前のようになってきています。 自宅で作った手料理だけでなく、外食先で注文した料理の写真を撮影し、投稿する方も多くいらっしゃいます。 そんな料理写真においては、やはり見た目が重要な要素となります。 せっかく写真を投稿してもあまり美味しそうに見えなければ少し残念です。 今回は、グルメ系の写真をうまく撮ることが出来るテクニック記事をまとめてご紹介します。 日頃料理写真を撮っているけれど思うように撮れない、とお考えの方がいらっしゃいましたら、ぜひ記事のテクニックを参考にしてみてください。 グルメ系の写真をうまく撮るテクニック記事9選 1.料理の撮影方法と9つのテクニック：美味しく見せる撮り方｜森のカメラノート http://www.mori-camera.com/situation/food.h
デジタル一眼レフカメラで背景をぼかした写真の３つの撮り方 | Neganin(ネガニン)
デジタル一眼レフカメラの購入を考えている方の多くが、背景をぼかした写真を撮影したいと考えているようです。 ただ、せっかく購入したカメラで思うように背景をぼかすことができずに結局手軽なコンパクトデジタルカメラやスマートフォンで撮影している方が多いように感じます。 お問い合わせの１番多い内容なので簡単に背景をぼかす為の3つのコツをご紹介します。 3つだけで驚くほど写真が変わるので、ぜひ実践してみてくださいね。 今回は「Nikon(ニコン) D5300」を使ってやってみたいと思います。 年の瀬に事務作業をしながらの記事なので、作例が事務所内の写真で申し訳ないです。 1. 絞り優先モードを使う 撮影モードは「オート」ではなく「絞り優先モード」を使います。 実は「絞り優先モード」は、プロも含め多くの写真愛好家たちが使っているモードです。コツを掴めばカメラに全然詳しくなくても素敵な写真が撮れるんです。
Photoshopで写真を手書きの鉛筆画風に加工する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの王です。絵を描くのが趣味です。 最近は絵を書く時間が全く持てなくて困っています……。 どうにか早く描けないものかと悩んだ末、表題の通り、「写真から絵を作ってしまおう」という結論に至ったわけです。 折角だし、絵が描けなくて困っている方たちにも役に立つテクニックなのではないかということで、やり方をさくっと説明してみたいと思います。 【こちらもおすすめ】 ☞ Photoshopで初めて写真加工をするときに知っておくべき基本手順まとめ 素材写真を用意する 鉛筆画らしく見せるためには、まず写真を切り抜いておきましょう。 アウトラインを抽出 次に、以下のステップを踏んで、アウトラインの抽出を行います。 cmd + Jでレイヤーを複製します。 cmd + Iで反転させます。 Shift + Alt + D で 描画モードを「覆い焼き」にします。 「色相 ・ 彩度」の調整レイヤーを
HTML5Experts.jp
進化するWeb ～Progressive Web Appsの実装と応用～(de:code2018より) 物江 修 2018年5月に開催された日本マイクロソフト主催のイベントde:code 2018で「進化するWeb ～Progressive Web Appsの実装と応用～」というセッションを担当しました。 イベントに参加できなかった...
美少女ゲーム開発現場でのキャラクター彩色方法を、わかりやすく解説されているブログが凄い！ - 萌えイラスト上達法！ お絵かき初心者の学習部屋
さて、今回は塗りについての記事です。 皆さんは実際プロの現場の人が描いている講座を見た事がありますか？ 今回、ご紹介するのは 「美少女ゲーム開発現場でのキャラクターの塗り講座」 です。 プロの現場に携わっているアーティストが 講座を書いているサイトです。 使用ソフトはPhotoshop、SAIですので 使っている人は絶対に見ておくべきサイトだと思います。 また、効率よく塗りが出来るようなテクニックや 塗りに特化したブラシ設定の調整など 分かりやすく説明されています。 エ○ゲー的CG講座 http://cgkouza.blog93.fc2.com/ 以下は、見どころなどを説明していきたいと思います。 ●ファイルの解像度について 制作現場で基準となっている解像度があるようです。 印刷するものは350dpiがひとつの基準。 イベントCGは、2400x1800くらいでやってる事が多い 立ち絵は縦4
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
デジカメの撮り方・テクニック集
こちらは独自ドメインからレンタルサーバー、フレッツ接続専用会員までトータルサポートのプロバイダー、BiG-NETです。 いつも弊社ユーザーのページにアクセスをして頂きましてありがとうございます。 http://www24.big.or.jp/~antares/photo_gallery/camera/dejicame/dejicame_top.html 403 Forbidden (動作禁止です) 申し訳ございませんが、お客様がアクセス要求されました上記ページは、現在アクセスが出来ません。 弊社では、なぜアクセスできないのかと言う第三者からのお問い合わせにはお答えすることが出来ません。 もしこのページの関係者をご存知でしたら、連絡を取ってみることをお薦め致します。 何卒ご容赦下さい。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSのinsetプロパティで上下左右の中央に配置する時の「position: fixed;」での新しい記述方法
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
写真がうまくなる３６の法則 - ライフハックブログKo's Style
新着記事