Paint shop pro liteで自分のホームページを飾るかっこいいメニュー用アイコンを作りたいのですが、バンドル版なのでマニュアルがついてなく、何をどうしていいのか全く分かりません。

基本的な操作方法を解説しているサイトや本はないでしょうか? ←メニューアイコンの作り方に特化していると嬉しいです。

ご存知の方教えてください。お願いします。

このQ&Aに関連する最新のQ&A

A 回答 (4件)

Web素材づくりに特化した本としては、次の二点をおすすめします。

どちらの本も、ステップバイステップで丁寧に書いてありますので、初心者でも気の利いたボタンやバナーが作れるようになると思います。ただし、liteにはない機能を使っているかもしれません。

佐藤信正著、ホームページ作成PaintShopPro6テクニック事典、ナツメ社
西村勇亮・大沢ツトム著、PaintShopPro7Jびっくりロゴデザイン、エムディーエヌコーポレーション

参考URLには、Japan PSP Users Groupをあげておきます。操作解説のページというわけではありませんが、会議室やメーリングリストに参加したり、リンクをたどることにより、有用な情報が得られると思います。

参考URL:http://www.yumeiro.com/jpug/
    • good
    • 0
この回答へのお礼

本の紹介をありがとうございました。本当に役に立ちそうですね。早速読んでみます。

お礼日時:2002/04/03 22:13

アイコン等の作り方は次のHPが参考になると思うのですが、


http://www.geocities.com/Tokyo/Flats/6420/tip-in …

あと、いろいろな操作法は次のHPが参考になると思います。
http://travel.nifty.com/fworld/pictures/psp/nf_p …

基本中の基本の操作方法はHPの中にはたぶんないと思います。やはり、マニュアルを買われるか、ヘルプを見ながらということになると思います。いろいろ操作をしているとわかるようになると思うのですが。
    • good
    • 0
この回答へのお礼

とても役に立ちそうなサイトですね。しかしながら今の自分にはまだまだ高度すぎるテクニックです(^^;) もう少しスキルアップしましたら参考にさせていただきます。 ありがとうございました。

お礼日時:2002/04/03 22:16

 そういうプラグインがあると思いますが・・・


フォトショップのプラグインでもPaintShopに対応しているプラグインもあります.
そういうのを使ってみてはどうでしょう.
 ヘルプはついていませんか?
まあ7Jを買ってもマニュアルはすごく薄いです・・・
 ちなみに私は7Jを使っています・・・
また、体験版についていると思います.
 P&Aのサイトから落としてきて・・・・

インストールは多分うまく出来ないと思いますが・・・・
あくまで参考までにしてください.

また本はフォトショップに比べると少ないと思います.
多分10冊もないとおもいます(同じバージョンで)

すべて見てもそんなに時間はかからないと思います・・・・・・
    • good
    • 0

 マニュアルは書店に行けば、数冊の本が出ていますよ。

liteは友人の家で使ったことがありますが、多少機能が少ないので写真の加工等は難しいと思いますが、HP用のアイコン(GIF画像ですよね?)作成なら何とか可能だと思います。
 基本的には画像のサイズを決めて、ペンで描いて保存するということになりますが、使いこなしたいのであればマニュアル本を1冊購入したほうがいいと思います。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Q別窓でURL、メニューバー&アイコン無し

別の方の質問&回答を探してみましたが見つけられなかったので投稿させていただきます。また、本来JavaScrpitで質問するべきでしたらすみません。

PDFファイルをホームページからリンクをはって、別窓表示にさせたくその際、メニューバー、アイコン、URLを隠しておきたいのですがどのようにすればよろしいでしょうか?

教えてください。

Aベストアンサー

<a href="ファイル名" onclick="window.open(this.href,'pdfdata','scrollbars=no, location=no, menubar=no');return false;">PDFファイルを開く</a>

でいけると思います。

Q既存のメニューにプルダウンメニューを追加したい

下記のサイトのショッピングのメニューに、添付画像のようなプルダウンメニューを追加したいのです。
http://www.chanvre.jp/index.html

現在は全メニュー、画像配置のオンマウス設定になっています。
ネットなどで調べて修正などしてみましたが、なかなかうまくいかず
こちらに相談しました。
よろしくお願いします。

Aベストアンサー

いずれもナビゲーションリンクですから、ulないしolでマークアップすべきです。
二列目になるものも同様にabsoluteで指定すればよいです。
このときMacとWinというより、ブラウザによってずれるのは、箇条書きのmarginとpaddingが違うからです。
 olやulにpadding-leftで字下げをしているものも、liのmargin-leftで字下げしているものも表示結果は同じですが、CSSで、li{margin:0;}と一方だけ設定するとmarginで字下げしているブラウザには有効ですが、ol.ulにpaddingで字下げしているブラウザには効果がないということです。
 そのため、ナビゲーションリンクであるliを指定するときは
<div class="nav">
 <ul>
  <li><a href=""></a></li>
  <li><a href=""></a></li>
  <li><a href=""></a></li>
 </ul>
</div>
というマークアップの場合
div.nav ol,div.nav ul,div.nav li{
 list-style:none;
 margin:0;
 padding:0;
 display:block;
}
などとして、これらの設定をクリアしておきます。
※list-styleをul,olだけでなくliについてもlist-style:none;が必要なブラウザがある。
※marginやpaddingはいったん0にしておく。
※div.navの傘下の箇条書きのみを子孫セレクタで指定しておく

 たぶんそれで、ブラウザによるずれは回避できるはずです。

いずれもナビゲーションリンクですから、ulないしolでマークアップすべきです。
二列目になるものも同様にabsoluteで指定すればよいです。
このときMacとWinというより、ブラウザによってずれるのは、箇条書きのmarginとpaddingが違うからです。
 olやulにpadding-leftで字下げをしているものも、liのmargin-leftで字下げしているものも表示結果は同じですが、CSSで、li{margin:0;}と一方だけ設定するとmarginで字下げしているブラウザには有効ですが、ol.ulにpaddingで字下げしているブラウザには効果がないとい...続きを読む

Qアイコンと文字を並べる時アイコンが上にずれる

アイコンと文字を並べる時アイコンが上にずれる
<img src="images/icon.png" alt="" ><a href="tenken.php">点検</a>
上記のようにアイコンを20×20で作ったら文字より上にずれてしまいます。
何か良い方法はないんでしょうか?

Aベストアンサー

font-sizeはおそらく16pxとか14pxとか、20pxよりは小さいでしょうから、
それだとアイコン画像の上部分がピョコンと出た状態になります。
まず、imgの位置を
img{vertical-align:top;}
として、
line-heihtを20pxに合わせればよござんしょう。

.hoge{
line-height:20px;
}
.hoge img{
vertical-align:top;
}

<p class="hoge">
<img src="images/icon.png" alt="" width="20" height="20"><a href="tenken.php">点検</a>
</p>

もしくは
<span class="hoge">
<img src="images/icon.png" alt="" width="20" height="20"><a href="tenken.php">点検</a>
</span>

とか。


これで文字が縦位置で中央に来るはず。

QCSSでポップアップメニューを作成したがIEだけメニューが表示されません。

下記のようなCSSでポップアップメニューを作成したのですが
IEだけポップアップメニューが表示されませんでした。

IEでもポップアップメニューが表示されるようにするには
どのようにすればよいのでしょうか?(JavaScriptは未使用で作成)

<html>
<head>
<style type="text/css">
#menu {
position: relative;
width: 102px;
height: 22px;
}
#menu li {
list-style-type: none;
float: left;
}
#menu li a {
color: gray;
width: 100px;
height:20px;
text-decoration: none;
text-align: center;
border: 1px solid gray;
display: block;
}
#menu li a:hover {
background-color:#FFFFCC;
}
#menu ul li ul {
display: none;
}
#menu ul li:hover ul {
display:block;
position:absolute;
top: 22px;
left: 0;
}
</style>
</head>
<body>
<div id="menu">
<ul>
<li>
<a href="#">home</a>
<ul>
<li><a href="#">first</a></li>
<li><a href="#">second</a></li>
<li><a href="#">third</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>

下記のようなCSSでポップアップメニューを作成したのですが
IEだけポップアップメニューが表示されませんでした。

IEでもポップアップメニューが表示されるようにするには
どのようにすればよいのでしょうか?(JavaScriptは未使用で作成)

<html>
<head>
<style type="text/css">
#menu {
position: relative;
width: 102px;
height: 22px;
}
#menu li {
list-style-type: none;
float: left;
}
#menu li a {
color: gray;
width: 100px;
height:20px;
text-decoration: none;
text-ali...続きを読む

Aベストアンサー

IE及びOpera6では、
>「:hover,:active疑似クラスは,始点アンカー(href属性を持つa要素)と組み合わせた場合にのみ効果を持つ。」
(下記参照URLより引用)

という事で、A要素との組み合わせでないと「hover」というタイミングを指示できないので、実現不可能ではないかと・・・。
動的処理なのに契機が指示できないのは、ちょっと・・・。
また、今回はその包括範囲内にA要素が別途必要な訳なので、ダミーでA要素で囲うという事はA要素の入れ子となり不可能・・・。


という事で、CGIで事前にブラウザの判定をして表示ページを振り分けるでもしない限り、CSSのみでのポップアップメニューはあきらめるか、
IEの場合は該当CSSを無効になる様に仕掛けを作るか・・・・・。

参考URL:http://hp.vector.co.jp/authors/VA022006/css/corrbrwser/selector.html#pseudo-classes

Qサイドメニューのロールオーバーにマウスを合わせるとメニューがガクガク動いてしてしまう

サイドメニューのロールオーバーにマウスを合わせるとメニューがガクガク動いてしてしまい困っています。ブラウザはIE8です。firefoxは問題ありませんでした。

具体的に言うと、
CSSでサイドメニューのロールオーバーを作成したのですが、IE8上で表示し、実際マウスを合わせると、ガクガクメニュー項目が動いていまうのです。

考えられる、原因を教えていただけないでしょうか?
以下は実際の問題のコードです。

HTML

<div id="box-ml">
<ul id="ul-ml">
<li id="li-ml-kg"><strong>生命保険のカテゴリー</strong></li>
<li id="li-ml-kg"><strong>個人の生命保険</strong></li>
<li id="li-ml"><a href="../seiho/kojin/goriteki_kanyunosikata/gouriteki_kanyu.html">合理的な加入の仕方</a></li>
<li id="li-ml"><a href="../seiho/kojin/syohin/shohin_shikumi.html">生命保険商品一覧</a></li>
<li id="li-ml"><a href="../seiho/kojin/nendaibetsu/life_stage.html">カテゴリー別加入方法</a></li>
<li id="li-ml"><a href="../seiho/kojin/mangaichi/mangaiti_okita.html">万が一が起きてしまったら</a></li>
<li id="li-ml"><a href="../seiho/kojin/hoken_sisanunyo.html">生命保険で資産運用</a></li>
<li id="li-ml"><a href="../seiho/kojin/goriteki_kanyunosikata/syohinbetsu.html">生命保険の得する情報</a></li>
<li id="li-ml-kg"><strong>法人の生命保険</strong></li>
<li id="li-ml"><a href="../seiho/hojin/index_seiho_hojin.html">法人の生命保険商品一覧</a></li>
<li id="li-ml"><a href="../seiho/hojin/iryo_hojin.html">効果的な保険利用方法</a></li>
<li id="li-ml-kg"><strong>損害保険のカテゴリー</strong></li>
<li id="li-ml-kg"><strong>個人の損害保険</strong></li>
<li id="li-ml"><a href="../sonpo/kojin/index_sonpo_kojin.html">個人の損害保険商品一覧</a></li>
<li id="li-ml-kg"><strong>法人の損害保険</strong></li>
<li id="li-ml"><a href="../sonpo/hojin/index_sonpo_hojin.html">法人の損害保険商品一覧</a></li>
<li id="li-ml-kg"><strong>社会保険のカテゴリー</strong></li>
<li id="li-ml"><a href="../syakaihosyo/syakaihosyo_katsuyo.html">使える社会保障制度</a></li>
<li id="li-ml-kg"><strong>保険と税金</strong></li>
<li id="li-ml"><a href="../zei/index_zei.html">保険と税金</a></li>
<li id="li-ml-kg"><strong>保険Q&A</strong></li>
<li id="li-ml"><a href="../qa/index_qa.html">保険にまつわるQ&A</a></li>
<li id="li-ml-kg"><strong>保険の裏技・落とし穴</strong></li>
<li id="li-ml"><a href="../urawaza/urawaza.html">保険の裏話・落とし穴</a></li>
</ul>
</div>

CSS

#box-ml {
padding: 0px 0px 10px;
width: 200px;
float: left;
background-image: url(img/li-a-bg.jpg);
}

#ul-ml {
margin: 0px;
padding: 0px;
display: inline;
text-indent: 0px;
list-style-type: none;
text-align: left;
}

#li-ml-kg {
margin: 0px;
list-style-type: none;
padding: 0px;
display: block;
line-height: 26px;
background-image: none;
text-indent: 20px;
background-color: #66CC00;
border: 1px solid #CCCCCC;
color: #FFFFFF;
}

#li-ml {
margin: 0px;
list-style-type: none;
padding: 0px;
display: block;
line-height: 26px;
background-image: url(buttons/li-bg.gif);
text-indent: 20px;
}

#li-ml a:hover {
margin: 0px;
list-style-type: none;
padding: 0px;
display: block;
line-height: 25px;
background-image: url(buttons/li-bg-m.gif);
text-indent: 20px;
color: #FF0000;
}

宜しくお願いいたします!

サイドメニューのロールオーバーにマウスを合わせるとメニューがガクガク動いてしてしまい困っています。ブラウザはIE8です。firefoxは問題ありませんでした。

具体的に言うと、
CSSでサイドメニューのロールオーバーを作成したのですが、IE8上で表示し、実際マウスを合わせると、ガクガクメニュー項目が動いていまうのです。

考えられる、原因を教えていただけないでしょうか?
以下は実際の問題のコードです。

HTML

<div id="box-ml">
<ul id="ul-ml">
<li id="li-ml-kg"><strong>生命保険のカ...続きを読む

Aベストアンサー

がくがくするってことは
つまりどこかでサイズがずれる様な現象が起こってるってことでしょ。
それもマウスオーバーとマウスが居ない時のスタイルシートの設定を見比べて、その二つのどこかにサイズがずれる様な要素が紛れ込んでいるという事です。

line-height: 26px;
line-height: 25px;
と一カ所だけ25pxになっている所があったんで、
この数値だけを直してあげれば、FirefoxだろうとIE7だろうと、がくがくしませんよ♪


このカテゴリの人気Q&Aランキング

おすすめ情報