タグ

illustratorに関するsbtqeのブックマーク (148)

  • illustratorとマウスで描くイラストの書き方/考え方 - DESIGN TREKKER

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

    illustratorとマウスで描くイラストの書き方/考え方 - DESIGN TREKKER
  • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

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

    ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
  • デザイナー・イラストレーター・絵師向け、プロ仕様のストロークで描けるIllustrator用のブラシ素材 -ProBrush™

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

    デザイナー・イラストレーター・絵師向け、プロ仕様のストロークで描けるIllustrator用のブラシ素材 -ProBrush™
  • Illustrator ABC

    Illustrator って、難しい? Illustratorは奥が深くて、なかなかマスターできない……。そういうふうに捉えられてしまう原因には、なんとなく心当たりがあります。それは、Illustratorの機能が持つ「多面性」です。 Illustratorのブラシ機能を例にとってみましょう。この機能には、大きく分けて「モチーフを複製して散りばめる」「モチーフを複製して並べる」「モチーフを変形する」「線に抑揚をつける」の4つの性質があります。名前から察するに、せいぜい絵筆代わりに使うようなものだと思っていたら、大幅に裏切られる結果となるでしょう。そのうえ、このブラシ機能を利用するには、[ブラシツール]でドラッグする、[線]に設定する、の2種類の方法があり、目的に応じてちゃんと使い分ける必要があるのです。 たとえば額縁のようなフレームをつくるなら、「モチーフを複製して並べる」タイプを選択し、

  • 【Illustrator】点線・星・文字・市松模様渦巻き(スパイラル)の描き方

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

    【Illustrator】点線・星・文字・市松模様渦巻き(スパイラル)の描き方
  • 『文字/段落スタイルのまとめ(Illustrator編)』

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

    『文字/段落スタイルのまとめ(Illustrator編)』
    sbtqe
    sbtqe 2015/05/27
    段落スタイル
  • 3flab inc. | Illustrator Scripts

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

    3flab inc. | Illustrator Scripts
  • Togetter - 国内最大級のTwitterまとめメディア

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

    Togetter - 国内最大級のTwitterまとめメディア
  • 2015.4.24(金)24時間Illustratorイベント開催

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

    2015.4.24(金)24時間Illustratorイベント開催
  • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

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

    ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
  • #Illustrator と小数と私

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

    #Illustrator と小数と私
  • 【パス初心者向け】トレースするときに気をつけていること - デザイナーのイラストノート

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

    【パス初心者向け】トレースするときに気をつけていること - デザイナーのイラストノート
  • Illustratorでのウェブデザイン、環境設定からスライスまでの流れ

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

    Illustratorでのウェブデザイン、環境設定からスライスまでの流れ
  • illustratorのaiデータから画像を綺麗にスライスする方法|Web Design KOJIKA17

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

    illustratorのaiデータから画像を綺麗にスライスする方法|Web Design KOJIKA17
  • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

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

    ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
  • 朝からイラレでくるくるリボン

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

    朝からイラレでくるくるリボン
  • IllustratorでのWebデザインがいい感じ!おすすめポイントや設定いろいろ

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

    IllustratorでのWebデザインがいい感じ!おすすめポイントや設定いろいろ
  • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

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

    ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
  • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

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

    ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
  • アピアランスでハートを描こう - hamfactory

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

    アピアランスでハートを描こう - hamfactory