超初心者のホームページ作成 by atom
プルダウンメニュー左端 トップ はじめに/バナー 新着情報 HP作成 サンプル 関連サイト フリー素材 掲示板 その他 Google 余白 プルダウンメニュー右端
 《WEB素材の作成》
【メニュー】

サンプル

前置き
PictBearの入手
基本操作
画像の選択
画像の切り抜き
画像の保存
正確な画像の描画

浮き出しボタンの作成
影付きボタンの作成
ボタンの文字色変更
ボタンの表示色変更
ボタンの影の色変更
影つき文字の作成
縁取り文字の作成1
縁取り文字の作成2
縁取り文字に影を付ける
囲い枠のバナー作成
立体枠のバナー作成
切り抜きボタンの作成

円柱(円筒形)の作成
球体(ボール)の作成
円柱(円筒形)の影付け1
球体(ボール)の影付け1
円柱(円筒形)の影付け2
球体(ボール)の影付け2

クリスタルボールの作成
クリスタルボールの作成2

写真の型抜き
写真を浮き上がらせる
写真に影をつける
写真の縁をぼかす

※一度説明した内容は後になるほど簡略して解説されてる場合がありますので、出来る限り順番に読んでくださいね。

 ■ 写真の型抜き

WEB素材を作成する上で写真の加工も必要になります。
その中でも簡単な型抜きの方法を説明します。
写真画像は次のものを使ってみます。

◆長方形を使用した型抜き
まず、この画像をコマンドメニュー「ファイル(F)」−「開く(O)...」をクリックして読み込みます。
次に、「描画ツールバー」の「選択範囲」をクリックします。

そして、キャンパス上の写真の上で長方形を描く要領で、残したいところを範囲選択します。

次に、コマンドメニューから「イメージ(I)」−「トリミング(T)」をして完成です。
写真の場合は「JPG形式」などで保存します。

◆円形を使用した型抜き
上記と同様に、コマンドメニュー「ファイル(F)」−「開く(O)...」をクリックして画像を読み込みます。
次に、新規レイヤーを1つ作成した後、「描画ツールバー」の「塗りつぶし楕円」をクリックし、パレットから好きな色を選択したら、キャンパス上の残したい部分を囲むように円を描きます。

そして、そのままコマンドメニューの「選択範囲(S)」−「色指定(C)...」をクリックし、 「許容範囲」は「10」ぐらいを指定し、「OK」ボタンを押します。
すると次のように表示されます。

次に、「レイヤー」の中から写真画像のレイヤー「背景」をクリックします。

そして、コマンドメニューの「編集(E)」−「コピー(C)」をクリックした後、そのまま、コマンドメニューの「編集(E)」−「貼り付け(P)」をクリックします。

次に、「レイヤー」の円を描画したレイヤー「レイヤー1」及び「背景」の「★」をクリックして非表示にした後、コマンドメニューから「イメージ(I)」−「トリミング(T)」をすると次のようになります。

後は、「レイヤー」の「イメージの統合」をクリックして画像を結合したら「JPG形式」などで保存します。


 <用語の説明> 
特にありません。

■ 有料デザインテンプレート


Home  ↑ページトップ
page update:2007/11/12
Copyright (c) 2000-2004, All Rights Reserved & Produced by atom
技術提供:株式会社ピーオーピー
SEO対策 & ツール