Webデザインセンスや多少知識が乏しくとも、プロっぽいデザインにできる方法があります。Web制作を助けてくれる便利なサイトの備忘録ブログ。

Illusutrator

Illustratorで芝生っぽいテキストエフェクトに仕上げる方法

Illustratorで芝生っぽいテキストエフェクトに仕上げる方法

Illustratorで芝生っぽいテキストエフェクトはネット上でよく見かけていたので一度やってみたいと思い試してみました。

続きを読む

Illustratorのパスのオフセット機能で作る簡単タイポグラフィ

Illustratorのパスのオフセット機能で作る簡単タイポグラフィ

Illustrator(イラストレーター)のパスのオフセット機能を使えば袋文字を簡単に作成することが出来ます。この機能を使ったタイポグラフィの作り方です。難しいことは特にしていませんので、数分で作成できるのではないでしょうか。

キャノンのフォトブック作成サービス「フォトプレッソ」が少し気になる…

続きを読む

Illustrator(イラストレーター)のクリッピングマスクを連続行う技

Illustrator(イラストレーター)のクリッピングマスクを連続行う技

Illustratorにおいてクリッピングマスクはよく使用する機能の一つですが、知らなかった技がありましたのでメモしておきたいと思います。クリッピングマスクを連続で行う際もちろん1回1回行ってもいいのですが、別の変わったやり方でも行うことが出来ます。

根拠の無い想像ですがこの技は意外と知られていないのではないでしょうか?

続きを読む

IllustratorCS5で特定の色を一括で変更できる機能が便利

IllustratorCS5で特定の色を一括で変更できる機能が便利

Illustratorのどのバージョンから採用された機能なのかは分かりませんが、ある特定の色を一括で変更できる機能がCS5に備わっていることに気付きました。これまでスポイトツールで一つ一つ行っていた作業が無くなり、かなり時短を実現してくれる機能です。

続きを読む

illustrator(イラストレーター)でめくれたシールを作成する方法

illustrator(イラストレーター)でめくれたシールを作成する方法

シールがぺらっとめくれた感じをイラストレーターで作成する方法です。作業量は少し多いですが、手間を惜しまなければ、いい感じに仕上げることができます。illustratorCS5で作成した場合です。

New words memo:ステッチャー…針金綴じ。中綴じ製本の際のあのホッチキスみたいな針金。

続きを読む

Illustrator(イラストレーター)で等間隔の渦巻きを描く方法

Illustrator(イラストレーター)で等間隔の渦巻きを描く方法

イラストレーターで渦巻きを作成しようとする場合、どのように作成するでしょうか?線ツールにスパイラルツールがありますが、スパイラルツールでは、中心にいくほど間隔が狭くなってしまいます。”等間隔”ということが意外と迷ってしまうところでもあります。今回は等間隔の渦巻きを描く方法を2パターンメモしておきたいと思います。

New words memo:スイングPOP…商品棚にがゆらゆら揺れるPOP。

続きを読む

windows7でillustrator10を起動させると文字が消えてしまう時の解決法

windows7でillustrator10を起動させると文字が消えてしまう時の解決法

windowsXPからwindows7にパソコンを切り替えた際に、windowsXPで使用していたillustrator10をwindows7でも使用するべくインストールしたところ、イラストレーターのファイルをいざ開いてみると、あるはずのテキスト部分のみ消えているではありませんか!何故かと考えましたが、答えは簡単で、illustrator10発売時にwindows7は当然無かった訳で互換性が無かったんだろうと思います。まぁサポートされているはずもないので、不具合が起こっても仕方ありません。 諦めかけましたが、解決法がありましたので、メモしておきます。

メモ:無料web素材「スタイライズ」http://www.styraise.com/

続きを読む

「見つからないフォントは代替されました」を解消する方法

「見つからないフォントは代替されました」を解消する方法

イラレのデータをやり取りしていると、フォントの有無によってファイルを開く際に「見つからないフォントは代替されました」というウィンドウが表示されることがあります。完全に解消するには、無いフォントをインストールするしか方法はありませんが、無いフォントを有るフォント代替しても解消することは可能です。ただどこにそのフォントが使用されているのかを発見するのが何とも面倒な作業になりますが、どこにどのフォントが使用されているかは簡単に発見することができます。

illustratorCS5でのやり方を記載しています。

続きを読む

Illustrator(イラストレーター)で表組を作成する際の(Excel)エクセルの活用法

Illustrator(イラストレーター)で表組を作成する際の(Excel)エクセルの活用法

Excelからillustratorへ単純にデータをコピーしても、どうも互換性が悪く、グループ化やクリッピングマスクがかかっているなど使い勝手が悪いということはありませんか?イラレの機能を駆使して、エクセルデータをコピーすることで、少し使い勝手の良い表組を作成することが出来ます。

Illustrator CS5(win)で作成した場合です。

続きを読む

Illustrator(イラストレーター)で3Dの球体にパターン柄を入れる方法

Illustrator(イラストレーター)で3Dの球体にパターン柄を入れる方法

イラストレーターの3D効果は機能としては、すごいと思う一方でなかなか使い所が難しいと思っていましたが、3D効果を使って少し使えそうなTipsをご紹介します。

Illustrator CS5(win)で作成した場合です。

続きを読む

Illustratorの矩形ツールで描いたオブジェクト同士をピタッとくっ付ける方法

Illustratorの矩形ツールで描いたオブジェクト同士をピタッとくっ付ける方法

イラストレーターでオブジェクト同士をピッタリくっ付けたい時、どのような操作をされているでしょうか?すごく基本的な方法だと思いますが、今までこの方法を知らなかった私にとっては、まさに目からウロコでした。

youtubeの音データをMP3で保存できるサイトhttp://2conv.com/URLをコピペして、「next」ボタンで完了。

続きを読む

Illustrator(イラストレーター)で鉄線フェンスを描く方法

Illustrator(イラストレーター)で鉄線フェンスを描く方法

一瞬どのように作るのかと思えるフェンスでも、基本的な機能を組み合わせれば簡単に描くことが可能です。その手順をメモしておきたいと思います。

ネタ元はこちらの海外サイトです。http://www.vectordiary.com/illustrator/wire-fence-tutorial/

続きを読む

Illustrator(イラストレーター)でメタリックなフォントを描く方法

Illustrator(イラストレーター)でメタリックなフォントを描く方法

Illustratorのアピアランス機能を使えば、メタリックに見えるフォントも簡単に作成することが可能です。アピアランス機能はやはり万能ですね。

ネタ元はこちらの海外サイトです。http://vectips.com/tutorials/create-an-editable-metal-type-treatment/

続きを読む

Illustrator(イラストレーター)のデフォルトのフォントを変更する方法

Illustrator(イラストレーター)のデフォルトのフォントを変更する方法

新規ファイルを立ち上げて、文字入力をする際に、デフォルトに設定されているフォントを変更した。そんな時の解決方法のご紹介です。私の場合はIllustratorCS5で「小塚ゴシック」に設定されていて、毎回変更していましたが、これで解決しました。

IllustratorCS5、OSはWindows7での方法です。他のバージョン・OSではやり方が異なる場合があります。

続きを読む

イラストレーターで三角形の新規ブラシを追加して草を描いてみる

イラストレーターで三角形の新規ブラシを追加して草を描いてみる

イラストレーターには、様々なブラシがデフォルトで入っていますが、自分で作ったオブジェクトを新規ブラシとして登録することも可能です。今回ご紹介するように三角形を新規登録するだけで、簡単に草を描くことも出来ます。

人物モデル写真素材が無料。こんなサイトは凄くありがたい!http://www.modelpiece.com/

続きを読む

Illustrator(イラストレーター)で手書き風タイポグラフィを作る方法

Illustrator(イラストレーター)で手書き風タイポグラフィを作る方法

スケッチっぽい感じがどことなくおしゃれです。イラレのアピアランス機能を使えば簡単に作成することができました。IllustratorCS2で作成しています。

こちらの海外サイトを参考にしています。http://vectips.com/tutorials/turn-any-font-into-a-sketch-font/

続きを読む

イラストレーターCS5でスポイトツールを使ってアピアランス属性をコピー

イラストレーターCS5でスポイトツールを使ってアピアランス属性をコピー

イラストレーターCS5を使用するようになって、アピアランスを使って様々な設定を行った後に、スポイトツールを使ってその属性をコピーしようと思ったら…あれ!?できない…CS5では出来なくなったのかと思って(そんな訳はないのですが)、暫く様子を見ていました。でも、やっぱり不便と思うことが多々あり、調べてみたら何のことはない、簡単な事でした。

続きに、アピアランスを使用して簡単に線路を描く方法をメモっています。イラレで線路を描いて入る時に、やっぱりこの機能はいると思いました。

続きを読む

Illustrator(イラストレーター)でスタンプを押したようなかすれた感じを再現する方法

Illustrator(イラストレーター)でスタンプを押したようなかすれた感じを再現する方法

スタンプやハンコを押したような、少しかすれた感じをイラストレーターで再現する方法です。不透明マスクの機能を使えばあっという間に作成することができます。

ペパボの電子書籍をオンラインで作成できる「パブー」が面白そうhttp://p.booklog.jp/

続きを読む

Illustrator(イラストレーター)でリボンのイラストを描く方法(その2)

Illustrator(イラストレーター)でリボンのイラストを描く方法(その2)

先日、イラレでリボンを描く方法をご紹介しましたが、滑らかな感じリボンを描く場合はどうするか…今回はその方法についてご紹介したいと思います。IllustratorCS5で作成した場合です。

スラムダンクの続きを書かれているサイトhttp://blog.livedoor.jp/jungle123/完成度かなり高くて面白い…

続きを読む

おばさんイラスト、Illustrator(イラストレーター)形式で無料配布します

おばさんのイラスト、Illustrator(イラストレーター)形式で無料配布します

挿絵に使えそうなおばさんのイラストを作成しました。Illustrator(イラストレーター)形式で配布しますので、必要な方はご自由にどうぞ。バージョンは、IllustratorCS2です。

接骨院関係や、工事中のページを作成する時に使えそうなイラストも合わせて配布します。続きからどうぞ。

続きを読む

長方形の角を部分的に丸くする方法(イラストレーター)

長方形の角を部分的に丸くする方法(イラストレーター)

イラストレーターで四角形の対角線部分だけが角丸のオブジェクトを描くときや、タブのような四角形の上の部分だけが角丸のオブジェクトを描くときなど、簡単なようで意外と、どのように描いていいのかと迷うことがあります。様々な方法があると思いますが、その書き方をメモしておきます。

AdobeCS5風のアイコンが簡単に作成できるアイコンジェネレーターhttp://icon-generator.net/

続きを読む

Illustrator(イラストレーター)でリボンのイラストを描く方法

Illustrator(イラストレーター)でリボンのイラストを描く方法

○○周年記念等でよく見るリボンをイラストレーターで作成する方法です。作業は至って簡単なのですが、文章で伝えるのがなかなか難しい…うまく伝わっているかどうか…。

IllustratorCS5で複数のファイルを開いている時、タブ間の移動のショートカットはctrl+F6。便利だけど片手じゃ届かねぇ…

続きを読む

Illustratorでアートボード(黒枠)ぴったりの枠を描く方法(CS5編)

Illustratorでアートボード(黒枠)ぴったりの枠を描く方法(CS5編)

久々の更新となってしまいましたが、今回は以前書いた記事に対して、イラレのCS5ではどうするの?というコメントを頂きましてCS5編として書かせて頂きました。ご参考になれば幸いです。
以前書いた記事内容はこちらです。http://forty-n-five.boy.jp/blog/2008/09/illustrator_2.php

世界最大の旅行予約サイト「エクスペディア」が日本に本格的に進出したらしい…

続きを読む

イラストレーターの不透明マスクを使って放射状の背景を作成

イラストレーターの不透明マスクを使って放射状の背景を作成

よく見かける背景ではありますが、不透明マスクを使えば凄く簡単に作成する事ができます。

イラストレーターバージョン10で作成した場合です。他のバージョンではやり方が異なることがあります。

続きを読む

Illustrator(イラストレーター)でアピアランスを使って窪んだテキストにする方法

Illustrator(イラストレーター)でアピアランスを使って窪んだテキストにする方法

Illustrator(イラストレーター)のアピアランス機能は何かと便利です。先日もアピアランスについて取り上げましたが、この機能を使って窪んだようなテキストを作る方法のご紹介です。Tipsが詳細されているサイト(英語)がありましたので、試してみました。

今回ご紹介するのは、バージョン10で行った場合です。他のバージョンではやり方が異なる場合があります。

続きを読む

Illustrator(イラストレーター)でアンカーポイントを等間隔に追加する方法

Illustrator(イラストレーター)でアンカーポイントを等間隔に追加する方法

今回ご紹介するのはイラストレーターの小技です。「フィルタ」機能を使えば、いとも簡単に、図形や直線などオブジェクトに対してアンカーポイントを等間隔に追加することができます。

イラストレーターには「フィルタ」と「効果」で同じような機能がありますが、その違いについても続きにメモっています。

続きを読む

Illustrator(イラストレーター)のアピアランスの使いどころ

Illustrator(イラストレーター)のアピアランスの使いどころ

イラストレーターのアピアランス機能は意外と便利な使い方がありますです。その活用方法をメモっておきたいと思います。

IEのアドレスバーの履歴を個別に削除する方法とやら…ファイル名を指定して実行で「regedit」と入力して「OK」し、この階層まで行けば、個別に削除可能。HKEY_CURRENT_USER→Software→Microsoft→Internet Explorer→TypedURLs

続きを読む

Illustrator(イラストレーター)でページ分割する方法

illustrator(イラストレーター)でページ分割する方法

InDesignのレイアウトソフトとは違って、illustratorでのページ分割はなかなか面倒。例えば、A3サイズで作成したものを、A4サイズに分割してPDFで保存したいときの方法をメモしておきます。

今回ご紹介するのは、CS2で行った場合です。他のバージョンではやり方が異なる場合があります。

続きを読む

賞状の枠素材、Illustrator(イラストレーター)形式で無料配布します

賞状の枠、Illustrator(イラストレーター)形式で無料配布します

あけましておめでとうございます。新年1回目のブログです。今年もよろしくお願いします。
さて、今日の記事は、表題の通り今回はイラストレーター形式で賞状の枠になりそうな素材を配布します。と言うのも、ネットで探しても、Illustrator(イラストレーター)形式の無料の素材はなかったので、いっそのこと作成しました。ご自由にお使い下さい。(但し、1種類しかありません)

ダウンロードは続きからどうぞ。

続きを読む

Illustrator(イラストレーター)でアクア風ボタンの作り方

Illustrator(イラストレーター)でアクア風ボタンの作り方

今更感はありますが、イラストレーターでアクア風のボタンを作成する手順をメモっておきたいと思います。

続きを読む

IllustratorからMAPタグを自動生成してイラストの枠通りにリンクを貼る方法

イラストレーターからMAPタグを自動生成してイラストの枠通りにリンクを貼る方法

Illustratorにこのような機能があったことを最近知りました。HTMLタグでMAPタグがあるのはご存知かと思いますが、通常MAPを利用する際はDreamweaverで操作されるのが通常だと思います。しかし、Dreamweaverでは複雑な形には対応できないと思います。しかしイラストレータを使用すると、どんな複雑なイラストでもその枠通りにリンクを貼り付ける事が可能です。この機能を実際使うかどうかは別問題ですが…

続きを読む

ベクター形式でポラロイド風のイラストらがダウンロードできるサイト

ベクター形式でポラロイド風のイラストらがダウンロードできるサイト

わりと頻繁に使用するポラロイド風なデザイン。自分で作ってもさほど手間ではありませんが、ベクター形式でダウンロードできるということで早速メモ。

オーバチュアがyahooに吸収されましたね。ようやくというか…

続きを読む

イラストレーター(Illustrator)で表組を作成する方法

イラストレーター(Illustrator)で表組を作成する方法

イラストレーターで表を作成する時、どのようにされていますでしょうか?まさか四角をつなぎ合わせているなんてことはないでしょう…何て事を言っておりますが、少し前まで表を作る時は、四角をつなぎ合わせたり、罫線をひっぱったりということをしてました。そんな素人っぽい表の作り方とはこれでおさらばです。

Illustratorバージョン10(win版)で作成した場合です。

続きを読む

矢印素材をillustrator (イラストレーター)で無料配布します

矢印素材イラストレーターで無料配布します

矢印素材を配布しているは、数多くありますが、なかなかお目当てのサイト(ベクター形式)に辿り付けずにいました。jpgデータだったり、サイズが16×16ぐらいだったり…そこでいっそのことイラストレーターで自分で作ってしまおうということで作ってみました。これぐらいあれば、あとは少し加工すればいろいろ使えるかなぁと思っています。イラストレーターのファイルを添付しておきますので、どうぞ自由に使って下さい。(イラストレーター(win) バージョン8 で保存しています。)

続きを読む

Illustratorでアートボード(黒枠)ぴったりの枠を描く方法

Illustratorでアートボード(黒枠)ぴったりの枠を描く方法

今回ご紹介するのは、非常地味な小技といったところでしょうか。Illustratorを起動させ、まず最初に行うことは、アートボードの設定だと思います。(※アートボード…作業するスペースのこと。要は黒枠です。)A4、A3とか或いはカスタムで設定すると思います。そして、例えば、このアートボードの大きさでトンボを描きたい時や、イラレ上で作業して、最後にクリッピングマスクでアートボードぴったりにマスクをかけたい時、こんな状況の時、これまでは、矩形ツールからその大きさの四角形を描き、拡大して、アートボードに合わせるというなんともアナログなやり方をしていました。そこで、なんとか一発でアートボードぴったりの枠が一瞬で描けないものかと悩んでましたが、その方法がありましたのでご紹介します。

続きを読む

Illustratorでめくれた感じを表現する方法

Illustratorでめくれた感じを表現する方法

Photoshopで画像の端をめくれた感じにするチュートリアルは数多く紹介されていますが、Illustratorの場合はどうすればいいのかと考えた時に、上記のように、いとも簡単にめくれた感じを表現する方法がありました。そのやり方をメモしておきたいと思います。


以前の記事よりPhotoshopでのやり方はこちらです。Photoshopで画像の端をめくれた感じにする方法。


続きを読む

Illusutratorで、いとも簡単にアクアボタンっぽいオブジェクトを作る方法

Illusutratorで、いとも簡単にアクアボタンっぽいオブジェクトを作る方法

非常に簡単な作業で、アクアボタンっぽいものが作成できます。ってことでやり方をメモメモっと。今回はイラストレータで作ります。


今回のネタ元はこちらを参考にさせて頂きました。http://www.learnit2.com/tutorial%20018/index.html


続きを読む

ハイクオリティなベクター画像が無料でダウンロードできるサイト

ハイクオリティなベクター画像が無料でダウンロードできるサイト

以前紹介したFlash(flaファイル)を無料で配布しているサイトの姉妹サイトです。こちらもすごいです!ベクター形式の画像が無料でダウンロード出来ます。

続きを読む

ベクター形式のRSSアイコンが無料で手に入るサイト

ベクタ形式のRSSアイコンが無料で手に入るサイト

ベクター形式のRSSアイコンだから自分の好きな大きさに変更できるのがいいですよね。Downloadボタンからダウンロードできるようです。

ベクター形式の画像を提供してくれるブログを発見!

ベクター画像を提供してくれるブログを発見!

海外のブログサイトでベクター形式の画像をダウンロードできるサイトがありましたので早速ブックマークしました。これ以外にもwebに関する記事を書いておられるようです。

ベクター画像を無料で配布しているサイト。これはすごい

ベクター画像を無料で配布しているサイト。これはすごい

まぁ見てみてみてください。ベクター画像を無料で配布しているサイトですが、使い勝手がよいものばかりです。すごい!

ベクター形式のボタングラフィックを無料配布しているサイト

ベクター形式のボタングラフィックを無料配布しているサイト

もう自分で作る必要なし。イラストレーターさえ持っていれば自由に使用することが出来ます。

無料でベクターグラフィックが手に入るサイト

無料でベクターグラフィックが手に入るサイト

無料でベクターのグラフィックを手に入れることが出来ます。海外のサイトは太っ腹なサイトが多いですね。日本でもこんなサイトないのかな…また探してみようと思います。

続きを読む

検索

最近のエントリー

カテゴリー

月別アーカイブ

タグクラウド

管理人紹介

ポートフォリオサイト|Forty-N-Five

フィードを取得

フィードを取得する

スポンサードリンク

運営SHOP

健康美人30代から始める美と健康は、MovableTypeを使用して制作した通販サイトです。

健康美人30代から始める美と健康 もてもてSHOP NOLOOKS 和彩

元気をくれた本

「夢をかなえるゾウ」この本に出会えて良かったとホントに良かった思います。Webには関係ないですが、これからの人生を楽しくしてくれる本です。ガネーシャどうもありがとう(笑)

Copyright Forty - N - Five. All rights reserved.