こんにちは。ディレクターの鮫島です。 突然ですが皆様、Huluっていう動画配信サービスはご存知ですか？ なんと月額980円で人気の映画やアニメが見放題なんです！ しかも、閲覧できるデバイスはPCだけではなくスマホやPS3など多岐にわたるので ネット環境があればどこにいても、電車の中でも映画が楽しめます。 ※これはHuluのステマでは一切ございませんのであしからず。。 あまりの素敵サービスに感動した私は他にも同じようなサービス、もしくは動画以外でも◯◯し放題なサービスはあるのかな？と思って色々調べてまとめてみました。 これであなたも休日引きこもりライフのはじまりですね！！ 動画やドラマが見放題！ Hulu 冒頭でも簡単に紹介した動画配信サービスです。 CMなどでもベッキーが紹介してたりして今一番波に乗っている動画配信サービスだと思います。最新映画などはないものの、本数やジャンルがかなり豊富！

最近Photoshopをゲットしたライターのしゅーへいです。 LIGデザイナー陣のデザイン技術をチラチラ見ながら、Photoshopの勉強をしております。ちなみに打倒、王さんです。 今回の記事は、手描きのイラストをデジタルデータ化する方法です。 必要な物は「スキャナ」と「Photoshop」です。今から紹介する方法は、線画でも利用可能なので覚えておいて損はないです。 ストーリー 家にあった中二病ノートに2012年4月に書いたイラストというか文字がありました。なんか「イイナ・・・。」とか思ったので、このイラストをデジタル化しようと思います。 スキャンする まずはスキャナを使ってスキャンします。 320dpiのTIF形式でスキャンしました。綺麗にスキャンできるならJPEGでも良いと思います。 Photoshopでの作業 次に、Photoshopでの作業に移ります。 余計な部分の除去 そのままス

お久しぶりです。マラガの海の贈り物ディレクターのSEKOです。 みなさんは普段スマホで「いつ」「どこで」調べ物をしますか？ 私は会社の行き帰りの電車の中で調べ物をしている事が多いですが、「限られた時間の中で知りたい情報をすぐに見つけたい」なのにサイトが重かったり、知りたい情報が見つけにくい、操作がしにくい。そんな経験はないでしょうか？ 本日はストレスのないスマホサイトを作るにあたりUIをどのように考慮していけば良いか８つのポイントをお届けします。 スマートフォンを利用するシーンを想像しよう。 まず一番重要なことがスマホサイトを利用するシーンを考える事です。大抵スマホサイトを利用する場合は下記の状態が考えられます。 時間に余裕がない 通信環境が不安定な状況にいる 利用が断続的である。 屋外、通勤時間の電車の中、休憩時間のカフェ、会話中に思い出せない事がある時など「すき間の時間」の利用シーンが

こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 最近、いろんな先輩方から「お前服だっせえな」と言わるので、ファッションの傾向を泣く泣く変えました。嵐の相葉君をお手本にこれまで頑張って参りましたが、相葉君には近づけませんでした。無念。 さて、今回はさまざまなシーンで活用できる、汎用性の高いjQueryプラグインを7つほどご紹介させていただきます。簡単＆シンプルで優れた機能のものばかりなので、ぜひご覧ください。ダウンロードできる本家サイトのほかに、日本語で分かり易く解説してくださっているサイト様のURLも合わせて載せておきます。 1.世界一使いやすいスライダー”bxslider.js” カスタマイズ豊富で、設置の仕方も超簡単！弊社CTOづやさんのオススメでもあります。 フリック、スワイプも対応しています。最強すぎます。 ダウンロード：bxslider様

今回は、ジェネレーターで意外と作成しずらい？多色で斜めのストライプ模様の作り方です。 ネット上にはストライプジェネレーターはわりとあると思うのですが、自分の好きな色で好きな幅でかつ斜めで～となるとなかなかいいものがみつからなかったりしませんか？（わたしが知らないだけかもしれませんが；） そこで、ジェネレーターとか探すのめんどくさいよ！って方へ、簡単な斜めストライプ作成方法をご紹介します。 1:縦のストライプを作成する。 まずはシェイプツールを使って縦のストライプを作成します。 アイボリーだけちょっと幅を狭くしてみました。 2:ストライプを斜めにする ストライプが描かれたレイヤーを全て選択して、Ctrl+Tで斜め45度に傾けます。 3:角を合わせる 対角線のラインがそろう部分と、底辺の角がぴったり揃う部分をみつけて、ガイドをひきます。 斜め45度に傾けているので正方形の領域が出来ました。 4

こんにちは、マウスはトラックボール派のもりたです。 ロジクールのレシーバーとBluetoothの相性が悪いらしく、競合してキーボードが認識されませんって画面に出るんですけど、普通に使えてます。 まいっか。 今回は以前書いた生粋のWinユーザーがMacにすんなり馴染める！便利な無料アプリや、設定まとめの補足で、元WinユーザーのためのMacトピックです。 索引 Windowsでいう「マイコンピューター」を設定する マジックマウスの接続が切れた時の対処法 CDの取り出し方 Dockに入ってないアプリケーションを整理する ファイルの中身を簡単に確認できるクイックルックを活用する 文字が小さくて見づらい…画面のズーム機能を使う ウェブデザイナーの為のおまけ Windowsでいう「マイコンピューター」を設定する WindowsからMacに移行した人が高確率で躓くポイントです。 逆にMacしか使ったこ

こんにちは、LIGのカメラ担当のゴウです。 昔からカメラが趣味でずっと人を中心に撮ってきたのですが、撮影をする際の「笑顔の引き出し方」に関してのノウハウを今回お伝えしたいと思います。 が、その前にひとつ、フォトコンテストの紹介をさせてください。 ベストスマイル・オブ・ザ・イヤー！ 日本歯科医師会が主催する、ベストスマイル・オブ・ザ・イヤーというフォトコンテスト。「とびきりの笑顔」というテーマで1993年から行われています。 今回、そのコンテストをLIGブログで紹介して欲しいというリクエストをいただいたので、紹介したいと思います。そうです、ステマというやつですね。 ベストスマイル・オブ・ザ・イヤー2013の公式サイトはこちら (・∀・) ｽﾃﾏ ﾊ ｺｺﾏﾃﾞ! はい！ という訳で、今回の記事ではカメラのテクニックというよりは、「笑顔をどう引き出すか」という所にフォーカスしてまとめてみました

恋しちゃいすぎて多分気づいてないでしょう。どうも、チェリーライター・ヨシキです。 あらゆる情報が溢れかえる現代社会。そのような情報群の中から、ある特定の視点をもとに情報を収集・整理し、新しい価値を構築し、共有する『キュレーション』という手法が注目されています。 代表的なキュレーションサービスとして『Togetter』や『NAVERまとめ』などがありますが、役に立つ・センスの良い“まとめ”は爆発的なシェアを生むため、今やキュレーションをおこなう人である『キュレーター』自身が価値を生み出す存在となりつつあります。 キュレーターに求められるものとは？ 自動生成のキュレーションサービスも多数ある中、キュレーターが共有するものとは、自身の価値観です。もちろん、より多くの人の役に立てるため、あるいはビジネスの観点からPV数を集めるため、広く浅い“まとめ”を行うことも立派なキュレーションです。 しかしキ

こんにちわ。アートディレクター兼2児のパパ、長岡です。 毎回子どもネタですが、最近アンパンマンを指さして「パンパーンパン」とそれっぽい発音をしている息子を見て「こいつ可愛いな」と癒されています（笑） 屈託のない笑顔と持ち前のあどけない仕草で、保育園のマダムたちをイチコロ（表現が古い？）にしているそうです。将来がちょっと心配です・・・。 さて今回は、HTML5・CSS3・jQueryを使用したフロントエンドツールの王道「Twitter Bootstrap（※ver2.3.1）」のお話。 ※この記事を書いている最中にver3.0がリリースされました！（汗）後でゆっくり触ってみたいと思います。 ▲Twitter BootStrap ver2.3.1 Web制作者なら、一度は触れたことがあることと思います。 そのまま使ってみたり、カスタマイズして使ってみたり・・・。 使い方を間違えなければ、とても

こんにちわ！ 昔、大晦日にチョコレートを食べていたら気管に入ってむせてしまい、1分くらい息ができない状態で悶え苦しんでいる間に新年を迎えていたきょーへいです。 この甘いようで苦い思い出、忘れるまで忘れません。 さて、今回もリスティング広告に関連したことを書かせていきたいと思います。 よろしくお願いします。 リスティング広告を運用していると気になってしまうのがCPA。 他にも気にする部分はもちろんありますが、このCPAを気にしているという方多いのではないでしょうか。 念のためにCPAのご説明をさせていただきます。 CPAとは 商品購入や会員登録などの、コンバージョンを1件獲得するのにかかるコストのことです。 Cost Per Acquisitionの略で顧客獲得単価のことをCPAいいます。 たとえば会員登録が目的で広告を出稿しCPAが￥2,000だった場合、会員1人を獲得するのに￥2,000

普段は主にWebフロントエンドを担当しているライターの内藤です。 下記の記事にインスピレーションを頂きましたので、美しいだけではない”優れている”と思われるWebデザインについて、要点を簡単にまとめてみようと思います。 僕は普段実装をやっていて、カンプが届いて「これをコーディングしてください！」っていうお仕事がほとんどなのですが、カンプによってはコーディングしやすいものからデザイナーさんに殺意を覚えるものまで色々あります。 デザイナーからコーダーへ直接デザインが回ることもあれば、間にディレクターが入ることもあると思います。 美しい・きれいなデザインであればあるほど、フロントエンド組も、よし、やってやろうじゃないか！と気合いが入るのは事実です。 けれども、美しいだけでなく”優れた”デザインであれば、以下の様なメリットがあります。 コーディングが楽になるのでフロントエンド組に優しい 下流工程の

どうも、はやちです( ˘ω˘) アスパラおいしいですよね( ˘ω˘) はやちは肉巻きアスパラが好きです( ˘ω˘)ｼﾞｭﾙﾘ あら、ここにおいしそうなアスパラが(๑´ڡ`๑) 今回はPhotoshopのコンテンツに応じた修正ツールを使ってアスパラを色々やっていこうと思います( ˘ω˘) アスパラを消してみよう！ 選択ツールでアスパラを囲みましょう( ˘ω˘) メニューバーの編集→塗りつぶしを選択します。 ショートカットキーShift＋F5でもできます( ˘ω˘) プルダウンからコンテンツに応じるを選択してOKを押すと( ˘ω˘) 消えた✌(´ʘ‿ʘ｀)✌ 他にも消し方があるよ ツールバーにあるパッチツールを選択してアスパラを囲みます( ˘ω˘) 上部にあるコントロールパネルのパッチのプルダウンからコンテンツに応じるを選択します( ˘ω˘) 選択されたものを引っ張ると置き換えたい背景に移し替

こんにちは。子煩悩ライターのイワタテです。 娘、と書くより、愛娘、と書いた方がしっくり来るんです。 きっと、愛しているからでしょうね。 ところで、ライターという職種に限らず、仕事で文章を書くすべてのみなさん。 原稿、自信をもって出していますか？ 僕は、自信をもって出しています。 その秘密は、原稿提出直前に必ず使う、15項目のセルフチェックシートです。 このチェックシートを活用するようになってからというもの、クライアントの機嫌は良くなるし、読者からのレスポンスが見違えたし、みるみる仕事が増えていくし……父ちゃんやったぜ愛娘！ 原稿送信のボタンを押すときはいつも不安になるという方。 よろしければこのチェックシート、印刷して机のどこかに貼って、使ってみてください。 □ 原稿の結論がタイトルに明記されているか。 何が書いてある原稿か直感的に理解できなければ、そもそも読者はページを開かない。 □ 想

皆さんこんにちは、メディア事業部のそめひこです。 記事や企画作りを行う上で、アイデアやコンセプトがなかなか浮かんでこないことが多々あります。結構な量の記事や企画を組み立てていくので、頭が柔軟ではない自分にとってはアイデアやコンセプトを出していくのは結構な重労働。 そんなときに私が最近参考にしているのが、”心理学”です。 心理学 = 生物体の意識や行動を研究する学問 漠然としたアイデア出しを、心理学を通してより具体的に仕立て上げることで、ある程度の道筋をたてることが出来ます。 アイデア出し役立つ基本的なマーケティング心理学まとめ ■認知的不協和 個人のもつある認知と他の認知との間に不一致・不調和が生じること。その結果、不協和を解消あるいは低減しようとして行動や態度に変化が起こる。 例えばヘビースモーカーの喫煙者に対して、「タバコを吸うとガンになるリスクが高くなり長生き出来ないのでやめなさい」

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

こんにちは！LIGの学生ライター、大学三年生の野上と申します！趣味はサッカー、フットサル、スケートボードです！今後ともよろしくお願いいたします。 さて、皆様。「靴」は好きですか？ 青春時代、そして現在。かっこいいスニーカー、パンプスを求めてネット中を探したり、実際に探し歩いたりしたことがある人がいると思います。 だがしかし！探してもあんまりない！自分のファッションとカラーリングが合わない！ ていうか探してる時間がない！！ そんな皆様に、今回はオンラインで、オンリーワンな一足を作れるwebサービス７選をご紹介します！ そもそもwebサービスを使う利点とは？ 仕事が終わった夜遅くでも、オンラインなのでいつでも作れる！ サイズが豊富なので、サイズ欠けもなし！ オーダーメイドなので世界で一つだけのデザインができる！ などがあげられます。それではどうぞ！ 自分だけのスニーカー、パンプスが作れるweb

中型ライダー（二輪）免許を持っているライターの内藤です。 本日は、ライダーキック並みの強烈さで役に立つ見本サイトをまとめてみたいと思います。 Web屋さんはご存じの方も多いかもしれませんが、ブログをしている一般の方、Webデザイン・DTPに興味のある方、お店を持っている方なども必見です！ 部品に特化した見本 部品に特化した見本サイトをご紹介します。 見出しデザイン（h1,h2,h3……その他DTPでも） はじめは見出しデザインに特化した見本サイトまとめ。 見出しデザイン.com http://midashi-design.com/ 見出しタグ（h1,h2,h3……）のデザインの見本ですが、DTPなどでもヒントになるものがたくさんあります。 カテゴライズは、グラデーション・テキストのみ・テキスト非画像・上線・下線・丸・四角・囲み線・斜線・点線・角丸。 ヘッダー部分に凝っても見出しが適当だと全

display:table-cell; を活用する リキッドレイアウトのコーディングにすごく便利。 親要素に display:table; 子要素に display:table-cell; 記事リストなど、画像とテキストを横並びにするときに。 均等に横並びにしたいときに。 タップ時のカラー設定 CSSで以下のように設定。アルファ値も設定可能。 -webkit-tap-highlight-color: rgba(255,105,183,0.6); 画像、iframeに max-width を指定 img・iframeは、サイズが大きすぎて画面からはみ出すことがあるので max-width:100%; を指定する。 word-break:break-all; を指定 スマホは幅が狭いため、長いURLなどが1行に入りきりません。 word-break:break-all; を適宜指定する。 フォ

こんにちは。ライターの内藤です。 恥ずかしながら、最近になって「フラットデザイン」を意識しはじめました。 装飾を最小限におさえることによって、特定のメッセージや製品、アイデアを直球勝負で伝えるデザイン。 フラットデザインは、もともとスマートフォンの小さな画面でシンプルに見せるものから派生したのだと思われますが、Windows8やGoogleの新デザインがきっかけとなって一躍注目を浴びるようになったようです。 もう知っている方も、まだ知らない方もいらっしゃると思いますので、目次のお好きなところから読んでください。 最初から全部読まなくても大丈夫です！ フラットデザインとは まずはどんなものか、百聞は一見にしかず、サンプルを見てみましょう。 フラットデザインの例 http://builtbybuffalo.com/ http://www.squarespace.com/templates/ ※

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