퀘이사존 자기 사양 소개 프로필에 움짤 gif 넣는 방법

팁/노하우 게시판 - 회원들의 다양한 IT/하드웨어 팁과 정보

공지 퀘이사존 규정(25.08.04)

퀘이사존

18k

03-16

49 퀘이사존 자기 사양 소개 프로필에 움짤 gif 넣는 방법 서리담다 45 6241 2019.10.05 01:01

<div align="" style=""><div align="" style="line-height: 1.2;"> <p style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; font-size: 15px; line-height: 1.2; font-family: NanumBarunGothic, sans-serif; color: rgb(255, 255, 255);">리마스터 이후 자기소개 또한 대폭 업데이트를 단행했습니다.<p style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; font-size: 15px; line-height: 1.2; font-family: NanumBarunGothic, sans-serif; color: rgb(255, 255, 255);"> <p style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; font-size: 15px; line-height: 1.2; font-family: NanumBarunGothic, sans-serif; color: rgb(255, 255, 255);">해당 게시글의 소스 파일은 공유를 중단했으니, 아래 링크된 게시글들의 새 파일을 이용해주시기 바랍니다.<p style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; font-size: 15px; line-height: 1.2; font-family: NanumBarunGothic, sans-serif; color: rgb(255, 255, 255);"> <p style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; font-size: 15px; line-height: 1.2; font-family: NanumBarunGothic, sans-serif; color: rgb(255, 255, 255);">1. Basic 버젼(포토샵) : <a href="https://quasarzone.co.kr/bbs/qb_tip/views/21025">https://quasarzone.co.kr/bbs/qb_tip/views/21025</a><p style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; font-size: 15px; line-height: 1.2; font-family: NanumBarunGothic, sans-serif; color: rgb(255, 255, 255);">2. Basic 버젼(파워포인트) : <a href="https://quasarzone.co.kr/bbs/qb_tip/views/21022" target="_blank">https://quasarzone.co.kr/bbs/qb_tip/views/21022</a><a href="https://quasarzone.co.kr/bbs/qb_tip/views/21022"></a><p style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; font-size: 15px; line-height: 1.2; font-family: NanumBarunGothic, sans-serif; color: rgb(255, 255, 255);">3. Lined 버젼(포토샵) : <a href="https://quasarzone.co.kr/bbs/qb_tip/views/21027" target="_blank">https://quasarzone.co.kr/bbs/qb_tip/views/21027</a><a href="https://quasarzone.co.kr/bbs/qb_tip/views/21027"></a><p style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; font-size: 15px; line-height: 1.2; font-family: NanumBarunGothic, sans-serif; color: rgb(255, 255, 255);">4. Lined 버젼(파워포인트) : <a href="https://quasarzone.co.kr/bbs/qb_tip/views/21032">https://quasarzone.co.kr/bbs/qb_tip/views/21032</a> 감사합니다.<p style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; font-size: 15px; line-height: 1.2; font-family: NanumBarunGothic, sans-serif; color: rgb(255, 255, 255);"> <p style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; font-size: 15px; line-height: 1.2; font-family: NanumBarunGothic, sans-serif; color: rgb(255, 255, 255);"> <p style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; font-size: 15px; line-height: 1.2; font-family: NanumBarunGothic, sans-serif; color: rgb(255, 255, 255);"> <p style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; font-size: 15px; line-height: 1.2; font-family: NanumBarunGothic, sans-serif; color: rgb(255, 255, 255);"> <p style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; font-size: 15px; line-height: 1.2; font-family: NanumBarunGothic, sans-serif; color: rgb(255, 255, 255);"> -------------------------------------------------------------------------------------------------------------2020-02-28 v1.11 업데이트 내역-좌우반전 버젼의 닉네임 텍스트 프레임 크기 오류 수정-좌우반전 버젼의 닉네임 텍스트 정렬 오류 수정 2020-02-22 v1.1 업데이트 내역-하단 'Quasarzone System Info...' 텍스트의 밝기를 미세하게 낮춰 눈에 덜 띄게 하였습니다.-하단 'Quasarzone System Info...' 텍스트의 오타를 수정하였습니다. -좌우 반전 버젼의 GIF 프레임이 추가되었습니다. 2019-11-27 v1.02 업데이트 내역 -사양 텍스트의 크기를 기존 16.5에서 16.4로 변경하였습니다.-닉네임 텍스트에 그림자 효과를 삽입하였습니다. 2019-11-15 v1.01 업데이트 내역-사양 텍스트의 자간을 좀더 보기 좋게 수정하였습니다.------------------------------------------------------------------------------------------------------------- <img src="https://img2.quasarzone.co.kr/web/editor/2002/2002obj___244921385.gif" title="da3ed9e642d3741c67822c483ee29c63_1582332637_4767.gif" style="max-width:100%; height:auto;"> <img src="https://img2.quasarzone.co.kr/web/editor/2002/2002obj___43840253.gif" title="da3ed9e642d3741c67822c483ee29c63_1582332638_2485.gif" style="max-width:100%; height:auto;"> 결과물부터 보여드리고... 적용된 모습은 쭉 내려서 제 자기소개 확인하시면 됩니다.그리고 현재 포토샵이 없는 분을 위해서 PPT나 다른 프로그램으로 할 수 있는 방법이 있을까 생각중이긴 합니다만,아직 확실하지는 않습니다. 이 방법보다 더 어려울거 같고요... 더 연구해보겠습니다.좋은 방법이 있으신 분은 제안 바랍니다. <시작 전 안내사항>1. 소울님의 '퀘이사존 시스템정보 이미지 생성기(<a href="https://quasarzone.co.kr/bbs/board.php?bo_table=qb_tip&wr_id=3647">https://quasarzone.co.kr/bbs/board.php?bo_table=qb_tip&wr_id=3647</a>)'으로 생성된 이미지를 이용하였습니다. 2. 최대한 원작자의 컨텐츠를 훼손하지 않기 위해 노력했으며,-'My Name is' 텍스트의 동일 폰트를 찾지 못해 최대한 비슷한 폰트로 한 점,-이미지의 폭을 퀘이사존 자기소개에 꽉 채우기 위해 734px에서 764px로 변경한 점,-하단에 'GIF Frame Customed by 한설여울'을 넣은 점이 주된차이점입니다. 3. 초보자 분들을 위해 최대한 상세하게 설명하느라 사진을 엄청 넣었습니다만, 실제로는 5분도 안걸리는 작업입니다. 4. 이미지가 모바일/PC에서 모두 딱 맞도록 회원정보에 삽입하는 방법은 <a href="https://quasarzone.co.kr/bbs/board.php?bo_table=qb_tip&wr_id=16238" target="_self">제가 팁게에 올린 글<<클릭</a>을 참고해주세요. --------------------------------------------------------------------------------- 안녕하세요, 한설여울입니다.얼마전부터 자기소개에 움짤 넣고 싶다는 분도 많이 보이시고, 저도 움짤을 넣고 싶어서 방법을 연구하고 있었습니다. 물론 제가 코딩 전문가는 아니기 때문에 프로그램을 만들지는 못했고, 간단하게 움짤을 넣을 수 있는 방법을 소개해드리려고 합니다. <준비물> 1. 본고딕 폰트2. 서울 남산 폰트3. GIF 프레임 by 한설여울-위 세개의 파일은 <a href="https://drive.google.com/open?id=1IZCKMoEaFK-Lkt-6Z8R8w3ZHv0xhUaWh" target="_self">여기를 클릭</a> 하시면 받으실 수 있습니다.4. 포토샵 아무 버젼 (CC2018은 프레임 복사 붙여넣기 기능에 오류가 있으니 2019로 업뎃 후 사용하세요.)5. 넣고 싶은 gif 파일 <img src="https://img2.quasarzone.co.kr/web/editor/1910/1910obj___1590578177.jpg" title="b935c315ae86e0ce8697da36c603bd4f_1570201048_4916.JPG" style="max-width:100%; height:auto;"> 1) 먼저 첨부파일의 'GIF 프레임'과 넣고 싶은 움짤을 포토샵으로 열어주세요. <img src="https://img2.quasarzone.co.kr/web/editor/1910/1910obj___1206046471.jpg" title="b935c315ae86e0ce8697da36c603bd4f_1570201646_3684.JPG" style="max-width:100%; height:auto;"> 2) 상단 메뉴에서 창-타임라인(혹은 애니메이션)을 체크해주세요. <img src="https://img2.quasarzone.co.kr/web/editor/1910/1910obj___1310209443.jpg" title="b935c315ae86e0ce8697da36c603bd4f_1570201779_8122.JPG" style="max-width:100%; height:auto;"> 3) 넣고 싶은 움짤 파일을 포토샵에 띄우시고, 밑에 타임라인 창이 뜨면 1번을 클릭해서 뜨는 창에서 '모든 프레임 선택' <img src="https://img2.quasarzone.co.kr/web/editor/1910/1910obj___422224285.jpg" title="b935c315ae86e0ce8697da36c603bd4f_1570201879_4669.JPG" style="max-width:100%; height:auto;"> 4) 프레임 복사 하시고, <img src="https://img2.quasarzone.co.kr/web/editor/1910/1910obj___924208534.jpg" title="b935c315ae86e0ce8697da36c603bd4f_1570201950_2924.JPG" style="max-width:100%; height:auto;"> 5) 'GIF 프레임' 파일로 돌아가서 아까와 동일하게 타임라인 메뉴를 누른다음 프레임 붙여넣기. <img src="https://img2.quasarzone.co.kr/web/editor/1910/1910obj___1771197949.jpg" title="b935c315ae86e0ce8697da36c603bd4f_1570201950_783.JPG" style="max-width:100%; height:auto;"> 6) 선택 항목 위에 붙여넣기 후 확인 *만약 이 파트에서 정상적으로 적용이 되지 않고 원래의 프레임이 사라져버린다던가 하는 문제가 있다면,먼저 'GIF 프레임 파일'의 타임라인에 프레임을 추가해서 올리실 gif 파일과 프레임 수를 동일하게 맞춰주세요.그후 'GIF 프레임 파일'의 타임라인에 새로 만들어 놓은 프레임을 전체 선택한 후,다시 5)번 항목 부터 시작 <img src="https://img2.quasarzone.co.kr/web/editor/1910/1910obj___622480287.jpg" title="b935c315ae86e0ce8697da36c603bd4f_1570202204_8296.JPG" style="max-width:100%; height:auto;"> 7) 옆에 레이어가 엄청 많이 생겼을텐데, '배경', '닉네임 텍스트', '사양 텍스트'를 제외하고 모든 레이어를 shift 클릭으로 잡아주세요. 그리고 Ctrl+G를 눌러 그룹으로 묶어주세요. <img src="https://img2.quasarzone.co.kr/web/editor/1910/1910obj___588065070.jpg" title="b935c315ae86e0ce8697da36c603bd4f_1570202931_5392.JPG" style="max-width:100%; height:auto;"> 8) 위에 변형 컨트롤 표시에 체크하시고 사이즈 조정하셔서 원하시는대로 맞추시고 오른쪽 끝으로 이동시켜주시고, 엔터!-Shift를 누르고 마우스 드래그해서 조정하면 비율은 그대로입니다. <img src="https://img2.quasarzone.co.kr/web/editor/1910/1910obj___630567499.jpg" title="b935c315ae86e0ce8697da36c603bd4f_1570203042_4442.JPG" style="max-width:100%; height:auto;"> 9) 레이어 창에서 그룹1을 드래그해서 맨 밑으로 내려주세요. <img src="https://img2.quasarzone.co.kr/web/editor/1910/1910obj___1161771404.jpg" title="b935c315ae86e0ce8697da36c603bd4f_1570203138_6571.JPG" style="max-width:100%; height:auto;"> 10) 타임라인창 하단에서 '한번' '3번' 등을 '계속'으로 바꿔주세요. <img src="https://img2.quasarzone.co.kr/web/editor/1910/1910obj___1317689690.jpg" title="b935c315ae86e0ce8697da36c603bd4f_1570203322_949.JPG" style="background-color: initial; max-width: 100%; height: auto;"> 11) 그다음엔 텍스트 수정해주시면 됩니다. 1번 옆에 T자 클릭하시고, 수정할 레이어 '사양 텍스트 or 닉네임 텍스트' 클릭, 그리고 자기 원하는 대로 작성하시면 됩니다.-사양이 너무 길어서 사진 프레임으로 글자가 넘어갈 경우, '상단 메뉴-창-문자'를 켜서텍스트 블럭 잡고 자간을 조정해주시면 됩니다. (자간은 V/A말고 VA라고 박스쳐진걸로 조정하시면 됩니다.) <span style="color: rgb(255, 255, 0); font-family: NanumBarunGothic, sans-serif; font-size: 15px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; background-color: rgb(51, 51, 51);">*11) 파트를 완료하신 후에는 각 프레임과 움짤 레이어 그룹의 레이어 끄기 켜기를 한번 확인해주세요.<span style="color: rgb(255, 255, 0); font-family: NanumBarunGothic, sans-serif; font-size: 15px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; background-color: rgb(51, 51, 51);">1번 프레임에는 움짤의 1번 레이어만 보기가 되어있어야하며, 2번 프레임에는 움짤 2번 레이어... 이런식으로만 켜져 있어야합니다. 가끔 복사해오면서 중복이 되는 경우가 있는데 이를 꼭 확인하셔서 맞춰주시기 바랍니다. <img src="https://img2.quasarzone.co.kr/web/editor/1910/1910obj___1055462018.jpg" title="b935c315ae86e0ce8697da36c603bd4f_1570203533_7679.JPG" style="max-width:100%; height:auto;"> 12) 작업이 다 끝나셨으면 Crtl + Shift + Alt + S를 눌러서 위의 창을 띄워주시고, 미리보기를 눌러주세요. <img src="https://img2.quasarzone.co.kr/web/editor/1910/1910obj___891330509.jpg" title="b935c315ae86e0ce8697da36c603bd4f_1570203545_0657.JPG" style="max-width:100%; height:auto;"> 13) 잘 작동하시는지 확인하시고 다른이름으로 사진 저장하시면 됩니다.-만약 여기서 앞에 안움직이는 프레임이 좀 있다면 타임라인 창에 클릭 or shift 클릭으로 프레임 몇개 선택하시고 아까 누르셨던 타임라인 우상단 메뉴 눌러서 프레임 삭제해주세요.) 결과물:<img src="https://img2.quasarzone.co.kr/web/editor/1910/1910obj___2095232521.gif" title="b935c315ae86e0ce8697da36c603bd4f_1570205395_1671.gif" style="max-width:100%; height:auto;"> ※ 이미지가 모바일/PC에서 모두 딱 맞도록 회원정보에 삽입하는 방법은 <a href="https://quasarzone.co.kr/bbs/board.php?bo_table=qb_tip&wr_id=16238" target="_self">제가 팁게에 올린 글<<클릭</a>을 참고해주세요. 이 프레임은 원작자의 의도를 존중해 배포합니다.유용하게 쓰셨다면 좋은 단체에 좋은 후원을 해주시면 감사하겠습니다. (어디까지나, 기부는 선택입니다.) 일단은 포토샵을 사용하실줄 아는분들이 커스텀을 할 수 있도록 수동으로 조정하는 방법부터 올립니다.지금도 어려운 방법은 아닙니다.최대한 쉽게 쓰실 수 있도록 조정을 해놨고, 한번 해보시면 5분 이내로 하실 수 있습니다.그리고 사양이나 움짤을 바꿀 때도 새로 만들 필요 없이 psd 파일로 저장해놓으신걸 켜서 바꿔주시면 됩니다. 조금더 쉽게, 혹은 PPT로 할 수 있는 방법은 조만간 연구하고 프레임 제작해서 추가하겠습니다.(2020년 05 08 기준 '런게임'님의 도움으로 파워포인트로도 gif 프레임을 만들 수 있는 방법이 생겼습니다. 리마스터와 함께 추가할 예정이니 조금만 더 기다려주세요.) 이 글이 도움이 되셨다면1. 이 글에 '귤(추천)'을 주세요. 전 귤을 좋아하니까요! 2. 제 프로필 사진 밑에 '좋아요'와 '팔로우'를 눌러주시면 더욱 감사하겠습니다ㅎㅎ 그럼... 좋은 주말 보내세요 :)</div></div>

서리담다

행성: 우주망원경

포인트: 194,183 exp

작성물 댓글

모든회원 자기소개 펼치기

댓글: 45개

팁/노하우 게시판 - 회원들의 다양한 IT/하드웨어 팁과 정보

공지 퀘이사존 규정(25.08.04)

퀘이사존

18k

03-16

전체 하드웨어 게임 콘솔 모바일 소프트웨어 기타

제목	닉네임	조회수	날짜
1 ClickFree (클릭프리) - 우클릭 금지, 복사 방지 사이트 원클릭으로 해제하는 무료 크롬 확장 0	user1149410	88	07-03
0 TalkShield (톡실드) - PC 카카오톡 광고 없애주는 무료 프로그램, 60KB 초경량 1	user1149410	204	07-03
0 [정보] RX 6500 XT / 6400 게임 중 무작위 재부팅 및 튕김 해결 통합 패치 (인텔/AMD PC... 0	user_1148167	135	06-25
0 간단 PC 테스트 사이트 0	sdfbiupsgmf	184	06-23
0 바우아토 BAUATO 짭플펜슬 (개인적인) 사용기 0	ELKalliance	108	06-21
0 알리산 Attack Shark R1 배터리 교체 0	ELKalliance	149	06-21
1 [제보]Synology NAS 2FA / Secure SignIn 관련 사용자 보호 이슈 1	user_1144668	273	05-31
0 9070xt 라데온 포르자 호라이즌6 스타터링 해결법 0	user_1123952	348	05-29
0 윈도우 게임 성능 최적화 레지스트리 설정｜FPS·입력지연·스터터링 줄이는 방법 2	user_1085356	694	05-13
0 갤북4프로360과 3090ti의 오큐링크 조합 및 자작쿨링시스템 후기 0	돌뉴	235	04-22
0 PC 유튜브 및 뮤직 동영상 재생불가 문제 0	poringle	526	04-13
0 스팀에서 원하는 금액만 충전하기 0	lamanus	714	03-15
0 모니터 주사율 관련 (feat. 제미나이) 0	dragonball	753	03-11
3 롤 프레임드랍 5	어택이	1.2k	01-13
1 게임 성능을 올리는 레지스트리 등 설정 1/5 2	티플레티넘	2k	01-04
1 미세스터터링 해결방법 1	인공지능	2k	01-02
0 AM4소켓 백플레이트 메인보드에 고정방법 0	신세계-이자성	876	12-22
0 가성비 CPU부터 최고의 CPU까지 2025 CPU TOP5(개인의견) 0	영재컴퓨터	4.6k	12-03
6 Mchose V9/V9 PRO 헤드셋 추가설정법 0	StayGlyde	8.2k	11-30
1 OBS 녹화 시 VRR 스터터링 해결 (OverlayMinFPS) 0	MouseSports	896	11-09
5 PC에서 콘솔처럼 영화적이고 부드러운 30프레임으로 똑같이 만드는 방법 9	아이엔에프피	4.4k	11-01
9 (팁)오디세이 G7 32DG702(700) 스마트 모니터 설정값 추천(HDR) 3	승길씨	11.7k	10-19
0 하이마트 발 오피스 홈&스튜던트 pc 옮길때 이전 설치 0	조조맹덕	586	10-15
0 써모랩 트리니티 120mm로 팬 교체하기 0	Kodorai	813	09-26
1 모니터 입력지연 줄이기 0	티플레티넘	1.5k	09-24
1 글카 성능 올리기 9/23 7	티플레티넘	3.4k	08-26
3 (팁) 라데온 쉬운 언더볼팅/오버클럭 방법 0	승길씨	5.3k	08-15
2 (팁)라데온 RSR, AFMF의 활용법 2	승길씨	2k	08-15
2 저장장치(HDD) 신품 구매하고, 불량섹터 검사하는 경우 0	폐지줍기달인	1.2k	07-27
0 컴퓨존 주문형 네이버페이는 네이버라인 신한카드 혜택 가능합니다. 2	닉바꾸기어렵다	1.3k	07-23