大阪・写真撮影とデザインで、あなたのブランディングをお手伝い! brightscape(ブライトスケープ)フォト&デザイン

未来に続く「輝く風景」を撮りたいという想いから、brightscape(ブライトスケープ)とつけました。

【募集中のレッスン☆】
iPhoneフォトレッスン 日程決まりしだい発表します♪


【個人レッスンについて】
フォトレッスンや、
Lightroomの使い方レッスン、
Photoshopの使い方レッスン、
アメブロカスタマイズレッスンなど、
個人レッスンは、内容もご希望に合わせますので、
お問い合わせくださいね(*^^*)


テーマ:


アメブロを、iPhoneやスマホで見ると、
本文の写真の縦のサイズが伸びて、
変形してしまう時の
対処方法(直し方)をご紹介します♪



中之島公園 バラ

 

写真撮影&デザインで、
あなたのブランディングをお手伝い!
kie(きぃ)です。
iPhoneフォト&Instagramも研究中です♪


先日アップした記事を、
iPhoneで見たら、


なんと!
写真のタテの大きさが長くなって、
変形してしまってましたΣ(゚д゚;)


 

iPhone アメブロ 画面 スクリーンショット

 


もう、ビックリ!(;´Д`)


このブログは、写真ブログで、
iPhoneフォトの撮り方なども、ご紹介してるのに、
ほとんどの写真が縦に長く変形して、
ヘンな写真に、なってしまっているなんて〜(>_<)


ちなみに、横幅300px位の小さな画像は、
変形せず、無事でした!



私は、写真を大きく見てもらえるように、
PCの表示は、2カラムにして、
画像の横幅も、500px〜600px位にしているので、
ほとんど、横幅が狭くなって、縦に伸びたような画像に。。。


正方形の画像も、こんな縦長に(´Д`;)


iPhone アメブロ 画面 スクリーンショット



iPhoneで見ても、この間までは、
きちんと見えていたと思うんですけど・・・(´Д`;)



iPhone・スマホで、
記事を見に来てくださった皆さん、
写真がヒドイことになっていて、
本当にすみません〜m(_ _)m




この原因は、
私のiPhoneの問題なのか?
アメブロの仕様が変わったのか?
わかりませんけど、
とにかく、直していきたいと思います。



それでは、スマホでも、
画像の横幅が細くならないように、
きちんと表示させる方法を
書き留めておきます〜♪



まず、最初にやった方法は、
私は、効果がなかったのですが、
念のため、書いておきますね。


1)CSSを編集する方法(効果なし)


「ブログ管理」画面から、
「デザインの変更」
「CSSの編集」へと、進みます。


CSSに下記の記述を追加します。
 

.articleText .detailOn img, .entry .detailOn img {
  max-width: 100% !important;
  height: auto !important;
}




画像の横幅を、
記事画面の横幅より大きくならないようにして、
それに合わせて、縦のサイズを調整するようにします。



これで直ると思ったのですが、
今回は、なおりませんでした・・・(>_<)



まだ、記事の画像につけている縦サイズの指定が、
効いてしまっているようです。



そこで、記事の画像の指定も、
縦のサイズが、横のサイズに合わせて、
変わるように書き換えました。
今度は、成功です♪(*^^*)




2)記事のhtmlタグを編集する方法(成功)


記事のHTMLタグを、下記のように変更。


【変更前】
縦・横とも、サイズを指定していました。
 

<a href="http://stat.ameba.jp/user_images/〜〜〜〜〜.png"><img style="width:500px; height:333px; border:none;" alt="中之島公園 バラ" ratio="1.5015015015015014"  id="〜〜〜"  src="http://stat.ameba.jp/user_images/〜〜〜〜〜.png" /></a>


    下矢印

【変更後】
縦のサイズが、横幅に合わせて
変わるようにしました。
 

<a href="http://stat.ameba.jp/user_images/〜〜〜〜〜.png"><img style="width:500px; height:auto; border:none;" alt="中之島公園 バラ" ratio="1.5015015015015014"  id="〜〜〜"  src="http://stat.ameba.jp/user_images/〜〜〜〜〜.png" /></a>




これで、きちんと表示されました〜(*^^*)


iPhone アメブロ 画面 スクリーンショット


でも、記事の画像のタグを、
全て書き換えるのは、無理な気がします(^_^;)



他に良い方法が見つかったら、
またご紹介しますね〜(*^^*)


もし、良い方法を知ってる方がおられましたら、
教えていただけると嬉しいです!
よろしくお願いします〜m(_ _)m



 


ブログランキングに参加しています☆
見たよ!の代わりに、クリックしていただけると
すごく励みになります☆(*^^*)
 ↓ ↓ ↓




インスタも、ちょこちょこポストしてます♪
フォローしていただけると
とっても嬉しいです(*´◡`*)
 ↓ ↓ ↓
Instagram kie Instagram インスタグラム

 


【kie フォト&デザイン メニュー】

引き寄せフォト・プロフィール写真、ポートレート撮影
出張・プライベート フォトレッスン(個人・グループ)
ノートパソコンPhotoshop(フォトショップ)レッスン(個人・グループ)

ノートパソコンアメブロカスタマイズ レッスン(個人・グループ)
ノートパソコンアメブロカスタマイズ
名刺名刺 制作

ホームページ制作、
Lightroom レッスンなど、
ご要望に応じて行いますので
ご相談くださいね(*´◡`*)


お申込み・お問い合わせは
こちらから☆

 ↓ ↓ ↓
お申込み お問い合わせ

 


 
 
 

AD
いいね!した人  |  コメント(8)  |  リブログ(0)

テーマ:

iPhoneカメラで撮った足元写真♪

構図がイマイチになってしまった時、
アプリ・インスタグラムで、
お洒落に画像加工する方法





写真撮影&デザインで、
あなたのブランディングをお手伝い!
kie(きぃ)です。
iPhoneフォト&Instagramも研究中です♪



インスタっぽく、オシャレな足元写真☆
iPhone(アイフォーン)で、
誰でも簡単に撮れるので、
人気ですね〜♪(´▽`)




でも、撮った時は、
これでOK!って思ってたのに、

じっくり見ると、なんだかイマイチ(><;)
ってことは、ありませんか〜?


例えば、コレ!



ラインが少し傾いていたり、
センター(真ん中)がズレているのも、
イマイチな印象になるので、
アプリで修正したいと思いますけど・・・



でも、それだけじゃなく、

構図が、イマイチなようですね(^_^;)


画面の下の真ん中に、
足元を、ちょこんと写す というのは、
足元写真の定番!なので、
普通は、これで、大丈夫なんですけど、



今回は、地面のラインの写り方がイマイチで、


これは、撮影の時に、構図を変えて、
撮ってみるべきだった〜(・_・;)
って、思いました。


でも、撮り直しに行く時間がなかったので、
今回は、アプリで修正したいと思います〜(*^^*)



本当は、撮る時に、
いろんな構図やアングルで
撮ってみるのが、おすすめです☆


これ、重要です〜(´▽`)



でも、いろんな構図で撮れなかった時は、
アプリに、助けてもらいましょう♪(*^^*)


使うアプリ・インスタグラムは、
iPhoneでも、アンドロイドでも、使えます!


加工工程は、構図の変更だけじゃなく
全てを、ご紹介しますね♪


↓)まず、「Instagram(インスタグラム)」を
起動しましょう。

インスタグラムで加工0




↓)「カメラボタン」をタップ。

インスタグラムで加工2




↓)カメラロールから、
画像を選んで、タップ。

インスタグラムで加工2

↑)カメラロールが出ない時は、
左下の「ライブラリ」をタップしてください。



↓)好みのフィルターを選びます。
今回は、「Lark」を選びました。

インスタグラムで加工3

↑)もう一度、フィルターをタップすると、
フィルターのかかり具合を調整する画面に変わります。



↓)左右にスライドして、
フィルターのかかり具合を調整し、
「完了」をタップ。
今回は、80%にしました。

インスタグラムで加工4




↓)次は、「Lux」を調整します。
「太陽マーク(Lux)」をタップします。

インスタグラムで加工5




↓)「Lux」(照度)を調整します。

今回は、左にスライドして「0」にして、
照らしている光の強さを弱めました。
そうすると、コントラストが弱くなります。

調整できたら、「完了」をタップ。

インスタグラムで加工6




↓)次は、いろんな加工をしたいので、
「編集」をタップ。

インスタグラムで加工7




↓)傾きや歪みなどを調整したいので、
「調整」をタップ。

インスタグラムで加工8




↓)「グリッド」を2回タップして、
グリッドの間隔を細かくします。

グリッドが細かい方が、
縦横のラインを、きっちり合わせやすくなります。

インスタグラムで加工9




いよいよ、ここからが、今回のキモ!
傾きや歪みを整えて、
写真を、ワンランクアップさせ、

トリミング(切り抜き)して、
構図も変更します。



↓)まずは、「傾き」を調整。
メモリを、左右にスライドして、
地面のラインが、グリッドに平行になるように調整します。

真ん中辺りの歪みが少ないところを
グリッドに合わせましょう。

インスタグラムで加工9b




↓)次は、「縦」方向「横」方向の歪みを、調整します。

「縦」「横」それぞれ、左右にスライドさせて、
地面のラインが、できるだけ 縦横のグリッドに平行になるよう調整します。

今回は、「縦」方向に歪んでいて、
上部に行くにつれ、ライン間の幅が狭くなっていたので、
それを、調整しました。

インスタグラムで加工9c




↓)そして、ピンチイン&ピンチアウトで
トリミング(切り抜き)を調整します。

今回は、足元を、画面の左下にすると、
良い感じの構図になりました。

インスタグラムで加工10

まだ、傾きや歪みがあるようでしたら、微調整し、
調整できたら、「完了」をタップしてください。


調整の順番は、やりやすい順番でOKです!
先に、トリミングを決めてから、
傾きや歪みを調整しても(*^^*)



↓)次は、「フェード」をタップ。

インスタグラムで加工11




↓)少し右にスライドさせて、
フェードをかけて、白っぽくします。
優しい印象になります。

インスタグラムで加工12




↓)加工ができあがったので、
「次へ」をタップ。

インスタグラムで加工13




↓)キャプションを書いて、
「シェア」をタップすると、
インスタグラムにポスト(投稿)され、
カメラロールに保存されます。

インスタグラムで加工14



インスタにポスト(投稿)せずに、
保存だけしたい時は、こちらの方法で・・・
 ↓ ↓ ↓
Instagram(インスタグラム)で、投稿せずに、保存だけする方法



トリミングして、構図を変更すると、
オシャレになりました~♪( ´ ▽ ` )


いつもながら、自画自賛です(笑)



(文字入れは、Macでしました〜笑)



iPhoneで撮った写真が、
なんだかイマイチだな〜って思った時、
トリミングして、構図を変えると、
写真の印象が変わります☆



機会があれば、やってみてください〜(´▽`)



インスタっぽい足元写真を撮る時は、
こちらも、参考にしていただけると嬉しいです(*^^*)
 ↓ ↓ ↓
インスタっぽくお洒落な足元写真、
iPhoneで撮るには どうすればいい?
失敗例もご紹介!






ブログランキングに参加しています☆
見たよ!の代わりに、クリックしていただけると
とっても励みになります☆(*^^*)
 ↓ ↓ ↓




インスタも、ちょこちょこポストしてます♪
フォローしていただけると
とっても嬉しいです(*´◡`*)
 ↓ ↓ ↓
Instagram kie Instagram インスタグラム





【kie フォト&デザイン メニュー】

引き寄せフォト・プロフィール写真、ポートレート撮影
出張・プライベート フォトレッスン(個人・グループ)
ノートパソコンPhotoshop(フォトショップ)レッスン(個人・グループ)

ノートパソコンアメブロカスタマイズ レッスン(個人・グループ)
ノートパソコンアメブロカスタマイズ
名刺名刺 制作

ホームページ制作、
Lightroom レッスンなど、
ご要望に応じて行いますので
ご相談くださいね(*´◡`*)


お申込み・お問い合わせは
こちらから☆

 ↓ ↓ ↓
お申込み お問い合わせ





AD
いいね!した人  |  コメント(0)  |  リブログ(0)


プロフィール写真&ポートレート撮影☆
緑の中で、ロケーションフォト。

ヘグム奏者・李美香さんを、
撮影させていただきました♪



ヘグム奏者・李美香さん



写真撮影&デザインで、
あなたのブランディングをお手伝い!
kie(きぃ)です。
iPhoneフォト&Instagramも研究中です♪



先日は、
ヘグム奏者・李美香さんの
イメージフォトをご紹介させていただきました(*^^*)

【撮影実績】
アメブロヘッダー用イメージ写真を、自然の中で撮影♪
ヘグム奏者・李美香さん




今日は、一緒に撮らせていただいた
プロフィール写真をご紹介します♪



今回は、ブログヘッダーもご依頼いただいていましたので、
撮影前にお会いして、打ち合わせ(*^^*)


撮影の構想を練るために、
まずは、いろいろなお話をお聞きしました。



伝統楽器のヘグムを、
堅苦しいイメージではなく、
もっと多くの人に親しんでもらえるよう、
広めていきたい!
と、話してくださった美香さん。


そして、
全て自然の素材から作られている
楽器・ヘグムからイメージを広げていき、


自然の中で、広がっていくイメージで
撮りましょう!と
今回の撮影場所を決定しました☆




ヘグム奏者・李美香さん



撮影中は、
いろいろとお話をしながら、
撮らせていただきました。


そして、
よりナチュラルな雰囲気が出るよう、
実際に演奏もしていただきました。


溢れる緑の中で、
演奏する美香さんは、
自然に溶け込んで、
とっても素敵でした〜♡



優しさと、芯の強さを持った
素敵な音楽家さん。


そして、日本と韓国の橋渡しとなるような
コンサートを実現させたりと、
行動力も素晴らしい、美香さん。


夢が叶い、さらに広がっている
そんな お写真を・・・


1枚のお写真に、
美香さんの素敵さを
いっぱい いっぱい 詰め込んで、
見ている方に、お伝えしたい・・・



そんな想いを込めて、
撮影させていただきました(*´◡`*)





李美香さんは、各地でコンサートをされています。
また、大阪で、ヘグムを教えるお教室もされています。
詳しくは、美香さんのホームページやブログをご覧ください〜♪

美香さんのブログはこちら☆
ヘグム奏者 李美香・大阪 ヘグム教室 Hyang





ブログランキングに参加しています☆
応援クリックしていただけると
すごく 嬉しいです♪(*^^*)
とっても励みになります☆
 ↓ ↓ ↓




インスタも、ちょこちょこポストしてます♪
フォローしていただけると
とっても嬉しいです(*´◡`*)
 ↓ ↓ ↓
Instagram kie Instagram インスタグラム





【kie フォト&デザイン メニュー】

引き寄せフォト・プロフィール写真、ポートレート撮影
出張・プライベート フォトレッスン(個人・グループ)
ノートパソコンPhotoshop(フォトショップ)レッスン(個人・グループ)

ノートパソコンアメブロカスタマイズ レッスン(個人・グループ)
ノートパソコンアメブロカスタマイズ
名刺名刺 制作

ホームページ制作、
Lightroom レッスンなど、
ご要望に応じて行いますので
ご相談くださいね(*´◡`*)


お申込み・お問い合わせは
こちらから☆

 ↓ ↓ ↓
お申込み お問い合わせ





AD
いいね!した人  |  コメント(0)  |  リブログ(0)


プロフィール写真&ポートレート、
アメブロヘッダー用イメージ写真の
ロケーションフォト撮影☆

ヘグム奏者・李美香さんを、
自然の中で撮影させていただきました♪




ヘグム奏者・李美香さん



写真撮影&デザインで、
あなたのブランディングをお手伝い!
kie(きぃ)です。
iPhoneフォト&Instagramも研究中です♪



撮影させていただいたお写真の編集作業に忙しく、
(実は、撮影より、編集作業の方が、すご〜く時間がかかるのです☆)


ふと気が付くと、
撮影させていただいたお写真を、
全然ご紹介できていませんでした。。。(;´Д`)


素敵な方々を
撮影させていただいたことは、
私の宝物♡


少しずつ、ご紹介させていただきたいと思います(*^^*)



ヘグム奏者・李美香さん



ヘグム奏者・李美香さん


プロフィール写真と
アメブロヘッダー用のイメージ写真を、
撮影させていただき、

アメブロのヘッダー画像も
デザインさせていただきました(*^^*)


(ご紹介がすごく遅くなって、すみませんm(_ _)m)




ヘグムという楽器は、
全て自然のものから、作られているそうです。

ということから・・・

自然の中で、伸びやかなイメージで撮影♪




ヘグム奏者・李美香さん



撮影日は、お天気も良く、
緑がキラキラ輝いて、
その中で演奏する美香さんは、
自然と一体になっているようでした♡


実際に、ちょっと弾いていただきました( ´艸`)


自然の中で聞く音楽は、
本当に心地良いですね〜♪(*^^*)



李美香さんは、ヘグムを教えるお教室もされています。
韓流ドラマの影響で、ヘグムは大人気だそうですよ〜(´▽`)
詳しくは、美香さんのホームページやブログをご覧くださいね♪

美香さんのブログはこちら☆
ヘグム奏者 李美香・大阪 ヘグム教室 Hyang





ブログランキングに参加しています☆
応援クリックしていただけると
すごく 嬉しいです♪(*^^*)
とっても励みになります☆
 ↓ ↓ ↓




インスタも、ちょこちょこポストしてます♪
フォローしていただけると
とっても嬉しいです(*´◡`*)
 ↓ ↓ ↓
Instagram kie Instagram インスタグラム





【kie フォト&デザイン メニュー】

引き寄せフォト・プロフィール写真、ポートレート撮影
出張・プライベート フォトレッスン(個人・グループ)
ノートパソコンPhotoshop(フォトショップ)レッスン(個人・グループ)

ノートパソコンアメブロカスタマイズ レッスン(個人・グループ)
ノートパソコンアメブロカスタマイズ
名刺名刺 制作

ホームページ制作、
Lightroom レッスンなど、
ご要望に応じて行いますので
ご相談くださいね(*´◡`*)


お申込み・お問い合わせは
こちらから☆

 ↓ ↓ ↓
お申込み お問い合わせ





いいね!した人  |  コメント(0)  |  リブログ(0)

テーマ:

インスタジェニックな足元写真♪

iPhoneアプリ・インスタグラムで、
オシャレに画像加工する方法




写真撮影&デザインで、
あなたのブランディングをお手伝い!
kie(きぃ)です。
iPhoneフォト&Instagramも研究中です♪



お気に入りの
FABIO RUSCONI(ファビオ ルスコーニ)の
スエード サンダル☆


インスタにポスト(投稿)しようと、
iPhoneカメラで撮影しました〜♪(*´◡`*)


その撮り方は、
ウェブマガジンKlastylingに掲載していただきました♪
↓ ↓ ↓

インスタグラムで人気の足元写真!
iPhoneカメラで素敵に撮るコツ


良かったら、ご覧くださいね〜♪(*^^*)



そして、いつも通り(笑)
こちらのブログでは、
画像加工の方法をご紹介します〜(*^^*)


アプリは、iPhoneでも、
アンドロイドでもOK!の
インスタグラムを使います♪




最近、インスタで加工することが多いので、
ブログをちょこちょこ見てくださってる方は、
もうご紹介しなくても、
加工方法はわかるかもしれませんね( ´艸`)


インスタにポストする写真は、
統一感が出るようにしているので、
加工方法も似ているんです(*^^*)


それでも、写真によって、
少〜しずつ加工の数値などが違うので、
ご紹介させていただきますね〜



iPhoneで撮った画像は、こちら☆


コンクリートの地面のグレーを
もう少し明るくして、
爽やかにしたいと思います。



↓)それでは、「Instagram(インスタグラム)」を
起動しましょう。

インスタグラムで加工0




↓)「カメラボタン」をタップ。

インスタグラムで加工1




↓)画像を選んで、タップ。

インスタグラムで加工2




↓)好みのフィルターを選びます。
今回は、「Lark」を選びました。

もう一度、フィルターをタップすると、
フィルターのかかり具合を調整する画面に変わります。

インスタグラムで加工3




↓)左右にスライドして、
フィルターのかかり具合を調整し、
「完了」をタップ。
今回は、100%にしました。

インスタグラムで加工4




↓)次は、「Lux」を調整します。
「太陽マーク(Lux)」をタップします。

インスタグラムで加工5




↓)「Lux」(照度)を調整します。
今回は、左にスライドして、
照らしている光の強さを弱めました。
調整できたら、「完了」をタップ。

インスタグラムで加工6




↓)次は、いろんな加工をしたいので、
「編集」をタップ。

インスタグラムで加工7




↓)「調整」をタップ。

インスタグラムで加工8




↓)ピンチイン&ピンチアウトで
トリミング(切り抜き)を調整します。
その時に、歪みや傾きが、気になったら、
調整しましょう。

インスタグラムで加工9




↓)「ハイライト」をタップ。

インスタグラムで加工10




↓)左右にスライドして、
ハイライト部分の明るさを調整します。

今回は、少し明るくしたいので、
右にスライドして明るくしました。

調整できたら「完了」をタップします。

インスタグラムで加工11




↓)次は、「フェード」をタップ。

インスタグラムで加工12




↓)少し右にスライドさせて、
フェードをかけて、白っぽくします。
優しい印象になります。

インスタグラムで加工13




↓)加工ができあがったので、
「次へ」をタップ。

インスタグラムで加工14




↓)キャプションを書いて、
「シェア」をタップすると、
インスタグラムにポスト(投稿)され、
カメラロールに保存されます。

インスタグラムで加工15




インスタにポスト(投稿)せずに、
保存だけしたい時は、こちらの方法で・・・
 ↓ ↓ ↓
Instagram(インスタグラム)で、投稿せずに、保存だけする方法



画像加工すると、さらに
インスタっぽくなりました~♪( ´ ▽ ` )





上の画像加工と同様に、
Klastylingでご紹介した他の画像も、
インスタグラムで画像加工しました!


画像加工の方法は、こちら☆
 ↓ ↓ ↓

iPhone写真☆
構図がイマイチになった時は、
アプリ「インスタグラム」で編集して、オシャレに♪





ブログランキングに参加しています☆
応援クリックしていただけると
すごく 嬉しいです♪(*^^*)
とっても励みになります☆
 ↓ ↓ ↓




インスタも、ちょこちょこポストしてます♪
フォローしていただけると
とっても嬉しいです(*´◡`*)
 ↓ ↓ ↓
Instagram kie Instagram インスタグラム





【kie フォト&デザイン メニュー】

引き寄せフォト・プロフィール写真、ポートレート撮影
出張・プライベート フォトレッスン(個人・グループ)
ノートパソコンPhotoshop(フォトショップ)レッスン(個人・グループ)

ノートパソコンアメブロカスタマイズ レッスン(個人・グループ)
ノートパソコンアメブロカスタマイズ
名刺名刺 制作

ホームページ制作、
Lightroom レッスンなど、
ご要望に応じて行いますので
ご相談くださいね(*´◡`*)


お申込み・お問い合わせは
こちらから☆

 ↓ ↓ ↓
お申込み お問い合わせ





いいね!した人  |  コメント(2)  |  リブログ(0)

AD

Ameba人気のブログ

Amebaトピックス

      ランキング

      • 総合
      • 新登場
      • 急上昇
      • トレンド

      ブログをはじめる

      たくさんの芸能人・有名人が
      書いているAmebaブログを
      無料で簡単にはじめることができます。

      公式トップブロガーへ応募

      多くの方にご紹介したいブログを
      執筆する方を「公式トップブロガー」
      として認定しております。

      芸能人・有名人ブログを開設

      Amebaブログでは、芸能人・有名人ブログを
      ご希望される著名人の方/事務所様を
      随時募集しております。