ビジネス 勉強堂

ビジネス書、お金に関する本、ネットビジネスの技術系の本や教材を紹介します。

*

ヘッダーの画像に別の画像を重ねる -SIRIUS(シリウス)でもしもドロップシッピングのショップを作ろう 応用編

      2014/08/15

 こんにちは、神谷です。

SIRIUSが提供するヘッダー画像

右メニュー

 SIRIUS(シリウス)で作ったショップのヘッダーはSIRIUS(シリウス)で提供されたものなのですが、さすがにアフィリエイト専用のアプリケーションです。

 なかなか魅力的なヘッダーがそろっています。

 「水素カプセル Personal2007」サイトのヘッダーもSIRIUS(シリウス)を購入すると付属しているものを最初はそのまま使いました。

 ちなみに、ヘッダーの文字もSIRIUS(シリウス)が出してくれているものです。

 海の写真で、水素水のサイトにふさわしい感じのヘッダーで結構気に入っています。

 しかし、もうちょっと、「水素カプセル Personal2007」を販売している感じを出したいと思い、ヘッダーのカスタマイズをしてみます。

ヘッダーファイルのある場所

自然02_シアン ヘッダー画像

 ヘッダーファイルは、

 「ACES WEB\SIRIUS\images」の中に入っています。

 ここから、自分のワークにこの画像をコピーします。

 そして、私が画像をいろいろ作るときには、

 無料画像編集ツール『pixlr』を使います。

pixlr

 「コンピューターから画像を開く」を選択して、先ほどのSIRIUS(シリウス)からコピーした画像を開きます。

pixlr2

 

 さらに、今回このヘッダーに追加したい「水素カプセル Personal2007」の画像を開きます。

pixlr3

 この『水素カプセル Personal2007』の画像を、ヘッダー画像の右端に重ね合わせます。

 まずは、『水素カプセル Personal2007』の縦を画像と同じよりちょっと大きめの210ピクセルにします。

pixlr4

pixlr5

 大きさを変えた、『水素カプセル Personal2007』の画像を、

■ 「編集」-「全てを選択」

■ 「編集」-「コピー」

■ ヘッダー画像のウインドウに移動して、「編集」-「貼り付け」

 をします。

 そうすると、レイヤーとして『水素カプセル Personal2007』が張り付けられますから、ツールを移動のツールを選択して、『水素カプセル Personal2007』の画像を右端に持ってきてください。

pixlr6

pixlr7

 まさに、二つの画像を重ねただけで、スゴイ違和感ありますよね。

 ということで、ちょこっとテクニックを使いましょう。 

 「編集」-「取り消す」

 を使って、『水素カプセル Personal2007』の画像を、ヘッダー画像から削除してください。

 『水素カプセル Personal2007』の画像を選択して、

pixlr8

 を選択してください。

pixlr9

 

 「フェザー」の所を40位にします。

 これは好みですので、調整してください。

pixlra

 これを、先ほどと同じく、コピーして、ヘッダー画像に貼り付けてください。

pixlrb

 このように輪郭をぼかすことができます。

 では、この画像を、「ファイル」-「保存」で保存してください。

 あとは、SIRIUS(シリウス)でこの画像を取り込みます。

ヘッダー画像取り込み

 完成形がこれです。

620140812_d

 

 透明度の範囲や大きさはいろいろ試してみてください。

 上記の画像をクリックすると、本当のサイトにジャンプします。

 この輪郭をぼかすテクニックはとても便利ですので、憶えておくと得です。

 pixlrは無料ですので、いろいろいじって慣れてください。

 記事を読んでいただいて、SIRIUS(シリウス)にご興味持たれた方は、下記からSIRIUSの詳細をご覧ください。 

 次世代型サイト作成ツール『SIRIUS(シリウス)』
SIRIUS
>>> SIRIUS(通常版)
>>> SIRIUS(上位版)

 


『SIRIUS(シリウス)でもしもドロップシッピングのショップを作ろう 』基礎編シリーズ

SIRIUSでもしもドロップシッピングのサイトを作る 準備編1

SIRIUS(シリウス)でもしもドロップシッピングのショップを作ろう ①

できすぎくんで自動的にできるパーツについて-SIRIUS(シリウス)でもしもドロップシッピングのショップを作ろう ②

ヘッダーメニューを作る-SIRIUS(シリウス)でもしもドロップシッピングのショップを作ろう ③

屋号を入れる -SIRIUS(シリウス)でもしもドロップシッピングのショップを作ろう ④

サイドバーに支払方法・配送を入れる -SIRIUS(シリウス)でもしもドロップシッピングのショップを作ろう ⑤

カートボタンを設置する -SIRIUS(シリウス)でもしもドロップシッピングのショップを作ろう ⑥

 - SIRIUS, ドロップシッピング

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

クリスタル
2014年12月にプラチナランク復帰/もしもドロップシッピング

目次1 12月に、もしもドロップシッピングでプラチナランク復帰2 12月向けショ …

パソコンする女性
yahoo!プロモーション広告は奥が深い もしもドロップシッピング

目次1  もしもドロップシッピングで、プロモーション広告を学べ2  プロモーショ …

no image
ブログとドロップシッピングのショップの関係 by 宮川洋

おはようございます。 神谷です。 2013年8月24日にもしもドロップシッピング …

できすぎくんで画像をキレイに並べる01
できすぎくんで画像を横にキレイに並べる/もしもドロップシッピングで売上100万円を目指す講座

目次1 画像のアップロード画面で横に並べようとしてもうまくいかない2 キレイに画 …

落ち込む人
人気商品の系列を扱ったことの記録 -玉川岩盤浴 敷パッド&掛布団-

目次1  これは、行けるんじゃないかとショップを作成する2  あれ、圏外の跳ばさ …

no image
何をやるにしてもお手本が欲しい ドロップシッピング編 『ドロップシッピングの達人が教える売上別成功体験』

こんばんは、神谷です。 何をやるにせよ、お手本は欲しい。 「守破離」という言葉を …

注文メール
もしもドロップシッピングで「売る意志を持って売る」 

目次1  「本気で売る」で売った2  まずは、「本気で売る」の報告を3  売るた …

moshimo
moshimoドメインと忍者サーバーのどちらを選ぶ?/もしもドロップシッピング

目次1 moshimoサーバー2 忍者サーバー2.1 ちょっと注意3 レンタルサ …

【クリスマスコスプレ 衣装】ツリーマン メンズ(男性用)
イベントで売れるショップを作る/もしもドロップシッピングで売上100万円を目指す講座

目次1 毎月売れるわけではないけど、一時に爆発に売れる商品がある2 イベントで売 …

商売繁盛
広告費を抑えて、地道に売れる商品/もしもドロップシッピング

目次1 yahoo!リスティング広告出稿の商品が売れた2 どんな商品を探すか3 …