본문 바로가기

반응형

IT/웹디자이너

(25)
인스타그램 페이스북 동영상올리기 GIF파일 어플로 MP4변환 인스타그램,페이스북의 경우 GIF파일확장자의 업로드를 막아 놓았습니다. GIF 를 업로드하면 움직이지 않고 정지화면으로 업로드 됩니다. 하지만 동영상파일인 MP4 파일은 문제없이 업로드가 가능합니다. GIF파일의 움직이는 이미지를 인스타그램이나 페이스북에 업로드하기위해서는 파일확장자 변환이 필요합니다. GIF형태의 파일을 MP4 로 변환해주는 겁니다. 2017/08/09 - [IT/웹디자이너] - [포토샵강좌]움직이는 이미지 GIF 동영상만들기 이전에 포스팅과함께 만든 GIF확장자 이미지를 인스타그램이나 페이스북에 올릴수 있어야 하겠죠. PicPlayPost 어플을 설치합니다. PicPlayPost 어플을 설치 합니다. 구글이나 앱스토어 에서 검색하시고 설치하시면 됩니다. 실행하시면 아래와같은 화면이 나..
포토샵 배우기 강좌 -흑백사진효과 각도조절 그림자반사 효과내기 이번 포토샵배우기강좌 주제는 사진의 각도를 조절하고 그레이효과를 내 보는것 입니다. 어도비 포토샵CS6 버젼으로 작업하였습니다. 웹디자인을 하다보면 자주활용되는 부분으로 제 포스팅으로 무료교육받아 보시기 바랍니다. 사진을불러 옵니다. 파일 File-열기 Open 여성모델의 사진을 작업해보겠습니다. 사진을 불러와 전체선택 을 합니다. 자유변형툴 활성화 CTRL+T 모서리와 면중간에 정사각형 모양이 생깁니다. 이미지위에 커서를 위치 하고 우측마우스 버튼을 클릭 가로로 뒤집기 Flip Canvas Horizontal 를 선택합니다. 이미지 Image - 모드 Mode - 회색음영 Grayscale 을 선택합니다. 그레이톤을 이미지에 입힙니다. 완성된 사진 입니다. 분위기있는 흑백사진 효과를 낼 수 있습니다. ..
[포토샵강좌]크롭 Crop tool 사진선택영역 편집기능 이번에 다룰 포토샵강좌는 크롭툴(Crop tool)을 활용하여 사진과 이미지를 편집하는 방법 입니다. 크롭툴은 이미지의 일부를 잘라내는 도구로, 불필요한 부분을 간단히 잘라내는 데 사용합니다. 일부를 자른 후 가장 널리 사용되는 이미지 파일인 JPEG 형식으로 저장해 보겠습니다. 개방된 문모양의 일러스트이미지를 활용하여 이미지보정을 해보겠습니다. 파일(File)-열기(Open) 또는 단축키 Ctrl+S 수정할 이미지를 불러오기 한후 크롭툴을 활성화 시킵니다. 크롭툴 은 단축키 C 로 활성화 시킬수 있으며 좌측메뉴바에서 클릭하셔도 활성화가 됩니다. 처음으로 자르기 도구 Crop Tool 를 알아보겠습니다. 작업할 이미지를 열고 자르기 도구를 선택합니다. 네모서리와 각면의 중앙에 표시가 보입니다. 왼쪽마우스..
[포토샵강좌]움직이는 이미지 GIF 동영상만들기 포토샵을 활용하여 움직이는 이미지 움짤 이라고들 하시는데요. 이 움짤은 확장자가 GIF 인 이미지파일로 동영상과는 다른파일형식이지만 동영상과 같은 효과를 낼수 있습니다. GIF동영상움짤만들기 포토샵강좌 해보겠습니다. GIF로 이미지파일을 변환하면 용량을 줄임 으로써 화질이 다소 떨어지나 어느 웹,모바일 상에서도 인터넷만 된다면 보실수 있도록 구현이 됩니다. GIF 파일 형식은 애니메이션 데이터를 저장할 수 있습니다. GIF 파일을 이용한 애니메이션을 GIF 애니메이션이라 부릅니다. 포토샵의 타임라인(timeline)패널을 통해 gif 애니메이션을 만들거나 불러온 동영상 파일을 편집할 수 있습니다. 아래와같은 GIF 이미지를 만들어보도록하겠습니다. 도끼질 하는 움짤 입니다. 우선 동영상 파일을 불러옵니다...
[포토샵강좌]페더feather 효과로 분위기있는 사진편집 포토샵의 페더(feather)기능으로 이미지 가장자리를 뿌옇게 표현하여 몽한적이면서 분위기 있는 이미지 를 만들수 있습니다. 멋진 호돌이 이미지로 작업하였습니다. 선택 영역에 페더값을 설정하여 이미지의 가장자리가 점차적으로 투명해지는 이미지를 만들어 보겠습니다. 웹에 업로드하기 위해서는 투명한 영역이 유지할수 있게 png 형식으로 저장해야합니다. 페더 100px 로 작업한 호랑이 모습입니다. 몽한적인느낌 을 표현할 이미지를 불러옵니다. 우측 레이어창에 보면 자물쇠표시가 있는데 더블클릭 후 레이어로 풀어 줍니다. 자물쇠가 잠겨있다는건 수정을 할수 없다는 표시로 꼭 레이어를 풀어주셔야 합니다. 광 다른방법으로는 ctrl+a : 전체선택 ctrl+c : 선택복사 ctrl+v : 선택붙혀넣기 하시면 새레이어가 ..
[포토샵강좌]픽셀유동화 자유변형으로 단기간다이어트효과 사진보정 안녕하세요 코선이브 입니다. 전문적인 웹디자이너 분들은 재미삼아 봐주시고 기초적인 포토샵배우기 를 희망하시는 분들을 위해 포토샵강좌 포스팅 합니다. 균형잡힌몸매 아름다운비율 을 실제로 가진다면면 좋겠지만 엄청난 노력과 시간이 필요한 부분이라 생각됩니다. 어도비 포토샵CS6 을 활용하여 사진편집으로 다이어트효과,황금신체비율을 만들어 볼까 합니다. 포토샵 버젼이 틀리더라도 기능과 위치는 비슷하니 사용하시면 됩니다. 사진편집프로그램으로 포토샵 만한 것은 없을듯 합니다. 그래서 오랫동안 사랑받고 있나 봅니다. 자유변형 // Transform 활용하여 크기를 조절한 예제 이미지 입니다. 자유변형 단축키:CTRL+T 을 활용합니다. 포토샵에서 자유변형을 활성화 시키면 이미지처럼 가장자리에 8 군데에 네모난 상자가 ..
[포토샵강좌] photoshop CS6 FX 레이어스타일 알아보기 포토샵에는 이미지나 텍스트 에 효과를 줄수가 있습니다. 능숙자분들은 자신만에 노하우로 다양한 효과를 내실수 있겠지만 생소하시고 배우고자 하시는분들을 위하여 작성 합니다. 저에 사용버젼은 PHOTOSHOP CS6 한글버젼 입니다. 마치 그림자효과 라던지 거울에 비친는 듯한 표현을 레이어스타일(fx) 를 활용하여 간단하게 비슷하게 효과를 낼수 있습니다. " FX " 텍스트를 가지고 레이어스타일을 알아보겠습니다. 잘보이게 배경은 블랙으로 입히고 FX 텍스트를 입력합니다. 흰색 화살표 두군데중 한곳을 클릭하면 레이어스타일이 활성화 됩니다. 아래쪽 화살표부분을 클릭하면 아래이미지처럼 활성화가 됩니다. 영문버젼은 영어로 표시됩니다. 한글버젼이라 편합니다. 이전 버젼까지는 영문을 사용했었는데 한글버젼도 익숙해지니 오..
[포토샵강좌] 포토샵 그림자 거울효과 만들기 포토샵을 이용한 그림자효과 만들기 입니다. 작업환경은 photoshop cs6 한글버젼 입니다. 포토샵을 이용하여 그림자 처럼 거울에 비치는 것같은 효과를 내실수 있습니다. 기본적인 포토샵 지식만 있으시다면 금방 적용 하실수 있습니다. 저는 금연을 하고 있기 때문에 NO SMOKING 으로 작업을 해보겠습니다. 적당한 크기의 새페이지를 생성합니다. 파일-새로만들기 순서대로 클릭하셔도되며 CTRL+N 누르시면 새창입력탭이 나옵니다. 500 X 500 픽셀에 새창을 만들었습니다. "NO SMOKING" 금연23일 차 입니다^^ 예시로 보여드리는것 이기에 임의의 폰트와 페이지 사이즈로 진행합니다. 자이제 레이어를 복사합니다. ALT+왼쪽마우스 버튼을 누르면서 해당 레이어를 당겨보시면 마우스커서가 두개로 보이면..

반응형