어느 순간부터 USB 메모리 또는 외장 SSD를 연결하면 오른쪽 하단의 단축 아이콘 꾸러미에 USB 아이콘이 보이지 않습니다. 꼭꼭 숨겨져 있더라고요. 이 부분을 윈도우10때는 숨겨진 아이콘 부분에서 그대로 드래그해서 끌어다 놓으면 원하는 위치에 옮겨졌거든요? 근데 윈도우11로 돌아서기 시작하면서 이게 안되더라고요. 해결 방법은 상당히 심플했습니다. 마술 같아요. 모르면 한없이 짜증(?)나고 신기하지만 알고나면 굉장히 허탈한 그런 느낌입니다. 제가 원하는걸 다시 이미지로 설명드리자면 이런 상황입니다. 지금 위의 스크린샷 이미지처럼 USB에 저장장치가 연결하면 하드웨어 안전하게 제거 아이콘이 바로 작업표시줄에 떠야 하는데 뜨질 않습니다. 끌어다 놓아지지도 않고요. 이건 이렇게 하면 됩니다. 작업 표시줄에서..
티스토리의 세번째 반응형 스킨을 준비 중입니다. 최대한 이미지를 사용하지 않고 어떻게든 HTML으로만 구성하려고 애를 쓰는 중입니다. 특히나 아이콘 이미지의 경우에는 사이즈가 작은게 특징인데 이게 특정 디바이스 또는 특정 브라우저에서는 이따금씩 깨져 나오거나, 이미지가 X표시가 되는 문제가 아주 가아끄음 발생하기도 합니다. 그래서 이런 고충을 최대한 해결하기 위해 최근 열심히 각종 플랫폼 로고를 SVG로 변환하고 있습니다. 오늘은 한국인이라면 누구나 다 사용하고 알고 있는 카카오톡 아이콘입니다. 미리보기 See the Pen KakaoTalk Icon SVG by rgy0409 (@rgy0409) on CodePen. 코드펜에 카카오톡 아이콘을 SVG 코드로 올려두었으니 그대로 HTML 코드를 가져가 사..
폰트어썸에는 다양한 웹 아이콘들이 있습니다. 보통 유명한 플랫폼의 로고는 왠만하면 다 있습니다. 이게 안타까운 부분입니다. 국내 플랫폼인 네이버라던지 카카오톡에 대한 아이콘은 현재 폰트어썸에 등록되어있지 않습니다. 친효스킨에 사용중인 네이버, 네이버밴드, 카카오톡 아이콘들은 모두 이미지 파일입니다. 해서! 이미지 파일을 대체할 SVG 코드를 사용할 계획입니다. 이 글은 준비를 위한 첫 걸음마 글이 될 것입니다. 네이버 로고 파일 일단 네이버측에서 개발자분들을 위해 무료 ai 소스를 배포하고 있습니다. 아래가 공식 페이지입니다. https://developers.naver.com/docs/login/bi/bi.md 로그인 버튼 사용 가이드 - LOGIN 네이버 로그인은 애플리케이션에 사용할 수 있는 네이버..
파워포인트에서도 체크 표시가 가능하다는 사실을 최근에 알았습니다. 사실 대학생 또는 직장인이 아닌 이상 PPT를 다룰 일이 뭐 있겠습니까? 그러다 최근에 지인이 온라인 강사인데 PPT에 체크 박스 아이콘을 어떻게 삽입해야 하는지 문의를 주어 어차피 저도 언젠가는 알아야 할 것 같아서 바로 검색을 해봤습니다. 한글이나 워드의 경우에는 알고 있는데 파워포인트에서의 체크 표시는 어디서 하면 좋을지 몰라 이것 저것 눌러보고 우연히 알게 되었습니다. 참고로 제가 사용중인 파워포인트 버전은 2021입니다. 추측하건데 이보다 상위 버전은 동일한 방법으로 적용이 가능하지 않을까 싶습니다. (이전 버전은 확신할 수 없음... 대충 검색해보니 좀 더 복잡한 방법인 듯) 파워포인트가 실행중인 화면입니다. 위쪽에 메뉴가 있죠..
현재 친효스킨의 댓글은 카카오톡 대화창같은 UI를 적용시킨 상태입니다. 실제로 대화하는 것처럼 표현이 되어 좀 더 정감있다고 해야할까요? 물론 100% 똑같이 구현은 불가능했지만 그래도 90%이상은 똑닮은 것 같아서 만족스럽습니다. 이렇듯 웹상에서 HTML과 CSS 조합 만으로도 얼마든지 채팅창같은 표현이 가능합니다. 본 시리즈는 웹으로 카톡 채팅창을 표현해보는 강좌입니다. 미리보기 최종 완성되는 형태는 아래와 같습니다. See the Pen 카카오톡 채팅창 만들기 by rgy0409 (@rgy0409) on CodePen. 제법 카카오톡 대화창같지 않습니까? 이제 이 부분을 하나하나 설명드리려고 합니다. 먼저 우리가 할 것은 사람 모양의 아이콘 형태를 만드는 것입니다. 바로 이 아이콘입니다. HTML ..
과거 포토샵 버전에서는 Tab(탭)키만 누르면 커서가 바로 바로 직관적으로 변경되곤 했습니다. 혹시 클립스튜디오에서도 이게 먹힐까 싶어서 테스트해봤는데 되지 않는군요. 그렇다면 환경설정에서 변경을 해줘야 합니다. 어떤 경로로 들어가서 어디를 변경하면 되는지 알아보겠습니다. 클립스튜디오 기본 커서는 이런 모양입니다. 현재 펜 툴을 선택했는데 이런 식으로 원형의 커서로 나오면서 펜 크기가 현재 어느정도 사이즈인지 확인이 가능합니다. 커서를 변경하시려면 파일 > 환경 설정으로 들어갑니다. 단축키는 Ctrl+K 입니다. 왼쪽의 다양한 카테고리 중 커서로 들어갑니다. 그러면 오른쪽에 커서모양 옵션이 보일 것입니다. 우리가 변경해야하는 부분은 브러시 계통, 펜 계통, 지우개 계통입니다. 물론 그 아래에 있는 도향이..
지난 시간에는 아이콘 자체에 이미지가 있는 EXE 파일에 대한 아이콘 이미지 변경 방법을 설명했습니다. 이번에는 EXE 실행파일 자체에 이미지가 없는 경우, 비주얼 C++을 사용하여 실행파일을 편집하여 아이콘 이미지를 심어주는 과정입니다. MS Visual Studio C++ 설치하기 가장 먼저 할 일은 당연히 프로그램 설치입니다. 아래의 사이트를 방문합니다. visualstudio.microsoft.com/ko/downloads/ Windows 및 Mac용 Visual Studio 2019 다운로드 Visual Studio Community, Professional, Enterprise를 다운로드하세요. 지금 Visual Studio IDE, Code 또는 Mac을 무료로 사용해 보세요. visuals..
일러스트레이터 2020으로 사이툴2의 아이콘을 만들었습니다. 이것을 png로 내보낸 다음에 ico 파일로 변환까지 해놨습니다. 아시다시피 사이툴2의 EXE 파일은 그냥 C++ 기본 아이콘이어서 너무 밋밋합니다. 따라서 좀 꾸며줄 필요가 있었습니다. 사이툴 관련으로 아이콘 이미지 검색을 해보니까 꽤 그럴듯한 아이콘을 발견했는데 문제는 이게 화질이 다 깨진 것들 뿐이었습니다. 딱히 ai 파일로 제공하는 사이트도 없어서 어차피 단순 디자인이니까 그냥 직접 만들어서 사용했습니다. 만든 파일을 공유합니다. PNG Image PNG 이미지입니다. 퍼가시면 됩니다. Ai File 일러스트레이터로 작업한 파일입니다. 다운로드 받으시면 됩니다. 참고로 일러스트레이터 버전은 2020입니다. ICO Image ico 아이콘..
친효스킨 1.17 버전에서 적용되는 기능인데, 물어보시는 분들이 좀 계셔서 아예 이렇게 따로 언급하는게 더 낫겠다는 생각으로 강좌글을 하나 올립니다. 방법은 어렵지 않습니다. 현재 친효스킨 사이드바에는 프로필 (블로그정보) 모듈이 있습니다. 이 아래에 페이스북, 트위터, 인스타그램, 유튜브, 그리고 이메일로 바로갈 수 있는 아이콘을 배치했습니다. 어떻게 배치하는지 알아보도록 합니다. HTML 수정 먼저 친효스킨의 HTML에서 아래의 영역을 찾습니다. "블로그정보" 라고 검색하면 쉽게 찾을 수 있습니다. 블로그정보 이 부분 입니다. 여기를 수정해 줘야 합니다. 아래의 첨부파일에 있는 태그로 모두 교체해주시면 됩니다. 위의 첨부파일 중에서 수정해야 할 부분은 다음과 같습니다. 바로 이 부분 입니다. 먼저 a..
가장 기본이 되는 설정인데 이걸 포스팅을 안 했더군요. 그래서 급하고 간략하게 설명을 드리도록 하겠습니다. 윈도우10 환경에서 바탕화면에 내 PC (내컴퓨터) 및 휴지통, 문서, 제어판, 네트워크 등등의 기본 아이콘을 등록하는 방법 입니다. 등록 방법을 알면 반대로 제거하는 방법도 자연스럽게 해결 됩니다. 먼저 바탕화면에서 마우스 오른쪽 버튼을 누릅니다. 그렇게해서 뜬 목록에서 맨 아래에 있는 개인설정으로 들어갑니다. 설정창이 뜹니다. 왼쪽 카테고리 중 테마를 눌러줍니다. 그러면 오른쪽에 테마 관련 옵션들이 나오는데 아래로 내려가시면 관련 설정 부분이 나오고 여기에 있는 바탕 화면 아이콘 설정 항목으로 클릭하여 들어가면 됩니다. 참고로 이 테마 관련 설정으로 한 번에 들어가는 방법은 작업표시줄에 있는 검..
요즘 PC방에 가면 기본적으로 7.1 가상채널 짱짱한 헤드셋을 제공합니다. 대부분 아마 FPS 게임을 위한 것입니다. 특히 배틀그라운드를 즐기시는 분들께서 많기 때문에 헤드셋은 이제 없어서는 안 될 물건입니다. 보통 사운드를 헤드셋으로 들으려면 3.5mm 인터페이스에 연결만 하면 되지만, 요즘은 기본적으로 USB를 많이 사용하기에 이 헤드셋 또한 USB 형태의 장치들이 많습니다. 그리고 보통 USB는 차후에 연결하면 최종적으로 나중에 연결된 장치의 사운드를 인식해서 자동으로 헤드셋으로 소리가 들리게 됩니다. 하지만 피시방에는 대부분 이런 헤드셋이 미리 연결되어 있습니다. 그리고 평소처럼 스피커로 소리가 나옵니다. 그럼 헤드셋으로 들으려면 다시 USB를 제거했다가 다시 연결하면 되는데 이 얼마나 번거롭습니..
샤오미 미맥스2 뿐만 아니라 대부분의 샤오미 스마트폰이 이에 해당될 것 같다. 샤오미 스마트폰은 안드로이드 주제에 iOS 컨샙을 따라해서 약간 폐쇄아닌 폐쇄정책을 펼치는 것 같다. 따라서 샤오미 폰을 구매하시려면 글로벌 버전 혹은 인터네셔널 버전으로 구매하시는 것을 추천한다. 샤오미 스마트폰의 알림바에 앱 알림 아이콘을 표시해보자 제목 그대로 안드로이드 화면의 상단 부분에는 각종 아이콘이 표시되는 공간이다. 문자나 전화, 혹은 기타 앱으로부터 공지가 뜨거나 뭔가 소식이 오면 아이콘이 뜬다. 샤오미 스마트폰의 기본 옵션은 이런 알림이 뜨지 않도록 되어 있다. 따라서 별도로 설정에 가셔서 알림 아이콘 표시를 해줘야 한다. 샤오미 미맥스2에 대해서 아직 잘 모르신다면, 아래의 사용기를 한번 보시면 살짝 도움이..
이 방법은 우선 Fastboot 뿐만 아니라 Font Awnsome (폰트어썸)을 사용하는 블로그 혹은 HTML/CSS 홈페이지에서 모두 사용이 가능하다는 것을 말씀 드린다. 왜냐하면 폰트어썸 자체적으로 이런 회전기능이 있기 때문이다. 필자의 생각은 폰트어썸 뿐만 아니라 아마 이런 폰트어썸 스타일을 적용하는 모든 대상에 대해서 회전이 가능할 것 같다는 생각이다. 여기서는 우선 티스토리의 Fastboot 스킨에서만 한번 적용하는 방법을 알아보도록 하겠다. 피가되고 살이되는 블로그, 친절한효자손 취미생활!글, 사진 및 이미지 ▶ CopyLeft(C) 유길용#CopyLeft(C) 는 저작권의 반대개념으로, "모든것을 공유한다" 는 뜻 입니다##공유라는 개념은 그대로 복붙하시라는 개념이 아니라, 내용을 응용해서..
티스토리를 사용하는 최대 장점 중 하나는 바로 커스터마이징일 것이다. 주인장 입맛대로 꾸밀 수 있다는 최대 장점이 더욱 티스토리를 사용할 수 밖에 없는 매력으로 다가온다. 이번 시간에는 티스토리의 기초 공사라 할 수 있는 아이콘 및 파비콘을 설명을 드리고, 어떻게 적용시키는지를 알아보겠다. 참고로 아이콘과 파비콘의 개념 설명과 적용 방법에 대한 내용일 뿐, 아이콘 만들기 부분은 그래픽 관련 콘텐츠 이므로 나중에 따로 글을 작성해 보려고 한다. 우선 아이콘 이라는 단어는 많이 들어봐서 잘 알 것이다. 스마트폰의 앱 디자인도 일종의 아이콘이며 가장 흔하게 사용되어지는 부분은 PC에서의 바로가기 아이콘이다. 티스토리에서 아이콘 부분은 댓글을 남길 때 프로필 사진으로 적용되어지는 부분이 있는데 바로 그곳에 적용..
[일러스트레이터로 아이콘 UI 그리기] 심플한 망치를 그려봤어요 일러스트레이터에 요새 맛들리고 있는 중입니다^^;포토샵이랑 병행하면 아주 좋을 것 같아요~ ㅎㅎㅎ 우선, 망치를 그려보았습니당. 갑자기 토르가 생각이 났는데,토르망치는 생각이 잘 안나서...그냥 일반 망치를 표현해 보았구요, 간단하게~ 심플하게~ 펜툴 필요없이, 그냥 도형을 이용해서한번 만들어 보았습니다. 레이어는 크게 두종류로 나뉘었어요. 제일 위의 레이어는 오브젝트들이 있는 레이어,맨 밑의 레이어는, 나중에 그림자를 적용시켜줄 오브젝트가 있는 레이어 입니다. 우선, 이렇게 도형툴로 사각형 2개가 들어가고, 끝에 각도를 좀 조절만 해 주면 됩니다.길게~ 하나는 뚱뚱하게~ 하늘색 사각형이 위로 와야겠지요~! 그리고, 안쪽은 비슷한 색상으로 ..