포토샵7 [포토샵활용] 레이어 마스크 바로가기키 설정으로 작업 속도 높이는 법 이렇게 귀여운 아이콘이 있습니다.하지만 배경이 흰색이라 사용하기가 애매 합니다. 포토샵에서 레이어 마스크를 사용 하면 손쉽게 투명 배경을 만들 수 있습니다! 근데 이런 아이콘이 100개. 흰색 배경을 제거 해야 한다면? 포토샵 바로가기키 설정으로 작업 속도를 높일 수 있습니다. 포토샵 레이어 마스크란?레이어 마스크는 이미지 수정 시 특정 부분을 숨기거나 나타낼 수 있는 도구입니다.디자인 작업에서 자주 사용됩니다.흰색 배경 없애기 1. 매직 툴로 흰영역 선택 흰색 배경 없애기 2. 선택 영역 확대(옵션) 선택 영역에 이런 부분이 없다면 안하셔도 됩니다. 아래처럼 픽셀이 애매한 부분을 저는 덜어내겠습니다. 확인을 누르면 아래 처럼 2픽셀 안으로 들어간 것을 확인 할 수 있습니다. 흰색 배경 없애기 .. 2024. 12. 17. [figma]피그마 단축키 이 두개만 알면 작업 속도가 훨씬! 빨라집니다. 기존에 어도비 포토샵과 일러스트를 위주로 사용하시던 분들에게,피그마에 익숙해 지려면 이 두가지 단축키를 알고 시작하면 훨씬 빨라 집니다. 1. 속성 복사 / 속성 붙여넣기 요소를 선택한 뒤 마우스 우측 버튼을 누르면 아래와 같이 선택도 가능 합니다. 복사 Ctrl + Alt + C (윈도우) / command + Alt + C (맥)기존 Ctrl + c/v 에서 Alt를 추가해 주면 됩니다! 폰트, 여백, 등 해당 요소의 스타일 속성이 복사 됩니다. 디자인 할 때 가장 많이 시간이 드는 단순 노가다의 시간을 줄여주는 키. 일러스트에 프로그램에서도 (가장 좋아하던) 속성을 복사하는 스포이드 키와 비슷하다고 보면 돼요! 2. 사이즈 조절 단축키 - K 피그마 왼쪽 상단에 move 와 sca.. 2024. 6. 17. 디자인 꿀팁! 포토샵과 xd 일러스트에서 아이콘을 폰트 처럼 사용하기 디자인을 하다가 가장 유용한것중에 하나가 바로 아이콘을 바로바로 사용하는 것입니다. 그중 가장 유용한게 바로 폰트처럼 아이콘 사용하는 것인데요! 구글 아이콘도 폰트처럼 사용 가능하다는 것을 발견 했어요! 사용법 1. 아래 사이트에서 사용할 아이콘을 골라줍니다. Material Symbols and Icons - Google Fonts Material Symbols are our newest icons consolidating over 2,500 glyphs in a single font file with a wide range of design variants. fonts.google.com 2. 아이콘의 텍스트를 적어주세요. 3.폰트를 "Material Icons" 으로 변경해 줍니다. 그럼 텍스트로 .. 2023. 12. 1. [포토샵활용]gif 이미지 흰 테두리 없애기- 매트 설정 포토샵 에서 gif 내보내기배경이 있는 경우는 상관 없으나 투명 배경으로 내보낼때 주변에 흰테두리가 생기는 경우가 있습니다 이렇게 투명도가 전혀 먹지 않는 상태로 내보내 지게됩니다. 이때 몇가지 설정을 수정하여 내보내면 조금은(?) 나은 상태의 gif 투명 이미지를 만들 수 있습니다 기본설정 이렇게 미리 gif 이미지를 만들어 두었습니다. 웹용으로 저장 하기를 들어가서 설정을 확인 하면 투명디더 없음 / 매트 (흰샛배경) 으로 설정된 것을 볼수 있어요! 설정 수정 투명디더 없음 -> 확산 투명디더 매트 -> 없음 (양% 조절) 이렇게 두개를 설정해 주시고 저장을 눌러 주시면 됩니다. 결과는 이렇습니당 ㅠ 사실 투명도를 포함하는 완벽함 gif 만들기는 쉽지 않아요. 가능한 배경 색을 포함하는 gif 를 디.. 2023. 7. 5. [포토샵]가이드, 안내선 설정 (웹사이트디자인시) 웹사이트 디자인, 웹사이트 레이아웃 설정 컨텐츠 너비 1320px (네이버 홈페이지 기준)로 설정한다고 하면 마진 값을 좌/우로 300씩 주어서 기본 가이드 레이아웃을 설정해 주면 됩니다~! 가이드 선 디테일한 설정 ctrl + K 설정으로 들어가셔서 units & rulers 부분과 Guides, Grid & Slice 부분을 수정해주시면 됩니다! 2023. 1. 13. [포토샵]해상도와 사이즈 설정(인쇄용300dpi, 웹용72dpi) 안녕하세요! 포토샵 작업에 앞서 가장 첫번째로 해야할 일이 새문서를 만들면서 문서 설정을 하는 일입니다. 문서의 목적 첫번째로 생각해 봐야 할 것은 문서의 목적입니다. 1. 웹용 : 블로그나, 홈페이지, 페이스북, 인스타그램등의 웹사이트에 업로드 2. 인쇄용 : 프린트 목적 1. 웹용 해상도 72dpi 사이즈 : 웹사이트( 1920px X 1080px ), 인스타그램 업로드용(1080px X 1080px) 해상도 (resolution) : 72 color mode : RGB 1-2. 웹용 포스터 시안 : 210 X 297(mm) 2. 인쇄용 해상도 300dpi 사이즈 : 포스터( 210mm X 297mm ) 해상도 (resolution) : 300 color mode: CMYK 기타 속성 아트보드(art.. 2023. 1. 13. 일러스트와 포토샵 가장자리, 바운딩 박스, 테두리상자, 크기조절 박스 안보일때 포토샵 - 가장자리 테두리 상자(바운딩박스)가 보이지 않을 경우. 포토샵 작업 하다가,, 갑자기 뭐 잘못 눌러서 변형 하게 해주는 상자, 테두리가 안보일때가 있다. 단축키를 암기 ctrl+h 하면 좋지만 그마저도 생각이 안난다면 우선 보기 메뉴를 들어가서 표시자 를 선택해 주며 보인다. 일러스트 - 가장자리, 테두리 바운딩 상자가 보이지 않을 경우 이렇게 잘 보이던 테두리 상자가 갑자기 안보여서, 수정이 불편한 상황이 되었을때. 일러스트도 포토샵과 마찬가지로 단축키 ctrl+h 를 눌러주면 보인다. 바운딩 박스의 경우 ctrl+ shift + b 포토샵과 일러스트의 단축키가 살짝 다르다. 2022. 3. 30. 이전 1 다음 728x90 반응형
