「Photoshopは楽しい！」センスのある人であれば、好きな画像素材を切り取ってペタペタを貼り付けていけば、それだけで個性的な作品が作れます。 でも、平面的なフォトコラージュだけではなく、そこに立体感や空間を表現することができるようになると、リアリティのある世界観を創ることができて表現の幅も格段と広がる。 ってことで、ここでは・・ 立体感を表現するための基礎知識と光と影をコントロールしながら、リアリティのある世界観を創るために私が意識していることを共有したいと思う。 立体感を表現するための基本的な考え方（デッサン編）目の前に平面的な「〇」があったとする。この「〇」を立体的な球体にしたいと思ったときに、無意識に〇の輪郭部分に強めの影を描いてしまう人が多い。 これでも、なんとなく球に見えなくもない。でもデッサン経験が豊富な人は「対象物をよく観察する」ことの大切さを知っている。 例えば、テーブ

Photoshopで毛がフサフサとした猫ちゃんなどの動物の画像素材（背景が白）を切り取ろうとしても・・ これがなかなかうまくいかず背景となじみません。 でも、そもそも画像を切り取る目的は背景と合成するためですよね？ そんなときは「キレイに切り取りをしよう！」と考えるのではなく、キレイに合成するための「描画モードを活用した合成テクニック」を身に付けましょう。 ある程度Photoshopになれている人であれば、こちらの動画を見ればコツがわかると思います↓ キレイに合成するためのポイント ・0：45～境界線ギリギリではなく少し内側まで深めに切り取る ・1：08～切り取った画像と切り取っていない画像の2つをドロップ ・1：35～背景が白い画像の描画モードを「乗算」に変更 ・1：47～切り取った画像を前面に表示（これで結構なじむ） ・2：17～空間を演出するために背景をぼかす（距離＝強く） ・3：2

メールマガジンのバックナンバーを再利用して 無料でメルマガ読者を増やす！ WordPressテーマ「DIVA」の活用方法 1リスト1000円から2000円と言われる時代（1人の読者を獲得するためにかかるコスト）に、あなたは無料で、しかも濃い読者を集める方法を実践してますか？ せっかく日々のメール配信でコンテンツを持っているのに、それを再利用しないのはもったいない。あなたはこんな独自の世界観を表現したメルマガバックナンバーサイトを運営したくないですか？ メルマガ読者を集めるためには無料レポートを作ってプレゼントしたり、広告を出して露出を増やすといった、いろいろな施策があります。でも、なによりも大切なのは「どんなメルマガを配信しているのか？」「この配信者はどんな考えで、どんな世界観を持っているのか？」を知ってもらうことですね。 だったら、すでにあなたが持っている有益なメルマガバックナンバーを、

有り難いことに私たちのもとにはデザインに関するお声がよく届きます。もしかしたら、デザイナーがどんな人物なのか、気になっている人も多いかもしれません。私 中田は、彼は世界で最高のデザイナーだと思っています。そんな彼に質問形式でインタビューをしました。何度読んでも飽きない、大人の知見が「シンプルに」凝縮した内容となっています。ぜひすべてをご覧ください。 TCDではどのテーマからデザインを担当してますか？ 「Gorgeous」からですね。TCD第2世代の突入にあたりますね。 今思い返せば、中田氏とはじめて出会ったとき「あるべき姿」を数時間に渡って2人で熱く語った記憶があります。その時語り合った「あるべき姿」が、共通認識になり「ひとつの経糸」となって、今のTCDに連綿と築かれている。それは、今も不動で変わらない「ひとつの経糸」ですね。 TCDには豊富なバリエーションのデザインがありますが、なぜこれ

HOME ブログ webデザイン , 【PR】 , フォトショップ 「特訓Photoshopプロのテクニック教えます！」という本のWEB版を『無料』で一般公開します。 Photoshopは画像加工や写真のレタッチに適したデザインソフトですが、実はPhotoshopひとつ使えるだけで、WEBデザインやロゴマーク、ポスターなどあらゆるデザインが可能になります。 これまでスリームデザインでは、Photoshopを使ったさまざまなデザインチュートリアルをブログで公開してきました。 そんな、当ブログ記事でも紹介しているチュートリアルをブラッシュアップ＆使えるテクニックを追加した書籍「プロのテクニック教えます！特訓Photoshop（価格2300円＋税）」を2014年に出版しました。 そして今回、WEB版を無料で一般公開します。こちらのショップから無料ダウンロード↓ 特訓Photoshopウェブ版 デ

Youtubeにアップするための動画とか、プレゼンテーション用動画とかを作るために、今まではAdobeの 「Premiere Pro CC」を使っていたのですが、レンダリングとかエンコードとかなんか小難しいし、動作も重いし、ソフトを立ち上げるのも結構おっくうに感じていたんですね。 「ん～、もっと手軽で簡単にサクサク動画を作ってアップしていきたいし、それでいてクオリティーの高い動画が作れる動画編集ソフトってないもんだろうか・・」 といろいろ探していたところ、TechSmithの「Camtasia」にたどり着いたのですが、使ってみたらこれはほんと良い！ってことで、ここではカムタジアスタジオ9の魅力に感じた部分を紹介します。 カムタジアスタジオ9パッケージの詳細を確認する タイトルロゴに使えるモーション（動作）が素敵すぎる！ Youtubeでマイチャンネルとか持っている場合には、自分が作った動画

HOME ブログ 3分の話 , 【PR】 「盲点って本当に見えていないの・・？」読書嫌いな私がむさぼり読んでしまった【進化しすぎた脳】が面白いっ！ 右目を閉じて・・ 左目で右側の白い点を見ながら、パソコンのブラウザから顔を前後に動かしていくと30～50cmくらいのどこかで、左側の黒い点が消えるっ！（スマホだったら結構むずかしいけど5～10cmくらいのところかな？ぼやけるけど、たしかに消える場所がある。） これ、理科だったか、図工だったか、もしくは保健体育だったか？何の授業だか忘れたけど、小学生の頃にやった記憶がある。。 目から入ってきた視覚的な情報（光）は、眼球の中にある網膜が受け取り、視神経を伝って脳へ送られる。その視神経が束になっている部分には、網膜に穴が空いているから、ココの部分だけは見えない。 そうするに、これが「盲点」ってやつですね。 そう、私は今まで「盲点」っていうのは、文字通

HOME ブログ webデザイン , WordPress , フォトショップ Photoshopで画像を合成（フォトコラージュ）してWordPressで空間を表現してみたらいろいろできそうな予感がプルプル。。 Photoshopで画像を合成（フォトコラージュ）してWordPressで空間を表現してみたらいろいろできそうな予感がプルプル。。2018.01.15 Photoshopに使い慣れてくると、自由に画像を切り取ったり、合成したり、色調を補正しながらいろいろな表現ができるようになるので、もしWordPressでブログとかやっていれば、自分の作った「フォトコラージュ作品」を公開したいものです。でも・・ フォトコラージュって、せっかく複数のレイヤーで構成されているので、単なる1枚の画像作品として公開するんじゃなくて「なんとか空間とか表現できないものだろうか？」と考えていたところ・・ 【D.e

Photoshopは画像加工や写真のレタッチに適したデザインソフトですが、実はPhotoshopひとつ使えるだけで、WEBデザインやロゴマーク、ポスターなどあらゆるデザインが可能になります。 これまでスリームデザインでは、Photoshopを使ったさまざまなデザインチュートリ... 調整レイヤーで彩度とコントラストを強めるPhotoshopでミニチュア風の加工をしたい画像を開きます。 調整レイヤーの「色相・彩度」を追加して彩度をグーっと高めます。 調整レイヤーの「トーンカーブ」を追加してコントラストを強めます。 調整レイヤーの「レベル補正」を追加してシャドウとハイライトを適度に調整。 画像をシャープにするフィルター 》シャープ 》アンシャープマスク を選択。 量（A）を高めます。 チルトシフトを適用するチルトシフトはぼかしをかける技法ですが、直接画像をぼかしてしまうと後から調整できなくなっ

HOME ブログ WordPress 画像スライダーだけじゃない！WordPressのブログ記事が魅力的になる無料のプラグイン【Meta Slider】がめっちゃ便利。 画像スライダーだけじゃない！WordPressのブログ記事が魅力的になる無料のプラグイン【Meta Slider】がめっちゃ便利。2018.01.16 ただブログ記事にペタペタと画像を貼ってもなんか味気ないし、できれば画像をスライドして（動きを付けて）読者の視線を引き付けたい。 そんなときには、無料で使えるWordPressプラグイン【Meta Slider】が便利です。 「Meta Slider」には、スライダー以外にもさまざなエフェクトが用意されていて、「アイデア次第でいろいろと使い分けることができて面白い！」ってことで、ここではWordPressでブログを運営している人にとってめっちゃ使える「Meta Slider」

一般的なブログのヘッダーにはグローバルメニュー（ナビゲーションメニュー）が設置されていますが、ブログのメニューには「読者が迷うことなくコンテンツを見てもらうための役割」があり、メニューの項目やデザインを最適化することはPVを伸ばすうえでも重要なポイントになります。 進化系のブログテンプレートである「Bloom」には、通常のドロップダウンメニューの他に、イメージ画像付きのメガメニューを設置することができるので、読者に対して「どんなコンテンツが用意されているのか？」を視覚的伝えることができ、興味のあるページを読んでもらうきっかけを与えることができます。 メニューのデザインは、TCDテーマオプションから「ドロップダウンメニュー」「メガメニュー」「メガメニューB」「メガメニューC」の4タイプから選択して設定することができます。このメガメニューを有効的に使うことで・・ これまでの一般的なブログテンプ

Windows専用の無料FTPソフト「WinSCP」の使い方｜多様な暗号化通信も可能。 2024.09.11

Windows専用の無料FTPソフト「WinSCP」の使い方｜多様な暗号化通信も可能。 2024.09.11

スプラッシュページ（Splash page）とは、ウェブサイトの訪問者が最初に見るページのことを指します。ウェブサイトが表示される前のイントロダクションページとして、ブランドロゴ・動画・キャンペーンフォームなどが差し込まれるのが一般的です。最近ではスプラッシュスクリーン（Splash screen）とも呼ばれています。 スプラッシュページは、Flashの全盛期によく使われていました。当時はWEB制作者の技術やセンスを見せる目的で使われていたことが多かった気がします。 近年ではブランドイメージを直感的に印象付けるため、期待感を抱かせるため、といった実用的な目的で採用されます。 スプラッシュページ（スプラッシュスクリーン）の用途： ブランドイメージの表現 年齢確認 言語選択 キャンペーン告知 そのためここでは、見る人のインスピレーションをインスピレーションを掻き立てる！そんな美しくてかっこいい

Windows専用の無料FTPソフト「WinSCP」の使い方｜多様な暗号化通信も可能。 2024.09.11

Windows専用の無料FTPソフト「WinSCP」の使い方｜多様な暗号化通信も可能。 2024.09.11

検索情報抽出機能が付いた代表的なポータルサイト6選 一休.com（ホテル・宿・レストラン予約サイト） 「じゃらん」「H.I.S.旅プロ」「楽天トラベル」「トリバゴ」など、全国のホテルや宿を検索して予約できるポータルサイトはたくさんありますが、最安値やセールを売りにしていたり、サイトによってそれぞれコンセプトが異なります。「一休.com」は、高級ホテルやワンランク上の宿に特化しているだけあって、サイトのデザインも洗練されています。 WEBサイトを確認する SUUMO（物件検索サイト） 全国の賃貸物件、売買物件を扱う不動産情報サイトの「SUUMO」は、地域や沿線を絞り込み、こだわり条件で物件を探すことができる高度な検索機能が特徴です。物件情報だけではなく「住まいのお役立ちノウハウ」といった、引っ越しする際に役立つ情報も配信しています。 WEBサイトを確認する Rakuten BEAUTY（美容

Photoshopはウェブデザインにおいてトップクラスの画像加工ソフトウェアであり、初心者から多くのプロフェッショナルにまで愛用されています。その機能が多岐にわたるため、専門家でも全機能を自在に使いこなすのは難しいほどなのですが、Photoshopの提供元であるAdobeが初心者向けにPhotoshopの使い方を説明するチュートリアル動画の再生リスト「3, 2, 1... Photoshop!」をYouTubeで公開しています。 3, 2, 1... Photoshop! - YouTube 「3, 2, 1... Photoshop!」にはPhotoshopの写真加工ツールや特定の機能の使い方を説明する以下の7つのムービーがまとめられており、2分30秒～5分程度でサクっと視聴できる内容になっています。英語での説明となりますが、実際にPhotoshopを動かしながら説明してくれるので、英語