webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

ウェブデザインを勉強中

banner copy

  • バナーをまねして再現する練習。

f:id:ohta-felica:20160620163855g:plain

  •  食べ物の写真を探してくる。以下のサイトがおすすめ。
  • 食材・料理や野菜・果物のフリー写真素材 無料画像のフード・フォト

  • フォントが探せません。ひらがなの「け」「お」が変わっている…小塚明朝pro6nで代用。
  •  最上段の英文のフォントもわからない…Lucida Calligraphyで代用
  • ローソンフレッシュはMB101Proで代用。
  • その右側の生鮮食品…のくだりは、丸フォーク proで代用。
  • とりあえず進め!
  • フォトショップでは線を引く方法。
  1. ブラシツールを選択

    f:id:ohta-felica:20160620202855p:plain

  2. ブラシパネルを開く

    f:id:ohta-felica:20160620202952p:plain

  3. 間隔を調節する。間隔「100%」は下のキャプチャのように接点で接する感じになる。間を空けるためには100%より大きい値を代入する。今回は125%。
  4. 文字の幅を正確に出すために、ガイドを引く。ガイドの幅に合わせて、破線をひく。

    f:id:ohta-felica:20160620204026p:plain

  5. 文字のてっぺんと下に波線を合わせてから、矢印キーで同じ数だけ上下に破線を広げる。
  • 背景の写真は中央の文字がのる部分を暗くしてますね。だから真似をする。
  • 暗くする前

f:id:ohta-felica:20160620222554j:plain

  •  暗くした後

f:id:ohta-felica:20160620223328j:plain