タグ

Illustratorとtipsに関するytkwsmのブックマーク (15)

  • Illustratorで罫線だけの円グラフを作成する|DTP Transit

    先日のAdobe MAX 2016. Day 1 Keynoteを観ていたところ、次のような画面がありました。 このグラフの表現、ちょっと目新しい感じですね。ということでIllustratorで実装する方法について考えてみました。 手順1(下準備) [直線ツール]を選択し、アートボードでクリック。[直線ツールオプション]で「長さ:102px、角度:0°」に設定する 塗りをなし、線を黒、1ptに設定する 長さ66pxの線を描き、線幅を4pt、[線端]を「丸型先端」に変更する 左揃えにする 次の手順でブラシを作成する前に、複製しておくとよい 手順2(ブラシの作成) 2の線を選択し、[ブラシ]パネルで[新規ブラシ]アイコンをクリック。[新規ブラシ]ダイアログボックスで「アートブラシ」を選択する [アートブラシオプション]ダイアログボックスが開いたら、[ブラシ伸縮オプション]に「ガイド間で伸縮」

    Illustratorで罫線だけの円グラフを作成する|DTP Transit
  • 不要なアンカーポイントを削除する3つの方法

    オブジェクトやドキュメント上の不要なアンカーポイントを削除する方法です。3つのケースを挙げました。 思わぬトラブルを避けたり、ファイルサイズを軽くしたりと、色々メリットがあるので活用したい機能です。 ①パスファインダーでできる余分なポイントを削除 オブジェクトの合体時に不要なポイントができる場合があります。 それを避けるには、パスファインダーパネルのメニューからパスファインダーオプションを開き、『余分なポイントを削除』にチェック。 すると、先ほどのポイントをあらかじめ削除できます。 このチェックはIllustratorを閉じると外れ、初期値に戻ります。 (『余分なポイント』と自ら『余分』と言ってる位なので、削除する設定をデフォルトにすればいいのにという気もする) ②ドキュメント上の孤立点を削除 作業しているとテキストツールやペンツールで生じた孤立点が残ってしまうことがあります。 (孤立点:

    不要なアンカーポイントを削除する3つの方法
  • The Blog | Welcome to Adobe Blog

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

    The Blog | Welcome to Adobe Blog
  • Fireworks CS6使いがIllustrator CCで想った素朴なQ&A | ブログ | ペンギンパレット-横浜のウェブサイト・ホームページ制作

    Illustratorは昔っからそれなりに使っていたんですが、最近あんまりしっかり触ってなかったのと、Web用に使うという目的の違いで、いくつか操作しながらわからないことが出てきました。 「Fireworksにあったアレは、Illustratorではどうやるんだ。できないのか?」という視点で制作しつつ調べたことをメモ書きしていきます。 Illustrator自体は使えるという前提です。 随時追加、調査、修正予定。 初歩の初歩 紙じゃないのでピクセルベースで作成したい : 新規の時にプロファイル「Web」を選んでおく。 もう作っちゃった場合は、すべてのオブジェクトを選択して、「変形」パネルの「ピクセルグリッドに整合」にチェックを入れる。 パスじゃなくて、ピクセル表示のままルーペで拡大表示したい : 表示>ピクセルプレビュー を選ぶ。 精密に作った上でピクセル表示も確認できるので、FWよりもい

    Fireworks CS6使いがIllustrator CCで想った素朴なQ&A | ブログ | ペンギンパレット-横浜のウェブサイト・ホームページ制作
  • 『[イラストレーター]シンボルの置き換えですばやくアートワークを変更する』

    Adobeデザインソフト(Illustrator・Photoshop・InDesign・Acrobatなど)の使い方を中心としたチュートリアルブログ。 みなさんこんばんは。 アドビ認定インストラクター★まきのゆみです^^ 今日は天気が荒れると聞いていたのですが、 特に荒れた様子もなく? 涼しく過ごせました^^ 世間はお盆の風景。 みなさん良いお盆をお過ごしください^^ さて、日は、 引き続きシンボルについてですが、 シンボルの置き換えについてまとめておきたいと思います。 ★(シンボル1回目) シンボルの作成:シンボルだとファイルサイズは軽くなる! はこちら ★(シンボル2回目) シンボルツールでシンボルセットを編集する はこちら ★(シンボル3回目) 親シンボルの編集で分身も変身! はこちら シンボルの置き換え 親シンボルを参照して シンボルは配置されるということでしたが、 親シンボル自

    『[イラストレーター]シンボルの置き換えですばやくアートワークを変更する』
    ytkwsm
    ytkwsm 2014/07/10
    CCだと「シンボルの置換」
  • Illustrator CS5での複数のアートボードの強化点まとめ - DTP Transit

    [アートボード]パネルによって、(Illustrator CS4ではできなかった)次のことが可能になっている。 アートボードの複製(AICS4でも[アートボード]ツールを使ってoption+ドラッグによって可能) アートボード名の設定(アートボードオプションで設定) これを使って、次のようにアートボード名を管理することができる。 Illustratorの[レイヤー]パネルでは、レイヤー名をダブルクリックすると、[レイヤーオプション]が開くが、[アートボード]パネルでは挙動が異なる。 [アートボード]パネルでパネル名をダブルクリックすると、そのパネルが編集対象に切り替わる [アートボード]パネルでパネル名の右側のをクリックすると、[アートボードオプション]ダイアログボックスが開く 設定したアートボード名は、[ファイル]メニューの[書き出し]で[各アートボードごと]オプションにチェックをつける

    Illustrator CS5での複数のアートボードの強化点まとめ - DTP Transit
    ytkwsm
    ytkwsm 2014/06/26
    複数のアートボードを複数ページのように使いたいときには、[すべてのアートボードにペースト]コマンドが重宝するだろう。 この場合、カットしてから行わないと、オリジナルの位置に2つ重なってしまうので注意した
  • Domain error

    ytkwsm
    ytkwsm 2014/06/12
    Fireworksのシンボルプロパティ的な感じ
  • WEBALYS | Web Designer Freelance - Design Interface Application - France

    8 icon designers rebels. Creating from scratch innovative and harmonious icons sets.

    WEBALYS | Web Designer Freelance - Design Interface Application - France
    ytkwsm
    ytkwsm 2014/06/12
    Fireworksのシンボルプロパティ的なことができそう?
  • 『Illustratorの文字スタイル(詳細編)』

    前回のつづきです。 ●InDesignの文字スタイルのルール ※話がややこしくなるので、ここでは段落スタイルは無いものとします。 InDesignの文字スタイルは初期設定で「なし」が適用されます。手動で属性変更したものはそれがベース文字となります。 スタイル設定にはかなり多くの属性が設定できますが、設定部分以外の属性(空白部分)は無視され、ベース文字の属性がママイキになります。 これはかなり使い勝手が良く、例えば多種多様なフォントやサイズの文字に対してカラーを設定するような時、カラー設定をしたスタイルを1つ作るだけで済んでしまいます。 また、「基準スタイル」という概念があり、基準のスタイルを元に一部の属性だけを変更したバリエーションの作成も可能です。 図にするとこんな感じでしょうか。 ●Illustratorの文字スタイルのルール ※こちらも話がややこしくなるので、段落スタイルは無いものと

    『Illustratorの文字スタイル(詳細編)』
    ytkwsm
    ytkwsm 2014/06/12
    文字スタイルと、標準文字スタイルの取り扱いについて
  • SVG女子を90%軽くしたSVG軽量化テク+α #svggirl

    あいつ仕事してないで女の子のイラストばっかりいじってるぞと陰ながら言われていた喜納です。 HTML5で動くSVGアニメーション「SVG女子」がラスベガスでのマイクロソフト基調講演MIX11で公開され、 世界を(いろんな意味で)驚かしてきましたが、 ついに日、日でも公開されました! しかも日版に合わせてアニメーションも長くなっています! こっそりブラウザを英語にして見ていた人も必見です! (神風動画さんによる予告編動画!) 神風動画さんによるハイクオリティアニメーションをSVGで再現すると言う試み、 プログラムについては SVG Girlの公開と内部実装(プログラマーブログ) で担当プログラマーの吾郷が説明していますが、とにかく いかにSVGをきれいに軽くするかが最重要! SVGといえば拡大しても荒れる事の無いベクター形式で、pngよりも軽くつくれたりすることで使われていますが、 今回

  • illustratorを使うときに参考になるサイトいろいろ – creamu

    illustratorのチュートリアルや素材サイトをストックしておきたい。 そんなあなたにおすすめなのが、『Huge Collection of Adobe Illustrator Resources』。illustratorを使うときに参考になるサイトいろいろだ。 以下にいくつかご紹介。 » Illustrator’s Pen Tool: The Comprehensive Guide illustratorのペンツールの使い方が学べる » Illustrator Pen Tool Exercises Veerleによるペンツールの練習 » VECTORTUTS illustratorのチュートリアル » Vectips こちらもillustratorのチュートリアルサイト » Vecteezy フリーのベクターグラフィック集。↑のキャプチャはこちら » QVectors こちらもフリー

  • Illustrator Tutorial: Abstract Background

    In my previous tutorial, I’ve showed you how to make stylish flowers with the Blend Tool. This tutorial will show you how to make an abstract background with Illustrator Blend Tool. It is very cool and simple! Download Source File Required: Illustrator 9+ 1. Gradient Background Create a rectangular path and fill it with blue gradient. 2. Screen Gradient Paths Create another path with Blue-Black gr

    ytkwsm
    ytkwsm 2013/08/05
    教えてもらった素材の作り方
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    サービス終了のお知らせ - NAVER まとめ
  • Create An Editable Metal Type Treatment - Vectips

    I am a huge fan of the updated Appearance panel in the Illustrator CS4. I have really found the Appearance panel to be useful when creating type treatments that I constantly need to repeat.  One of these styles is a metal type treatment. This tutorial is pretty similar to the Letterpress Font and Sketchy Font tutorials in that it uses the Appearance panel to create a type treatment that is fully e

    Create An Editable Metal Type Treatment - Vectips
  • イラストレーターとフォトショップでドラクエ風ロゴを作ろう!|株式会社アクトゼロ|クリエイティブブログ

    こんにちは、haruです。 春到来で桜がきれいな今日この頃ですね。 通勤時に通りかかる桜並木が最近の癒しです。 今回はイラレとフォトショでDQ風ロゴを作りたいと思います。 完成図はこちら。 step1 イラレを起動し、ロゴにしたい文言を用意します。 文言の字数は10~12字くらいが理想的です。 フォントはImpact 、また高さを150%にし文字を縦に伸ばしておきます。 なおこのとき文字間は結構きつめにしといた方がいいです。 step2 ワープオプションをつかって文言を歪ませます。 【ウィンドウ】→【コントロール】で表示しておき、下図のようにクリックし、ワープオプションを設定します。 step3 設定した文字を【Ctrl+shit+O】でアウトライン化し、文字を複製、95%に複製します。 手前文字が黒色のままだとわかりにくいので赤色に変更しました。 下の黒部分が立体になることを意識して文字

    イラストレーターとフォトショップでドラクエ風ロゴを作ろう!|株式会社アクトゼロ|クリエイティブブログ
  • 1