製作させていただいたサイトの中からの Pick Up!
     
安川自動車様   IS保険企画様   たきのゆ様   中村屋呉服店様
     
水島農機商会様   朝倉匠庵様   おたとうふ様   佐々木織産工業様
月別アーカイブ  [ 2013年05月 ] 

≪ 前月 |  2013年05月  | 翌月 ≫

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
[ --/--/-- --:-- ] スポンサー広告 | TB(-) | CM(-)

「キューピーマヨネーズ」じゃなくて「キユーピーマヨネーズ」

イラストレーターネタは、休眠中(^-^;

昔、勤め人だった時に食品売り場を3年間任されていて
その時に教えてもらったこと

「キユーピーマヨネーズ」の"ユ"は、大きな"ユ"


kiyupi01.jpg



「キューピーマヨネーズ」じゃないんですわ


「キューピー」は、アメリカのイラストレーター「ローズ・オニール」
という女性がギリシャ神話に登場する天使(キューピット)をイメージ
にして作ったものだそうです

その「ローズ・オニール」から、日本での権利を譲り受けた
「日本キューピークラブ」が「キユーピー」を著作権侵害で訴えたけど

「キューピー」じゃなくて「キユーピー」なので最高裁は棄却


「キューピーマヨネーズ」じゃなくて「キユーピーマヨネーズ」って


・・・えっ、知ってましたって (^-^;

スポンサーサイト
[ 2013/05/26 16:18 ] 未分類 | TB(0) | CM(0)

Google アナリティクスについて

このブログには、「FC2解析」以外に「Google アナリティクス」も
設置してあります

「FC2解析」と「Google アナリティクス」2つを同時に
設置すると、数値に差異ができるのですが、いろいろ事情があって
2つ設置しています

お客さんのHPにももちろん設置しています




例えば、「検索キーワード」とか

analy1.gif




「どこの地域から訪れているか」とか

analy2.gif

8番目のサンフランシスコは、フェイスブックの検索ロボットが
住んでいるところです



「リピーター数」とか

analy3.gif

リピーター少な!!



「どこのサイトからきているか」とか

analy4.gif


グーグルのアカウントがあれば、自分で簡単に設置できます

もちろん無料 ('◇')ゞ
[ 2013/05/25 17:31 ] 未分類 | TB(0) | CM(0)

能登の海、最高 (^o^)丿

今日、お手伝いしている社史制作の仕事で
先方の常務さんと、事業所のある能登へ行ってきました


天気がいいし、最高のドライブ日和 (^o^)丿

徳光PAの2階の展望スペースで、思わず写真撮影

notoumis1.gif




一応仕事はして・・・

notoumis0.gif



帰りに、千里浜をドライブして、また撮影

notoumiss2



常務さんに運転してもらって・・・・・

常務さんに焼肉ごちそうになって・・・

常務さんに千里浜に寄ってもらって・・

常務さんに写真撮ってもらって・・・・


何か・・・違う?・・・いや、違わない・・・と思う(^。^)y-.。o○
[ 2013/05/24 18:58 ] 未分類 | TB(0) | CM(0)

Mac 初体験 (^o^)丿

ヤフオクで落札したMacが、つきました。


mac2.gif




30年前にPC-8000(知らん人多いやろうな)を購入、
その後、Windous98、XP、VISTA、Win8 と 
Mac は触ったことなかった(^-^;

なぜ、いまさらMac?

一つは、iphoneアプリの勉強始めようかな・・・などと考えたこと

もう一つは、ある方が「Win」ではなく「Mac」を購入する予定だから
「Mac」触れないと、教えれんし・・・ということ


開梱して、電源入れて、設定を始めて・・・あらら


漢字の変換はどれでするんや?

マウスのクリックが1つしかないやんけ!

マウス・・・遅!

まぁ、ボチボチ慣れましょう(^_^)v


あっ!

このリモコンなに!?


mac3.gif
[ 2013/05/23 16:21 ] 未分類 | TB(0) | CM(0)

このブログが検索されているキーワード

このブログ「閑人の備忘録」は3月28日から始めました

まだ、2か月経っていないこのブログが、

Yahoo や Google で、
どんなキーワードで検索されているのか?


4月は、キーワード検索で、このブログに来た方は、4人

検索ワードは

「新聞 枠 題字 素材」

「閑人の備忘録」

「店頭pop テンプレート 足」

「販売促進 わくわくgw」


イラストレーターの「イ」の字も、無い(^-^;


んで、5月21日現在が下の画像の通り

※画像をクリックすると拡大画像が開きます

kensakus1.gif


やっと、「イラストレーター」込で検索に引っかかった(^_^)v
[ 2013/05/22 18:58 ] SNS ブログ | TB(0) | CM(0)

江戸の生活を綴っているブログ

イラストレーターやホームページ制作に、全然関係ありませんが(^-^;

「江戸歳時記」「江戸の文様・江戸の色」「江戸の女性たち」などを
浮世絵を取り混ぜながら、紹介しているブログです

見つけたキッカケは、あるHP制作の時に、浮世絵を使いたくて
文化庁に連絡をして、著作権や使用権のない浮世絵を教えてもらい
ネット上で捜し歩いている時に、偶然見つけました

ブログの名前は
Edo-CoCo

ukiyoe1.gif


江戸の文化や生活に興味のある方は是非どうぞ('◇')ゞ
[ 2013/05/21 19:08 ] サイトの紹介 | TB(0) | CM(0)

イラストレーターをわかり易く解説しているサイト

「販促ワクワク通信」をイラストレーターで作りましたが

僕の拙い説明では、イラストレーターの全体が見えてきません(^-^;

イラストレーターの全体がある程度見えるサイトを紹介します

サイト名は
Webデザインレシピ

webira1.gif


このサイトのメインは、Web制作についての話なので

自分で、ホームページを作ってみようという方にもおすすめです

この記事でリンクしてあるページは、イラストレーターについてですが

ブログの右側に貼ってあるリンクは、トップページにつながります

イラストレーターのページのメニューはこんな感じです

webira2.gif


ぜひ、訪れてみてください('◇')ゞ
[ 2013/05/20 17:30 ] サイトの紹介 | TB(0) | CM(0)

ホームページビルダーの使い方をわかり易く教えてくれるサイト

ホームページを自分で作ろうとホームページビルダーを買ったけど、

行き詰ってしまった方へ


ビルダーの使い方の基本から、中級者向けまで、わかりやすく
教えてくれるサイトがあります

サイトの名前は

ホームページビルダー作成報告


bilds1.gif


「基本編」「応用編」「小技編」「SSC」「JAVA」など
わかり易く説明してくれています

メニューの項目もわかり易いので、自分が知りたい項目を
すぐに探せます

「ホームページビルダー」で、行き詰った方は一度訪れてみてください


僕宛に、フェイスブックのメッセージで、聞いていただいてもOKです

わかる範囲でお答えします('◇')ゞ
[ 2013/05/19 16:59 ] サイトの紹介 | TB(0) | CM(0)

ホームページのつくり方、初心者入門用のサイト

ホームページを自分で作ってみようと思っている方


「専門の学校に行った方がいいの?」

「どんな本を買えばわかり易いの?」



「初めての方(ホームページって?的なこと)」
「制作の流れ(ホームページ制作の進め方的なこと)」

などが掲載されている、このサイトを見にいった方がいいと思います!

サイト名は「ホームページの作り方【HPマスターズ】


hpmas001.gif



ただ、作成されたのが2008年なので、現在では使えない部分も
あります。

×印 してある「トップページの作り方」は、スルーしてください(^-^;



「初めての方」のページです

hpmas2.gif

このページの下の方を拡大します

hpmas003.gif


このページ「HTML編」もスルーしてください、現在は「テーブル」という機能を使用して、
レイアウトを組むことはありませんので(^-^;

hpmas004.gif



「基礎知識編」の「ページのサイズ」もスルーしてください

5年前と比較して、モニターのサイズはかなりワイドに
なってきているので、この説明は当てはまりませんので(^-^;

hpmas005.gif
[ 2013/05/18 18:21 ] 自分で作るHP | TB(0) | CM(0)

イラストレーターで編集できる素材を無料で配布しているサイト

今日も、イラストレーターで編集できる素材を無料で配布している

サイトを紹介します


このサイトでは、「立体的な数字のイラスト」「かわいい風船」

「星座と干支のイラスト」「アルミの空き缶」などなど

100種類のカテゴリーのイラストを配布しています


サイト名は
AI・EPSの無料イラストレーター素材なら無料イラスト素材.com

※サイト名をクリックすると、別ウィンドウでサイトが開きます

ritais1.gif
※画像をクリックすると、別ウィンドウで拡大画像が表示されます





トップページを下の方へスクロールしていくと
カテゴリーごとのイラストが並んでいます

ritais2.gif
※画像をクリックすると、別ウィンドウで拡大画像が表示されます





例えば「女子顔の表情の無料イラスト」をダウンロードすると
こんな感じで開きます
1つ1つの顔が、1つ1つのレイヤーに入っています

ritais3.gif
※画像をクリックすると、別ウィンドウで拡大画像が表示されます





1つの顔のレイヤーの中には、顔のパーツごとのレイヤーがあります

ritais4.gif
※画像をクリックすると、別ウィンドウで拡大画像が表示されます





レイヤーの中から、髪の毛(髪の毛の縁どりは除く)を選択します

ritais5.gif
※画像をクリックすると、別ウィンドウで拡大画像が表示されます





ツールボックスの塗りの色をオレンジに変えるだけで、髪の色が変わります

ritais6.gif
※画像をクリックすると、別ウィンドウで拡大画像が表示されます





いろいろ、アレンジができます
商用での使用も、加工もOKです

※二次配布(自分のサイトや、ブログで、自分が作ったようにして
ダウンロードさせること)は、禁止しています

ritais7.gif


興味があったら、一度訪れてみてください('◇')ゞ
[ 2013/05/17 21:33 ] サイトの紹介 | TB(0) | CM(0)

日本の白地図を無料で配布しているサイト

ホームページや販促物に、お店や会社のある県の地図を載せたいとき

自分でトレースして作成すると、えらく時間がかかります

そんな時は、無料で配布してくれているサイトを利用しましょ('◇')ゞ


サイト名は
勉強に役立つサイト Start Point

※サイト名をクリックすると、別のウィンドウでサイトが開きます

jamaps1.gif




サイトの中央に
「GIF画像データ」と「aiイラストレーター用データ」があります

jamaps2.gif




ダウンロードした後、解凍したファイルをイラストレーターで開くと
レイヤーが各県別のデータにわかれており、1つの県だけを選択して
使用することができます


地図が必要な時に使ってみてはどうでしょうか('◇')ゞ

jamaps3.gif
[ 2013/05/16 20:06 ] サイトの紹介 | TB(0) | CM(0)

イラストレーターで「販促ワクワク通信」 3段目の記事を書く

!!作業中に操作を間違えたと思ったときは!!

画面上の何もないところで、右クリックしてメニューを開き
一番上の「○○の取り消し」を、クリックすると、1つ前の
状態に戻ります


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・


3段目の記事を作成します



写真の配置と記事を書く方法
         ↓↓↓↓
イラストレーターで「販促ワクワク通信」 記事を書く



を、参考にして、画像のように3段目を完成させてみてください

※画像をクリックすると、拡大された画像が、別ウィンドウで開きます


※「写真サイズ」⇒ "「幅」80px「高さ」80px"
 「フォントファミリー」⇒ "しねきゃぷしょん"
 「フォントサイズ」⇒ タイトル "11pt"
             記事 " 9pt"
 「行送りを設定」⇒ "11pt"


3dankiji1.gif


「販促ワクワク通信」出来ました('◇')ゞ
[ 2013/05/15 19:08 ] イラストレーター | TB(0) | CM(0)

イラストレーターで「販促ワクワク通信」 2店目の記事を書く

!!作業中に操作を間違えたと思ったときは!!

画面上の何もないところで、右クリックしてメニューを開き
一番上の「○○の取り消し」を、クリックすると、1つ前の
状態に戻ります


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



2店目「たきのゆ」の記事を作成します


「たきのゆ地図」を「販促ワクワク通信」の紙面にコピーする方法
         ↓↓↓↓
「販促ワクワク通信」 地図を作る-10


写真の配置と記事を書く方法
         ↓↓↓↓
イラストレーターで「販促ワクワク通信」 記事を書く



を、参考にして、画像のように2段目を完成させてみてください

※画像をクリックすると、拡大された画像が、別ウィンドウで開きます

yukiji0.gif



今回はここまでです('◇')ゞ
[ 2013/05/14 17:21 ] イラストレーター | TB(0) | CM(0)

ファビコンのつくり方を教えてくれるサイト

ちとバタバタしてるので、サイトの紹介でつなぎます(^-^;

ファビコンとは、ブラウザのアドレスバーやお気に入りのリストに
表示される、小さなアイコンのことです
   ↓
fav0.gif




このファビコンは簡単に作れます
作り方を教えてくれているサイトを紹介します


fav2.gif


サイト名は

TAG index Webサイト


サイト名をクリックすると、別ウィンドウでサイトが開きます

興味があったら、訪れてみてください('◇')ゞ

[ 2013/05/13 23:15 ] サイトの紹介 | TB(0) | CM(3)

「販促ワクワク通信」 2店目の地図を作る-4

!!作業中に操作を間違えたと思ったときは!!

画面上の何もないところで、右クリックしてメニューを開き
一番上の「○○の取り消し」を、クリックすると、1つ前の
状態に戻ります


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



信号機の配置や、道路名の記入を行います


まず「信号機」3個を同時に選択し、右クリックでメニューを開き
移動ボックスの「水平方向」を"0px"「垂直方向」を"-20px" に
設定して「コピー

yumap31.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



8個の「信号機」をそれぞれドラッグして、画像の位置に配置します

yumap32.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



店舗を表す「星印」をドラッグして、画像の位置に配置します

yumap33.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



駐車場のマークをコピーします

yumap34.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



"Ctrlキー"+"D"」を押して、もう1つコピーします

yumap35.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



3個の「駐車場のマーク」をそれぞれドラッグして、画像の位置に配置します

yumap36.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



ツールボックスの「楕円形ツール」を選択し
画像の位置(オレンジ○の真ん中の赤点)でクリックし
楕円形ボックスの「幅」を"30px"「高さ」を"10px" に設定して「OK」

yumap37.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



続いて、ツールボックスの「長方形ツール」を選択し
画像の位置(オレンジ○の真ん中の赤点)でクリックし
楕円形ボックスの「幅」を"10px"「高さ」を"10px" に設定して「OK」

yumap38.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



最後に、画像のように道路名や、目印となる建物名を記入し
レイヤー(競輪場と小学校の白い図形)にも名前を付けます⇒オレンジ○

yumap39.gif


地図の完成です('◇')ゞ

「販促ワクワク通信」 2店目の地図を作る-3

!!作業中に操作を間違えたと思ったときは!!

画面上の何もないところで、右クリックしてメニューを開き
一番上の「○○の取り消し」を、クリックすると、1つ前の
状態に戻ります


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・


「中村屋呉服店」の地図を作成した時には、行わなかった作業をします

1本1本の道路を、結合させて1つの図形に変換します



最初に、上のメニューバーで「表示」→「グリッドを隠す」で
グリッドを消去します

次にレイヤーで川のレイヤー(レイヤー名の左側のサムネイルが青い線)に
ロックをかけます⇒オレンジ○ ブルー○

yumap26.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



黒矢印をドラッグして、全部の道路を選択します

yumap27.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



川以外の道路がすべて選択されている状態で、上のメニューバーから
「オブジェクト」→「パス」→「パスのアウトライン」をクリック

yumap28.gif




・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



次に、「パスファインダーボックス」の「合体」をクリック⇒オレンジ○

yumap29.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



1本1本の道路が合体して、1つの図形になりました⇒オレンジ○

ツールボックスの「線の色」を"薄いブラウン" にして、道路に枠を付けます




今回はここまでです('◇')ゞ

yumap30.gif



「販促ワクワク通信」 2店目の地図を作る-2

!!作業中に操作を間違えたと思ったときは!!

画面上の何もないところで、右クリックしてメニューを開き
一番上の「○○の取り消し」を、クリックすると、1つ前の
状態に戻ります


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・


前回、残ったヨコ線とタテ線を移動やコピーして、道路を川を作成します



はじめに、レイヤーの「背景グレー」以外のロックをはずします
オレンジ○

yumap11.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



ヨコ線を選択して、右クリックしてメニューを開き
「変形」→「移動」で「移動ボックス」を表示させて
「水平方向」を"0px"「垂直方向」を"25px" に設定して「OK

yumap12.gif




・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



次に、タテ線を選択して、「移動ボックス」を表示させ
「水平方向」を"-25px"「垂直方向」を"0px" に設定して「OK

yumap13.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



続いて、ヨコ線を選択して、「移動ボックス」を表示させ
「水平方向」を"0px"「垂直方向」を"-20px" に設定して「コピー

yumap14.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



コピーしたヨコ線を選択して、「移動ボックス」を表示させ
「水平方向」を"0px"「垂直方向」を"-25px" に設定して「コピー」

yumap15.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



コピーしたヨコ線を選択して、「移動ボックス」を表示させ
「水平方向」を"0px"「垂直方向」を"-20px" に設定して「コピー

yumap16.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



ヨコ線が4本引けました

下から2本目のヨコ線を選択して「線幅」を"4px" に設定します

yumap17.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



続いて、細くなったヨコ線を選択して、「移動ボックス」を表示させ
「水平方向」を"0px"「垂直方向」を"-35px" に設定して「コピー

yumap18.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



コピーした上から2本目のヨコ線の「線幅」を"3px" に設定します

yumap19.gif




・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



次に、タテ線を選択して、「移動ボックス」を表示させ
「水平方向」を"85px"「垂直方向」を"0px" に設定して「コピー

yumap20.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



コピーしたタテ線が選択されている状態で
Ctriキー+"D"」を押して、右にもう1本コピーします

yumap21.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



真ん中のタテ線を選択して「線幅」を"3px" に設定します

yumap22.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



ツールボックスで「ダイレクト選択ツール」を選びます⇒ブルー○

「白い矢印のカーソル」を、真ん中のタテ線の上の端にのせると
小さな四角形が表示されます⇒オレンジ○

yumap23.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



カーソルで小さな四角形をクリックしたまま
Shiftキーを押しながら、上から2本目のヨコ線の中央付近まで
ドラッグします

真ん中のタテ線が短くなります

※Shiftキーを押しながらドラッグすると、真っ直ぐにドラッグできます

yumap24.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



一番上のヨコ線の「線の色」を"ブルー"に変更します⇒オレンジ○

yumap25.gif



今回はここまでです('◇')ゞ

「販促ワクワク通信」 2店目の地図を作る-1

!!作業中に操作を間違えたと思ったときは!!

画面上の何もないところで、右クリックしてメニューを開き
一番上の「○○の取り消し」を、クリックすると、1つ前の
状態に戻ります


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・


「たきのゆ」の地図を作っていきます


最初に、前回作成した「中村屋地図.ai」を開きます

yumap0.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



次に、上のメニューバーから「ファイル」→「別名で保存」をクリックし

「たきのゆ地図」と名前を付けなおして保存します

yumap1.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



レイヤーの「西環状線」「フェニックス通り」「背景グレー」に
ロックをかけますオレンジ○

yumap2.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



画像のように矢印を左上から右下にドラッグして
ロックをかけた3つ以外を全部選択します

yumap3.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



選択した全体をクリックして、下にドラッグします

yumap4.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



「西環状線」「フェニックス通り」「背景グレー」だけが
残った状態になります

※今回は、この縦線・横線を利用して地図を作ります

yumap5.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



続いて、「信号機」「星印」「駐車場」のレイヤーに
ロックをかけますオレンジ○

yumap6.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



下に移動した地図全体を、矢印でドラッグして選択します

yumap7.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



選択されている状態で、Deleteキーを押して削除します

※残った「信号機」「星印」「駐車場」は、あとで使用します

yumap8.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



上のメニューバーから「表示」→「グリッドを表示」をクリックします

yumap9.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



グリッドが表示されます

yumap10.gif



今回はここまでです('◇')ゞ

「販促ワクワク通信」  記事のタイトル2

!!作業中に操作を間違えたと思ったときは!!

画面上の何もないところで、右クリックしてメニューを開き
一番上の「○○の取り消し」を、クリックすると、1つ前の
状態に戻ります


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・


今回から、もう1つのお店の紹介記事を作成していきます

はじめに、お店の名前をタイトルとして作ります



前回、予備として作成した「中村屋呉服店」を選択して

「フォントファミリー」が"KFひま字"⇒オレンジ○
「フォントサイズ」が"24px"⇒ブルー○

であることを確認して、文字ボックスを設定します

yutit1.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



新規レイヤーを作成」をクリックして"レイヤー8"を作成します
オレンジ○

yutit2.gif




・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



ツールボックスの文字ツールを長押ししてプルダウンメニューの中から
文字(縦)ツール」を選択します⇒オレンジ○

yutit3.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



画像の位置あたりに、"たきのゆ"と入力します

yutit4.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



「たきのゆ」を選択して、右クリックでメニューを表示
アウトラインを作成」をクリック

yutit5.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



レイヤーが「たきのゆ」から「グループ」にかわります
この時点で「たきのゆ」は文字から図形に変更されています

yutit6.gif

※画像の「たきのゆ」の上にかかっている緑色の線は
 作業をしているレイヤーの色ですので、実際皆さんがやっている時と
 違う場合がありますが気にしないでください



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



図形「グループ」になった「たきのゆ」が選択されている状態で
上のメニューバーから「オブジェクト」→「パスのオフセット」をクリック

yutit7.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



開いた「パスのオフセットボックス」の
「オフセット」を"3px"
「角の形状」を"ラウンド"
「角の比率」を"4"
に、設定して「OK」

yutit8.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



オフセットできた状態で
上のメニューバーから「オブジェクト」→「グループ」をクリック

yutit9.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



レイヤーが画像のオレンジ○のような状態になると思います

yutit10.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



レイヤーの上の「グループ」の右側を(オレンジ○)をクリックして
「たきのゆ」というグループ全体を選択します

次に、Shiftキーを押しながら、下の「グループ」の右側(ブルー○)を
クリックして、オフセットされた部分だけ選択から除外します

yutit11.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



レイヤーがオレンジ○のような状態になります

yutit12.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



この状態で、上のメニューバーから「オブジェクト」→「グループ」を
クリックします

yutit13.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



レイヤーの「グループ」の中に2つのグループができます

上の「グループ」は文字から図形に変更した「たきのゆ」で
下の「グループ」は、オフセットした部分になります

まず、上の「グループ」の右側(ブルー○)をクリックして選択し
スウォッチから「ホワイト」をクリックして塗りの色を白にします⇒オレンジ○

yutit14.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



次に、下のグループの右側(ブルー○)をクリックして選択し
スウォッチから「オレンジ」をクリックして塗りの色を
オレンジにします⇒オレンジ○

yutit15.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



白い文字の周りに、オレンジの囲みができ、完成です

画像のように、レイヤーに名前をつけます⇒オレンジ○
※「地図」→「中村屋地図」、「記事」→「中村屋記事」も変更します

yutit16.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・



次に、「中村屋呉服店のタイトル」と「たきのゆのタイトル」を
Shiftキーを押しながらクリックして選択し

整列ボックスの「水平方向右に整列」をクリックして
タイトルの縦ラインを揃えます

yutit17.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

yutit18.gif



今回はここまでです

説明は長いですが、慣れると、この作業は1分もかかりません('◇')ゞ

記事を書くときの行間

昨日の続き・・・


記事を書くとき、フォントの種類やサイズは意識しますが
行間はあまり意識しないという方・・・

記事を読むとき、1行1行の間隔によって
読みにくかったり、読みやすかったりしています



下の3つの画像、読みやすいのは?


文字のサイズに"8pt"プラスした行間の場合
    ↓↓↓
kijikan0.gif



文字のサイズに"15pt"プラスした行間の場合
    ↓↓↓
kijikan1.gif



文字のサイズに"1pt"プラスした行間の場合
    ↓↓↓
kijikan2.gif


読みやすさが、違うと思います('◇')ゞ
[ 2013/05/07 16:35 ] イラストレーター | TB(0) | CM(0)

記事を書くときのタイトルや本文のフォント

記事を書くときには、使用するフォントにも注意が必要です


Windowsに標準装備されていて、一般的なフォントは

明朝体」「ゴシック体」「POP体」(※毛筆は除きます)


「明朝体」は、読みやすいので長文で使用しても眼が疲れない

「ゴシック体」は文字のヨコ線とタテ線が同じ太さなので、
 文字が強く感じる

「丸ゴシック体」は、文字の線の角が丸くなっているので
「ゴシック体」よりは少し優しく眼に入ってくる


ですから、小説などの長文は「明朝体」の使用が多いですよね

前から思ってるんですけど・・・
「機器」の説明書って、タイトルが「ゴシック体」本文が「丸ゴシック体」

だから読みにくいんじゃないかって(^-^;

記事の内容や、使う場所によって、フォントは変えた方がいいと思います


タイトル&サブタイトル⇒「ゴシック体」、本文⇒「明朝体」
ベーシックな使い方です
    ↓↓
kijifon1.gif



タイトル&サブタイトル⇒「丸ゴシック体」、本文⇒「明朝体」
少し優しくなります
    ↓↓
kijifon2.gif



タイトル&サブタイトル⇒「明朝体」、本文⇒「ゴシック体」
少し違和感があります
    ↓↓
kijifon3.gif



タイトル&サブタイトル⇒「POP体」、本文⇒「POP体」
この内容の記事では、絶対使用してはいけないフォントです (-_-;)
    ↓↓
kijifon4.gif



記事の読みやすさは、フォントだけではなく
1行1行の間隔でも変わります

それは、また今度で('◇')ゞ
[ 2013/05/06 17:46 ] イラストレーター | TB(0) | CM(0)

Facebook や Twitter のロゴを使いたいとき

チラシなどに、Facebook や Twitter をやっていることを
記載するときに、「フェイスブック」とか「ツイッター」と
記載するよりも、ロゴを使った方がわかり易いと思います

こんな風に ↓↓↓
fbs.jpg



ロゴをダウンロードするサイトの紹介とかしてみます



Twitter はこちら↓

Twitter rogo

sns1.gif




Facebook はこちら↓

Facebook rogo

sns2.gif


ここで、1つ問題が・・・

Facebook rogo のページに行って、一番右にある
「Facebookロゴ」をクリックすると、下の画像のようになります

sns3.gif



「いいねマーク」や「fロゴ」は使えますが
「Facebookロゴ」は、使用禁止なのです


んで、自分で「Facebookロゴ」を作ってみますと

sns00.gif

一番上は、使用禁止の「Facebookロゴ」です

※使用禁止なのに使ってるやんけ・・・と、突っ込まない(^-^;

二番目は、フォントファミリーを「Tahoma Bold」、色番を「#395590」

三番目は、フォントファミリーを「Verdana Bold」、色番を「#395590」

で、作ったものです



まぁ、雰囲気出てれば、OKでしょ ('◇')ゞ
[ 2013/05/05 17:10 ] サイトの紹介 | TB(0) | CM(0)

Facebookについて、いろいろ教えてもらってるサイト

Facebookを、1から勉強し直し中('◇')ゞ


こんなサイトを見つけました

僕だけが知らなかったのかもしれないけど、一応紹介(^-^;


サイト名は「booplan.jp

サイト名をクリックすると、別のウィンドウでサイトが開きます


トップページはこんな感じ↓↓

fac1.gif





カテゴリーには「3.Facebookページ開設・運用 」というのもあります

fac2.gif





Facebookページが見られているのは何曜日?とか

fac3.gif





この記事面白かったし(^_^)v

fac4.gif


興味があったら、サイトに行ってみてください('◇')ゞ

[ 2013/05/04 16:14 ] SNS フェイスブック | TB(0) | CM(0)

イラストレーターを動画で教えてくれるサイト

イラストレーターの使い方を、動画で解説しているサイトの紹介です

サイト名は「動画マニュアル.com」です

サイト名をクリックすると、別のウィンドウでサイトが開きます

ira1.gif



使用しているイラストレーターは古いタイプのものですが
基本的なことは現在と変わりませんし、わかり易く説明してくれてます

ira2.gif



人気の解説記事や
ira3.gif



カテゴリーの中から、自分の知りたい解説記事を選ぶことができます
ira4.gif


このブログより、わかり易いかもしれません! (^-^;
[ 2013/05/03 16:55 ] サイトの紹介 | TB(0) | CM(0)

イラストレーターで「販促ワクワク通信」 記事を書く

!!作業中に操作を間違えたと思ったときは!!

画面上の何もないところで、右クリックしてメニューを開き
一番上の「○○の取り消し」を、クリックすると、1つ前の
状態に戻ります


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・


今回は1段目の「写真」と「記事」です

作業を始める前に、店舗の写真を用意してください

フォトショップエレメンツ程度の「画像ソフト」を使用して
「幅」を"130px"「高さ」を"130px" に指定してトリミングし
「販促ワクワク通信」用のフォルダに保存してください

※無料配布されている「画像ソフト」や
 デジカメに付属している「画像ソフト」は
 サイズ指定のトリミングができませんので注意してください



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

作業に入ります('◇')ゞ
完成すると、こんな風になります

※画像をクリックすると、別のウィンドウで拡大画像が開きます
 記事を入力する際の文章の見本としてお使いください


kiji0s.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

レイヤーボックスの「新規レイヤーを作成」をクリックして
「レイヤー7」を作ります⇒オレンジ○

kiji1.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

「店舗写真」を紙面上に呼び出します

上のメニューバーから「ファイル」→「配置」をクリックします

kiji2.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

フォルダに保存した「店舗写真」を選んで右側の「配置」をクリックします

kiji3.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

配置された「店舗写真」の左上角をクリックしたまま⇒ブルー○

ドラッグして「"X=30px"、"Y=20px"」の位置に移動させます⇒オレンジ○

kiji4.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

ツールボックスの「文字(縦)ツール」を選択し⇒ブラウン○
「塗り」の色を"ブラック"にします⇒ピンク○

「フォントファミリー」を"しねきゃぷしょん"⇒オレンジ○
「フォントサイズ」を"12pt"⇒レッド○
「行送りを設定」を"16pt"⇒グリーン○
「選択した文字のトラッキングを設定」を"50" に設定⇒イエロー○

「文字(縦)ツール」のカーソルを画像のブルー○の位置でクリックして
文章を書き出します

kiji005.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

「地図」の左端の上の部分まで書いたら、文字を一度確定します
※"Ctrlキー"を押すと「文字(縦)ツール」のカーソルが
 「選択ツール」のカーソルに変わり、文字入力が確定します


"Ctrlキー"を離して「文字(縦)ツール」のカーソルにして
画像のブルー○の位置でクリックして続きを書きます

kiji6.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

「店舗写真」の手前の部分まで書いたら、文字を一度確定します

「文字(縦)ツール」のカーソルを画像のブルー○の位置でクリックして
続きを書きます

kiji7.gif



・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

レイヤーに名前を付けます

kiji8.gif



1段目が完成しました('◇')ゞ
[ 2013/05/02 20:10 ] イラストレーター | TB(0) | CM(0)

読みやすい記事の1行の長さ-②

昨日の記事・・・画像の一部に誤りがありましたm(__)m


訂正と、文字列の何がまずいかを書きます('◇')ゞ

※(画像をクリックすると別のウィンドウで拡大されます


画像の左側(×印)を、昨日間違えて載せました
載せたかったのは右側(印)のほうです


文章の右端は、2つとも揃っていますが、違いがあります

左側(×印)の文章は、1行の折り返しを文節で改行しています
⇒(言葉が切れていない)

右側(印)の文章は、1行の折り返しを文節で改行していません
⇒(言葉が切れている)




左側(×印)の文章は、文節で改行するために、文字と文字の間隔を
狭くしたり広くしたりして、調整しています

1行1行を文節で改行しているので、一見読みやすそうですが・・・

実は、1行1行の文字と文字の間隔が違うために

読み手の眼に、負担をかけて読ませています


ホームページを作成する際にも、文字の間隔を調整して
文節で改行することはできますが

文節の途中で改行しているページが多いのは
読み手の眼に負担をかけないためです・・・


・・・だと、思います・・


・・・たぶん・・・(^-^;

少なくとも、僕はそう思っています('◇')ゞ

mojiretu2-s.gif
[ 2013/05/01 15:40 ] イラストレーター | TB(0) | CM(0)
プロフィール

asp

Author:asp
HP制作やブログカスタマイズなどを生業としていますが、歳をとるにつれて物忘れがひどくなってきたので、メモ代わりの備忘録でも始めようかと・・・・

検索フォーム


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。