롤스토리디자인연구소

일러스트레이터에 관한 팁입니다. 요즘 C계열사의 광고등을 보면 위의 그림처럼 어떤 심볼들이 원형안에 쏙 들어간것처럼 왜곡된걸 볼 수 있는데요.. 이런 표현들은 일러스트레이터에서 'envelope distort' 기능을 이용하여 아주 쉽게 할 수 있습니다. envelope distort를 활용한 도형 왜곡하기(제목)가 바로 위의 로고형식처럼 어떠한 심볼등을 틀안에 입체처럼 들어가게한 형태를 말합니다. 간략히, 위의 그림처럼 어떤 심볼등이 정원안에 들어 가 있는 모습인데요. 특히, 경계선부분을 보면 원안에 심볼이 들어가 있는것처럼 보이게 하기 위하여 심볼이 심하게 왜곡된걸 볼 수 있습니다. 일러스트레이터에서 그 방법을 알아보겠습니다. 01.가령, 위의 그림처럼 심볼이 있다면 일단, 틀안에 들어갈 심볼등을 미..

비네팅(Vignetting)라는 말을 들어 보셨나요? 비네팅이란 간략하게 말하자면, 렌즈 주변부의 광량 저하로 사진의 모서리 주변이 어둡게 표현되는걸 말합니다. 마치 '로모 카메라'처럼 말이죠. 하지만 이런 비네팅 효과를 포토샵에서 의도하에 줄 수 있습니다. ▲ 원본사진(왼쪽)과 비네팅이 적용된 사진(오른쪽) 블랜드 모드만 잘 활용한다면 포토샵에 이처럼 비네팅(Vignetting)효과를 줄 수 있습니다. 01.내가 원하는 사진을 가져온뒤, 원본을 복사한다.(원본레이어를 새레이어만들기 아이콘 위에 드래그&드롭) 02.복제된 레이어(사진)에 블랜딩 모드를 적용 시킨다. (Multiply) 블랜딩이 적용되면 위와 같이 사진이 전체적으로 어둡게 변하게 된다.(Multiply의 특징이다) 03.원형선택영역 툴을 ..

114(통신사 서비스 센터)에 전화하지 않고 아이폰에서 자체적으로 '통화 중 대기'설정을 할 수 있다는걸 알고 계시나요? '통화 중 대기'란.. 내가 어떤 A와 통화를 하고 있는 상황에서 B에게 전화가 오면 B에게는 내가 통화중이기 때문에 전화를 연결 할 수 없다는 음성이 들리지만, 통화 중 대기를 설정(ON)해 놓으면 내가 A와 통화중이더라도 B가 전화를 걸면 똑같이 전화를 하는지 안하는지 알 수 없는 상태에서 신호가 울리게 됩니다. 물론 두곳다 전화를 하고 있는 본인은 상황을 알 수 있구요. 여하튼 아이폰에서 간단하게 114에 전화를 하지 않고 설정을 할 수 있습니다. 설정 - 전화 - 통화 중 대기 - (활성) ▲ 통화 중 대기 활성 ▲ 통화 중 대기가 활성화 됬음을 알리는 메시지 이처럼 아이폰 설..

halftone pattern필터와 블랜드 모드를 이용하면 이미지에 땡땡이 느낌의 질감을 표현 할 수 있습니다. 정확하게 말하자면 'Dot'이라고 하지만 실제로 보면 '+' 모양입니다. 하지만 패턴을 입히고 이미지를 원본으로 보면 원처럼 보입니다. 이번시간에는 이런 방법으로 이미지에 땡땡이 느낌의 질감을 입혀 보겠습니다. (이미지를 클릭하면 큰사이즈로 보실 수 있습니다) ▲ 원본사진(윗쪽)과 작업결과물(아래쪽) 01.백그라운드 레이어를 하나 복사한다.(흰색배경의 레이어 생성) 02.땡땡이 느낌의 필터를 입히기 위해 일단 전경색과 배경색을 내가 원하는 색상 으로 지정하고(보통 회색계열로 쓴다), Filter - Filter Gallery로 이동한다. 전경색과 배경색은 후에 halftone pattern 필..

포토샵으로 간단(?)하게 스케치 한듯한 효과를 나타내는 방법에 대해서 알아보겠습니다. 개인적으로 필자는 이 방법으로 다양한 느낌을 연출해서 홈페이지에 들어갈 사진이나 간단한 디자인 작업물 등등.. 여기저기에 활용하고 있습니다. (필자의 작업환경은 매킨토쉬 입니다. 따라서 윈도우의 ctrl키와 맥의 command키가 같음을 미리 알립니다.) 01.원하는 사진을 포토샵에 불러 온다.(사진의 종류는 딱히 상관 없다) 02.원본 사진을 하나더 복사한다.(원본레이어를 클릭해 놓은 뒤, command + J) 03.첫번째 복사한 레이어를 흑백으로 변환 시키기 위하여 Image - Adjustments - Desaturate를 적용시켜 사진을 흑백으로 만든다. ▲ 사진이 흑백으로 바뀐 모습 04.다음은 흑백레이어를 ..

포토샵에있는 많은 마스크 기능중에 아주 간단하면서도 자주 사용하는 마스크가 있다. 바로, 클리핑 마스크(Clipping Mask) 인데, 이 클리핑 마스크를 활용한다면, 어떠한 이미지도 틀만 만들어 놓으면 그 틀안에 쏙 넣어 버릴 수 있다. 클리핑 마스크 사용법에 대하여 알아보자. 가령, 위의 이미지처럼 스마트폰을 잡고 있는 이미지가 있다고치자. 그리고 그 스마트폰의 화면속에 아래의 배경(어떤것이든 상관 없다)을 다른곳이 아닌 화면속에만 넣는다고 생각해보자. ▲ 클리핑 마스크를 이용하여 넣을 배경 이런씩으로 말이다. 하지만, 만약에 클리핑 마스크를 모르고 있다면, 그저 화면속에 넣을 어떤이미지를 크기를 줄이고 지우개로 지우는등의 행동으로 아주 힘들고 어렵게 화면의 크기에 맞춰서 넣을 것이다. 자.. 이제..

한번씩 이런 생각을 할수 있다. '아.. 이 식빵을 나는 10등분 하고 싶어.. 어떻게 하면 정확하게 10등분 할 수 있을까?' 물론, 실제로 칼을들고 식빵을 10등분 한다는건 눈대중으로 보며 나름 10등분이라 생각하고 자를 것이다. 하지만 정확한 수치로 따지자면.. 정확하게 10등분이 된건 아니다. 왜냐? 눈대중으로 잘랐기 때문이다. 하지만, 디지털에서는 당연히.. 10등분으로 정확하게 자를 수 있다. 이번 글에서 포토샵을 활용하여 이미지를 슬라이스 하는 방법을 알아보자. 예를들어, 위의그림처럼 아래 탭바의 즐겨찾기 부분을 슬라이스(자르기)한다고 치자. 일단, 즐겨찾기 부분을 포토샵의 Slice Tool을 이용하여 자르기 위해서는 우선적으로 가이드라인이 필요하다.(가이드라인이 없어도 슬라이스가 가능하기..

보통 원통같은 모양에 글자나 쉐이프등을 새긴다하면 위의 왼쪽 그림처럼 원통의 기울기등을 생각하지 않고 텍스트등을 새기기 마련이다. 하지만 실제로 원통모양에 새겨진 글자는 위의 오른쪽 그림처럼 글자도 원통과 똑같이 구부러져 있다. 포토샵에서 자연스럽게 원통같은 물체에 글자등을 구부려 새기는 방법을 알아보자. 우선 위와 같이 원통이 있다고 가정하자. 01.일단은 원통에 입힐 글자나 쉐이프 등등을 기본적으로 만든다. 02.글자등을 원통의 각도에 맞게 구부리기 위해선 우선은 기준이 될 척도가 필요하다. 따라서 빈레이어를 하나 생성하고 위의 4마디 꼭지점처럼 기준이 되는 점을 찾고 Marquee툴을 이용하여 선택영역을 잡은뒤 눈에 띄는 색상을 입히고(전경색 채우기:alt + delete) 투명도를 50%정도로 조..

가령, 내가 어떠한 물건을 유리테이블 위에 올려 놨다고 하자.. 그렇다면 그 물건이 투명한 유리테이블 위에 올라가 있다는 느낌을 받을 수 있는 가장 큰 요소는 무엇일까? 바로, 본래의 물건이 비치는 그림자 일것이다. 이처럼 어떤 아이콘등을 조금더 실제처럼 보여주기위해 그림자를 가미 한다면 또다른 느낌을 받을 수 있다. 이번 시간에는 포토샵에서 쉽게 그림자를 주는 방법을 알아보자. 01.먼저 만들어 놓은 아이콘등이 수많은 레이어로 이루어져 있다면 그룹으로 묶은뒤 그룹을 통채로 하나더 복사한다.(그룹짓는 단축키 : command + G) 02.똑같은 그룹을 하나더 카피(그림자가 될 레이어)했으니 위의 그림처럼 객체를 그대로 아래로 내린뒤 트랜스폼(command + T)을 이용하여 이미지를 뒤집는다.(트랜스폼..

Photoshop 7.0 예전 포토샵7.0을 보면 지금(2013년도) 최신버전인 포토샵CS6와 인터페이스가 색상부터 디자인까지 확 바뀐것을 알 수 있다. 그건, 인터페이스 역시 사용자 편의성을 위해 변경되면서 작업하기에 눈에 편한 색상부터 조금더 직감적인 형태로 바뀌었기 때문일 것이다. Photoshop CS6 이렇게 예전엔 밝은 계열의 회색이 주 배경색이였다면 지금은 포토샵 뿐만 아니라 다른 프로그램들도 짙은 회색톤으로 배경색이 바뀌고 있다. 심리적으로 짙은 회색이 작업하기에 눈에 더 안정적이고 집중을 하기 쉽기 때문이다. 하지만 모든 사람이 짙은 회색이 편하지만은 않기에 인터페이스 색상, Color Theme를 바꾸는 방법을 소개한다. 상단 메뉴바에서 Preferences -Interface로 가서 ..