タグ

Illustratorに関するjdashのブックマーク (158)

  • 【SVG】Clubhouseのスーパー楕円っぽい形でアイコン画像を切り抜く方法

    Clubhouseのアイコンの形って話題になっていますよね。 柔らかい四角みたいな。スーパー楕円っていうのですかね。 これは簡単には描けないみたいなので、Illustratorでそれっぽい図形をササッと作ってSVGで切り抜いてそれっぽくしてみようという企画です。 ヘッダー画像出典:‎「Clubhouse: Drop-in audio chat」をApp Storeで SVGを用意する 早速ですがClubhouseのアイコンみたいな図形をIllustratorで作ってみます。 作り方は樋口さんのツイートを参考に、丸を描いてアピアランスの「ワープ」→「膨張」→「-30%」としました(そのまんまや)。塗りは自分がわかるように「白」にしておきました。 ワープでやる場合は膨張を-30%〜40%の間でかけてあげるとちょうどいい感じになります。 pic.twitter.com/1GI0MMN6mE —

    【SVG】Clubhouseのスーパー楕円っぽい形でアイコン画像を切り抜く方法
    jdash
    jdash 2021/02/22
    ブログ書いた。Illustratorのアピアランス→SVGで切り抜きパスを作ってササッとできます。
  • Illustrator 2020の保存時間を短くするには「バックグラウンドで保存」をオフに

    概要 ▶ Illustrator 2020では「バックグラウンドで保存」しない方がファイルを保存する時間が短くなります。ほかにも微妙に保存されていなかった問題などがあるので、「バックグラウンドで保存」の扱いには注意が必要です。ページはプロモーションが含まれている場合があります みなさん、Illustrator 2020(Adobe CC Illustrator 24)を使っていますか? Illustrator 2020を使っている人に朗報です。 結論はタイトルで落ちていますが(笑)、「バックグラウンドで保存」をオフにすると、Illustrator形式での保存が早くなります! 結論だけではアレなんで、実際に計測してみました。 検証に使ったファイルはカワココさんのアートワーク 検証用にどんなファイルが良いかな…と、私が考えつくのはIllustrator 10のサンプルアートである「カバーガー

    Illustrator 2020の保存時間を短くするには「バックグラウンドで保存」をオフに
    jdash
    jdash 2020/03/19
    ブログ書きました。実際にファイルの保存時間を比べてみたら、やはりバックグラウンドで保存しない方が早かったです! あと、まだバグがあるから、とりあえずオフにしましょう!
  • Illustrator グラデーションメッシュ 使い方と現場での使い所 - DESIGN TREKKER

    Illustrator グラデーションメッシュとは? 古くからある機能なんですが、使ったことがなかったり、多少は使ったことあっても使い方がよくわからず挫折したとかそういうことをよく聞く機能の代表例だと思います。 グラデーションメッシュのことを公式サイトにかかれていますが、何を言ってるのかさっぱりわかりませんw メッシュオブジェクトは、カラーを様々な方向に流し込み、ポイント間でのスムーズなカラーの移行を可能にするマルチカラーオブジェクトです。オブジェクトをメッシュオブジェクトに変換すると、メッシュラインと呼ばれる網状のラインがオブジェクト上に作成され、複数のカラーを自由に移行させたグラデーションを定義することができます。メッシュライン上のアンカーポイントを移動または編集すると、カラーの移行量や、カラーを適用する範囲を変更できます。 かんたんに言い換えれば、オブジェクトに複数のグラデーションを

    Illustrator グラデーションメッシュ 使い方と現場での使い所 - DESIGN TREKKER
    jdash
    jdash 2019/07/17
    おお、これを見たらなんかグラデーションメッシュが使えそうな気がする(使えるとは言ってない)
  • Illustratorのバージョンダウン保存をしたら、バージョンダウンしたバージョンで開いて「別名で保存」しないとBridgeでの表示がおかしくなる

    概要 ▶ Adobe Bridgeのバージョン表記はIllustratorの仕様で不正確になることがあります。ページはプロモーションが含まれている場合があります Illustrator使いの人で、知っている人は知っているのでしょうけど、えっそうなの?という事例があったので紹介します。 Adobe BridgeではIllustratorファイルを選択すると「アプリケーション」の項目に保存したIllustratorのバージョンが表示されます。 Illustrator CCからIllustrator CS6へバージョンダウンをした後に、そのファイルをIllustrator CS6で開いて保存しても、Bridgeでの「アプリケーション」の項目が「Illustrator CS6」にならないで、Illustrator CCのままになるというものです。 Bridgeの「アプリケーション」の項目を見て、

    Illustratorのバージョンダウン保存をしたら、バージョンダウンしたバージョンで開いて「別名で保存」しないとBridgeでの表示がおかしくなる
    jdash
    jdash 2017/12/25
    ブログ書いた。既にものかのさんのページにも書いてあることだけど、IllustratorファイルをバージョンダウンするDTPerへの注意として。
  • フリーのドローソフト「Inkscape」が2年ぶりの更新。グラデーションメッシュに対応

    フリーのドローソフト「Inkscape」が2年ぶりの更新。グラデーションメッシュに対応
    jdash
    jdash 2017/01/07
    『ペンツールではB-スプライン曲線を描く機能が追加』イラレ使いにはアレだろうけど、ベジエ曲線に慣れていない人には楽なのかな?
  • ベジェ曲線とは 初心者にもわかりすいよう下敷きに例えてみた | ホームページ制作 SEO対策【広島 岡山 山口 福岡】エム・フィールド広島オフィス

    こんにちは、デザイナーのTantanです。 IllustraotrやPhotoshopのペンツールできれいな曲線を描く方法がわからない、ベジェ曲線って全然コントロールできなくてわからん!という方のために基のキホンを「 例え 」で解説したいと思います。 ベジェ曲線の操作感は独特ですので、具体的な操作を学ぶ前に イメージを掴む と習得が早いと思います。 下敷きを思い浮かべてください 小学生の頃使ったような プラスチックの下敷き ありますよね。ノートに挟んで使うペラペラのやつ。 みなさん一度は曲げたりひねったり、静電気で髪を逆立てて遊んだりしたことがあるのではないでしょうか。 あれを 両手に持ってクネクネ曲げる感触を思い出してください。 手首で向きをコントロール イラレのベジェ曲線は、下敷きの両端を持ってカーブを作るような感覚です。 手首を曲げて、指先の向かう方向を変えることで、下敷きの曲がり

    jdash
    jdash 2016/12/07
    ぺろんで、ぐにゃんで、ぽよんである。/手首で向きをコントロール&指の強さで“張り”をコントロール
  • Adobe Creative Cloud 2017 (2) - 特色名の表記がUTF-8に変更|出力の手引きWeb|株式会社SCREENグラフィックソリューションズ

    2016年12月02日 | Adobe Creative Cloud 2017 (2) - 特色名の表記がUTF-8に変更 ■概要 IllustratorCC 2017で作成されたPDF上の特色名の表記が、Shift_JISからUTF-8に変更されていることが分かりました。 PDFの規格としてはUTF-8でも問題ないことになっています。 今までの経緯として、主要なDTPアプリケーションから出力されるPDFの特色名表記がShift_JISであり、UTF-8で表記されるケースが特殊なデータを除きなかったので、Shift_JISであることを前提に実装されている、EQUIOS / Trueflowの一部の機能や、AdobeのDTPアプリケーション(なんと!)でさえも、正常に動作しない原因となります。 ■再現条件(この挙動の詳細説明) IllustratorCC 2017上で「金赤」など日語の特色

    jdash
    jdash 2016/12/05
    雑に言うと日本語で付けた特色名が文字化けして表示されたり、同じもののはずなのに異なったものと解釈される場合があるということ。2017年1月以降に修正される予定(?)
  • ワークスペースに合せた単位系を... - 手抜きLab@DTPの現場

    jdash
    jdash 2016/11/04
    おおおお、これ、Web制作とDTPを行ったり来たりする人には便利過ぎるんじゃね…?(ってかワークスペースで単位を保存できる様にしろ>Adobe)
  • macOS Sierra (10.12) で Photoshop CS6 / Illustrator CS6 を使う - TeX Alchemist Online

    追記:macOS 10.13 High Sierra でも使えます! 日(2017/09/26),macOS 10.13 High Sierra がリリースされました。記事で紹介している「偽装フォルダ法」は,High Sierra でも有効なようです。 追記:検証結果 記事の方法で,Photoshop / Illustrator の CS 3~6 が全て Sierra で使用可能になる模様です。 また,報告(リンク切れ)によると,Flash 関係以外の CS6 アプリは基的に全て動作するそうです。 Adobe CS6 Master Collection ○ Photoshop CS6 ○ Illustrator CS6 ○ InDesign® CS6 ○ Acrobat® X Pro ○ Dreamweaver® CS6 ○ Fireworks® CS6 ○ Adobe Premi

    macOS Sierra (10.12) で Photoshop CS6 / Illustrator CS6 を使う - TeX Alchemist Online
    jdash
    jdash 2016/09/21
    『Photoshop と Illustrator に関しては,動作に Java 6 は使っておらず,単に「起動時に Java 6 が存在しているかどうかのチェックをかけている」だけ』まじかよ!
  • Layout Experiments in Adobe Illustrator

    As designers, we need tools that expose us to layout, that let us test and explore layout variations, and most importantly make the best decisions. Today, tools like Antetype, Figma, Adobe XD, and Affinity Designer are leading the way with innovative layout features that can save us from tedious tasks like updating the same margin 20 times or the pain of scaling one design to different device size

    Layout Experiments in Adobe Illustrator
    jdash
    jdash 2016/08/10
    オブジェクトをWeb的なオブジェクトにまとめる機能拡張。となりのオブジェクトが大きくなったら隣のオブジェクトが自動的にズレていく。これがMITライセンスなのがすごい。
  • 『知ってるつもりのIllustrator(リンク編)』

    リンクは「配置」でファイル名を選んだり、Finderから「ドラッグ&ドロップ」するだけなので、特に仕組みを知らなくたってDTP作業に支障ありません。 しかし、Illustratorのリンク周りは、まるで地雷原のような危険仕様。曖昧にせずしっかりと知っておくべきところですが、ガイドブックやヘルプにはほとんど詳しい記述はありません。 大抵、「リンク」は外部ファイルに紐付けしてIllustrator上に表示しているだけなのでデータが軽くなり、リンク元を一元管理できる。対して「埋め込み」はファイルに内包するのでデータが重くなるがリンク切れのトラブルは無い。という表面的な説明が一般的でしょう。 うん、間違ってません。でもこの説明だとInDesignも全く同じ機能ですよね。 実際はIllustratorとInDesignのリンク周りは全く別物です。DTPをやる上で知っておいて欲しいのは概要では無く実務

    『知ってるつもりのIllustrator(リンク編)』
    jdash
    jdash 2016/03/22
    警告無しで画像が変わってしまう仕様はどうなのかねぇ…って『CCでは同一階層の「Linksフォルダ」にもリンクと同じファイル名があると再リンクがかかります。』ってまた罠だな!
  • 【簡単】アートブラシと破線で作る「伸び縮みするパターン罫」

    今回はアートブラシと破線で作る「伸び縮みするパターン罫」を作ります。基の機能を組み合わせただけなので、ぜひぜひお試しください。 Step 0 準備 このチュートリアルでは以下のパネルを使います。 線パネル(Command+F10) ブラシパネル(F5) Step 1 ブラシの元となる、飾り罫を作る まずは、伸び縮みさせたい飾り罫を作ります。今回は簡単なサンプルを作って使っていきますが、実際にはお好きなモノをお使いください。 まずは飾り罫の元になるオブジェクトを作ります。 楕円形ツール/Ellipse 幅/Width:10px 高さ/Height:10px 長方形ツール/Rectangle 幅/Width:5px 高さ/Height:2px 次に、できあがったオブジェクトを揃えます。 両方を選択した後に、円をクリックしてキーオブジェクトにして、 垂直方向中央に分布/Vertical Dis

    【簡単】アートブラシと破線で作る「伸び縮みするパターン罫」
    jdash
    jdash 2015/05/25
    これで作る切り取り線は便利だと思うわ。
  • IllustratorでPhotoshopのシャドウ(内側)のような効果を適用する方法 | ナナメウエblog

    ご存知の通り、IllustratorにはPhotoshopに搭載されているシャドウ(内側)のような効果はありません。 近いものでいうと[スタイライズ] → [光彩(内側)]を使う方法なのですが、これだと境界線全体から内側にシャドウが適用されてしまいます。 テキストをアウトライン化 → 元の位置にコピー → 元のオブジェクトから少しずらして前面オブジェクトで切り抜き → ぼかし(ガウス) → クリッピングマスクという方法もあるのですが、けっこう面倒です。 普通のオブジェクトであればこの方法でもいいのですが、テキストなどの部分で修正があるとさすがにもう一度同じ行程をおこなうのは大変ですね。 そこで今回はアピアランスを使って、擬似的にこれに近いものを作成します。 まずはアピアランスに塗りを2枚追加します。 下の塗りは後で変更しますが、この段階では同じ色で大丈夫です。 今回は#808080を

    jdash
    jdash 2014/11/25
    アピアランスの塗りでグラデーションを重ねるのか。感覚的に分かりやすいわ、これ。
  • DTP関係のアドビフォーラムの書き込みを流し見したいなら @adobe_forums_dtp をフォローしよう!(宣伝)

    概要 ▶ アドビフォーラムのDTP関係のものだけ選んで新規書き込みをツイートするアカウントを作りました。流し見には最適。DTPerは是非フォローを(できれば書き込みもね)。ページはプロモーションが含まれている場合があります アイコンは変えるかもしれんけど。 ということで、10日前くらいに @adobe_forums_dtp というTwitterアカウントを作りました。動いています。 DTP関係者なら迷わずフォローしたまえ。 @adobe_forum_dtpさんをフォロー ●@adobe_forums_dtpとはどういうアカウントかというと、まずはアドビシステムズとは無関係のTwitterアカウント、つまり勝手アカウントなのでご理解を。 ツイート(つぶやく)内容は、アドビフォーラム(Adobe Forum) でIllustrator・Photoshop・InDesign・Acrobatカテ

    DTP関係のアドビフォーラムの書き込みを流し見したいなら @adobe_forums_dtp をフォローしよう!(宣伝)
    jdash
    jdash 2014/10/27
    ブログ書いた。DTPに関係するフォーラムしか流れてこないので便利。あとざっくり流し見にTwitterは便利。ぜひフォローしてね。あとフォーラムもぜひ書き込みしてね~。
  • 公式FacebookロゴのAI・EPSファイルをダウンロードしてIllustratorで開いてみたら…

    概要 ▶ FacebookロゴのAI・EPSファイルを開いてブルーの部分のカラーを確認したら、CMYKの値が小数点が入った適当そうな値になっていた話。ページはプロモーションが含まれている場合があります Facebookのロゴの画像ファイルは、Facebook公式のBrand Resourcesのページからダウンロードできることは以前このブログでも書きました。 Facebookロゴが新しくなりました(新旧比較画像・ダウンロードリンクあり)(jdash2000 site)Facebookロゴで新しい画像データが提供されていたので、新旧のロゴを比較してみました。Facebook公式ページからのダウンロードリンクも紹介。 Facebookロゴが新しくなりました(新旧比較画像・ダウンロードリンクあり) そのページで「Print & Packaging (high-res) 」のファイルをダウンロー

    公式FacebookロゴのAI・EPSファイルをダウンロードしてIllustratorで開いてみたら…
    jdash
    jdash 2014/09/26
    ブログ書いた。公式のロゴデータでもCMYK値が何か変!と思ったら、RGBから作られている模様。印刷業界から見るとカッチリした値が気持ち良いけど、それはIT業界だから違うのかもね。
  • Adobe Community

    Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.

    jdash
    jdash 2014/09/24
    「アートボードサイズを大幅に上回るオープンパスを置き、PDFを作成してAcrobat 9/Xで出力するとクローズパスとして出力される」なんだそれ(´д`)
  • あかつき@おばなのDTP稼業録 【Illustrator】「形状に変換」でテキストにカコミをつける2014・その1(改)

    Illustratorの「形状に変換」効果を使用して、テキストにカコミケイをつける方法があります。 この方法によりテキストの増減に追従したカコミケイを作ることができます(参考)。が、いままでよく使われた方法では、テキストサイズに合わせたカコミを作るには少々面倒な計算が必要でした。 先日、別件でアピアランスをいじっていたところ、カコミケイをつける新しい方法を思いついたのでご紹介。 ※この方法とは別の方法も公開しています。こちらも併せてご覧ください。 1.テキストを入力 カコミケイをつけたいテキストを作成します。文字色とカコミ色、それぞれの塗りアピアランスを用意します。 今回の作例は80Q(20mm)で作成しています。 2.「パスの変換:変形」を適用(1回目) カコミにしたい「塗り」アピアランスに 「パスの変換:変形」→「拡大・縮小」を垂直方向:0% 「移動」→垂直方向:10mm(「テキストサ

    jdash
    jdash 2014/09/24
    あとでチェックする。センター合わせの位置の指定が簡単ってことかな?
  • 印刷・DTP・デザインで使用するIllustrator・Photoshop・InDesign・Acrobatのバージョンアンケート(2014年9月)

    印刷・DTP・デザインで使用するIllustrator・Photoshop・InDesign・Acrobatのバージョンアンケート(2014年9月)
    jdash
    jdash 2014/09/02
    半年に一度のアンケートが始まりました。回答よろしくお願いしま~す!
  • llustrator・InDesignの次のバージョンの新機能のため(?)の品質向上アンケートを知っていますか?

    概要 ▶ AdobeはIllustrator・InDesignユーザーから寄せられた機能改善について公表し、ユーザーから意見を広く募集しているようです。そのアンケートの紹介。ページはプロモーションが含まれている場合があります 仕事柄Adobeのサイトの情報を検索することが多いのですが、検索していてたまに見かける情報をシェアしておきたいと思います。 今回紹介するのはIllustrator・InDesignの品質向上アンケートというものです。 この品質向上アンケートはユーザーから寄せられた要望に対する意見を募集するものです。パブリックコメントみたいなものと言ったら良いでしょうか。 アプリケーションの品質向上への取り組みの一環として、以下の各文書でお客様から実際に寄せられたご要望を紹介しています。このアンケートは、同様の機能改善・追加を求めるお客様からのフィードバックを収集することを目的として

    llustrator・InDesignの次のバージョンの新機能のため(?)の品質向上アンケートを知っていますか?
    jdash
    jdash 2014/08/27
    ブログ書いた。品質アンケート、もっとおおっぴらにやれば良いような気もします。検索でしか見つけられない。次のバージョンのIllustrator・InDesignにうまく反映されると良いですね。
  • IllustratorでもUndo回数をいじりたい! - 手抜きLab@DTPの現場

    ai_undoSetter.jsx.zip こちらのスクリプトをイラレさんのファイルメーニュー→スクリプト→その他のスクリプト...ってメニュー項目から走らせて下さい。単純にプロンプトがでますから整数値を入れてOKするだけです。ただし、この設定は次回起動時から有効となります。 では、解説を var num = prompt ("アンドゥ何回できるようにする???", 200, "Undo回数を設定してみよう!"); app.preferences.setIntegerPreference("maxUndoDepth",num); app.preferences.setIntegerPreference("undoDepth",num); この様にプレファレンス項目は2つあります。なぜこんなややこしい事になっているかは置いておいて両方に同じ設定をしてあげればよいのです。昔みたいに1回とかにす

    IllustratorでもUndo回数をいじりたい! - 手抜きLab@DTPの現場
    jdash
    jdash 2014/08/21
    ちょwww Illustratorって環境設定のパネルからUndoの回数って設定できないのか!知らなかった!Undo1回だけに設定するとQuarkXPressみたいだな。