Zaitsu Tomomi

2020年4月〜6月 TechAcademy Webデザインコース・Webマーケティン…

Zaitsu Tomomi

2020年4月〜6月 TechAcademy Webデザインコース・Webマーケティングコース受講 Webデザイナーとして働くことを目指す25歳。 パソコンに向かうときだけメガネを掛けています。

最近の記事

Atom

ファイル/新規ファイル htmlにする,cssにする,atom-html-previewインストール,atom-html-previewインストール 設定/インストール/platformio-ide-terminal→左下の+押すとターミナル出てくる !/ tab(Qの隣)or ctl+E→doctotypeに。 jaにする チートシート(エンターキーで展開) https://tracpath.com/works/development/emmet-for-web-de

    • ウェブサイト型に

      基本:https://yujiblog.org/cocoon-customization#toc1 ヘッダーヘッダーロゴ作成:サイズは適当でOK。イラレは基本背景が無いのでそのままロゴとして使える。 cocoon設定/ヘッダー:ヘッダーレイアウト:センターロゴ キャッチフレーズの配置:表示しない 他の項目は記入なし cocoon設定/モバイル:モバイルメニュー:ヘッダーモバイルボタン モバイルボタン:モバイルボタンの固定表示 他の項目は記入なし 外観/メニュー:メニュ

      • HTMLファイルをワードプレスに入れ込む

        HTML・CSSで作った静的ページを既存のワードプレスサイトに入れ込む方法。 ①FTP ソフトのダウンロード FileZillaをダウンロードする。(mac) ②filezillaの右上のアイコンクリックして「パソコン」と「サーバー」を繋げるサイトマネージャというウィンドウが開きます。①「新しいサイト」をクリックすると接続設定が作られます。②ここで、自分にとって分かりやすい名前をつけましょう(例:ブログ名など)。 以前メールで届いた「仮登録完了のお知らせ」を参考に下記

        • 複数のシェイプをクリッピングマスクする方法

          ①複数の文字を選択する ②右クリック→アウトライン作成 ③選択したまま、オブジェクト→複合パス作成 ④四角シェイプ、文字の順にレイヤーを配置してクリッピングマスク作成

          文字と線を曲げる(備忘録)

          ①長方形作成⇨エンベロープ⇨メッシュで作成⇨行数1、列数2⇨選択解除(適当なところクリック)⇨ダイレクト選択ツールで曲げたいところドラック ②文字入力⇨①の下に置く⇨文字を選択⇨オブジェクト⇨エンベロープ ⇨最前面のオブジェクトで作成 直線作成⇨中は透明、枠線のみ⇨エンベロープ ⇨ワープの設定 色を変える:アピアランス⇨新規塗り リボン:長方形⇨短辺の中央にアンカーポイント追加⇨ダイレクト選択ツールで凹ませる

          文字と線を曲げる(備忘録)

          ワードプレスでブログを 開設してみた。

          ウェブデザイナーの募集要項を見ると、ウェブデザイナーの募集要項を見ると、 「ワードプレスをカスタマイズできること」って書かれている。 (ワードプレスって、よく分からんなぁ)…以前、興味本位で開設した際に感じたこと。 ログイン画面に飛ぶことが容易ではない。これがいちばんのネック。 検索窓に、専用のアドレスを打ち込んでログイン画面に飛ぶのだが、「404エラー」になることがあって辞めた(正確には、放置した) 無料で開設できるなら、挑戦意欲も湧くのだが。ドメイン代だかサーバー代だ

          ワードプレスでブログを 開設してみた。

          ボードゲーム の文字を日本語化しました。

          夫は子供達にボードゲームを教える仕事をしています。 先日、夫から「ボードゲーム のカードを日本語にしてくれないか。」との依頼を受けました。 お願いされたボードゲーム は「TICKET TO RIDE 〜チケット・トゥ・ライド・アメリカ〜」 北アメリカ大陸の地図上に自分の路線を引いていくゲームです。 ↑元々のカード ↓日本語化したカード 簡単に、文字の修正法を記録しておきます(最適解では無いかもしれませんが…) カードをスキャンするカードを印刷機に並べてスキャン後、フォト

          ボードゲーム の文字を日本語化しました。

          Illustratorで袋文字を作成する方法

          見出し画像のように、縁取られた文字(袋文字)を作るときの備忘録。 見出し画像の複製袋文字を作る前に。 私は見出し画像のデザインを統一しようと考えているので、前回作成した見出し画像を複製する方法から記述します。 前回の記事はこちら ①左端のツールボックスからアートボードツールを選択。 ②複製したいアートボードをクリック。 ③アートボードウィンドウで該当アートボードが選択されていることを確認。 ④アートボードウィンドウの右上の三本線をクリックしアートボードウィンドウ複製を

          Illustratorで袋文字を作成する方法

          noteのヘッダー画像とプロフィール画像を作成してみました。

          ウェブデザイナーを志して3ヶ月。 転職活動は全く上手く行っていません。かと言ってウェブデザインの勉強をしているのかというとそうでもなく……。 このままだと、ウェブデザイナーのスクール通いを了承してくれた家族に示しがつかないので とにかく行動しインプット・アウトプットする これしか無いです……。 とりあえず、手頃にアウトプットできる術としてnoteを開設。 noteのヘッダーを作る 作成したのはこんな感じ…… ヘッダー作りで参考にしたのはなるほどデザインという本で

          noteのヘッダー画像とプロフィール画像を作成してみました。