昨年体を壊し前職を退職してから一年発起し、39歳からデザイナーを目指すネコ好きのPortfolio兼,修行の日々のメモサイト。
Illustraorで地図制作
こんばんは！今日はいい天気でしたね：）
今日は帰宅した時間が遅かった為、慌ててIllustraorを起動。
１時間以内で出来る作業はないか？と思い、簡易地図の制作を（やっつけでｗ）しました！
以前面接に行った時に、アシスタントさんが地図作成で与えて貰える時間は約３時間程と仰っていたので、
これは↑クオリティがあれですが（笑）、ちゃんとやっても３時間はかからない。
なんとかセーフかな。。？
最近就活の影響でテンションが下がり気味だったので、近いうちに、完全に自分の好みでフリーマーケットのフライヤーを作ろうかな？と思っています。
以前先生に薦めて頂いた「UI/UX」の本と「佐藤オオキさんのスピート仕事術」の本も読むのが楽しみです：）
良かったらブログでお知らせ致します。
それでは、また。
ご覧頂きありがとうございました！
良い夢を～：）☆
Illustraorで縄模様作り。
今日もカフェパーツ作りをしています。
やっと。サイトのファビコンとマークが完成しました！：）
湖のそばにあるカフェで、ボートレンタルもしているブックカフェ。
グランジ感を少し試してみたのがコチラ。
テラス席があり、ワンちゃんも連れて寄る事ができる素敵なカフェを想定して作っています。
画像集めも完了したので、いよいよコードを組もうと思います。
ボート乗ったことありますか？凄く楽しいんですよね。あれ。
「ゆったりも出来て、ワクワク感もあるブックカフェ」をデザインで表現するのが目標です。
がんばりまーす！：）
縄の作り方はコチラのサイトを参考にしました。
橋本さん、ありがとうございます！http://ess-graphics.com/blog/2016/11/pattern-brush/
もう梅雨入りなんでしょうかね。。乾燥機が欲しいなぁ。
所で。寝る時に見る方の夢なんですが、
私はカラーでバックミュージックがながれております。
映画見るのがつまらなくなる位には面白い内容なので、寝るの大好きですｗ
犬やネコも夢を見るらしいですね。（たまに足バタバタさせてたりしませんか？）
みんなどんな夢をみているのかな。。
それでは。ご覧頂きありがとうございました！
素敵な週末を！！：）
今日の作業曲： https://amzn.to/2OVJLDh
Illustraorをいじってます。
こんばんは！
先日購入したフォントの本が届いたので文字を試すのと、練習の為にメニュー作りをしています。
和風モダンってどう作れば良いかも色々試し中です。
楽しい！！：）
今日の面接官の方は気さくな上に凄くお話が面白くて、面接が楽しかったのは生まれて初めてでした（笑）
人柄というか、考え方も素敵で、この人の下で働けるなら多少キツかったりしても頑張れるんだろうなぁと思いました。
採用されますように！！
さて、ここ２日面接であまり練習や制作が出来ていないので、明日は一日ガッツリ色々やろうと思います。嬉しい。
１ページだけのカフェサイト作ろうかと思っています。
あ！日付が変わってしまう。
それでは。今日も一日お疲れ様でした：）
ご覧頂きありがとうございました！
今日の作業曲：
Illustraorでお正月バナー制作。
こんばんは！
もう６月なんて信じられません。
きっと気がついたら年末なんだろうな（笑）
その頃までにはWeb系で就職を決めて、仕事で毎日レベル上げの日々だといいなぁと
思っています。
そこで、今日は初売りセールのバナーを作ってみました。
背景の柄で和風を出しつつ、ゴールドと赤で祭り感を出してみました。
梅とか富士山の絵を入れるのも良いかもしれない。。
話しは変わりますが、訓練校の仲間と情報交換をすると、みんなも就職活動になかなか苦戦している様で、少し元気がなかったです。
若者達も、バリバリコードが出来て努力家で尊敬している人も、でなんだか世知辛い世の中だなぁ。と思いました。：＜
こ。。これは神頼みしかない！！（笑）
そこで、寒川神社に行ってきました。
寒川神社は茅ヶ崎から近く、関東の一宮で結構有名な神社です。
鳥居をくぐった後の空気が澄んでいて、緑に包まれてヒンヤリしてとてもいい：）
私は気持ちをシャキっとさせたい時にたまにフラッと行きます。
かなり念入りに、みんなと私の就職活動の合格・成功を祈ってきました。
みんなでまた美味しいお酒を飲みたいです。
それでは。ご覧頂きありがとうございました！
おやすみなさい：）
Illustraorで文字加工の練習をしました。
今日はＷＥＢアナリスト検定を受けて来ました！
アナリスト試験はＰＣ上で行う試験で、結果は終了後すぐに出ます。
（同じ日同じ時間枠でテストを受けても、ランダムに問題は出題されていて、人によって問題は違うそうです。）
試験結果は・・・。
でした！
やった～！！嬉しいです！：）
ひとまずホッとしました。
ハンコ風文字の作り方を教えてくれたサイトさんはコチラです↓
ＵＲＬ： https://liginc.co.jp/web/design/illustrator/61661
ＬＩＧさん、ありがとうございます！
お正月系とか和風系とか、色々な場面で使えそうです。
試験勉強の中でＡＢテストについても出てきて、調べた時の記事がとても興味深いものだったので共有しておきます。
バナー作りしている人なら興味もって読めると思います。
https://dlpo.jp/blog/da_lig.php
バナーの効果、コピーの効果、画像の効果。。
凄いですね。知りたい事だらけです（笑）
今日はこのあたりで。
ご覧頂きありがとうございました！
良い週末を♪：）
Illustraor文字加工練習
こんばんは！今日は文字の加工練習や、和風のデザインに使えそうな素材集めとイラスト作りをしています。
明日はアナリスト試験なのですが、手を動かす作業をしたくて息抜きに。
Illustraorでチョーク文字の加工↓
加工手順はこちらのサイトを参考にしました。小樽総合デザイン事務局さん。ありがとうございます！
ＵＲＬ：https://otarunet.com/it/webdesign/illustrator-text-chalk/小
ずっと欲しかったフォントの本をアマゾンでポチったので、届くのが楽しみです！！
それを励みに頑張ろう。
読んでみて良かったらブログでも紹介したいと思います。
それでは！本日も一日お疲れ様でした！
ご覧頂きありがとうございました：）
「今日は作業スピードをどうにかしたい！」
そう思い、まず画像を集めたり、サイズを整えたり、加工をするのにトータル３０分はかかっている事に気づきました。
プロならもう出来上がってますね・・・。
今日作ったバナーはコチラです。
通販サイト内で、「キッチン雑貨と北欧家具フェア」ページを特集する想定で、
トップページや記事の中とかで表示されるという設定で作りました。
それと、
グーグル先生に「作業を早くする手段はないですか」と助けを求めた所、
とても使える技を教えて貰ったので共有したいと思います！
複数の画像を扱う時、一枚一枚サイズを整える作業するの時間がもったいないですよね。
繰り返しの作業は「ウィンドウ」から「アクション」を呼び出して
設定で、繰り返したい作業を「記録」その後「再生」すればパッと終了します。
便利ですね。 ：）
（ちょっと設定が慣れるまで面倒かもだけど。プロにはきっと常識なんだろうな。）
「アクション」の詳しい使い方はコチラのサイトです（ TechAcademy さん、ありがとうございます！）
https://techacademy.jp/magazine/2048
今日も一日お疲れさまでした！
では、また～！：）
IllustraorとPhotoshopでバナー制作
今日は以前「作品をタイル状に見せるポートフォリオが良い」 とアドバイスを頂いたので、その変更をしていたのですが・・・。
学校で借りているサーバーの容量上限に達してしまったっぽくて、個人的にサーバー契約をする事にしました。（私はXserverにしました）
そして、IllustraorとPhotoshopの練習は
クラウドワークスに出ていた「男性youtuber募集！」のバナー制作をしてみました。
一応企業さんのロゴはぼかしをかけて。。
コンペ形式？で残念ながら他の方の作品に決まりましたが、作品作りの練習するのにクラウドワークスは凄くいいなと思いました。
オススメポイント
１、クライアントさんの要望が細かく提示されていて、いかにそれに沿ったものを作るか頭を悩ます体験をリアルにできる。
２、他の参加者さんの作品もあがっていて、最終的に選ばれた作品を見てクライアントさんが求めていたものがどんなモノだったのか答え合わせが出来る。
フェローズの担当さんが言っていた様に、今までの経験職種でつける仕事で働いて
クラウドワークスで色々作ってみて修行積むっていうのも一つの手かもしれないな・・。
なんて思いました。
ただ、まだ失業保険を頂ける期間が数ヶ月残っているので、もう少しweb関係で就活頑張ってみます。
先生の所に行ってから色々考えちゃって心が疲れてたけど、作業すると元気がでます：）
明日は面接に行ってきます！
では今日も一日お疲れ様でした♪
今日の作業曲：ラジオ「玉結び」（山ちゃんのインコ師匠面白い）
今日はアナリストセミナーを受けて来ました。
久々に訓練校の仲間に会えて元気そうで嬉しかった。
再来週テストです。
さて、先日登録した派遣会社さんからいただいた、ジェラートアイスのバナー課題。
提出後フィードバックを頂き、教えて頂いたアドバイスを元に色々変更中です。
「こちらをクリック！」とか「詳しくはこちら！」とか単刀直入なワードを入れるのも良いという事だったので、今日電車の広告を観察してみて、今いくつか作っています。
バナー自体は写真の著作権の関係でブログには載せられないのですが、パーティー向きな業務用アイスなので 、無料ベクターのフラッグをつけてパーティーなイメージのバナーにしました。
CTR （クリック率・・←今日ちょうど習った） を高めるバナー作りには 「思わずクリックしてしまいたくなるようなシカケ」が必要らしいです。
（優れたキャッチコピー、カラーリング、背景画像、バナーサイズ など。）
バナー作りの秘訣について、心理学的な要素も絡めて説明しているサイトです。（ありがとうございます！）https://buildupp.net/webdesign/banner-design-psychology
バナーサイズは大きければ大きいほどCTRは上がるというデータが出ているみたいです。
文脈効果の、「人はそのモノの価値は同じでも周りの環境に応じて、価値の感じ方が変わってきます。」
とか。確かに。
「商品が形のあるものならばパッケージを簡素なものではなくて凝ったデザインのものにする事が有効です。コンテンツや商品は変わらないのに見せ方を変えただけで売上や問い合わせが２０～３０倍に増えたという事例もあります。」
という所。おぉ。。そんなに！バナーデザイン凄いな！と思いました。
LPのレスポンス化とポートフォリオサイトの作り直しとアナリストセミナーの復習をします。
では！一週間お疲れさまでした！：）
BracketsでLP制作
ULRはこちらです↓
https://adjustacademy.com/d1812/d181211/LP/
・コンセプト：ラベンダーやローズウォーター、ハトムギ、カモミールなどのオーガニックハーブ、素材を使用した肌に優しい化粧水のLP制作。
・コンバージョン：お試しキャンペーン購入サイトへの誘導。ブランドイメージアップ。キャンペーンを期に定期会員を増やす。
・ターゲット：２０代～３０代位の仕事をしている肌ストレスが高めの女性。
・使用アプリ：Brackets/Illustraor/Photoshop
・制作時間：１０時間以上
お手本にしたサイトが画像メインで作られていたので真似をしてみました。
お手本として見た複数のサイトはどれも、「今だけ！！！！！！」とか、
色づかいがかなりギラギラ原色系を使っていたり、吹き出しを多く使っていました。
本来LPはもっと派手に解り易い感じが良いのかな。
とも思ったのですが、ブランドイメージアップもコンバージョン設定した時にあげていた事と、オーガニックの優しい製品という点から控えめに、優しいイメージで作りました。
派手さが足りない分、AOSを使って写真の表示の仕方に動きを出してみました。
AOSは初心者の私にもわかりやすくて有難かったです！おすすめです。
AOSの使い方参考サイトはこちら↓
やっとなんとなく形にはなりましたが、これからレスポンシブ可とSNS連携のコード入力を勉強して追加予定です。
でも、とりあえずやった！できた！嬉しいです！：）
ポートフォリオサイトも作り直さないとだし。。
やる事がいっぱいです！！ｗ
ではまた。
ご覧頂きありがとうございました！
今日の作業曲：
Illustraorで円グラフ作り。
今日は引き続きLPの制作をしています。
参考サイトのコードを見ていると、画像が沢山。商品説明の文も含めて一つの画像として作っていました。
円グラフの作り方で参考にさせて頂いたサイトはこちらです！
UX MILK さん、ありがとうございます！https://uxmilk.jp/27076
LP作り自体はじめてで、どうやって作るのか？google先生に聞いてみた所、
LPで一番大切なのは「ベネフィット」＝「お客さんが得るメリット」をいかに伝えるかなのだそうです。
商品を購入してもらう。
会員登録してもらう。
詳細ページを見てもらう。
ブランドイメージアップ。
コンバージョンにあった、キャッチコピーと、文章表現が必要なようで
深いなぁと思いました。
１ページでwebページ制作より作る部分は少ないけど、凝縮させて色々作りこむ必要があるみたいです。
まだそこまで考え尽くされたLPは作れないですが、とりあえずでよいので形にしてみようと思います。
制作に戻ります！ご覧頂きありがとうございました：）
LPに使用するロゴの製作をしました。
こんにちは！今日は少し夏みたいですね。
昨日アドバイスを頂いたので、ブラック系のサイト制作よりまずLPを作る事にしました。
ラベンダーやカモミールなどオーガニックハーブを使用した化粧品メーカー「natural」の化粧水の初回お試しセットのLPを想定して構成やデザインを考えています。
まずそのロゴを作りました。
LPは現役デザイナーの方だと作業時間、日数はどれくらいなのだろうか。
私はまだコードを書くのに必死なので、今日一日で終わる気がしません。
プロって凄いなぁ。
前回面接をしてくださった会社さんは週に５社分のwebページを作成していると言っていて驚愕しました（笑）
テンプレートがあるから。。と言っていたけど。テンプレート？？？？
そのあたりも調べてみます。
それでは！ご覧頂きありがとうございました：）
今日の作業ソング：https://soundcloud.com/mohtshimwaheed/vance-joy-mess-is-mine
Illustraorで友人サイトのロゴの続きを制作。
WordPressで使用しているテーマが、友人=cocoon、 私＝Twenty seventeen、のせいか、画面に表示された時のサイズ感が違う事に気づき、私もcocoonをダウンロードしてローカル環境で確認しながら作ってみました。
そもそも友人がロゴを作って欲しいと言っていたのは、ヘッダーのロゴ画像だったみたいです。私わかっていませんでした。ごめんなさい：(
スマホレスポンシブチェックも出来て素敵。
cocoonは設定項目が多くてカスタマイズしやすそうで、私もcocoonにすれば良かったなぁと思いました。
今黒系シンプルなサイトを作っているのですが、コードが苦手で全然進みませんｗ
cocoonで作ってみようかな：)
おはようございます。
以前安村先生が授業で、ゴールドは文字番号で選んだ色だとなんだかイメージと違うものになるのだと教えてくださった事を思い出した。
結構豪華なイメージを出したいサイトなど（お正月とかもかな）に良く使いそうなので練習してみました。
↓
↓
これはこちらのサイトを参考に作りました。：https://on-web.jp/2017/10/27/20171025ks-1/
グラデーションでゴールドを作るのですが、毎回やるのが面倒なので、つくったものは、
「window」→「グラフィックスタイル」→「画面右側のグラフィックスタイルのパネルの中にドラック＆ドロップ」しておくと良いです。
それと、グラデーションの分岐点の増やし方。完全に忘れていましたｗ
備忘録でこれも残しておこう。グラデーション設定のゲージの下の辺りにマウスを置く、そして一回左クリック。。こんな簡単な事なのに！！！右クリックしてみたりあれこれやって無意味な時間をかけてしまった。気をつけよう。
あとは友達のサイトのロゴ案の続きも。
私は基本的に「カラフル系の色」が好きなので、「黒い系、カッコいい、カッチリ系」は難しいなと思いました。
かなり目がショボショボしました。
↓そして、友人のブログ「引っ越し祝いについて」で使うファビコン、マークやロゴなどが欲しいという事だったので、これも今案を考え中です。
これも時間がかかったわりには進まずで、今日は少しトホホでした。
でも、ここの所IllustraorばかりでPhotoshopは本当に触るのが久しぶりだったので、初めて使ったツールや編集方法など、とても勉強になりました。今度立体とかもいじってみたいな。
機能が多すぎて、やってみたい事と知りたい事が多すぎて、全然追いついてないですが
道のりは長いので、ちょっとずつやって行こうと思います。
それと、IllustraorとPhotoshopは操作や見た目が似ているくせに微妙に違う所があったりで、 「あれどっちだったかな？」などと戸惑ったりします。双子の兄弟の様な感じですね。
働き始めた時に困らないように、ササッ！とカンニングできる様に別々のメモ帳に分けてポイントを書き留めておこうと思いました。
今日の作業曲：https://soundcloud.com/user-876658341/sets/sunday-music-and-hot-coffee
相変わらず私はIllustraorをいじるか、映画見るか、ご飯作って食べるかの日々。
結構幸せだなぁと思います。
このサイトのロゴを考えて作ってみました。
今日の作業曲https://soundcloud.com/southcoveusa/dead-of-night-beach-tiger-south-cove-remix
