반응형 디자인 반응형 148 UI 프로토타이핑 툴 피그마(Figma) - 1. 설치 및 버튼 만들기 UI 프로토타이핑 툴 피그마(Figma) - 1. 설치 및 버튼 만들기안녕하세요. 당근입니다. 오늘은 UI 프로토타이핑 툴 피그마(Figma)를 설치하고 사용해보려고해요. UI 프로토타이핑 툴은 Adobe XD와 스케치(+제플린)이 또 유명한데.저는 스케치는 써본적이 없고 XD만 한 프로젝트 하는 김에 끄적끄적 사용해 본 경험이 있습니다.스케치는 맥용 툴이라 윈도우 사용자분들은 포토샵+제플린 플러그인 설치해서 사용하시더라고요. 조만간 스케치도 맥북에 깔아서 이것 저것 테스트 해보려고합니다.일단 오늘은 브라우저 기반으로 어떤 운영체제에서도 사용이 가능한 피그마(Figma)를 테스트해볼겁니다.설치 이외에 어느 정도까지 해보고 테스트를 할 지도 잘 모르겠어요. 일단 써봅니다. https://www.figma... 2020. 2. 25. 포토샵 Select & Mask 에서 머리카락, 털 누끼따기 (Refine Edge) 포토샵 Select & Mask 에서 머리카락, 털 누끼따기 (Refine Edge) 안녕하세요. 당근입니다. 오늘은 포토샵에서 머리카락이나 동물 털 같이 세세한 부분을 누끼딸 때 필요한 스킬을 알아볼건데요. 원래 예전에는 포토샵에서 선택툴로 선택을 하고 나면 상단바에 Refine Edge라는게 있어서 거기에서 선택 영역을 조정할 수 있었어요. 오랜만에 기능을 쓰려니까 읭?? 어디갔지?? 싶은 분들을 위해 준비했습니다. 자 그럼 시작해볼까요? 우선 소스로 필요한 이미지를 픽사베이에서 다운로드했어요. 사자를 가져왔습니다. 배경을 제거할 거예요. 털 부분 살짝 안으로 선택영역을 잡아주세요. 셀렉션을 뭘로 하실지는 자유예요. 퀵셀렉션 툴로 하셔도 되고, 올가미로 하셔도 되고... 저는 퀵셀렉션이 잘 안되길래 .. 2020. 2. 16. 일러스트레이터 아이소메트릭 텍스트 만들기 (2.5d 타이포그래피) 일러스트레이터 아이소메트릭 텍스트 만들기 안녕하세요. 친절한 당근블로그입니다. 배너나 포스터에서 자주 보이는 2.5d 타이포그래피! 일러스트에서 3D 이펙트를 이용한 아이소메트릭(isometric) 텍스트를 만들어보겠습니다. 3d를 써야해서 복잡하진 않을까 걱정되시나요? 한 번 해보고 나면 어렵지 않게 만들 수 있으니까 차근 차근 따라해보세요. 먼저 대지를 만듭니다. 저는 가로 A4사이즈로 만들게요. 적당히 두꺼운 폰트로 원하시는 텍스트를 씁니다. 저는 검은고딕을 사용했어요. 색깔도 넣어주시고요. 입력하신 텍스트를 선택하시고 Effect-3d-Extrude & Bevel로 들어갑니다. 들어가셨으면 Position에서 Isometric Left를 선택하세요. 그리고 Extrude & Bevel 탭에서 Ex.. 2020. 2. 15. [일러스트레이터]작업파일 이미지 링크 Embed, Link 패널로 한번에 확인하기. 일러스트레이터 작업파일 이미지 링크, Links 패널로 한번에 Embed하기! 안녕하세요. 당근입니다. 오늘은 디자인 실무, 특히 발주 시에 주의해야할 사항에 대한 이야기입니다. 디자인 실무 하다보면 작업파일을 주고 받을 일이 많이 생기죠. 일러스트레이터 작업을 마친 후 상대방이 작업파일을 열었을 때 이미지가 유실되어 있는 일은 생각보다 비일비재합니다. 실무에 있어서 일러스트 파일을 전달할 때는 이미지가 작업파일 안에 포함되어 있는지 꼭 확인해야합니다. 이미지로 뽑아서 전달하는 경우에는 전혀 문제 없지만 작업파일 그대로 전달할 때 링크가 그대로 있으면 어떻게 될까요?이미지가 작업자 로컬 폴더에서 일러스트에 불려와있는 상태, 즉 Linked Image 상태에서는 파일 경로가 달라지는 즉시 일러스트 작업 창.. 2020. 2. 8. 이전 1 ··· 14 15 16 17 다음
