昨年体を壊し前職を退職してから一年発起し、39歳からデザイナーを目指すネコ好きのPortfolio兼,修行の日々のメモサイト。
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/小
ずっと欲しかったフォントの本をアマゾンでポチったので、届くのが楽しみです！！
それを励みに頑張ろう。
読んでみて良かったらブログでも紹介したいと思います。
それでは！本日も一日お疲れ様でした！
ご覧頂きありがとうございました：）
LPの改良をしました。
おはようございます！
今日は、「SNSのシェアボタンをプラグイン無しで実装する方法」について調べてやってみました。（Bootstrap 4化もしました。）
URL: https://adjustacademy.com/d1812/d181211/LP/
例えばツイッターを押すとこんな画面になります。↓
フェイスブックとgoogle＋も同じように付けてはみたものの・・・。
なんと。google＋って一般向けのサービスは今年の４月に終了していました！
う。使わな過ぎて気づかなかったです（笑）
実装方法についてですが、 詳しく説明してくれているサイトさんはこちらです↓
googleアナリティクスとの連携方法も載っています！
（ 初心者にわかり易く画像がついていて嬉しいです。 wemo.techさん、 ありがとうございます！）
URL: https://wemo.tech/281
テスト勉強しなければと思いつつ。和風のバナーとか、サイトを作ってみたくなってきました。
あと３日だからそんな事言ってる場合じゃないですね。
記憶力がミジンコ。。
一般の人にとって「ちょっと高尾山行って来る！」くらいの試験だったとしたら、
私にとってはK２レベルなのです。万全の装備で行かねば。
がんばります：）
ご覧頂きありがとうございました！
では、良い一日を♪
Photoshopで画像の加工や切抜き練習。
今日はフォトショップの画像加工や切抜き練習をしました。
そのうちの一つはコレです
赤ちゃん用洗剤のバナーを作ってみた時に、泡泡感があった方が洗剤っぽいかな？
と思っていたので、それもあって泡感のあるものの練習がしたかったのでやってみました。
最近全然ポートフォリオに載せられるモノを制作していないな。。
来月は面接がいくつかあるので、 テストが終わったらLPかWebサイト１つくらいは作らないと。。と思っています。
それか、面接で緊張してあまり話せないので、笑いの一つでも取れるような、ふざけた職務経歴書をIllustraorで作るとか？
ちょっと色々考えてみよう：）
では。今日も一日お疲れ様でした！
ご覧頂きありがとうございました♪
画像補正練習をしました。
こんにちは。
今日も夏みたいに暑いですね。
暑いせいか、私は最近「雪見大福」と「ゴーヤチャンプル」にハマっています。
ゴーヤはまさに今が旬！
胃腸の粘膜を保護したり食欲を増進する効果があるそうです。
さらに、神経に働きかけて、気持ちをシャキッとさせる効果もあるらしいのでお好きな方は食べるなら今です：）
ビタミンＣの量は76mg。トマトやキュウリの５倍の量。あのキュウイでさえ ゴーヤにはかないません。
ゴーヤを食べて美白！！そして下の画像の様に・・・
なんちゃってｗ
ゴーヤだけでは画像加工した写真の様にはならないかもしれませんが、単純に美味しいのでいいです（笑）
人の他にもいろいろ画像加工の練習をしたのですが、今週はアナリスト試験の勉強に力を入れたいので、アップはこの辺で！
では！ご覧頂きありがとうございました♪
blogとは別にPortfolioサイトをもう一つ作りました。
こんばんは！今日も夏みたいでしたね。
今日は以前アドバイスで、「ポートフォリオサイトはタイル型のサイトの方が良い」と教えて頂いたので、ワードプレスでもう一つサイトを作ってみました。
超シンプルです（笑）。私はホッコリ系とかカラフル系のデザインが好きなのですが、
就職活動でお見せするものはあまり偏っていない方が良いのかなと。
前に、紙のポートフォリオで「冒険の書風」で作ったら、先生にあっさり却下ｗされたので、シンプルイズベストでサイトの方も行こうと思います。
使用したテーマは「GK portfolio」です。
最近一日が過ぎるのが早すぎで怖いです！（笑）
それでは！今日はこの辺で。。
良い週末を～：）
「今日は作業スピードをどうにかしたい！」
そう思い、まず画像を集めたり、サイズを整えたり、加工をするのにトータル３０分はかかっている事に気づきました。
プロならもう出来上がってますね・・・。
今日作ったバナーはコチラです。
通販サイト内で、「キッチン雑貨と北欧家具フェア」ページを特集する想定で、
トップページや記事の中とかで表示されるという設定で作りました。
それと、
グーグル先生に「作業を早くする手段はないですか」と助けを求めた所、
とても使える技を教えて貰ったので共有したいと思います！
複数の画像を扱う時、一枚一枚サイズを整える作業するの時間がもったいないですよね。
繰り返しの作業は「ウィンドウ」から「アクション」を呼び出して
設定で、繰り返したい作業を「記録」その後「再生」すればパッと終了します。
便利ですね。 ：）
（ちょっと設定が慣れるまで面倒かもだけど。プロにはきっと常識なんだろうな。）
「アクション」の詳しい使い方はコチラのサイトです（ TechAcademy さん、ありがとうございます！）
https://techacademy.jp/magazine/2048
今日も一日お疲れさまでした！
では、また～！：）
今日は面接に行って来ました。
私は面接の時。尋常じゃない汗をかくんですが。
今日の面接官の方がとても気さくな方だったので、汗の量は半分くらいですんだ気がします。ありがとうございました。
お仕事の内容的に、Photoshopで人物写真の加工をすると仰っていたので、
今日の練習はそばかす補正をしてみました。
むむ。難しいですね。センス。。
ギブミーセンス。
お写真はPixabayさんからお借りしました。（ありがとうございます。）
この後も引き続きPhotoshopの補正練習と、サーバー移転やってみます！
それでは。今日も一日お疲れ様でした！
ご覧頂きありがとうございました：）
IllustraorとPhotoshopでバナー制作
今日は以前「作品をタイル状に見せるポートフォリオが良い」 とアドバイスを頂いたので、その変更をしていたのですが・・・。
学校で借りているサーバーの容量上限に達してしまったっぽくて、個人的にサーバー契約をする事にしました。（私はXserverにしました）
そして、IllustraorとPhotoshopの練習は
クラウドワークスに出ていた「男性youtuber募集！」のバナー制作をしてみました。
一応企業さんのロゴはぼかしをかけて。。
コンペ形式？で残念ながら他の方の作品に決まりましたが、作品作りの練習するのにクラウドワークスは凄くいいなと思いました。
オススメポイント
１、クライアントさんの要望が細かく提示されていて、いかにそれに沿ったものを作るか頭を悩ます体験をリアルにできる。
２、他の参加者さんの作品もあがっていて、最終的に選ばれた作品を見てクライアントさんが求めていたものがどんなモノだったのか答え合わせが出来る。
フェローズの担当さんが言っていた様に、今までの経験職種でつける仕事で働いて
クラウドワークスで色々作ってみて修行積むっていうのも一つの手かもしれないな・・。
なんて思いました。
ただ、まだ失業保険を頂ける期間が数ヶ月残っているので、もう少しweb関係で就活頑張ってみます。
先生の所に行ってから色々考えちゃって心が疲れてたけど、作業すると元気がでます：）
明日は面接に行ってきます！
では今日も一日お疲れ様でした♪
今日の作業曲：ラジオ「玉結び」（山ちゃんのインコ師匠面白い）
Bootstrapの練習
Bootstrapについて調べてみたら、とても簡単にレスポンシブ化できるとの事。
簡単なBOXを並べて練習してみました。（下のURLで画面サイズによる変化が確認できる。）
https://adjustacademy.com/d1812/d181211/Bootstrap%204/
ジワジワ画面を小さくしていくと・・・。
↓
↓
きゅっ！！
Bootstrap凄い！！なんて簡単なんだ！！
これを作った人天才だな。
Bootstrap 4の使い方はコチラのサイトを参考にしました。 ↓
LPにも入れてみよう。
ではでは！良い一日を♪：）
BracketsでCSSを変更してレスポンシブに挑戦。
こんばんは！
今日はレスポンシブについて授業で習った事の復習をかねて、LPのレスポンシブ化をしてみました。
サイトを見ている人の端末の、
・画面幅が768px以上
・画面幅が480px～７６7以下
・画面幅が479px以下
でCSSをいじってみました。 これで大丈夫なのかな・・。
URLはコチラです！↓
https://adjustacademy.com/d1812/d181211/LP/
修正してみたのですが、そもそも現場の方達は画面幅をいくつで想定して作っているのか。。
端末の大きさは無限にあるから、一般的なもので作るのだろうか。それは何ｐｘなのか？
そういう、きっと現場では「当たり前の事」も、web系でお仕事が出来れば情報として普通に入ってくると思うと、アルバイトでも何でも良いので現場でお仕事をしたいなぁと思いました！
そういえば、お手本にしたいカッコイイサイトのコードを見ていたら、Bootstrapを使っていた。
とてもスマートにレスポンシブ対応もしていたので、Bootstrap についてちょっと調べてみます。
そして、なんだかとても暑いので、アイス買いに行ってきますｗ
それでは、ご覧頂きありがとうございました！：）
今日はアナリストセミナーを受けて来ました。
久々に訓練校の仲間に会えて元気そうで嬉しかった。
再来週テストです。
さて、先日登録した派遣会社さんからいただいた、ジェラートアイスのバナー課題。
提出後フィードバックを頂き、教えて頂いたアドバイスを元に色々変更中です。
「こちらをクリック！」とか「詳しくはこちら！」とか単刀直入なワードを入れるのも良いという事だったので、今日電車の広告を観察してみて、今いくつか作っています。
バナー自体は写真の著作権の関係でブログには載せられないのですが、パーティー向きな業務用アイスなので 、無料ベクターのフラッグをつけてパーティーなイメージのバナーにしました。
CTR （クリック率・・←今日ちょうど習った） を高めるバナー作りには 「思わずクリックしてしまいたくなるようなシカケ」が必要らしいです。
（優れたキャッチコピー、カラーリング、背景画像、バナーサイズ など。）
バナー作りの秘訣について、心理学的な要素も絡めて説明しているサイトです。（ありがとうございます！）https://buildupp.net/webdesign/banner-design-psychology
バナーサイズは大きければ大きいほどCTRは上がるというデータが出ているみたいです。
文脈効果の、「人はそのモノの価値は同じでも周りの環境に応じて、価値の感じ方が変わってきます。」
とか。確かに。
「商品が形のあるものならばパッケージを簡素なものではなくて凝ったデザインのものにする事が有効です。コンテンツや商品は変わらないのに見せ方を変えただけで売上や問い合わせが２０～３０倍に増えたという事例もあります。」
という所。おぉ。。そんなに！バナーデザイン凄いな！と思いました。
LPのレスポンス化とポートフォリオサイトの作り直しとアナリストセミナーの復習をします。
では！一週間お疲れさまでした！：）
今日は許してください。
訓練校の仲間と、以前講演に来てくださった先生の会社に見学と就職活動の相談に行って来ました。
今日は凹んでいます（また！笑）
そう。
アラフォーの転職は厳しいのです。
でも初めからわかっていたので。大丈夫です。
気分転換の為に、今日は自由に：）
バンド仲間がちょっと前にシェアしてくれた曲「CHANGES」を聴いて帰ったのですが、その時浮かんだのを遊びでPhotoshopで作りました。
実は、相談が終わってから１時間位カフェでズーン。。。となってました（笑）
かなり時間を割いて、本当に色々とお話を聞かせて頂いた中でアラフォー向けに３つ共有するとしたらこれです↓
今日の相談で得た新たな視点
１、Web業界の職種の中でディレクターが一番不足している。
２、新卒だったら仕込むのに３年位かかる「社会人経験」を既に持っている強みを絡めて面接でアピールしていった方がよい。→ディレクターでWeb業界に入る。そこで現場のデザイナー・コーダーさんのやり方や技術を見られるし学べる。研鑽を積む。
３、ディレクターもフレームワーク等でサイト全体のデザインは出来る。
確かに。。そういうルートもあるのか。。と思いました。 今日は凹んだけど相談に行って良かったです。
こんな感じですんなり行けてない私と同じ様に、もがいている人もいるかも知れないし。
この凹みもさらけ出しておきますｗ
そして、この超ダメダメな私がWebデザイナーになれた暁には、きっとその人も「行けるかも」と自信を持てるかもしれないし、私のルートが参考になるかもしれないので。
私はすぐにデザイナーになれなくても。一見遠回りでもいいから
今の自分にやれる事、必要そうな事を１つ１つやっていきます。
それしか自分の中に選択肢がないです。
厳しい事でもちゃんと言ってくれる人が居てくれて良かったな。
そして、訓練校の仲間がフェイスブックで共有してくれる情報に元気を貰ったりしています。ほんとありがとう。
先生や、仕事中なのに私のポートフォリオを見てアドバイスをしてくれた、会社の方々にも本当に感謝です。
明日はアナリスト検定のセミナーに行ってきます！
バナー修正もするぞ！
BracketsでLP制作
ULRはこちらです↓
https://adjustacademy.com/d1812/d181211/LP/
・コンセプト：ラベンダーやローズウォーター、ハトムギ、カモミールなどのオーガニックハーブ、素材を使用した肌に優しい化粧水のLP制作。
・コンバージョン：お試しキャンペーン購入サイトへの誘導。ブランドイメージアップ。キャンペーンを期に定期会員を増やす。
・ターゲット：２０代～３０代位の仕事をしている肌ストレスが高めの女性。
・使用アプリ：Brackets/Illustraor/Photoshop
・制作時間：１０時間以上
お手本にしたサイトが画像メインで作られていたので真似をしてみました。
お手本として見た複数のサイトはどれも、「今だけ！！！！！！」とか、
色づかいがかなりギラギラ原色系を使っていたり、吹き出しを多く使っていました。
本来LPはもっと派手に解り易い感じが良いのかな。
とも思ったのですが、ブランドイメージアップもコンバージョン設定した時にあげていた事と、オーガニックの優しい製品という点から控えめに、優しいイメージで作りました。
派手さが足りない分、AOSを使って写真の表示の仕方に動きを出してみました。
AOSは初心者の私にもわかりやすくて有難かったです！おすすめです。
AOSの使い方参考サイトはこちら↓
やっとなんとなく形にはなりましたが、これからレスポンシブ可とSNS連携のコード入力を勉強して追加予定です。
でも、とりあえずやった！できた！嬉しいです！：）
ポートフォリオサイトも作り直さないとだし。。
やる事がいっぱいです！！ｗ
ではまた。
ご覧頂きありがとうございました！
今日の作業曲：
Photoshopの練習
夏みたいな日が多くなってくると、少しだけアイスが食べたくなります。
昨日作った課題のジェラートアイスの写真を見ていて、「氷みたいな文字の作り方って・・？」と気になったので、今日はその練習をしてみました。
Photoshopでリンク先のサイトを見ながら作ったのがこちらです↓
参考サイトのお手本に近づけたかな。
ポップな色にするととたんに氷感がなくなります。むむ。。
LPサイト、テンプレート初使用で今日完成しました！
ですが。。ローカル環境では動きがちゃんと出るのに、サーバーに上げると動かないので困っています。
調べているけど、テンプレで使われている技術が私のレベルに対し高度すぎてわからない（笑）
ので、テンプレートじゃなくて１から自分でコード打って作り直そうかと思っています。
今日は「ブラシツールって便利」という事を勉強できたので良しとします。
それでは！ご覧頂きありがとうございました♪
良い夜を：）
バナー制作のパーツ
今日は PhotoshopとIllustraorを使ってバナー制作をしています。
というのも、昨日派遣登録の為に初台へ行きました。
受付にアイボがいて可愛かったです。
その派遣会社さんから「業務用ジェラートアイスのバナーの制作」の課題を出して頂いたのですが、その提出期限が明日という事で、先にこちらに取り掛かっています。
LPも早く完成させたいなぁ。
バナーで使う写真や完成品は著作権の関係でブログに載せる事はできませんが、
バナー制作のパーツとして作ったリボンを・・・ｗ
バナー制作。現場で求められるスピードは15分～３０分程なのだそうです。。
スピードを上げる為に、基礎を固めておかないとな。と思いました。
今の私は１５分とかは無理なので、あせらず地道にやっていきます。
それでは！：）
