본문 바로가기

웹디자이너

Image Retouching 02. Step 01. 배경, 피부 잡티 지우기 단계 일단 이미지의 더스트가 너무 많고 이미지의 상단 부분 여백이 너무 좁아 보입니다. 상단의 여백은 일단 더스트를 지우고 늘려주기로 하고 먼저 이미지의 더스트들을 위의 예시 이미지처럼 지워줍니다. 배경 부분의 주름이 인물의 이미지를 방해하는 것 같아 배경 전용 필터를 사용해 지워줍니다. 배경 필터 사용 방법은 블로그 상단 카테고리 THEORY > 리터칭 이론을 참고하시면 됩니다. Step 02. 이미지 상단부분 배경 늘려주기, 이미지 좌우 여백 조절, 인물 형태 보정 여백이 너무 좁아 답답해 보였던 상단부분 여백을 늘려주고 인물을 가운데로 배치한 뒤에 좌우 여백을 조절해 줍니다. 이미지의 상하좌우 여백은 이미지에 안정감을 높여주는 역할을 합니다. 여백 조절은 C.. 더보기
웹 디자인 이론 STEP 09. 웹디자인 이론 STEP 09. 에서는 반응형 웹디자인(Responsibility Web Design)과 적응형 웹디자인(Adaptive Web Design)에 대해 정리했습니다. 두 가지의 속성과 작업 가이드가 다르므로, 작업 전 기획단에서 어떠한 디자인으로 작업 할지 명확하게 정리하고 작업에 들어가야 합니다. 반응형 웹 디자인(Responsibility Web Design) 반응형 웹 디자인의 사전적 의미는 하나의 웹사이트에서 PC, 스마트폰, 태블릿 등 접속하는 디스플레이의 종류에 따라 화면의 크기가 자동으로 변하도록 제작한 웹페이지 접근 기법을 말합니다. 반응형 웹디자인은 페이지 별로 각각 제작하지 않고 하나의 공용 웹사이트를 만들어 다양한 디바이스에 대응할 수 있도록 하는 것이 장점이라고 할 수 .. 더보기
Image Retouching 01. STEP 01. 배경, 피부 잡티 지우기 단계 STEP 02. 형태 보정 단계 STEP 03. 톤 정리 단계 STEP 04. 마무리 보정 단계 Complete 더보기
리터칭 이론 이미지 리터칭을 전문적으로 가르쳐주는 기관이나 학습터는 없습니다. 그렇기 때문에 실무나 독학으로 공부해야 하며 리터쳐마다 사용하는 툴이나 방법이 모두 달라서 스킬들을 자기만의 것으로 소화하는것이 중요하다고 생각합니다. 리터칭을 잘 하기 위해서는 기본적으로 사진에 대한 이해가 바탕이 되어야 하지만 사진에 대한 지식이 없어도, 포토샵의 기본적인 툴만 알고 있어도 원하는 이미지를 얻을 수 있습니다. 아래 설명은 개인적인 작업 방법과 이론이므로 본인의 스타일과 맞지 않는다면 다른 작업방법을 추천합니다. 리터칭 작업 순서 가장 기본적인 작업순서는 배경복사 > 배경 잡티 제거 > 인물 잡티 제거(피부, 머리카락) > 옷주름(얼룩) 보정 > 형태보정 > 톤 정리 > 마무리 작업(선명하게 할 부분, 하이라이트...등 .. 더보기
편집 디자인 이론 STEP 05. 편집디자인 이론 STEP 05. 에서는 편집 디자인의 기초가 될 수 있는 인쇄 업체들에서 사용하는 국전지를 재단, 절수하는 방법을 정리했습니다. 기본적으로 이러한 작업과정과 이론을 알고 있어야 내가 어떤 크기로 어떤 작업물을 만들것인지 계획을 잡는데 도움이 될 수 있습니다. 절수 우선 절수란 전지를 특정하게 동일한 크기로 재단 했을 때, 나올 수 있는 종이의 최대 수를 말한다. 절수는 재단 가능한 사이즈에 따라서 2절, 4절, 8절, 16절, 32절 등으로 나누어져 있고, 절수 앞에 수치는 재단 시에 동일한 사이즈로 나올 수 있는 종이의 숫자를 말한다. 국전지로 각 판에 맞게 절수 내는 방법 재단 재단의 사전적인 의미는 완성된 판형에 맞춰서 인쇄된 낱장을 규격에 맞게 자르는 것, 재단기를 이용하여 접지의.. 더보기
편집 디자인 이론 STEP 01. 편집디자인 이론 STEP 01. 에서는 타이포그래피(Typography)의 분야에 대해서 정리했습니다. 타이포그래피란 디자인의 가장 기본적인 요소인 시각의 3요소 중 한 가지이므로 실무, 디자인 분야 모두 아주 중요한 요소입니다. 쉽게 말하면 종이 위의 글자라고 생각할 수 있지만, 디자이너라는 직업은 그 글을 읽는 사람에게 효과적이고 미적으로 전달할 수 있도록 만드는 직업이라고 생각합니다. 실무나 교육기관에서 배운 내용을 기반으로 작성하는 글로 잘못된 내용이 포함될 수 있습니다. 타이포그래피(Typography) 타이포그래피는 디자인에서 메시지 전달과 조형적인 목적에서 중요한 요소이다. 타이포그래피의 적절한 선택과 표현은 전체적인 레이아웃에 큰 영향을 미치고, 글을 읽는 사람들과의 커뮤니케이션을 보다 쉽.. 더보기
웹 디자인 이론 STEP 08. 웹디자인 이론 STEP 08. 에서는 웹 프로모션, 웹 프로모션 구성 방법, Visual Editorial Graphic, 센터 디바이스 디자인, 인터랙션 디자인에 대해 정리했습니다. 웹디자인 이론의 마지막 스텝이며 이번 스텝 역시 알고 있다면 실무에서 많이 쓰일 수 있는 내용입니다. 실무나 교육기관에서 배운 내용을 기반으로 작성하는 글로 잘못된 내용이 포함될 수 있습니다. 웹 프로모션(Web Promotion) - 적합한 대상층에게 적절한 메시지를 노출시킴으로써, 자사 웹사이트로 방문자들을 유인하는 홍보 전략, 전술 - 웹에서 표현되는 모든 온라인의 판매 촉진을 시키는 상업(판매, 홍보 할인, 경품, 이벤트)적인 행위, 제품이나 서비스의 판매를 위한 광고 디자인 웹 프로모션 구성 방법 - 전체강조(화려.. 더보기
웹 디자인 이론 STEP 07. 웹디자인 이론 STEP 07. 에서는 모바일 화면구성에 필요한 용어, 모바일 디자인 벤치마킹 사이트, 모바일 실무용어들에 대해서 정리했습니다. 실무에서 팀원들과 회의를 할 때나 업무를 할 때 용어에 대한 정리와 레퍼런스를 찾을 수 있는 사이트들에 대한 지식이나 이해도는 필수이며 매우 중요하기 때문에 정리했습니다. 실무나 교육기관에서 배운 내용을 기반으로 작성하는 글로 잘못된 내용이 포함될 수 있습니다. 타이포그래피 규칙 1. 스플래쉬 스크린(Splash Screen) 모바일 앱 접속 시 로딩하는 동안 표시되는 화면으로 일반적으로 로고 이미지 또는 애니메이션으로 표현한다. 2. 슬라이드 메뉴(Slide Menu) 평상시에는 보이지 않다가 아이콘 및 텍스트 클릭 시 슬라이딩 되어 보이는 메뉴, 모바일 앱의 .. 더보기

티스토리툴바