皆様、こんにちは。メディア事業部のまゆです。 最近はパワポなどを使って資料を作成することが少し増えてきました。外部の方の資料を見せていただくと、「こんな資料を作れてしまうのか……」と思うときが結構あります。 まだまだ勉強中の身ですが「こういうプレゼンができたら楽しそうだな」、「こういう資料を作ってみたい」と思ったプレゼンツールを何個かピックアップしてみました。 では、ご紹介したいと思います。 これは使いたい！プレゼンツール Zoho Docs https://www.zoho.com/docs/show.html オンライン上でプレゼンテーション資料を作成・公開できる完全無料サービス。 PC内にデータを保存していなくても、インターネットさえつながれば、いつでもどこでも利用することができます。作成した資料は.ppt/.pdf形式でエクスポートが可能。.ppt形式のファイルやGoogleドキュ

こんにちは、デザイナーの王です。ぼくは普段Photoshopを使うとき、極力ショートカットを使っているショートカット野郎です。 英語で言うところの「ショートカット」は、「近道」を表しているというのはみなさんご存知ですよね。方向音痴の方は別として……近道があれば、誰しも遠回りしようだなんて思わないはずです。 今回は、Photoshopの作業効率化におすすめのショートカットを一挙に紹介します。前半では基本のショートカットキー、後半ではプロ向けに選んだ意外と知られていない隠れショートカットも紹介しているので、ぜひ実践してみてください。 macの場合とWindowsの場合それぞれで記述しているので、該当する欄をご確認ください。 「ググってわからないこと」が一瞬で解決するかも？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もお

年賀状、あわわ年賀状。皆さん年賀状出来ましたか？九州ライターの村上です。 厄年32才は今年案の定離婚とか色々ありまして、年賀状に書くべきか、しかし旦那の名前と写真がそっくり消えているから察してくれるかな…しかし…という悩みを抱えたまま未だに年賀状が出来ていません。 さてそんな重い話題をさらっと全世界に振ってからの今回は、Illustratorでおめでたい感じの印鑑を作ってみたいと思います。というのも欧米フォントでかすれたスタンプ系は結構あるのに、和風の印鑑、てん刻とかって意外と少なかったので。 Illustratorで印鑑を作ってみよう ベースとなる文字を用意します なぜ文字を大吉にしたのか未だに思い出せません。幸せが欲しかったんでしょうね。とりあえず大吉スタンプを作ってみましょう。 ゴシック・明朝・白舟書体・隷書体 どの書体がいいのかわからなかったのでとりあえず４種類を適当にチョイス。

こんにちは、デザイナーのサリーです。 フラットデザインが流行してから、アイコンやモックアップ素材を使う機会が以前より多くなったように感じます……。 素材をダウンロードしたとき、編集がラクチンだと助かりますよね。 今回はPSD形式などのまま素材をダウンロードできる、とっても太っ腹なサイトを20個ご紹介します。 PSD形式のフリー素材を配布しているサイト GraphicBurger http://graphicburger.com/ 無料と有料の素材がごちゃ混ぜなのでご注意。 緑の「Download」ボタンが「Visit download page」となっている場合は有料素材です。 365psd http://365psd.com/ 日本でも有名なフリー素材サイト。 365個一気にまとめてダウンロードできる有料パックもあります。 Pixeden http://www.pixeden.com/

こんにちは。デザイナーチームマネージャーのひろです。この前雪が降ったときに家族でかまくらを作ったのですが、次の日ありえないくらい下半身が筋肉痛になりました。 でも、子どもたちに貴重な体験させることが出来て良かったです。 さて、本題に入りましょう。今回は、Instagram風に写真加工が簡単にできるPhotoshopアクションをご紹介いたします。 Instagramのアプリを使わなくても、あなたの撮った写真が簡単にPhotoshopで加工できます。ぜひダウンロードして使ってみてください。 Photoshopのアクションをダウンロードする まず、下記のサイトへアクセスし、Photoshopのアクションファイルをダウンロードしてください。 Photoshop tutorials こちらになります。 http://www.photoshoptutorials.ws/downloads/photos

こんにちははじめまして、つい先日LIGに入社したあゆみです。 気づけば早くも3月も一週間が過ぎ・・・ということで、今日も思いの他ぬくぬくしていますね。ぽかぽか。 そんなわけで早速、気持ちを切り替えたくなるこの季節に触れておきたい、見た目も素敵なおっしゃれーな情報が載っているWEBサイトをいろんなジャンルから抜粋して紹介します。（おしゃれって言うのすごくこっぱずかしい） オシャレな情報盛りだくさんのWEBサイト20選 1. WIRED スタートはWIREDで。ガジェット系が強いので、LIGのブログを読んでいる方のなかにも読者という方、多いんじゃないでしょうか。雑誌も毎回切り口が思わず「いいね！」と言ってしまうような、いい目線で特集が組まれているのですが、WEBの情報量も半端ないです。毎回頭よくなった気分にさせてくれます。 2. THE PUBLIC 気になる情報やクリエイターの話を、渋谷の2

こんにちは。ほっぺたと髪の毛は柔らかい方がいい、デザイナーの佐藤タカアキ（@sato_tkaaki）です。 僕は天然パーマの髪質なのですが、大変ですよね、くるくる、ごちゃごちゃしてて。至ってシンプルな、癖のない髪質に生まれたかったですほんと。 そんな僕はシンプルなデザインに惹かれます。それはなぜか。 どんなデザインも元を辿れば「点」と「線」から作り上げられているからです。 どんなに優れたデザインであっても、原点を見つめ直してみると、すごくシンプルな物から作り上げられています。 そこで今回は、日本ではまだあまり例のない、線デザインを取り入れたサイトを厳選してまとめさせていただきました。 線デザインのまとめが他になかったので、この記事がみなさんの参考になればと思います。 それではいってみましょう！ 注目されること間違いなしの線デザインサイト 1. BrightMedia https://bri

（編集部注：2013年12月4日に公開された記事を再編集したものです。 ※無料で商用利用可のところばかりですが、中にはアイコン1個1個でライセンスが違うものやコピーライト記載が必要なものもあるので、ご使用の際には随時ご確認ください。） こんにちは。デザイナーの白浜です。 フラットデザインが流行りなこともあり？最近何かとピクトグラムアイコンを探す機会が増えました。（余裕があれば自作モノも増やしたいところですが！） でも、いつも同じところだとマンネリになりがち……。 他のデザイナーさんはみんなどこみてるんだろう？？とアンケートをとってみたところ……今まで知らなかったところが結構出てきました！ メモがてら、まとめてみたいと思います。 【こちらもおすすめ】 ☞ 質高すぎ！ベクター素材をフリーでダウンロードできるサイトまとめ LIGデザイナーが厳選！使えるフリーのピクトグラムまとめ Endless

初めまして、新入社員のデザイナーの藤田です。 2013年最も目立ったWEBデザインのトレンドといえばフラットデザイン。 そのフラットデザインと相性がよく、徐々に目にするようになったポリゴンスタイルをご存知ですか？ どのように作るのかと疑問に感じている方も多いと思うので今回はポリゴンスタイルの作成方法をご紹介致します。 ポリゴンスタイルの作成方法 使用ソフトについて もちろんPhotoshopやIllustratorでもポリゴンスタイルを作成する事は出来ますが、時間がかかってしまうので今回は簡単に写真をローポリイラストに変換してくれる『triangulator（※現在はサービスを終了しています。）』を使用します。 『triangulator』の使用イメージはこちらをご覧下さい。 どうですか？簡単そうですね！ triangulatorの使用方法 triangulatorの紹介ページの一番下、「

こんにちは、LIGブログ編集部です。 ここ半年くらい、とある上司が折に触れて暑苦しく「絶勝！絶勝！」と煽ってくるのですが、「絶勝」は「圧倒的勝利ッ！」という意味ではなく、正確には「超いい景色」という意味です。 言葉の使い方を間違えると部下から「バカなの？」と思われるので注意しましょう。 今回は、IT/Web業界頻出のカタカナ・ビジネス用語を130個ほどピックアップし、まとめてみました。自信のない人は辞書代わりに、自信のある人は用例と見比べつつ本当に正しく使えているかのチェックリストとしてご査収いただければ幸いです。 それでは、はじめます。 ※この記事は、2014年6月25日に公開された記事を再編集したものです。 【編集部からのお知らせ】 リスキリングに興味があるみなさんへ。 何を学ぼうか迷っている方におすすめなのが「Webクリエイター」です。 Webクリエイターをはじめとしたデジタルマーケ

こんにちは。学生ライターの池澤章太です。 Webで記事を書くときや資料を作るときに、フリー写真素材をよく使うと思います。しかし、イメージに合う写真や素材を見つけるってなかなか大変です。場合によっては商用利用できるか調べるなければいけませんし。 そんなときに、商用利用ができて、無料で使える素材サイトがまとめてあると便利ですよね。 ちなみに動画素材については送別会、結婚式に！映像制作に使える無料動画素材サイトまとめをご覧ください。 今回は、23個ほど素材サイトをまとめました。この記事をブックマークしておけば素材に困ったときに役立つはず！ 【こちらもおすすめ】 無料で商用利用OKのサイト特集 商用利用できるフリー写真素材サイトまとめ23選 ここでひとつ注意を。「フリー」という単語は、なにかと誤解を招きやすいですが、著作権がフリーだったり、クレジット表記が不要だったりする意味ではありません。各素材

こんにちは。LIGブログ編集部です。いつも「時間が足りない！」「忙しい」「寝たい……」と思っているWebデザイナーの皆さん、Photoshop作業の時間短縮をしていますか？ Photoshop作業の効率化すれば、余った時間でやりたいことができますよね。そこで今回は、Webデザイナーさんならぜひ使ってほしい、Photoshop作業を効率化する方法をまとめました。Photoshop初心者の方も、そうでない方も、時短できる要素がないかぜひ確認してみてください。 1. ショートカットを使い倒そう 作業時間の短縮を考えたときに、まず思い浮かぶのがキーボードショートカットですよね。知ってるか知らないかで大きな差が出てしまうところでもあります。 ひとつひとつ説明すると長くなってしまうので、おすすめのショートカットについては、かなり詳しく解説されているこちらの記事「Photoshopの効率化におすすめのシ

どうもです。 今回CSS3で実装されたCreative Button Styleエフェクトが素敵だったのでjQueryで再現してみました。 実装の仕方をご紹介いたします✌(´ʘ‿ʘ｀)✌ HTMLとCSSの準備 今回jQueryで実装するために修正をいたしました( ˘ω˘) HTML HTMLは参考サイトをそのまま使用します( ˘ω˘) <button class="btn btn-1 btn-1b">Button</button> CSS CSS3独自のtransition要素を削除して、ホバーはjsで実装するため削除をしました。( ˘ω˘) 参照元 .btn { border: none; font-family: inherit; font-size: inherit; color: inherit; background: none; cursor: pointer; paddin

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

こんにちは、デザイナーの王です。 今回の記事ではCompass使いになるための必要最小限の知識から応用まで、体系的にひと通り紹介していきます。 全くの初心者でも問題ありません！ はじめに結論を言うと、CompassでCSSを書くと 早い！ 見やすい！ メンテしやすい！ コード量がぐっと減る！ 一度使い出したら最後、もう元には戻れない！ 一体どこまで便利なのかずらずら書くよりも、百聞は一見にしかず！ 簡単なプロジェクトを通して、各特徴について紹介した短いデモ動画を用意したので、まずはこちらを見てください！ Compassとは？ Compassを語る前に、まずは「Sass」を知っておく必要があります。なぜなら、CompassはSassを元に開発したフレームワークだからです。 Sassとは では「Sass」とは何かと言うと、正式名称は「Syntactically Awesome Style Sh

デザイナーチームマネージャーのひろです。 最近、息子のアンパンマンのハマり具合に困惑しています。 アンパンマンが、画面に現れるやいなや大興奮。 軽い近所迷惑状態です(@_@;) クリスマスプレゼントは、間違いなくアンパンマングッズでしょうね（笑） さて、今回は、LIGのデザイナーが、普段からWeb制作を行うにあたり、便利に活用しているWebサービスやWebサイトを紹介したいと思います。完全保存版です！Bookmark間違いなしです！！ デザインするときに役立つWEBサービス５選 960 Grid System 横幅960px用にグリッドが引かれたpsdを何パターンかDLできるWebサービス。 http://960.gs/ Gridulator グリッドデザインには必須のグリッドラインを手軽に作れちゃうWebサービス。 PNGを書き出せるのでとても便利です！ http://gridulato

こんにちは。 仕事帰りにGoogleの自動運転車を見かけ、長年携帯電話も持たなかった超アナログな自分がシリコンバレーにいるという、世の不条理さ不思議さに想いを馳せていたら赤信号になり、急ブレーキを踏んでギリギリセーフで助かった、崖っぷちで生きる浦島放浪民のYUKIです。 この記事を読んでいる皆様も、このような危険と冒険に満ちた現代社会を生き延びながら、スリリングな毎日をお過ごしなのだろうと思います。 さて。 これまでにお話してきたのは、「“Amazon”に学ぶ、4つの観点で考察するUXデザイン」と「WEB担当者必見！アクセシビリティで業界を先駆けよう」でした。 どちらかというと左脳寄りの内容が続いたので、バランスを取るために右脳寄りのお話をしたいと思います。 今回は、抽象的で、解釈や意味にも個人差がある【デザインの原点】についてです。 登場してもらう本記事の主役は、GEヘルスケアという医療

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

こんにちは。三十路になりましたLIGの代表、岩上です。桜も随分と散って既に4月も中盤です。新卒の方向けの記事は色々と出ていましたが、ライフネット生命副社長の岩瀬さんの記事はとても共感しました。 新社会人の君へ 人生、何が起こるか、将来のことなんて、誰も分かりはしない。 明日から、しばらくはあまり深く考えず、悩まず、千本ノックを浴びるように、うさぎ跳びで階段を登るように、がむしゃらに先輩の言うことに没頭してみてください。そして一日も早く、社内で信頼される人材になってください。そこからすべてが、始まるはず。 そのとおりだと思います。岩瀬さん、尊敬しています。それとは別に、自分自身が20代前半に経験した、将来に繋がりそうな心構えを10コまとめてみました。数年後に向けて、気に留めておいてもらえると嬉しいです。 1. 質より量。とりあえずこなす。 岩瀬さんも記事内に書いてありましたが、とりあえず長時