기본 콘텐츠로 건너뛰기

2019의 게시물 표시

영상 편집 - 애프터 이펙트(3)

1교시(9 to 11)   뉴욕 작업의 연장 Alt + ]와 [를 쓰면 영상 자르기 가능   뉴욕 Text에서 Animator 1 -> Charater Offset 누르면 임의로 난수값 생성    Add 누르고 나서 Opacity 조절 함  Opacity 처음엔 0 -> 100  Blur는 y축 100 적용  Animator에서 Range Selector에서 Start – End – Offset 값 조정  처음에 Offset을 -75 중간 쯤에서 Offset을 100으로 설정  Animator에서 Advanced 누르고 Shape를 Ramp up으로 변경  Animator에서 Advanced – Ease Low 100으로 변경 Animator -> Character Offset – 30 Animator – add – property – opacity – 0% Animator – add – property – blur 클립 해제 후 100 (y축에만 적용) Animator - Range selector 1 – offset 처음 (– 75) (마이너스 값)  보이고자 하는 곳에서 (100) Advanced – shape – ramp – up Ease low 100% 영상촬영: 1_뉴욕_효과적용.mp4, 1_뉴욕_효과적용2.mp4 로 해보았음           클록와이프 1280 x 720 Effects & Presets -> Clock Wipe 적용 후에 검은 창 나오지 않도록 상단 레이어 타임라인 위치 조절      시계반대 / 시계/ 아래부터 양옆으로 화면 전환 2_클록와이프.mp4 영상에 포함           2교시(11 to 13) 글자 타이틀 하나씩 따기     Layer -> Create Shapes from Text

영상 편집 - 애프터 이펙트(2)

1교시(9 to 11)        줄여놓고 Trim Comp to Work Area 설정하면 잘라짐 영상 길이 늘이는 법은 그냥 Composition Setting에서 바꿔주면 됨   1) 마스크 효과 적용 1인 4역 수정하기 아들 – 엄마 – 아빠 – 딸 순으로 영상에 나와있는데 같은 배경을 사용할 시에는 배경이 되는 애한테 마스크를 씌우는 게 아니라 위에 얹어질 애한테 씌우는 게 낫다 마스크 씌워주고 Mask Feather 적용하면 부드럽게 속성 들어감 예제 - 1_마스크효과(1인4역).mp4       2) 마스크 효과 적용해서 광고 만들기 걸어가는 손가락과 대구 광고 손가락에 마스크 효과 적용시켜 보는 것 Mask path를 사용하면 마스크도 이동 가능 그림 돌리는 법 – Transform – Flip Horizontal 잔상 효과는 일단 무시 1 배경으로 쓰는영상 2 손가락영상 3 마스크 – Mask path – Key Frame 4 마스크 옮길 때는 그냥 select 툴로 옮기면 됨 (ctrl+shift 하면 수정 가능) 5. 회색 테두리 같은데 나올 때 이동 가능(선택에 불편이 있는 건지 내가 잘 못 쓰는 건지 모르겠음) 주의: 애프터이펙트 자꾸 꺼짐 예제 - 2_마스크효과(손가락 편집).mp4       2교시(11 to 13)   1) 영상 빨리 돌리기 예제 - 3_영상속도조절.mp4 Composition 메뉴 바에서 오른쪽 클릭하면 Columns가 있는데 거기서 Stretch 누르고 설정 가능 프리미어와 반대로 빨리: 50% 느리게: 200%       Effects&Presets 세팅 보면 프리미어랑 동일하지만 애프터이펙트에서 추가된 게 있음 예제는 Obsolete -> Color Key 사용할 예

개발 공부 - 페이지가 두 번 submit 되는 경우 확인할 사항

1) submit 해놓고 javascript에서 또 submit 하는지 확인 2) submit 구현 안 되었다고 생각했는데 form내에 image 버튼이 있는지 확인      (이미지도 자동으로 submit 기능 구현 되는 경우가 있음) 3) onclick을 onsubmit 으로 변경하고 호출 해 보기 4) <link rel="shortcut icon" href="#" /> 파비콘!! FAVICON.ICO를 계속 찾으며 404를 호출하는 문제가 있었는데 무시하고 계속 서브밋 하는 부분 찾았는데 결국 이게 문제였음. 파비콘 때문에 일주일 동안 간간히 계속 봄. 이놈의 것이 헤더에 퍼블리싱 되어 존재했기 때문에 계속 get 방식으로 호출하더라... 이거 해결 후에는 두 번 / 여러 번 submit 하지 않음.

개발 공부 - 파이어폭스 / 오페라 공백 들어간 문자열 다운로드시 깨짐

1 2 3 4 5 6 7 8 9 10 11 12 13 14 String  clientBrowser  =  httpServletRequest.getHeader( "user-agent" ); if  (clientBrowser.toUpperCase(). indexOf ( "MSIE" )  >   - 1 | |  clientBrowser.toUpperCase(). indexOf ( "Trident" )  >   - 1 ) {  // IE       title  =  URLEncoder.encode(title,  "UTF-8" ).replaceAll( "\\+" ,  "%20" )  +   ".xlsx" ;      response.setHeader( "Content-Disposition" ,  "attachment; filename="   +  title  +   ";" ); }  else  {  // 모질라나 오페라 //이어폭스에서 공백 문자열 치환시 오류 수정 //title = new String(title.getBytes("KSC5601"), "8859_1") + ".xlsx";  // 위와 같이 넣을 시 공백 문자열과 확장자가 날아가니 ""로 감싸거나 밑과 같이 처리한다      title  =   "\""   +   new   String (title.getBytes( "UTF-8" ),  "8859_1" )  + ".xlsx"   +   "\"" ;      response.setHeader(

영상 편집 - 애프터 이펙트(1)

2019/06/15 4회차 1교시(9 to 11) - 애프터 이펙트는 벡터 형식이라서 폰트나 이미지가 잘 깨지지 않음. - 렌더링 방식이 프리미어와 달리 두가지가 있음. - Layout은 Standard를 많이 사용하신다고 함. - 애프터 이펙트는 리소스를 많이 잡아서 추후 집에서 업로드 중임. Composition -> Composition Settings 내의 속성 - Preset – HDTV 1080 - Pixel Aspect Ratio 픽셀의 가로/세로 비율인데 그냥 Square Pixels로 많이 쓴다고 한다. - Frame Rate – 29.97로 유지하는데 옆에 Drop Frame / non-Drop Frame에 대한 것은 30 프레임으로 작업한 영상에 대해서 Drop Frame 하면 29.97 맞춰주는 거고 Non-Drop Frame 하면 그냥 그대로 원본 유지하는 것 - Resolution은 용량 많이 차지하거나 해상도 줄이고 싶을 때 Full – 전체 해상도 Half – 해상도의 반 같은 식으로 줄일 수 있음 - Start Timecode – TimeLine 시작점 - Duration – 먼저 길게 잡아 놓고 추후에 편집하는 식으로 작업 진행, Start Timecode를 2로 하고 10초짜리 영상을 만들 경우에는 12로 잡아야 함 (시작점이 0이 아니라 2가 됨) 0에서 시작했을 때는 10으로 잡으면 됨 - Background Color – 배경색 설정 가능 Import는 그냥 다른  것 하듯이 하면 됨 위 영상 보면 화면이랑 소리랑 분리가 안 되는 게 단점이다. 1280 x 720으로 new Composition (0 – 20으로 시간 설정) 위 영상을 보면 기본적으로 사진 import시 전체 시간으로 설정됨 (full) 하단 bar를 잡고 이동할 시 시간 이동 가능 alt 누르고 스크롤 누르면 크기 조절 및 Timeline 길이 조정 가능

개발 공부 - 윈도우에서 톰캣 서비스로 등록하는 법 (여러 개도 가능)

1. 톰캣 서비스로 등록 방법 (한 개일 경우) 1) 톰캣을 다운받는다. 2) 압축을 풀면 TOMCAT 폴더 내의 bin 폴더 내에 service.bat이 있는지 확인한다. 3) cmd 창을 켜고 bin폴더로 이동 후 [ service.bat install ]을 실행한다. 삭제할 때는 [ service.bat remove tomcat8 ] 하면 된다. 2. 톰캣 서비스로 등록 방법 (여러 개일 경우) 1) 톰캣을 다운받는다. 2) 압축을 풀고 TOMCAT 폴더 내의 conf 폴더 내에 server.xml을 수정한다. 3) 기본 server.xml이 이런 식으로 구성되었다고 쳤을 때 <?xml version="1.0" encoding="UTF-8"?> <Server port="8005" shutdown="SHUTDOWN">   <Listener className="org.apache.catalina.startup.VersionLoggerListener" />   <Listener className="org.apache.catalina.core.AprLifecycleListener" SSLEngine="on" />   <Listener className="org.apache.catalina.core.JreMemoryLeakPreventionListener" />   <Listener className="org.apache.catalina.mbeans.GlobalResourcesLifecycleListener" />   <Listener className="org.apache.catalina.core.ThreadLocalLeakPreventionListener" />   <

개발 공부 - 톰캣 모니터링 포트 추가하는 방법

모니터링 포트 추가하는 법 (이클립스 안 쓸 경우)     <Connector port="9082" address="127.0.0.1" protocol="HTTP/1.1"                connectionTimeout="20000"                redirectPort="8443" />     <!-- Define an AJP 1.3 Connector on port 8009 -->     <Connector port="7001" protocol="AJP/1.3" redirectPort="8443" /> 1. 기존에 있는 xml의 redirectPort를 보고 2. 밑에 있는 애처럼 connector port 를 하나 더 열어서 본다. 이클립스 쓸 경우에는 서버 설정에서 그냥 Monitor Port 추가하면 됨. (쉬움)

개발 공부 - java.lang.ClassNotFoundException: org.apache.jsp.*_jsp 오류

이거 jsp 컴파일이 안 되어서 나오는 오류인데 1. 이클립스에서 클린 2. 서버도 클린 3. 재부팅 해도 적용 안 되어서 서버 다시 생성하니까 컴파일 됨... 빌드 해도 상관 없고 그냥 안에서 뭔가 충돌이라는데 뭔가가 뭔지 정확히 모르겠음... (추후 수정할 것)

영상 편집 - 프리미어 프로(3)

2019/06/08 3회차 -       반디캠에 마우스 클릭 설정하고 사용할 것 (커서가 보여야 편함) -       자격증 관련: 멀티미티어콘텐츠제작전문가 -       시험 일정: 참고 url: http://www.q-net.or.kr/ 필기원서접수 필기시험 합격발표 원서접수 실기시험 07.05 ~ 07.11 2019.08.04 2019.08.30 09.02 ~ 09.05 10.12~10.25 학원에서 다정다감 폰트를 써봤는데 예쁘지만 상업용이어서 학원 라이선스로만 사용해야겠다. 오늘 해보고 싶은 것: https://www.youtube.com/watch?v=UAF9RVV8-OI     1교시 (9 to 11)    1.     그림 효과 넣기 (동영상: D:\190608_bkim\녹화\1_그림효과(1).mp4)  샘플 영상 (D:\190608_bkim\20190608 수업예제\1.그림효과) Effects -> Video Effect -> Image Control -> Black & White 적용 후 하나 복사하여 위에 놓고  Effects -> Video Effect -> Stylize -> Find Edge 적용 (가장자리 찾아서 반전) 2.     워터마크 효과 넣기 (동영상: D:\190608_bkim\녹화\2_엠보싱효과(4).mp4) 샘플 영상(D:\190608_bkim\20190608 수업예제\4.엠보싱) 영상 밑에 사진을 가져다 놓은 뒤에 영상에 Video Effects -> Stylize -> Texturize 적용한 뒤 Effect Controls에 가서 Texturize 속성을 Texture Layer를 V1 (사진이 있는 곳)에 놓고 Texture Placement 속성을 Center Texture나 Stretch Texture to Fit으로 설정한