コンテンツへスキップ

無料ソフト「GIMP」で PSD ファイルを編集する(ボタンの色を変える)

この記事では、GIMP という無料のソフトを使って、PSD ファイルの編集方法を解説します。無料なのですが非常に高機能です。ぜひ使い方をマスターしましょう。今回は、Unity アセットストアからダウンロードしてきた PSD ファイルを編集して、ボタンの色を変えてみます。

GIMP のダウンロード

下図のページからソフトをダウンロードします。インストールの手順も整理されているので、その内容に従ってインストールまで実施してください。

how-to-use-gimp1

GIMP でボタンの色を変更する

STEP1:GIMP を起動する

Windows の場合、検索窓に「GIMP」と入力すると、「GIMP」が表示されるのでこれをクリックします。デスクトップにアプリのアイコンがある場合は、デスクトップから起動することもできます。

how-to-use-gimp2

STEP2:PSD ファイルを読み込む

① GIMP が起動すると下記のようなメニューバーが表示されます。この中から「ファイル」⇒「開く / インポート」を選択します。

how-to-use-gimp3

② 該当の PSD ファイルを選択し、「開く」をクリックします。私の場合、フォルダパス「D:\programs\Unity\2D\Action-Game\Assets\ZImport」内に インポートしたアセットを置いています。

how-to-use-gimp4
how-to-use-gimp5

今回編集するのは、Unity アセットストアにある「2D カジュアル UI HD」というアセットです。

STEP3:GIMP でボタンの色を変更する

① 下図のツールバーの中の「切り抜き」を選択します。

how-to-use-gimp6

② ボタンの画像を切り抜きます。

how-to-use-gimp7

③ 赤枠部分がボタンのレイヤーです。

how-to-use-gimp8

④ ③のレイヤーを展開します。緑色のレイヤー(下記の Layer 3)を他の色に変更します。変更するレイヤーを選択します。

how-to-use-gimp9

⑤ 「塗りつぶし」を選択し、赤色でボタンを塗りつぶします。

how-to-use-gimp10

STEP4:変更したボタンを保存する

① 「ファイル」⇒「名前を付けてエクスポート」を選択します。

how-to-use-gimp11

② ファイルの拡張子に png や jpg などをつけて保存します。

how-to-use-gimp12

以上で、GIMP で PSD ファイルを編集する方法の解説を終わります。GIMP は色を変えるだけでなくもっと色々なことができます。興味のある方はぜひ調べてみてくださいね。

広告

コメントを残す

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

CAPTCHA