블루씰 디자인

본문 바로가기

프로덕트 디자이너 작업 순서와 벤치마킹 더보기

✨디자인 링크 모음

📖 디자인 지식창고

디자인 지식창고 PDF 고화질로 손상없이 만들고 압축하는 방법 포트폴리오를 만들기 위해 최적의 사이즈와 pdf파일의 이미지를 손상없이 압축하는 방법을 정말 여러방도로 알아보다가 다 실패하고 그나마 만족스러운 세팅법을 알아내서 공유드리기 위해 쓰는 포스팅입니다. 일단 구글에서 찾아본 pdf파일을 손상없이 압축한다는 멘트와 고화질 압축등으로 온라인상에서 파일을 업로드해 만드는 pdf파일들은 용량의 경우 생각만큼 압축은 잘되었지만, 이미지의 손상을 감당할 수 밖에 없었고, 포토샵으로 사이즈에 맞게 pdf파일 만드는 방법을 사용해보았는데, 용량이 너무커서 업로드용으로는 사용할 수 없었습니다. (물론 이미지 화질은 좋았지만 20페이지 기준 100메가를 넘어버리는 황당한 결과값을 내놓았어요) png파일을 만들어서 어크로뱃 리더 파일을 통해 pdf파일을 만들어도 이미지가 ..
디자인 지식창고 와콤 타블렛 마우스 인식 및 충돌 오류 해결하기 제일 보급형이면서 널리 쓰이고 있는 와콤 태블릿 기준으로 말씀드립니다. 태블릿은 연결하고 인식되지만 펜의 사용이 자유롭지는 않을 때 태블릿 펜이 잘 작동하지 않는 이유의 결론부터 말씀드리면 윈도우의 펜 기능과 프로그램이 겹치기 때문입니다. 이럴 땐 윈도우의 펜 기능을 꺼주셔야 원활하게 작동되는데 와콤 센터(wacom center) 프로그램을 설치 후 드라이버 업데이트를 하신 후에 메뉴를 열어 기능 off를 진행합니다. 1. 펜설정을 엽니다드라이버를 설치하신 후에 펜설정에 들어갑니다. 2. 메뉴 -> 매핑그림에 표시된 윈도우 잉크 프로그램 (윈도우에서 자체적으로 사용하는 펜기능) 을 사용 해제 해줍니다. 애플리케이션 기타 로 설정하는걸 비롯해 다른 프로그램에서도 선택을 해제하여 태블릿 프로그램 기능..
디자인 지식창고 포토샵 사진 컬러 쉽게 보정하는 3가지 방법 포토샵에서 사진이나 그림등을 보정하는 간단한 방법 3가지를 소개해 드립니다. 단축키까지 큼지막하게 표기해 놓았으니 보시고서 맞는 효과를 찾아 적용하시면 됩니다. 대부분의 기능들은 레이어를 기반으로 하고 있으니 효과들을 적용하기 전에 복사본을 만들어놓고 이용하시면 좋아요. 레이어를 겹치는 효과 주기레이어에는 두 가지 레이어를 겹쳐서 효과를 내는 기능이 있습니다. 위의 레이어 자체의 캔버스 스타일을 투명한 셀로판지처럼 만들어서 아래의 레이어에 특수한 효과를 냄으로서 좀 더 독특한 분위기를 연출할 수 있습니다. 같은 이미지를 복사해 레이어효과를 준다면 독특한 컬러효과를, 다른 이미지를 겹쳐서 레이어 효과를 준다면 색다른 분위기를 연출할 수 있습니다.레이어 위에 위치한 다양한 효과를 이용해 아래에 영향을 받는 ..
디자인 지식창고 포토샵으로 사진 자연스럽게 보정하기 앞서 설명한 포스팅 포토샵서 설명한 '포토샵 캔버스 조절 및 이동,선택하고 가져오기' 를 먼저 참고 후 아래 내용을 보시면 작업이 더 수월해 질 수 있으니 참고해 주세요! 영역을 사용해 자연스럽게 보정하기 (포토샵 힐링 툴)자연스럽게 이미지를 보정하는 데에는 마치 밴드와 같은 모양의 아이콘을 사용해 보정합니다. 이 툴을 사용할 때에는 위 방식을 통해 영역을 선택한 후 보정을 시작합니다. 대부분의 힐링툴은 지우고 싶은 공간이 어느 정도 배경이 비어있어야 그 비어있는 배경을 복사해 자동으로 보정해 줍니다. 감쪽같이 오브젝트가 자연스럽게 없어집니다. 영역을 사용하지 않고 있는 곳을 보정하기 (도장 툴)브러시는 경계가 단일로 지정된 선명한 원버전과 흐릿한 버전으로 지정된 부드러운 타입 두 가지로 나뉘어 있..
디자인 지식창고 포토샵 캔버스 조절 및 이동,선택하고 가져오기 포토샵 레이어란??레이어는 겹겹이 쌓은 모습을 일컫는 형태 또는 기능을 이야기합니다. 마치 햄버거를 연상시키는 이 모습은 여러 레이어가 복합적으로 어우러져 효과를 사용할 수도 있고, 여러 오브젝트를 모아서 단계별로 층층이 쌓은 모습을 만들 수도 있습니다. 포토샵 이동하기 기능 (단축키: v)이동(단축키 v) 툴은 포토샵의 기본입니다. 그래서 제일 처음에 있기도 합니다. 선택한 이미지를 잘라내서 옮기기도 하고 오브젝트를 움직이는 요소입니다. 세부메뉴를 제어하는 자동선택을 체크할 경우 마우스 클릭만으로도 레이어를 선택하기도 합니다. 캔버스 크기만 늘리기 (Ctrl+Alt+C) = 이미지 줄어들지 않음작업할 때 영역이 부족하거나 넓을 때 캔버스 (작업영역)를 조절해야 하는 경우가 생기는데 이땐 캔버스의..
디자인 지식창고 디자이너가 스스로 성장하기 위한 지침서 디자이너는 회사 프로세스 상 기획과 개발 그 사이에 속한 직군으로서, 유기적으로 흐르는 과정에 본인 스스로 발전하는 토대를 만들어 업무를 처리할 수 있는 내재된 환경(습관)을 만드는데 집중하는 것이 중요합니다. 개인의 성장에 우선적으로 초점을 맞추고, 어느 디자인업무도 처리할 수 있는 유연성과 해결능력을 기르는 것에 의의를 둡니다.성장에 대한 증거인 레벨이라는 제도를 스스로 정해 눈으로 보기 힘든 단계를 보이게끔 만들어 추후 직급에 필요한 스킬과 디자인팀의 리더로 발전하기 위한 회사내의 포괄적 디자인 문제를 해결할 수 있는 자질을 눈으로 볼 수 있게 기록해 보았습니다. Level.1 : 공통으로 익혀야 하는 회사 업무 기본기Level.2 : 자신이 추구하는 명제를 다듬는 작업 (개인 스킬 브랜딩화)L..
디자인 지식창고 UX에서 확인해야 할 5가지 단계 사용자들은 앱이나 앱, 또는 스마트 기기를 사용하면서 원하는 목적과 바라는 보상이 있기 때문에 사용하는것이 일반적인 편이다. 허나 예상하지 못한 화면이나 목적과 부합하지 않는 등의 액션이나 결과물이 등장 하게 되면 흥미가 반감되거나 다른 선택사항을 찾게 되지만 예상외로 목적보다 어려운내용이 단순하게 풀리거나 시간을 단축시켜주는 실질적인 보상이 커진다면 찾는 빈도와 호감도가 높아지는 긍정적인 효과로 이어질 수 있다. 이에 관련한 단순하지만 명확한 5가지 명제를 정리해본다. 1. 목적의 오류"동기부여... 내가 왜 이것을 해야하는지 확실한 목적을 잃어버리게 만든다."쇼핑,모빌리티,금융등의 대 카테고리에서 가령 '여행을 하기 위한 환전'의 목적을 가지고 찾아보는 한 고객이 있다고 예시를 들어보자. 일반적으..
디자인 지식창고 Ai이미지 상업적으로 사용해도 되나요? 간단한 입력창에 다양한 명령어를 통해서 원하는 이미지를 만들어내는 인공지능 이미지는 언제 그랬냐는 듯 빠르게 우리의 일상을 파고들고 있는데요, 유튜브만 봐도 사용하는 이미지들이 빠르게 인공지능 이미지로 대체되고 있는 것은 물론 상상만으로 구상했던 많은 아이디어를 직접 이미지로 실현시키는 개인과 기업이 많아지는 걸 체감할 수 있습니다.인공 지는 이미지는 ai이미지라는 이름으로 통용되고 있으며, 현업에서도 빠르게 접목시키고 있지만 아직 개인의 영역을 벗어난 공식적인 사용은 생각보다 많이 보이진 않습니다. 이유는 뭘까요? 생성한 인공지능이미지는 돈을 벌기 위한 상업적 도구로 사용해도 될까요?? 목차ai이미지란??ai이미지가 만들어지는 과정ai이미지를 만드는 방법ai이미지의 유료와 무료ai이미지의 저작권ai이..
디자인 지식창고 피그마의 장점과 단점, 유료와 무료 차이 기존에 어도비 XD로 와이어프레임을 사용하거나 포토샵으로 앱, 웹디자인을 하는 분들은 자유롭게 편집하고 와이어프레임과 디자인, 개발까지 모두 어우를 수 있는 피그마라는 툴이 등장하면서 웹에서 사용하는 간편함을 무기로 무한한 확장성과 편리함에 매료를 느낀 사람의 입소문을 타면서 빠르게 업무를 대체하는 툴로서 자리매김했는데요. 피그마 툴로 업무를 사용 시에 장점과 단점을 알아보도록 하겠습니다. 장점1. 큰 작업화면에서 주어지는 작업의 효율성어도비에서 웹디자인과 앱디자인의 작업을 하기 위해서는 직접 지정된 캔버스를 만들고 그 안에서만 작업이 가능한 느낌이었는데, 캔버스의 영역이 무한대 처럼 느껴지는 큰 작업 화면은 디자이너가 구성하고 싶은 대로 디자인할 수 있는 장점을 가지고 있습니다. 페이지 내에 별도의 ..
디자인 지식창고 포토샵 ai 보정하기, 자동보정 기능 generative fill 아직은 베타버전이지만 곧 혁신적으로 일상을 채우게 될 포토샵의 새로운 기능 generative fill이 포토샵 베타버전에 적용되었습니다. 옛날에는 보정을 위해 반복으로 자르고 붙이는 작업들을 이제는 알아서 해주게 되었네요. ai 기반으로 영역을 생성하거나 삭제해 주는 시스템입니다. 확장된 캔버스의 부족한 부분 채우기불필요한 부분 보정하기사용하고 싶은 이미지 불러오기 말만 들어서는 생소할 수 있습니다. "응?? 저거 원래 간단히 배경 맞추고 부족한 부분 채우면 되는 거 아냐??", 또는 그냥 힐링툴이나 이동툴로 잡아서 늘리는 게 더 편할 수 있을지도 모르는 생각을 하시게 될 수도 있습니다. 저 또한 그랬으니까요. 그냥 선택툴로 영역을 선택해 버튼 한 번에 알아서 자동으로 영역이 채워지고, 삭제했으면 하는..

웹,앱,UI/UX포트폴리오 피드백 과정을 진행중 입니다. 더보기

👏 디자인 멘토링

상업용 무료폰트 사용하기전 꼭 읽어주세요 더보기

✨폰트 유틸리티

🎁 자유롭게 사용가능한 폰트들!

웹퍼블리싱 강의 및 홈페이지 제작 유틸 모음 더보기

✨ 퍼블리싱 명령어 모음

📚 퍼블리싱 지식창고

📃 기록창고

일본여행시 알아두면 좋을 팁 더보기

메리어트 호텔과 스타얼라이언스 항공 리뷰를 시작합니다. 더보기

🚅 여행으로 한 템포 쉬어가기

😋 맛집 기록

🏆 콘솔 트로피 공략

티스토리툴바