ポートフォリオの作成と4日目の復習(光沢のあるボタンを作る)

バナートレース

今日はポートフォリオを作ります!!

famm卒業者の特典には、ポートフォリオを簡単に作成できるサービスの半年間無料特典がついています。サイトはここ

403 Forbidden

もう何を作ったらいいのかもさっぱりわからないので、さっそく、サービスに登録してみました!

特典の付与にちょっと時間がかかるようなので、まだ無料サービスを使っているのですが、無料だけでもかなり良さそうです。

メニューに従って情報を登録して…メニューが英語になっちゃうんだけど??って思ったら、Q&Aにちゃんと対策が書いてありました。色々言われるがままにぽちぽちして、あっという間に完成!

(プロフィールアイコンは、自分の写真を漫画調にしてくれる無料アプリを使いました。似てないけど…)

…あんまり簡単で、なんか、あっという間にブログを始めた当初の目的を達成してしまいました。これで本当にお仕事もらえるのかな、バナートレースはこれからも進めますが、ちょっと案件獲得もチャレンジしてみたいと思います…!

…いや、まずは画像ありのバナーもいくつかトレースしてみてからかな!?

今日はポートフォリオを作る気だったので、バナートレースのお題を選んでなかったのです。今から選んでもいいんですけど、昨日のボタンが悔しかったので、今日は光沢ありのボタン作成にチャレンジしてみようと思います!

光沢ありのボタン Photoshop って入れたらすぐ教材が見つかる、ものすごい時代ですね。

このページのとおりにやってみます!ありがとうございます!

やってみましたー

めちゃくちゃ簡単でした…!

あっでもこれ、背景が白になってる。

こういうのね、背景を透過させておかないと使い勝手悪いの、私知ってる。(ホームページビルダーで趣味のサイトを作っていたいにしえの記憶がうごめく)

背景を透過させました。これで完成。すごい、ちゃんと光沢がある感じに仕上がっている…。インターネットの知識すごい…。

というわけで、ある一定のやり方を知りましたので、昨日挫折した四角いボタンに再度チャレンジしてみたいと思います。

できました!

だいぶ…昨日よりは…だいぶいい感じ、だと思います…!

お手本のボタンは微妙に、本当に微妙に、ボタン全体が立体的に飛び出している感じなのですが、私が作れたのは、ボタンの内側が盛り上がっている感じ。たぶんこの立体的に飛び出させるには、3D加工がいるんだと思うの…。ちょっとそこまで行けなかった。明日以降の課題にしたいと思います。

でも今日はね、今日はね、いろいろと新しい技術を覚えましたよ!

①半円を作る、長方形と組み合わせる

これが地味に一番大変でした。お手本のバナーをよくよくじーっと見ると、半円を引き延ばしてあるんじゃなくて、半円の土台の部分が四角くなっている。これは半円+長方形で作るしかないなと思って。

★半円は〇を作ってからパス選択ツールでバウンディングボックスのひとつの■を選択してDeleteキーで削除したらできました★

➁不透明度を30%

光沢の輝き方は、土台のボタンに重ねた光沢(白)の不透明度で変えられるという知見を得ました。上でボタンを作った時には不透明度は50%になっていますが、レバテックのボタンはもっと輝きが落ち着いているので、最終的に30%に設定。

③「レイヤースタイルを追加」という機能

ボタンをいじるにはこの機能が不可欠っぽい。立体感はこのレイヤースタイル(レイヤーパネルの一番下にfxって書いてあるボタンがそれ)で、「バベルとエンボス」という機能で付けました。あと「光彩(内側)」という機能も付けていますが、効果が良くわからない。上でボタンを作った時には「グラデーションオーバーレイ」という機能でボタンにグラデーションを付けていますが、これを付けるとボタンの色がどうしてか?すごく明るくなってしまって。レバテックのボタンはこの機能は外しています。

タオルのバナーの時にトラックのシルエットアイコンを作ったんですけど、ボタンとか小さいアイコンとか、そういうの作れるようになったらきっと仕事の幅が広がりますね…!

明日は画像付きのバナートレースにチャレンジしてみて、いくつかたまったら、お仕事もらいに行ってみようと思います!!

コメント

タイトルとURLをコピーしました