「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タイプから選択して設定することができます。このメガメニューを有効的に使うことで・・ これまでの一般的なブログテンプ

ホームページ作成費用の相場と早見表。制作会社に依頼するよりコスパの良い手段を紹介 2024.06.21

ホームページ作成費用の相場と早見表。制作会社に依頼するよりコスパの良い手段を紹介 2024.06.21

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

全世界にあるWEBサイトの1/4はWordPressで作られていると言われています。また、HTMLやCSSのスキルが無くても、管理画面上からテキストを入力したり画像をアップロードしながらホームページを更新することができるWordpressは、今や単なる「ブログ投稿ツール」ではなく・・ 会社や店舗のブランディングを担うホームページとして、トラフィックを増やし集客するための情報発信ツールとして、そしてWEB上で成約に結びつけるセールスページとして、大企業から中小企業、個人に至るまで、事業で利益を上げるために欠かすことのできない「マーケティングツール」になっています。 そのため、ここでは「マーケティングに有効な”特徴的な機能”が備わった5つのWordPressテーマ」を紹介します。

情報量の多いブログを運営している場合には、適切に情報を届けるために簡易的な「検索フォーム」が備わったWordPressテーマを活用したり、必要に応じてカスタマイズして検索機能を設置している人も多いでしょう。 しかし、単純な検索機能では、タイトルや記事コンテンツのキーワードからすべて拾ってしまうため、「ユーザーが見たい」と思う情報の”源泉”を掘り当てることはなかなかできませんでした。 そこでTCDでは「アンドオアが選択できるキーワード検索」、「ブログ記事3種類・紹介記事3種類の計6種類のカテゴリー検索」、「タグによる絞込み検索」によって、情報を”厳選”することができる国内初の高性能な検索機能を搭載したポータルサイト専用WordPressテーマを開発しました。 ここでは、宿・ホテル・観光地、地域情報を届けるポータルサイト、不動産の物件情報検索サイト、美容院や脱毛サロンを紹介する大規模なアフィリ

ポータルサイトの「ポータル」とは、入口を意味する言葉です。つまり、本来の意味ではGoogleやyahoo!、@niftyなどの検索エンジンを搭載し「ユーザーがインターネットにアクセスし最初に訪れるWEBサイト」のことを指しますが、Googleをポータルサイトだと認識している人は少ないでしょう。 現在の一般的な認識としては、グルメ情報を扱う「食べログ」、物件情報を扱う「SUUMO」、美容系情報を扱う「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を動かしながら説明してくれるので、英語