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

디자인 참고 사이트

안녕하세요! 소이정입니다. 오늘은 소이정의 최대 강점이죠.디자인에 대해 이야기해보려고 합니다. 디자인은 때에 따라 흐름이 계속 바뀌기 때문에참고하는 사이트를 두고 항상 트렌드를 파악해줘야하는데요.그래서 오늘은 영감을 자극하는 참고 사이트를추천드리려고 합니다.어렵더라도 차근차근 레퍼런스를 쌓아두면언젠가 반드시 도움이 된답니다!!색 조합이나 폰트의 굵기 하나만으로도느낌이 달라지는 게 디자인이니까요.그럼 시작해볼까요~~ Pinterest 그래픽디자인, 사진, 디자인 등핀터레스트는 디자이너나 기획자가 아니어도 많은 사람들이 사용하는 사이트입니다.사진을 올리는 SNS인데, 소통을 위한 SNS와는 다르게 정말! 사진만을 위해 만들어진 사이트라고 생각하시면 됩니다. 핀터레스트 내의 사진을 개인 기기에 저장할 수 있는 게 제일 큰 장점이며, 각자의 취향을 분석해 이미지를 추천해준다고도 합니다.원하는 이미지가 필요할 때 취향을 설정해두면 편하게 이미지를 찾을 수 있겠죠? https://www.pinterest.co.kr/#top Pinterest 요리법, 집 꾸미기 아이디어, 영감을 주는 스타일 등 시도해 볼 만한 아이디어를 찾아서 저장하세요. www.pinterest.co.kr notefolio 그래픽디자인, 브랜딩/편집, 영상/모션 등국내 디자이너들의 작업물을 확인할 수 있고 , 분야별로 세세하게 카테고리화 되어있어 원하는 디자인 유형도 한 눈에 모아 볼 수 있습니다. 다양한 디자인을 참고할 수 있지만 그중에서도 PPT 제작할 때 유용한 사이트입니다. 발표가 코앞인 대학생부터 포트폴리오를 준비하는 직장인까지 모두 모두 참

포토샵 특정 색만 남기기

안녕하세요. 소이정입니다. 오늘은포토샵으로 특정 색감을 강조하는 보정 법을알아보도록 하겠습니다.하나의 색만 눈에 띄게 만드는 보정은사진을 더욱 감각적이고모던하게 보이도록만드는 효과가 있어요.먼저 결과물부터 확인해 볼까요? Before > After 출처 : freepik 레드 카펫만 부각해서 남겼습니다.어떤 방법으로 한 것인지 확인하러 가실까요? 1. 카메라 로우 설정 사진을 불러오기 전에 설정해야 할 것이 있습니다. 바로 카메라 로우인데요. 사진을 보정하는 기능이 모아져있어 색감 보정을 할 때 편리하더라고요. 우선 편집 (Edit) - 환경설정 (Preferences) - 카메라 로우 (Camera Raw)를 들어갑니다! 2. 카메라 로우 내 환경 설정 빨간색으로 표시된 부분 JPEG 및 TIFF 처리를 지원되는 모든 JPEG 자동 열기로 바꿔주세요. 이렇게 되면 JPEG 파일을 열 때마다 카메라 로우창으로 바뀌게 되는데요. 원래대로 돌아가고 싶으시면 다시 이 환경설정에 들어오셔서 바꿔주시면 됩니다! 3. 이미지 색감 조절 이런 식으로 카메라 로우 창이 뜨면 각각의 요소들을 배합해 색감을 조절할 수 있는데요. 하나의 색감만을 강조하고 싶을 땐 오른쪽 패널에 보이는 빨간색 네모 친 부분인 네 번째 챕터(HSL 조정)로 들어주세요. 3-1. 이미지 색조 조절 저는 빨간색에 걸친 색만 뽑을 것이기 때문에 색조에서 빨간색 계열만 강조 시켰어요. 3-2. 이미지 채도 조절 이런 식으로 채도를 조정하면, 빨간색을 제외한 나머지의 채도가 낮아지면서 어둡게 변합니다.차이가 느껴지시나요? 3-3. 이미지 노출값 조절

유튜브 썸네일 만들기

안녕하세요, 소이정입니다. 최근 정보를 찾을 때 유튜브를 활용해서정보를 찾는다는 사실 다들 아시나요?스마트폰과 태블릿 PC 등 전자기기 보급이 활발해지면서유튜브에 대한 접근성이 낮아졌는데요~썸네일은 영상을 시청하기 전 영상의 첫인상이라고 할 수 있어요.그만큼 첫눈에 들어오는 타이틀과 어떤 콘텐츠인지 확인이 가능한직관적인 디자인이면 좋겠죠?그럼 어떻게 썸네일을 제작해야 하는지 한 번 알아볼게요! 문서의 폭과 높이를 동영상 크기와 맞게 제작해 주세요~ 주로 동영상의 캡쳐본을 가지고 썸네일을 만든답니다!!두 가지 스타일의 썸네일을 만들어볼 건데요.첫 번째는 감성적인 브이로그 스타일두 번째는 유쾌한 스타일입니다!그럼 먼저, 감성적인 브이로그 스타일의 썸네일을 제작해 볼게요! 감성적인 썸네일 감성적인 썸네일은 브이로그에서 자주 쓰이는데요. 찍은 영상을 통해 캡쳐해서 주로 만들다보니 아무래도 색감조정을 다양한 분위기를 만들 수 있어 좋답니다. 그럼 만들러 가볼까요~ 1. 유튜브 썸네일 이미지 크기에 맞추어 배경 만들기 제일 먼저 유튜브 썸네일 이미지 크기에 맞추어 파일을 생성해 줍니다. 유튜브 썸네일 이미지 크기는 1280*720랍니다! 2. 썸네일로 만들려는 이미지 가져온 후 사이즈 조절 먼저 동영상에서 쓸만한 부분을 캡쳐해주세요. 주제가 확연히 드러날만한 순간이 제일 좋겠죠? 어느 곳을 방문했다면 그곳의 분위기가 물씬 풍기는 곳, 어떤 것을 먹었다면 먹음직스러운 음식을 캡처해 주세요~저는 시원한 분위기의 바다 풍경을 가져왔습니다. 동영상 캡처본이라고 생각해 주세요~! 이후 설정해둔 배경 사이즈에 맞게 이미지 사이즈를

알아두면 유용한 포토샵 단축키

안녕하세요, 소이정입니다. 오늘은 꼭 필요하지는 않지만알아두면 아주 유용하게 쓰이는포토샵 단축키에 대해 알아볼게요~ 첨부 파일을 다운로드해 외워보세요. 툴 단축키 포토샵에서는 가장 기본적으로 '툴' '도구'를 이용하여 편집을 하기 때문에 손에 익혀두면 작업시간이 빨라져요. 많이 쓰이는 단축키를 모아놓았습니다. 그중에서도 저는 V, C, T, P를 많이 써요. 파일 단축키 포토샵을 키면 가장 먼저 하는 일이 Ctrl + N을 누르는 것이에요! 클립보드에 복사한 이미지가 있다면 Ctrl + N을 눌렀을 때 그 이미지 크기 그대로 새 문서가 생겨요. 그리고 여기엔 제가 제~일~ 많이 누르는 키가 있는데요, 바로바로 Ctrl + S 누르기. 포토샵이 아니더라도 작업 중엔 Ctrl + S를 생활화합시다!를 입에 달고 살던 저랍니다 ㅎㅎㅎㅎ 작업한 파일이 날아가는 거만큼 눈물 나는 일이 없죠 ㅠㅠ창 닫기라던가 삭제하기 단축키도 있지만 그런 것은 아예 외우지 않는 게 좋다고 생각합니다.. 실수로 누르기라도 하면 *_* 여러분도 삭제 단축키는 외우지 마시고 귀찮더라도 마우스로 하는 습관을 들여보시는 건 어떨까요! 편집 단축키 다음으로, 편집 기능 단축기입니다. 이미지 크기를 조절하고 기울기도 변경하면서 처음의 틀을 잡아주는 Ctrl + T도 많이 사용하는데요. 저는 Ctrl + T 만큼 Ctrl + Z도 많이 사용하는데, 여러분은 어떠신가요? 이동 단축키 이동 단축키도 정말 많이 사용하죠. Shift + 방향 키를 눌러도 10픽셀씩 이동이

포토샵 배경 투명화하기

안녕하세요, 소이정입니다. 오늘은 포토샵 누끼를 복습할 겸 배경을 투명하게 만드는 법을 알려드리겠습니다.바로 선택영역을 반전시켜서 지우는 방법인데요.시작해 볼까요? 꼬꼬! 우선 배경이 투명인 것은 흰색 바탕이 아니라 회색 체크무늬로 나타납니다. 밑에 보이는 사진처럼요! 뒷배경이 흰색이 아니라고 해서 왜 투명이 아니지...? 하시면 안 됩니다!또 저장할 때는 png 파일로 저장해 주셔야 해요.이 점 먼저 알려드리고 시작해 보겠습니다~ 저는 오늘 이사진에 있는 손만 두고 배경을 지워보려고 합니다. 제일 먼저 포토샵에 사진을 불러옵니다.누끼 따는 법을 복습해 볼까요? ▼▼▼▼▼ 지난 회 복습하기 ▼▼▼▼▼ 1. 빠른 선택 도구로 영역 잡기 빠른 선택 도구를 클릭하여 배경을 제외한 나머지 영역(손)을 잡아주세요. 2. 섬세한 영역 잡아주기 그 후 가장자리 감도를 높여 좀 더 섬세하게 영역을 잡아주세요. 여기까진 저번에 했던 내용이라 쉽죠? * 감도를 높였을 때와 그렇지 않았을 때의 비포, 에프터 차이인데요. 조금 더 부드러운 윤곽이 잡혔다는 걸 확인할 수 있답니다~ ▽ Before ▽ ▽ After ▽ 3. 선택영역 반전 시키기 돌아온 편집화면에서 이번에는 선택한 부분을 반전시켜볼 거예요. 선택 - 반전을 누르시거나단축키 Shift + Ctrl + I를 눌러주세요. 그럼 선택영역의 반대로 영역이 잡힌답니다. 손 모양 외에도 영역이 잡힌 게 보이시나요? 4. 반전된 영역 삭제하기 그 상태로 Delete (삭제)를 누르면 이렇게 배경이 사라져요.정리하자면 저희는 지금 손 그림을 영역을 잡아주고 그것을 제외

포토샵 누끼따기

안녕하세요, 소이정입니다. 오늘은 포토샵에서 가장 중요하다고 할 수 있는 기능인누끼따기를 해보겠습니다!초보자도 쉽게 할 수 있게 연습해 볼까요? 해가 드는 방향이 다르거나 누끼를 따기 어려운 경우초보자가 따라 하기 쉬운 방법을 소개해 드리려고 합니다.전체적으로 뭉개지듯이 표현해서 섬세하게 작업하지 않아도쉽게 작업할 수 있고 약간의 신비한 느낌을 줄 수 있어요.시작해 볼까요? 1. 합성할 사진과 배경 준비 먼저 사진 누끼를 따려는 사진과 합성할 배경을 준비합니다. 저는 누끼따기 사진으로 왼쪽 사진과 합성할 배경사진으로 오른쪽에 있는 사진을 준비했답니다. 사진까지 준비했으면 포토샵도 켜주세요! 출처 : freepik 2. 누끼따려는 사진 불러오기 누끼따고자 하는 사진을 불러옵니다. 저는 트렌치코트를 입고 있는 여자를 누끼따볼게요. 3. 빠른 선택 도구 눌러서 선택영역 잡기 빠른 선택 도구를 눌러 선택영역을 잡아줍니다.붓 모양으로 되어있는 아이콘이 빠른 선택 도구입니다. 만약 버튼이 보이지 않는다면 꾸욱 눌러보세요~ 자동선택 도구와 빠른선택도구가 나올 거예요! 오늘은 자동선택 도구를 사용해 누끼를 따려고 하니 자동선택 도구를 눌러줍니다. 선택 도구를 클릭한 후 영역을 1차적으로 잡아줍니다. 이때 조금 귀찮더라고 섬세하게 작업해 주면 2차로 수정하기 편하답니다.확대해서 보고 싶으시다면 Alt + 마우스 휠을 움직여보세요.선택 영역을 지우고 싶으시면 붓 모양에 - 표시가 되어있는 선택 도구를 눌러 작업해 주시면 됩니다. 4. 2차 수정하기 이제 2차 수정을 해볼까요? 빨간색 부분의 선택 및 마스크를 눌러주세요.

API란 무엇인가

안녕하세요, 소이정입니다!오늘은 API가 무엇인지, 어떤 종류가 있는지 알아보려고 해요.그전에! 여러분은 API가 무엇인 지 알고 계시나요?그럼 먼저 API 개념부터 다양한 종류의 API까지 한 번 알아보도록 해요! API란 무엇인가요? Application Programming Interface의 줄임말로, 운영체제와 응용 프로그램 사이의 통신에 사용되는 언어나 메시지 형식을 말한다. *출처 : 두산백과 위에는 API의 사전적 의미인데요. 흠,,, 네,,,? 뭔 소리인지 하나도 모르겠어요... 싶으신가요?쉽게 설명하자면 '프로그램과 프로그램끼리 소통할 수 있는 도구다'라고 생각해 주시면 됩니다. 예시로 설명을 드릴게요. 여러분이 친구와 함께 음식점에 갔다고 가정을 해볼게요. 1. 손님은 직원이 가져다준 메뉴를 고른 후 음식을 주문합니다.2. 직원이 주문을 받아 요리사에게 음식을 요청합니다. 3. 요리사는 음식을 만들어 직원에게 전달합니다.4. 직원은 완성된 음식을 손님에게 가져다줍니다. 여기서 직원의 역할은 손님에게 주문을 받고, 요리사에게 메뉴를 요청합니다. 그리고 완성된 메뉴를 손님에게 전달도 하죠. 바로 이 직원이 API와 같은 역할을 한다고 보면 됩니다.API(직원)는 프로그램(손님)이 실행될 수 있도록 명령 목록(메뉴)을 정리하고, 명령(주문)을 받으면 응용프로그램(요리사)과 상호작용하여 명령에 대한 값(요청된 메뉴)을 전달합니다. 아래 시각적인 이미지를 본다면 이해가 좀 더 잘 되실 거예요! 출처 : 위시켓 그렇다면 API의 역할은 무엇인가요?1. 애플리케이션과 기기의 소통 창구 역

포토샵 보정법 알아보기

안녕하세요, 소이정입니다. 오늘은 포토샵 보정 레이어를 이용해사진 보정법을 알아보겠습니다.포토샵을 이용하는 이유는 뭐니 뭐니 해도사진 보정 아니겠어요?보정 레이어는 배경 레이어 위에 하나씩 얹는 방법인데요.작업을 한 뒤에 필요 없다고 생각되거나취소하고 싶다면 해당 보정 레이어를 숨기기만 하면 끝!따라서 사진에 직접적으로 적용하는 것보다훨씬 실용적이랍니다~!그럼 보정 레이어를 이용하여 사진을 수정하는 법 시작해볼까요? 비포 애프터 먼저 보고 가실까요? 잔디, 음료수, 음식 등 각각의 색감을 더욱 풍부하게 살리고 명도를 살짝 올려 화사한 느낌으로 수정하였습니다. 1. 보정할 사진 불러온 후 기존 레이어 복사 그럼 어떻게 하는 지 한 번 시작해볼까요~! 첫번째로 보정할 사진을 불러옵니다. 그리고 기존 배경 레이어를 하나 복사해주세요.복사하는 방법은 ctrl + c -> ctrl + v 하시거나 복사할 레이어를 선택한 후 새 레이어 쪽으로 끌어내리면 됩니다! 2. 보정레이어 선택하기 그 후에 두번째는 그림과 같이 보정 레이어를 선택해주세요! 다양한 메뉴들이 쭈르륵~나오죠? 먼저 저희는 명도/대비를 선택해서 명도를 높여볼게요. 3. 원하는 보정 진행하기 (1) 명도와 대비 조정먼저 명도와 대비부터 조정 해볼까요? 보정 레이어에서 수치를 조정해주면 됩니다. 자동을 누르면 알아서 수치를 정해주는데요.보고 마음에 든다면 그대로 진행하시고, 마음에 들지 않는다면 재조정하면 된답니다~ 3. 원하는 보정 진행하기 (2) 선택 색상 보정이번엔 색깔을 보정해볼까요? 원하는 색을 좀 더 진하게 하고 싶다면 선택 색

포토샵 클리핑 마스크 이용하기

안녕하세요, 소이정입니다!. 오늘은 포토샵 클리핑 마스크를 알아보겠습니다.저번 강좌인 레이어 마스크와 비슷한 기능이지만다른 방법이라고 생각하시면 이해하기 쉬우실 것 같아요!레이어 마스크와 클리핑 마스크를 모두 배워두고 둘 중 더 편한 방법을 사용해 보세요!그렇게 실력이 상승하는 거겠죠!그럼 클리핑 마스크 이용하는 법살펴보도록 하겠습니다~ 오늘은 완성 모습부터 보여드리겠습니다! 이런 식으로 디자인할 때 사용되는 클리핑 마스크!어떤 거냐고요? 한 번 보시죠! 클리핑 마스크란? 특정한 이미지를 원하는 부분만 잘라서 사용하기 용이한 기능 저는 피아노 이미지를 원형에 넣어 강조하는 이미지를 만들었어요. 1. 작업할 이미지 불러오기 작업할 이미지를 선택하여 불러옵니다. 파일을 선택한 후 드래그&드롭해 주시면 쉽게 불러올 수 있어요~ 2. 타원 그린 후 배경 레이어 복사하기 불러온 이미지 위에 원형의 도형을 얹어줄 거예요. 왼쪽의 툴패널에서 타원 도구를 선택해 주세요! 툴패널에 동그란 모양을 클릭해 주시면 되는데, 없더라도 당황하지 않고~ 사각형 모형에 우 클릭을 하면 타원 도구가 뜰 거예요. 여기서 꿀팁! 타원 도구를 선택한 후 Ctrl 을 누르고 그려주면 정원으로 그려집니다. 이제 배경 레이어를 복사해 주세요. 피아노 사진이 있는 레이어를 왼쪽 하단에 표시한 새 레이어 (빨간 네모)로 끌고 오면 새 레이어로 레이어가 복사됩니다. 복사된 레이어를 맨 위쪽으로 옮겨줍니다. 3. 클리핑 마스크 실행하기 레이어에서 우클릭을 하여 클리핑 마스크 만들기를 선택합니다. Ctrl + T를 눌러 사진 크기를 조정하면 이

포토샵 레이어 마스크로 합성하기

안녕하세요, 소이정입니다. 오늘은 아주 간단하지만 유용한 포토샵 편집 기술인 레이어 마스크로 이미지 합성하기를 배워보겠습니다.포토샵에서 이미지를 합성하는 방법은레이어 마스크 이외에도클리핑 마스크로도 가능한데요.하지만! 오늘은 레이어 마스크를 배워보도록 할게요.그럼 시작해 볼까요?! 꼬꼬 우선 합성하고자 하는 이미지를 준비합니다. 저는 아래의 TV와 자연 이미지를 합성해 볼게요. 출처 : freepik 그럼 시작해볼까요! 1. 이미지 불러오기 TV가 있는 이미지와 자연 이미지를 불러옵니다. 이미지 불러오기는 포토샵 영역으로 파일에 있는 이미지를 드래그 & 드롭해 주시면 돼요. 합성의 바탕이 되는 (TV화면-레이어0) , 합성을 하고 싶은 이미지(자연-레이어1)의 레이어를 맨 위에 놓습니다. 2. 레이어 마스크 활성화시키기 여기 보시면 레이어 0에 하얀색 이미지가 연결되어 있는 게 보이시죠?이게 바로 레이어 마스크입니다. 바탕이 되는 이미지에 구멍을 뚫어 그 밑의 이미지가 보이게 하는 개념이죠. 첫 번째 이미지 (TV가 있는) 레이어를 클릭한 후 Add layer mask 아이콘을 클릭해 주세요. 레이어 마스크가 씌여졌습니다. 3. 합성할 영역 지정 후 Fill(칠) 실행 합성을 진행할 영역을 지정해 주세요. 선택 툴 중 편한 툴로 영역을 지정해 주신 후 Edit- Fill (단축키 Shift + F5)를 실행해 주세요. 4. FILL(칠) - 전경색으로 변경 대화상자는 처음에 내용 인식으로 되어 있을텐데요.전경색을 지정해 주신 후 확인을 눌러주세요. 전경색으로 지정한 후 확인을 눌러주세요. 5.