バナートレース

本

トレースしたバナーの一覧

運営しているクリエイター: MIYAKO

バナートレース #04

今回からまとめ画像。 XDの練習も兼ねてトレースはPhotoshop、まとめをXDでやってみたのですが PhotoshopとXDを同時起動するとPCが悲鳴をあげたので早くMac Book Proが欲しいなと思いました。(バナトレ関係ない感想) #Webデザイン #バナートレース #webデザイン初心者 #デザイン勉強中

バナートレース #03

書籍「けっきょく、よはく。」からトレースしました。カフェのスペシャルメニューのポスターです。 ◆カラー・背景：fdf0f1 ・文字：c82136 ・地図：df8c91 ◆フォント Patisserie：Century Crachin：Blush Collective Compact Follow me!：Gustavson その他：游明朝 ◆難しかったところ・各コンテンツ同士の上下左右の余白サイズ　→高さはQRコードが入っている長方形の内・外の余白サイズが同じになる

バナートレース #02

厳密にはバナーではないのですが、講座の課題としてワイヤーを引いているカフェのサイトのファーストビューとイメージが似ていたので書籍「けっきょく、よはく。」からトレースしました。カフェのスペシャルメニューのポスターです。 ◆フォント・SPECIAL MENU：Impact ・その他英数字：Futura ・日本語フォント：FOT-筑紫A丸ゴシックStd ◆気付いたこと・写真にタイトルをかぶせることでレイアウトに動きが出る。 ◆難しかったところ・写真の上と左側の余

バナートレース #01

↑見本 ◆色背景：#FFF100 文字・枠・帯：#434343 ◆フォント全品対象、点以上de使える：小塚ゴシック Pr6N Happy Weekend：Beachwood COUPON、OFF：Impact 4、日付：Futura PT Demi 10%：GD-HighwayGothicJA-OTF ◆難しかったところ・フォントを探すのに時間がかかった。・文字間の調整のコツが掴めず、日付の見た目が悪い。 ◆気付いたこと・見本では「10%OFF」の0が縦

ママスペースWebデザイン講座課題リクルート

提出1回目・難しかった点　①フォントの選定　→Identifontを利用して探したが「未経験から～」のフォントが探せず、　　とても時間がかかった。　②カーブ文字の作成と配置　→楕円形を使ったカーブ文字をうまく配置できず、　　今回はワープ文字＋自由変形で角度をつけることで解決した。・知りたいこと　カーブ文字を作成する際、楕円形のサイズや配置する位置のコツ。講師からのアドバイスカーブ文字のコツは文字のカーブをイメージして楕円を作ること。ワープ機能はカ

ママスペースWebデザイン講座課題 SPRING COLLECTION

↑見本 ↑制作物・難しかった点 ①角が内側に丸くなっている白い外枠の作成　→境界線が白の長方形の上に、境界線白・塗りピンクの円を乗せ　　レイヤーマスクをかけて各シェイプの不要な部分を消して対応した。 ②MOREの右上の白い角の作成　→正方形を作成しレイヤーマスクをかけ、不要な部分を消して対応した。 ③画像の背景の白抜き　→背景の複雑さやモデルのヘアスタイルにより　　白抜きの難易度が上がったので背景が単調な画像を選んで対応した。　　春らしさが失われた。(反