블로그와 SNS 콘텐츠를 위한 사진 이미지 작업 노하우 2

2015.07.16 14:00다독다독, 다시보기/기획연재


블로그 글의 자연스런 흐름과 사진의 관계


글의 텍스트와 사진의 배치는 물흐르듯이 자연스럽게 배치하는 것이 중요한 기준입니다. 뜬금없이 나타나는 사진은 독자의 읽기를 방해할 뿐만 아니라 읽어내려가던 흐름을 무너뜨리게 만들 수도 있다는 뜻입니다. 사진은 소통을 위한 메시지라는 의미를 가지고 사진의 배치에 대해 판단해야 합니다. 


텍스트 내용 다음에 사진을 배치 : 텍스트를 중심으로 글을 쓸 경우에 사용하는 전통적인 편집 방식



사진을 먼저 제공하고 텍스트 배치 :  사진이 소통 주체의 주요 방법으로 사용할 경우에 사용하는 방식



사진을 중심으로 텍스트가 보완 : 사진 중심으로 글을 작성하면서 텍스트는 사진 보완으로만 사용하는 방식




사진 이미지 편집을 위한 보정 그리고 색(color)


사용하기로 결정한 사진을 좀더 낫게 만들어주는 특별한 효과를 주기 위한 처리 작업입니다. 이 작업을 위해 색이라는 것의 의미를 먼저 살펴보겠습니다. 사람의 눈은 세상의 사물을 색과 형태에 의해서 알아차립니다. 따라서 색은 시각의 기본적 요소 중 하나입니다. 우리가 색을 감지한다는 것은 빛이 눈에 들어와서 색에 대한 지각을 일으키는 과정입니다. 빛에 담겨져 있는 다양한 색의 세계를 만나는 과정이지요.


우리가 색을 감지한다는 것은 빛이 눈에 들어와서 색에 대한 지각을 일으키는 과정이다. 출처 : 위키미디어


사물의 색을 무채색과 유채색 두가지로 구분합니다. 흰색, 회색, 검정과 같이 채색(彩色)을 가지지 않는 것이 무채색(無彩色)입니다. 빨강, 파랑 등과 같이 채색을 가지는 것이 유채색(有彩色)입니다. 사진 이미지의 무채색과 유채색을 포토샵 같은 프로그램으로 편집할 수 있는데 조금 다른 개념으로 명도(brightness), 대비(contrast), 색의 균형(color balance), 채도(color saturation)라고 합니다.


포토샵 프로그램의 색상 피커 도구


명도 : 이미지 편집 프로그램을 이용하면 사진의 밝기를 조정할 수 있습니다. 명도가 너무 높으면 사진의 밝은 부분은 하얗게 되고 너무 낮추면 어둡게 나타납니다. 무채색에서 흰색은 밝고, 검정은 어둡고, 회색은 그 중간 밝기를 가지는 것처럼 밝기라는 성질이 있는데 이 성질을 수치로 나타내어 명도라고 합니다. 유채색에도 멜론의 노랑은 밝고 포도의 보라는 어둡습니다. 명도가 낮으면 “어둡다”고 표현하며, 높으면 “밝다”고 표현합니다.


대비 : 색의 대비는 밝기와 관련되어 있어서 조화를 이루어야 합니다. 너무 낮추면 흑백사진처럼 보이며 너무 높이면 과도한 색만 남습니다.


색의 균형 : 마치 실내의 조명을 쓰듯이 색감을 조정할 수 있습니다. 유채색에는 빨강, 노랑, 녹색, 파랑, 보라와 같이 색에 특성을 부여하는 색상(色相)이라는 성질이 있다. 색상은 노랑, 빨강과 같은 색이름으로 구분지어 불리며 흔히 밝은 노랑이나 어두운 빨강과 같이 명도 및 채도를 나타내는 낱말로서 표현되기도 합니다. 고유한 색의 이름도 색상의 기준에 따라 다르게 이름 붙일 수 있는데 예를 들어 갈색은 어두운 주황으로, 분홍은 밝은 빨강이라 표현될 수 있습니다.


채도 : 사진 속 색감의 강도를 뜻합니다. 채도가 낮은 사진은 색이 빠져 흑백이나 모노톤으로 보입니다. 


포토샵 같은 이미지 편집 프로그램은 사진 이미지의 색을 편집할 수 있는 다양한 기능들을 제공합니다.


사진 크기 조절에서 비율 지정하기


블로그나 SNS 콘텐츠에 사진을 사용할 때에는 가로 550픽셀에서 700픽셀 정도가 적당합니다. 크더라도 1000픽셀은 넘지 않는 것이 좋습니다. 지나치게 크면 웹 페이지에서 축소하여 보여주면서 상태가 안 좋게 보일 수도 있고 화면이 늦게 뜰 수도 있습니다. 사진 크기를 편집할 때에 가로와 세로의 비율을 바꾸면 실제 모습이 왜곡되어 나타납니다. 비율을 그대로 둔 채로 사진 크기를 지정해야 합니다. 예를 들어 포토샵에서는 <비율 제한>에 체크 표시를 하여 가로 치수의 <폭>에서 픽셀을 지정하는 방식으로 합니다.


포토샵에서는 <비율 제한>에 체크 표시를 하여 가로 치수의 <폭>에서 픽셀을 지정하는 방식으로 한다.


사진 트리밍(trimming) 작업하기


트리밍이란 사진 원판에서, 인화지에 밀착하거나 확대할 때 구도를 조정하기 위하여 원화의 불필요한 부분을 잘라 내는 일을 뜻합니다. 현장에서 찍은 모든 사진이 그대로 사용할 수 있는 것은 아닙니다. 편집의 시각에서 중요한 부분을 강조하고 쓸데없는 부분을 삭제하여 새로운 느낌을 주는 이미지로 재구성할 수 있습니다. 트리밍 작업을 잘 수행하면 콘텐츠 창작자가 사진 이미지를 통해 사용자들에게 전달하려는 내용에 집중할 수 있게 됩니다. 


포토샵을 사용하여 사용할 부분을 선택하여 <이미지> 메뉴의 <자르기>를 실행하여 트리밍 작업을 한다.


트리밍 전과 후의 사진. 트리밍 작업은 전달하려는 내용에 집중할 수 있게 한다.


트리밍 작업에서는 ① 사진에 담으려는 내용과 상관없는 풍경, 나무, 잡동사니 등 불필요한 것은 제거하며, ② 트리밍의 목표를 핵심적인 내용을 드러내는 데 있다는 점을 항상 생각하며, ③ 여백이 빈 공간이 아니라 디자인의 구성 부분이라는 점을 고려합니다. 하지만 ① 사람 신체의 일부를 자른다든지 ② 정보를 지워서 사진의 의미를 바꾼다든지 하는 트리밍은 하지 말아야 합니다. 


▪ 사진 출처

https://pixabay.com/static/uploads/photo/2014/02/02/17/40/photo-256887_640.jpg

https://commons.wikimedia.org/wiki/File:Iris_-_right_eye_of_a_girl.jpg


 

  • 프로필사진
    이빛나2015.07.16 15:57

    좋은 글 잘읽었습니다 ^^

  • 프로필사진
    이혜진2015.07.27 17:56

    사진작업에 따라 많은 차이를 가져다주네요~ 잘 배워갑니다^^

  • 프로필사진
    길소영2015.09.19 22:46

    사진과 글의 편집 방식에 따라 효과도 각자 다른건가요? 다르다면 어떤 글에는 어떤 편집방법이 괜찮은지 알고 싶습니다.

  • 프로필사진
    김은선2015.09.20 22:29

    시각적인 것만으로도 내용 전달이 가능해진만큼 트리밍작업도 중요해진것같습니다.
    그리고 역시 없어서는 안 될 '색'이 주는 위대함을 새삼 느꼈습니다. 명,채도를 통해 같은 사진이어도 다른 분위기, 감정 등을 담아낼 수 있기 때문입니다.

  • 프로필사진
    김혜진2015.09.21 12:04

    좋은 자료 감사합니다. 많은 참고가 될거 같습니다.

  • 프로필사진
    길봉규2015.09.21 13:38

    좋은컨텐츠임에도 불구하고 배치를 잘못하여 읽기가 꺼려지게 되는경우가 있는데 배치의 중요성을 알게되었습니다!

  • 프로필사진
    김효정2015.09.21 21:59

    저같은 포토샵 초보자에게는 매우 유익한 정보였습니다. 정말 감사합니다.
    포토샵 툴에 관한 공부는 금방 할 수 있을 것 같은데 '색'에 대한 공부가 어렵네요.
    색감을 기르기 위한 좋은 방법이 없을까요?

  • 프로필사진
    이원희2015.09.23 13:50

    이미지 작업은 재료 그 자체도 중요하지만 주제에 알맞게 요리방법을 선택하고 보기 좋게 데코레이션 하는 요리과정과 비슷한 점이 많은 것 같습니다. 다양한 재료를 가지고 여러가지 방법으로 직접 연습해 보는 것이 가장 중요하겠네요. 좋은 글 잘 읽고 갑니다.

  • 프로필사진
    김보현2015.09.28 16:24

    콘텐츠를 작성할 때 적당한 사진 크기가 어느 정도인지 몰라서 늘 갈팡질팡했었는데 알려주셔서 감사합니다. 이미지의 분위기에 따라서 보정해 보는 연습도 한 번 해봐야겠네요ㅎㅎ

  • 프로필사진
    김민지2015.09.30 11:04

    평소에 사진 보정에 대해 관심이 많은데 좋은정보 감사합니다! 보정으로도 멋진 사진을 만들 수 있게 된 것 같습니다.

  • 프로필사진
    BlogIcon 신희용2015.09.30 15:26

    최근 수업시간에 실습한 카드뉴스만들기를 하면서 사진과 텍스트의 어울림, 텍스트의 느낌에 따른 서체나, 사진의 색감까지도 조화를 이루어야 보는이으 마음을 사로잡고. 시선을 이끌 수 있다는 점을 직접 느낄 수있었습니다. 이글을 읽으며 좀 더 고급스러운 콘텐츠를 만들고싶은 바램입니다 ㅎㅎ

  • 프로필사진
    인정환2015.10.04 19:15

    사진과 텍스트에 배치, 그리고 색과의 관계에 대해 크게 신경을 쓰지 않고 블로그에 글을 올린 적이 많습니다. 이 글을 보고 어떠한 방법으로 글을 작성을 하면 좋을지에 대한 좋은 정보를 얻은 것 같습니다. 감사합니다!!

  • 프로필사진
    김혜은2015.10.05 10:10

    사진보정을 하게되면 다들 비슷한 사진처럼 보이고 이미지와 텍스트를 따로 올리거나 어색해 여백만 늘리는 방법을 이용해 왔는데 이와같이 올바른 텍스트작성법에 대하여 알게되었습니다. 유용한 정보 감사합니다!

  • 프로필사진
    손예진2015.10.05 10:14

    SNS상에서 사진이 소통의 주체가 된다는 생각은 처음 해보았습니다. 항상 텍스트 보단 사진 위주의 콘텐츠를 보면서도 사진이 주체가 된다는 생각은 왜 해보지 못했을까요? 아직 포토샵을 다룰 줄은 모르지만 스마트폰을 통한 간단한 사진 보정을 매우 즐겨하는 편입니다! 앞으로 사진의 명도나 채도, 비율을 잘 맞춰 보는 사람이 편안한 사진 콘텐츠를 만들고 싶습니다! 좋은 글 감사드려요^_^

  • 프로필사진
    임소정2015.10.12 00:27

    글이 어디있느냐가 정말 다른 느낌을 준다는 것을 새삼 알게 되네요. 광고에서 음식사진 광고를 위해 조명이도 각도에 정말 크게 신경을 쓴다던데 역시 느낌이 확연히 달라 보이네요. 사진보정 기능이 요즘시대에 쉽게 할 수 있어서 저도 자주 애용하는데 자세한 부분을 알게되서 좋았습니다. 감사합니다.

  • 프로필사진
    이승은2015.10.16 03:58

    사진을 찍고 편집하고 sns에 게재하면서 트리밍 작업을 항상 거치게 되는데, 트리밍 작업 시에 유의할 점들을 자세히 알게 돼서 좋습니다. 트리밍만 잘 활용해도 사진의 의미 전달을 쉽게하고, 보는 이로 하여금 훨씬 더 편한 느낌을 갖게 할 수 있을 거 같아요.

  • 프로필사진
    문예은2015.10.17 22:31

    아직 사진 보정은 많이 해본 적이 없는데 앞으로 많이 배우면서 연습해봐야겠어요~! 많이 배워갑니다!

  • 프로필사진
    BlogIcon 박소민2015.10.18 21:14

    늘 글과 사진은 어떻게 배치하는 것이 좋을지 고민이었는데 글의 목적괴 특성에 따라 그 위치가 달리 될 수있다는 것을 알았네요. 감사합니다~

  • 프로필사진
    김동준2015.10.20 00:57

    페이스북이든 인스타그램이든 사진을 많이 활용하는 게 다반사인데 그게 맞는 키워드 짧더라도 중요한 메시지 몇 문장이 가미가 되면 확실히 더욱 게시물이 효과를 본다고 생각합니다. 심심하고 지루한 글이 아닌 하나의 작품처럼 구조를 잘 만들어서 게시물을 올리면 더 효과적이라고 생각합니다.

  • 프로필사진
    채송아2015.12.07 18:16

    항상 사진 비율과 색감에는 신경을 썼지만 트리밍 작업에는 소홀했는데 앞으로는 여러가지 면으로 좀 더 신경을 써야겠습니다.