My Web道

WEB制作科 受講記録 …とその後も続くWEB制作に関する活動・学習記録です。

ソフトウェア-Adobe

【Photoshop】Photoshop で枠線を描く

Photshopで枠線(塗りつぶしなし)図形を描く方法 マニュアルの説明書作成時など、 読み込んだ画像の一部に枠線でマーキングする際に使用する方法です。MSペイントでは難なくできるようなことが、慣れないと意外と分からなかったりします。「今さら?」という…

【現場テク】カンバスサイズから画像を指定サイズに加工(縮小)する方法

カンバスサイズから画像を指定サイズに加工(縮小) Photoshopの「イメージ」-「カンバスサイズ」から、画像を指定サイズに変更(縮小)する方法です。 【手順】準備: ※この作業時、「選択したレイヤーのバウンディングボックスを表示」はチェックしておいてく…

4/1 [Illustrator] 透過PNG画像作成 / [Photoshop] バナー作成

透過PNG画像作成 [Illustrator] バナー作成 [Photoshop] 透過PNG画像作成 [Illustrator] 昨日作成した以下ペンギン画像を透過PNG画像として保存します。透過PNGとは、 画像の背景が透明になっているPNG形式画像です。では、以下、その手順をご紹介しておきま…

3/17 [Photoshop] ポラロイド風画像

本日の授業テーマ ポラロイド風画像 (Photoshopで作成) ポラロイド風画像 (Photoshopで作成) 本日の演習は、Photoshopを使ったポラロイド写真風画像の作成です。詳しい作り方手順は、以下リンク先の解説の通りです。「ポラロイド風イメージ」の検索結果 - We…

3/3 リップル効果 / 課題

リップル効果 課題 【演習】リップル(さざなみ)効果 リップル効果を設定したこちらのFlashファイルを作成します。 作業手順は以下の指導要領に従います。 http://yahoo.jp/box/dRqSg4 (講師ブログ: 「Webデザインの勉強|Webサイト制作科補足と初心者の…

2/25 CSS基礎確認テスト / はじめてのFlash

本日の授業テーマ CSS基礎確認テスト Flashについて 本日の学習内容~まとめと感想~ CSS基礎確認テスト 基礎確認テストとして、以下の課題に取り組みました。[課題04] 素材: [HTML] <html lang="ja"> <head> <meta charset="utf-8"> <title>課題04 ナビボタン</title> <link rel="stylesheet" href="css/style4.css"> </head> <body> <div id="nav"> <ul> <li id="service"><a href="#">サ…</a></li></ul></div></body></html>

2/13 ①[CSS] ナビゲーションブロック / ②[Photoshop] 色調補正

CSS(ナビゲーションブロック) Photoshop(色調補正) CSS(ナビゲーションブロック) 縦並びボックス・横並びボックスの設定 li 文字だけ テキストリンクとして扱う li a 文字の上に面を構成 ボタンのように扱う li a link は文字の上だけ【縦並びメニュー…

2/3 ①[HTML] 文書構造の復習 / ②[Illustrator] ペンツールの復習

本日の授業テーマ HTML(文書構造の復習) Illustrator(ペンツールの復習) 本日の学習内容 HTML(文書構造の復習) セマンティックな言語 HTMLは、セマンティックな(意味をきちんと考えた)マークアップ言語(「見出し」なのか、「パラグラフ」なのかを意…