動画を準備する シネマグラフの完成度は動画のできにかかっています。主な条件は以下の3つです。 ネマグラフがうまくできる条件 1. カメラが固定されていること シャッターを押すちょっとしたブレでもつなげると気になったりするので、三脚＆リモートシャッターなんかがあるといいと思います。 2. ループの繋ぎ目が気になりにくい動きであること 髪の毛のふわふわとか水がチョロチョロ流れる動きなど、動きが単純で短い時間でも成立するものが向いています。しかしこういった動きはすでによく使われていて、マンネリなのも事実ですね……。アイデアをひねり出すのが一番大変な作業かもしれません。 3. 動いてる部分の背景に動きがないこと 後で詳しく説明しますが、動画の上に静止画を置いて、動かしたい部分に穴を空けるというのがおおまかな手法なので、動かしたい部分以外にちょっとでも変化があると違和感が生まれます。 以上の点を踏ま

こんにちは。WebディレクターのJackです。 ぶっちゃけ、Web担当者は「サイト制作にいくらかかるの？」ということが気にかかりますよね。とくに皆さんによく聞かれるのはディレクション費について。 「ディレクション費？ プランニング費？ いらないでしょ？ 値引きしてよ！」 そう思った方！ それは危険です！ Webディレクターの働きは目に見えづらいため、そう考える方も多いとは思います。しかし、プロジェクトの成否はWebディレクターにかかっているといっても過言ではありません。 本記事では、ディレクション費の内訳や、Webディレクターの役割、必要性についてご説明できればと思います。 ディレクション費ってなに？ Web制作におけるディレクション費とは、一言でいうとWebディレクターの稼働対価のことです。いわゆる人件費ですね。 たとえば下記のような稼働に対してかかってきます。 打ち合わせ（ヒアリング）

こんにちは。デザイナーの藤田です。 久しぶりにPhotoshopのtips記事をお届けします。 皆さんは�“水しぶき”などの背景が透けた画像の切り抜きに苦戦したことはありませんか？ ただ背景を切り抜くだけだと、透明感をなかなか表現できませんよね。 そこで今回は、“水しぶき”などの透け感がある画像をみずみずしく切り抜く方法をご紹介いたします。 ※今回の記事で使用している画像は下記サイトのものです。 water splash http://nihongo.istockphoto.com/stock-photo-13225547-water-splash.php Psd Soda Can Mock-Up Template http://www.pixeden.com/psd-mock-up-templates/psd-soda-can-mock-up-template Photoshopで“水し

こんにちは、LIGブログ編集部です。こちらは「オウンドメディア運営担当者なら知っておきたい基本事項」を紹介する前後編の記事です。 さて、コンテンツマーケティングの台頭にあわせ、現在注目を集めているのが「オウンドメディア」です。（オウンドメディアの定義や効果についてはこちらの記事「コンテンツマーケティングを実施する前に最低限おさえておきたい4つの知識」をご参照いただければと思います。） 前回の記事では、掲載した記事を拡散し流入を増やしていくための「SNS」の活用方法について、ツールや最新動向などを紹介していきました。今回は、その記事を作成するうえで欠かすことのできない「写真撮影・選定」と「ライティング」について“これだけはおさえておきたい基本事項”を紹介していきたいと思います。 写真やライティングについては「教えてくれる人もいないので、全て自己流ではじめました」という人も、案外多いのではない

こんにちは、ヴォラーレという会社でSEOコンサルタントをやっているじつかわです。 SEOコンサルをする中でさまざまなWebディレクターさんと一緒に仕事をさせていただいてきたのですが、やはりみなさん、SEOの領域まで手を出したくても出せない、というのが実情のようです。SEOをきちんとおさえたサイト構築をできる方には数えるほどしか出会ったことがありません。 しかし、外部リンクによるSEOで成功するのが難しくなっているなか、SEOを成功させるためには内部SEOをどこまでできるか、サイト構築時にいかにSEOを組み込んでいけるか、というのが非常に重要になってきます（※）。 SEOは他の広告手段とは違って、サイトそのものを検索エンジンに評価してもらうという取り組みですから、どのような企画・設計でサイトを構築するか / その際にちゃんとSEOを押さえられているか、によって大きな差がつきます。すなわち、S

こんにちは、LIG ブログ編集部です。以前、オシャレな部屋に住むためのリノベーションという方法を紹介しましたところ、沢山の方にお読みいただけたようです。本当にありがとうございます。 この記事に関して、「今住んでいる部屋は普通の賃貸だからそこまでできない」「今住んでいる部屋をもっとオシャレにしたい」という感想を見かけましたので、今回は「賃貸でもできる DIY 」についてまとめてみたいと思います。 DIY とは、「自分でやる」という意味 みなさんは DIY という言葉を聞いたことがありますか？ DIY は「 Do it Yourself 」の略ですが、日曜大工などでよく使われる「 DIY 」は、「自分でつくったり修理できたりするものは自分でやりましょう」という意味で使われます。 プライベートな時間を長く過ごすことになる自分のお部屋は、できるだけ自分が納得できるところに住みたいですよね。そんなと

こんにちは、Web制作ディレクターのあゆみです。 自分が撮影した素材だけで動画をつくると、なんとなく味気なかったり物足りなかったりしますよね。 そんなときに使えるのが、動画編集用の素材。元素材に重ねたり、間に挟み込むことで尺を稼いだりすることで、少し手の込んでいる動画に見せることができます。短時間でなんとかしたいときは、かなり助かると思います。 というわけで動画編集に使える無料の素材サイト10個をご紹介します！ よろしければ参考にしてみてください！

お久しぶりです。野田です。 娘が生まれてきてから、ぱったりとレコード遊びやスケボーをやらなくなってしまいました。 こうやってお父さんになっていくのですね。 怖い怖い。 今回は、フォントの基礎となろうことをまとめてみました。フォント選び初心者の方や、初心に戻りたい方などに見ていただけると幸いです。 さて、デザイナーであれば、フォントの基礎を知っておくのは大事なことですね。フォントの基礎を知らないということは、デザインの幅が狭くなってしまうということも、一つの要因と言えることだと思うので、覚えて損はないと思います。 書体のあれこれ 日本でデザイナーをしている方は、「和文フォント」と「欧文フォント」を使用している方が多いと思います。さらに、そのなかでも大きく4つ書体に分かれています。 書体毎にそれぞれのフォントに特徴があり、下記のような傾向があります。 デザインによると思いますが、求められている

パスの練習にはiPod風壁紙自作するのが一番だよ。こんにちは、もりたです。 先日、井上のきあさんの『Illustrator ABC』（エムディエヌコーポレーション）を買ったんですが、すごいなイラレ、いろいろできるのな！って感動したので、今回は覚えた機能を使ってなにか作ってみようと思います。 井上のきあさんの『Illustrator ABC』はコチラからご購入できます： http://www.amazon.co.jp/dp/4844363506 しかし自分の記事見直すとホント何にも知らずに使ってたんだな・・・。 ちょっと恥ずかしいので責めないでください。ほんと恥ずかしいんで！ 紹介したい機能 今回は、［グローバルカラー］［ライブペイントツール］［アピアランス］機能を使いこなしてみたいと思います。 アピアランスで線路記号が作れるということなので、地図を作りながら説明します。 作業環境は、Mac

こんにちは、デザイナー兼フォトグラファーのおまめ （@omame_creator） です。 今回はPhotoshopで写真を切り抜く方法、髪の毛のような細かいものをきれいに切り抜く方法、背景と馴染ませる方法を解説します。 どれも私が試して一番短い時間で簡単にできた方法なので、ぜひ試してみてください！ 独学でつまずいていませんか？ Photoshopの使い方を効率的に学びたい、プロのデザイナーに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2022年3月に編集部が情報を更新しました 「選択とマスク」を使って髪の毛を切り抜く方法 髪の毛を目立たせるため、強めになびかせた

デザイナー兼踊り手のJona（＠jona_yawaraka）です。わたしはLIGブログに掲載されるアイキャッチ（ブログ記事の顔になる画像）、バナー、背景ジャック（大型バナー）など、さまざまな画像を製作してきました。 画像をつくって客観視したとき、「ある程度まとまってはいるんだけどなんだかしっくりこない。でも何が悪いかわからない……」ということありますよね。 わからないときはとにかく手を動かして、いろいろと試してみるとうまくいったりするもの。ということでデザインがしっくりこないときにとりあえず試したい10の簡単な方法を、私の経験を踏まえながら紹介いたします。 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情

こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 先日、高円寺のワーキングスペース「こけむさズ」さんで勉強会があると聞いて行ってまいりました。 講師は「神速Photoshop」の著者の一人・石嶋さんで、フォトショを使って、わりとぽっちゃりな人をかなりすっきりにするテクや、ガサガサの残念肌をツルツルの潤い肌にするテクなどを教わってきました。 「カワイイはつくれる！」ということを実感いたしました。 そこで教えてもらった中でも、 「DreamweaverとPhotoshopを連動させて超効率的にスライス＆タグに埋め込むテク」がすごかったので、ご紹介させていただきます。 これを使うと、 とにかく早い 後からデザイン修正が発生した際、直すのが楽 シャドウがある画像でも正確に切り取れる などのメリットが！フォトショでもFW並か、それ以上に楽ができると思います。 そ