タグ

illustratorに関するwozozoのブックマーク (46)

  • #Illustrator でアイソメトリック風ボックスを作るスクリプト|宮澤聖二 | onthehead

    イラストや図面などで使用されるアイソメトリック図。 そのアイソメトリック風のボックスを簡単に作るスクリプトを作成しました。 アイソメトリック図(アイソメ図)とは アイソメトリック図は、立体を斜め上から見たパースがかかっていない図のことです。X, Y, Z 軸が 120°で等間隔に表示されます。等角投影図とも呼ばれます。 Illustrator でアイソメトリックなボックスを描く方法 一番簡単なのは、四角形を描いてから 効果メニュー → 3D → 押し出し・ベベル... を選び、位置:アイソメトリック法 - 左面、押し出しの奥行き:に数値を入力する方法です。 この方法は、四角形のサイズを変更したり押し出しの奥行きの数値を自由に変えられるため、後からいろいろ調整できるところが魅力的です。 ただし、3D 化されたオブジェクト同士でスナップできなかったり、アピアランスを分割すると直線が微妙に傾いて

    #Illustrator でアイソメトリック風ボックスを作るスクリプト|宮澤聖二 | onthehead
  • Illustrator日本語英語対訳 CC2019(スクリプト作成・海外記事の翻訳に)

    Illustrator日英語対訳表をCC(2019 23.0.1)版に更新しました。スクリプト作成や、海外のチュートリアル記事を調べる時に使ってください。 データが多すぎるので、このページには主要な項目だけ書いています。 アプリ内に登場するたくさんのテキストから検索したい場合は、お手数ですが下のテキストファイルをブラウザで開くか、ローカルに保存して使ってください。 2019版の主な変更点 追加ほか Adobe Fonts 関係 フリーグラデーション関係 グローバル編集 関係 SWF プリセット画面が実際に則していなかったので修正 ほか、アプリケーション側で追加されたものに加え、抜けていたものの追加なども含まれています。 抜粋ファイル Ai2019_tuika 言葉の変更 Typekit → Adobe Fonts バット線端→線端なし 余分なポイント→孤立点 (ブラシの)彩色→着色 ほ

    Illustrator日本語英語対訳 CC2019(スクリプト作成・海外記事の翻訳に)
  • SVG画像を書き出す際に重要な設定「小数点以下の桁数」とはなにか? - 聴く耳を持たない(片方しか)

    これはSVG Advent Calendar 2014の参加記事です。 昨日はmemocarilogのSaori Miyazakiさんによる「filter 要素の基的な使い方と filter 要素をつかったモノクロからカラーへ変化するマウスオーバー効果を作る方法」でした。 第3日目は私 id:rikuo が担当します。 (※追記)第4日目はイロドルハナ(@shino212)さんの「はじめてSVGでアニメーションを作った時の話」です。 ちなみにまだ空いている枠はあるので、興味のある方は是非ご参加ください。 はじめにSVGはXMLをベースにしているためテキストエディタでも簡単に作れるとは言え、実際の制作は何らかのオーサリングツールを利用することがほとんどでしょう。 中でもAdobe Illustratorはベクター系ソフトウェアの代表的な存在で広く普及しています。このIllustratorか

    SVG画像を書き出す際に重要な設定「小数点以下の桁数」とはなにか? - 聴く耳を持たない(片方しか)
  • マルチデバイス時代にありがたい!イラレのあれこれ

    2013.08.24 Ps / Ai / Fw ガチンコバトル勉強会でお話した際に使用したスライドです。 Webデザインで Adobe Illustrator を使うにあたっての最低限注意したいポイントや、地味に便利なTipsをご紹介しつつ、Photoshop や Fireworks とは違う切り口での魅力を主張してみました。

    マルチデバイス時代にありがたい!イラレのあれこれ
  • FINDJOB!終了のお知らせ | FINDJOB!

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    FINDJOB!終了のお知らせ | FINDJOB!
  • Illustrator CCで寸法線とかフォント指定などの情報をサクっと描けちゃうSpecctrが最強!|DTP Transit

    Illustrator CCで寸法線とかフォント指定などの情報をサクっと描けちゃうSpecctrが最強! Fireworksの機能拡張として開発されていた「Specctr」(スペクター)が、なんとIllustrator CC対応になっています。 Specctrを使うことで次のことが可能になります(単位は選択している単位の種類に依存します)。 選択したオブジェクトの幅、高さを計測して寸法線として描画する 2つのオブジェクトの間隔を計測して寸法線として描画する オブジェクトを1つだけ選択しているときには、アートボードの上と左からの距離を計測して描画 選択したオブジェクトの塗りや線、不透明度などの情報を描画する 選択したテキストのフォントフォントサイズ、塗りなどの情報を描画する Web制作を行われている方なら説明不要だと思いますが、カンプなどを作成するとき、ビジュアルデザイナーからコーダーへの

    Illustrator CCで寸法線とかフォント指定などの情報をサクっと描けちゃうSpecctrが最強!|DTP Transit
  • Illustratorで木の質感を出す方法【初級編】 | ナナメウエblog

    おはようございます。 気づいたらもう2月ですね。 今年も残り11ヶ月、心の底からillustratorを愛していきたいと思いますよろしくお願いします。 それではillustratorで木の質感を表現する方法を紹介します。 illustratorでの木の質感表現はいくつかあるのですが、今回は最も簡単な方法を紹介します。 今回の場合は木の木目が黒くなるので、濃いめのフローリングなどの質感に使えるかと思います。 illustratorで木の質感を表現する方法 まずは四角形のオブジェクトを作成します。 色の設定は上が#785032、下が#4a3b29のグラデーションを作成します。 続いて[効果] → [テクスチャ] → [粒状]を適用します。 値の設定は、「密度:15」「コントラスト:4」「粒子の種類:縦」にします。 「密度」パラメータを大きくすると、より風化したような木の質感が出せま

  • http://handywebdesign.net/2013/04/appearance-tool-of-illustrator/

    http://handywebdesign.net/2013/04/appearance-tool-of-illustrator/
  • [woops!] Illustratorファイルをphotoshopでレイヤー分けして読み込む方法

    Illustratorでベースデザインを作ってエフェクトをPhotoshopでかける場合がたまにあります。そのとき、普通のAIファイルをPhotoshopで開いてしまうと統合されてしまいますので、これまでIllustratorからひとつひとつコピーペーストしてはPhotoshop上で再レイアウトしていました。 どうにか良い方法がないかとTwitterでつぶやいたらなんと神様降臨。解決策をおしえてくださいました。ありがとうございます! @woopsdez AIファイルを開いてからなら、「サブレイヤーに分配」コマンドを使用すると、1 つのレイヤー上にあるすべての項目を個々のレイヤーに再分配できます。adobe.ly/P9QUsF #illustrator — Takashi Morifusa (@morifusa) September 27, 2012 @woopsdez AIAIで開いた

  • イラストレーターブラシライブラリ「fudeline(フデライン)」|show-hey.com

    フデラインは個人・商用問わず、思う存分使って下さい。 決済サービスは、gumroad使ってみました。使用感がよろしければ、もっと多彩なバージョンをお楽しみください。

  • IllustratorをWeb向けに利用するときには、ピクセルプレビューをオンにして使います|DTP Transit

    IllustratorをWeb向けに利用するときには、[表示]→[ピクセルプレビュー]をクリックして、ピクセルプレビューをオンにして使います。 これを使わない場合、左のようにボケてしまいますが、ピクセルプレビューがオンになっていると、右のようになります。 Illustrator CS5以降は、次の方法でもOKです。 [変形]パネルのパネルメニュー内の[新規オブジェクトをピクセルグリッドに整合]にチェックをつける 新規ドキュメントを作成時、ドキュメントプロファイルで「Web」のプロファイルを選択する →[新規オブジェクトをピクセルグリッドに整合]にチェックが入ります。 ぶっちゃけ、Illustratorはスライスなどが使いにくいので向き不向きでいうと、あまり向いていないと思うのですが、下記などの設定についてはおさえておくとよいと思います。 ご参考: IllustratorでWeb向けの作業を

    IllustratorをWeb向けに利用するときには、ピクセルプレビューをオンにして使います|DTP Transit
  • Webデザイン。イラレは出来る子。フォトショなんかに負けないもん。 - フリーでWebデザインとかやってる紳士。

    2015年7月11日、追記。このページ、いまだによくアクセスされているようですが、その全員が「なんだよ2011年の記事かよ、クソが!」と不信感を抱くことと存じます。あらためて確認しますと、CC2015でも通用する内容ですのでクソとかいわずにご一読ください。 編ここから釣り気味のタイトルですみません。中身も釣りなのでご査収のほどよろしくお願いいたします。さて、この記事↓にリスペクトかつインスパイアされ、勢いで記事投下してみる。 Webデザインの1pxを作るためのPhotoshopのレイヤースタイルいろいろ Webデザインをするにあたって、巷ではPhotoshopを使う人が多いようなのだが、ベクターデータの軽快さや自由自在の拡大縮小の便利さもあって、私はIllustratorを使っているため、日頃から虐げられている。ことWebに関しては、Photoshopがたけのこの里なら、Illustra

    Webデザイン。イラレは出来る子。フォトショなんかに負けないもん。 - フリーでWebデザインとかやってる紳士。
  • 正確に円弧をトレースするためのTips|DTP Transit

    たとえば、次の図のような、明らかに正円の一部といった円弧をトレースしたいといった場合、その円の中心点を(正確に)見つけるにはどのようにすればよいでしょうか? まず、トレースしたい円弧上に中心点を持つ同じ大きさの正円を2つ描画します。 その際、中心点が見えるように、レイヤーを分け、描画するレイヤーのみアウトライン表示にしておくとよいでしょう(目のアイコンをcommand+クリック)。 パスファインダーを使って、2つの図形を組み合わせます(図では「交差」ですが、交差する箇所にアンカーポイントができれば、なんでもいい)。 2つの円が交差するアンカーポイントのみを残し、残りのアンカーポイントを削除します。残った2つのアンカーポイントを連結(command+J)します。この線はいったん、隠しておくとよいでしょう。 もう1線を引きたいので、同様に繰り返します。 隠しておいた線を表示します。2つの線の

    正確に円弧をトレースするためのTips|DTP Transit
    wozozo
    wozozo 2012/02/05
    円 trace トレース
  • これからIllustratorを始めてみようという人のための基本操作とかいろいろ

    Illustrator を使い始めるにあたっての、予備知識や基操作をまとめてみました。Illustrator って簡単ではないと思うんですけど、Webデザイナーなら使いこなしたいソフトウェアのひとつですよね。これからWebデザインで Illustrator を使ってみようという人が、少しでも Illustrator に親しんでくれればいいなーと思って書きました。 私はいつも Web制作の時には、Photoshop と Illustrator を使っています。ずっと前、Webデザインを勉強しはじめた頃、私は Illustrator より先に、まず Photoshop から使い始めました。そしてそのあと初めて Illustrator に触ったとき、Photoshop よりもとっても難しく感じて、基操作もなかなか覚えられなかった想い出があります。 もちろん ベジェ曲線 や パス など、Ill

  • Adobe Illustrator Plug-ins to speed up your workflow - Astute Graphics

    Join over 130,000 designers & illustrators who are speeding up their workflow with Astute Graphics plug-ins

    Adobe Illustrator Plug-ins to speed up your workflow - Astute Graphics
  • Illustratorでの箇条書きの作り方(1)|DTP Transit

    Illustratorで箇条書きを組むとき、得てして次のようになっていることがあります。 箇条書きの行頭記号には「・」(中黒)を使う 「・」のある行とない行でツラが揃っていない これを修正したのが次の例です。 これを実現するには、次のように操作します。 行頭記号(ブレット)の入力はoption+8キーで行う(和文フォントには用意されていないことがあります) 行頭記号のある行では「ブレット+tabキー+文」、行頭記号のない行では「tabキー+文」のように入力 タブルーラー([タブ]パネル)を表示して、文字を揃えたいところに「左揃えタブ」を打つ フォントによっては、ブレットの位置をベースライン調整で若干上にずらした方がいいことがあります。なお、このようなインデント方法を「突き出しインデント」または「ハンギングインデント」と呼びます。 箇条書きの項目ごとにアキを挿入するには、ブレットのついて

    Illustratorでの箇条書きの作り方(1)|DTP Transit
  • Illustrator(Photoshop) のペンツールできれいなパス、ベジェ曲線を描くためのコツ(私流)

    Illustrator や Photoshop のペンツール。 初心者の頃は、きれいな曲線が描けなくて悩んだものでした。そんなペンツール、パスの初心者さんのための、ペンツールできれいなベジェ曲線を描くコツを、一連の操作方法とともにまとめてみました。 ペンツールに挫折しちゃった人も、もう一回チャレンジしてみるきっかけになればうれしいです! ペンツール初心者さんが対象の記事です。 Photoshop や Illustrator のペンツール … はっきり言って私はへたっぴーです。ペンツールは切り抜きをするときやイラストを書く時など、絶対に使いこなしたいツールですよね。ペンツールで描く曲線をベジェ曲線、アンカーやハンドル(後述)も含めてパスって呼んだりもしますが、この曲線が初心者さんにはとにかく難しい …。初心者さん向けの Illustrator のや Webサイトを見ても、ペンツールできれい

  • 【ケータイ】画像のファイルサイズを50%削減するひと手間

    こんにちわ。最近ソーシャルアプリやるようになったやしこです ソーシャルゲームはいま一番アツい分野!いろいろなゲームが群雄割拠です。 でも画像が重くてさくさく連打できないとゲームの爽快感が半減してしまいます。悲しいけどこれ携帯なのよね。 なるべくストレスフリーのみんなに優しいデザインをした〜い! そんなユーザーにもエンジニアにもモテる爆軽画像への研究・発見報告です 基の基 画像の重さは1画面合計100k以内 PNGは使えないとおもっておk 画像にwidthとheightを指定しないのは死亡フラグ 元画像が複雑な場合ライブトレースで爆軽に 私が現在担当している英雄になりたい!は魅力的なキャラクターたちが登場する戦争ゲームです 繊細なキャラクターデザインでそれが重厚な世界観を作り出す大事なキーになっています ところがアニメ塗りと違って色数が多すぎて減量に不向きです。どうしても重くなってしまい

    wozozo
    wozozo 2010/08/27
    ライブトレース
  • 22 Very Useful Adobe Illustrator Tutorials

    21 Comments After spending so much time in Photoshop, it just seems like a burden for me to take time and learn how to use Illustrator. However it really is a powerful piece of software, and it was around before Photoshop was even on the market. Way better than Photoshop… Great collection of tuts. Very useful. Thanks. Very nice. Thanks! Nice roundup of Adobe Illustrator tutorials! I’m flattered a

    22 Very Useful Adobe Illustrator Tutorials
  • Illustratorの基本的なエフェクト集 | コリス

    Illustratorの基的だけど、マスターしておきたい効果的なエフェクトをWeb Designer Wallから紹介します。 Mastering Illustrator Effects 以下、各ポイントをピックアップしたものです。 上記サイトではチュートリアルのAIファイルもダウンロードできます。 間のびしない矢じり 角丸を素早く綺麗に描く 正確なジグザクのライン オブジェクトの収縮と膨張 変形のエフェクト ラフにするエフェクト 落書き風のエフェクト Illustratorのエフェクトを使用時のTips 間のびしない矢じり [効果]-[スタイライズ]-[矢印にする]で矢印のエフェクトを使用できます。