기술을 디자인감성을 더하는 디자인해답입니다.

포토샵 기초중에 하나로 이미지 보정법은 다양하지만 실무에서 주로 사용하는 커브를 이용한 사진보정법을 알려드릴게요 간편하고 쉬워서 다양한 사진보정 시 유용한 기능입니다. 엘로우톤이 강한 사진을 커브(Cures)를 통해 중간톤으로 바꾸어 색상을 보정해주는 방법입니다. 1. 커브 단축키( Ctrl + M )을 눌러서 열어줍니다. 커브를 여시면 하단에 손가락 모양과 스포이드가 3개가 보입니다. 2. 커브 박스에 있는 3개의 스포이드 기능들에 대한 설명입니다. 3. 원본사진과 스포이드를 적용했을 때의 변화된 사진의 색상을 비교해 보세요. 4. 손가락 모양의 아이콘을 선택합니다. 5. 이 모양을 클릭한 후 원하는 위치의 스포이드를 클릭하면 자동으로 포인터가 생성됩니다. 6. 여러곳을 클릭하고 생성된 포인터를 조정하..

위의 이미지에서 빨간 라인 영역은 배경이미지처리가 아닌 css로 처리한 예입니다. div로 삼각형모양으로 마스킹하는 방법을 알려드리고자 합니다. transform 을 활용하여 만드는 방법입니다. transform의 특성을 먼저 알아보고 가겠습니다. Transform (개체를 변형시키다) 회전 효과, 스케일링(확대/축소) 효과, 기울임 조절, 위치 변경과 같은 변형 처리가 가능합니다. 값에는 translate(), scal(), rotate(), skew() 4종류의 트랜스폼 함수를 사용해, 이동, 확대, 축소, 회전, 경사를 만들수 있습니다. 1. 이동(translate) - translate() 함수는 요소를 X축 방향이나 Y축 방향으로 이동시킬 수 있습니다. - X축 방향값을 플러스로 하면 오른쪽으로..

포토샵의 기능 중에 레이어에서 투명도 조절인 Opacity와 채우기 Fill 조절값에 대한 차이점을 알아보도록 하겠습니다. 흔히들 헷갈려하시는데요 오퍼시티와 필값의 동일하게 색감(채도와 명도)을 빼는주는 기능으로 알고 계실거에요 신입디자이너들은 이 둘의 차이를 정확히 알고가시면 다양하게 활용할 수 있는 기능이기에 기본중에 기본이라고 할 수 있습니다. 자, 그럼 긴말 필요없고 실제로 따라해 보면서 익혀봅시다! 포토샵을 실행하고 레이어창을 봅니다 레이어를 신규로 만들고 사진배경위로 Rectangle 툴로 박스를 두개 만듭니다. 그리고 그 박스에 Stroke를 설정합니다. Opacity와 Fill의 차이를 보기 위해 준비과정입니다. 선까지 넣은 박스를 만들면 복사하여 두개로 만듭니다. Opacity: 30% ..

반응형 웹을 구축하면서 고객의 니즈에 맞춰 추가되는 CSS를 공부하며 성장하고 있는 디자인해답니다. 이미지를 클릭을 유도하기 위해 이미지위에 마우스 오버시 색상이 변하고 짧은 문구까지 나온다면 더욱 클릭이 유도될 수 있습니다. 오늘 추천해드리는 방법은 아주 간단한 CSS 방법으로 백그라운드에 이미지를 넣고 그 위에 오버레이되는 방식으로 글씨를 띄워주는 방식입니다. 소스는 아래와 같이 간단히 진행합니다. 컬러값은 동일한 숫자나 영문일때 3개만 작성해도 적용됩니다. 진짜 간단하고 쉽죠, 아래의 페이지의 적용하는 태그를 작성하면 끝입니다! 마우스 오버시 변환

이미지처럼 모바일에서 반응형웹 페이지를 실행할때 가로 스크롤(수평 스크롤)이 생기는 문제가 발생할때가 있습니다.모바일 기기에서 수평스크롤을 비활성화해서 문제를 해결해 봅시다. 우선 라인에 태그를 추가합니다. 저같은 경우, 위의 메타태그로 한번에 해결이 되었습니다. 아이폰 등 Apple iOS 기기에서 문제가 나타나는 경우 아래의 태그를 추가해 봅니다. safari 에서 가로스크롤 막기 body { over-flow-x : hidden; } 위와 같은 방법도 있습니다. 사파이에서 여전히 가로스크롤이 동작시 html { over-flow-x : hidden; } 다른분의 자료 참고 : 모바일 기기에서 수평스크롤 없애기

오늘은 맥을 사용하면서 자주 사용하는 웹사이트를 바탕화면, 즉 데스크탑 화면에 바로가기 아이콘을 만들어 보겠습니다. 자주 이용하는 사이트를 아이콘화하여 만든 후 Dock에 넣어두면 정말 간편할거에요. 솜노트 아이콘 만들기 첫 번째 먼저 F4눌러서 런치패드로 이동한 다음 기타 폴더로 갑니다. 여기서 스크립트 편집기를 실행합니다. 두 번째 스크립트 편집기가 열리면 왼쪽 하단에 새로운 도큐멘트를 눌러 새창을 오픈합니다. 세 번째 열린 새창에 아래의 스크립트를 복사하여 붙여넣기 하면 됩니다. tell application "Google Chrome" activate open location "URL" end tell 그리고 잘 설정이 되었는지 상단의 실행버튼(플레이버튼)을 눌러서 확인해 ..