Oops! It appears that you have disabled your Javascript. In order for you to see this page as it is meant to appear, we ask that you please re-enable your Javascript!

photoshop コーダー

photoshopのスライスで不要な部分が保存されるのを防ぐ方法

投稿日:

Pocket

うも、チャーさんです。

 

あなたはphotoshopでスライスをした際に、

範囲選択した部分以外の不要なスライスが、

保存されてしまって困っていませんか?

 

この記事では、不要なスライスが保存されるのを、

防ぎ、選択した範囲のスライスだけが保存される、

方法を紹介しています。

 

 

なので、あなたがphotoshopのスライスで、

不要な切り出しが保存されてしまうと困っているなら、

ぜひこのまま下にスクロールして読んでみてください。

 

スポンサードサーチ

photoshopで不要なスライスが保存されるのを防ぐには

 

でまず結論です。

 

スライスで選択した範囲のみを保存する方法は、

web保存の際に全てのユーザー定義スライス

というものに設定することです。

 

 

というのも、photoshopのスライスツールの

切り出しからの、web保存では、

初期値が全てのスライスというものになっています。

 

で、全てのスライスというのは、まさに全てのスライスでして、

あなたが切り出した部分以外も全て、

スライスとして切り出されてしまうわけです。

 

 

上の説明がわかりづらい場合に備え、

イメージしやすいように例を交えて

もう少し詳しく言います。

 

例えば、画像があって、

あなたが一部分だけ切り出したいと思い、

範囲を選択したとしますよね。

 

で、この場合全てのスライスという設定で、

保存をしてしまうと、その選択範囲以外も、

スライスとして保存されてしまうのです。

 

 

ですが、全てのユーザー定義スライス、

という設定にしておくと、

あなたが切り出しで範囲を選択した部分だけが、

 

画像ファイルとして切り出されるようになります。

 

 

なので、あなたがphotoshopで、

psdデータから切り出しをする際に、

スライスで選択した範囲以外の部分まで切り出される。。

 

と困っている場合は、全てのユーザー定義スライス、

という項目を指定した上で、

切り出した素材を保存しましょう。

 

スポンサードサーチ

スライスツールで選択した範囲だけ保存する手順

 

で、やり方ですが、

まずは普通にスライスツールを使って、

あなたが切り出したい素材を範囲選択します。

 

次に、ファイルタブから、

web用に保存をクリックします。

 

次に、pngjpgなどの、

拡張子の選択画面になると思うので、

そこはあなたのお好みで拡張子を選びましょう。

 

 

で次に、ファイルの保存先の画面が表示されますが、

そこに表示されてる全てのスライスを、

全てのユーザー定義スライスに変更しましょう。

 

そして、保存ボタンをクリックしましょう。

 

 

そうすると、あなたが切り出したいと、

範囲選択をした部分だけが、

画像として保存されます。

 

これで、スライスツールで、選択した範囲以外の部分が、

画像として保存される、、という問題を解決できますよ。

 

 

スポンサードサーチ

まとめ

 

それではまとめに入ります。

 

photoshopのスライスで不要な、

スライスが保存されるのを防ぎたいなら、

 

その方法は、全てのユーザー定義スライス、

という項目に切り替えた上で、保存することです。

 

 

すると、余計な部分がスライスとして、

切り出されて保存されずにすみますよ。

 

ということで、photoshopの不要なスライスが、

保存されるを解決する記事でした。

 

 

それでは、読んでもらってありがとうございました。

 

チャーさん

-photoshop, コーダー


スポンサードサーチ

関連記事

no image

ファビコンの作り方「自作したい人向け」

どうも、チャーさんです。   あなたはあなたのサイト用に、 ファビコンを作りたい。 そう思ってませんか?   この記事ではファビコンの作り方を、 紹介してます。(自作方法を) &n …

no image

コーダーになるにはこの5つのステップを踏みましょう

どうも、チャーさんです。   あなたはコーダーになるには、 どうすれば、どんな手順を踏めばなれるのかな、 と思ってませんか?   この記事では完全に0から、 コーダーになるそのため …

no image

webページのコーディングを効率化し3分の1の時間で制作する方法

どうも、チャーさんです。   あなたはwebページのコーディングを、 効率的にしたいと思っていませんか?   1ページ作るのに10時間とかかかって、 困ってる、という状態ではありま …

no image

wordpressで条件分岐でcss(デザイン)を切り替える方法

どうもチャーさんです。 あなたはwordpresで、条件分岐させて、 css(デザイン)を切り替えたいと思っていませんか?   ページごとに違うデザインを施せるように したい、そう思っていま …

no image

webページにトップへ戻る機能をつける簡単な方法「2行書けばできます」

どうも、チャーさんです。   あなたはwebページにトップへ戻る機能を、 つけたいと思っていませんか?   この記事ではトップへ戻るを作る方法を、 紹介してます。   & …

no image

グーグルマップ埋め込みをする簡単3ステップを紹介

どうも、チャーさんです。   あなたは、グーグルマップの埋め込みは、 どうやってやればいいのか? と疑問を持っていませんか。   この記事では、グーグルマップの埋め込みの、 方法を …

no image

コーダーの仕事内容をわかりやすく紹介します。

どうもチャーさんです。   あなたはコーダーの仕事内容って、 どんなだろう? と思っていませんか。   またコーダーって具体的にどんなことをやってるんだろう? と疑問に思っていませ …

no image

flexcssを使って横並びにする方法(ページ制作に超便利です)

どうも、チャーさんです。   あなたはflexというcssのプロパティを使い、 要素を横並びにする方法を知りたい。 そう思っていませんか?   この記事ではcssのflexを使い、 …

no image

コーダーがphotoshopを使えた方がいいのかについて書きます。

どうも、チャーさんです。   あなたはコーダーはphotoshopを、 学んだ方がいいのか?   仕事獲得のためには、コーダーも、 photoshopを使えた方がいいのか? と疑問 …

no image

デベロッパーツールの使い方を紹介します。「コーダーは知るの推奨です」

どうも、チャーさんです。   あなたはデベロッパーツールって、 どう使ったらいいのか?と思っていませんか。   そもそもどんな使い道があるん? と疑問に思っていませんか。 &nbs …

最新記事

チャーさん

プログラミング・筋トレ・unity系の記事などを書いてます。

大学卒業後→開業→個人事業主7年目ぐらいです。webサイト制作したり、unityでゲーム開発しております。

youtubeもやってまして、主にプログラミング動画とかunity系の動画をあげてるので見てください。