홍

레이어를 이용한 / 창 밖으로 내다보이는 이미지 표현하기

· 2013-01-25 (금) 17:12:38 · 2174 · 1

웹페이지 구성하면서 재미있는 표현 방법이 되겠다 싶어서 올려봅니다.


먼저 창문이 잘 나와 있는 사진을 구합니다. 아래 그림은 '카프리카'라는 영화에 나오는 한 장면을 가지고
주로 자를 가지고 그렸습니다. 큰 곡선은 펜 툴로 그렸고요. 작은 곡선은 붓으로 그었습니다.
(제 경우엔 펜 툴을 포기했었는데, 최근에 중요한 사용법 팁을 터득했네요. 바로, 두 번째 지점 찍고
꺾고 나서, 핸들의 중간지점을 눌러주어 핸들의 한 쪽을 없애준 뒤 다음 지점으로 넘어간다는 것이었습니다.
그렇게 하지 않으면, 다음 지점으로 넘어갈 때 곡선 표현이 딱 막히면서 어도비사를 욕하며 끝납니다. ^^
요건 펜 툴에 대한 가장 중요한 설명인데, 대부분의 책에선 강조해줄 생각을 않더군요.)





이번엔 밑색을 칠합니다. 아래 정도의 색 넣기는 책에 쉽게 설명되어 있습니다. 중요한 건 '어떤 물체를
표현하는데에 있어서 아래에서 올려다보이는 부분이 가장 어둡다'와 같은 기본적인 미술 상식과,
색감각일 것입니다.




작업의 핵심은 저 창문 밖으로 내다보이는 이미지 표현입니다. 그것을 레이어를 이용하는 시도인데요.
그렇기 때문에 다른 레이어에다 아래와 같이 중요 배경을 따로 그리는 것도 필요합니다.
왜냐하면, 아래 탁자와 창문 사이에 서 있는 사람을 집어넣어야겠다는 생각이 들때
그림 전체를 새로 그릴 필요 없이 자연스럽고 쉽게 삽입할 수 있기 때문입니다.





자, 완성했습니다. 창문에는 색을 칠하지 않았는데, 전투기 그림을 레이어의 맨 밑에 넣으니 창밖으로 보이는
배경을 표현할 수 있었습니다.




요건 변형이구요.




 별 거 아니일지도 모르지만, 위의 이미지 그대로 뒤의 배경이 휘릭 휘릭 바뀌는 플래시도 구현 가능하겠죠.
그렇다면 고객이 슬라이드쇼 기능을 요구할 때 독특한 표현을 하여 경쟁력을 갖출 수 있을 것입니다.
위의 채색은 한 시간 안에 뚝딱 끝났지만, 일러스트레이터가 아닌 포토샵으로 가져가서 기둥 하나하나를
붓으로 톡톡톡 찍어서 정밀하게 표현하면 훨씬 근사할 것입니다.
창밖으로 내다보이는 이미지를 위한 다른 사진에서, 창문 프레임이나 벽을 그렇게 멋지게 완성할 수 있을 정도면,
위의 별 것 아닌 방법이 비로소 경쟁력이라고 할 수 있을 단계에 오를... 라나...? ^^
 
이상은 만화판에서 시나리오 쓰면서 놀다가 웹 계통으로 넘어와 기웃거리는 중인 얼치기가 디자인 초보분들을
위해 적어본 몇 자 팁이었습니다.

안뇽~

|

댓글 1개

2013-03-18 (월) 13:37:55
오멋있어요..ㅎㅎ수고많으셨어요^^
댓글을 작성하시려면 로그인이 필요합니다.

디자인

1,855건
+
제목 글쓴이 날짜 조회
13-04-08 조회 3,563
13-04-08 조회 2,872
13-04-08 조회 2,557
13-04-07 조회 3,347
13-04-03 조회 2,260
13-04-02 조회 1,740
13-04-01 조회 2,579
13-04-01 조회 2,158
13-04-01 조회 3,055
13-04-01 조회 2,883
13-04-01 조회 2,706
13-04-01 조회 2,698
13-04-01 조회 2,993
13-04-01 조회 1,659
13-04-01 조회 1,290
13-03-27 조회 2,482
13-03-27 조회 2,252
13-03-27 조회 3,421
13-03-23 조회 2,050
13-03-23 조회 1,732
13-03-22 조회 3,347
13-03-21 조회 2,861
13-03-19 조회 2,643
13-03-16 조회 1,705
13-03-15 조회 2,586
13-03-15 조회 1,537
13-03-12 조회 2,042
13-03-12 조회 2,372
13-03-12 조회 3,327
13-03-11 조회 4,139
13-03-11 조회 2,310
13-03-06 조회 2,414
13-03-04 조회 4,287
13-02-28 조회 1,887
13-02-28 조회 1,482
13-02-22 조회 3,848
13-02-21 조회 2,753
13-02-20 조회 3,467
13-02-19 조회 1,673
13-02-19 조회 7,055
13-02-19 조회 1,778
13-02-13 조회 2,381
13-02-12 조회 1,894
13-02-12 조회 1,431
13-01-29 조회 1,795
13-01-25 조회 2,175
13-01-24 조회 3,062
13-01-24 조회 2,726
13-01-24 조회 3,063
13-01-24 조회 2,989
13-01-24 조회 2,608
13-01-24 조회 2,547
13-01-23 조회 4,671
13-01-22 조회 2,444
13-01-22 조회 1,814
13-01-22 조회 2,094
13-01-18 조회 2,102
13-01-18 조회 1,708
13-01-18 조회 1,785
13-01-18 조회 1,317
13-01-16 조회 2,325
13-01-15 조회 2,296
13-01-10 조회 2,692
13-01-10 조회 2,025
13-01-10 조회 1,940
13-01-10 조회 1,816
13-01-08 조회 2,498
13-01-08 조회 2,659
13-01-08 조회 2,213
13-01-08 조회 3,851
13-01-08 조회 4,317
13-01-08 조회 3,223
12-12-30 조회 2,582
12-12-28 조회 2,658
12-12-27 조회 2,535
12-12-27 조회 2,179
12-12-27 조회 2,773
12-12-21 조회 1,938
12-12-21 조회 3,628
12-12-21 조회 2,487
12-12-21 조회 1,641
12-12-19 조회 3,893
12-12-19 조회 3,530
12-12-19 조회 2,234
12-12-14 조회 1,984
12-12-13 조회 5,255
12-12-12 조회 1,391
12-12-12 조회 6,782
12-12-10 조회 7,082
12-12-08 조회 2,470
12-12-08 조회 2,774
12-12-08 조회 1.7만
12-12-08 조회 3,256
12-12-08 조회 1,916
12-12-07 조회 2,090
12-12-07 조회 2,936
12-12-07 조회 1,909
12-12-06 조회 2,309
12-12-04 조회 2,263
12-12-04 조회 2,740