그냥, 일단 써내려가자

아마 이 글이 올해의 마지막 글이 될 것 같은데 한 해 동안 제 블로그에 방문해 주신 분들 모두 감사드리고, 모두들 내년은 더욱더 의미 있는 한 해가 되었으면 바라봅니다. 안녕하세요 무택입니다 :) 오늘은 불규칙한 이미지 프레임을 어떻게 만드는지 알아보려고 합니다. 아래 이미지 같은 웹디자인을 보신 분이 많을 것 같습니다. 주로 해외 웹디자인에서 많이 볼 수 있는 디자인인데 이런 프레임을 어떻게 구성하는지 알아보도록 하겠습니다. 불규칙한 이미지 프레임 HTML/CSS SERVICES Special Think Elevate your spaces sustainably with Nilsson. Discover innovative modern designs for architecture, interior, an..

겨울시즌 눈 내리는 효과 See the Pen [HTML/CSS]눈 내리는 효과 by TytanLee (@TytanLee) on CodePen. 겨울 시즌에 홈페이지에 적용하면 좋습니다😀 출처 : 프론트베이커

안녕하세요 무택입니다 :) 오늘은 포토샵에서 저장할 수 있는 방법들을 알아보려고 합니다. 가장 대표적으로 이미지 그리고 PDF, GIF 등 포토샵으로 저장할 수 있는 방법은 정말 다양하게 있는데 오늘은 그 저장 방법에 대해 알아보도록 하겠습니다🙂 포토샵 저장 방법 포토샵에서 저장 방법은 크게 기본 저장, 사본저장, 웹용으로 저장, 내보내기 저장 이렇게 네 가지로 나뉩니다. 기본 저장(=다른 이름으로 저장) 기본 저장은 최소한의 형식만 지원하며 저장 크기가 대체적으로 무겁습니다. 대표적으로 PSD, PSB, PDF, TIFF 형식으로 파일을 저장할 수 있으며 PSD는 포토샵 파일로 포토샵에서 저장할 수 있는 가장 기본적인 파일입니다. 그리고 PSB는 대용량 포토샵 파일로, 파일 크기가 2GB 이상 넘어가면..

안녕하세요 무택입니다 :) 오늘은 포토샵에서 분할 도구를 알아보려고 합니다. 분할 도구를 이용하면 다양한 작업을 할 수 있지만 대표적인 작업으로는 원하는 부분만 잘라서 저장할 수 있는 작업입니다. 주로 웹디자인 작업을 할 때 많이 사용하곤 하는데, 캔버스는 넓은데 요소 하나하나 저장하는 게 수고롭기 때문에 원하는 부분을 잘라서 이름을 설정한 뒤 한 번에 필요한 요소만 저장하는 용도로 많이 사용하곤 합니다. 그럼 아래에서 자세한 내용을 만나보세요🙂 분할 도구로 원하는 영역만 저장하기 1. 단축키 [C]를 누르거나 왼쪽 툴탭에서 분할 영역 도구를 선택해 줍니다. 2. 칼 모양의 커서가 활성화되면 자르고 싶은 부분을 드래그해서 잘라줍니다. 3. 왼쪽 '분할 영역 도구' 아이콘을 꾹 누르면 상세 기능이 나오는데..

안녕하세요 무택입니다 :) 오늘은 포토샵에서 작업물의 해상도를 쉽게 확인하는 방법을 알아보려고 합니다. 해상도는 은근히 중요한 부분이기 때문에 협업할 때, 작업물을 납품할 때 필요한 정보입니다. 이 정보를 어떻게 알 수 있는지 아래에서 확인해 주세요😀 해상도란? 해상도는 이미지의 선명도를 결정하는 데 사용되는 측정단위입니다. 픽셀 당 인치(PPI)로 측정되며, 숫자가 높을수록 이미지가 더 선명하고 디테일합니다. 해상도는 보통 작업물이 인쇄물이냐, 웹용이냐에 따라 달라질 수 있습니다. 인쇄물은 150~300 PPI, 웹용 작업물은 72 PPI를 주로 사용합니다. 해상도 확인 방법 ① 포토샵 화면의 좌측 하단을 보면 바로 알 수 있습니다. 필요한 정보는 바로 나와있으며 자세한 정보는 해당 부분에 마우스 좌클..

안녕하세요 무택입니다 :) 오늘은 포토샵에서 문자 패널에 대해 설명해보려고 합니다. 포토샵에 정말 다양한 기능들이 있는데 하나하나 다 알기는 쉽지 않죠. 하지만 문자 패널은 정말 자주 쓰는 기능이니 알고 가면 정말 좋은 부분이고 혹시 영어를 썼는데 대문자만 나온다 하면 이 문자 패널에서 잘못 설정이 되어있을 가능성이 높으니 아래에서 자세한 내용을 확인해 보세요😀 글꼴 패널 열기 상단 탭에서 '창-문자'를 눌러 문자 패널을 활성화시켜 주세요. 문자 패널 설명 1. 글꼴 설정 글꼴(폰트)을 확인하고 설정합니다. 2. 글꼴 스타일 설정 글꼴의 굵기, 기울임 등을 확인하고 설정합니다. 3. 글꼴 크기 설정 문자의 크기를 설정합니다. 4. 행간 설정 행과 행 사이의 간격을 설정합니다. 5. 자간 설정 글자와 글자..

안녕하세요 무택입니다 :) 오늘은 재밌는 테스트를 발견해서 한 번 가져와봤어요. 바로 UX/UI 레벨 테스트입니다😀 저도 웹디자인을 하는 사람이다 보니 안 해볼 수가 없는 테스트였는데요. 생각보다 난이도는 간단해서 재미로 보기에 좋은 테스트인 것 같아요. UX/UI 레벨 테스트 저는 여러 가지 테스트 사이트를 들어가 봤는데 이 사이트가 좋은 건 정답이 왜 정답인지 설명해 주는 부분이 있어서 이해하기 좋더라구요. UX/UI 테스트 페이지라 UX/UI를 신경 써서 만든 게 보이고, 이렇게 문제페이지에서 정답을 고르면 정답이 나오고 왜 정답인지 설명까지 해주더라구요. 그 점이 아주 좋았어요. 저의 결과는 9/10점이었습니다. 아쉽게도 하나가 틀렸는데요. 다른 문제들은 대부분 쉬웠는데 하나가 헷갈리더라구요. 바..

안녕하세요 무택입니다 :) 이번에 새로운 취미를 시작해보려 합니다. 바로 블렌더! 디자이너로써 블렌더를 이용한 아이콘이나 캐릭터 등 디자인 소스를 많이 접해왔는데 항상 '나도 직접 만들어 보고 싶다' 생각만 하다가 이번에 콜로소 11월 블랙프라이데이 프로모션에 이끌려서 강의를 신청하게 되었습니다. 무작정 강의를 신청한 건 아니고 먼저 유튜브에서 블렌더 강의를 보고 따라 해 보면서 저한테 블렌더가 맞는지 몇 번 해보고 앞으로 조금 더 배워보고 싶어서 강의를 신청하게 되었습니다. 더군다나 운이 좋게도 블랙프라이데이 기간이기도 해서 좋은 가격에 강의를 신청한 것 같습니다. 제가 신청한 강의는 바로 이 강의입니다. 디자이너분의 작업물을 살펴봤을 때 너무 잘하시는 것 같고 포용포용한 디자인이 너무 마음에 들어서 ..

안녕하세요 무택입니다 :) 오늘은 디자이너로써, 타이틀에 사용하면 좋을 폰트를 들고 왔습니다. 요즘은 간단한 디자인은 디자이너가 아니더라도 많은 분들이 직접 하시기 때문에 실무로 디자인을 하지 않으시는 분들을 위해 간단한 개념 설명도 드리면서 예시를 들어보겠습니다. 아래 폰트들은 당연히 업로드일 기준(23.11.30) 상업적 무료폰트이며 특별한 경우를 제외하면 사용에 문제가 없으니 아래에서 확인해 보세요😀 상업적 무료? 요즘은 저작권이 굉장히 중요한 시대입니다. 근데 무료, 상업적 무료의 차이는 뭘까요? 상업적 무료 폰트는 말 그대로 해당 폰트의 저작권이 '상업적으로 사용해도 되는 폰트'입니다. 그러면 그냥 무료 폰트는 뭔지 감이 잘 안 오실 텐데, 폰트의 경우 드물긴 한데 일반적으로 무료라고 하면 '출..

안녕하세요 무택입니다 :) 아래에서 바로 내용 확인해 보세요😀 1. 빨간 줄이 그어진 텍스트에서 오른쪽 마우스 클릭 2. 맞춤법 검사 비활성화 클릭 - *활성화 하고 싶다면 다시 텍스트에서 마우스 우클릭 - 맞춤법 검사 활성화 클릭 도움이 되었다면 아래 하트 한번 눌러주세요!