소이정이 자체 기획한 뉴스레터 콘텐츠로 실무 노하우, 마케팅/디자인 트렌드 등의 유용한 정보를 전합니다.

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

안녕하세요, 소이정입니다. 오늘은 꼭 필요하지는 않지만알아두면 아주 유용하게 쓰이는포토샵 단축키에 대해 알아볼게요~ 첨부 파일을 다운로드해 외워보세요. 툴 단축키 포토샵에서는 가장 기본적으로 '툴' '도구'를 이용하여 편집을 하기 때문에 손에 익혀두면 작업시간이 빨라져요. 많이 쓰이는 단축키를 모아놓았습니다. 그중에서도 저는 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.

프론트엔드와 백엔드

안녕하세요, 소이정입니다! 오늘은 개발 부분에 대해 소개해 드리려고 합니다.최근 몇 년 간 개발자를 구한다는 구인구직을 많이 접하셨을 것 같은데요. 개발자로 성장할 수 있도록 국가에서도 국비를 지원하며 공부를 돕고 있습니다. 2025년부터는 초등학교, 중학교에서 코딩을 필수과목으로 지정하여 교육을 의무화한다고 합니다. 이렇게나 중요해진 개발 분야에 관심이 생긴 분들도 많이 늘어나는 추세입니다. 그런데 말입니다,,,개발자를 서칭하다 보면 이런 단어들이 많이 보입니다. 프론트엔드 개발자, 백엔드 개발자...흠... 이게 무슨 뜻이죠? IT업계에서 쓰는 어려운 전문용어인가요?오늘은 바로 이 프론트엔드와 백엔드에 대해 알아보려 합니다!! 프론트엔드와 백엔드 개발이란? 소프트웨어나 하드웨어 등을 만들고 개선하는 과정을 일컫습니다. 이 과정에서는 문제를 해결하고 필요한 기능을 구현하기 위해 다양한 기술과 도구를 활용합니다. 프론트엔드 백엔드 정의 사용자가 웹이나 앱에서 직접적으로 보고 사용하는 영역 사용자가 직접 접근할 수 없는 관리자 영역 역할예시 드라마 내 배우 드라마를 만드는 PD와 작가 등의 스탭진 이게 무슨 소리지~ 싶으시겠지만! 지금부터 본격적으로 알아볼 거예요! 출처 : pixabay 프론트엔드란 무엇인가요? 1-1 프론트엔드 개념인터페이스(User Interface)라고 하며, 사용자가 웹사이트에서 바로 볼 수 있는 화면이라고 해요. 사용자가 보고, 조작하고, 상호작용하는 모든 것들을 포함해요. 여기서 인터페이스란, 슬라이더, 드롭다운 메뉴, 레이아웃, 폰트, 컬러 등의 요소들이 포함되어 있어요.1-2 프

포토샵 액션 기능 활용하기

안녕하세요, 소이정입니다. 오늘은 포토샵 액션 기능을 배워볼 거예요. 액션 기능을 간단히 설명하자면, 다양한 사이즈를 동일한 사이즈로 맞춘다거나같은 필터를 씌어야 한다거나 할 때 주로 쓰인답니다!똑같은 크기의 사진이 많이 필요한 경우일일이 모든 사진을 하나씩 정성스럽게 수정한다면시간이 너무 오래 걸리겠죠 ㅠㅠ포토샵에서 액션 기능은 대량 수정을 할 때 유리하답니다.Let's go go go~ 아까 언급했듯 다양한 사진을 한 번에 편집하기 위해 저희는 1920 * 1080의 화면 비율로 맞추고 흑백 효과를 줘볼게요.먼저 이미지를 준비합니다. 저는 멋있는 나무 사진을 가져왔는데요. 1. 포토샵에 이미지 불러오기 준비한 이미지를 포토샵에 불러옵니다. 준비한 사진의 사이즈는 1280*796 사이즈입니다. 2. 창(Window) - 액션(actions) 눌러 활성화시키기 본격적으로 액션 기능을 사용해 보려고 하는데요. 우선 상단 메뉴 1. 창(Window) - 2. 액션(Actions)를 눌러줍니다. 그러면 액션 기능을 사용할 수 있는 창이 활성화되는데요! 액션 기능 단축키는 Alt+F9이니 참고해 주세요~※ 액션이란? 문서를 하나씩 수정하기 번거로운 경우에 같은 액션을 한 번의 클릭만으로 반복할 수 있게 경로를 저장해두는 것. 3. 액션 기능 만들기 이미 있는 액션 기능들이 있지만, 저희는 새로운 액션을 만들 예정이니 맨 밑의 종이가 접혀진 모양(새 액션 만들기)을 클릭합니다. 이름은 액션 기능의 이름을 적으면 됩니다. 설정은 액션을 어느 폴더에 저장할 것인지 정하는 곳이며, 기능 키는 액션 단축키인데요

초보 웹디자이너, 웹기획자들 필독! UI/UX 란?

웹페이지 제작관련 공부하는 분들은 한 번씩 듣게 되는 용어가 있습니다. 바로 UI와 UX 디자인인데요.거의 함께 쓰이기 때문에 두 개의 차이점을 잘 알지 못하는 경우가 많습니다.함께 쓰이는 만큼 연관성이 깊은 UI, UX!오늘은 초보 웹디자인, 기획러를 위해 UI, UX의 뜻을 살펴보고 차이점을 알아보도록 하겠습니다~~ UI(user interface)란? 이용자 인터페이스휴대폰, 컴퓨터, 내비게이션 등 디지털 기기를 작동시키는 명령어나 기법을 포함하는 사용자 환경을 뜻한다. 이용자들이 IT기기를 구동하기 위해서 접촉하는 매개체로 컴퓨터를 조작할 때 나타나는 이른바 '아이콘'이나 텍스트 형태 구동화면도 포함된다. 스마트폰의 경우 애플리케이션 아이콘 형태 및 화면 구성을 가리킬 때가 많다.출처 : 네이버 지식백과 사전적인 UI의 의미인데요. 이게 정말,, 무슨 뜻이람? 싶으시죠?한마디로 디자인, 레이아웃 등 겉으로 보이는 모든 시각적 요소를 통칭한다고 보시면 됩니다. 눈으로 보이는 폰트, 레이아웃, 색상, 도형 등등 모~든~ 시각적인 요소를 뜻합니다.예시로 이미지를 가져왔는데요! 아래 이미지에는 어떤 UI요소가 있는 지 한 번 볼까요? - 로고와 타이틀을 좌우로 배치- VIDEO SITE 폰트는 아이콘의 두께와 비슷하게 구성- 재생화면은 가로로 넓고 크게 배치- 재생 아이콘이 흰색이고 재생화면 가운대 배치 - 재생화면 아래로 재생목록을 나열 UX(User Experience)란? 사용자 경험사용자가 어떤 시스템, 제품, 서비스를 직간접적으로 이용하면서 느끼고 생각하게 되는 총체적 경험을 말한다.