Adobe Illustratorは確かに便利なすばらしいソフトですが、機能が豊富であるがゆえに操作が複雑になっており、単純作業を繰り返していると死にたくなってきます。人間はもっとクリエイティブな方に集中すればいいのであり、プログラムに自動でやらせた方がいいことは自動でやらせましょう。そんなときに便利なのが、さまざまな作業を自動でしてくれる「スクリプト」、というわけ。 今回はそんな作業にいつか役立つ、知っていればそのうち使うであろうスクリプトを揃えてみました。 Illustratorの作業を自動化する便利なスクリプトは以下から。 10 Free and Extremely Useful Illustrator Scripts | Vectips すべてのパスを閉じる/すべての選択したパスを閉じる「Close All Paths / Close All Selected Paths」 テキス

「こんな長いWebページ、まったく読む気がしない」。Webサイトを閲覧していてこんな経験をしたことは誰しもあるのではないだろうか。一方で、Webサイトを作る側にとっては、どこまでを1ページにまとめるかは常に悩むところだと思う。長いからといってむやみにページが分割されているのも考えもので、今度は「次のページへ」ボタンをクリックするのが面倒になり、ストレスがたまる。 CogniTom Academic Designが作った「bookreader.js」は、そんな悩みを解決してくれるかもしれない。bookreaderは、本や雑誌をめくるような感覚で、Webページの本文を横にスクロールさせるJavaScriptライブラリだ。 「bookreader.js」のWebサイト。サイト自体がbookreader.jsを使ったデモサイトを兼ねている。中央にある [<] [>] をクリックすると1ページずつ、

デスク配線がスッキリ。Ankerの全部入り12 in 1モニタースタンドが突然8,250円OFFされてた #Amazonセール

向かって画像の左が元画像で、右が今回紹介する効果を加えたもの。よくあるような光が差す効果ですね。これをPhotoshopで実現するにはどうすればいいのか？という方法を画像付きで紹介しているものを見つけました。マスターしておくといろいろと応用が利きそうです。 解説は以下から。 Rarindra style workflow...: Retouching Forum: Digital Photography Review 要するにレイヤーマスクを駆使しているだけなのですが、その使い方が基本中の基本と言ってもかなり秀逸。 ちなみに以下のような画像の場合はまた手法が違っており、前景の人物と背景とを分離してコントラストなどを調整することによって、背景に強烈な光が当たっている感じを出しているそうです。こっちは見た目よりも簡単にできそうです。 fotocommunity: "iqra"

For some unknown reason, each time we try a new graphics application, we feel the uncontrollable desire to apply the most cheesy effects to beautifully designed typefaces. These so called text effects or type effects are carefully hidden guilty pleasures that most designers enjoy to try, but would never dare to apply in real life work. For those like me that love text effects and have the courage

サイトの説明によると、1万種類のフォントがダウンロードできるそうです。ほとんどのフォントはネット上からかき集めてきたモノとのこと。フォントのタイトルごとにページがまとめられており、それぞれどんなフォントなのかというサンプル画像も一緒に表示されます。 ダウンロードは以下から。 Download free fonts | ShowFont.net | Download 10,000 Free Fonts http://www.showfont.net/ まずはリストからダウンロードしたいフォントを選んでクリックします それから表示されているコードを入力して、「Download Font!」ボタンをクリックすれば、ダウンロードが始まります

企業ロゴやドリンクのパッケージ・本のタイトルなどで見たことがあるような、なじみ深い字体を模したフォントが大量に集められたサイト。使用は自己責任でお願いします。 詳細は以下から。 Famous Fonts at Sharkshock 11種あるカテゴリは以下の通り。 印刷物のロゴフォント。 Famous Fonts at Sharkshock- Publications 飲み物や食べ物のロゴフォント。 Famous Fonts at Sharkshock- Food-Drinks 外食系のフォント。 Famous Fonts at Sharkshock- Restaurants 企業ロゴ。 Famous Fonts at Sharkshock- Companies 映画やテレビのフォント。 Famous Fonts at Sharkshock- Movies-TV アニメ関係。 Famous

これは素敵。 文章を円形に並べているデザインってたまに見かけますよね。パンフレットやチラシなんかで。 いままで、それを作るには「Adobe Illustrator」などの専用ソフトが必要でした。しかし、この「Party Printer」を使えば一瞬で作成できちゃいます。しかも無料。 テキストと形、そしてフォントなどを設定するだけで完了です。円形以外にも迷路や波の形にすることもできますよ。 » Party Printer 下記、使い方を簡単にご説明。 ↑ まず、好きな文章を入力します。残念ながら日本語には対応していません。 ↑ 次に、形を決めます。よく使うのは円や波の形でしょうか（ちなみにrebusというのは文字を使ったクイズです）。 ↑ フォント、文字の大きさ、印刷する場合のサイズを決めます。 するとこのような（↓）pdfができあがりますよ。 ↑ 円形。イベントやパーティのフライヤーなんか

クリエイティブコモンズライセンスにて提供されており、無料で使うことができます。また、16x16、22x22、32x32の3種類のサイズのPNG画像以外にも、SVG形式で提供されているため、好きなサイズに変換して利用することも可能です。 ダウンロードは以下から。 Tango Icon Gallery - Tango Desktop Project 使用条件についてはこのページの「Terms Of Use」に書いてあります。 また、SVG形式から好きなサイズのPNG形式画像に変換するには、フリーソフトの「Inkscape」を使うと簡単です。 Illustratorのようにベクター画像を扱うフリーソフト「Inkscape」 - GIGAZINE 起動したらSVG形式のファイルを開いて、「ファイル」→「ビットマップにエクスポート」を選ぶ。 あとは幅と高さを設定して「エクスポート」をクリックすればO

ウェブデザインに限らず、何かパソコンを使ってデザイン関連の仕事をするにはあの「Photoshop」を使いこなすことが必須らしいとはわかっていても、いまいちどういう風に使えばいいのかわからない、あるいは、仕事でPhotoshopを使ってはいるが必要な機能のみを使っているだけであって、ちょっと凝ったことを聞かれると即答できないのでテクニックをブラッシュアップしたいと思っている……そんな人向けに役立つPhotoshopをマスターするためのチュートリアルをいろいろと集めてみました。時間のあるときにでも少しずつ眺めていけば、なんでもできるようになるかも。 チュートリアルの詳細は以下の通り。 まずは基本的なテクニックを具体例と一緒に解説しているサイトを3つほど。初級テクニックから高等テクニックまで具体例を交えて解説しています。 Photoshop Tutorials from PhotoshopCAF

Web2.0のデザイン的要素として「グラデーションをかける」という重要なものがありますが、このグラデーションのかけ方が実際にやってみると実に難しい。ネット上でいろいろ調べてみるとグラデーションのかけ方自体は様々な方法やチュートリアルが見つかるものの、「何が正解なのか？」というのは見つかりません。つまり、何がそのときに最もベストな方法なのかがわからないわけです。 また、ブログのテンプレートを選ぶ際にも、どのようなグラデーションが自分の目指すテーマのブログにふさわしいのかも基本的な知識がないとなかなかわかりにくいものです。 というわけで、今回はグラデーションを使ったデザインの仕方について。デザインをしない人でもどのデザインを選べばいいかがわかるように書いてみました。 ■間違ったグラデーションなど無い まず一番わかりやすいグラデーションについての誤解はこれ、汚いグラデーションやださいグラデーショ

現時点で約200個以上のウェブサイトテンプレートが無料でダウンロード可能になっており、ライセンスも商用利用可能なものからGPLライセンス、CCライセンスまでいろいろ。 特筆すべきは検索機能の充実具合で、XHTML準拠、ライセンス別、明るい系か暗い系か、幅は固定かそうでないか、カラムの数、色名を組み合わせて絞り込みが可能。 詳細は以下の通り。 Open Design Community - Download Free Web Design Templates - OpenDesigns.org http://www.opendesigns.org/ 強力な検索機能の利用は以下から。 Search Designs ・ OpenDesigns.org 以下からサムネイル画像でテンプレートのプレビューを見ることもできます。サムネイル画像の上にマウスを乗せれば詳細な情報が表示されるので便利。クリック

「CoffeeCup Software」という1996年から続いている海外では有名なソフトウェアメーカーがあり、そのサイトに無料で利用できるフォントが全部で64種類も置いてあります。ブラシ系のフォントが多く、いろいろな用途で使えます。ほかではありそうであまりないタイプのフォントが多いので使い勝手は良さそう。 ダウンロードの手順は以下から。 Free Fonts - Download Your Fonts - CoffeeCup Software ダウンロードするためには無料の会員登録が必要です。とりあえずどのフォントでもいいので「DOWNLOAD FONT」ボタンをクリックします。 「Dont Have an Account」をクリック 名前、メールアドレス、パスワード、パスワードの確認という順序で上から入力し、「Register」をクリック メールアドレスにメールが来るので中にあるリンク