Photoshopでライトニングエフェクトの練習
Photoshopでライトニングエフェクトの練習
今日はライトニングエフェクトの練習をしました。
HPのトップ画面の写真に少し光を足したいな。と思った時にどうしたら良いかわからなかったのでこれもサイトを検索して練習してみました。
カッコよい系のサイトなどで使えそうです。このサイトの手順全工程をやらなくても、いくつか使えそうな手法やぼかしガウスの使い方などあったのでとても参考になりました。
今日は、派遣の登録で恵比寿まで行って来ました。
やはりこの年齢で、Webの職務経験がない場合の就活は厳しいものになるようで、
予想はしていましたが、 帰り道結構凹んでしまいました。
心が複雑骨折です・・。(訓練校仲間のラインのお陰でなんとかヒビ位に持ち直しました。)
派遣担当の方がとても良い方で、ポートフォリオを見て改善点や、実務経験が無い場合、今までの職歴でつける仕事で働きながら、平行してクラウドソーシングの応募をしてみる方法もあると教えて下さいました。
クラウドワークスのHP→https://crowdworks.jp/
ポートフォリオに載せる作品に関しても、ロゴ制作を練習するよりも、LP(ランディングページ)を作った方が需要が高いからアピールになるとか。。
沢山アドバイスをいただきました。 ありがとうございます。
クラウドワークスは採用されるされないは別にして、これはとても良い練習になるな!と思いました。
そして。恵比寿のど真ん中に神社を発見!
折角なので、そこで私と訓練校の仲間達みんな、それぞれの望む良い職場で就職が決まる様にお祈りしてきました。
ランディングページについて調べてみます。やれることをやっていこうと思います!
それでは:)
Photoshopでメタリック文字の練習
ドラクエ風ロゴ&プロフィール
Photoshop ロゴ制作
「デザイナーレベル1ではお祈りばかりになるので、少し盛ってレベル2にしといた方がいいよ。 」
「レベル上げの方法としてメタルスライムを倒すと良いよw」と訓練校の仲間からアドバイスを貰いました。
早く就職を決めて、城を出てメタルスライムを倒したい!!
そこで今日はこんなの作ってみました。
本当は他にやらねばならない事があったのにな。私は何をしているんだよ・・。
いやーでもホント。
デザイナーへの道は果てしない。
はてしないなー。。
でも、前職でこんなに時間をかけても知りたい事や、やってみたいと思った事はなかったし。
前職でも「お客さんに喜んで貰って嬉しい」はあったけど、それをやる事自体が自分にとって楽しいとかワクワクするって事はなかったな。
楽しい道なら長くても良いかな、と思います。
紫陽花がもう咲く準備をしていました。
あっという間に6月になっちゃうんだろうな。
それでは。
あ!!
ドラクエ好きのあなた。あなたへのオススメの曲があります。
それでは。
今日も一日お疲れさまでした:)
素材たち。
ロゴ制作
Illustraorで友人サイトのロゴの続きを制作。
WordPressで使用しているテーマが、友人=cocoon、 私=Twenty seventeen、のせいか、画面に表示された時のサイズ感が違う事に気づき、私もcocoonをダウンロードしてローカル環境で確認しながら作ってみました。
そもそも友人がロゴを作って欲しいと言っていたのは、ヘッダーのロゴ画像だったみたいです。私わかっていませんでした。ごめんなさい:(
スマホレスポンシブチェックも出来て素敵。
cocoonは設定項目が多くてカスタマイズしやすそうで、私もcocoonにすれば良かったなぁと思いました。
今黒系シンプルなサイトを作っているのですが、コードが苦手で全然進みませんw
cocoonで作ってみようかな:)
Webサイト制作
コーポレートサイト
・コンセプト:空気清浄機販売、環境保全、宇宙開発をしている企業(架空)のWebサイトです。
・ターゲット:綺麗好きで環境問題にも関心が高い20~30代の男女。
・工夫した点:クリーンで透き通った空気をイメージさせる画像を大きく配置し、ベースカラーは#a3b0cdを使用しました。信頼感や爽やかさ、清潔感をイメージさせる#002373をアクセントカラーに使用しました。
・使用アプリ:HTML5(Brackets)/CSS3/jquery/Illustrator/Photoshop
・制作時間:10時間以上
・URL : https://adjustacademy.com/d1812/d181211/Corporate%20website/index.html
まだまだショボくて、コードも汚い。。凹みますが、もっとスライダーやjqueryを沢山つかったシンプルだけどかっこいいサイトが作りたい。
次はレスポンシブ対応に挑戦してみます。
そういえば。
以前PHPの授業で、選択式のゲーム作りをした時、私はネコを拾うゲームをつくったけど、本当はドラゴンの赤ちゃんを拾うゲームを作りたかったんです。
というのも、over arm throwというバンドの「ZINNIA」という曲が大好きで、その歌は「聴く童話」みたいな感じでお話仕立てなんですが、凄く良い曲なんだけれど、最後がとても悲しくて。
結末を変えたくて作ろうと思った私ですが、ドラゴンのイラストをそろえるのが難しくて断念。。(笑)猫ゲームに変更したんです。音楽に発想の源をもらうって事もあるんですね。
その曲がこちら↓
学校で動画撮影の授業もあって、みんなで力を出し合って一つのものを作るって事が、凄く楽しかった。出来上がったものもなかなか良くて達成感が凄かったし嬉しかったな。
機会があったらプライベートでも動画作成にチャレンジしようと学校の仲間と話していたのですが、私は何か音楽のPVみたいなものを作れたら嬉しいな。
ZINNIAはドラゴンいないから無理かな。。w
文字をIllustraorでゴールドにする練習
おはようございます。
以前安村先生が授業で、ゴールドは文字番号で選んだ色だとなんだかイメージと違うものになるのだと教えてくださった事を思い出した。
結構豪華なイメージを出したいサイトなど(お正月とかもかな)に良く使いそうなので練習してみました。
↓
↓
これはこちらのサイトを参考に作りました。:https://on-web.jp/2017/10/27/20171025ks-1/
グラデーションでゴールドを作るのですが、毎回やるのが面倒なので、つくったものは、
「window」→「グラフィックスタイル」→「画面右側のグラフィックスタイルのパネルの中にドラック&ドロップ」しておくと良いです。
それと、グラデーションの分岐点の増やし方。完全に忘れていましたw
備忘録でこれも残しておこう。グラデーション設定のゲージの下の辺りにマウスを置く、そして一回左クリック。。こんな簡単な事なのに!!!右クリックしてみたりあれこれやって無意味な時間をかけてしまった。気をつけよう。
あとは友達のサイトのロゴ案の続きも。
素材たち
今日はサイトのパーツ作りをしました。
私は基本的に「カラフル系の色」が好きなので、「黒い系、カッコいい、カッチリ系」は難しいなと思いました。
かなり目がショボショボしました。
↓そして、友人のブログ「引っ越し祝いについて」で使うファビコン、マークやロゴなどが欲しいという事だったので、これも今案を考え中です。
これも時間がかかったわりには進まずで、今日は少しトホホでした。
でも、ここの所IllustraorばかりでPhotoshopは本当に触るのが久しぶりだったので、初めて使ったツールや編集方法など、とても勉強になりました。今度立体とかもいじってみたいな。
機能が多すぎて、やってみたい事と知りたい事が多すぎて、全然追いついてないですが
道のりは長いので、ちょっとずつやって行こうと思います。
それと、IllustraorとPhotoshopは操作や見た目が似ているくせに微妙に違う所があったりで、 「あれどっちだったかな?」などと戸惑ったりします。双子の兄弟の様な感じですね。
働き始めた時に困らないように、ササッ!とカンニングできる様に別々のメモ帳に分けてポイントを書き留めておこうと思いました。
今日の作業曲:https://soundcloud.com/user-876658341/sets/sunday-music-and-hot-coffee
WordPressにSNS共有ボタンを追加してみた
おはようございます。
このサイトは職業訓練校の授業のおさらいの意味でWordpressを使って作りました。
すごく簡単にサイトが作れてしまう。
とはいえ、私は色々苦労して結構時間がかかってしまいました。
とくに、ローカルからサーバーへアップする作業が手こずりました:(
カスタマイズやJqueryを使ったりも出来るようで、そこはこれから勉強して色々追加していけたらと思っています。
それから、テーマによってサイトのデザインもかなり変わるし、プラグインも沢山あるみたいでその辺りも試してみたいです。
手始めにwebサイトの下の方でよく見る、SNS追加ボタンを表示させるプラグインを入れてみました。
『AddToAny Share Buttons』というプラグインです。(インストール数やレビューからこれをチョイスしました。)
↓入れた見た目はこんな感じです。(アイコンがカラフルで、ついつい色々追加してしまったw)
今日はモノクロっぽい様な、カッコいい系(←得意じゃないやつ)のサイトのパーツを作る予定です:)
すずらんモチーフとロゴ
今日の空とかもろもろ
ロゴとプロフィールアイコン
相変わらず私はIllustraorをいじるか、映画見るか、ご飯作って食べるかの日々。
結構幸せだなぁと思います。
このサイトのロゴを考えて作ってみました。
今日の作業曲https://soundcloud.com/southcoveusa/dead-of-night-beach-tiger-south-cove-remix
令和から。
令和がスタートしましたね。世の中は年末年始のような賑わいで、予報では雨だった天気も、先ほどは雲間から青空が顔を見せていました。
私は先日、平成31年4月26日にwebデザイナー・ディレクターの職業訓練校を卒業しました。
絶賛就職活動中なのですが、 一般企業はお休みのゴールデンウィーク中という事もあって、大掃除と復習と作品作りに励む事にしました。
そして、新しい元号のスタートと共に、今日から日々の記録と練習のために、ブログというか・・メモの様なものを始めてみる事にしました。
学校の課題で制作したものや、今の私の力量で作る作品はどれも人様にお見せできるようなものではないのですが、 目標としているデザイナー職につけるように。まずは質より数!ソフトに触れる時間を増やしたい!と思い 今後の成長記録として残していく事にしました。
初めに言っておくと、私は自分の内側にある事を表現するのがあまり上手ではありません。
さらに普通の人の普通の日常なので、刺激的な事や、面白い事はかけないかもしれませんが、 私の独り言とメモが、どこかしら私と共通する部分をお持ちの方の、何かの参考になれば、嬉しいです。
そういえば、5月1日はフランスではスズランの日なんだそうです。スズランの花言葉は「幸せの再来」大切な人や家族にスズランを送る習慣があって、送られた人は幸せになれるといわれているそうです。
スズランモチーフの何かを今日は作ってみようかな:)
訓練校で作った作品 1
訓練校で作った作品 2
バナー制作
・コンセプト:株式会社ajfの通販用「OE-C野菜無料お試しセット」のキャンペーンバナーの制作を行いました。(グループに別れ、設営、素材の撮影も行いました。)
・仕様:リーダーボードサイズ(LB)=728×90
ミディアムレクタングルサイズ(MR)=300×250
・ターゲット:30歳~40歳位までの、子供のいない、美容と健康に意識の高い共働き夫婦。
・コンバージョン:無料お試しセットサイトへの誘導、ブランドイメージ・認知度UP、正規会員を増やす。
・使用アプリ:Photoshop
↓色は「自然、安心、優しさ」をイメージし、ベージュ、ブラウン、グリーンを使用。
↓野菜の位置や角度から、躍動感や新鮮さ、フレッシュさを表現したバナーデザインです。
↓3パターン目はあえてシンプルに少しスタイリッシュな感じにしました。
訓練校で作った作品 3
XD ワイヤーフレーム制作
・コンセプト:webサイトのワイヤーフレーム制作。サイトのジャンル指定は無かったので私は お花屋さんのサイトを想定して作りました。実際にお花屋さんに立ち寄った時の様に、カラフルで華やかな雰囲気のサイトデザインに仕上げました。
・ターゲット:お花の好きな10代~30代の女性。
・工夫した点:ブーケやアレンジの花が映える様にバックは白を使用、フチは花壇をイメージしたレンガのテクスチャーを配置しました。TOPにスライダーを使用し、ホワイトデーや母の日など特集ページが目に入りやすく、飛びやすいサイト構成にしました。
・使用アプリ:XD/Illustraor
・制作時間:8時間