Illustrator(イラストレーター)でWEBデザインをする時は « 最短24時間納品可能！HTMLコーディング代行サービス「MarkUP24」 BLOG ｜
みなさんはWEBデザインをするときに、どんなソフトを使っていますか？ 私がこれまでに見てきた中では、Photoshopでデザインする人、Fireworksでデザインする人が多かったように思います。 Photoshopは写真のレタッチだけではなく、素材制作においてもとてもキレイで繊細なデザインが作れます。おおかたPhotoshopを使用されている方が多いのではないでしょうか。私もその１人です。 Fireworksももちろん、WEBデザインを意識して作られたソフトなので、非常にデザインしやすく、品質を落とさず軽く画像を最適化できる優れものです。私は、スライスやアニメーションGIFを作る際に、Fireworksを使っています。 この２つのソフト以外に、IllustratorでWEBデザインをされている方も少なからずいらっしゃいます。 特に元々グラフィックデザイナーをされていた方などは、Photo
IllustratorでWebデザインをするときに気をつけるポイント | src.7438.com
今やっている仕事で、Illustratorで作成したカンプを私がコーディングすることになったのですが、いただいたデータがもの凄くきちんと作ってあって、大変参考になったので、設定項目だけメモしておきます。 Illustratorはもともと、印刷用データの作成が目的だったソフトなので、Web用の画像も、ちゃんと作れるのですが、設定を気をつけておかないと、いざ書き出してみると、線がにじんだり、大きさが意図したものにならなかったりします。 Photoshopだと、もともとベクターグラフィック用のソフトなので、そういうことは無いのですけどね。 気をつけている項目は以下の通り。 単位をpx（ピクセルに揃える） とにかくWebの世界の単位はピクセルです！ センチメートルとかは使えないです！ 印刷用データの仕事が同時にあったりすると、設定をその都度変えなくちゃいけないので、ちょっと面倒ですね。 1pxのガ
知っておきたいillustratorのチュートリアル40 – creamu
illustratorのスキルを上げたい。 そんなあなたにおすすめなのが、『40 Fundamental Illustrator Tutorials You Must Know』。知っておきたいillustratorのチュートリアル集です。 いい感じのものが揃っているので、いくつかご紹介しますね。 How to Create a Gearbox Settings Icon Using Simple Shapes シンプルなシェイプを使って、ギアの形をした設定アイコンを作るチュートリアル How to Create an Abstract Vector Design in Illustrator 美しい抽象的なデザインは、シンプルな形から作られる。いくつかの形と透明度に変化を持たせたサンプルの作り方 How to Create an Open Book with Illustrator’s
Tips_イラレでもズレませんブレません – イラレラボ illustrator-labo
こんなエントリをみつけました↓ ＞Illustrator WEB用に保存するとサイズがずれる どうもイラレ系の制作TIPSを見ているとこのテの「イラレから書き出すとズレる」の記述があるんですががが。 結論から言えばズレません。 ズレるのはそのオブジェクトの座標がズレているからです。ピクセルにぴったりあわせてオブジェクトを作ればズレないんですヨ！マジでマジで！ 最初っからズレないようにデータをつくれば、イチイチPhotoshopに書き出してからスライスとかしち面倒くさい事しなくて済みます。元ファイルが複数あるとミスの元ですし、できればイラレで作ったら元ファイルはイラレで完結しておきたいところなのです。 スライスもイラレ上で長方形を使ってズレる事なくキレイに切れますからね。 キモは前にも描きましたが。定規とトリムマークと数値入力です。それとピクセルプレビュー。 手順としては 1. 新規書類を開
illustratorでどんなフォントもスケッチフォントに変える方法 – creamu
vectipsで、クールなTipsが紹介されています。illustratorでどんなフォントもスケッチフォントに変える方法ですね。 ↑みたいなフォントが作れます。 1. テキストツールでテキストを入力 2. 塗りと線をなしにする 3. アピアランスパネルで、新規塗りを追加 黒を選択 4. 効果 > スタイライズ > 落書き で以下のように設定 5. 2ptの黒で線を追加 6. 線を選択した状態で 効果 > パスの変形 > ラフ で以下のように設定 以上ですね。 さらに、1クリックでこの効果が適用できるように、グラフィックスタイルパネルで新規グラフィックスタイル登録しておけば、1発で効果を適用できますね。 詳しくは以下からどうぞ。 » Turn Any Font Into a Sketch Font MacのDockを自動的に隠す設定にしてウィンドウが広くなりました☆表示するの好きだったんだ
illustratorのテキストエフェクトチュートリアル40 – creamu
noupeで、illustratorのテキストエフェクトチュートリアルがまとまっています。 ざっといくつかご紹介。 ↑はプレスしたようなスタイルのテキスト。 ハートの中のワープテキスト グランジエフェクト 飛び出してくるような3Dテキスト 渦巻き型のエフェクト リンク先の解説がとてもわかりやすいので、一度見てみてください。 40 Adobe Illustrator Text Effect Tutorials 雨ですねー。そろそろ出かけようかな。今週もがんばりましょう！
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウープスデザインブログ
http://www.designwalker.com/seed/graphicdesign/illustrator-swatch/