![いくみ](https://blogstudynotes.com/wp-content/uploads/2019/05/04_230kirari_smile6069.png)
この感動を伝えなくては。
こちらの合成ソフト、すごいです!
![いくみ](https://blogstudynotes.com/wp-content/uploads/2019/05/12_194hahaha5562.png)
こんな風に使えます!
![アバター](https://blogstudynotes.com/wp-content/uploads/2019/07/240x240-Ikumi-1.jpg)
![季節感のあるアバター](https://blogstudynotes.com/wp-content/uploads/2019/10/0HO-Ikumi-iconNovember.png)
プロフィールアイコンに紅葉の葉っぱをちらせて・・・11月バージョンを作ってみました!
紅葉の葉っぱは「フレームイラスト」だったのですが、1つ1つのアイテムが可愛すぎて、どうしても使いたかったので、ペイントで切り取ってばらして使いました。ダウンロード元サイトとクリエイターの方はこちらです。
イラストボックスより秋の鮮やかな紅葉フレーム(クリエイター:すぴはるさん)
ダウンロード
1.まずはこちらのページを開きます。
2.使い方が書いてある下までスクロールします。
[ダウンロード]セクションがあります。
![手軽に透明重ね、透過合成ソフトダウンロード](https://blogstudynotes.com/wp-content/uploads/2019/10/image-131.png)
動作環境に合わせてどちらかをダウンロードして、お好みの場所に保存します。
私は64-bitバージョンをダウンロードしました。
3.ダウンロードしたフォルダの上で右クリックして、[すべて展開]をクリック。(zipファイルの解凍です。展開しなくてもできます。省略可。)
4.フォルダの中に、以下のexeファイルがあります。ダブルクリック。
![手軽に透明重ね、透過合成ソフト実行ファイル](https://blogstudynotes.com/wp-content/uploads/2019/10/image-132.png)
5.インストールします。ウィザードにしたがって、[次へ]をクリックしていきます。
![手軽に透明重ね、透過合成ソフトインストールウィザード1](https://blogstudynotes.com/wp-content/uploads/2019/10/image-133.png)
![手軽に透明重ね、透過合成ソフトインストールウィザード2](https://blogstudynotes.com/wp-content/uploads/2019/10/image-134.png)
![手軽に透明重ね、透過合成ソフトインストールウィザード3](https://blogstudynotes.com/wp-content/uploads/2019/10/image-135.png)
![手軽に透明重ね、透過合成ソフトインストールウィザード4](https://blogstudynotes.com/wp-content/uploads/2019/10/image-136.png)
「手軽に透明重ね」使い方
1.パソコンの画面にショートカットが作成されたと思います。ダブルクリックで「手軽に透明重ね」の画面を開きます。
![手軽に透明重ね、透過合成ソフトの使用例](https://blogstudynotes.com/wp-content/uploads/2019/10/image-137.png)
2.ドラッグ&ドロップで、合成したい画像ファイルを開きます。
(または、[ファイル]メニューから[開く]をクリックして画像を選択。)
![手軽に透明重ね、透過合成ソフトの使用例、画像をドロップ](https://blogstudynotes.com/wp-content/uploads/2019/10/image-139.png)
入れたい画像をどんどんドラッグ&ドロップした結果がこちら。
![手軽に透明重ね、透過合成ソフトの使用例、複数画像をドロップ](https://blogstudynotes.com/wp-content/uploads/2019/10/image-140.png)
1つずつドラッグで移動できるので、位置を整えます。
アイテムを選ぶごとに、左サイドにいろんな情報・機能が表示されていますので、見てみましょう。
![手軽に透明重ね、透過合成ソフトの使用例、機能の種類](https://blogstudynotes.com/wp-content/uploads/2019/10/image-141.png)
数値を入力して機能を使うこともできます。
![いくみ](https://blogstudynotes.com/wp-content/uploads/2019/05/01_195tere_smile5562.png)
以下に、私が操作した順番で機能を紹介しますが、順不同です。
アイテムの位置と大きさ
位置と大きさは、マウス操作で調整できるのでとても楽ちんです。
位置はドラッグで動かせます。
大きさは、右下の角にマウスポインターをあてると矢印が出るので、引っ張ったり縮めたりできます。
大きさや位置を整えました。
![手軽に透明重ね、透過合成ソフトの使用例、途中経過](https://blogstudynotes.com/wp-content/uploads/2019/10/image-142.png)
どんぐりの角度も変えました。
角度を変える機能 ~ 回転
アイテムの角度を変えたい場合。
対象のアイテむを選択します。
サイドにあらわれる[回転]機能を使います。
![手軽に透明重ね、透過合成ソフトの使用例、傾きを変える回転機能](https://blogstudynotes.com/wp-content/uploads/2019/10/image-148.png)
背景を入れる
バックがないと、イメージが湧きにくいので、背景を入れてみます。
[塗りつぶしレイヤー]をクリック。
![手軽に透明重ね、透過合成ソフトの使用例、背景を追加](https://blogstudynotes.com/wp-content/uploads/2019/10/image-143.png)
以下のように四角が出ますので大きさをドラッグで調整します。
![手軽に透明重ね、透過合成ソフトの使用例、背景の大きさ調整](https://blogstudynotes.com/wp-content/uploads/2019/10/image-144.png)
大きさが調整できたら、画像上で右クリック。[最背面へ]を選択します。
![手軽に透明重ね、透過合成ソフトの使用例、背景のレイヤー位置変更](https://blogstudynotes.com/wp-content/uploads/2019/10/image-145.png)
左サイドの、[塗りつぶし色]の右側の四角をクリックすると、[色の設定]画面が表示されますので、クリックや、カラーコードの入力で色を決定します。
![手軽に透明重ね、透過合成ソフトの使用例、背景の色変更](https://blogstudynotes.com/wp-content/uploads/2019/10/image-146.png)
背景として、そのまま利用することも可能です。(白のカラーコード:#ffffff)
![手軽に透明重ね、透過合成ソフトの使用例、背景削除機能](https://blogstudynotes.com/wp-content/uploads/2019/10/image-147.png)
透過に戻したい場合は、左サイドで[四角形]を選択して、パソコンのDelボタンを押せば消去できます。[編集]メニュー下にあるハサミアイコンでも消去できます。
画像サイズの確認
サイドで[キャンバス]をクリック。
画像の大きさを確認します。
余白が多過ぎたら、[自動]からチェックを外して、自分で欲しい画像サイズを指定します。
![いくみ](https://blogstudynotes.com/wp-content/uploads/2019/05/03_196pekori_no-mouth5562.png)
一番最初にキャンバスでサイズ指定しておくのも便利です。
![手軽に透明重ね、透過合成ソフトの使用例、画像サイズの確認](https://blogstudynotes.com/wp-content/uploads/2019/10/image-149.png)
[ファイル]メニューから画像を保存してできあがり!
このソフトを使った作品例
11月ロゴ&アバター
![WordPressブログロゴ画像サンプル11月](https://blogstudynotes.com/wp-content/uploads/2019/11/0HO-Nov-logo-11073.png)
![WordPressブログアバター画像サンプル11月](https://blogstudynotes.com/wp-content/uploads/2019/10/0HO-Ikumi-iconNovember.png)
![](https://blogstudynotes.com/wp-content/uploads/2021/01/cocoon-header-nov.jpg)
秋の鮮やかな紅葉フレームは 無料イラスト・すぴはるさんのイラスト
ヘッダーイラストはCanvaより。
12月ロゴ&アバター
![WordPressブログロゴ画像サンプル12月](https://blogstudynotes.com/wp-content/uploads/2019/12/0HO-Dec-logo-11073-284-x-60.png)
![WordPressブログアバター画像サンプル12月](https://blogstudynotes.com/wp-content/uploads/2019/12/0HO-Dec-christmas-avatar.png)
![](https://blogstudynotes.com/wp-content/uploads/2021/01/Dec-blog.png)
1月ロゴ&アバター
![WordPressブログロゴ画像サンプル1月](https://blogstudynotes.com/wp-content/uploads/2020/01/0HO-Jan-logo-358-x-60.png)
![WordPressブログアバター画像サンプル1月](https://blogstudynotes.com/wp-content/uploads/2020/01/0HO-Jan-profile-avatar.png)
![](https://blogstudynotes.com/wp-content/uploads/2021/01/Jan-blog-header.jpg)
2月ロゴ&アバター
2月のロゴ画像の方は、背景が透過ではないため、パワポとペイントで作業しました。
![WordPressブログロゴ画像サンプル2月](https://blogstudynotes.com/wp-content/uploads/2020/02/0HO-Feb-logo-60-7.png)
![WordPressブログアバター画像サンプル2月](https://blogstudynotes.com/wp-content/uploads/2020/02/0HO-Feb-profile-avatar.png)
冬の小物イラストは無料イラスト・由芽さんのイラスト( ロゴ画像の背景&マグカップ)
2月にブログのタイトルを変更しました!
![](https://blogstudynotes.com/wp-content/uploads/2021/03/sample-Feb-cocoon-blog-header.jpg)
3月ロゴ&アバター
![WordPressブログロゴ画像サンプル3月](https://blogstudynotes.com/wp-content/uploads/2020/03/0HO-Mar-logo120.png)
![WordPressブログアバター画像サンプル3月](https://blogstudynotes.com/wp-content/uploads/2020/03/0HO-Mar-profile-avatar.png)
久しぶりに以下のようにセンターロゴにしていました。
![WordPress Cocoon ヘッダー画像サンプル、センターメニュー](https://blogstudynotes.com/wp-content/uploads/2020/03/2020-March-header.jpg)
食いしん坊なブタちゃんは無料イラスト・KZさんのイラスト(ヘッダー画像左右の点線とチョウチョも同じく。)
鉛筆とリンゴはCanvaよりダウンロード( アバター)
ヘッダー画像下部の「点」も Canvaよりダウンロード
2回目の3月はこちら。
![](https://blogstudynotes.com/wp-content/uploads/2021/03/0HO-Mar-cocoon-blog-logo-transparent.png)
![](https://blogstudynotes.com/wp-content/uploads/2021/03/0HO-2021Mar-avatar.png)
![](https://blogstudynotes.com/wp-content/uploads/2019/10/sample-March-cocoon-blog-header.jpg)
桃の花のイラスト(ロゴとヘッダー内)は無料イラスト・arihonetさんのイラスト
ヘッダー内の菱餅とハリネズミのイラストは無料イラスト・Rin Mさんのイラスト
アバター内の梅の花の装飾素材(髪飾り)は無料イラスト・konohana0812さんのイラスト
アバター内のお花見だんごは無料イラスト・ころんちゃさんのイラスト
Canvaからフォントを利用
4月ロゴ&アバター
![WordPressブログロゴ画像サンプル4月](https://blogstudynotes.com/wp-content/uploads/2020/04/0HO-April-logo-120-height-final.png)
![WordPressブログアバター画像サンプル4月](https://blogstudynotes.com/wp-content/uploads/2020/04/0HO-April-profile-avatar.png)
![WordPress Cocoon ヘッダー画像サンプル、センターメニュー](https://blogstudynotes.com/wp-content/uploads/2020/05/2020-April-blog-design.png)
ヘッダーとロゴ画像の猫と桜、アバター画像のお茶と和菓子、すべて無料イラスト・あずき*さんのイラスト
ロゴフォントは、りい手書き筆
5月ロゴ&アバター
![WordPressブログロゴ画像サンプル5月](https://blogstudynotes.com/wp-content/uploads/2020/05/0HO-May-logo-gray110.png)
![WordPressブログアバター画像サンプル5月](https://blogstudynotes.com/wp-content/uploads/2020/05/0HO-May-avatar.png)
![ブログ ヘッダー 5月](https://blogstudynotes.com/wp-content/uploads/2020/05/0HO-May-header-5.png)
![WordPress Cocoon ヘッダー画像サンプル、センターメニュー](https://blogstudynotes.com/wp-content/uploads/2020/06/0HO-May-logo-and-header.jpg)
2回目の5月はこちら。
![](https://blogstudynotes.com/wp-content/uploads/2021/05/0HO-May-cocoon-blog-logo.png)
![](https://blogstudynotes.com/wp-content/uploads/2021/05/cocoon-header-May.png)
6月ロゴ&アバター
![WordPressブログロゴ画像サンプル6月](https://blogstudynotes.com/wp-content/uploads/2020/06/0HO-June-logo-title-final0.png)
![WordPressブログアバター画像サンプル6月](https://blogstudynotes.com/wp-content/uploads/2020/06/0HO-June-avatar.png)
![WordPress Cocoon ヘッダー画像サンプル、アピールエリア利用カスタマイズ](https://blogstudynotes.com/wp-content/uploads/2020/06/0HO-June-logo-and-header.jpg)
アバターの雨のイメージの背景は、無料イラスト・konohana0812さんのイラスト
ロゴ画像の雨のしずくは、無料イラスト・なぞえさんのイラスト
ロゴフォントはなごみ極細ゴシック (フリーフォントで簡単ロゴ作成を利用)
ヘッダー背景の写真は、My pictures are CC0. When doing composings:によるPixabayからの画像
7月ロゴ&アバター
![WordPressブログロゴ画像サンプル7月](https://blogstudynotes.com/wp-content/uploads/2020/07/0HO-July_long_pink4-transparent60.png)
![](https://blogstudynotes.com/wp-content/uploads/2021/07/0HO-July-blog-header-logo2.png)
![WordPressブログアバター画像サンプル7月](https://blogstudynotes.com/wp-content/uploads/2020/07/0HO-July-avatar2.png)
![WordPress Cocoon ヘッダー画像サンプル、アピールエリア利用カスタマイズ](https://blogstudynotes.com/wp-content/uploads/2020/07/0HO-2020July.jpg)
夏のモチーフ詰め合わせは、無料イラスト・あずき*さんのイラスト(ロゴ画像とアバターを作成。)
ヘッダーはCanvaで作成。
8月ロゴ&アバター
![WordPressブログロゴ画像サンプル](https://blogstudynotes.com/wp-content/uploads/2020/08/0H0-white-logo.png)
![WordPressブログアバター画像サンプル8月](https://blogstudynotes.com/wp-content/uploads/2020/08/0HO-Aug-avatar.jpg)
![WordPress Cocoon ヘッダー画像サンプル、アピールエリア利用カスタマイズ](https://blogstudynotes.com/wp-content/uploads/2020/08/0HO-2020aug-header-final.jpg)
2回目の8月は背景を水玉にしました♪。
![](https://blogstudynotes.com/wp-content/uploads/2021/09/cocoon-header-August.jpg)
9月ロゴ&アバター
![WordPressブログロゴ画像サンプル](https://blogstudynotes.com/wp-content/uploads/2020/08/0H0-white-logo.png)
![WordPressブログアバター画像サンプル9月](https://blogstudynotes.com/wp-content/uploads/2020/09/0HO-Sep-avatar.png)
![WordPress Cocoon ヘッダー画像サンプル、アピールエリア利用カスタマイズ](https://blogstudynotes.com/wp-content/uploads/2020/09/blog-header-sample-September.jpg)
10月ロゴ&アバター
![WordPressブログロゴ画像サンプル](https://blogstudynotes.com/wp-content/uploads/2020/08/0H0-white-logo.png)
![WordPressブログアバター画像サンプル10月](https://blogstudynotes.com/wp-content/uploads/2020/10/0HO-Oct-avatar.png)
![WordPress Cocoon ヘッダー画像サンプル、アピールエリア利用カスタマイズ](https://blogstudynotes.com/wp-content/uploads/2020/10/0HO-blog-header-sample-October.jpg)
ヘッダーはCanvaのテンプレートより。
おわりに
![いくみ](https://blogstudynotes.com/wp-content/uploads/2019/05/13_194heart5562.png)
これは楽しい・・・!
ブログ作りでは、ブログタイトルにちょっとイラストを足したり、かわいいヘッダー画像を作成したり、自分のプロフィールアイコンに何か付け足したり、という場面で利用できると思います。
オンラインソフトではないので、動作が速いのがホントに素敵。
設定手順ブログの記事は、読んでいる人にとって、「必要」か「不必要」かの2択です。
設定が終わっていたり、すでに知っていることだったら、「何となく読んでみよう」という展開にはなりません。
なので、ブログのあちらこちらに、不必要だけどチョッピリ楽しい要素を入れていきたいなと思います。
「デザイン」を提案してくれる画像編集ソフトとしておススメなのはCanva。使い方のコツをまとめているのでよろしければぜひ!
コメント