포토샵으로 종이 말리는 효과는 여러가지 기능을 이용하는데 무료 필터를 이용하면 포토샵 7.0까지는 쉽게 효과를 낼 수 있지만 그 이상의 버전은 유료필터를 사용해야합니다. 무료 액션을 설치하면 그 이상의 버전에서 만들 수는 있지만 약간의 수작업이 필요합니다. 필터와 액션은 종이를 자유롭게 말리는 효과를 줄 수 있는 것이 아니라서 처음부터 수작업을 해야합니다. 유료 필터를 사용하면 다양한 효과를 줄 수 있습니다. 이번글에서는 7.0버전의 종이말림 필터사용법과 그 이상의 버전에서 액션 사용법, 자유롭게 페이지컬하는 방법을 알아봅니다. 다른 방법은 이곳 을 참고하세요. 1. 포토샵 7.0버전에서 무료필터 사용하기 무료 필터 다운로드 위 파일의 압축을 풀고 다음의 경로를 찾아서 파일을 복사해서 붙여넣기 하고 포토..
디지털 카메라가 가격에 따라서 큰 차이가 나는 이유는 카메라에서 가장 중요한 역할을 하는 촬상소자의 크기차이 때문입니다. 가격이 비싼 DSLR카메라도 보급형과 고급형이 있는데 보급형은 촬상소자가 아주 작습니다. 일반적으로 말하는 똑딱이는 촬상소자가 쌀알만하고 외관은 DSLR이지만 하이엔드라고 불리는 카메라는 콩알만합니다. 반면에 고급형의 DSLR은 35mm 아날로그 필림카메라와 같은 크기입니다. 이 촬상소자의 크기는 이미지 프로세싱에서 큰 차이가 납니다. 작은 촬상소자로 사진을 찍으면 우선 보기에는 좋아보이지만 확대하게 되면 컬러 노이즈나 루미넌스(Luminance, 이미지의 명암에 따른 노이즈) 노이즈가 바로 나오게 됩니다. 하지만 고급카메라는 이미지를 확대해도 이런 노이즈가 거의 없습니다. 이번 글에..
포토샵의 배경지우개툴은 사용법을 알면 머리카락 같은 세밀한 부분을 손쉽게 추출할 수 있습니다. CS4버전부터 사라진 추출필터(Extract Filter)는 옵션으로 다운받아 설치할 수 있지만 이것이 사라진 이유가 배경지우개툴의 등장으로 인한 것입니다. 그만큼 추출필터보다 훌륭한 작업을 할 수 있기 때문이죠. 이번 글에서는 배경지우개툴의 사용법과 이 툴을 이용해서 머리카락을 배경과 분리시키는 방법을 알아봅니다. 1. 배경지우개툴의 옵션바 배경지우개툴은 지우개툴과 같이 있습니다. 가위모양이 추가되어있는 아이콘입니다. 이툴을 사용할때는 우클릭해서 브러시의 경도를 100%로 해서 사용하는 것이 좋습니다. 커서의 모양은 중심에 2처럼 작은 십자모양이 있는데 이 중심이 어느곳에 클릭되느냐에 따라서 지워지는 것이 달..
포토샵에서 사진의 편집은 레이어에서 시작해서 레이어로 끝나는 만큼 레이어는 포토샵에서 아주 중요한 도구입니다. 가장 많이 쓰이는 레이어창의 도구중에 하나가 레이어마스크인데 레이어마스크의 기능은 사진의 원본을 보존하여 언제라도 재사용할 수 있도록 하기위함입니다. 사진은 포토샵에서 한번이라도 작업을 하면 원본에 손상이 가게 됩니다. 자유변형툴을 자주 사용하게 되면 사용하는 횟수만큼 사진은 원본에서 점점 멀어져가는 손상을 입게됩니다. 아주 잘찍은 사진의 원본이 손상이 간다면 다시 찍을 기회가 없는 사진은 원상 복구할 기회가 없게 됩니다. 내가 편집한 사진이 최상의 편집이라는 자신감이 없다면 원본 보존을 위해 항상 주의를 해야하는 것이 포토샵 사진편집에 있어서 기본입니다. 이번 글에서는 레이어마스크의 기능과 이..
슬라이딩 도어 테크닉은 이미지의 크기가 변하면 슬라이딩 도어에 해당하는 이미지의 크기도 변하게 하는 기법입니다. 메뉴바에 사용되는 슬라이딩도어 테크닉 은 CSS로 만들 수 있는데 배너에 사용되는 이미지는 제이쿼리로 가능합니다. 이곳 을 클릭하고 원작자의 사이트에서 See the Demo 버튼을 클릭하면 미리 볼 수 있고 Download 버튼을 클릭하여 파일을 다운 받을 수 있습니다. 제 블로그의 우측에 Best 9에 적용해 봤습니다. 다운로드 파일 원본파일을 압축을 풀면 9개의 이미지와 하나의 배경이미지가 있고 index파일이 있습니다. js폴더에는 제이쿼리 라이브러리 파일과 easing파일이 있습니다. index파일에는 제이쿼리 코드와 css코드가 있는데 블로그 사용을 위해 두가지 코드를 별도의 파일로..
포토샵의 조정레이어는 이미지 레이어 위에 위치해서 여러가지 색상 보정을 할 수 있는데 어떤 수치로 보정을 해야좋은지 기준이 없기때문에 블렌드 모드를 이용하면 알맞게 보정이 되는 수가 있습니다. 조정레이어와 블렌드모드를 이용해서 간단하게 사진의 노출을 보정하는 방법을 알아봅니다. 1. 과노출 이미지의 보정 위 이미지는 노출이 과다해서 너무 밝은 사진입니다. 이를 손쉽게 보정하는 방법은 1의 아이콘을 클릭하고 메뉴에서 레벨을 선택하면 레벨 조정레이어가 추가됩니다. 1의 블렌드모드를 Multiply로 선택하면 어두워지고 너무 어두우면 2에서 투명도를 조절하면 됩니다. 2. 노출 부족 이미지의 보정 노출이 부족한 사진은 스크린모드를 이용합니다. 조정레이어 추가 아이콘을 클릭하여 레벨을 선택합니다. 블렌드모드를 ..
상단 타이틀에 사용된 배너는 피스메이커(Piecemaker)라는 플러그인을 이용한 것으로 이곳 을 클릭하면 원작자의 사이트에서 내용을 볼 수 있고 다운받을 수 있습니다. 또는 아래에서 원본과 이 블로그에 사용된 수정본을 다운 받아 참고하면 됩니다. 압축을 풀면 3개의 폴더가 있습니다. Documentation은 프로그램의 소개와 저작권, 설치방법이 있습니다. 저작권은 사용은 무료(Open Source)이고 프로그램 단독으로 판매는 불가하나 다른 프로그램에 포함하여 판매는 가능하다는 내용입니다. 플래시 폴더에는 3D에 사용된 플래시 원본파일이 있고 web폴더에는 설치파일이 있습니다. contents에는 이미지, 비디오, 플래시 swf파일이 있고 scripts폴더에는 자바스크립트 파일이 있습니다. index..
아담스패밀리 알라딘 에일리언 지옥의 묵시록 오스틴파워 백투더퓨쳐 블레이드 유령신부 스파이더맨 데어데블 니모를 찾아서 13일의 금요일 고스트버스터 나는 아직도 지난여름 네가 한짓을 알고있다 인디애나존스 리쎌웨폰 인크레더블 반지의 제왕 마스크 미션임파서블 나니아연대기 씬시티 스타트랙 터미네이터 매트릭스 크리스마스의 악몽 식스센스 툼레이더 트위스터 원더월드 반헬싱 아담스패밀리 알라딘 에일리언 지옥의 묵시록 오스틴파워 백투더퓨쳐 블레이드 유령신부 스파이더맨 데어데블 니모를 찾아서 13일의 금요일 고스트버스터 나는 아직도 지난여름 네가 한짓을 알고있다 인디애나존스 리쎌웨폰 인크레더블 반지의 제왕 마스크 미션임파서블 나니아연대기 씬시티 스타트랙 터미네이터 매트릭스 크리스마스의 악몽 식스센스 툼레이더 트위스터 원더월..
28일후 이상한 나라의 앨리스 해리포터 레지던트이블 스누피 터미네이터 월트디즈니 찰리와 쵸콜렛공장 캐리비안해적 쥬라기공원 라이언킹 슈렉 스타워즈 제다이 트와일라이트 007 골든아이 벅스라이프 아이스에이지 대부 트랜스포머 트론 에일리언 블레이드러너 씨엔엔 매트릭스 스크림 스타워즈 트랜스포머 트와일라이트 뉴문 엑스파일 캣우먼 28일후 이상한 나라의 앨리스 해리포터 레지던트이블 스누피 터미네이터 월트디즈니 찰리와 쵸콜렛공장 캐리비안해적 쥬라기공원 라이언킹 슈렉 스타워즈 제다이 트와일라이트 007 골든아이 벅스라이프 아이스에이지 대부 트랜스포머 트론 에일리언 블레이드러너 씨엔엔 매트릭스 스크림 스타워즈 트랜스포머 트와일라이트 뉴문 엑스파일 캣우먼 28일후 이상한 나라의 앨리스 해리포터 레지던트이블 스누피 터미네..
웹표준 CSS - 상대위치(relative positioning), 절대위치(absolute positioning), 고정위치(fixed positioning)
웹사이트 제작 문의
웹페이지 작업시 div이나 h1같은 html의 태그를 요소(element)라고 하는데 요소를 배치하는 방법은 상대위치(relative positioning), 절대위치(absolute positioning), 고정위치(fixed positioning) 3가지가 있습니다. 상대위치는 같은자손요소와의 관계에서 상대적입니다. 즉 원래 있어야할곳에서 속성값에 따라 새로운 위치를 지정하는 것이고 절대위치는 부모요소와의 관계에서 위치를 새롭게 지정하는 것입니다. 아래사진에서 상대위치는 원래 있어할 곳에서 새로운 위치로 변경되어 위치가 정해집니다. #box2 { position: relative; left: 20px; top: 20px; } 절대위치는 같은 자손끼리의 관계에서는 위치적으로 완전 무시하므로 절대적입니다..
제이쿼리같은 자바스크립트 라이브러리가 나오기전까지 웹디자이너나 개발자들에게 플래시를 이용하지 않고 웹페이지를 재로딩없이 애니메이션이나 인터액티브 기능을 추가하는 것은 불가능했습니다. 자바스크립트가 메이저 웹브라우저에서 지원이 안됐기때문이죠. 자바스트립트 라이브러리가 없으면 브라우저와 자바스크립트간에 호환성 해결을 위해 자바스크립트의 해박한 지식이 필요했습니다. 제이쿼리는 다양한 브라우저와 호환성이 좋은 라이브러리를 제공하고 있으며 배우는 시간도 상대적으로 짧으며 자바스크립트 프로그래밍하는데 수많은 반복적인 작업을 더욱 빠르게 처리할 수 있는 함수를 제공하고 있습니다. 애플의 아이폰이 플래시를 지원하지 않고 제이쿼리 같은 자바스크립트를 이용해서 애니메이션을 실행하면서 제이쿼리가 더욱 각광을 받고 있는 가운..
포토샵의 번툴은 이미지의 특정한 부분을 어둡게 하고 닷지툴은 밝게해서 입체감이 나오게 합니다. 번툴만 이용해도 되지만 보다 두드러지게 입체감을 표현하려면 두가지툴을 같이 사용합니다. 평범한 근육을 가진 이미지를 이 두가지의 툴을 이용해 복근을 만들고 팔 다리의 근육을 강조하는 방법을 알아봅니다. 포토샵에 이미지를 열고 Ctrl+Shift+N키를 누르면 새 레이어만들기 창이 나옵니다. 새레이어를 만들면서 동시에 블렌드모드를 추가하고 50%회색을 채우는 방법입니다. 블렌드모드에서 오버레이가 있는 그룹은 레이어의 50%회색은 무시되어 투명하게 됩니다. 50%보다 어두운 회색을 칠하면 어둡게 나오고 밝은색을 칠하면 밝게 나옵니다. 1에서 소프트라이트를 선택하고 2에 체크한 다음, OK클릭하면 레이어가 추가 되면..