はじめに こちらの記事では、Adobe Illustratorでの複雑なイラストの描き方を解説しています。後半に、実際に描いたイラストもダウンロードが可能です。(イラスト作成の参考になると思います！) また、前提として、ここではピクシブなどでよく見る複雑なデジ絵ではなく、商業用のイラストカットのお話をしています。イラストレーターが本業ではなく、イラストも描くデザイナーを対象とした記事です。 商業デザインでは、スピード重視、修正対応の柔軟さがものをいう世界ですよね？それなら、illustratorでマウスを持ちかえることなく、イラストもデザインも一緒にやってしまった方が効率が良いはずです！ この記事では、ペンタブも鉛筆の下書きも不要な、illustratorのみを使ったイラスト作成のノウハウを動画にて公開いたします。 商業デザインのイラストレーションの悩み イラストを描く際に、手書きをスキャ

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

正確な美しいプロ仕様のストロークで描ける、デザイナー・イラストレーター・アーティスト・絵師さん向けのIllustrator用のブラシ素材を紹介します。 通常は有料ですが今週末まで無料なので、ダウンロードはお早めに！ Illustratorにブラシをインストールする方法 ダウンロードしたファイルをIllustratorで利用する方法は簡単です。 ダウンロードしたファイルを解凍します。 「ProBrushUpdated.ai」をアプリフォルダ内の「ブラシ」に移動します。 \アプリケーション\Illustrator CC 2014\Presets\ja_JP\ブラシ\ Illustratorを再起動します。 あとは、Illustratorのブラシパネルから、「ProBrushUpdated」を選択します。

今回は点線・星柄等で渦巻きを描きます。使いドコロが多いのに、作るのには手間がかかる……。そんなお悩みも一挙解決！アピアランスなので、編集も簡単！点の他に、星や文字など好きな柄に応用可能！今回は２つの方法をご紹介。お好みに合わせてお試しください！ 完成予定図 使用ソフト　AdobeIllustratorCC （以前のバージョンでもできると思います） まずは一つ目、「円にアピアランスを適用する方法」をご紹介します。こちらは動きが安定しているので、作りやすく変更もしやすいです。では、一番単純な「点線渦巻き」から見ていきましょう。 出来上がった渦巻きを加工する際は「オブジェクト＞アピアランスを分割」を行ってください。複合パスにしたり、パスファインダーで整えたり、用途に合わせて加工してください。 Step1　点線の渦巻き 破線の設定を使い、点線でできた円をつくります。 楕円形ツール/Ellipse

Illustratorでは文字/段落スタイルを使っていない方も多いことでしょう。かつてのデファクトスタンダードだったver.5や8にはなかったですもんね。使わなくても仕事できるし。私、別にスタイルの普及活動をしているわけでもないのですが、便利な機能があるのなら使った方がいいと思ってご紹介しております。 ただ、文字/段落スタイルはとっつきにくいのは認めます。前回のバグもそうですが、いろいろなルールがあり、覚えるのも面倒。よくわかります。 以前にもスタイルに関して記事を書いていますが、InDesignとの比較として紹介していたためIllustratorのスタイルとしては分かりにくく、内容も不十分なところがいくつかございましたので、今一度まとめてみました。 ●InDesignとIllustratorは違うもの 私の文字系スタイル遍歴はQX3→QX4→ID→Aiときています。文字系スタイルはQXと

株式会社三階ラボ。それはデザインの会社です。

いま話題のツイートまとめが読めるTwitterまとめに特化したまとめサイト。人気のツイートやTwitterトレンド、写真やマンガといった話題の画像から、さまざまなニュースの反応まで、みんなであつめる国内最大級のメディアプラットフォームです。

アドビ システムズ主催のイベントとしては異例となる Illustratorの単独イベントを開催します。 それも単なるイベントではありません。 24時間ぶっ通しのオンライン配信とスペシャルイベントで Illustratorをとことん味わい尽くす、異例のイベントです。 テーマは「愛（Ai）はクリエイティブを救う」。 オンライン配信はスペシャルイベントが開催される 渋谷ヒカリエから幕を明けます。 そこから24時間多彩なゲストをお招きしながら、 Illustratorの魅力を大いに語っていただきます。 細かすぎる機能解説、意外な活用事例、目から鱗のTipsなど、 ここでしか観られない、聞けないコンテンツが目白押しです。 当イベントではユーザーの皆様の「Illustrator愛」を お伺いする投稿を募集中です。 イベント中、エピソードがご紹介された方には、 アドビオリジナルグッズをプレゼント！ 全国

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

Illustrator は印刷物で使う「ミリ」や「インチ」を使用するイメージが強いと思いますが、ウェブデザインやアプリケーションデザインなど、ディスプレイで表示することが目的のデザインを行う場合、一般的に「ピクセル」という単位をベースに作業を行います。この「ピクセル」をベースにした作業で一番重要なポイントが「数値の小数」です。今回は、Illustrator のピクセル単位で作業するときに発生する小数について、レベルにあわせてまとめてみます。（以下、Illustrator CC 2014 で検証した結果です。） Illustrator と小数値 入門編 小数が入るとどうなるの まず、100px × 100px の矩形を描いてみます。この矩形の座標を小数にし、100%表示してみましょう。 座標に小数が入っている矩形 このように、端に意図しないアンチエイリアス（疑似的になめらかにみせるためのボケ

SVGの普及かアイコンブームか、パスを使ってイラストを描く方が増えた気がします。前から書いてみたかった、パスでトレースするときに気をつけるといい「作り方」と「考え方」を記事にしてみました。 文字をトレースしてみよう パストレースの練習として、文字やロゴマークをトレースすると言うのはよく聞きます。曲線あり直線有り中抜きあり、で練習にはいい素材です。特にフォントの場合はアウトラインをとることで、どこにアンカーポイントを置けばいいのか参考にすることが出来ます。 試しにこの2つのお題に取り組んでみました。この形を実現するのにどんな方法をとりますか？正解はいくつもありますが、例えばこの方法。 完成！いいじゃない！と思いますか？確かに形としては完璧なんですが、練習であれば個人的にはこちらをおすすめしたいです。 さっきとの違いが分かるでしょうか？3つの図形を組み合わせて文字の形を作っています。文字を書く

イラレでウェブデザインするぜ！そんな方に向けて制作の流れとちょっとした注意事項を書いてみました。 グラフィックデザインをメインにやっている方や、ホームページを作ったこと無いデザイン学生さん向けかなと思います。 （私も学校ではウェブデザインを学んでいません。） そもそも、イラレでホームページってデザインできるの？ そんな疑問もあるかと思いますが、実際に未経験の私がイラレを使って Web制作の現場で働き始めることができたので、全く問題無いです！ いくつかのポイントさえおさえれば、イラレさえ使うことができればウェブデザインできちゃいます。 1.まずは、イラストレーターを起動する 当たり前の事ですが、起動ですね。今回の環境はWin_CS6です！ CS4～ぐらいはそんなに大きな違いは無いはず！です。 ※現在は、MacでAdobe Creative Cloudを使っていますが、基本的な事は全て同じです

illustratorのaiデータから画像を綺麗にスライスする方法 2011-01-08 illustratorのaiデータをWeb用の画像にスライスすると、画像が1pxズレが生じたり、Photoshopのスライス機能と違うので戸惑うことが多いと思います。 関西の某勉強会の懇親会でも「外注に頼んだデザインがaiデータで来て、スライスに凄い時間がかかった」という意見が多く聞いたので、illustratorのスライスの仕方をご紹介させて頂きます。 紹介するillustratorのバージョンはCS2ですが、CS以降のバージョンならほとんど機能が使えるはずです。 スライスの準備 単位 [ファイル]→[ドキュメント設定]で単位がピクセルになっているか確認します。 ここを変更すると、定規などの値も全てピクセルになるはずです。 カラーモード [ファイル]→[ドキュメントのカラーモード]がRGBカラーにな

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

hamko @hamko1114 @workstationm @kata1963 ありましたっ(`・ω・´) こんなんでも大丈夫ですか？3Dでマッピングするのですけども。私は、分割後に整理して左のようなツリーの絵にするのに使いました〜（なんか面の前後違ってますがw） http://t.co/qXee9zARNC 2014-03-26 09:42:17

IllustratorでのWebデザインがいい感じ！おすすめポイントや設定いろいろこれまでは「WebデザインといえばPhotoshop」というのが通例でした。しかしIllustratorもWeb制作の環境に適応されてきた今、フラットデザインやイラストを多く扱うWebサイトでは断然Illustratorをおすすめします！今回はあまり知られていないIllustratorとWebデザインの相性や、Webデザイン用の設定方法等をご紹介します。 Illustrator 初心者さんへIllustratorはベクター形式の画像を作成できる Adobe 社のアプリです。ロゴやイラストを作る時にはかかせません。Adobe の公式チュートリアルサイト、Adobe TV では Illustrator の概要やチュートリアルをはじめ、新しい機能の紹介も随時追加されています。 Illustrator は月額 3,2

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

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

意外と描くのが難しいハート形 ハート形、使う場面は多いものの、なかなかきれいな形のものが用意できなかったりしますね。 時間があるときは手書きしてリフレクトコピー→合体時間がないときはフォントの「♥」をアウトライン化 みたいな感じで私は今まで処理してました。 そんなわけで今回はどーにかこーにか数値管理で描画できないかなーと思い編み出してみたアピアランスをご紹介します。 ベジェ引くの苦手な方で、それなりのハート型が必要なんだけど…って場合はひとつ作ってみてはいかがでしょう。 dot-Aiも終わり少し余裕がでたので（気分的にw）どんどんいってみましょー。 まずは基本の形状を作ってみる 今回使う図形は正円いっこだけ。大きさはなんでもOKです。 これを効果でコネコネしてハート形にしていきます。