유이의 홈페이지

3·1절 91주년 기념대회 및 조중동 구독거부 선언대회 웹자보

2010-03-11T15:50:08+09:00

역시나 웹자보는 따라하는 것이 최고다. 삼일절하면 떠오르는 민족의 감정, 태극기가 떠올라서, 그리고 어디서 본게 있어서, 언젠가 정부의 삼일절 행사 사진을 보고 만들었다.

우선 깔끔한 모양의 태극무늬를 구한뒤, 아주 옅게 처리하여 똑같은 레이어를 몇개 복사하여 겹치면 위와 같은 효과를 맞볼 수 있다.

그리고, 그냥 하얀바탕에 저런효과를 내니 좀 어색한 감이 있어서 배경에 조금 지저분해보이는(?) 이미지를 깔아주었다. 나름 만족스러운 결과물

제목 폰트는 나눔 명조(예전에 나눔명조가 맘에 안든다고 했었는데, 다시보니 꽤 괜찮은 폰트다.), 일정 및 주최에 쓰인 폰트는 헤움고딕인듯하다.

비록 비가 와서 행사는 취소했지만, 웹자보는 만족 ^^

언론악법 무엇이 문제인가 토론회 웹자보

2010-01-12T14:26:46+09:00

일반적으로 웹자보는 세로로 만드는데, 가로로 한번 만들어 보았다.

거의 시도 하지 않는데, 의외로 괜찮은 모양새가 되었다.

제목의 빨간색과 사진 상의 빨간 피켓이 조화를 이룬다고 생각이 된다.

아쉬운 점이라면, 당시에는 나눔고딕 폰트를 잘 쓰지 않아서 윤고딕 폰트를 사용했는데, 나눔고딕으로 했으면 더 보기 좋지 않았을까라는 생각도 든다.

기본적으로 사진은 자연스럽게 그라디에이션(?)을 넣어주어야 부드럽게 보인다. 글씨와 자연스러운 조화! -_-

깔끔해보이도록 테두리에도 라인을 조금 넣어주었다.

조금은 아쉽지만, 깔끔한 모양을 보여주어서 좋다.

2009 지역운동포럼 행사 안내 웹자보

2009-11-19T15:34:01+09:00

괜찮은 그림(송은지 작가)와 무한 웹서핑의 결과물

폰트는 헤움 고딕과 산돌 크레용B 를 썼다.

일단 저 그림은 하얀바탕에 사용하면 붕뜨는 기분이 있어서 최대한, 한지스러운 배경을 찾으려고 노력했다.

그리고 이런 저런 웹서핑을 이용해서 발견한 많은 배경 이미지들!

배경이미지를 일일이 올리고 싶지만 용량의 압박으로 올리지는 못하겠다.

다만 웹초보님의 블로그에 들어가면 다양한 정보를 얻을 수 있다. 웹초보님이 직접 올리시는 것은 아니고 워낙 방대한 양의 자료들이 있으므로 배경을 찾을 때에는 '텍스쳐' 혹은 'texture'로 웹초보님의 블로그를 검색하면 방대한 링크가 나온다. 그 링크를 따라 들어가보면 엄청난 양의 무료 자료들이 있다.

역시나 좋은 이미지를 위해서는 무한 웹서핑이 중요하다. 하루종일 컴터만 바라보고 있노라면, 눈이 돌아갈 지경이다. 하지만, 노력 뒤에는 좋은 결과물이 있다는 것을 알면 좋을 것이다.

참고로 스카치 테이프를 붙인 듯한 모습은 브러쉬를 사용했다. 추후에 브러쉬도 올려보도록 하겠다.

덧) 리플렛도 올려야 하는데, 용량이 너무 커서 어찌해야 할 지 모르겠다. 이번 지역운동포럼 작업은 갠적으로 참으로 만족스럽다.

2009 지역운동포럼 인권콘서트 웹자보

2009-11-17T17:42:29+09:00

조금 신경을 써달라는 부탁에 '조금' 신경을 썼다.

사실 워낙 가지고 있던 그림이 괜찮았고, (순수하게 운만으로 제목과 그림이 어울리게 되었다...^^)

가지고 있던 배경파일도 괜찮았다.

폰트는 헤움고딕이란 걸 썼다.

일단 저렇게 얇은 폰트를 사용하면 깔끔한 느낌이 든다.

좀더 있어보이게(?) 하려면, 글씨의 간격을 줄이면 위와 같은 모습을 띄게 된다.

웹자보의 원본 PSD 파일을 첨부해본다. 폰트가 없어서 깨질 수도 있으니 주의.

배경사진만으로는 뭐가 썰렁해보며, 오른쪽 하단에 메인 그림(불타는 구두)를 마치 배경에 녹아들어가 있는 듯한 모습으로 넣어 놓았다.

참고로 헤움폰트는 무료다.(http://offree.net/2744)에 들어가보면 자세한 소식이 있다.

특히 한글 폰트의 경우 유료폰트가 이쁜 경우가 많은데, 윗 링크의 도아님의 블로그를 보면 괜찮은 무료폰트들이 굉장히 많다.

자세히보면 알겠지만, '불타는 구두'라는 부분은 폰트가 아니라 이미지다. 왠지 좀더 멋스럽게 보이고 싶어서 배경을 폰트 모양대로 잘라냈다. 그래서 아주 자세히 보면 글씨의 색깔이 '그런지(?)'하다.

더불어 배경에 쓰인 이미지를 첨부했다. 아마도 무료 이미지 일꺼라고 확신하고 올린다.

첨부파일에 그런지 텍스쳐 어쩌구 저쩌구의 zip 파일을 참고.

아래와 같은 5종의 그런지(?) 한 배경이미지들이 있다. 이런 이미지만 있어도 웹자보는 식은 죽 먹기다.

역시나 포토샵 작업은 무한 인터넷 웹서핑 노가다라는 것을 재확인.

경기민언련 사진강좌 웹자보

2009-09-25T17:19:41+09:00

지난 6월에 경기민언련에서 진행했던 사진강좌 웹자보 입니다. 개인적으로 상당히 맘에 드는 웹자보예요... 생각보다 아주 깔끔하게 잘 나왔거든요.

우선 저걸 만들 때에 참고한 곳은 다음카페 메인화면입니다. 지금은 다음카페 메인화면이 바뀌어서 확인해드릴 수가 없네요...^^;

전체적으로 깔끔한 이미지를 위해서 회색계통으로 처리를 하고, '디카'는 중요한 부분이기에 주황색으로 처리했습니다. 일종의 뽀인트인 셈이죠...^^

그리고, 바탕이 하얀색이라 너무 썰렁할 것같아서 브러쉬를 이용해서 약간의 얼룩을 주었습니다. 보일락 말락하는 배경이지만, 디테일 한 부분에 신경을 써주는게 중요하거든요.

그리고 좌측 상단에 작고 간단하게 행사의 내용을 넣었습니다. 저런건 크게 넣으면 전체적으로 촌스럽게 됩니다.

또한 행사의 내용에도 "대상 : 관심있는..."처럼 가운데에 ":"표시를 넣는 것이 아니라 그냥 넣고, 글씨의 두께로 구분을 해서 깔끔한 느낌을 주려고 했어요.

그리고 테두리 역시 회색계통으로 넣어서 깔끔한 느낌을 유지하려고 했습니다.

폰트는 윤고딕 110~160을 사용했습니다.

78차 수원촛불 홍보 웹자보

2009-09-24T16:08:36+09:00

이번에 한번 예쁘게 만들어보자라고 이야기를 하던 중, 해피빈의 홈페이지가 눈에 띄더군요.

지금 이 홈페이지도 많이 따라한 것이긴 합니다만..^^;

일단 폰트는 나눔고딕을 사용했습니다. 나눔고딕은 네이버에서 한글의 날을 맞이하여 배포한 폰트입니다. 대부분의 다른 폰트와 달리 무료폰트인데다가, 예쁘기까지 하니 자주 애용해주면 좋습니다.

나눔고딕은 http://hangeul.naver.com/index.nhn?goto=fonts#fonts 에서 받으실 수 있습니다. 나눔명조는 별로 안이뻐요...ㅎ

그리고 최상재 위원장님의 사진은 사실 배경이 있는 사진이었습니다만, 깔끔해보이기 위해서 옆 테두리를 일일이 따서 배경을 날려버렸습니다. 그냥 마우스로는 다소 노가다이긴 합니다만, 한결 좋아 보입니다. 그리고 배경 날린 테두리가 어색해 보일까봐 그림자를 약하게 주었습니다. 너무 진하게 그림자를 주면 촌스러운 느낌이 있지요.

배경은 그라데이션을 준겁니다. 왼쪽은 흰색, 오른쪽은 옅은 회색입니다. 저런 배경을 통해서 좀더 세련된 느낌을 줄 수 있습니다. 요즘 유행하는 분위기이기도 하구요...^^

그리고 글자들의 배치는 역시 해피빈의 것을 보고 유사하게 흉내내 보았습니다. '78차 수원촛불'의 위치가 좀 애매한 측면이 있습니다만, 만족스럽습니다.

* PSD 파일을 첨부하니 사용하실 분들은 마음껏 사용하시기 바랍니다.