홈페이지 제작·반응형홈페이지제작 전문 소이정 | 수원 홈페이지 제작업체, 모바일앱 개발, 웹시스템 구축, 마케팅 서비스까지 원스톱 제공 종합 에이전시

어도비 XD 알아보기

안녕하세요, 소이정입니다. 요즘 UI/UX에서 유용하게 쓰이고 있는 XD에 관해 알아보려고 합니다.웹 기획자들을 위한 툴에 관해서 소개했을 때도 포함되어 있던 프로그램 중이기도 하죠! 뿐만 아니라 디자이너들도 유용하게 사용하고 있는데요.무엇보다 어도비 계열이다 보니 포토샵과 일러스트를속해서 사용하던 분들에겐 익숙할 것 같기도 해요.그럼 어도비 XD가 무엇인지, 기능은 무엇이 있는지, 프로그램의 기본적인 화면구성은어떻게 되어있는지까지! 함께 알아보시죠! 어도비 XD란? 어도비에서 출시된 소프트웨어 중 하나로 웹사이트와 모바일 앱, 애니메이션 게임 등 다양한 디자인 작업이 가능합니다. 와이어 프레임과 프로토 타이핑 제작이 가능하며, 하나의 링크를 통해 기획자, 디자이너, 개발자 등 프로젝트에 참여하는 모두가 동일한 페이지에서 공유하고 수정할 수 있다는 점이 제일 큰 장점입니다. 어도비 XD 기능 1. 사용자 경험 디자인을 빠르게 진행할 수 있음 이미지를 포토샵에서 열어 편집할 수 있고, 이미지가 편집되면 자동으로 업데이트 됩니다. 2. 인터랙티브요소, 모션, 애니메이션 적용하여 프로토타입 제작 가능 앱과 웹을 사용하는 흐름과 스타일을 사용자에게 전달할 수 있고 애니메이션도 적용하여 사용자가 직접적으로 경험할 수 있는 프로토타입을 제작할 수 있습니다. 3. 협업이 가능함 프로젝트에 참여하는 모든 팀원이 한 번에 동일한 XD 파일로 작업을 할 수 있으며, 전체적인 작업 과정을 확인할 수 있습니다. 웹페이지로도 내보내기가 가능해 피드백을 받기에도 용이합니다. 4. 다양한 플러그인 활용 가능 개발자 커뮤니티에서 만든 플

포토샵 흐린 이미지 선명하게 만들기

안녕하세요, 소이정입니다. 오늘은 포토샵을 이용해 흐린 이미지를 선명하게 만드는 방법을 소개해 드리려고 합니다.멋진 배경이나 인물을 찍었는데, 막상 보니 흐리거나뿌옇게 되어 있어 사진의 결과물이 마음에 들지 않을 때도 있지 않으신가요?저도 급해서 빨리빨리 찍다가 멋진 하늘을 이상하게 찍은 적이 많은데요....ㅠㅠ예시로 쓰일 사진도,, 바로 그런 사진인데요..!BEFORE & AFTER 먼저 보여드리고 본격적으로 시작해 볼게요.왼쪽이 BEFORE, 오른쪽이 AFTER입니다. 0. 포토샵 실행하고 사진 열기 포토샵을 실행한 후 보정할 사진을 열어줍니다. 사진을 열어주는 방법은 동그라미 안에 있는 열기 버튼을 통해 사진이 있는 경로를 클릭하여 사진을 가져와도 되고, 아래 화살표 영역으로 이미지를 끌고 와도 됩니다. 1-1. 원본 사진 복사하기 보정할 사진을 복사해 줍니다. 단축키를 이용해도 되고, 아래에 있는 아이콘을 이용해도 되는데요! 단축키를 사용할 경우 해당 사진 레이어를 클릭한 후 Ctrl + J를 해주면 됩니다. 아래의 아이콘을 이용할 경우에는 사진 레이어를 아이콘으로 드래그&드롭해 줍니다! 1-2. 필터 씌우기 레이어를 복사한 후 필터를 씌워줄 건데요. 상단에 있는 메뉴 필터를 클릭한 후 기타 - 하이패스를 클릭합니다. 해당 필터는 이미지의 바깥 경계선 자리를 찾아 좀 더 선명하게 해주는 옵션입니다. 흐릿한 사진뿐만 아니라 사진의 컬러를 선명하게 하고 싶을 때도 사용하기도 합니다. 클릭하면 하나의 설정 창이 나타나는데요. 아래 반경에서 수치를 원하는 대로 조정한 후 확인 버튼을 눌러

일러스트 가위툴, 나이프 툴 사용하기

안녕하세요, 소이정입니다. 오늘은 일러스트에서 유용하게 사용되고 있는 툴을 소개해 드리려고 합니다.바로 가위툴과 나이프 툴인데요!주로 도형을 원하는 모양으로 분할하거나 지울 때 사용되는 툴들입니다.해당 기능을 사용하면 손쉽게 원하는 모양으로 만들 수 있답니다~!마지막엔 가위툴과 나이프 툴의 차이점까지 알아보도록 하겠습니다.그럼 일러스트를 실행해 볼까요!? 0. 일러스트 실행 후 새 파일 클릭 제일 먼저 일러스트를 실행해 주세요. 저는 일러스트 2024버전을 사용했습니다. 일러스트가 켜졌다면 왼쪽 상단에 있는 새 파일을 눌러주세요. 1. 파일 이름 설정 및 대지 크기 지정 사전에 설정할 수 있는 세부 정보인 파일 이름과 대지의 사이즈를 조절해 줍니다. 그리고 만들기를 눌러주세요. 저는 오늘 다루는 툴들로 파일 이름을 설정하고 사이즈는 A4 사이즈로 맞추어볼게요. 여러분은 해당 파일의 이름과 대지 크기는 자유롭게 해주세요. 툴을 다루는 연습을 진행하는 거니까요! 2. 도형 그리기 다음은 도형을 그려줍니다. 그려준 도형은 가위툴과 나이프 툴을 이용해서 분할할 때 사용할 예정입니다. 저는 별 모양을 그려보았는데요. 여러분은 직사각형이든 원이든 원하는 걸로 그려주세요. 가위툴 3. 가위툴 선택하기 다음은 왼쪽 툴바에서 가위툴을 찾아볼게요! 지우개 아이콘에 마우스 커서를 갖다 대고 왼쪽 마우스 버튼을 누르면 가위 도구가 나오는데요. 클릭해 주시면 됩니다. 가위툴은 도형을 가위로 자르듯 개체를 분할할 때 사용됩니다. 이후 나이프 툴도 해당 영역에서 선택해야 하니 기억해두시면 좋겠습니다. 4. 패스 선 클릭하여 이어주기 도

일러스트 아트보드 알아보기

안녕하세요. 소이정입니다. 오늘은 어도비 일러스트레이션의 유용한 기능 중 하나인아트보드에 대해 다뤄보겠습니다.아트보드는 한글판으로는 대지라고 번역되어 있는데요.간단하게 작업 공간이라고 생각하면이해하기 편하실 것 같아요.아트보드의 개념과 함께 저장하는 방법까지 한 번 알아볼까요? 아트보드(=대지)란? 일러스트 내에서 우리가 작업한 부분이 보이는 공간인데요. 그림을 그릴 때 사용하는 도화지라고 보시면 됩니다. 0. 일러스트 실행 후 작업환경 설정하기 일러스트를 실행시킨 후 새로 만들기를 클릭합니다. 원하는 사이즈로 설정을 해줍니다. 모바일, 웹, 인쇄 등 상용화되어있는 사이즈의 화면도 제공하니 필요에 따라 사용하시면 됩니다.저는 오늘 아트보드에 관한 설명을 위한 것이니 임의로 사이즈를 정해서 제작해 볼게요! ① 임시로 파일 이름을 지정하고, ②사이즈만 변경하고 제작 버튼 누르기는 잠시 기다려주세요. 1. 아트보드 개수 지정하기 제작 버튼을 기다려달라고 한 이유는 아트보드의 수를 지정하기 위함인데요! 해당 영역에서 한 개의 아트보드만 필요하면 1개만, 다양한 개수의 아트보드가 필요하면 원하는 만큼 숫자를 입력해 주시면 됩니다. 저는 오늘 10개를 예시로 제작해 볼게요!아트보드에 10을 입력하고 제작 버튼을 눌러주세요. 그럼 아래 화면처럼 10개의 대지가 생성됩니다. 2. 아트보드 활성화하기 활성화된 아트보드는 사이즈 변경도 되고 위치도 옮기고 아트보드의 수도 늘릴 수 있는데요! 우선 아트보드의 수를 늘리고 싶다면 ALT +SHIFT 키를 누른 채로 아트보드를 드래그하면 동일한 사이즈로 하나 더 만들