롤스토리디자인연구소

이번 시간에는 카메라 렌즈 모양 아이콘을 제작해 보겠다. 렌즈 아이콘 역시 수많은 레이어와 레이어 스타일.. 그리고 픽셀단위의 정교한 작업이 필요한데, 제일 중요한건 수치에 맞게 정확하게 쉐이프를 완성해야 한다. 렌즈 원통이 삐둟다면 보기가 싫을 뿐더러 실제 렌즈도 그렇지 않다. 작업하기에 앞서 실제 렌즈를 유심히 살펴보며 작업 한다면 조금더 이해 하기 쉬울 것이다. 01.가로세로 512px의 캔버스를 만든다. 02.적당한 배경에 캔버스 센터에 가이드라인을 표시해둔다음에 쉐이프툴로 정원을 그린다. 그리고 위와같이 레이어 스타일을 준다.(렌즈 밖의 테두리 과정) 스트로크도 위와 같이 준다. (여기서 스트로크는 모서리 부분의 입체감을 준다) 03.기존 쉐이프레이어를 복사한뒤 레이어의 빈 부분에 마우스 우클릭..

iCloud를 통하여 우리는 아이폰에서 찍은 사진을 아이패드 또는 맥에서 따로 전송하지도 않았는데 자동으로 각각의 사진첩에 들어가 있는걸 볼 수 있다. 이런 iCloud를 이용한 포토스트림은 아이폰이나 아이패드에서는 따로 포토스트림 기능을 활성화 하면 바로 사용할 수 있지만 맥에서는 iPhoto 또는 Aperture 등의 애플 소프트웨어가 있어야 포토스트림을 통한 사진 공유가 가능하다. 하지만 우리는 여기서 iPhoto나 Aperture를 실행해야만 포토스트림을 볼 수 있는 번거로움을 느낄 수도 있다. 하지만 이런 번거로움을 iPhoto나 Aperture의 실행없이 바로 맥의 파인더사이드바 즐겨찾기를 이용한 포토스트림을 확인할 수 있다. 즉 아이포토를 실행하지 않고 맥에서 포토스트림을 바로 볼 수 있다는..

언제부턴가 이런 형태로 윗쪽, 아랫쪽 또는 위아래 전체가 움푹패이거나 나온느낌으로 두깨감을 주어 입체(3D)형태의 아이콘이 빈번하게 보여지곤 했는데 가장 중요한것은 두깨감을 표현하는 부분의 그라데이션을 어떻게 주냐에 따라서 아이콘의 퀄리티가 결정 된다고 해도 과언이 아니다. 또한 가운데 배경 부분에 카본 느낌의 텍스쳐를 입혀 조금더 입체감을 준다면 더욱이 질감이 느껴지는 아이콘이 될것이다. 순서를 알아보자. 01.시작은 항상 도화지 부터 깔기. 가로세로 512px의 캔버스를 만든다. 02.모서리가 둥근 쉐이프툴을 이용하여 캔버스 가운데쯤에 위와 같은 도형을 만든다.(Radius는 20px을 준다 - 흔히 앱스토어 아이콘의 Radius값이다.) 03.같은 쉐이프를 미리 하나더 복사(두께를 표현할 레이어)하..