四則計算(加減乗除、和差積商を求める計算) 四則計算の記号には【算術演算子】といい次の記号を使用 求めるもの 算術演算子 和(足し算、加算) + 差(引き算、減算) - 積(掛け算、乗算) * 商(割り算、除算) / start04.htmlファイルを開いて下さい。開いたら次…

データの型 1.そのまま文字列を表示したい場合 2.◯とXを繋ぎ合わせた◯Xという文字列を表示したい場合 3.計算結果を導き出すための【計算式】として扱いたい場合 4.アクションを起こさなかった場合 1.と2.は文字列(String)型 3.は数値(Number)型 4.はnull型で…

簡単な入力ダイアログの表示 start03.htmlを開き var user = prompt('お名前を入力してください。','お名前');document.write('いらっしゃいませ、' + user + '様。'); console.log(user ); と記述してブラウザで確認。ダイアログが表示されたら名前を入力し…

HTMLのソースコードにJavascriptの記述する場合 body要素の中の<script type="text/javascript">〜</script>に記述 <script type="text/javascript"> <!--// --> </script> Jsが理解できないブラウザーがソースコードを表示しないようにHTMLのコメント 【】を使用する。【//】はJsのコメント。この記述のある行はJsのコメントとして解釈され【-…

スクリプティングとは 文書の構造化(HTML)や視覚的な表現の指定(CSS)するコーディングと違い、 あらかじめ何かの【仕掛け】を作り、それが【状況】に応じて【実行】してくれる。 スクリプトの処理する場所 サーバーサイド サーバー(結果)→←(入力)ユーザーの…

Illustratorのデータ上ではきちんとオブジェクトが別レイヤーに分かれているのに Photoshopではレイヤーが統合されてしまうことがあるのでその対処法 1.書きだしたpsdファイル 灰色の背景がくっついてしまい各部で編集出来ない 2.Illustratorに戻りその部分…

データ便や宅ファイル便やGigaFile便といったオンラインストレージを活用する。 グラフィックやWebでもデータのやり取りで使うことが多い。 参考 データ便の使い方 1.zip圧縮したファイルを1の場所にドラッグ ＊パスワード設定をありにチェックするとパスワ…

長方形ツールで160 X 60 塗り：あり 線：なしで作成 アピアランスパネルから新規線を追加。 線の位置を内側にする。 慣れるとこの方法のが早い上、パスのアウトライン化しないでもIlustrator上でX/Yともに0.5pxがなくなる。またグラデーションも選択ツールか…

(線をパスのアウトライン化しているので塗りと線がグループ化されているのでダイレクト選択ツールで塗りの白を選択する) グラデーションパネル→グラデーション この時、カラースライダーが1色だったらグレースケールなのでRGBに変更する(左右) 全て選択して…

Ctrl + Nで新規作成(IllustratorでのWeb制作用環境設定参照) 定規を出して必ず左角をX:0 Y:0にしておく (このブログではあくまでもIllustratorでの線の扱いに気をつけてもらうため塗りと線で作っているが授業でアピアランスで制作していく方法を教える) 800p…

PhotoshopはIllustratorと違い特別に環境設定をしないでもOKだが使いやすい設定を紹介 メニューバー→ファイル→環境設定 使っているPCのスペックが低くOpenGLにも期待出来ない場合、アニメーションズームのチェックを外す。 いちいちズームツールを持たずに拡…

Ctrl + Sで新規ファイルを作る時、詳細から ラスタライズ効果：スクリーン72ppi プレビューモード：ピクセル 新規オブジェクトをピクセルグリッドに整合にチェック メニューバーファイル→環境設定 ガイドグループのカラーおよびスタイルは自分が分かりやすい…

左上から順に 合体・前面オブジェクトで型抜き・交差・中窓 分割・刈り込み・合流・切り抜き・アウトライン・背面オブジェクトで型抜き 拡張ボタン 複合シェイプの状態で【拡張】ボタンをクリックすると、オブジェクトが結合して一つのパス（又は、一つの「…

アピアランスとは オブジェクトの外観のこと。 属性があり、塗り・線・透明度・効果がある。 ダウンロードファイル http://siteya19.co.jp/ftadata/1C405.ai 線：黒 塗り：白 線幅：1px を確認 線を10px 線端：バット線端 角の形状：ラウンド結合にチェック …

テキスト制作 テキストツール選択、カンバス中心付近をクリック。オプションバーで 小塚ゴシックPr6N 48px 鮮明 中央揃え#ffffff 旅行券と入力し確定。 レイヤーパネル下部【fx】から【レイヤースタイルを追加】→【境界線】#f633c1に設定 旅行券レイヤーが選…

・Photoshopでバナーの土台を制作 Photoshopを立ち上げCtrl + Nでファイルの新規作成 幅：300px 高さ：100px 解像度：72 RGBカラー カンバスカラー：白 レイヤーパネルの下から白と黒のボールをクリックしてグラデーションを選択。 グラデーション：の黒→透…

・リボンを制作 1.長方形ツールを選択 幅：75px 高さ：55px カンバスの何もない場所で選択を外し新たに長方形ツールで 幅：200px 高さ：75px (必ず線パネルで線幅：1px、破線のチェックを外すのを忘れないこと) 2.下の図の様に配置する。 3.小さい長方形を選…

・先に細かい飾りオブジェクトを制作 1.長方形ツールを選択。何もないカンバス上でクリック 幅：50px 高さ：50px shiftを押しながら回転(shiftを押しながら回転すると必ず45°づつ回転する) 2.メニュー→効果→パスの変形→パンク・膨張を選択。 ダイアログが表…