Illustratorを覚えようと緩めにがんばるブログです。ただいま新アドレスhttp://suzukimemo.com/への移行中です。
Illustratorを覚えようと緩めにがんばるブログです。ただいま新アドレスhttp://suzukimemo.com/への移行中です。
Illustrator って、難しい? Illustratorは奥が深くて、なかなかマスターできない……。そういうふうに捉えられてしまう原因には、なんとなく心当たりがあります。それは、Illustratorの機能が持つ「多面性」です。 Illustratorのブラシ機能を例にとってみましょう。この機能には、大きく分けて「モチーフを複製して散りばめる」「モチーフを複製して並べる」「モチーフを変形する」「線に抑揚をつける」の4つの性質があります。名前から察するに、せいぜい絵筆代わりに使うようなものだと思っていたら、大幅に裏切られる結果となるでしょう。そのうえ、このブラシ機能を利用するには、[ブラシツール]でドラッグする、[線]に設定する、の2種類の方法があり、目的に応じてちゃんと使い分ける必要があるのです。 たとえば額縁のようなフレームをつくるなら、「モチーフを複製して並べる」タイプを選択し、
ホームページのバナーなどでよく目にする、放射状のオブジェクトをイラレでデザインする方法を紹介します。 円を書いて、破線にするだけ! 簡単ですよ。画像のように、100px × 100px の塗りの円を書きます。 次に、塗りを線にして、線幅を100pxにします。線を破線にします。はい、できあがり! (ちなみにこの画像では、線分10px間隔10pxの線にしています。) この放射状オブジェクトに、グラデをかけたりしたい場合は、線で作ったオブジェクトを選択して 「オブジェクト→パス→パスのアウトライン」これで、塗りのオブジェクトになるので、色々と編集可能です。 応用編!好きなパターンのボーダーも描ける! 単純な事ですが応用として、真っ直ぐな線の線幅を太くして、破線にするとボーダーも簡単にできちゃいます。 (例のごとくこの画像では、線分10px間隔10pxの線にしています。) 放射状のブジェクトの作成
先日、Twitterの方で、Illustratorのアピアランス魔人たちが盛り上がっていた話題がありまして。 「Illustratorのふち文字を作った時にできる隙間をアピアランスで埋められないか?」というお題。 きっかけはハム子さん(@hamko1114)のこの発言から。 ここから、皆さんがアピアランスであーでもないこーでもないと試行錯誤がはじまって色々なやり方がためされ、これが正解だ!みたいな解もだされたのですが、まぁその辺の流れはtoggetterのまとめ(イラレ魔神たちの穴埋め談義)をみていただくとして。 私がその中で気になったのは 「まったく同じ(と思われる)アピアランスを設定しているのに、結果が違ってしまう」というもの。 ■二つの結果が異なるオブジェクトが発生するのはなぜ? 下の画像で確認していただくと、上と下のテキストはアピアランスパレットではまったく同じ設定になっているのに
Illustrator CS4 サブレイヤーがいちいち表示されないようにするには?(レイヤーパレット内) Illustrator CS4 サブレイヤーがいちいち表示されないようにするには?(レイヤーパレット内) IllustratorCS4を使用しています。 なにかのショートカットを押してしまったのか、 気付くと、設定が変わってしまったようです。 オブジェクトを選択すると、レイヤーパレット内のレイヤーが展開されて、 サブレイヤーがずらずらと出てくるようになりました。 レイヤー内に大量にオブジェクトがある場合、 展開されてしまうと、その度に動作に影響が出てしまいますので、 元のように、サブレイヤーが展開されない設定に戻したいのですが、 どうしたらいいのでしょうか? レイヤーパレット右上の▼≡マークに「パネルオプション」がありましたが、 行の幅と、サムネール表示の切り返しかありませんでした・・
Home パターンやテクスチャ 700個+の押さえておきたいフリーのシームレスパターン フリーで使える700個以上の継ぎ目が見えないシームレスな背景パターンを紹介します。事前に準備しておくことが難しい背景デザインですが、ここではフリー素材でポピュラーなシームレスパターンを数多く紹介しますので、まずはチェックしておきましょう。 背景は、ソリッドカラーやグラデーションの他にパターンを入れてボリューム感を演出したり、テーマに沿ったパターンやイメージを添えたりすることで、リッチなデザインに仕上げることができる大切な要素です。 PhotoshopやIllustratorで使う素材を多く紹介していますが、このようなアプリケーションが利用できないときでも、PNGやJPEGファイルが同梱されているものが多くありますので、ダウンロードファイルから都合のよいフォーマットを選びましょう。 紹介の素材は個人や
次の方針が望ましいと考えます。 ツメ組みでの基本は「自動」+「プロポーショナルメトリクス」を設定 ベタ組みでの基本は「和文等幅」 自動カーニングが効かないフォントのみ、「オプティカル」を設定 見出しなど、部分的に「文字ツメ」を併用することも(ただし、欧文には設定しない) ご参考: メトリクスには「プロポーショナルメトリクス」の併用が必須 - なんでやねんDTP 2007-11-03 - 遠近法ノート 「文字ツメ」と「オプティカルカーニング」について。 Illustrator CS2とInDesign CS2の自動カーニング機能 - DTP Transit ふと、調べてみたのですが、「自動」は、従属欧文には無効なので、合成フォントを設定する必要があります(言われなくても使っているでしょうけど)。というわけではないようです。コメント欄を参照してください。 各機能をまとめてみました。 設定名 和
完了日: 2024年7月 決済サービス提供会社のコーポレートサイト(200ページ)のリニューアル。テンプレート・パーツのコーディングとPowerCMSの設計・実装を担当。週1回の定例Mtgを開催しながら、長期間のプロジェクトを完遂。 完了日: 2024年7月 大手電機メーカーのコーポレートサイト。様々なWeb制作会社がページ更新時に利用するコーディングテンプレートの全面改修を担当。あわせて、コーディングガイドラインの改定を行ない、サイト運用の基盤整備を行なった。 完了日: 2024年6月 クライアントとサイトの表現方法のイメージ合わせをするために、アニメーションのサンプルをまとめた打ち合わせ用のモックアップを作成。
くるくるまるまったリボンを描きます。 普段はわりと数字にこだわって描きますが、今回はわりとてけとーに。 自由曲線から始めるので何回か試してみてください。 うねった曲線をペンツールで描きます。 線幅は1px。グレースケール:20%で、塗りはなしです。 効果>3D>押し出し・ベベル で幅をつけます。立方体をぐるんと回して、良さげな角度を探してください。 押し出しの奥行きがリボンの幅になります。 一番下の 表面:陰影なしにしてからOKします オブジェクトメニューから 分割・拡張 で3Dの効果をパスにばらします。 グループ解除繰り返して、それぞれのパーツをばらしておきます。 拡大表示し、厚みになっている1pxのアウトライン化した線を削除して、1pxぶんのズレをくっつけて修正します。 リボンのグラデーションを作ります。 濃い赤と薄い赤を交互に。 両端と真ん中、つまり、0%、50%、100%を:#97
イラストレーターでがんばる光の表現その2です。オブジェクトを柔らかくふんわり光らせます。Photoshopでやれよという突っ込みには耳を塞ぎつつ。 480×360pxの長方形を配置します。0%:#002800 > 50%:#004251 > 100%:#2D0058 の線グラデーションで塗ります。 アピアランスメニュー > 新規塗りを追加、0%:#FFFFFF > 100%:#000000 (白から黒 の円グラデーションで塗ります。中心からやや左下をクリックしてグラデーションの中心位置を移動させ、不透明度40% / 描画モード:スクリーンに設定します。 480×480pxの円を配置します。0%:#005368 > 100%:#000000 の円グラデーションで塗り、描画モードをスクリーンに設定します。上のあたりに位置をずらして、青い光を入れます。 光のラインを描きます。200×2pxの円を
返信ありがとうございます! いえいえあたしの言い方がちょっと急すぎました! いろんなところでアピアランスの説明がちょこちょこありますが とてもわかりやすいです! 具体的に使っていてとできないことをあげさせていただくと 文字をアピアランスで装飾する際に ブラシをつかって中を塗りつぶしたいのですが(筆のようなブラシとか)どうしてもものすごくはみ出てしまうとかでしょうか; 参考書をみてもものすごくはしょってあって理解できないんです; アピアランスでは線がオフセット-1㎜でブラシがここでつかわれていて 塗りが普通の塗り、その組み合わせで手塗りのような質感が出てるのですが; アバウトな説明ですみません! でもアピアランスって便利ですね!ここにきてからもっと好きになりました 最新版の画像とてもきれいです。 はじめはフォトショばかり使ってましたが今はほぼイラストレーターです!
季節モノにしてはちと遅いんですが、チョコレートを描いてみます。 ハートの描き方はいろんな方法があるのですが、今回はふっくら丸めのハートを、円を組み合わせて作ります。 50pxの円を配置します。下のアンカーポイントを選択して垂直方向:-40px移動します。 45度回転し、反転コピーして位置を調節します。 下の二つのアンカーポイントを選択し、さらに垂直方向:-15px移動します。 パスファインダパレット:分割し、余分を削除して一度グループ解除します。 パスファインダパレット:合流し、拡張してハートはできあがり。 塗りを#754C24に設定します。 効果 > 3D > 押し出し・ベベル でハートに立体感をつけます。 各数値は図を参照してくださいまし。キモはベベルの形、曲面をつかってチョコの柔らかさを表現します。 効果 > スタイライズ > ドロップシャドウ を 描画モード:乗算 / 不透明度:4
透明感のあるオブジェクトとキラキラ。 遅くなってすみません。最後のぶんがまだでしたよな。 グラスのイラストのダウンロードはこちらから↓ >DTPBooster_grass_cs.ai.zip CS4バージョンダウンCSです。 透明感のあるグラスの底に反射する赤い光を描く 水面は反射率が高いので、ワイン自体は上を暗く下を明るいグラデーションにします。丸いワイングラスの底とグラスの脚が光を強く反射するのを表現します。 こーゆー細かいところがそれっぽく見えるコツかなと。 W65xH40pxの楕円を描きます。0%:#ED5C5C > 100%:#000000の線グラデーションで塗りを設定。角度は80度です。図のあたりに配置して、描画モードを覆い焼きに設定します。 ワイングラス表面の反射光を描く 単純な白黒の線グラデーションを描画モードスクリーン、不透明度20%で乗せています。スクリーンモードは白の
こんなエントリをみつけました↓ >Illustrator WEB用に保存するとサイズがずれる どうもイラレ系の制作TIPSを見ているとこのテの「イラレから書き出すとズレる」の記述があるんですががが。 結論から言えばズレません。 ズレるのはそのオブジェクトの座標がズレているからです。ピクセルにぴったりあわせてオブジェクトを作ればズレないんですヨ!マジでマジで! 最初っからズレないようにデータをつくれば、イチイチPhotoshopに書き出してからスライスとかしち面倒くさい事しなくて済みます。元ファイルが複数あるとミスの元ですし、できればイラレで作ったら元ファイルはイラレで完結しておきたいところなのです。 スライスもイラレ上で長方形を使ってズレる事なくキレイに切れますからね。 キモは前にも描きましたが。定規とトリムマークと数値入力です。それとピクセルプレビュー。 手順としては 1. 新規書類を開
XtreamPath2 (エクストリーム パス2) は、Adobe Illustrator (アドビ・イラストレーター) の描画、編集、変形の機能を劇的に向上させる 35のツールやエフェクトを搭載した Illustrator プラグインです。 通常、Illustrator でパスを編集、変形するには、アンカーポイントの数や位置、方向線 (ハンドル) の長さや角度のコントロールが必要であり、複雑なデザインになればなるほど経験や熟練した技術が求められます。しかし XtreamPath2 は、それをたった1回のドラッグで実行したり、逆にアバウトな描画をスナップや数値指定することで精密、正確に行えます。 XtreamPath2 は、ビギナーの方にはパス操作をより手軽にし、ヘビーユーザーの方には作業手順を削減することでよりクリエイティブな時間を提供します。
Trevin serves as the VP of Marketing at WebFX. He has worked on over 450 marketing campaigns and has been building websites for over 25 years. His work has been featured by Search Engine Land, USA Today, Fast Company and Inc. Preview Tutorial Resources Brushes: Free Hi-Res Watercolor Photoshop Brushes Set II by Bittbox Step 1: Drawing the BirdFirst, find a photo of a bird that you wish to trace ov
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く