권장 브라우저 안내

이 웹사이트는 Internet Explorer 9 버전 이상에서만 이용 가능합니다.
편리한 사이트 이용을 위하여 최신 브라우저로 업그레이드해주시기 바랍니다.

다크 모드로 보기 라이트 모드로 보기

저희와 함께 하시겠습니까?

프로젝트 의뢰는 아래로 문의 주시기 바랍니다.
websre@naver.com
Tel: 1800-9356

본문 바로가기

News

웹스리퍼블릭의 공지사항을 확인하세요.

Our News. Get the latest news from Websrepublic right now Our News. Get the latest news from Websrepublic right now Our News. Get the latest news from Websrepublic right now
News
December 18, 2018
Article

#BestMoments2018: 포토샵으로 사진에 네온 텍스트 효과 연출

본문

매년 연말이 다가오면 새해에 대한 설렘과 연말 모임 등으로 더욱 바쁜 시간을 보내게 되죠. 좋은 사람들과 보내는 시간은 많은데, 정작 나를 정리하는 시간은 단 몇 분도 없이 지나가기도 합니다. 그래서 어도비에서는 2018년 한 해 여러분에게 가장 좋았고 행복했던 순간을 정리할 수 있도록 도와드리고자 합니다. 바로 어도비다운 크리에이티브한 방식으로요.

 

먼저 여러분의 2018년을 대표하는 사진을 골라보세요. (여행 사진도 좋고, 소중한 사람들과 함께 했던 일상 사진도 괜찮습니다) 그리고 당시의 기억을 떠올리며 그 순간을 설명할 수 있는 한 마디를 생각해 보시기 바랍니다. 이 두 가지가 정해지고 나면, 포토샵을 활용해 잊지 못할 2018년의 한 순간을 더욱 멋진 아트워크로 완성해봅시다. 지금부터 소개해 드릴 네온사인 효과 연출법을 적용해서 말이죠! 마지막으로, 이 글 제일 하단에 소개된 #BestMoments2018 인스타그램 캠페인 참여까지 잊지 마세요!

 

시작하기 전, 네온 텍스트 효과를 제작하는 기본 과정을 살펴보겠습니다. 그리고 이와 같은 방법으로 사진에 네온 텍스트 효과를 더한 포토그래퍼 김주현(@mazect)님과 장동원(@hello_dongwon)님의 작업물을 소개합니다. 같은 기능, 다른 표현법, 두 크리에이터의 작업 과정과 결과물에 끝까지 주목해주세요!

 

포토샵 CC의 네온 텍스트 효과 제작 기본 과정

 

  1. 레이어 복제하기: 본격적인 편집에 앞서 원본 사진을 보존하려면 메뉴에서 레이어→레이어 복제(단축키 Ctrl+J 또는 cmd+J)로 레이어를 복제해주세요.
  2. 사진 밝기 조정하기: 네온사인 효과를 극대화하려면 메뉴에서 이미지→조정→색조/채도(단축키Ctrl+U 또는 cmd+U)로 전체적인 사진의 밝기를 낮춰주세요.
  3. 텍스트 입력하기: 텍스트 입력(T) 툴로 적고 싶은 문구를 작성해주세요. 이때, 텍스트 색상은 밝을수록 더 이미지를 빛나게 합니다.
  4. 텍스트에 외부 광선(Outer Glow)/내부 광선(Inner Glow) 적용하기: 네온 텍스트 효과를 위해 레이어 스타일 대화 상자에서 각각을 적용해주세요. 원하는 색상을 선택 후, Opacity(투명도)와 스프레드(Spread), 크기(Size)를 수정합니다.
  5. 원하는 스타일로 추가 보정하기: 네온 효과를 더 멋있게 연출해줄 보정 효과를 더해 이미지를 완성해보세요.

 

포토그래퍼 김주현(@mazect)의 네온 텍스트 적용 팁

 

안녕하세요, 사진작가 김주현(@mazect)입니다. 저는 주로 일상 소재를 사진으로 찍고 있어요. 낯선 동네의 골목길을 종일 탐험하거나 예쁜 카페에 가서 사진 찍는 걸 특히 좋아하죠. 가볍게 산책하며 사진 찍는 걸 좋아하기 때문에 되도록 몸집이 작은 미러리스 카메라를 선호해요. 렌즈도 많아야 2개 정도로, 최대한 단출하게 구성한답니다. 그럼 이제부터 본격적으로 올해 사진을 정리하고 의미 있는 사진을 골라볼까요?

 

 

짜잔! 바로 이 사진입니다. 이곳은 평소 많은 사람이 찾는 벽제역 터널이라는 명소입니다. 저는 사람들이 북적이는 곳을 별로 좋아하지 않기 때문에 친한 친구들과 이른 새벽에 찾아갔어요. 원래는 북한산 위로 떠오르는 일출을 보러 갔지만, 이날 하늘이 흐리기도 했고 미세먼지도 많아서 기대했던 장면을 볼 수는 없었어요.

 

더군다나 터널 안이 어찌나 추운지, 이때가 늦가을임에도 마치 한겨울처럼 온몸이 떨리더라고요. 그래도 다들 바쁘게 지내다 보니 이렇게 한자리에 모인 게 정말 오랜만이라, 그 자체만으로도 너무 신났죠! 저희의 웃음소리는 시골 마을의 적막을 깨고 터널 안에 가득 울려 퍼졌어요. 동틀 무렵이 되자 새벽 안개가 피어 올랐는데, 그 장면이 어찌나 운치가 있던지 넷 다 한동안 넋을 잃고 바라보았답니다.

 

이렇듯 제게 짙은 추억으로 남아 있는 이 사진 속에 예쁜 메시지를 담아보려고 해요. 사진에 들어갈 텍스트에는 네온사인 효과를 적용해 볼 건데요. 이 글을 읽고 계시는 분들도 바로 따라 하실 만큼 쉽게 만들 수 있으니, 저를 따라 꼭 만들어보세요!

 

 ‘새벽녘, 잊을 수 없는 그 날의 공기’

 

1. 앞서 설명처럼, 이미지를 어둡게 하고 원하는 위치에 텍스트를 넣어주세요. 텍스트는 밝은 색상으로 고를수록 예뻐요. 그리고 텍스트 레이어를 복제(메뉴에서 레이어→레이어 복제, 단축키 Ctrl+J/cmd+J)한 후, 마우스 오른쪽 클릭하여 레이어 래스터화(Rasterize Layer)를 선택해주세요. 이때, 메뉴에서 필터(Filter)-흐림 효과(Blur)-가우시안 흐림 효과(Gaussian blur)를 적용해주면 빛나는 효과가 생깁니다. 값은 5~15 사이가 적당합니다. 이로써 텍스트의 주변부가 빛나기 시작했어요.

 

 

2. 이제, 텍스트 레이어를 오른쪽 클릭한 후 혼합 옵션(Blending Options)을 클릭해주세요. 네온사인 효과의 핵심은 내부 광선(Inner Glow)과 외부 광선(Outer Glow)인데요. 내부 광선(Inner Glow)은 글자 안쪽을 빛나게 해주고, 외부 광선(Outer Glow)는 글자 주변을 빛나게 해줍니다. 이 두 가지 툴을 적절히 사용해서 최대한 자연스러운 네온사인 느낌을 표현해줍니다.

 

 

3. 레이어 스타일에서 외부 광선(Outer Glow)의 기본 세팅은 혼합 모드(Blend Mode): 표준(Screen), 불투명도(Opacity): 100%, 노이즈(Noise): 0%, 기법(Technique): Softer(더 부드럽게)입니다. 이후 스프레드(Spread)와 크기(Size)로 강도를 조절하면 되는데요. 정해진 값은 없습니다! 글자의 밝기와 컬러에 맞춰서 적용해주세요.

 

4. 내부 광선(Inner Glow) 기본 세팅 또한 외부 광선(Outer Glow)과 같습니다. 글자 안쪽을 빛나게 만들기 위해 마음에 드는 컬러 선택하고 불투명도(Opacity)만 조절해 줄게요. 참 쉽죠?

 

 

자, 이제 글자는 제법 빛나기 시작했는데 배경이 조금 어색해 보이네요. 터널 안쪽에도 빛이 반사된 것처럼 효과를 적용해봅시다.

 

5. 빈 레이어를 두 개 추가(ctrl+J/cmd+J)한 뒤, 아래 레이어의 혼합 모드(블랜딩 모드)를 소프트 라이트(Soft Light)로, 위 레이어는 색상 닷지(Color Dodge)로 변경해줍니다.

 

 

6. 빛 효과를 부드럽게 칠하기 위해 브러시(B) 세팅을 해줍니다. 크기(Size)는 글자들을 전부 포함할 수 있도록 크게, 경도(Hardness)는 0%로 설정해주세요. 흐름(Smoothing)을 100%로 높여주면 보다 자연스럽게 칠할 수 있습니다. 브러시 색상은 텍스트 색상과 비슷하게 해주세요!

 

7. 소프트 라이트(Soft Light) 레이어 선택 후 전체적인 반사 빛을 칠해줍니다. 저는 불투명도(Opacity)를 100%로 칠했습니다. 그리고는 색상 닷지(Color Dodge) 레이어 선택 후 강조하고 싶은 부분을 칠해줍니다. 여기서는 불투명도(Opacity)를 10%로 칠해주세요. 안 그러면 너무 강하게 효과가 적용될 수 있습니다. 팁! 브러시 크기는 [,]키로 쉽게 변경할 수 있습니다.

 

 

<김주현님의 최종 작업물>  


 

 

이제, 완성! 어때요? 생각보다 간단하죠? 저는 더 사실적인 네온사인 느낌을 더하기 위해 펜 툴로 철제프레임을 그려 마무리해봤는데요. 같은 방법으로 아래 이미지들도 작업해보았어요. 어떤가요?

여러분도 한번 도전해 보세요. 처음에는 조금 어려울 수 있지만 작업을 끝내고 반짝반짝 빛나고 있는 텍스트를 보면 여러분도 정말 뿌듯하실 거예요!

 


포토그래퍼 장동원(@hello_dongwon)의 네온 텍스트 적용 팁

 

안녕하세요, 포토그래퍼 장동원입니다. 저는 주로 일상생활에서 쉽게 접할 수 있는 풍경과 자연이 주는 색을 사진으로 담고 있습니다. 사진 촬영 후 편집 작업에서는 그 장면을 더욱더 극대화하거나 특별한 장면을 표현하기 위해서, 색감 작업 외에도 포토샵 작업을 통해 달, 구름 등의 합성 작업도 함께 해오고 있어요.

 

저는 이번 캠페인에 참여하기 위한 2018년의 대표 사진으로 구름 사진을 꼽았는데요. 이 구름은 인도네시아로 여행을 떠나는 비행기 안에서 담았던 사진입니다. 대부분의 사람들이 여행을 떠나며 두근거림과 설렘을 느끼듯 저 역시 그렇기 때문에, 평소 여행을 떠나며 느끼는 감정들을 가장 좋아하고 시간이 지난 뒤에도 모든 여행이 늘 기억에 많이 남아있어요. 그래서 2018년 최고의 순간으로 여행을 떠나다 만난 구름을 선정했습니다.

 

 

그리고 사진에는 ‘a traveling day’라는 문구를 생각해보았는데요. 여행을 표현할 때는 많은 말이 필요하지 않은 것 같아요. 단순히 ‘여행가는 날’이라는 단 한 문장으로도 모든 감정이 전달될 것이라 생각합니다. 그럼 간단히 네온사인 효과를 배워보도록 할까요?

 

1. 앞선 설명처럼, 먼저 사진을 어둡게 만들어 주세요. 네온사인 효과를 잘 만들기 위해서는 사진을 생각보다 어둡게 만드는 것이 이 튜토리얼의 중요한 팁입니다! 그런 다음, 문구를 넣어 볼게요. 먼저, 텍스트 입력(T)을 누른 뒤 내가 글자를 넣고 싶은 곳을 클릭한 후, 내가 원하는 문구를 넣어주세요. 그리고 원하는 글씨체를 선택하고 알맞은 크기로 조절해주세요.

 

 

2. 여기까지 해도 절반은 성공입니다! 이제 본격적으로 네온 텍스트 효과를 넣으러 가볼까요? 오른쪽 아래 창을 보시면 제가 넣은 문구가 보이는데요. 이 부분을 클릭 후 fx를 클릭해 주세요. 그런 다음, 외부 광선(Outer Glow)을 클릭하시면 네온 효과를 적용할 수 있는 창이 뜨게 됩니다.

 

 

3. 외부 광선(Outer Glow)으로 들어가시면 표시해 둔 3가지의 타원이 보이는데요. 여기서 제가 자주 사용하는 값을 알려드릴게요. 불투명도(Opacity)는 28%, 스프레드(Spread) 14%, 크기(Size) 95px, 범위 71%, 파형 54%를 사용해서 자연스러운 네온사인을 표현했습니다. 여러분께서도 취향에 맞게 나만의 값을 적용해보세요! 저는 외부 광선(Outer Glow)만으로 네온 느낌이 강해서, 내부 광선(Inner Glow)은 적용하지 않았는데요. 취향에 따라 추가하셔도 좋습니다.

 

 

 

 <장동원님의 최종 작업물>


 

이렇게 네온 텍스트 효과가 들어간 완성본이 만들어졌습니다. 이후 조금 더 감성적인 느낌을 추가하기 위해서 하늘에는 별 사진을 작업했고, 추가로 어도비 라이트룸을 사용하여 색감 보정을 거쳐 사진을 완성했습니다. 여러분들도 한 해의 기억에 남는 순간을 어도비 포토샵을 이용하여 멋지게 기록해 보세요! 포토그래퍼 장동원이었습니다. 감사합니다.

 


포토그래퍼 장동원(@hello_dongwon)과 김주현(@mazect)이 함께하는 어도비 #BestMoments2018 캠페인!

 

여러분의 2018년은 어떤 추억들로 채워졌나요? 그 중에서 가장 소중했거나 오래 기억하고 싶은 순간은 언제였나요? 지금 포토샵 무료 체험판을 다운로드하고, 위에서 소개된 외부 광선(Outer Glow)/내부 광선(Inner Glow) 기능을 활용해, 2018년을 마무리하는 나만의 네온사인 텍스트 사진을 만들어보세요. 그리고 새롭게 배운 포토샵 기능으로 더욱 의미 있어진 2018년의 사진을 인스타그램에서 마음껏 뽐내고 #BestMoments2018 캠페인에 참여해보시길 바랍니다.

 

출처 : 어도비블로그(https://blogs.adobe.com/creativedialogue/ko/news-events-ko/bestmoments2018-capture-yourmoments-with-photoshop/)

Contact us

궁금하신 사항을 남겨주세요!
확인 후 빠른 답변 드리겠습니다.
  • T. websre@naver.com
  • M. 1800-9356
  • 예산을 선택해 주세요.
    • 100만원 이하
    • 300만원 이하
    • 500만원 이하
    • 700만원 이하
    • 1000만원 이하
    • 1000만원 ~ 2000만원
    • 2000만원 이상


디자인 샘플보기

상담톡
궁금한게 있으신가요? 무엇이든 물어보세요.