HOMEブログウェブ制作IllustratorでWebデザイン！ デザインからスライスまで | ネクストページブログ 気づけば、デザイナー5年目、講師2年目となりました、デザイナーの西川です。 最近、IllustratorでWebデザインをする人が増えてきたように感じます。今まではWebデザインといえばPhotoshopかFireworksが多かったですが、最近ではIllustratorもWebデザインに対応してきているようです。 というわけで、今回はIllustratorを使ってデザインからスライスまでの注意と手順を紹介したいと思います。 初期設定 IllustratorでWebデザインする前には必ず初期設定をしましょう。これを怠るとWeb用に画像を書き出す際に、画像のサイズが違ったり、にじんだりする他、コーディングするときの数値と合わなくなることにつながります。後から直すのがものすごく

はじめに 印刷の事業でデザインだけではなく、DTP（印刷）のオペレーション業務も兼務しておるデザイナーです。両方やってるのでわかるのですが、「デザイナー側」と「DTP（印刷）のオペレーション側」の入稿作業って少し違う部分があって。 それでも、デザイナーにこれだけは知っておいて欲しいというものがあります。 もちろん色々な印刷会社で入稿方法はそれぞれ異なることもあるので、基本的なことと考えてください。前半は中級者向け、後半は初心者向けの記事になっています。 いつものIllustrator入稿データチェックに加えて欲しいこと デザイナーでこれをチェックしない人が多いのですが、なんといっても分版プレビューです。知ってる人は当たり前ですが、デザイナーはなぜか皆んなチェックしないんですよね。 分版プレビューとは デザインデータに使用しているCMYKに加えて特色などのすべての色を版ごとにチェックできる機

リンク Wikipedia Adobe Illustrator Adobe Illustrator（アドビ イラストレーター）は、アドビシステムズが販売するベクターイメージ編集ソフトウェア（ドローソフト）である。イラスト制作は勿論のこと、ロゴタイプや図面、広告、パッケージなどをデザインする描画ツールソフトとして、印刷業界などあらゆる分野で使用されている。特にDTP業界においては印刷物（チラシや小冊子）制作ソフトとしてはデファクトスタンダードとなっていて、デザイナーはAdobe Photoshopと併せて使用する場合も多い。また、プラグインを追加することで、CADや3D 1 user

junkuma

2017年5月6日(土)に開催されたCOMITIA 120で配布されて非常に好評だった小冊子「InDesignで始める冊子づくりのヒント＜文芸誌＞」と「InDesignで始める冊子づくりのヒント＜ポートフォリオ＞」のPDF版を、Adobeが無料公開しています。Illustratorを用いた「目を引く文字デザインの作成方法」の初級編・中級編のページも用意されているので、これらを活用すれば、1つも2つも上の同人誌を作ることができます。 オリジナル冊子をつくる：文芸誌編 | Adobe Creative Station https://blogs.adobe.com/creativestation/student-design-book-01 同人誌を出すからには、単に書く・描くだけではなく、できるだけいいものを作り上げて、少しでも多くの人の手にとどけたいもの。そのためにも、目にとまりやすいタイ

The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

Illustratorを使ったWebと印刷用途それぞれの基本操作を学び、Web制作のワークフローにおける活用術、PDF作成をはじめとする印刷を目的としたデータ作成の活用術など、Illustratorの確かなスキルが身につくオススメの本を紹介します。 Photoshopもそうですが、IllustratorもCCになり大きく変わりました。グラフィックやフォント周りだけでなく、Web系の機能も非常に充実し、Web制作でIllustratorを使用しているデザイナーも少なくないでしょう。 プロの制作現場におけるIllustratorの活用方法をしっかり学べる一冊です。その分お値段はちょい高め（涙

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

最近のWebデザインに、ベクターデータの存在は欠かせないものになってきました。 アイコンやロゴなどをSVGで使用したり、Webページやアプリのデザイン・UI設計といった制作のワークフローをベクターで作業している人も増えてきました。 今までPhotoshopでデザインをしていた人には、IllustratorやSketchを使うとそんな事もできるのか！ と目からウロコかもしれません。 IllustratorのWebデザインならではの使い方、Sketchの詳しい使い方を知りたい、SVGの効果的な使い方をマスターしたい、そんなWeb制作者に絶対オススメの一冊を紹介します。 IllustratorやSketchで扱うベクターデータには、マルチデバイス対応のWebデザイン・実装にとって大きなメリットがたくさんあります。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

Fireworksのヘビーユーザーだったので、ディスコンになってからUI作成のツールをどれにしたらいいかが悩みでした。 Fireworksの前はPhotoshopでデザインを行っていたのですが、Fireworksの効率良さに慣れてしまうとPhotoshopには戻りたくなくなりました。他に良いツールがないものか・・・と思いつつ、とりあえずまだ使えるのでFireworksを使っていました。 ですが、ディスコンになる以上別のツールを探さないといけないので、改めてPhotoshopとillustratorについて調べてみたところ、illustratorの設定を適切に行えばFireworksチックに操作できることがわかりました。 今回はillustratorでUIデザインカンプを作る際の設定について書こうと思います。Webデザインでもほぼ同じ設定で大丈夫ではないかと思っています。ちなみに自分のill

最近、セミナーでスクリプトを紹介すると評判がよいので、10個選りすぐってみました。 これらを提供してくださっている作者さんたちに感謝します。 はまりどころを見つけると「むちゃくちゃ早く終わる」「手作業ではムリ」なことが実現できるので、「ここでこういうことができると快適になるのに」をリストアップしておいて、たまに棚卸ししてみるとよいと思います。 追記 2017更新版を公開しました。 Illustratorを使うとき、私が手放せない10個のスクリプト（2017更新版）＋ 入手できるスクリプト一覧 - DTP Transit なぜ、スクリプトを使うの？ Illustratorでの作業を効率化するには、キーボードショートカットやアクションを使う方法がありますが、そもそも次のような場合には、有償のプラグインを使うほか、スクリプトを使う方法があります。 Illustratorではできないこと できるけ

JUSO Coworkingで10/4に行われた「ウェブ時代のデザイナーのための文字組入門 」に参加してきました。講師はなんでやねんDTPで有名な大石さん。最近パンフレットなど印刷物をご依頼いただく機会も増え、本を買って読むもののなかなか疑問を解消できないわたしにはぴったりの勉強会でした。今回の記事はIllustratorで印刷物のデータを作る、という前提です。 そもそも文字組・文字詰めは何のため webデザインでは、デバイステキストを自由に詰めたり組んだりすることがむつかしいため、文字組・文字詰めと聞くと「なんか難しそう」と構えてしまいがちです。 私たちがよく使うフォントというのは、四角い箱の中でデザインされています。しかし日本語のように「ひらがな」「カタカナ」「漢字」と様々な文字の形があると、当然小さい形、大きい形が出てきます。また、約物と言われる「」や（）や・などは、隣り合うと何だか

はまれぽ調査結果！ 日本のみならず、世界中が注目している新進気鋭のイラストレーター。地元・横浜を愛し、横浜から世界中にイラストを発信している注目のアーティスト。 左先生って、どんな人？ 横浜出身のイラストレーター、左（ひだり）氏。 実は筆者は昔、出版社に務めていたころコンタクトを取ろうとしていたことがある。当時、優れたイラストレーターを探していたが、その基準が・・・ 見たことのない構図が描ける人。 光の性質を知っていて、奥行きを感じられる絵が描ける人。 見た瞬間に、その絵のなかのストーリー性が読み取れる絵が描ける人。 ・・・この3つを持ったイラストレーターが左先生だった。 アニメ『フラクタル』（アスミック・エースエンタテインメントより BD & DVD発売中）　(C)フラクタル製作委員会 どうです？　ピッタリだと思いませんか？ 当時は叶わなかったものの、約10年の年月を経て会うことができる

The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

デザイナーの井上のきあさんによる解説です。 イラストをライブトレースで起こして包装紙（のようなもの）を作るまでのノウハウ！

TOP  >  vector  >  さまざまなデザインに利用できる フリーベクターアート「50 Amazing Free Vector Art For Designers」 デザインをする中で、ポイントとなる部分や、主張した見せたい部分などにグラフィック要素を取り入れることで、効果的に見せることができます。今回はそんな時に是非使用したいフリーベクターアート「50 Amazing Free Vector Art For Designers」を紹介します。 Origami Signs – Vector Graphic by DryIcons さまざまなデザイン制作に利用できる、多彩な種類のベクター素材がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Vintage Badge – Vector Graphic by DryIcons ヴィン

井上のきあ｜EUCARYA｜つくるデザイン @yue9 チノちゃんの茶壺アイコン　チノちゃんからもらった写真をIllustratorのファイルに読み込んで完全に水平になるように調整　チノちゃんも絵を描く人間だけあってほぼ真横＆水平で撮ってくれたので、１°か2°くらい回転しただけ http://t.co/5iXeQMJwGV 2013-07-03 21:57:36