Photo Scape

画像編集ソフトphotoscapeでヘッダーを作成してみよう

Sponsored Link

Sponsored Link

前記事2つでphotoscapeについてその使い方を解説してきました。

画像の編集ソフトPhotoscapeの使い方①ダウンロードから画像編集操作の実際まで

画像の編集ソフトPhotoscapeの使い方②複数画像の一括編集・ページ機能・統合・GIF アニメまで詳しく解説

ただ一つ。

「画像編集」ページの一番下「メニュー」については説明を省いてあります。
今回はその機能の解説と。
それを使ってYouTubeやサイトに使うヘッダーを作ってみたいと思います。

ヘッダーの作成

今回はこのサイトのヘッダーなので縦200PX横900PXにします。

メニューで使うのは主に「新しい写真だけ」

メニュー→新しい写真とクリックしていくと「新しい写真ボックス」が出えきます。

新しい写真ボックスの中の幅、高さ、カラーを決めOKをクリック。

すると編集画面に色付きの長方形が現れます。

これに画像や文字を加えていきます。

簡単に解説はしますが、それでもわからない場合は以下の記事を参照してください。

画像の編集ソフトPhotoscapeの使い方①ダウンロードから画像編集操作の実際まで

編集画面のオブジェクトから一番上のう取り込みアイコンをクリックして
エクスプローラーを呼び出し。画像を選んで貼り付けていきます。
ドラッグ・アンド・ドロップをしても追加画像は取り込まれませんので注意位してください。

貼り付けると編集の画面も一緒に出てきます。


それを何らか処理したあとで消すと画像がアクティブになりますので
大きさを整え、所定の場所に移動させます。

同じように必要な画像を次々に加えていきます。

次に文字を加えていきます。

オブジェクトからTアイコンをクリック。
すると編集画面が表れますので。

文字の書体を決め。
色を決めていきます。
決まったらOK ボタンをクリック。

すると文字がアクティブになりますので大きさを変えたり位置を移動します。

文章をさらに付け加える場合には同じような操作を繰り返します。

これでヘッダーが出来上がりました。
もしこれを画像や文章を変えずに全体を補正したいと思うのであれば。
上記ヘッダー画像を保存したあと。
その保存した画像を「一括編集」に挿入します

画像編集画面よりも手軽でかつ効果的に編集ができます。

例えば以下のように編集ができました。

操作がわからない方は前記事の「一括編集」の部分をご覧ください。

以上でヘッダーの作り方がわかりました。

大きさを指定してその範囲で画像や文章、アイコンなどを入れるにはこの「メニュー」→「新しい写真」はとても簡単で便利です。
photoshopをお使いの方ならわかると思いますが。
手間が数段省けます。

まとめ

恥ずかしい話ですが、私は最初このヘッダーが作れませんでした。
ソフトのことを最低限理解するのに3週間。
そして最初に作ったときには3時間もかかってしまったんです。

今は3分もあれば作れますが。

私のような人でも絶対わかるように記事を書いたつもりです。

ちなみにphotoscapeに関連した記事の編集画像はすべて photoscapeで作っています。

また画像の切り取りにはsnipping toolとprintscreenを組み合わせて使っています。

これらの使い方については別記事に書いてみたいと思います。

Sponsored Link

Sponsored Link

関連記事

  1. 無料だけど超優秀 圧縮・解凍ソフト『Lhaplus』のインストー…
  2. AviUtlのすべてのエフェクトについての解説⑧ラスター・波紋・…
  3. AviUtl テキストオブジェクト編集詳細 字幕・テロップ・エン…
  4. AviUtlのすべてのエフェクトについての解説②発光・閃光・拡散…
  5. AviUtlのすべてのエフェクトについての解説⑨ミラー・画像ルー…
  6. AviUtil カメラ制御の基本の基本を詳しく解説
  7. AviUtil タイムラインの使い方②オブジェクト内をクリックす…
  8. AviUtlのすべてのエフェクトについての解説⑤透過・透明化エフ…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

サイト構築関連

  1. ソースコードを記事中に表示させるために必要なことは?簡単にソースコード変換ができるサイトやプラグインEnlighter – Customizable Syntax Highlighterも紹介
  2. 【Basics of site construction】多すぎる選択肢 ホームページ作成方法  HTMLとCMSの長所と短所を知るべし
  3. WordPressエディタ「Gutenberg」の使い方 総まとめ
  4. Windows10 でフォルダの拡張子を表示するには?
  5. 簡単なワードプレスのバックアップ方法 エックサーバーでの詳細説明
  6. 独自ドメインのメールアドレスとメールソフトの設定について!Windows10やGmailでで簡単に送受信する方法や
  7. HTMLで動画や画像を埋め込みする方法を詳説
  8. WordPress新エディタ「Gutenberg」の使い方

プログラミング関連

Sponsored Link

おすすめ記事

知っておくと便利なセレクタまとめ

セレクタについてはその基本を以下の記事にまとめてありますが。https://maliaj…

WordPressエディタ「Gutenberg」の使い方 総まとめ

WordPressエディタ「Gutenberg」の使い方についていくつか記事を書いてみました。その過…

WordPressエディタ「Gutenberg」で用意されている各ブロックの解説 

前記事で新エディタ「Gutenberg」を使って記事を書くために必要な最低限のものについて解説しま…

WordPress新エディタ「Gutenberg」の使い方

使い勝手がかなり違うように見える新エディタだが使い方はシンプル。新エディタはブロックを…

aタグの活用 記事の途中にジャンプさせたりCSSでリンクボタンを作る

HTMLのリンク<aタグ>の書き方外部リンクタグの基本HTMLはハイパーテキストですので他の…

HTML ul ol liタグで作る箇条書きリスト 使い方の基本

箇条書きリスト作成の基本の基本箇条書きを作るタグにはul・li、 ol・liの組み合わせがあって…

HTML CSS テーブル(表)の作り方とその装飾の仕方 基本

表(table)の作り方表を作るには。テーブルタグを使います。<TABLE&g…

HTMLとCSS 初歩的な文字装飾 基本まとめ

文字装飾の基本をまとめておきます。難しくありませんので、一つ一つ確実に押さえておきたいです。…

自己紹介

自己紹介

酒場マリアジョイ

酒場マリアジョイ

ウエブマーケティング入門酒場 
マリアジョイ
疲れたら一休み(^_-)-☆

AviUtl

AviUtl

AviUtlの初期設定・使い方の実際
・エンコードなどについて
書いた記事をまとめてあります。

Sponsored Link

普段使い画像編集ソフト

普段使い画像編集ソフト

普段遣い画像編集ソフト
軽快にちゃっちゃか編集できるすぐれものです。

人気の投稿とページ

MPC-BE 優れた動画再生ソフトの設定と使い方基本的なことの詳細
Windows10でブルーライトカットの設定 コントロールパネルの使い方
HTMLで動画や画像を埋め込みする方法を詳説
AviUtlのすべてのエフェクトについての解説③クリッピング・斜めクリッピング・マスク
AviUtil カメラ制御の基本の基本を詳しく解説
コーデックとしてUt Video Codec Suiteの特徴と設定の仕方
HTMLとCSS 初歩的な文字装飾 基本まとめ
AviUtlのすべてのエフェクトについての解説④ぼかし・境界ぼかし・モザイク
GIF形式で動画を保存したり動画・画像を編集するのに超便利!無料なのに高機能!EZGIF.COM
AviUtilの各ウインドウの解説 「メインウィンドウ」詳細

ソフト・アプリの使い方

PAGE TOP