사람 픽토그램을 응용해서 카드뉴스 느낌 PPT 만들기 지난 번 글에서는 사람 아이콘을 이용해서 그래프를 만드는 법을 공유했는데요. 2020/03/10 - [DESIGN/Design Tip] - 사람 아이콘으로 PPT 그래프 만들기 오늘은 다른 편집을 많이 하지 않고, 색 변경정도만 한 상태에서 카드뉴스 느낌의 PPT를 만드는 팁을 가져왔습니다. 화려한 이미지나 사진을 넣기는 부담스럽고, 글씨만 있으면 심심할 때 유용하게 사용할 수 있는 픽토그램 자료도 잔뜩 가지고 왔구요. : ) 제가 실무할 때도 자주 사용하는 자료이고, 큰 장표 뿐만 아니라 프로세스를 설명하는 작은 사이즈에서도 잘 보이는 이미지 입니다. 자, 그럼 아주 간단하고 빠른 Tip을 소개해드리도록 하겠습니다. 픽토그램을 왜, 어떻게 사용할 것..

사람 아이콘으로 PPT 그래프 만들기 오늘은 PPT를 만드는 Tip을 가져왔습니다. 그 중에서도 사람 아이콘을 이용해서 간단하게 그래프를 표현하는 방법인데요. 포토샵이나 다른 프로그램을 사용하지 않고 PPT의 그림 수정 효과를 통해 아이콘을 그래프화 할 수 있는 방법 입니다. PPT를 만들 때, 특히 차트를 만들 때 사람을 대상으로 하는 내용을 자주 접하게 됩니다. 설문조사 결과, 통계 같은 걸 예를 들 수 있겠네요. 이럴 때 사람 아이콘/픽토그램을 사용하면 훨씬 눈에 띄는 그래프를 만들 수 있습니다. 전에 올렸던 PPT 템플릿 중에 위와 같이 그래프를 표현한 장표가 있었습니다. 이 그래프도 남/여가 함께 있는 아이콘을 가져와서 PPT 자체의 그림효과-스케치 효과를 간단하게 주고 색상만 변경한 건데요. ..

이번에 공유하는 자료는 포토샵 브러쉬 입니다. 발견하고서 완전 유레카를 외쳤던 자료인데, 브러쉬로 찍는 것 만으로 아주 리얼리티한 자연물의 실루엣을 그릴 수 있습니다. 상세페이지 작업, 합성, 그 외 작업물에서 아주 유용하니까 꼭 받아보시길 권유드립니다. 풀, 나무 실루엣 브러쉬 : 배경 합성에 유용한 소스 보통 나무를 포토샵에서 사용하려고 하면, 이미지를 열심히 구글링 해서 찾아야합니다. 그것도 무료 이미지 중에 퀄리티 좋은 걸 찾기가 어렵죠. 나무 이미지는 자연스러운 그림자나 실루엣만 연출되어도 되는데, 이럴 때 유용하게 사용할 수 있는 실루엣 브러쉬 입니다. 브러쉬 패키지를 다운받으면 총 19개의 브러쉬가 들어있는 것을 확인할 수 있습니다. 큰 이미지는 4천 픽셀이 넘을만큼 해상도도 좋아요. : )..

작업을 하다보면 어쩔 수 없이 애플 목업에 디자인을 올리게 됩니다. 디자이너로써 하지말아야 할 것이 '영문으로 디자인하기' '목업으로 간지뿜기' 이런건데 저는 그걸 다 하고 있네요... 어쩔 수 없는 앱등이 인가봐요... 아이폰이나 아이패드, 맥북 목업도 너무 이쁜게 많지만 웹사이트 UI나 전체적인 컨셉샷을 보여줄 때 아이맥 목업 만한 게 없는 것 같습니다. 프레임도 워낙 깔끔하고, 하얀 배경에 깔끔히 떨어지게 잘 어울리기 때문에 꼭 한번은 이 목업에 올리게 되더라구요. 여러분도 유용하게 쓸 수 있을 것 같아서 공유 해봅니다. : ) 깔끔한 애플 아이맥 목업 3종 세트 첫 번째 : 화이트 바탕의 탑 뷰 (Top view) 목업 https://graphictwister.com/minimal-office-w..

포토샵 합성용 밝은 콘크리트 질감 텍스쳐 이번 텍스쳐도 빈티지한 느낌을 연출 할 수 있는 이미지들입니다. 이전 자료가 구겨진 종이로 강한 명암이나 굴곡이 드러나는 텍스쳐였다면, 이 텍스쳐는 그런지한 느낌을 추가해줄 수 있는 잔잔한 패턴을 가지고 있어요. 마치 콘크리트 벽이나 핸디코트로 한번 발라낸 벽의 느낌을 가지고 있는데 전체적으로 톤이 밝아서 합성용으로 사용하기에 아주 유용합니다. ❗️ 댓글 & 즐겨찾기는 자료 업로드에 큰 힘이 됩니다 : ) Posted By. BONSAE Bonsae.tistory.com

디자인을 하다보면 컨셉에 맞추기 위해 빈티지한 느낌의 텍스쳐가 자주 필요합니다. 그 중에 제가 가장 애용하는 건, 종이가 구겨진 느낌의 텍스쳐인데요. 오퍼시티(투명도)를 낮춘 상태로 레이어 효과를 이리저리 변경해가며 사진 위에 올려주기만 해도 빈티지한 느낌을 연출 할 수 있습니다. 합성용 오래되고 구겨진 종이 텍스쳐 다운로드 아래 이미지들은 큰 사이즈는 유료로 판매하고 있습니다. 제가 가져온 자료들은 무료로 사용할 수 있는 작은 사이즈의 이미지인데, 합성용으로 사용하기에는 문제가 없을 것 같습니다. : ) 매트한 느낌이 질렸을 때 자유롭게 사용해보세요. ❗️ 댓글 & 즐겨찾기는 자료 업로드에 큰 힘이 됩니다 : ) Posted By. BONSAE Bonsae.tistory.com

PPT 슬라이드를 구성할 때 움직임이 조금씩 있으면 이해가 훨씬 쉽습니다. 그래서 PPT에 있는 애니매이션 효과를 많이 사용하기도 하는데요, 영상을 재생하거나 애니매이션 효과를 넣지 않아도 GIF (움직이는 이미지) 를 넣으면 자동으로 재생이 됩니다. 그래서 저도 가끔씩 gif 이미지를 활용하는 편인데요. 오늘은 PPT에서 활용하기 좋은 움직이는 이미지들을 가져왔습니다. PPT 활용에 좋은 gif 아이콘 GIF 이미지를 넣는 방법은 상당히 간단합니다. 슬라이드에 원하는 자리에 이미지를 끌어다 넣기만 하면되거든요. 다만, 슬라이드를 편집중에는 이미지가 움직이지 않고 슬라이드쇼 (F5) 상태일 때 움직이는 것을 확인할 수 있습니다. PPT에서의 GIF 이미지는 웹에서 봤을 때 보다 프레임이 조금 더 더디게 ..

많은 덕님들이 애용하는 노란끼를 제거하는 보정을 가져왔습니다. 노란끼.. 라고 하는 것이 어감이 좀 이상하긴 한데, 무대나 카메라의 화이트밸런스가 제대로 맞지 않아 피부 색이나 전체적인 색감이 다소 누렇게 뜬 이미지를 정상적인 색감으로 보정해주는 거라고 보시면 되겠습니다. 예시로 가져온 위 이미지는 요즘 최고로 핫한 화사님의 사진인데요, 이 무대도 노란색 조명을 워낙 쨍하게 쏘다보니까 피부색이 주황색에 가까워서 보정을 했더니, 좀 더 자연스러운 색감으로 바뀌었죠? 오늘은 더더욱 쉽게 보정을 할 수 있도록 포토샵 액션 파일을 가져왔습니다. 포토샵 액션으로 노란끼 보정하기 Tip이라고 할 것도 없이 너무나 간단한 액션 사용 방법 입니다. 일단 보정하고 싶은 누런 사진을 포토샵에 불러온 후, 다운받은 액션의 ..

구글 머터리얼 디자인 가이드는 디자이너들에게 많은 도움이 됬습니다. 리소스를 제공하는 것 뿐만 아니라 UI 가이드, 액션 가이드 등 구글에서 연구한 디자인의 대부분을 오픈소스로 공개했죠. 영문으로 제공되는 페이지이긴 하나, 영어 능력자 분들이 번역 해놓은 페이지도 많으니 참고하시면 많은 도움이 될겁니다. 그 중에서도 아이콘 리소스는 PPT나 UI 디자인 할 때 계속 들어가보게 되는 페이지인데요. 오늘은 구글 아이콘을 다운로드 받는 경로와 방법을 알려드리려고 합니다. 구글 아이콘 모음 다운로드 : 머터리얼 디자인 리소스 모음 구글 머터리얼 디자인 사이트에서 '리소스' 메뉴로 가면 1순위로 보이는것이 아이콘 리소스 페이지 입니다. 아래 페이지로 접속하시면 되요. https://material.io/resou..

브랜드 작업을 하다 보면 목업을 만들일이 많습니다. 그냥 로고만 딸랑 보여주면, 이게 어디에 어떻게 들어가서 이쁘게 표현이 될지 감을 전혀 못잡는 클라이언트가 태반이거든요.. 잘 나가는 디자인 회사들도 본인들이 직접 촬영하고 만든 목업을 활용해서 아이데이션/활용안을 미리 보여주는 수고스러움을 감수하곤 하죠. 그래서 디자이너들에게 목업 수집은 숙명과도 같은 과제입니다. 제 하드에도 몇 기가의 목업 PSD 파일들이 쌓여있습니다. 그 중에서, 실사 바탕으로 제작된 무료 목업 10개 Kit를 발견했는데 퀄리티가 훌륭한 편이라, 공유 하고자 합니다. 브랜드 실사 목업PSD : 10개 번들 무료 다운로드 이 목업 PSD 파일은 실제 촬영된 사진을 바탕으로 직접 만든 디자인 소스를 간단히 추가할 수 있게 구성되어있습..