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

スポンサーサイト

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

「販促ワクワク通信」 カレンダーを作る-5

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

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


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


カレンダーの中に、「キャンペーン期間表示」や「イベント期間表示」が
必要な時があります

今回は、例として「ゴールデンウィーク」をカレンダーの中に
記入してみます



ツールボックスで「直線ツール」をクリックします⇒ブルー○

プラスマークのカーソルを「3日」の枠の左端でクリックし
「4日」の枠の右端までドラッグして線を引きます⇒レッド○

線の色をオレンジにします⇒オレンジ○

線ボックスで「線幅」を"2px" に設定⇒イエロー○



kare37.gif




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

引いた線が選択されている状態で
「線ボックス」の「矢印」の左側の空欄の右にある
▼をクリック⇒オレンジ○

kare45.gif



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

プルダウンしたメニューの中から「矢印10」をクリック

kare38.gif



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

線の左側に矢印がつきます⇒オレンジ○

kare39.gif



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

同じように、「5日」の枠の左端から「6日」の枠の右端まで
線を引き、

今回は、「線ボックス」の「矢印」の右側の空欄の右にある
▼をクリック⇒オレンジ○

kare46.gif



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

プルダウンしたメニューの中から「矢印10」をクリック

kare42.gif



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

線の右側に矢印がつきます⇒オレンジ○

kare43.gif



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

ツールボックスから「文字ツール」を選択し、
「3日」から「4日」に引いた線の上に、「ゴールデンウィーク」と
入力します⇒オレンジ○

フォントファミリーは「シネキャプション」
フォントサイズは"8pt" と設定します⇒ブルー○

「シネキャプション」のダウンロードはこちらを参考に

kare44.gif



今回はここまでです('◇')ゞ
スポンサーサイト

「販促ワクワク通信」 カレンダーを作る-4

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

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


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

カレンダーに日付を入れていきます


」の下の枠に数字の"1"を入力し、Enterキーで改行し、続いて
"8" "15" "22" "29"を改行しながら入力します

フォントファミリーは「シネキャプション」フォントサイズは「10pt」
「シネキャプション」のダウンロードはこちらを参考に

kare23.gif



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

日付の数値全体を選択した状態で「文字ボックス」の
「行送りを設定」の数値を"44pt" に設定します⇒ブルー○

日付の各数字の行間が広がり、各枠の中に納まります⇒オレンジ○

kare24.gif



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

上のメニューバーから「ウィンドウ」→「書式」→「段落」をクリック

kare0025.gif



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

開いた「段落ボックス」の「中央揃え」をクリック⇒ブルー○

縦に並んでいる日付が中央揃えになります⇒オレンジ○

kare25.gif



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

右クリックでメニューを開き、「変形」→「移動」をクリック

「移動ボックス」の「水平方向」を"48px"「垂直方向」を"0px" に
設定して「コピー」

kare26.gif



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

Ctrlキー+"D"を繰り返して、「」の下までコピーしていきます

kare27.gif



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

日付の数字を変更していきます

5月の1日は水曜日になるので、日月火の「1」の右側を「文字ツール」の
縦のカーソルでクリックします

kare28.gif



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

Backspaceキーで「1」を消します

Backspaceキーを押しても消えない場合は、カーソルが「1」に
かかってない状態なので、この記事の先頭に書かれている方法で
1つ前(消去の取り消し)、2つ前(文字の取り消し)と前の段階に
戻ってやり直してください

kare29.gif



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

日月火は「1」を消すだけで、他の数字は、「1」を消した後に
そのカレンダー枠の日付の数値を入れていきます

kare30.gif

kare31.gif



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

最後の「」の5段目も「1」を消します

kare32.gif



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

「日」の列の数字を全部選択して(オレンジ○
文字の色をにします⇒ブルー○

kare33.gif



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

同じように「土」の列の数字を全部選択して(オレンジ○
文字の色をにします⇒ブルー○

kare34.gif



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

次に、祝日である「3」を、タテのカーソルでドラッグして反転し⇒オレンジ○
文字の色をにします⇒ブルー○

kare35.gif



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

同じように「6」の文字色もにします⇒オレンジ○

kare36.gif


カレンダーの完成です
今回はここまでです

次回は、カレンダーの中に文字を記入していきます(^-^;

長くなってすいませんm(__)m

「販促ワクワク通信」 カレンダーを作る-3

カレンダーの本体部分を作っていきます


ツールボックスの「長方形ツール」を選択し、画面の任意の場所で
左クリック

表示された「長方形ボックス」の
「幅」に"336px"「高さ」に"220"と記入し「OK」

kare15.gif



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

表示された長方形を、ページの左端から"20px"上端から"560px"の位置に
移動します

長方形の左上角を、黒矢印でクリックしたままドラッグして移動します
ベースに引かれているグリッド線を参照に移動してみてください

※"1px""2px"程度の誤差は気にしなくていいと思います('◇')ゞ
 「キッチシしたい!」という方は
 こちらの記事の下のほうを参考にしてください

kare16.gif



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

長方形が選択されている状態で、上のメニューバーから
「オブジェクト」→「パス」→「段落設定」をクリック

kare17.gif



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

表示された「段落設定ボックス」に数値を記入します

左側の「列」の「段数」"5"「高さ」"44px"「間隔」"0px"→オレンジ○

右側の「行」の「段数」"7"「幅」"48px"「間隔」"0px"→ブルー○

と記入して「OK」

kare18.gif



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

引かれた線が全部選択されている状態で「線ボックス」の
「線幅」を"2px"に設定します

kare19.gif



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

線幅が"2px"になったところで、上のメニューバーから
「オブジェクト」→「グループ」で引いた線を全部グループ化します

kare20.gif



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

引かれた線のグループが選択されていることを確認して→オレンジ○

「効果」→「ブラシストローク」→「ストローク(スプレー)」をクリック

kare21.gif



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

開いた画面の右側の数値を画像のように設定して「OK」→オレンジ○

kare8.gif



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

長方形の線が、チョークで書かれたようになります

kare22.gif



今回はここまでです

次回は、カレンダーに日にちを入れていきます('◇')ゞ

「販促ワクワク通信」 カレンダーを作る-2

前回からの続きです


線の幅を"2px"にした長方形全体を選択した状態で、
上のメニューバーから「効果」→「ブラシストローク」→
「ストローク(スプレー)」をクリックします

kare7.gif



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

開いた画面の右上の数値をオレンジ○のように設定して「OK」

kare8.gif



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

長方形の線が、チョークで書いたようになったと思います

ツールボックスで「文字ツール」を選択し
左側の枠の中央に"日"と入力します

「フォントファミリー」は"みかちゃん"「フォントサイズ」は"10pt"

"みかちゃん"フォントがインストールされていない場合は
Webで配布されている無料の手書き風フォントの紹介
を参考にしてください

kare9.gif



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

画面の任意の場所で右クリックしてメニューを開いて
「変形」→「移動」をクリック

表示された「移動ボックス」の
「水平方向」に"48px"「垂直方向」に"0px"を記入して「コピー」

kare10.gif



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

Ctrlキー+"D"を押して全部の枠に"日"をコピーします

kare11.gif



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

文字ツールのカーソルを、文字の右側にクリックし、Back spaceキーで
削除し、その枠の曜日にあたる文字を入力していきます

kare12.gif



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

"日"を選択し、「スウォッチボックス」で赤をクリックして色を変更します

kare13.gif



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

"土"も同様にして、青に変更します

kare14.gif



今回はここまでです

次回は、カレンダーの下、日付の部分を作っていきます('◇')ゞ

「販促ワクワク通信」 カレンダーを作る-1

「販促ワクワク通信」の紙面の3段目の左にカレンダーを
作っていきます


ツールボックスで「長方形ツール」を選択して
画面の任意の場所で左クリックします

表示された「長方形ボックス」の
「幅」に"336px"「高さ」に"15px"と入力して「OK」

kare1.gif


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

作成された長方形の左上端(ブルー○)を
ページの左端から"20px"、上端から"540px"の位置に移動します

黒い矢印カーソルで長方形を選択し
そのまま「縦横に引かれたグリッドベース」を目安にドラッグして
移動します

※移動ボックスを表示させて移動させる方法はこちらの記事
下のほうを参考にしてください

kare2.gif


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

上のメニューバーから「オブジェクト」→「パス」→「段落設定」を
クリック

kare3.gif


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

開いた「段落設定ボックス」の右側の「列」の段数を"7"、幅を"48px"、
間隔を"0px"に設定して「OK」

kare4.gif


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

7列に分割された長方形全体が選択された状態で上のメニューバーから
「オブジェクト」→「グループ」をクリック

kare5.gif


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

長方形の線の太さを太くします

「線ボックス」の「線幅」を"2px"にします

kare6.gif



今回はここまでです

次回は、線の雰囲気の変更と、曜日の入力を行います('◇')ゞ
プロフィール

asp

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

検索フォーム


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