アメブロカスタマイズ 女性向け「読者登録ボタン」の作り方 その２

こんにちわ！

０円アメブロカスタマイズのペカルマンです。

２週間くらい前に更新しました

女性向け　「読者登録ボタン」の作り方　その１ の続きです。

↑の記事で作りました、ボタンとロゴを組み合わせて

最終的な「読者登録ボタン」を完成させますよ～。

前回の記事で作った

ボタンはコチラ

で、ロゴはコチラ

今回はこれを組み合わせて

ボタンを完成させます。

使う加工ツールはPixlr です。

無料で使えます。ダウンロードも必要ありません。

無料でここまで画像加工できれば優秀だと思います。

（正直、全ての機能使いこなせてませんが・・・・・・）

さっそくアクセスしてみましょう！

まずはツール内を日本語表示にします。

１）このような窓が画面中央に出ているので、右上の×をクリックして

　 一旦この窓を閉じます。

２）画面上部の「Language」をクリックします。

３）下から２番目に「日本語」がありますね。それをクリックします。

４）すると、最初に出ていた窓が日本語表示となって再び表示されます。

　　上から２番目の「コンピューターから画像を開く」をクリックします。

　　すると　保存した画像を選択する画面になります。

　　僕はいつも「ピクチャ」に画像を保存していますので、ピクチャから

　　画像を選択します。

５）選択した画像が表示されました。

　上の図の「記事用ボタン.ｊｐｇ」の小窓は、ここで見やすいように移動しています。

　実際は全画面の左上に表示されるはずです。

　この選択した画像の小窓は、左クリックしたまま、画面内を自由に移動できますので

　ご自分の好きな場所に移動して、加工してくださいね。

　（まぁ、どこでもいいんですけど・・・）

　次に、上の画像の右側に、縦に３つ並んでいる小窓のうち

　上の「ナビゲーター」と下の「履歴」の小窓を×をクリックして消して下さい。

　その後、残った「レイヤー」の小窓の鍵のアイコンをWクリックします。

するとこのように、「背景」から「レイヤー」に変わります。

現在画面上はこのようになっていますよね。

＊各小窓は自由に動かせます。記事で説明しやすいように

　この画像は小窓を動かしています。

６）コスモスの画像全体に「不透明度」を調整してボカシを入れます。

　 上図のここという箇所をクリックします。

するとこのように「不透明度」を調整できるようになります。

今回は５０％にしてみます。

ちなみに反映されたコスモスの画像は、上図のように

薄いチェック柄が入って見えますが、保存をすると

チェック柄は消えますのでご安心を。

７）次に保存しておいたロゴを開きます。

　 画面左上の「ファイル」⇒「画像を開く」の順でクリックして

　 保存していたロゴを開きます。

今ロゴを開いたので、レイヤーの小窓はロゴを指定した状態です。

８）画面左上の「編集」⇒「全てを選択」、再度「編集」⇒「コピー」

　 とクリックします。

この操作の意味は、ロゴ（画像）を選択し、それをコピーという意味になります。

９）次に画面に出している　コスモス画像の方を1回クリックします。

　　レイヤーの小窓はコスモス画像を選択している状態です。

１０）「編集」⇒「貼り付け」とクリックします。

つまり、ロゴを選択してそれをコピー、そのコピーしたロゴを

コスモスの画像に貼り付け・・・という操作ですね。

これでこのように、不透明度５０％の読者登録ボタンが出来ました＾＾

１１）　「ファイル」⇒「保存」で保存して完了ですが！！！

保存画面はコレなんですが、「フォーマット」の右に矢印ありますよね。

ここをクリックして、「PNG」を選択して保存してください。

より綺麗な状態で、保存できます。

長々と説明しましたが、慣れれば非常に簡単ですので

頑張ってやってみてください。

←1クリック応援

よろしくお願いします。

最後までお読みいただき有難うございました。

０円アメブロカスタマイズのペカルマンでした。