본문 바로가기

분류 전체보기7

애프터이펙트 기초 - 간단한 텍스트 애니메이션 만들기 | 모션그래픽 효과 오늘은 애프터 이펙트로 모션 그래픽 효과 중에서 간단하게 만들 수 있는 텍스트 애니메이션에 대해서 알아보도록 하겠습니다. 먼저 전체적인 흐름부터 알아보도록 하겠습니다. 크게 3단계로 나누어집니다. 01. 텍스트를 입력할 레이어 작성 02. 텍스트 스타일 설정 02-1. 글자체와 글자사이즈 지정 02-2. 글자간 및 글자폭 지정 03. 애니메이션 효과 설정 01. 텍스트레이어 만들기 1. 텍스트 레이어를 만들어 줍니다. Text Layer는 아래의 3가지 방법으로 만들 수가 있습니다. 첫 번째 방법, 메뉴에서 [Layer] -> [New] -> [Text]를 선택해줍니다. 두 번째 방법, 타임라인 패널에서 오른쪽 클릭을 하고 [New] -> [Text]를 선택해줘도 됩니다. 세 번째 방법, 툴 패널에서 [.. 2020. 4. 5.
포토샵 기초 - 소실점(Vanishing Point) 기능으로 이미지 및 텍스트 합성하기 안녕하세요. 오랜만에 글을 올리게 되었습니다. 스카이웹입니다. 오늘 이 시간에는 배경이 되는 이미지나 사진 속의 3D 공간, 즉 원근감을 나타내어 주는 곳에 적절하게 이미지 혹은 텍스트를 자연스럽게 배치/합성하는 방법에 대해서 알아보도록 하겠습니다. 소실점이니 원근감이니 하는 단어를 사용해서 작업방법이 어렵지 않을까 하는 분들이 계실 수도 있겠는데요, 전혀 어렵지 않게 클릭 몇 번으로 고퀄리티의 결과물을 만들어 낼 수 있으니 따라만 하시면 됩니다. Vanishing Point 기능 적용 단계 1. 배경 이미지 불러오기 2. 텍스트 입력 3. 로고 만들기(불러오기) 4. 텍스트 레이어와 로고 레이어 병합 5. 병합한 레이어 잘라내기 6. Filter > Vanishing Point 7. 원하는 위치 사각형.. 2020. 4. 2.
포토샵에서 RAW파일 사용하기 - 카메라 로우 사용법 맛보기 날씨가 조금씩 쌀쌀해지고 있습니다. 말 그대로 환절기가 찾아왔는데요, 감기 안 걸리게 여러분들 모두 조심하셨음 합니다. 제가 조금 목감기가 오는 거 같아서요~. 하하하. 오늘 글에서 알아볼 내용은 카메라 로우(RAW) 파일에 대한 얘기입니다. 바로 내용에 대해 알아보도록 하죠! RAW 파일과 JPG파일의 차이점 먼저 이 Raw 파일과 jpg 파일의 차이점을 알아보자면, 전자는 가공되지 않은 손실이 없는 이미지 파일, 그리고 후자는 카메라에 의해 어느 정도 후보정된 손실이 있는 압축파일이라고 보면 됩니다. 그리고, 이 로우 파일은 카메라 제조사별로 저장되는 파일 확장자명이 다릅니다. 소니는 ARW, 캐논은 CR2, 니콘은 NEF입니다. 사실 카메라를 조금 만져보신 분들 중 많은 분들이 사진 촬영 시에 카메.. 2019. 10. 10.
미디어 쿼리(media query) css 사용법 - 반응형웹 제작의 필수 요소 최근 홈페이지 및 웹사이트의 제작 트렌드 중 하나가 반응형으로 제작하는 것인 거는 다들 잘 아시죠~. 그래서 오늘은 이런 반응형 웹을 만들기 위해서 필수 요소라고도 할 수 있는 css의 미디어 쿼리에 대해서 알아볼까 합니다. 저도 거의 모든 클라이언트에게 이 미디어 쿼리를 사용해서 반응형 사이트를 제작해 드리고 있습니다. 어떻게 보면 이제는 트렌드가 아니라 기본 장착 옵션 같은 의미가 되어버린거 같기도 합니다만. 그럼, 이제부터 차근히 알아보도록 하시죠~. Media Query의 지정방법 미디어 쿼리를 사용해서 css에 적용하는 방법은 아래와 같이 3가지가 있습니다. 1. HTML의 HEAD의 link태그의 media속성에 지정하기 2. css파일내에서 @media 지정하기 3. css파일내에서 impo.. 2019. 10. 8.
윈도우(windows)10 언어변경 및 추가하는 방법(영어팩) - 완전 꿀팁! 이제 올해도 3달 남았습니다. 참 시간이 빨리도 가는 거 같습니다. 하하하. windows7도 내년 초를 기점으로 해서 서포트 기한이 끝납니다. 아직도 윈도우7을 사용하시고 계시는 분들은 빨리 윈도우10으로 업데이트하시길 권장드립니다. 마이크로 소프트사에서의 공식적인 발표에서는 무료 업그레이드 기한이 끝났다고 하지만 조금만 우회를 하면 아직도 무료로 widnows10으로의 update가 가능하니 서두르시길 바랍니다. 아... 서두부터 주제와는 다른 쪽으로 흘러가버렸네요. 다시 본론으로 돌아오겠습니다. 지금 현재 PC 운영체재에서 가장 많이 사용하고 있는 윈도우10. 모든 분들이 기본적으로 한국어판을 설치하고 사용을 하고 계시는데요, 가끔씩 (저를 비롯한) 다른 나라의 언어로도 사용이 필요할 때가 있는 분.. 2019. 10. 4.
CSS 트랜지션(transition) 효과 사용 방법과 속성 - 이글 하나면 끝! 스카이웹 블로그에 오신걸 환영합니다! Welcome to my blog! 티스토리 블로그 기능이 익숙하지 않은 상태에서 글을 올리는 거라서 이것 저것 아직 부족한게 많은 거 같습니다. 빠른 시간안에 빨리 익숙해 져야 겠네요. 오늘은 css의 transition에 대해서 알아보도록 하겠습니다. CSS3 트랜지션에 대해서 간단히 말하자면 요소에 마우스를 올렸을 경우, 색 혹은 크기이 변화하는 시간을 지정해 줄 때 흔히 사용을 하곤합니다. 그리고 이렇게 스타일에 변화를 줄때 이 시간을 지정해 줌으로써 좀더 부드럽게 스타일 전환이 이루지게 되는 특징을 가지고 있습니다. 그래서 다음과 같은 값을 지정해 줄 필요가 있습니다. 효과를 적용시킬 속성과 함께 시작시의 값과 완료시의 값 변화하는 데 걸리는 시간 그리고, .. 2019. 9. 23.