IllustratorでWebデザイン！ デザインからスライスまで | ネクストページブログ
HOMEブログウェブ制作IllustratorでWebデザイン！ デザインからスライスまで | ネクストページブログ 気づけば、デザイナー5年目、講師2年目となりました、デザイナーの西川です。 最近、IllustratorでWebデザインをする人が増えてきたように感じます。今まではWebデザインといえばPhotoshopかFireworksが多かったですが、最近ではIllustratorもWebデザインに対応してきているようです。 というわけで、今回はIllustratorを使ってデザインからスライスまでの注意と手順を紹介したいと思います。 初期設定 IllustratorでWebデザインする前には必ず初期設定をしましょう。これを怠るとWeb用に画像を書き出す際に、画像のサイズが違ったり、にじんだりする他、コーディングするときの数値と合わなくなることにつながります。後から直すのがものすごく
Illustrator デザイナーがたぶん知らない入稿チェック方法 | DESIGN TREKKER
はじめに 印刷の事業でデザインだけではなく、DTP（印刷）のオペレーション業務も兼務しておるデザイナーです。両方やってるのでわかるのですが、「デザイナー側」と「DTP（印刷）のオペレーション側」の入稿作業って少し違う部分があって。 それでも、デザイナーにこれだけは知っておいて欲しいというものがあります。 もちろん色々な印刷会社で入稿方法はそれぞれ異なることもあるので、基本的なことと考えてください。前半は中級者向け、後半は初心者向けの記事になっています。 いつものIllustrator入稿データチェックに加えて欲しいこと デザイナーでこれをチェックしない人が多いのですが、なんといっても分版プレビューです。知ってる人は当たり前ですが、デザイナーはなぜか皆んなチェックしないんですよね。 分版プレビューとは デザインデータに使用しているCMYKに加えて特色などのすべての色を版ごとにチェックできる機
同人誌をこだわって作りたい人向けの「InDesign」と「Illustrator」の使い方＆コツをAdobeがまとめて公開
2017年5月6日(土)に開催されたCOMITIA 120で配布されて非常に好評だった小冊子「InDesignで始める冊子づくりのヒント＜文芸誌＞」と「InDesignで始める冊子づくりのヒント＜ポートフォリオ＞」のPDF版を、Adobeが無料公開しています。Illustratorを用いた「目を引く文字デザインの作成方法」の初級編・中級編のページも用意されているので、これらを活用すれば、1つも2つも上の同人誌を作ることができます。 オリジナル冊子をつくる：文芸誌編 | Adobe Creative Station https://blogs.adobe.com/creativestation/student-design-book-01 同人誌を出すからには、単に書く・描くだけではなく、できるだけいいものを作り上げて、少しでも多くの人の手にとどけたいもの。そのためにも、目にとまりやすいタイ
こんなやり方があったとは！IllustratorやSketchでWebデザインをはじめる前に必ず読んでおきたい -ベクターデータの教科書
最近のWebデザインに、ベクターデータの存在は欠かせないものになってきました。 アイコンやロゴなどをSVGで使用したり、Webページやアプリのデザイン・UI設計といった制作のワークフローをベクターで作業している人も増えてきました。 今までPhotoshopでデザインをしていた人には、IllustratorやSketchを使うとそんな事もできるのか！ と目からウロコかもしれません。 IllustratorのWebデザインならではの使い方、Sketchの詳しい使い方を知りたい、SVGの効果的な使い方をマスターしたい、そんなWeb制作者に絶対オススメの一冊を紹介します。 IllustratorやSketchで扱うベクターデータには、マルチデバイス対応のWebデザイン・実装にとって大きなメリットがたくさんあります。
illustratorでUIデザイン：設定編 - Two hats
Fireworksのヘビーユーザーだったので、ディスコンになってからUI作成のツールをどれにしたらいいかが悩みでした。 Fireworksの前はPhotoshopでデザインを行っていたのですが、Fireworksの効率良さに慣れてしまうとPhotoshopには戻りたくなくなりました。他に良いツールがないものか・・・と思いつつ、とりあえずまだ使えるのでFireworksを使っていました。 ですが、ディスコンになる以上別のツールを探さないといけないので、改めてPhotoshopとillustratorについて調べてみたところ、illustratorの設定を適切に行えばFireworksチックに操作できることがわかりました。 今回はillustratorでUIデザインカンプを作る際の設定について書こうと思います。Webデザインでもほぼ同じ設定で大丈夫ではないかと思っています。ちなみに自分のill
Illustratorを使うとき、私が手放せない10個のスクリプト｜DTP Transit
最近、セミナーでスクリプトを紹介すると評判がよいので、10個選りすぐってみました。 これらを提供してくださっている作者さんたちに感謝します。 はまりどころを見つけると「むちゃくちゃ早く終わる」「手作業ではムリ」なことが実現できるので、「ここでこういうことができると快適になるのに」をリストアップしておいて、たまに棚卸ししてみるとよいと思います。 追記 2017更新版を公開しました。 Illustratorを使うとき、私が手放せない10個のスクリプト（2017更新版）＋ 入手できるスクリプト一覧 - DTP Transit なぜ、スクリプトを使うの？ Illustratorでの作業を効率化するには、キーボードショートカットやアクションを使う方法がありますが、そもそも次のような場合には、有償のプラグインを使うほか、スクリプトを使う方法があります。 Illustratorではできないこと できるけ
「ウェブ時代のデザイナーのための文字組入門 」に参加してきました - デザイナーのイラストノート
JUSO Coworkingで10/4に行われた「ウェブ時代のデザイナーのための文字組入門 」に参加してきました。講師はなんでやねんDTPで有名な大石さん。最近パンフレットなど印刷物をご依頼いただく機会も増え、本を買って読むもののなかなか疑問を解消できないわたしにはぴったりの勉強会でした。今回の記事はIllustratorで印刷物のデータを作る、という前提です。 そもそも文字組・文字詰めは何のため webデザインでは、デバイステキストを自由に詰めたり組んだりすることがむつかしいため、文字組・文字詰めと聞くと「なんか難しそう」と構えてしまいがちです。 私たちがよく使うフォントというのは、四角い箱の中でデザインされています。しかし日本語のように「ひらがな」「カタカナ」「漢字」と様々な文字の形があると、当然小さい形、大きい形が出てきます。また、約物と言われる「」や（）や・などは、隣り合うと何だか
世界中が注目！美少女イラストで有名な横浜出身イラストレーター「左さん」を徹底解剖！ - はまれぽ.com 神奈川県の地域情報サイト
はまれぽ調査結果！ 日本のみならず、世界中が注目している新進気鋭のイラストレーター。地元・横浜を愛し、横浜から世界中にイラストを発信している注目のアーティスト。 左先生って、どんな人？ 横浜出身のイラストレーター、左（ひだり）氏。 実は筆者は昔、出版社に務めていたころコンタクトを取ろうとしていたことがある。当時、優れたイラストレーターを探していたが、その基準が・・・ 見たことのない構図が描ける人。 光の性質を知っていて、奥行きを感じられる絵が描ける人。 見た瞬間に、その絵のなかのストーリー性が読み取れる絵が描ける人。 ・・・この3つを持ったイラストレーターが左先生だった。 アニメ『フラクタル』（アスミック・エースエンタテインメントより BD & DVD発売中） (C)フラクタル製作委員会 どうです？ ピッタリだと思いませんか？ 当時は叶わなかったものの、約10年の年月を経て会うことができる
Illustratorでの二色刷原稿の作り方
デザイナーの井上のきあさんによる解説です。 イラストをライブトレースで起こして包装紙（のようなもの）を作るまでのノウハウ！
さまざまなデザインに利用できる フリーベクターアート「50 Amazing Free Vector Art For Designers」
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｜つくるデザインIllustrator／色の大事典／デザインベーシック @yue9 チノちゃんの茶壺アイコン チノちゃんからもらった写真をIllustratorのファイルに読み込んで完全に水平になるように調整 チノちゃんも絵を描く人間だけあってほぼ真横＆水平で撮ってくれたので、１°か2°くらい回転しただけ http://t.co/5iXeQMJwGV 2013-07-03 21:57:36
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Illustratorで作図した円は歪んでる、という事を説明する図が話題に
Jun Kumaori
The Blog | Welcome to Adobe Blog
Illustratorを使ったWebサイトやPDFの制作がよく分かる！一歩踏み込んだ専門的な知識までしっかり学べる良書
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
PhotoshopやIllustratorの最近気になったチュートリアルのまとめ
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
Webデザインのタネ | Web制作の効率化やトレンド・ノウハウ