트와이스 로더 svg

트와이스 로더 svg

들어가기에 앞서, 로더란 로딩 중에 나타나는 이미지를 말합니다. loading.io 등의 사이트에서 받을 수 있는 이미지가 그 예시겠네요. 적재적소에 활용하면 로딩 중이란 걸 가장 직관적으로 나타낼 수 있습니다. 기본적으로 흔히 사용하는 돌아가는 원과 트와이스 로고를 활용해 만들었습니다. 원 하나가 로고를 감싸고 빙빙 도는 방식입니다. 원의 색상은 트와이스 공식 색상 두 가지가 계속 반복되도록 해뒀습니다. 로고를 조금 더 작게 만든 2번째 버전입니다. 로고에 애니메이션을 추가한 3번째 버전입니다.
190516 크롬 확장프로그램 [트와이스 새 탭] 제작일지

190516 크롬 확장프로그램 [트와이스 새 탭] 제작일지

익스텐션 링크 사족이지만, 저는 이 익스텐션이 굉장히 마음에 드네요 ㅎㅎ 유용하게 잘 쓰고 있습니다. 이제 영어도 지원합니다.사용자의 언어가 한국어라면 한국어로 표시되고, 그 외의 언어라면 영어로 표시됩니다. 할 일 목록에 "할 일 완료"를 사용할 수 있게 됐습니다. 그와 관련해서 각종 옵션도 추가됐습니다. 완료한 일정은 화면 우측 하단에 있는 아이콘을 클릭하면 모아볼 수 있습니다.다시 목록 앞의 동그라미를 누르면 완료가 취소되며, 우측 상단의 쓰레기통을 누르면 완료한 일정을 모두 제거합니다. 배경에 슬라이드쇼를 사용할 수 있습니다. 배경에 재생하는 비디오도 추가 중입니다.현재 음악 방송을 추가 중입니다. 생각보다 발생한 버그가 아주 많더라고요. ㅠㅠ 그중에 제일 중요한 버그 수정을 하나 적자면,예전엔 ..
크롬 확장 프로그램 [TWICE New Tab]

크롬 확장 프로그램 [TWICE New Tab]

드디어 그나마 사용 가능한 버전을 만들었고, 크롬 웹 스토어에 게시했습니다.스토어 링크 새 탭을 트와이스와 날씨, 할 일 목록 등으로 채울 수 있습니다.매번 자주 가는 사이트 몇 개 보여주는 새 탭에서 벗어나, 한층 더 생산적인 새 탭을 활용해보세요! 최초 실행 시 보이는 화면입니다.이름을 입력하고 엔터를 누르면 다음 화면으로 넘어갑니다. 이름이 저장됐단 알림과 함께 사용을 시작하실 수 있습니다. 화면 최상단에는 북마크, 검색, D-day, 날씨가 표시됩니다.화면 중앙에는 시계, 간단한 인사, 할 일 목록이 표시됩니다.화면 하단에는 설정, 인용구가 표시됩니다. 할 일을 입력하고 엔터를 누르면 목록에 추가됩니다. 삭제, 수정, 중요 표시 세 옵션을 사용하실 수 있습니다. 제일 아래 있는 휴지통 아이콘을 누..
트와이스 로고 배경화면 제작하기

트와이스 로고 배경화면 제작하기

간단하게 캡처를 통해 트와이스 로고와 공식 색이 들어간 배경화면을 만들 수 있는 스크립트입니다. 심플한 배경화면의 제작이 가능하고, 본인의 취향껏 커스터마이징도 가능합니다. https://marshall-ku.github.io/twice-logo-background/ 페이지를 들어가시면 기본적으로 보실 수 있는 화면입니다. 화면 아무 데나 클릭하시면 전체 화면으로 전환되고, 캡처하시면 바탕화면으로 사용하실 수 있습니다. 데스크탑에선 마우스 우클릭, 모바일에선 화면을 꾹 누르면 이런 메뉴가 나옵니다. Color엔 변경하고 싶은 로고의 색상을 rgb 혹은 rgba 형식으로 입력합니다. ex)150,150,150 Width엔 변경하고 싶은 로고의 너비를 입력합니다. ex)150 Gradient 버튼을 클릭하면..
트와이스 앨범 개봉기 - 2

트와이스 앨범 개봉기 - 2

한 번 사서 모으기 시작하니까 멈출 수가 없다 ㅠㅠ이번엔 전처럼 서점에서 구매하지 않고 그냥 중고거래를 해봤다.다행히 품질에 이상이 있는 물건은 하나도 없었고, 원하는 멤버가 있는 버전을 간단하게 구할 수 있어서 생각보다 더 만족스러웠다. 가장 먼저 구매한 건 미니 4집 Signal 채영 앨범 버전.스쿨룩스 포카와 멤버별 포카도 받았다. 미니 6집 Yes or Yes 채영 CD 버전들.A, B, C 세 버전 모두 구매했다. 포카는 글에 적혀있지 않아서 몰랐는데, A 버전(3열)의 모모가 없는 것 말고는 모조리 들어있었다.포카 모으기가 이렇게 편할 줄이야... 마지막으로 산 일본 CD들 #TWICE(해시태그 트와이스)부터 Wake Me Up까지 있다.한국에서 판매하는 것처럼 동봉된 것들이 많진 않고, 어린..
트와이스 앨범 개봉기

트와이스 앨범 개봉기

샀을 당시에 서울에서 찍었던 사진.흠집 안 생기게 부산까지 모시고 오느라 식겁했다. 미니 1집 - The Story Begins 1집부터 2채영!위에 가사집은 병풍처럼 세울 수 있는데, 저걸 쫙 펼만한 공간이 없어서 어디 둬야 할지 모르겠다. 미니 2집 - Page Two 채영이 안 뜬 건 전혀 상관없는데, 가사집이 군대 안에서 하던 감사 나눔 운동에 쓰던 형식이랑 거의 똑같은 수준이라, 보기 부담스럽다...ㅠㅠ 미니 3집 - TWICEcoaster : Lane 1 째용 CD에 째용 포카....개이득이 아닐 수가 없다. 스페셜 1집 - TWICEcoaster : Lane 2 제발 이렇게 봉지에다 테이프 좀 안 둘러두면 좋겠다.어릴 때 이런 포장 뜯다가 새 책 사자마자 폐급 되는 일이 비일비재했던지라.....
트와이스 전집 가사집 업데이트

트와이스 전집 가사집 업데이트

예전엔 그냥 한국 앨범 가사만 있었는데, 잡다하게 업데이트를 했습니다. 일본 앨범 추가 로 인한 탭 분류 추가 앨범 제목의 폰트를 2 rem에서 1 rem으로 줄이고 발매일을 추가했습니다. 뮤직비디오가 있는 노래는 앨범 제목 아래에 뮤직비디오를 열 수 있는 버튼을 넣었습니다. 차후에 앨범이 나오면 쉽게 쉽게 추가하기 위해 복사 붙여 넣기가 용이하도록 템플릿을 만들었습니다. 일어에는 까막눈이라 검수에 nekodev 님과 디씨인사이드 채영 마이너 갤러리의 오렌지챙 님께서 수고해주셨습니다. 다시 한 번 감사 드립니다.
트와이스 로고  svg 파일

트와이스 로고 svg 파일

svg는 벡터 이미지로, 기존의 이미지 파일들처럼 확대하면 깨지는 현상이 발생하지 않습니다. 외에도, css를 통해 기존의 이미지보다 다양한 효과를 줄 수 있으니 웹에선 기존의 이미지보다 훨씬 자유롭고 다양하게 활용할 수 있습니다. 아래의 이미지가 위 첨부 파일의 모습입니다. 응용하면 이런저런 효과들을 줄 수 있습니다. 이렇게 외곽선을 그리는 애니메이션을 사용할 수 있고 기존의 css 애니메이션들도 물론 자유롭게 이용할 수 있습니다! https://daneden.github.io/animate.css/ css 애니메이션 참고용 사이트
트와이스 듀얼 모니터 배경화면

트와이스 듀얼 모니터 배경화면

듀얼 모니터를 사용 중인 기념으로 몇 개 작업을 해봤습니다.사실 두 번째 사진부턴 작업이라 할 것도 없이 3840*1080 틀에 집어넣고 노이즈를 제거한 게 다 이긴 합니다만;; 첫 번째 사진은 두 사진으로 나뉘어 있는 걸 하나로 뭉치려고 노력을 해봤는데 영 만족스럽진 못하네요.사실 포토샵 구매 목적이 배경화면으로 쓸 사진들 워터마크 제거가 전부였던지라... Span으로 설정하면 이상하게 잘려서 단체사진들 하나씩 배경화면으로 만드는 중인데, 이거도 이거 나름대로 재미가 있네요. 클릭하면 원본으로 보여주는 설정을 해놨는데, 원본으로 보이는지는 모르겠지만 다운로드가 되질 않아서 파일을 첨부합니다.
1
블로그 이사갔습니다 (클릭)