Web デザインにも使える！ Illustrator の魅力再発見！
こんにちは:)デザイナーの牧村です。 この記事は Fenrir Advent Calendar 2015の最終日、25日目の記事です。 デザイナーの皆さんは、デザインデータを作る際、どのツールを使っていますか？ 私は今年から Illustrator を Web デザインで使用しはじめた結果、 Illustrator の便利さに感動して、メインのデザインツールになりました。 そんなわけで、今日の「2015年にグッときたコレ」では、以前 Photoshop をメインで使用していた私が、 Illustrator を使ってグッときたポイントをご紹介します！ 1. アートボードを使って複数のデザインが管理できる CS4 バージョンからアートボード機能が追加されて、1ファイル内で複数のページデザインを管理することができるようになっており（あくまでも私の体感ですが） Photoshop のアートボードよ
Illustratorで星・花・キラキラのイラストを描く使い方 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
今回はお手軽にIllustratorでサクラの花びらやキラキラを描く方法を紹介します。 季節はもう初夏ですが・・・サクラの花びらは毎年お決まりで出てくるアイテムですので・・・まずはこちらから。 Illustratorの星ツールで星を描きます。Ctrl押しながらちょっと丸っこい星にするとまるっこい花びらに仕上がります。 星のオブジェクトに「効果」→「パンク・膨張」を適用します。 プレビューを見ながら膨張方向に３０％ぐらいにしてみました・・・だんだんサクラの形に！ 「オブジェクト」→「アピアランスを分割」をすればパスに変換できます。細かい調整はこれで。 キラキラの場合は、楕円形を使います。 こちらは収縮方向に-７０％でこんな感じになりました。 四角形や五角形などに膨張をかけるとクローバーやお花も簡単にかけます！膨張１００％が一番お花っぽい仕上がりかも？ いろんな多角形に使ってみると楽しいですね
Illustratorでうさぎのクロスステッチ刺繍を描く | 鈴木メモ
Illustratorで刺繍表現いろいろの続きです。 クロスステッチだけ手順が少し長いのでこっちに分けました。 イラレで描いたイラストと文字をクロスステッチ風に加工する手順です。 2013/3/9 モザイク化の時にアンチエイリアスが出ないように手順を書き換えました。 おおまかな手順 作業は ①「ピクセルプレビュー」を見ながら縮小し、 ②「モザイクオブジェクトを作成」でドット化、 ③「形状に変換」でX型のステッチにします。 手順 ①「ピクセルプレビュー」を見ながら縮小 普通にイラストと文字を描きます。 表示をピクセルプレビューに。 Control+Kで環境設定パネルを開き、単位をピクセルに。 （モザイク化の時に計算が楽なので、一時的にピクセルにします。） ———– 2014/1/18追記： Control+Kで環境設定パネルを開いたら、一般を選び、左の方にある 「アートワークのアンチエイリア
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
図形を組み合わせでフレームを簡単に作る方法(イラストレーター)
「図形ツール」を使って簡単に作るフレームの作り方です。 3種類のシンプルなフレームをご紹介します。とても簡単ですし、図形を組み合わせるだけなので、コツをつかめば様々な形のフレームを作ることができます。
Illustrator ロゴ作成【文字の3Dとベベル】
イラストレーターでロゴを作る場合、 3D効果を利用すれば、手軽に立体的なロゴが作成出来ます。 立体的なロゴは、フォトショップを使って作るケースが多いのでしょうが、ロゴを名刺や印刷物に使い回す事を考えた場合、イラストレーターのベジェ曲線でデータを作った方が便利です。 文字を3Dにする方法 フォントを利用する場合は、最初に文字のアウトライン化を行います。 文字を選択したら、書式／アウトラインを作成をクリックします。 ショートカットキー 【comand】+【shift】+ O（オー） 文字がアウトライン化されました。 次にメニューより、効果／3D／押し出し・ベベルを選択します。 3D押し出し・ベベルオプションダイアログが開きました。 プレビューにチェックを入れると、効果の掛かり具合を確認しながら操作出来ます。 プレビューを見ながら、傾き加減や奥行きを調整してみます。 奥行きの調整は、ここで行いま
(no title)｜鈴木メモ(旧)
Illustratorを覚えようと緩めにがんばるブログです。ただいま新アドレスhttp://suzukimemo.com/への移行中です。
Illustratorでチョコレート文字＆額縁を表現する方法
チョコレートの美味しい季節になりました！というわけで今回はIllustratorでチョコレート的表現をしていきたいと思います。アピアランスなので内容の変更が比較的容易です。今回は文字をメインに解説していきますが、図形やイラスト等も手順は同じ。おまけで額縁も表現できるのでぜひお試し下さい。 Step1 【テキスト】 アピアランスの準備 このステップはテキストのみ必要な手順です。イラストに使いたい場合はStep2へ。 文字を用意する お好きなフォントでどうぞ。 文字ツール/Type tools フォント/Font:Brush Script Std Medium サイズ/Size：72pt 線・塗りを「無し」にする 続いて、線と塗りを「無し」にしておきます。これは、「テキスト」の内側に「文字」という属性があり、「文字」のアピアランスが、テキスト全体の見た目への影響するのを防ぐためです。 線/St
透明効果の設定方法 （Illustrator CC）
Illustrator の透明効果を使うと、ベクトルオブジェクト、ビットマップ画像、文字の不透明度の設定、不透明マスクの作成などを行うことができます。これらの効果は、透明パネルを使用してオブジェクトに適用することができます。
IllustratorファイルをPowerPointへ変換する | grafoo:blog
IllustratorファイルをPowerPointへ変換する By grafoo 28 3月, 2008 1 Comment 知人からの依頼でPowerPointのファイルを修正することになった。 作業のほとんどが文字修正なので、1時間もあればできちゃうなと思っていたのですが、修正元ファイルを開いてビックリ。文字だらけのスライドにも関わらず、ほとんどが画像でした。 ビジュアル重視で画像ばかりのPPT納品したことあるので気持ちはわかるけど、文字しかないのに…？結局文字を打ち直すことになるのだけど、せかっくだから見た目も良くしてあげることに。「デザインしてもいいよ」とか言ってたし。 でも、日頃Illustratorなんかを使い慣れている僕にとって、PowerPointのレイアウト・編集機能は貧弱に思えて仕方がない。だから普段はMacでKeynoteを使ってます。全ページ画像にしてしまえば、
塗りを半透明、線(縁取り)は不透明度100％にするには？
Illustratorを使い始めたばかりで、まだ分かっていないのですが、 例えば「塗りを不透明度５０％、線(縁取り)は不透明度100％」ということは可能でしょうか。 長方形ツールを使って四角を描き、塗りにシアン色、線幅を１pt、と設定しました。 塗りを透過したいため、不透明度を５０％に設定したところ、縁取り線も薄くなってしまいます。 縁取り線は濃いまま、塗り部分だけを透過させたいのですが、どのような方法が良いでしょうか。
イラストレーター（AdobeIllustrator）講座●線の形状
アドビ イラストレーター（Adobe Illustrator）では線は太さや色以外に、線の端や角の形状で表情を持たせることができます。 線の端をアンカーポイントの位置で止めるのか、丸く（あるいは四角く）伸ばすのかを選択できます。角の形状も選べます。枠線のような四角に近いものならマイター結合で角をシャープに見せます。ラウンド結合やべべル結合では、面取りのような効果が出ます。 マイター結合のときは用途に応じて角の比率を調整します。 上の図では、左側と右側の線とで微妙に角の角度が異なります。そのため、角の比率が同じでも先端の処理が違ってきます。鋭角の先が必要なときは角の比率を大きくし、逆に先が不要であれば角の比率を小さく（基準以下の数値になるとベベル結合に切り替わります）しましょう。線の角度によってベベル結合に切り替わる数値が変化します。画面で確認しながら値を決めることになります。 イラストレー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Not Found
あわゆき | Adobe Blog
Kurokawa NICE illustration
イラストレーターでオリジナルのグランジ模様の作り方
http://kwsm.xii.jp/12
Noritake / のりたけ
http://handywebdesign.net/2012/09/how-to-move-path-and-layer-from-ai-to-ps/
TOSHIYUKI FUKUDA PORTFOLIO
