본문 바로가기

분류 전체보기108

네이버 나눔글꼴 다운로드 (설치방법 안내) 오늘은 폰트 관련 첫 번째 글로 가장 많이 이용하고 있고, 가장 기본적인 서체로 사용되고 있는 나눔글꼴 다운로드에 대해 알아보려 합니다. 많은 분들이 아시겠지만, 네이버에서 제작을 했으며, 여러 종류의 콘셉트로 서체를 사용할 수 있습니다. 상업적으로 이용이 가능하며, 모바일이나 배너, 이벤트, 편집 등 여러 곳에서 사용을 할 수 있습니다. (*유료로 판매를 하는 것은 안됩니다.) 폰트도 계속해서 개발중이며, 이번에는 마루 부리 글꼴이라고 새로 나오기도 했습니다. 앞전에 말씀드렸듯이 가장 기본적으로 사용이 되고 있기 때문에 디자인 관련 업무를 하신다면 한번 자세히 살펴보시길 바랍니다. 아래 관련하여 안내를 해드리며, 설치부터 어떻게 사용이 되는지에 대한 내용입니다. 네이버 한글한글아름답게 먼저, 한글한글 .. 2021. 8. 11.
그림판으로 JPG PNG 변환하는 방법 (이미지 파일 변환하기) 이미지 작업을 하시는 분들은 아시겠지만, 이미지에도 여러 가지 포맷이 존재합니다. 가장 많이 사용하는 jpg를 포함해, png, gif 등등이 있으며, 이용하시는 목적에 따라 저장도 달라지게 되는 것 같습니다. 움직이는 이미지를 위해서 gif로 저장을 하거나 색깔이 흑백에 가까울 때, 가벼운 파일로 쓰이기도 합니다. 이런 경우의 수에 따라 달라질 수가 있습니다. 또한, 오늘 안내드리는 부분처럼 이미지 파일 간의 변환이 필요할 때가 있습니다. 사이트나 여러 가지 서비스들을 활용해 볼 수도 있겠지만, 윈도 기본 프로그램인 그림판으로도 변경을 하여 저장을 할 수 있습니다. '기존 사진에서 확장자만 달라지며, 다른 부분은 바뀌는게 없습니다. 아래 예시와 함께 정리를 해두었으니 참고해서 읽어 주시길 바랍니다.' .. 2021. 8. 7.
포토샵 웹용으로 저장하는 방법 (저장 옵션 살펴보기) 포토샵으로 작업을 하셨다면, 최종적으로 저장을 해주셔야 하는데요. 저장은 두 가지의 형태로 할 수 있습니다. 오늘 주제처럼 웹용으로 저장을 하거나 혹은 다른 이름으로 하는 일반적인 방법이 있습니다. 비슷한 용도로 이용이 되지만, 사용자에 따라 그리고 몇 가지 옵션에 따라 선택이 바뀌는 것 같습니다. 아래에서도 설명을 드리겠지만, 저장을 하는 부분에도 포맷을 변경하거나, 이미지의 해상도 조절, 퀄리티 변경을 할 수 있습니다. 이미 작업을 완료했다는 가정하에는 크게 차이는 없겠지만, 업로드를 해야하는데 용량이 너무 크거나, 줄여야 할 때, 혹은 맞는 포맷을 지정해야 할 때 등등의 경우에 참고를 해보시면 될 것 같습니다. 1. 웹용으로 저장하기 '아래 참고이미지의 빨간 표시를 보시면 더 이해가 쉽습니다.' F.. 2021. 8. 5.
엑셀 뷰어(Excel viewer), 온라인 / 프로그램 활용방법 엑셀 뷰어(Excel Viewer)는 이름을 보셔도 아시겠지만, excel의 파일들을 열고 보는 용도로만 사용이 되는 프로그램을 말합니다. 그리고 요즘은 인터넷에도 viewer용도의 서비스가 많이 있어, 설치를 안 해도 온라인으로 보는 것 그리고 편집도 사용을 할 수 있습니다. 오늘은 이 두 가지의 경우를 모두 전달 드릴 예정입니다. 둘 다 사용하시기 나름이겠지만, 환경을 고려해서 설치를 해주시거나, 온라인을 통해 봐주시는 것도 상관없습니다. 각각 장단점이 있으니 거기에 맞춰 이용해 보시길 바랍니다. '아래, 이미지와 글을 통해 설명을 해두었으니 차례대로 확인해 보시길 바랍니다.' NAVER 오피스 첫번째는 온라인으로 엑셀 파일을 열어 볼 수 있는 네이버 오피스의 대한 안내입니다. 간단하게 열기를 눌러 .. 2021. 8. 5.
그림판으로 모자이크 효과주는 방법 사진을 올리거나 편집을 할 때, 모자이크가 필요한 경우가 있습니다. 대부분 초상권이나, 저작권, 개인정보 관련해서 보여지지 않게 하기 위해 사용이 되곤 합니다. 또한 이 모자이크를 처리할 때 여러가지 프로그램을 생각해 볼 수 있는데요. 가장 먼저 떠오르는 건 역시, 포토샵(Photoshop)이지 않을까 싶습니다. 하지만 그 외에도 이미지 편집 툴에서도 마찬가지의 효과를 낼 수도 있습니다. 오늘 주제처럼, 그림판을 사용해 모자이크와 동일한 효과를 나타내며, 여러가지로 응용도 가능하며, 기타 온라인으로 할 수 있거나 하는 부분도 있습니다. 이런 부분들은 나중에 한번 정리를 해보도록 하겠습니다. '그럼, 지금부터 그림판을 실행해 작업을 진행해보도록 하겠습니다. 순서에 따라 진행을 했으니 하나하나 같이 따라해 .. 2021. 8. 4.
웹디자이너라면 참고해야할 사이트 모음 TOP7 웹디자이너가 직업이시라면 그 외에 디자인 관련 작업을 하시는 분들이라면 design 관련 커뮤니티, 에이전시 등 여러 사이트들을 서치 하실 겁니다. 검색해 보신 분들은 아시겠지만, 다양한 종류의 사이트를 볼 수 있으며, 국내뿐 아니라 외국의 디자인까지 함께 보는 게 가능합니다. 오늘 그래서 준비한 내용으로 웹디자인 참고사이트 여러 개를 가져와 봤습니다. 퀄리티도 높고, 다양한 특색들을 갖고 있기 때문에 자신이 선호하는 혹은 폭넓게 한번 살펴보시는 걸 추천드립니다. '자세한 내용은 아래 정리해 두었으니 참고해서 읽어주시길 바랍니다.' DBCUT 첫 사이트는 DBCUT 입니다. 풀네임으로는 Design Community Portal으로 국내 웹에이전시들이 제작한 사이트들을 볼 수 있는 곳입니다. 최신의 순으.. 2021. 8. 3.
구글 이미지 검색, 사진 구글링하는 방법 알아보기 구글은 포털 사이트로 많은 정보와 컨텐츠 및 서비스를 활용할 수 있습니다. 그렇기 때문에 어떻게 활용하느냐에 따라 효율이 높아지기도 하고, 낮아지기도 하는 것 같습니다. 오늘은 이런 부분에서 조금 더 유용하게 사용하기 위해 한가지를 정리했는데요. 사진이나 이미지 관련 소스를 받았는데 출처를 모르거나, 관련하여 유사한 이미지를 검색하고 싶을 때 사용해 보시면 좋을 것 같습니다. 주제와 같이 구글 이미지 검색 그리고 사진 구글링하는 방법에 대한 내용 입니다. 간단하게 말씀드리면, 검색관련 도구를 통해 관련하여 검색을 하게 되며, 위 내용에도 간단히 말씀드린 어떤 소스를 찾는다던가, 비슷한 리소스를 찾는데 도움이 될 수 있습니다. 그 외에도 사용자에 필요에 따라 활용이 가능합니다. 한번 어떻게 찾아보는지에 대.. 2021. 7. 30.
색상코드 찾기 사이트 (HTML color codes) 오늘의 주제는 색상코드 찾기 사이트의 대한 안내이며, 이 사이트를 통해 색상의 코드를 찾아내며, 조합이나 표 등의 결과도 함께 확인하려 합니다. 칼라 관련하여 직업을 갖고 계신 분이나, 디자인을 하시는 분들 등등 필요에 따라 이용을 해보시길 바랍니다. 아래 더 자세한 내용이 있지만, 색상을 선택하게 되면, 칼라 코드에 대해 나오게 되며, 이를 통해 웹/앱 혹은 컴퓨터로 작업하는 디자인에 활용하시기에 좋습니다. 또한 차트나 조합에 대한 부분에서도 힌트를 주기 때문에 이런 점들도 잘 사용해 보시면 좋을 것 같습니다. HTML COLOR CODES 색상 선택기의 사이트로 HTML의 사용되는 코드들의 정보를 볼 수 있습니다. 16진수의 색상코드와 RGB / HSL 값을 가져옵니다. 칼라 부분을 움직여 주시게 되.. 2021. 7. 30.
무료 목업 사이트 추천 5가지 목업은 제품을 만들기 전에 미리 모형을 입혀보거나 그 자체만으로 사용이 되는 경우가 많이 있습니다. 그렇기 때문에 어떠한 작업을 하기 전에 미리 보이는 곳에 활용하기 좋은 점이 많이 있습니다. 예를 들면 명함을 제작하는데, 피드백을 받기 위해서 만들어지기도 하며, 그 외에도 사이트를 제작하거나 제품 등을 만들 때 여러 가지 형태로 활용이 되고 있습니다. 그리고 이런 목업 디자인들은 인터넷을 검색하면 쉽게 찾아 볼 수 있으며, 오늘 정리해드리는 무료 목업 사이트 추천에 대한 내용을 참고하셔도 좋습니다. 주로 해외사이트에서 오픈돼있는 소스가 많이 있으며, 저작권과 자신이 사용할 용도에 따라 이용을 해주시면 되겠습니다. Mockupworld 목업월드라고 하는 곳이며 여러 목업 디자인을 살펴보실 수 있습니다. .. 2021. 7. 29.
포토샵 배경 투명하게 설정 및 저장하는 방법 오늘은 주제와 같이 포토샵 배경 투명하게 설정과 저장하는 방법에 대해 정리를 해보도록 하겠습니다. 작업을 하시다 보면 투명한 배경을 저장해야 할 때가 있습니다. 예를 들면 로고를 만들거나 텍스트 혹은 오브젝트들을 합성시킬 때 등등의 이유로 사용이 되곤 합니다. 간단하게 포토샵을 실행시켜 새로 만들기에 설정을 해주신 후 작업을 진행해주시면 되고, 저장을 할 때도 PNG로만 신경 써주시면 됩니다. 글로 보면 설명이 어렵기 때문에 이미지와 글을 통해 상세히 적어두었으니 관련하여 작업이 필요하신 분들은 참고해서 이용해 보시길 바랍니다. 포토샵 실행, 새로만들기 문서 1. Photoshop을 먼저 켜주신 다음, 문서를 하나 새로 열어 주세요. (단축키는 Ctrl+N입니다.) 2. Background Content.. 2021. 7. 29.
무료 온라인 포토샵 사이트 추천 5가지 오늘은 디자인 팁 관련 간단한 내용으로 무료 온라인 포토샵 사이트를 추천해 드리려 합니다. 물론 정식 어도비 프로그램으로 사용하는 편이 좋지만, 환경이 안돼거나 설치가 안되 있을 경우에 사용을 하시기 좋으며, 간단한 편집을 할 때도 유용한 점들이 많이 있습니다. 자세한 내용은 아래 적어두었으며, 총 다섯 가지로 사이트를 추려 봤습니다. 말 그대로 온라인으로 편집을 할 수 있는 곳들이며, 간단하게 특색들을 갖추고 있기도 합니다. 한 번씩 이용을 해보시거나 UI나 구성이 마음에 드신다면 사이트를 타고 들어가 보시길 바랍니다. Photopea 포토피아는 많은 사람들이 아시겠지만, 포토샵과 거이 유사한 폼을 갖고 있습니다. 새 프로젝트를 열어 파일을 실행 시킬 수 있으며, 구성도 비슷하여 익숙함을 느끼시는 분들.. 2021. 7. 29.
포토샵 단축키 설정하는 방법, 간단하게 바꿔보자 오늘 주제이자 안내해 드리는 가이드는 포토샵 단축키 설정하는 방법입니다. 일부의 프로그램들을 사용하게 되면, 단축키라는 걸 알게 됩니다. 단축키는 말 그대로 작업을 단축시켜주는 키로 사용이 되며, 조금 더 빠른 실행과 설정을 할 수 있게 됩니다. 오늘 적어 드리는 포토샵도 마찬가지이며, 중요하게 쓰이는 것들이 많이 있습니다. 예를 들면 파일을 열거나 이미지 관련 편집 혹은 효과 등에 대해 쓰이는 등 여러 가지가 있으며, 자신이 자주 쓰는 것에 따라 익숙함의 정도가 달라지기도 하는 것 같습니다. 또한 단축키는 설치했을 당시 기본으로 설정되어 있지만, 자신이 쓰기에 편리하게 세팅을 할 수도 있습니다. 오늘은 이 방법에 대해 정리하며, 어떻게 바꾸고, 어떻게 쓰는지에 대한 간략한 내용입니다. 포토샵 실행 포토.. 2021. 7. 28.

티스토리툴바