IllustratorでのWebデザインがいい感じ！おすすめポイントや設定いろいろ
2014年3月19日 Illustrator, Webサイト制作 これまでは「WebデザインといえばPhotoshop」というのが通例でした。しかしIllustratorもWeb制作の環境に適応されてきた今、フラットデザインやイラストを多く扱うWebサイトでは断然Illustratorをおすすめします！今回はあまり知られていないIllustratorとWebデザインの相性や、Webデザイン用の設定方法等をご紹介します。 ↑私が10年以上利用している会計ソフト！ Illustrator初心者さんへ Illustratorはベクター形式の画像を作成できるAdobe社のアプリです。ロゴやイラストを作る時にはかかせません。Adobeの公式チュートリアルサイト、Adobe TVではIllustratorの概要やチュートリアルをはじめ、新しい機能の紹介も随時追加されています。 Illustratorは
illustratorでアイコンを作るチュートリアル25 – creamu
98075468/ iStockphoto/ Thinkstock illustratorでアイコンを作りたい。 そんなときにおすすめなのが、『25 Fresh Illustrator Tutorials to Help You Make Icons』。illustratorでアイコンを作るチュートリアル集です。 かっこいいものが揃っています。 Create A Simple Paint Brush Icon ペイントブラシを描くチュートリアル Create A Briefcase Icon ブリーフケースのアイコンを作るチュートリアル How to Draw the Vector Style Icons Used in the “Station Fixes” Template クールなびっくりマークアイコン How to Make a Realistic News / Newspaper
illustratorでアイコンを作るチュートリアル40 – creamu
98312899/ iStockphoto/ Thinkstock illustratorでアイコンを作りたい。 そんなときにおすすめなのが、『40 Excellent Adobe Illustrator Icon Tutorials』。illustratorでアイコンを作るチュートリアル集です。 かなりクオリティーの高いものが揃っていますね。 Create an Aperture Style Camera Lens Icon Apertureライクなカメラレンズのアイコン How to Create a Shiny Bucket Icon 光沢のあるバケツアイコン Create a Stylized GPS Icon iPhoneアプリに使えそうな、GPSアイコン Tutorial: How to Create a Television Icon かわいい旧式のテレビアイコン How t
Illustratorで文章を扱うとき（文字組版） - DTP Transit
Illustratorで文章を扱うとき、矩形エリアに文字を流し込んだままではなく、次の4点は、最低限設定します。 行送りの設定 均等配置（行頭行末揃え／ジャスティファイ） 禁則 文字組み（約物前後や和欧間のスペースの設定） 逆を言えば、Illustratorではポイントテキスト（文字ツールでクリックして入力したテキストオブジェクト）を前提としています。 デフォルトの［行送り］は、文字サイズの175％に設定されています。「（14.4pt）」のように（）付きで表示されているときには「自動」行送りになっています。1行あたりの文字数に応じて調整します。 CS以前のIllustratorや、バージョン互換を行ったドキュメントによっては自動行送りが欧文に準じた120%になってしまいます。120%では行送りは狭すぎます。日本語では150-190%程度に設定します。 ［段落］パネルの［均等配置（最終行左揃
Illustratorの基本的なエフェクト集 | コリス
Illustratorの基本的だけど、マスターしておきたい効果的なエフェクトをWeb Designer Wallから紹介します。 Mastering Illustrator Effects 以下、各ポイントをピックアップしたものです。 上記サイトではチュートリアルのAIファイルもダウンロードできます。 間のびしない矢じり 角丸を素早く綺麗に描く 正確なジグザクのライン オブジェクトの収縮と膨張 変形のエフェクト ラフにするエフェクト 落書き風のエフェクト Illustratorのエフェクトを使用時のTips 間のびしない矢じり [効果]-[スタイライズ]-[矢印にする]で矢印のエフェクトを使用できます。
PhotoShopでグランジーでクールなポスターを作成するチュートリアル:phpspot開発日誌
PSDTuts - Photoshop Tutorials and Links - Quick Grungy Poster In this tutorial I will show you how to create a sort of grunge poster.PhotoShopでグランジーでクールなポスターを作成するチュートリアルが公開。 これは、なかなかカッコいいですね。 関連エントリ 煌めくホットな女性をPhotoShopで表現 グラスに神秘的な光を追加するPhotoShopチュートリアル WordPressのロゴを美しく輝かせるPhotoShopチュートリアル PhotoShopで輝く美しい球体を作成するチュートリアル PhotoShopで７色に輝く美しいパーティクルエフェクトを作成するチュートリアル
商用でも無料で使える素晴らしいロゴテンプレート配布サイト『LogoTemplater.com』 – creamu
ロゴやパーツのデザインを探している。 そんなあなたにおすすめなのが、『LogoTemplater.com』。商用でも無料で使える素晴らしいロゴテンプレート配布サイトだ。 このサイトのすごいところは、aiやepsファイルで配布してくれているところ。ベクターなので、自分で好きなようにいじることが可能だ。 しかも、個人利用、商用利用ともに無料で、好きなように改変してもいいとのこと。可能ならリンクバックしてくれるとうれしいとのことだ。再配布だけは禁止されている。 copyrightについて詳しくは↓の通り。 「All the logo sets on this site are free to download and use. You may use or modify them for any purpose, commercial or otherwise, without fee or o
illustratorのペンツールが訓練できるチュートリアル『Illustrator Pen tool exercises』 – creamu
Design illustratorのペンツールが訓練できるチュートリアル『Illustrator Pen tool exercises』 illustratorのペンツールをもっとうまく使いたい。 そんなあなたにおすすめなのが、『Illustrator Pen tool exercises』。veerle’s blogによる、illustratorのペンツールが訓練できるチュートリアルだ。 「Download the AI file Download the Illustrator (compatible with version CS, CS2 and CS3) Pen tool exercise file here.」 上記の箇所からaiファイルがダウンロードでき、チュートリアルを背景としてペンツールの練習をすることができる。とてもわかりやすくためになるチュートリアルだ。 CS、CS
illustratorで継ぎ目のないパターンを描く方法『Creating seamless patterns in Illustrator』 – creamu
Design illustratorで継ぎ目のないパターンを描く方法『Creating seamless patterns in Illustrator』 illustratorでオリジナルのパターンを描きたい。 そんなあなたにおすすめなのが、『Creating seamless patterns in Illustrator』。illustratorで継ぎ目のないパターンを描く方法だ。 矩形ツールで正方形を描き、その中にオーナメントを描く。パターンをもっと面白くするために左上隅に小さなオーナメントを描く..。といった具合にキャプチャつきで説明されている。 Photoshopでも同様のことができるが、illustratorのパスで描きたいという人には便利だろう。 illustratorで継ぎ目のないパターンを描く方法、チェックして使っていきたいですね。 Macが復旧しました。。Apple
ベクターを光らせるillustratorチュートリアル9選『Vector Polishing Techniques』 | CREAMU
illustratorで光を効果的に使いたい。 そんなときにおすすめなのが、『Vector Polishing Techniques』。ベクターを光らせるillustratorチュートリアル9選だ。 このエントリーでは、以下の9つのテクニックが紹介されている。 ・Lens Flare Effect ・Colorful and Dusty Effect ・Rainbow ・Glowing Lights – Background ・Particles ・Color Dodge ・Blurred and Darkened ・Watercolor ・Vintage とても魅力的なものばかりだ。 illustratorのスキルを上げたいというときに参考になるのではないだろうか。 ベクターを光らせるillustratorチュートリアル、チェックして使ってきたいですね。 今日は表参道でパーティー。ちょっ
illustratorのベクター素材10選『Illustrator Resources』 | CREAMU
イラレのベクター素材を探している。 そんなあなたにおすすめなのが、『Illustrator Resources』。無料で使えるillustratorのベクター素材10選だ。 このエントリーでは、イラレの各バージョンに対応した素材を配布してくれている。 かなり使えそうなものばかりだ。 ただライセンスについては表記がないので、商用で使う場合は確認した方がいいかもしれない。 無料で使えるillustratorのベクター素材、チェックして使っていきたいですね。 MacのHDがまたいっぱいになってきたので、、LACIEの外付けHDに移動。TimeMachineの機能を使うにはフォーマットする必要があるんですね。整理しないとな。 内蔵HDは気づいたらいっぱいになってしまうから、会社のファイルサーバみたいにモバイルで使わないデータは外部に保存してアクセスするようにしようと思っています。
Photoshoptoとillustratorで使えるブラシ20選『Vector Art: Brushes』 | CREAMU
Photoshopとillustratorでブラシが使いたい。 そんなあなたにおすすめなのが、『Vector Art: Brushes』。Photoshoptoとillustratorで使えるブラシ20選だ。 その中でも無料で使えるものを以下にご紹介。 » svg Heraldic Brushes シンボルを形どったブラシ70選 » Free Rising Sun Vector Brushes 光線のブラシ。Photoshop CS、CS2、CS3で利用可能。1280×1024サイズ » Abstract-Vector CS Brushes 抽象的なものやキャラクターなど、様々な種類のブラシ83選 その他のリストは以下から。 » Vector Art: Brushes Photoshoptoとillustratorで使えるブラシ、チェックして使っていきたいですね。 最近「体がごつくなってき
多数の商用利用可能なベクター画像が入手できる「FreeVectors.net」:phpspot開発日誌
FreeVectors.net :: Free Vector Graphics Gallery Welcome to FreeVectors.net, an online gallery of free graphics, all in vector format. All the images on this site are free for personal use and most of them for commercial use,多数の商用利用可能なベクター画像が入手できる「FreeVectors.net」。 ベクターということで拡大/縮小を行ってもクオリティが失われないため、様々な場面で活用できそうですね。 画像の投稿も可能のようなので、腕に自信のある方は登録してみてはいかがでしょうか。
Appleサイトのメニュー風ボタンを作るチュートリアル:phpspot開発日誌
Quick Tip: Beveled Text without Filters or Effects | BittBox Every once in a while we might find ourselves needing to get that “inset” or “beveled” look for text, probably more often for buttons and web design, than anything else. Appleサイトのメニュー風ボタンを作るチュートリアル。 次のようなAppleサイトのメニュー風ボタンを作れます。 イラストレーター用のチュートリアルですが、PhotoShopでもレイヤースタイルで同じように作れそうですね。 シンプルなデザインですが、クールというAppleなUIをまねしてみたいという方は是非試してみましょう。 関連エン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
http://www.designwalker.com/2009/05/illustrator-text-effect.html
http://kanasoku.blog82.fc2.com/blog-entry-9217.html
秀逸イラストレーターチュートリアル65:phpspot開発日誌
フリーのベクターなロゴ画像を多数ダウンロードできる「Vector Logo Database」:phpspot開発日誌
フリーのベクター画像がダウンロード可能な「Vecteezy」:phpspot開発日誌