Illustrator から psd や jpg の画像に書き出すときにフチをきれいにする方法。
Web 制作のことを中心に、ちょっとした Tips などを掲載しています。「自分用メモ」が基本スタンス。 btmup Blog 超常識のような気がしないでもないですけど、「困ってる人も居るはず！」ということで勇気を振り絞ってポスト。 Web サイトを作るためには、最終的には jpg なり png なりの画像にする必要があります。当たり前ですが。 最初から Photoshop を使ってれば問題ないんでしょうけど、手間とか慣れの関係で Illustrator や Fireworks でデザインすることも多い。 そうなると、デザインが完成した暁には、画像に書き出すという工程がある訳です。 ところが、その書き出した画像を見ると、フチがアンチエイリアスでボワッと膨らんでる感じになったり、そのせいでサイズが 1px ほど大きくなっている場合があります。 で、その原因はというと、書き出すときの Illu
NAKACO'S CRAFT'S WEBLOG: 手描き風パターンブラシを作ってみる
Adobe Illustratorの特徴はスムーズな線をスイスイと引ける所で これを用いてイラストを描けば、スッキリとした絵をスッキリと描けるわけです でも時々、何か手描き風の絵もたまには描いてみたい、なんて思う事がありますね ありませんか んじゃ、手で描けばいいじゃないのとか言わないでね そんな時にはブラシを使ってみてはいかがでしょう このブログで描いていた「勝手に挿絵」の最近の２作もブラシを使っています Illustrator default アートブラシ 木炭-太細 同じくアートブラシ 鉛筆-細 元々ソフトに付いているブラシもよいですし、ネット上にはフリーで配布されているものもたくさんあります でももっと簡単で、ちょっとガタガタした線になるだけでいいんだけど ネット上にあるのは良く出来すぎていて、何か重いし、さがすのめんどくさい というような人は、自分で作ってみる、という手も 何だそ
(no title)｜鈴木メモ(旧)
Illustratorを覚えようと緩めにがんばるブログです。ただいま新アドレスhttp://suzukimemo.com/への移行中です。
『Illustratorブラシ －Illustratorで手書き風の線－』
ずっとずっと整理整頓したかったIllustoratorのブラシ。 イラレにしてもフォトショにしてもブラシは重宝します。 webでもDTPでも大活躍ですね。 今回は「ベクターなのに手書きで書いたかのような風合いがほしい」という場合に利用できそうなものをまとめました。Photoshopほどブラシの数は多くなく、また手書き風はありそうでなさそうなところです。探し出してmemoしておきます。 ◆手書きの風合い Over 40 Illustrative Brushes >>DLページはこちら ◆マーカーのような風合い Vector Marker Brushes >>Dlページはこちら ◆手書きのなみなみ線 Ink Sketch Lines >>Dlページはこちら ◆チョークの風合い Chalk Illustrator Brushes >>DLページはこちら ◆クレヨンや筆の風合い fudeli
Illustratorでピクセル単位の作業を奇麗に行うための方法（イラレのピクセルずれ問題） - フリーでWebデザインとかやってる紳士。
2017年の追記（CC2017向け） 次の点に留意して作業すればOK。基本的にイラレのピクセル周りの扱いはモリモリ改善されているのでだいぶ楽になった。 次セクション「2016年の追記」との違いだけを列挙する。 変形パネルの「ピクセルグリッドに整合」と「新規オブジェクトをピクセルグリッドに整合」が廃止され、あらたに「コントロール」バーの一番右に「ピクセルのスナップオプション」が追加された。これをオンにする。またその中の詳細項目にも全部チェックをつけておく。 それでも作業中に何かのはずみであるオブジェクトが整数ピクセルじゃない状態になったら、「ピクセルのスナップオプション」の隣にある「選択したアートをピクセルグリッドに整合」ボタンをポチして位置調整する。私は今までコントロールバーは邪魔なので非表示にしていたが今はこのボタンのためだけに表示している（スクリプトでなんとかなりそうな気もするが調べて
3flab inc.
フジテレビ / めざましテレビ 2013-2015 Logo Type, Corner Logo & Telop Design SUZUKI / Tokyo Motor Show 2011 Monitor Motion Graphics Design Cybozu / kintone 2012 Logo, Web Application UI Design 株式会社三階ラボ 3flab inc. 沿革 2008/4 株式会社スリーフローを設立 2012/4 株式会社三階ラボに社名変更 資本金 3,000,000円（2014/8現在） 取引銀行 東京三菱UFJ銀行 〒151-0073 東京都渋谷区笹塚2-2-3 エヴァーグリーン笹塚503 Evergreen Sasazuka #503, 2-2-3 Sasazuka, Shibuya-ku, Tokyo 151-0073, Japan
Illustrator実践講座-Web
Movable type-ベースにページを切り替えました 新しいページはこちらをご覧下さい。或いはHOMEから入って下さい 現在表示のページは、低解像度（狭い）モニタ用に残して有ります Webは、印刷用ドキュメントと違い、「用紙サイズ」と言う概念はあまり有りません。 ■ Web画像の書き出し範囲 ■ クリッピングマスクの問題 Illustratorで画像（オブジェクト）を作成し、「Web用に保存（CS2迄）」「Web 及びデバイス用に保存（CS3以降）」した場合、アートボード上の全てのオブジェクトが書き出されます。 場合によっては、邪魔なもの（孤立点）、必要の無いオブジェクトなどが含まれることが有ります。 画面上で必要な領域だけを選択（切り取って）、Web用に保存する問題について検証します。 特に問題になるのが 「クリッピングマスク」処理をしたオブジェクトでしょう。 「Web用に保存」した
知らない人は損してる、イラレでスーパーのチラシを作るときの7つのワザ - Cherry Pie Weblog
昨年から、地元の印刷会社さんのお手伝いでスーパーのチラシを制作させていただいているんですが、最初に作業手順を聞いたときに、そのあまりの面倒さに閉口してしまいました。 スーパーのチラシって、何重もの文字フチとか、値段の数字が重なってて円だけ小さいとか、囲みとか、必ず文字が画像にかかってしまうから白フチもつけないといけないとか・・・ そんな手数のかかる作業を、長年チラシ制作をされている方は、イラストレーター5.5 でショートカット連打でバキバキ作ってたりするわけです。 しかし、短納期・安価を求められる今の時代、いつまでもイラストレーター5.5時代の作業を続けているのでは、相当な熟練者でないと時間にもお金にも見合う仕事ができないし、会社としては熟練者に単純作業に近いことに延々と時間を使ってほしくないのです。 でも、今のイラストレーターならできるんですよね。 そんな、知っている人は知っているけど、
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Illustratorで人物を描く(応用編) - デザイナーのイラストノート
前回描いた女の子のイラストですが、これではパスの感じそのままで面白みがないので、簡単にできるアレンジをいくつかしてみたいと思います。 アレンジサンプル 1、3、5はそのままです、見たまま。ブラシはデフォルトでも色々入っていますし、フリーのものを探しても面白いです。ちょっとだけ設定が必要な2、4、6を少し詳しく書いていきたいと思います。 塗りと線に「ラフ」を適用 つるんとした印象のパスに、ランダムな表情をプラスするためにアピアランスの「ラフ」を適用します。適用したい塗り、または線を選んで「アピアランス」ウィンドウの左下から「パスの変形」「ラフ」を選びます。 今回の設定はこんな感じ。 数字を変えていろいろ試してみてください。設定するものが少ないのですぐ掴めると思います。 Illustratorでイラストを描く時にすごく重宝する、「アピアランス」。「ラフ」を設定し終わったら、試しに左側の目のマー
Illustratorで人物を描く(基本) - デザイナーのイラストノート
イラストを描くアプリケーションはたくさんありますが、まずはIllustratorで「楕円形ツール」と「パスツール」を使って描く人物のイラストから。Illustratorはマウスでも思い通りの線が描きやすく、変更もしやすいのがポイント。 パスとは？ パスとは、「ペンツール」などを使って描く線のことで、Illuatratorの基本となるものです。「直線ツール」「長方形ツール」などを使って作る形はパスで出来ています。パスはアンカーポイント（白い点）というもので形が出来ていて、ハンドル（赤い線）を動かして自由に曲線（ベジェ曲線）を作る事が出来ます。なめらかな曲線だとハンドルは真っ直ぐで、花型だとハンドルがＶの字に折れています。 えーベジェについてはこちらが判りやすいのでこちらで… Illustrator（Photoshop） のペンツールできれいなパス、ベジェ曲線を描くためのコツ（私流） 描いてみ
Illustrator：スポーツ新聞風のフチ文字を作成する - DTP Transit
文字を入力します。ここでは「ゴシックMB101Pro B、60pt」に設定しました。 塗りと線をなしに設定します。 背景が白い場合には、文字は見えなくなります。 ［アピアランス］パネルを開き、パネル下部の一番左の［新規線を追加］ボタンをクリックします。線、塗りの属性がそれぞれ追加されます。 塗りのカラーを設定します。線が前面にあるため、実際には塗りが"やせて"しまっています。 ［アピアランス］パネルで、塗りの行をドラッグし、線の属性よりも上にします。塗りが前面になったため、線の太さは1/2のみ表示されます。これで文字はやせて見えることはなくなります。 さらに［アピアランス］パネル下部の［新規線を追加］ボタンをクリックし、線の属性を追加します。図のように、塗りの下に「線：白、3pt」、「線：キンアカ、6pt」のように設定します。 キンアカの線の「線」という文字をクリックして［線］パネル表示し
これからIllustratorを始めてみようという人のための基本操作とかいろいろ
Illustrator を使い始めるにあたっての、予備知識や基本操作をまとめてみました。Illustrator って簡単ではないと思うんですけど、Webデザイナーなら使いこなしたいソフトウェアのひとつですよね。これからWebデザインで Illustrator を使ってみようという人が、少しでも Illustrator に親しんでくれればいいなーと思って書きました。 私はいつも Web制作の時には、Photoshop と Illustrator を使っています。ずっと前、Webデザインを勉強しはじめた頃、私は Illustrator より先に、まず Photoshop から使い始めました。そしてそのあと初めて Illustrator に触ったとき、Photoshop よりもとっても難しく感じて、基本操作もなかなか覚えられなかった想い出があります。 もちろん ベジェ曲線 や パス など、Ill
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
もう１ピクセルもずらしたくない。
sakurachiro.com
http://nh-lab.com/illustrator-tegaki-font-tutorial/