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

こんにちは、デザイナーの王です。絵を描くのが趣味です。 最近は絵を書く時間が全く持てなくて困っています……。 どうにか早く描けないものかと悩んだ末、表題の通り、「写真から絵を作ってしまおう」という結論に至ったわけです。 折角だし、絵が描けなくて困っている方たちにも役に立つテクニックなのではないかということで、やり方をさくっと説明してみたいと思います。 【こちらもおすすめ】 ☞ Photoshopで初めて写真加工をするときに知っておくべき基本手順まとめ 素材写真を用意する 鉛筆画らしく見せるためには、まず写真を切り抜いておきましょう。 アウトラインを抽出 次に、以下のステップを踏んで、アウトラインの抽出を行います。 cmd + Jでレイヤーを複製します。 cmd + Iで反転させます。 Shift + Alt + D　で　描画モードを「覆い焼き」にします。 「色相 ・ 彩度」の調整レイヤーを

こんにちは、ディレクターの溜水です。 LIGではプロジェクト管理にRedmineというツールを利用しています。 今まで使用したことがなかったので、「何ができて、何が良いのか」を自分の勉強と兼ねて簡単にまとめてみました。 【こちらもおすすめ】 ☞ 時代は共有！タスク管理を共有できるWebサービス12選 Redmineで何ができるの？ Redmineとはオープンソースの「プロジェクト管理ツール」です。 複数人でのタスク管理と進捗管理の情報共有がオンラインで簡便に行えます。 試しに「プロジェクトテスト　サイトリニューアル」というプロジェクトを作ってみました。 Redmineの何が良いの？ 早速、Redmineの魅力を以下に挙げていきます。 プロジェクトに関わる作業、スケジュールを確認できる 個人的にRedmineで一番良いと思うのは、「ガントチャート機能」で、いわゆる工程表です。 「チケット」と

こんにちは。デザイナーの白浜です。 今回はPhotoshopでギザギザしたアイテムを作る方法をご紹介します。 ジグザグラインの作り方 まずはジグザグミシンで縫ったようなジグザグラインの作り方です。 ラインツールや長方形ツールで細長い線をひきます。 次に「フィルタ」→「変形」→「波形」ツールを使います。 ※この時パスはラスタタイズ化されてしまうので注意。 波型のオプションを上記のように設定します。ポイントは波数を1にすることと、三角波にチェックを入れること。これで均等で角がとがったジグザグになります。 上の設定でできたジグザグはこんな感じです。 このツールの困った点は、ご覧のとおりプレビュー画面に拡大機能がないのでプレビューが意味をなしていないことです。（CS6使用。CCだとどうにかなってたりするかな？） 白色だとよりわかりづらいですね。 一部を新規レイヤーにコピーして、線だけにしてからフィ

「趣味はカメラ」と言いたくて、3年前に一眼レフを購入しました。 九州ライターの村上です、皆さんこんにちは。 【こちらもおすすめ】 ☞ カメラ初心者にオススメな12の構図でデジタル一眼レフで撮影した写真を魅力的に見せよう 愛はある。しかしセンスと知識がない。 カメラ楽しいですよね。 次は明るさを調整しようとか、ピント合わせるところを変えて撮ってみようとか、レンズを変えて撮ってみようとか。 でも3年撮ってもなんだか心に響く一枚がなかなか撮れないので、家族に一体自分の写真の何がまずいのか聞いてみました。すると、美術の成績が2だった父親に「構図がまずい」と言われました・・・。ショックを隠しきれません。 というわけで、今回は構図について勉強したことをまとめてみました。 今回ご紹介するにあたり、自分で撮った写真を何点か使っていますが、「構図やその他諸々のまずさ」はどうか目をつぶっていただけると助かりま

お疲れさまです、モモコです。 ゲリラ豪雨に備えて折り畳み傘を常にバッグに入れているせいか、何となく肩が重いです。 今回はCSS3だけで作れるローディングアニメーションを5つご紹介します！ 閲覧の際にはモダンブラウザ（最新のGoogleChromeなど）をご利用下さい。 FADE LOADING FADE LOADING 入力した文字がふわっと浮かび上がるローディングアニメーション。 質感と動きが合っていてがとてもエレガントです。 CSS3 loading animation experiment CSS3 loading animation experiment DIRT3というゲームのUIにインスピレーションを得て作成されたローディングアニメーション。 多彩な変化がついており、とてもクールなアニメーションになっています。 CSS only loading spinners CSS onl

はじめまして。五反田の「Clisk（クリスク）」という会社でシステムエンジニアなどをしている芹沢と申します。盟友であるLIGのゴウさんや紳さんと酒を酌み交わしているうちに、LIGブログに記事を書かせていただくことになりました。よろしくお願いいたします。 AWSとは？ http://aws.amazon.com/jp/ AWS（Amazon Web Servicesの略）とは、Amazonが提供しているクラウドサービスの総称で、その中にはさまざまなサービスが含まれています。 EC2（仮想サーバー）、S3（ストレージ）、RDS（リレーショナルデータベース）、CloudWatch（監視）など、たくさんのサービスが提供されていて、それらのITインフラのリソースを、使いたいときに、使いたいものを、使いたいだけ、必要なスペックで、利用することができるのが特徴です。 多くのサービスは管理画面から操作でき

頭の固いライター内藤です。 発想が煮詰まってアイディアが出てこない時は誰でもあると思います。 あるいは、アイディアを出すのが苦手な方もいらっしゃると思います。 本日は、そういう固まった頭に効く7つ道具をご紹介します！ アイディアが煮詰まったときに使いたい7つ道具 ※方法と道具がごちゃまぜに見えますが、方法を実現するツールをご紹介しますのでここでは読み流してください。 ※読む順番はどこからでもいいのですが、5～7は順に読むことを推奨します。 1.　マインドマップ マインドマップはトニー・ブザン(Tony Buzan)が提唱した思考・発想法の一つ。頭の中で起こっていることを目に見えるようにした思考ツールのこと。「マインドマップ」という呼称は、英国ThinkBuzan社が商標登録を管理している。 発想したい対象を真ん中に書いて、そこから連想されるものをつなげて書いていくことで思考の整理と豊かな発

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

こんにちは！　ライターのしゅーへいです。 アプリデザインや、アプリ紹介などで何かと使われるモックアップ素材。今回はフリー（無料）でダウンロードできる海外サイトを5つ紹介します。 今回紹介するのは、「PSD」や「アクション素材」です。もちろん、紹介する素材屋さんでは、モックアップ素材以外の素材も扱っていますよ。それでは下記よりどうぞー！ 【こちらもおすすめ】 ☞ 質高すぎ！ベクター素材をフリーでダウンロードできるサイトまとめ 使えるモックアップの素材屋さん5選 サイトごとのちょっとした紹介と、そのサイトの素材例を紹介していきます。 Pixeden http://www.pixeden.com/ サイト中央付近にある「Free」から無料素材一覧が開きます。ベクターなどやアイコン素材も取り扱っていて種類は豊富。 素材例 3D iPhone 5 Psd Vector Mockup v2 Psd i