뉴스레터 | 디자인·AI·웹 트렌드 아카이브

영상 편집 프로그램 비교

안녕하세요. 소이정입니다. 최근에는 유튜브의 진입장벽이 낮아지고 영상에 대한 관심이 늘어난 만큼많은 사람들이 영상을 제작하고 있는데요.모든 영상이 TV프로그램이나 영화처럼 전문적이지 않아도일상을 쉽게 공유하고 소소한 정보를 전달하고 싶은 분들도 계실 것 같은데요!그래서 준비해 보았습니다!영상 편집 프로그램 비교 함께 보시죠 ~!~! Final Cut Pro 파이널 컷 프로는 아이무비보다 고급 기능이 필요한 소비자를 위해 애플에서 개발한 프로그램입니다. 높은 가격대와 MAC에서만 호환되지만, 호환성이 뛰어나 Mac을 사용하는 분들에겐 정말 좋은 프로그램이라고 합니다! 출처 : Final Cut ▶ OS : Mac▶난이도 : 중▶특징 - 유튜버들이 많이 사용하는 프로그램 - Mac에서만 구동이 가능해서 Window에서는 사용 불가능 - 직관성이 좋음 - 낮은 사양에서도 구동이 가능하여 편리 - 아이패드로도 편집 가능= Mac OS에 익숙하시고 빠르고 (비교적) 쉽게 영상을 편집하고 싶은 분들께 추천드립니다. Mac용 Final Cut Pro Final Cut Pro의 360° 비디오 편집 기능과 모션 그래픽, 4K HDR 지원, 향상된 색상 수정 도구로 완전히 새로워진 후반 작업을 경험해보세요. www.apple.com Adobe Premiere Pro 프리미어는 제일 많이 알려진 프로그램이기도 하며, 인트로 영상부터 영화나 TV프로그램 등 다양한 콘텐츠 영상 편집이 가능합니다. 쉬운 컷편집이 가능하지만 오류도 조금 많이 발생하는 편이라고 해요! 출처 : Adobe 공식 홈페이지 ▶ OS : Mac, Wi

2023 디자인 전시회 및 박람회 소개

안녕하세요. 소이정입니다. 길고 긴 상반기가 끝나고 하반기가 되었는데요.여러분은 상반기에 다녀온 전시회나 박람회가 있으신가요!디자인이든 뭐든 콘텐츠를 제작하다 보면금 나와라 뚝딱! 해서 나오는 게 아니기 때문에항상 새로운 정보를 머리에 쌓아두는 작업을 해두면 좋은데요.그중 다양한 전시회나 박람회를 다녀오는 것도 좋은 방법이 될 수 있답니다!그래서 오늘은 디자인 관련 전시회와 박람회 정보를 준비했습니다.함께 보시죠!! 서울디자인페스티벌 ✅ 박람회 소개 서울디자인페스티벌은 1976년부터 축적되어 온 월간 <디자인>의 콘텐츠와 국내외 디자인 분야 네트워크를 기반하여 2002년 처음 개막한 디자인 전문 전시입니다. ‘디자이너 프로모션’을 모토로 디자이너, 디자인 브랜드, 기업들과 함께 국내외 디자인의 동향을 선보이고, 국내 디자인 경쟁력을 강화시키기 위해 기획된 행사로 한국 디자이너들의 세계 진출을 돕고 세계 디자이너들을 국내에 소개하는 교류의 장으로 역할 해 왔습니다. 서울디자인페스티벌은 세계를 향한 디자이너들의 디딤돌이자 대한민국을 기반으로 아시아 무대로 진출하고자 하는 글로벌 디자이너의 축제로 성장하고 있습니다. ✅ 박람회 정보 기간 : 12월 20일(수) ~ 23일(토)장소 : 서울 코엑스 3층 Hall C관람시간 : 12월 20일(수) ~ 12월 22일(금), 10시 30분 ~ 18시 30분 12월 23일(토), 10시 30분 ~ 18시 00분 * 매표 및 입장 마감 시간 : 관람 종료 1시간 전관람 비용 : 미정 (추후 공개 예정) ✅ 박람회 주요품목 미정 (추후 공개 예정) https://se

무료 픽토그램 사이트 공유

안녕하세요. 소이정입니다. 오늘은 디자인을 하거나 PPT를 제작할 때 유용한픽토그램이 모여있는 무료 사이트를 알아보겠습니다.우선 그전에!픽토그램은 그림을 뜻하는 픽토(Picto)와 전보를 의미하는(Telegram)의 합성어인데요.아이콘이랑 픽토그램이 뭔 차이인지 궁금할 수 있으실 거 같아요.픽토그램은 무언가 중요한 사항이나 장소를 알리기 위해 어떤 사람이 보더라도같은 의미로 통할 수 있는 그림으로 된 언어체계지만,아이콘은 기호의 일종이라고 보기 때문입니다.또한, 픽토그램은 실생활에서 의미를 전달하는 데에 좀 더 많이 쓰이고아이콘은 주로 컴퓨터 파일로서 해당 기능을 설명하는 데에 조금 더 많이 쓰인답니다!두 가지 모두 전달하고자 하는 목적 자체에는 큰 차이가 없고 있더라도 굉장히 사소한 차이입니다.그래서 아이콘 사이트든, 픽토그램 사이트든 크게 차이를 두지 않고 사용하는데요.이 점 참고하셔서 아이콘과 픽토그램을 사용하시면 되겠습니다.아무튼! 픽토그램이 있으면 디자인 퀄리티가 훨씬 살아나서 좋답니다~ Flaticon 가장 먼저! 제가 자주 이용하는 사이트입니다. 다양한 픽토그램이 있는 사이트인데요. 아기자기한 아이콘이 눈에 띄죠? 모던한 디자인부터 키치한 디자인까지 다른 사이트보다 비교적 다양한 콘셉트를 보실 수 있어요.패키지로 다운로드하면 PPT가 통일감 있게 보이겠지만 워낙 다양한 아이콘이 있기 때문에 팩으로 다운로드해도 다 쓰는 경우는 거의 없습니다. 아래는 패키지 예시들입니다! 유료도 있고 무료도 있으니 잘 골라 사용하세요. 원하는 키워드가 있다면 검색을 해봅시다. 저는 school로 검색을 해보았어요.

왕초보를 위한 일러스트 누끼따기

안녕하세요. 소이정입니다. 일러스트로 아주 쉽게!누끼를 따는 법을 알려드리려고 해요.일러스트 내에 있는 이미지 추적기능으로 누끼를 따는건데요.이 방법은 로고나 선이 적은 그림같이단순한 이미지일 경우를 추천드려요 :) 0.일러스트켜고 프로젝트 만들기 제일 먼저 일러스트를 켜고 프로젝트를 생성해줍니다. 오늘도 예시로 만드는 거라 사이즈는 여러분 마음대로 하셔도 됩니다. 저는 1080*1080으로 진행해볼게요. 1. 사진불러오기 누끼를 딸 그림을 불러옵니다. 편하게 드래그 & 드랍해주시면 됩니다. 저는 회사 로고를 가져왔어요 ㅎㅎ 2. 윈도우 - 이미지추적 활성화 이미지 추적을 눌러줄건데요. 그 전에 먼저 선택툴을 누르고 이미지를 클릭해줍니다. 그리고 상단에 이미지 추적을 클릭해주면 되는데요. 순서는 꼭 선택툴 - 이미지추적입니다!! 기능을 사용하기 위해 패널을 활성화시켜줍니다.패널에 이미 나와있다면 그대로 사용하시면되고, 그렇지 않으면 윈도우 - 이미지추적을 클릭해서 패널을 활성화시켜주면 됩니다. 3. 이미지추적 사용하기 위와 같이 이미지 추적창이 뜨면 초기값이 디폴트일 거예요. 다양한 효과가 있는데요. 하나씩 클릭해보시고 원하는 모양을 찾아보세요. 대부분은 맨 위의 충실도가 높은 사진(High Fidelity Photo)로 무난하게 적용합니다. 그리고 옆에 >확장<을 꼭 눌러주세요. 저도 처음에 실수한 게 있는데 아무리 추적을 해도 누끼로 따지지 않고 전체 그림으로 인식하는 거예요. 알고 보니 확장을 안 눌러서 그렇더라구요. 꼭 확장 (Expand)을 눌러주세요! 그래서 이렇게 전체로 인식이

반응형 홈페이지(Responsive Web)란?

안녕하세요, 소이정입니다. 최근 노트북이나 데스크톱보다는스마트폰이나 태블릿 같은 모바일 기기의 사용이 급격하게 증가하고 있는데요.그에 따라 모바일 환경에서의 사용자 경험에 대한 관심도 높아지고 있습니다.사용자들은 PC, 모바일을 구분하지 않고 모두 동일한 서비스를 제공받고 싶어 합니다.다양한 스펙의 모바일 기기가 쏟아져 나오는 상황에서 각각 다른 화면크기와제약에 따른 사항을 고려하여 딱 맞는 웹을 제작하는 것은 사실상 불가능에 가깝습니다.그래서 이에 대한 방안으로 나타난 것이 바로 반응형 웹입니다.소이정의 웹 포트폴리오 중 90% 이상은 반응형 웹이 차지하고 있는데요.그렇다면 반응형 웹이 뭐길래 이렇게 적극적으로 활용되는 건지!어떻게 대세로 자리 잡게 되었는지! 한 번 알아보실까요~?! 여러분은 컴퓨터를 허면서 웹페이지 창의 크기를 줄였다가 늘렸다가 하신 적이 있으신가요? 그럴 때마다 웹페이지 내 콘텐츠가 작아지거나 커지는 화면 크기에 맞춰지는 걸 본 적이 있으실 겁니다. 바로 반응형웹이기 때문인데요.반응형웹은 단말의 종류와 화면 크기에 실시간으로 반응하여 웹 페이지를 최적화된 화면 구성으로 보여주는 웹이라고 정의되어 있는데요. PC, 아이패드나 갤럭시 탭, 스마트폰 등등 웹 사이트를 볼 수 있는 다양한 기기 화면에 맞추어 웹페이지의 화면을 보여주는 것을 의미합니다! 쉽게 말해 기기 종류에 따라 웹페이지의 크기가 자동으로 조정이 되는 것이라고 이해하시면 편한데요. 하나의 화면(1)이 거의 모든 비율의 기기 화면을 커버하는 거예요. 사용 단말 환경에 반응해서 유동적으로 변화하는 것이죠. 어떤 환경에서도 적절한

일러스트 파일 PDF로 저장하기

안녕하세요, 소이정입니다. 오늘은일러스트에서 PDF 파일로 저장하는 법을알려드리겠습니다.이름하여!!! 대지를 이용한 PDF 추출 방법 입니다. 같이 보실까요? 1. 저장할 일러스트 파일 열기 제일 먼저 저장할 일러스트 파일이 있어야겠죠! 저는 설명을 위해 급하게 카드 뉴스 템플릿을 하나 가져왔어요. 이렇게 데이터가 생기면 대지가 하나 생성되는데요. 템플릿 출처 : freepik 대지가 생성되었는지는 오른쪽 하단 패널에서 확인 가능하답니다! 혹시나 대지 창이 안 보인다면 윈도우 - 대지 눌러서 활성화시켜주세요! 레이어와 대지를 헷갈리시면 안됩니다요. 2. 대지 추가하기 대지를 하나씩 더 추가하면서 작업을 진행하게 되는데요. 대지를 추가하는 방법은 아래의 새 문서 버튼을 눌러주면 된답니다. 그렇게 되면 프로젝트 창에 대지 하나가 더 생성되게 되는데요. 총 3개까지 대지를 만들어볼게요! 이런 식으로 늘어나게 되는 거예요. 이해가 되셨나요? 마지막까지 디자인을 끝냈다면 이제 저장해 보러 갈까요! 3. PDF로 저장하기 여기서 포토샵에서 저장하듯 단축키 Ctrl+Alt+Shift+S를 누르면 그림. 즉, jpeg / png / gif로 저장이 나와요. PDF로 저장하기는 없죠? 다시 취소하고 돌아가서! 상단에 파일 - 다른 이름으로 저장을 누를게요. 파일 형식을 PDF로 바꿔주고 저장해 주시면 끝! PDF 저장을 눌러주세요! 진짜 끝! 4. 확인하기 이렇게 pdf로 저장하고 파일을 열어보면 이렇게 3장 모두 확인 가능합니다~! 여기까지 일러스트레이션 파일을PDF로 저장하는 방법을 알아봤는데요.대지

구글, 네이버 애널리틱스 사용법

안녕하세요, 소이정입니다. 오늘은 애널리틱스 사용법을 알려드리려고 합니다.애널리틱스는 웹로그 분석툴인데요.웹사이트 방문자의 데이터를 수집하고 분석하여마케팅 성과를 검토하고 개선할 수 있도록 도와주는 분석 도구입니다.구글, 네이버 등 다양한 기업에서 무료로 제공하고 있는데요.애널리틱스를 사용하는 이유는 방문자가 어디서 유입되었는지,사이트 내에서 어떤 행동을 하는지 파악이 가능하기 때문인데요.디지털이 활성화된 지금 디지털 마케팅에도 도움이 되어많은 사람들이 사용 중이라고 합니다!오늘은 그중에서도 대중적으로 많이 사용하는구글, 네이버 애널리틱스 사용법을 소개 드려보도록 하겠습니다. 구글 애널리틱스 1. 구글 애널리틱스 가입 (1) 구글 로그인 후 사이트 접속 제일 먼저 구글 로그인 후 구글 애널리틱스로 접속합니다. Google Analytics Sign in to continue to Google Analytics Email or phone Forgot email? Not your computer? Use a private browsing window to sign in. Learn more Next Create account Help Privacy Terms analytics.google.com 사이트 접속 후 측정 시작을 눌러 주세요 (2) 계정 생성하기 ① 계정 이름을 작성해 주세요. 여러분이 보기 편한 걸로 해두면 좋겠죠? 전 회사 이름으로 해보았어요!다음으로 ② 계정 데이터 공유를 어디까지 설정할지 선택하면 되는데요. 일단 전부 선택한 후 다음 버튼을 눌러줍니다. 아래는 4가지 계정 데이터 공유 사항에 대

일러스트로 그래프 만들기

안녕하세요, 소이정입니다. 오늘은 일러스트로 그래프를 그리는 법을 알려드릴 건데요.회사를 다닐 때 디자이너는 물론이고마케팅이나 기획 업무를 하게 되면 필수로!발표를 위한 PPT를 만들게 되는데요.요즘에는 다양하고 예쁜 PPT 템플릿이 나와서그것을 애용하기도 하지만 직접 만드는 경우도 있답니다!또 직장에서가 아니어도 대학생이라면PPT를 이용한 발표수업을 하게 되기 마련이죠. 이 때 그래프는 원하는 주제를 효과적으로 전달할 수 있는수단으로 PPT 디자인에 많이 이용하고 있답니다!알아두면 유용한 일러스트 그래프 불러오기 기능!함께 배워보아요~ 출처 : freepik 사진에 있는 동그라미 그래프는 어디서든 많이 접해보셨을거 같아요.바로 파이 그래프라고 하는데요.조사의 결과를 한눈에 알기 쉽게 나타낼 수 있어 선호도 조사 결과에 많이 쓰이는 그래프입니다.그럼 한 번 같이 만들러 가볼까요 !? 파이 그래프 그리기 0. 일러스트켜고 새프로젝트 생성 일러스트를 켜고 새프로젝트를 생성해볼게요. 마찬가지로 사이즈는 여러분의 자유! 연습용이니까요~저는 1080*1080으로 해볼게요! 1. 우측 툴바에 있는 그래프 도구 클릭 일러스트를 켰다면 이제 왼쪽에 있는 툴바에서 그래프 도구를 클릭해주세요. 그래프 도구를 꾸-욱 눌러보면 다양한 그래프 도구가 나오는데요. 막대그래프 도구누적 막대그래프 도구가로 막대그래프 도구가로 누적 막대그래프 도구선 그래프 도구영역 그래프 도구산포 그래프 도구파이 그래프 도구레이더 그래프 도구까지! 무척 많은 기능들이 있답니다. 2. 파이그래프 클릭 후 영역 설정하기 그중에서 오늘 학습해볼 파이 그래프를

일러스트 기초 강좌 선그리기

안녕하세요. 소이정입니다. 일러스트로 가장 많이 하는 것이선을 그리는 것 같은데요.그만큼 섬세하고 다양한 툴이 지원되고 있어요.따라서 오늘은일러스트의 가장 기초라고 할 수 있는 선을유형에 따라 그려보도록 하겠습니다. 0. 일러스트켜고 새 프로젝트 생성하기 제일 먼저 일러스트를 켜고 새 프로젝트를 생성합니다. 대지 크기는 여러분의 마음대로 설정해주세요! 어차피 연습하는거니까요~ 저는 1080*1080으로 설정해서 열어볼게요. 1. 펜툴 선택하기 일러스트 화면 왼편을 보면 아래와 같은 도구툴들이 보이는데요. 여기서 진하게 표시된 아이콘, 펜 도구를 이용해 선을 그려봅시다. 펜 도구를 클릭해주세요. 3. 마우스로 시작점 누르고 선그리기 그리고 마우스로 시작점을 클릭해주세요. 아무 곳이나 상관없어요! 그 후 끝 점을 클릭해야 하는데요 클릭 전까지는 위의 그림처럼 예상되는 선이 마우스를 따라움직여요. 끝 점을 클릭하면 그대로 선이 생기게 되는데요. 만약 똑바른 선을 만들고 싶으시다면 Shift를 클릭하면서 마우스를 클릭해주시면 됩니다. 그러면 이렇게 선이 생겨요. 그런데 문제가 있습니다!끝 점을 클릭했는데도 불구하고 자꾸만 이어지는 선이 마우스를 따라오죠? 펜 툴로는 선과 면을 만들 수 있기 때문인데요. 만약 여기서 멈춰서 일자 선을 만들고 싶으시다면 다시 마우스를 클릭하지 마시고 키보드 Esc 눌러주세요. 그러면 마우스를 따라 생겼던 선이 사라집니다. 만약 계속해서 선을 만들고 마지막을 맨 처음 시작했던 선과 연결하면 이렇게 면이 되어요. 5. 획 패널 활성화하기 이제 이 선에 다양한 효과를 줘볼 건데요. 그전에!

포토샵 채널 알아보기

안녕하세요. 소이정입니다. 오늘은 포토샵에 있는 채널에 대해 알아보려고 합니다.채널은 이미지를 합성하거나 추출할 때 많이 사용되는 기능이라고 해요!우산 포토샵 내에서 주로 사용하는 컬러 버전은 RGB 또는 CMYK인데요.채널은 이런 색상 채널 외에도 마스크를 사용할 때 쓰는 알파 채널이 있고,RGB나 CMYK색상으로 만들 수 없는 별색을 쓸 때 사용하는 스팟채널이 있습니다.그중에서도 오늘인 기본채널에 대해 자세히 알아보도록 하겠습니다. 미리 보는 BEFORE(왼) & AFTER(오) 출처 : freepik 0. 포토샵 켜고 이미지 불러오기 제일 먼저 포토샵을 켜고 이미지를 불러옵니다. 저는 미리 보는 완성본에서 보여드렸듯 꽃밭 배경을 가져왔는데요! 하늘의 색을 좀 진하게 만들어보도록 할게요. 1. 채널 패널 확인하기 채널 확인은 레이어 패널에 있는 오른쪽 하단에서 확인 가능합니다. 하지만 보이지 않는다고 당황하지 않으셔도 됩니다. 상단 메뉴바에 있는 창 - 채널을 누르면 생겨나니까요! 3. 채널 색 확인하기 선택한 채널에서 이미지 색이 어두운 부분은 선택한 채널의 색이 많이 들어가지 않았다는 것을 의미하는데요. 먼저, 채널 창에서 빨간색만 활성화시켰을 때입니다. 두 번째는 녹색만 활성화했을 때입니다. 기존 이미지 색을 생각하면 꽃잎 부분은 어둡고, 잎 색은 밝죠? 마지막으로 파랑 채널만 활성화했을 때의 모습입니다. 하늘 부분은 정말 밝고 나머지는 어둡죠? 4. 채널 복사 후 선택 영역 만들기 하늘의 밝기와 색감을 보정하려고 했으니, 하늘과 꽃들의 색의 대비가 가장 심한 파란색 채널을 통해 선택영역을 지