웹디자인2015. 1. 12. 15:03
컴퓨터교육사이트 가기 동영상강의 CD구매 동영상강의 PC 다운

 

이번엔 홈페이지 제작,웹디자인중 배울부분은요~

border에 이미지 추가 / 텍스트 돋보이는 효과 (그림자 , 하이퍼링크)

디자인에있어 이미지와 텍스트를 효과주는대에있어 제일 필요하지않나 생각들어요~^^

테두리와 텍스트 고급기능에 대해서 배울텐데요.

예를들어 테두리가 너무 심플해서 효과를주고싶을때 별모양이나 아기자기한 효과를주면 눈이 더욱 관심을끌겠죠?

보더의관한 명령어를 잘 설정을해줘야 이쁜 테두리와 텍스트를 줄수있는게 결론입니다.

이미지 , 이미지경로 , 이미지옵션 ,이미지 표현방식 등..으로 명령어를 주시면 원하시는 테두리와 텍스트를줄수있어요!

그리고 보더를 잘사용하면 그만큼 실력향상에 도움이되니까요 꼭 한번 해보시길바랍니다.

 

Posted by IB96
웹디자인2015. 1. 12. 14:55

컴퓨터교육사이트 가기 동영상강의 CD구매 동영상강의 PC 다운

 

이번엔 홈페이지 제작의 기초 웹디자인인데요 음식도 먼저 눈으로 맛을본다고 ,

홈페이지 또한 사람들의 눈에가야 인기가많고 관심이많아지는거 아닐까요?

그렇기때문에 웹디자인에있어 제일 필요한 기초입니다 .

오늘은 태그가 아닌 자세한 기초를 배워볼텐데요

바로 이미지표시와 멀티미디어를 자신의 웹(홈페이지)에 보여주기위한 강좌에요

<img src ='이미지 경로'> 명령어인데요 여기에도 두가지로 분류가됨니다,

절대경로는 위치가정해져있는 경로를 그대로 넣으면됨니다

상대경로 웹디자인 폴더에서 다른  학습파일을 가져오려고한다.

이해만하면 쉬우니 여러분들도 빨리 터특하시길 바랄께요~^^

 

Posted by IB96
웹디자인2014. 12. 15. 14:27
 
컴퓨터교육사이트 가기 동영상강의 CD구매 동영상강의 PC 다운
 
※ 포토샵 CS6 - 애니메이션/타임라인 강좌 [29회]
 
 

 

 

안녕하세요. 이번시간에는 포토샵 CS6 애니메이션과 타임라인에 대해서 공부해보는 시간을 갖도록 하겠습니다.
포토샵 CS3 ~ 포토샵 CS5에서 트윈을 주거나 자연스럽게 화면이 전환되는 움직이는 gif파일을 만들때는
애니메이션 패널을 가지고 작업했었는데요.

 

 

 

포토샵 CS6 부터는 똑같은 애니메이션 패널이 두가지로 나뉘어졌습니다.
타임라인 패널과 애니메이션 패널인데요. 왔다갔다 전환하면서 사용하게 됩니다.

 

 

 

 

타임라인 패널은 비디오를 편집할 수 있는 것, 즉 영상편집이라고 생각하시면 되구요.

영상 편집과 수정, 재생시간을 조절 할 수 있습니다.
애니메이션 패널은 기존에 있는 그대로 각각의 프레임을 보면서 작업 할 수 있고 또는 트윈으로 자연스럽게

전환되는 이미지를 만들 수 있습니다.

 

 

 

 

두 가지의 패널을 작업하면서 알아두어야 하는 단어들이 있는데요. 프레임과 트윈입니다.
프레임은 애니메이션에서 만들어지는 각각의 이미지를 뜻하고,

트윈은 두 프레임 사이 자연스러운 전환효과를 만들어 주는 것이라고 이해하시면 됩니다. 어렵지 않죠?

 

 

 

 

포토샵 CS6에서 달라진 점이라 하면 가장 기본이 되는 기본화면에 하단 부분을 보시면,
미니 브릿지와 타임라인 패널이 같이 나오게 된다는 것.. 인데요.

작업하시는데 화면이 좁다고 느껴지시면 창을 끄시고 작업하시면 됩니다.

본인이 편하신데로 툴바와 패널만 꺼내놓고 사용하시면 됩니다.

 

 

 

포토샵 CS6에서 애니메이션과 타임라인 강좌에 대해서 알아보았는데요.
jpeg 이미지 뿐만 아니라 gif 이미지도 많이 활용되기 때문에 꼭 익혀두셔야 하는 부분이라고 생각합니다.
포토샵 CS6 애니메이션과 타임라인 열심히 공부하셔서 꼭 자격증 취득하시길 바라겠습니다.

 

 

Posted by IB96
웹디자인2014. 12. 12. 16:37
 
컴퓨터교육사이트 가기 동영상강의 CD구매 동영상강의 PC 다운
 
※ 컴퓨터그래픽스운용기능사 실기 일러스트 포토샵 페이지메이커 강좌 -
Illustrator-블러시, 펜슬, 스트로크 동영상 [5회]
 

 

 

안녕하세요! 컴퓨터그래픽스운용기능사 실기 강좌를 할껀데,
이번 시간에는 블러시와 펜슬툴과 관해서 살펴보고 스트로크의 속성을 설정하는 방법을 알아보겠습니다. 

 

 

 

 

먼저 페인트 블러시 툴이 있는데요. 단축키는 B구요. 붓으로 그린 효과를 나타낼 수 있습니다.
다양한 종류의 선들도 선택 가능합니다. 블러쉬 크기를 작게하고 싶을 때는 [, 크게하고 싶을 때는 ]를 눌러주면 됩니다.

 

 

 

 

연필툴은 자유로운 형태의 패스를 그릴 때 사용하며 스무스 툴은 선을 부드럽게, 패스 툴은 선을 지워줍니다.
컴퓨터그래픽스운용기능사에서는 연필툴만 아니라 다른 툴도 익혀두어 활용하도록 합시다.

 

 

 

가위툴과 칼툴의 차이를 보자면 가위툴은 중간의 오브젝트를 자르는 것이고 칼툴은 닫힌 패스로 분리되어지며
각각의 오브젝트로 나뉘어지게 되는 것입니다. 컴퓨터그래픽스운용기능사 취득에는 직접해보는게 가장 중요합니다.

 

 

 

 

블러시를 클릭하고 그림을 그리면 자유로운 선을 드래그해서 그릴 수 있으며
블러시의 크기는 키보드로 설정하거나 블러시 팔레트를 선택해 그려주면 됩니다.
펜툴은 오브젝트를 선택해 스무스툴로 문질러주면 조금 더 부드러워지는 효과가 있습니다.
부드러운 선을 그릴때 아주 유용하겠죠?

 

 

 

 

컴퓨터그래픽스운용기능사의 합격률은 전체 응시자에 절반에 해당한다고 합니다.
그만큼 어렵고도 쉬운게 컴퓨터그래픽스운용기능사가 아닐까 싶은데요.
컴퓨터그래픽스운용기능사 강좌 잘 따라오시고 꼭 자격증 취득하시길 바랄께요!
행복한 주말되시길!! 컴퓨터 그래픽스운용기능사 실기준비도 잊지마세요~

 

 

Posted by IB96
웹디자인2014. 12. 9. 10:19
 
컴퓨터교육사이트 가기 동영상강의 CD구매 동영상강의 PC 다운
 
 
※ 웹디자인기능사 필기 - 컴퓨터 그래픽스의 원리 1 강좌 [3회]
 
 

 

안녕하세요! 오늘은 웹디자인기능사 필기에서 기본적으로 알아야하는 컴퓨터 그래픽스의 원리에 대해서 강의해볼께요.
컴퓨터 그래픽스의 원리인 정보단위와 이미지 표현 방법에 대해서 알아볼까요?

 

 

컴퓨터 그래픽스의 가장 최소단위는 비트로 이진수를 의미합니다.
바이트는 8개의 비트로 만들어져 있고 니블이 바이트의 절반에 해당하며 한글과 한자는 2바이트로 처리되게 됩니다.

 

 

컴퓨터그래픽스의 원리에서 문자를 표현하는 단위는 바이트라는 것 꼭 기억하셔야합니다.

워드는 바이트를 모아놓은 것으로 CPu가 한번에 처리할 수 있는 연산 기본단위로 반워드, 전워드,

더블워드로 나누어 볼 수 있습니다.

 

 

 

마지막으로 여러분들도 잘 알고있는 파일인데요. 파일은 레코드들의 집합이라고 보시면 됩니다.
따라서 파일은 프로그램의 기본단위가 됩니다.

 

 

컴퓨터 그래픽스의 원리에 대해서 알아봤는데요. 컴퓨터 그래픽스의 원리라고 해서 어렵게 생각하실 필요 없습니다.
컴퓨터 그래픽스의 기본단위로써 당연히 알아야 하는 것들인데요. 웹디자인기능사 필기에 꼭 필요하니 공부해두시길 바랄게요.

 

 

Posted by IB96
웹디자인2014. 12. 4. 16:58
 
컴퓨터교육사이트 가기 동영상강의 CD구매 동영상강의 PC 다운

※ 웹디자인기능사 실기 포토샵 - 웹디자인 기능사 실기 응시절차, 포토샵 화면 구성 강의 [1회]

 

 

안녕하세요! 웹디자인기능사 실기시험에 대해서 배워보겠습니다.

강좌를 보고 열심히 따라하면서 공부한다면, 웹디자인기능사 자격증은

누워서 떡먹기가 아닐까 싶은데요~ 천천히 알려드릴테니까 열심히 따라오세요.^^

 

 

포토샵 화면 구성에 대해서 알아볼텐데요. 우선 실기시험은 컴퓨터를 이용해 작업하는 것으로

작업시간은 총 4시간으로 포토샵, 드림위버, 플래시인데요. 물론 다른 프로그램을 사용해 작업할 수 있지만

기본적으로 사용되는것이 이 세가지입니다. 잘 익혀두는 것이 중요하겠죠? 

 

 

웹디자인기능사 실기시험에서 무조건 출제되는 것이 롤오버 버튼 이미지입니다.

웹상에서 마우스를 버튼에 가져다 댔을때, 다른 모양으로 바뀌는 것을 말하죠. 이건 포토샵으로 만들어야겠죠?

 

 

포토샵에서 작업을 다 끝내면 드림위버로 가져가기 위해 슬라이스라는 작업을 하는데,

드림위버에서는 포토샵에서 작업한 롤오버 이미지에 버튼에 링크를 걸게 되는 것이죠.

 

 

웹디자인기능사의 마스크 부분 난이도가 요즘은 높게 출제된다고 합니다. 그러니 확실하게 배워서 가는게

웹디자인기능사 자격증 취득하는데 도움이 되겠죠? 웹디자인기능사 자격증 꼭 취득하시길 바랄게요! 

다음에 더 좋은 강좌로 찾아뵙겠습니다! 좋은 하루되세요!^_^

 

 

Posted by IB96
웹디자인2014. 12. 3. 15:06
 
컴퓨터교육사이트 가기 동영상강의 CD구매 동영상강의 PC 다운
 

※ 웹디자인기능사 실기 - 기출문제 2(드림위버) 배우기 [7회]

 

 

오늘은 웹디자인기능사 실기 기출문제풀이를 해보겠습니다.

포토샵에서 완성된 작업물을 가지고 드림위버에서 작업하기 때문에

먼저 포토샵에서 작업하시고 드림위버로 불러와주세요.

 

 

이미지를 처음에 만들때 여유롭게 만들었기때문에 전체 잡아주시고 크롭으로 잘라줍니다.

그러면 이미지가 줄어들게 되겠죠? 그 후 슬라이스 툴을 이용해 원하는 부분을 잘라줄텐데요.

필요에 따라 가이드선을 더 만들어 사용하시면 됩니다.

 

 

팁을 드리자면, 웹디자인기능사에서 포토샵을 크롭 작업할때는 꼭 확대를 해서 보는 것이 좋습니다.

 

 

상단메뉴들은 이미지 내부로 링크를 걸어줄 것이기 때문에 굳이 나누어서 잘라줄 필요가 없습니다.

플래시 무비가 들어갈 부분도 슬라이스를 따로 지정해 잘라줍니다.

 

 

글자가 들어갈 부분은 직접 글을 써서 입력해야 하는 부분이기 때문에 슬라이스 툴로 잘라주시면 됩니다.

 

 

웹디자인기능사에 대해서 알아봤는데요. 웹디자인기능사 자격증을 취득하기란 쉽지 않지만..

꾸준히 노력하시고 연습하신다면 웹디자인기능사 자격증은 쉽게 취득할 수 있을거라 생각합니다.

제가 올려드린 웹디자인기능사 강의 열심히 따라하시고 많이 배우시길^^

 

 

Posted by IB96
웹디자인2014. 12. 2. 18:37
컴퓨터교육사이트 가기 동영상강의 CD구매 동영상강의 PC 다운
 
※[웹디자인] 웹디자인 이해와 홈페이지 제작 - 웹 디자인  개요 강좌 [1회]
 

 

웹디자인 이해와 홈페이지 제작은, 웹디자인 이해와 홈페이지제작은 웹디자인 이해, 즉 디자인이라는 개념은 궁극적으로 웹사이트를 제작하는 것 입니다.  그게 웹디자인의 궁극적인 목적이 됩니다. 실제로 홈페이지를 만들것인데 보다 체계적인 이해가 필요합니다. 웹디자인 즉 홈페이지를 제작하는데 필요한  부분을 살펴보고 응용하여 실제로 홈페이지를 제작하는 강좌입니다.
 
 

 

 
우리가 공부할 웹디자인 이해와 홈페이지제작의 개요를 보면 먼저 웹디자인이 무엇인지 개요를 보고 거기에 뼈대와 살이 될 수 있는 HTML와 CSS에 대해 알아보겠습니다.
 

 

 
앞에 두개를 사용해해 웹디자인으로 웨사이트를 만들 수 있지만 이걸 정리해놓은 드림위버에 대해서 알아보겠습니다.
 

 

웹디자인은 유연하고 확장가능한 웹디자인이 있고 웹사이트는 지속적으로 정보가 업데이트되야하며 기존의 웹페이지를 수정할 수 있도록 해애합니다. 메뉴구성에도 수정을 고려하고 여러브라우저에서도 동일하게 구동하는지 확인해야 합니다.
 
 
웹디자인의 이해와 홈페이지제작에 관한 영상입니다. 웹디자인의 기본이 되는 부분부터 웹디자인을 활용하여
 홈페이지를 제작하는 방법에 대해서 알아보세요.
 
 
 
Posted by IB96
웹디자인2014. 12. 2. 17:57
 
컴퓨터교육사이트 가기 동영상강의 CD구매 동영상강의 PC 다운
 
※ 인디자인 CS6 - 인터페이스,시험버전 설치,새 문서 열기, 저장하기 배우기 [1회]
 

 

안녕하세요! 오늘은 인디자인 CS6의 새로운 기능과 설치방법, 인터페이스, 새문서 만들기를 배워보겠습니다!

인디자인 CS6 배울 준비 되셨죠!? 자, 그럼 먼저 새로운 기능부터 알아봅시다~

 

 

우리가 인디자인을 사용하는 이유는 출판물을 만들기 위해서죠.

최근에는 안드로이드 태블릿, 아이패드에서 사용할 수 있는 레이아웃을 디자인 할 수 있게 되었습니다.

 

 

인디자인 CS6를 설치하기 위해서는 한국 어도비에 접속하면되는데요.

다운로드를 클릭하시면 다운로드 페이지로 이동합니다.

 

 

마우스를 올리면 구입버전, 시험버전이 나오는데 시험버전을 선택하시면 됩니다!

30일동안 진행되기 때문에, 오래쓰실거라면 구입하시는편이 좋겠죠?

 

 

다운로드하시고 실행해주시면 아래의 그림처럼 뜨는데요. 인디자인 CS6 한글버전입니다.

 

 

 메뉴에는 기능들이 있고 아래는 컨트롤 패널이 보이는데, 일종의 옵션창이라고 보면 됩니다.
값을 변경하여 적용할 수 있는 장점이 있죠!
인디자인 CS6에 대해서 알아보았습니다. 설치하기고 문서여는 방법 어렵지 않죠?
 다음에는 더 좋은 강의로 찾아뵙도록 하겠습니다.^^
 
 
Posted by IB96
웹디자인2014. 12. 2. 17:39
컴퓨터교육사이트 가기 동영상강의 CD구매 동영상강의 PC 다운

 

이번 포토샵강좌시간: 올가미툴과 자동선택 툴, 크롭 여러가지의 기능에 대해서 알아보도록 하겠습니다. 

 

 

 

먼저 이번 포토샵강좌시간엔 툴 중에서 올가미 툴(Lasso Tool)에 대해 보겠습니다. 올가미 툴의 단축키는 L입니다.

포토샵강좌시간 첫번째 올가미 툴인 그냥 라쏘툴은 특정이미지를 자유곡선형태로 선택가능합니다.

또 밑에있는 폴리건 라쏘툴은 마우스를 클릭하여 선을 그리듯이 영역을 선택할 수 있으며 세번째 마그네틱 라쏘툴은 마우스를클릭하여 이미지 경계부분을 따라 이동하면 이미지 색상, 명도차이가 심한부분이 자동으로 선택됩니다.  

포토샵강좌시간에서의 일반 라쏘툴을 사용해 자동차를 선택해보겠습니다.

라쏘툴 자유곡선형태이며 드래그해서 자신이 원하는 부분을 드래그해서 선택하실 수 있습니다.

선택이 끝나면 나중에 선택한 영역을 삭제, 이동도 가능합니다.

폴리건 라쏘툴은 클릭클릭해서 영역을 설정해주는 것 입니다.

영역을 선택할 때 중간에 핸드툴을 선택하고싶다면 도중에 스페이스바를 누른상태에서 선택하면 됩니다.

 

마그네틱 라쏘툴은 경계선 부분을 자동으로 인식해주는 라쏘툴입니다.

한번 꾹 누르고 마우스를 움직였을때 해당경계선부분이 자동으로 인식되어지면서 선택되어집니다.

 

이번 포토샵강좌시간이였던 라쏘툴 강좌 어땠나요?

따라오시기 쉬우셨죠?

다음시간에도 즐거운 포토샵강좌시간으로 돌아오겠습니다 ^^

 

Posted by IB96