こんにちは。ディレクターのエリカです。 圧縮ファイルを解凍したら、ウイルスでは無いけれど、開けない妙なファイルが入っていた……という経験がある方は多いと思います。 よくあるのは「.DS_Store」とか、「Thumbs.db」ですね。 不要なファイルの正体 「.DS_Store」とは？ リソースフォークと呼ばれる Mac OS 特有のファイルです。 簡単に言うと、ファイルの表示を早めるためのキャッシュ情報です。 Mac OS のデフォルト設定では不可視ファイルとなっており、気付かないうちに勝手に作られています。 類似ファイル：__MACOSX、._で始まるファイル 「Thumbs.db」とは？ Windows OS 特有のシステムファイルです。 画像ファイルの「縮小表示」を早めるためのキャッシュ情報です。 Windows OS のデフォルト設定では隠しファイルとなっており、気付かないうちに

こんにちは、紳さんです。 世の中には確実に時間を無駄にしてくれる魅惑のWEBサイトで溢れています。 今回はそんな中でも選りすぐりのWEBサイト を紹介して行きたいと思います。 まずは、下記のURLをクリックしてください。 http://bacolicio.us/https://liginc.co.jp/osora/archives/980 どうですか？画面にベーコンが表示されていませんか？ これはhttp://bacolicio.us/の後ろに別のURLをそのまま貼付けてアクセスすると、そのサイトにベーコンを貼付けてくれるというサービスです。 趣旨はおわかり頂けましたでしょうか？今回はこんな感じでいきます。 無駄１　エアー焼肉 http://airyakiniku.cosaji.jp/ その名の通り、焼肉を焼いている気分を味わう、というものです。 ちなみに自分で肉に触ってひっくり返したりで

お久しぶりです。 しばらくLIGのブログ更新に参加できていなかった野田です。。 今回は、WEBや紙媒体の広告でよく見かけるようになった日本語フォントをまとめてご紹介させていただきます。 フォントは、デザイン全体のイメージを決める大事な要素でもありますので、常に流行を見ておかなければ、サイト自体もフォント一つで古いデザインだなーと思われてしまうことがあります。 っていうか僕はそういう細かいところを見るのが大好きです。 僕の妻もデザイナーのため、毎日のように「このサイトのフォントはあれだねー」なんて話をしています。 そのため、知ってて損のないよう、いくつかのフォントを簡単にご紹介させていただきます。 ご参考までにどうぞ！ はるひ学園 素朴でかわいく、ポップさをもった書体です。 余白を目立たせ、素朴な空気感を活かしてあげると良いですね。 丸フォーク 明朝体に似ていますね。 きれいなラインで、シュ

カントリーマームの甘さも、俺にはただのカロリー。 積もる雪も、俺にはセオリー。 お値段以上ニトリー。 そう、俺の名はジェイ。ただのキングオブラップだ。韻を踏ませたら、この俺の頭上を飛び越えるのは不可能に近い。 俺がなんでこんなに、ブラザーソウルをソウル・ソサエティしてるかって？？ それは俺が常にハットを被ってるからさ。コレをかぶったやつは、アフロヘアーなみの、魅力になる。まさに、魅力が上がるってやつだ。 今日は俺が購入に愛用してるサイトを紹介するぜ。 CA4LA.COM http://www.ca4la.com/ec 商品数が豊富で、自分の服装に合うものが必ず見つかるぜ。 CODE “ONLINE SHOP http://www.code-headwear.com ユニセックスなカジュアルライトのハットを探すならここだ。 帽子販売店 REPRESSION http://store.rep-

Photoshopでゴミ取りをする。 まずは、写真のゴミ取りから取り掛かります。 こちら、弊社 落書き ホワイトボードの写メです。 この状態からPhotoshopの「レイヤースタイル」→「トーンカーブ」で周りを白く飛ばし、余計な背景を消しゴムツールで削ってゆきます。 同じ作業をなんどか繰り返して…… こんな感じの、なるべく線だけが見える画像にします。 画像トレースでIllustratorに線画を取り込む。 先ほど作った画像をIllustratorに配置し、画像を選択した状態で、「ウィンドウ」→「画像トレース」を開きます。 ここを調整してプレビューを確認しながらトレースをすると割りとうまくいきます。 しきい値が多いほど詳細に取り込まれます。 調整が決まったら、プレビューを外してレッツトレース！！ 次に、トレースされた画像を選択して「オブジェクト」→「画像トレース」→「拡張」で線画をパス化して

こんにちは、デザイナーのサリーです。 サイトをデザインするときに当たり前に入れている「Copyright（コピーライト、©️）」の記述ですが、サイトによって年号があったりなかったり、長かったり短かったり、書き方はさまざまですよね。 今回はコピーライトとは何か、正しい書き方や©との関係性について詳しく解説していきます。 コピーライトとは コピーライトとは、英語で「Copyright」と書き、”著作権”のことを指します。著作権とは、作品を創作した人や会社（著作者）が持つ権利であり、著作者は作品がどう使われるか決めることができます。 Webサイトやホームページの下部にコピーライトがあるのは「ここにある記事や画像の著作権は自社が持っているから、無断転載しないでください」という一種の意思表示です。 厳密にいうと著作権法で著作物は「思想又は感情を創作的に表現したものであって、文芸、学術、美術又は音楽の

こんにちは、デザイナーのハルエです。 イラストやパーツ、背景など、素材の作りこみが必要なときにフリーのベクター素材ってものすごく重宝しますよね。そのまま使うこともできますが、そこから自分なりのテイストに変えてデザインしちゃえばより良いものができるはず！　時間がないときなどにも凄く助かります。 今回は、高品質なベクター素材が無料でダウンロードできる厳選した8サイトをご紹介させていただきます。 独学でつまずいていませんか？ Webデザインの基礎を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGではWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。 詳細を知りたい方は、ぜひスクールの詳細をチェックしてみてください！ →スクールの魅力が分かる資料はこちら！（資料請求） 高品質なベクター素材の無料ダウン

最近上京してきたんだけど、東京って電車でどこでも行けちゃうよね！そんでもって、電車賃が安いの。初乗り160円で大塚あたりまで行けちゃ、あ、どうも僕です。 今年もやってきましたね。 この季節が。 そう、確定申告の季節ですよ！ サラリーマンのあなた。 税金もろもろは会社がよろしくやってくれるから、 そんなことどうでもいいやと思っていないだろうか。 正直、おおむねそう思ってくれて問題ない。 だがしかし、控除など正しい税金に関する知識がないと、 不必要な税金を払ってしまうケースもある。 その場合、確定申告をすることによって、 払いすぎた税金を取り戻すことができるのだ！ それが、確定申告というものだ！ 今日は、サラリーマンの税金対策について書こうと思うよ！ 特に、税金の中でも、 所得税について詳しく見ていこうではないか！ 税金の基本的な計算式 まずは税金の基本的な計算方法から話そうではないか。 税金

こんにちは、目の前の窓から冷気が吹き込んでこの席寒い。もりたです。 LIGブログでは毎月アクセス解析を公開しているのですが、そういえばOSの情報は載ってなかったですね。 LIGブログを見ている人たちはWindowsとMacどちらのほうが多いでしょうか。 私は家ではWindowsですが、純正モニタの画面が綺麗なのとカラーマネジメントをそれほど気にしなくていいという理由から会社ではMacを使わせてもらってます。 でもやっぱりOSが違うといろいろ勝手が違って困りますね。 というわけで今回はWinユーザーがMacに馴染むためにまず入れておくべきアプリケーションや覚えておくと便利な設定などを紹介してみます。 ちなみにアプリは全部無料です！（2013年1月時点） とりあえず最初に 拡張子を表示させる 本当にWinからMacに移行するならデータの移動などなど、Winで作ったファイルをMacに入れることも

最近上京してきたんだけど東京とか物価高くてやんなっちゃう。ほんともう特に家賃とか駅から徒歩30分とかそれってもう徒歩圏内じゃなくない？あ、どうも僕です。 今日はクライアント（ブラウザ）側で高速にページを表示させるために、最低限押さえておきたい簡単なテクニックを厳選してお届けしちゃうよ！ WebサイトやWebサービスを作る上で、ユーザを獲得するには応答時間を早めることがとても重要なファクターなんだ。 統計的にも応答時間とユーザのリピート率との相関性は実証されていて、例えば、表示までに時間のかかるサイトなんかは、もう二度と使わねぇとか思っちゃうよね！ それほど応答時間というものはユーザを獲得する上でもかなり重要なんだ！ HTTPリクエスト数を少なくする Webページが表示される際、まずはベースとなるHTMLが読み込まれてから、ページにリンクしてある画像ファイルやスクリプトファイルなどを読み込ん

先日、Web業界の著名人が運営しているWebSig会議に出席しました。話を聞いていて印象に残ったフレーズが 「Webディレクター/Webプランナーの存在意義は今後高まっていく。Webがデバイスを超えて普及していく中で、特にWebプランナーは商品開発の段階から必要になる可能性が出てくる。その中で重要なのは、世の中に起こる変化を事前に汲み取れるか。大きな変化は小さな変化の積み重ねで起きている。その小さな変化をアンテナを高くキャッチし続けなくてはいけない。」 という言葉。 Webディレクター/Webプランナーにとって条件交渉や期待値調整などのコミュニケーション能力、面白いアイディアや企画をポンポンと思いつく発想力は重要です。ただ、それらのスキルは圧倒的なWebの知識を得て、さらに業界の流れを自分の中で把握し消化している上で初めて役に立ちます。 そんな訳で、Webの知識を得るためにチェックするべき

※編集部注：jQueryプラグイン「vanity」は既にサービスを終了しています。 お疲れ様です、ももこです。 今回はタブやツールチップ等、ちょっとした動きをつけるのに便利で超軽量なjQqueryプラグイン「vanity」をご紹介します。 jSlider – スライダー ナビとページ遷移のついた基本的なスライダー、速度やイージングも調整がききます。 jTabs – タブ コンテンツの切り替えによく使われるタブ。簡単にアニメーションがつけられるのが個人的に気に入りました！ jPaginate – ページネーション ブログで大活躍するページネーション、オプションを細かく設定すればイイ感じに使えそうです。 jSpotlight – スポットライト 選択した要素以外を目立たせなくするスポットライト。タイトルが下からひょこっと出てくるのも良いですね！ 他にも…… 以下のツールを含め、7つの機能が使用

ジングルベール、ジングルベール、鈴がぁーなるぅうううーーー段田です。 実は僕、ハンバーガーが大好きなのですが、今回は都内で食べられる絶品ハンバーガー屋さんをまとめてみましたので、ご紹介します。 そしてさらに…！ クリスマス企画！ ハンバーガーチケット3000円分をプレゼント！ 今回、僕が熱烈にオススメする絶品ハンバーガー屋さんで使える「ハンバーガーチケット3000円分」を読者の皆様にプレゼントしたいと思います！！このチケットを使って、想いを寄せるあの人をハンバーガーデートに誘ってみてはいかがでしょうか。 ハンバーガーチケットとは？ ソウ・エクスペリエンス株式会社が提供する体験型ギフトチケット。このチケットを使うと都内の厳選されたハンバーガーショップで食事を楽しむ事ができます。人にプレゼントするもよし、自分で使うもよし。絶品バーガーが体験できる人気の商品です。 ハンバーガーチケットの購入はこ

(……きこえますか……きこえますか) Σ(◉◒◉)ん？ (……どうもです……はやちです(:3_ヽ)_) ？？？(◉◒◉)三(◉◒◉)？？？ (いま……あなたの……心に……直接……呼びかけています…(:3_ヽ)_) (◉◒◉;)お　俺にか……？？ (以前「スマホサイトに入れると使いやすくなる！おすすめjQuery4選！」の中でアコーディオンメニューを紹介しましたが、他にも参考になるデザインとUIはないかなと思い集めてみました。ご紹介します……(:3_ヽ)_) (◉◒◉;)ほ　ほほう Flexible Slide-to-top Accordion （矢印がくるっと回ってアコーディオンが開くタイプ。矢印の動きがおもしろいですね。_(:3」∠)_) (◉◒◉)ほほう DEMO http://tympanus.net/Tutorials/FlexibleSlideToTopAccordion/ SI

前回、「今すぐ引っ越しがしたくなる！　オシャレな不動産サイト12選」を書かせて頂いた野田一輝です。 今回は、僕の新しい新居を賃貸ながらリフォームしていく様子をお届けする予定だったんですが、 まだ満足しない内容のため、僕がよく行くオシャレ自転車屋のリンク集をお届けします！ あくまでも、クオリティの高いサイトというわけではなく、いい店！！という意味でご紹介させていただきます。 最近自転車通勤なども流行っているので、自転車を探している方にはぴったりなんじゃないでしょうか。 僕はフレームの溶接から塗装まで全てのパーツで細かく制作する人間なのですが、 単純におしゃれな自転車を探したいという方にも見ていただきたいので、 今回は四つに分類に分けさせていただきました。 ■【オシャレ自転車向け】 ←おしゃれな自転車を探している方へ ■【本気向け】 ←俺は本気で攻めたいぜという方へ ■【流行りの固定ギア好き向

ベクター形式なんだけど手書き風のイラストがほしいっっ。という時に、ライブペイントでサクッと作ってしまうやり方をご紹介します。 まずは、Photoshopで手書きの線画を作成 ちょっとクレヨンぽいブラシを使って線画を作成。 ライブトレース！ 先ほどの線画をjpg形式で保存して、Illustratorに配置します。 配置した線画を選択、「オブジェクト」→「ライブトレース」→「ライブトレースオプション」を選択してください。 以外とプリセット「文字」がいい感じに手書き風でした。いろいろ試してみてください。 ライブペイント！ トレースが完了したら、続いて「オブジェクト」→「ライブペイント」を選択。 ライブペイントを使うと、Photoshopのバケツのような感覚で色が流しこめます。詳しくはこちらでもう少し詳しく説明しています。 塗り終わったら線画と塗りを分けてみる 塗り終わったら全体を選択して、「オブ

今回はIllustratorのライブトレース機能を使って写真からモノクロのイラストをおこす方法をご紹介します。超カンタンです。 1:ベクター化したい画像をIllustratorに置きます いつもながら、ジェイの画像を使います。 2:オブジェクト→「画像トレース」→「作成」 次に、画像を選択した状態で、「オブジェクト」→「画像トレース」→「作成」を選択します。（CS6） 以前のバージョンだと「オブジェクト」→「ライブトレース」→「トレースオプション」だったかも。 ライブトレースどーん・・・あっあれ？ なんのこっちゃか、わからない・・・。

味噌汁の美味しい季節ですね。もりたです。 最近写真の補正をする機会が多くて、トーンカーブぐりぐり！してたので、今回はなんだか便利って聞くけどグネグネ曲がるカーブが、どういう風に画像に影響を与えてるのかわかりづらいトーンカーブさんについて書いてみたいと思います。 説明の前に トーンカーブは下手に使うと画像データ壊すだけって、大昔にPhotoshopのエバンジェリストが言ってたなぁ…（遠い目）。まとめてできるのは便利だけどね。 何が言いたいかっていうと、わかんないでトーンカーブだけで処理しない方が良いってことです。 わかってる人はいいですよ、それだけで処理できるんだから。 出典：「トーンカーブの便利さと危険性、それ以前のキャリブレーションについて – Togetter」 お、おう…しょっぱなから記事の存在意義を問われる意見が出てきてしまいましたね。確かに海外の写真加工チュートリアル記事を見てて

こんちゃ！ひろゆきです。 日本で、冬といえば何でしょう。。？ スキー？スノーボード？ いえ、温泉ですね。 というわけで、今回は開いた瞬間に思わずうっとりするような、美しい温泉旅館のホームページを集めてみました！ 赤湯温泉　瀧波 http://www.takinami.co.jp/ 大町温泉　織花 http://www.oribana.jp/ 昼神温泉　いしだ https://www.sekitaitei.com/ 裾花峡温泉　うるおい館 https://uruoikan.com/ 和倉温泉　あえの風 https://www.aenokaze.jp/ 和倉温泉　多田屋 https://tadaya.net/ 星野リゾート　界加賀 https://hoshinoresorts.com/ja/hotels/kaikaga/ 光明石温泉　想古停 https://www.gennai.jp/ 洲本温

スライス名を変更せずにスライス名のあとに「_on」とかつけたい時のメモです。 Fireworksだと割と簡単にできることですが、photoshopでボタン画像などを書きだす際に、 スライス名を手動で変更せずに「（スライス名）_on」みたいにリネームしながら画像を書き出したいな～と思っていたのですが・・・。 やっぱできたんですね。でも案外知らない人も多いようなので（自分も含め）メモしておきます。 「Web用に保存」を押したときに出てくるダイアログのここ↓ ここをポチっと押すと出てくる「出力設定の編集」で書き出しのルールを決めることができます。 例えば、「スライス名_on」というルールで書き出したい場合は、以下のように設定 これでいちいちスライス名に_onをつけなくてもリネームしながら画像保存できます。 他にもスライス名や日付など、命名規則は細かく設定できるので、連番なんかもさくっと作れるので