학습대상
- 홈페이지 만들기 기초부터 배워보고싶은 분들
- 학습내용의 용어, 수행방법 등에 대한 기본기를 탄탄히 다지고 싶으신 분들
- 이론 내용을 실무와 함께 습득하고 싶으신 분들
학습방법
본 강의는 왕초보를 위한 홈페이지 만들기 part.2 강의입니다.
강의는 강사님의 설명과 함께 직접 따라하는 실습 형태로 진행됩니다.
강의특징
- 체계적이고 꼼꼼한 학습 방식으로 탄탄한 지식과 함께 실무적인 능력을 쌓을 수 있습니다.
- 홈페이지 만들기에 있어 필요한 핵심적인 내용들을 강조하여 프로그램을 마스터하는데 도움이 됩니다.
- 이해하기 쉬운 선생님의 설명으로, 초보자들도 흥미를 가지고 즐겁게 수업에 임할 수 있습니다.
수강생의 각오 한마디!
★ 스마트폰 블로그하고 홈페이지 제작관리
bjh**** 님
기초부터 시작해서 늦어지만꼭배우고싶다,
★ 홈페이지구축
naw**** 님
나만의 사이버 공간을 갖고 싶다
★ 홈페이지
dar**** 님
열심히 배워 보겠습니다.
★ 홈페이지제작.일러스트제작
see**** 님
열심히배우고싶습니다
★ 홈페이지
osi**** 님
열심과 최선을 다하여
교재 소개
온라인 교재와 예제 파일이 제공되는 강의입니다. 수강 신청 후 다운로드 받을 수 있습니다.
디자인 내용 디자인과 활용에 대해 배웠습니다 어렵긴 하지만 설명해주어서 이해하는데 도움이 되었습니다 [HD]왕초보를 위한 홈페이지 만들기 Part.1 1강 1장 웹 디자인의 이해와 포토샵 툴 소개 -1 수업에 대한 후기입니다.
No.33334
ID : nym5**** (lv.53)
강사 : 윤영혜
오늘은 클리핑마스크와 레이어 마스크 그리고 종합문제 푸는 과정으로
7. 클리핑마스크
클리핑 마스크란, 이미지 윤곽선 안으로 다른 이미지가 보이게되는 기능으로 이미지 일부만 보이고 일부는 가려지므로 마스크라는 용어가 들어간 것.
두 개의 인접한 레이어에 대해서 아래 이미지가 위의 이미지를 자르게 된다.
따라하기
아빠와 아기사진과 크리스마스 장식 사진 이미지를 열고 도구모음에서 Custom shape Tool을 선택/shape에서 통통한 하트모양을 선택/하트모양을 크리스마스 장식 이미지에 그려주기/아빠와 아기 이미지를 열고 이동툴로 끌고옴/ctrl+U 를 눌러 Hue/Saturation 상자에서 약간 갈색톤으로 만든다(Hue29,saturation22)/레이어 팔레트에서 두 레이어 경계선에 마우스를 놓고 Alt+클릭/하트 안쪽으로 아가와 아버지 이미지가 잘려 들어가고 레이어 팔레트에는 클리핑 레이어가 생성 됨/하트가 작기 때문에 아가와 아버지 이미지를 작게 만들음/삐닥하게 만들기 위해 레이어에 나온 하트이미지와 아빠이미지를 같이 붙잡고 ctrl+T 를 눌러 약간 기울여주고 크기도 조절/좀더 예쁘게 연출하기 위해 하트가 있는 레이어를 선택한 후 FX를 누르고 Innershadow와Innerglow의 레이어 스타일을 설정한 후 완성.
8. 레이어마스크
두 이미지를 교묘하게 섞는 기능.
하단에 있는 레이어 팔레트의 ‘Add a layer mask’아이콘을 눌러 먼저 레이어마스크를 만들고 그라디언트 툴을 눌러 레이어 마스크를 완성.
수직, 수평, 대각선 등으로 다양하게 마스크 효과를 넣을 수 있음.
따라하기
궁전 이미지를 연 후 신랑신부 이미지를 이동툴로 끌고와 ctrl+T 로 크기를 조절/신랑신부 이미지를 선택하고 레이어 팔레트 하단의 ‘Add a layer mask’를눌러 먼저 마스크 레이어를 만듬/썸네일이 하나더 생성된것을 확인할 수 있음(앞에는 이미지 뒤에는 썸네일) 레이어는 뒤에 있는 이미지를 인식하고 있음/도구모음에서 그라디언트 툴을 선택/그라디언트의 모양을 검정, 흰색을 선택(검정은 배경이미지를 살리고 흰색은 신랑신부이미지를 나타냄)/신랑신부 이미지의 레이어에 투명도 70%를 주고 화살표 방향으로 드래그앤드랍/윈족부분이 자연스럽게 합성되는 것을 알수 있음/오른쪽으로는 feather가 들어간 붓을 선택하고 브라켓을 크게 설정/전경색은 검은 색으로 설정한후 문질러 주면 자연스러운 이미지가 합성됨/완성
종합문제1
칠면조,호박,과일1,2이미지 들을 열고 조건에 따라 편집.
행복한 추수감사절 이미지를 끌고와서 ctrl+클릭하여 적당한크기로 만들어줌/원본은 없애줌/레이어에 썸네일이 생김/‘Add a layer mask’클릭/도구모음에서 그라디언트 툴을 선택/뚜렷한 이미지들은 접경에서 위로 살짝 올리면 경계선이 흐려짐/레이어매스크 완성/칠면조 이미지를 가져오기 위해 펜을 사용해야 하지만 빠르게 하기 위해 quick selecstion tool을 사용 칠면조만 선택/튀어나간 부분은 alt+클릭하여 빼주면됨/이동툴로 가지고 옴/명령(필터:Texturizer/레이어스타일/stroke(3px, ff8a00)/Dropshadow/Innershadow)을 실행시킴/Filter-Filter Gallery- Texturizer 클릭/레이어 스타일에 3px, ff8a00로 색상클릭/Dropshadow와 Innershadow클릭/ ctrl+T 로 크기를 조절 칠면조 이미지 삽입 완성/호박이미지 열기/펜을 사용해야 하지만 빠르게 하기 위해 quick selecstion tool을 사용하여 이동툴로 가지고 옴/명령(필터:Sponge/Dropshadow/Innerglow)대로 필터에서 Artistic에서 Sponge를 클릭하고 OK클릭/fx클릭 Dropshadow와 Innerglow 클릭/ctrl+T 로 크기를 조절하여 완성됨.
종합문제2
크리스 마스와 관계된 이미지 6개의 이미지 열기/바탕이미지 소나무 잎배경을 가져옴/magic wand tool을 이용해서 배경이미지 안쪽을 잡아봄/ctrl+shift+j또는 ctrl+j 하면 배경 레이어에 흰모양이 생성/안쪽으로 클리핑이 되니까 선물상자 이미지를 끌고옴/레이어의 두 경계선에 alt+클릭하면 배경 안쪽에 선물상자 이미지가 들어감/명령대로 투명도를 80으로 줌/이미지가 클리핑 됨/종이미지 열기/마술봉 클릭/contiguous 선택/이미지의 흰 부분을 지우개로 살짝 지움/명령대로 stroke(2px, #87fc31)과 Innerglow를 삽입하기 위해 fx를 눌러서 stroke – 2fx에 색상명령 #87fc31을 삽입 OK/Innerglow클릭/ctrl+T 로 크기 조절완성/동그란 벨 이미지 열기/마술봉으로 묶기/ctrl+shift+i로 끌고옴/ctrl+T 로 크기 조절/레이어를 붙잡고 명령대로 필터-필터갤러리 Film Grain OK/레이어스타일:Dropshadow,Innerglow 입력완성/ 눈송이 이미지 열기/Polygonal Lasso Tool로 눈송이 하나만 잡아서 올림/ctrl+shift+j또는 ctrl+j 올린 다음에 레이어 배경이미지 눈을 감고 뒤집어서 이동툴로 갖고 옴/ctrl+T 로 크기 조절/명령(레이어스타일:Innerglow,Outerglow)대로 fx를 눌러서 Innerglow와 Outerglow를 클릭해줌/마지막으로 Merry Christmas글자 이미지 열기/마술봉을 선택/contiguous 선택/이동툴로 가지고 옴/ctrl+T 로 크기 조절/완성. 까지 배웠습니다. 강사님이 가르쳐주신대로 하면 어렵지않은 내용인데 실제로 포토샵에서 해 보면 제가 가진 것이 한글이어서인지 많은것이 달라서 상당히 어려움을 느꼈습니다. 윤곽선 안으로 다른 이미지가 보이게 되는 기능인 클리핑 마스크를 한글에서 실행하려다보니 많은 시행착오를 겪게 됩니다. 그래도 가르쳐주시는 내용으로만은 실제 엄청나게 사용되는 귀한 것임을 배우는 내내 깨닫게 되었습니다. 추억이 될 만한 사진들을 앨범형식으로 만들 때 매우 유용한 것이라는 것을 깨닫게 됩니다. 레이어 마스크도 두 이미지를 교묘하게 섞어 청첩장을 보낼 때나 여행했던 이미지를 더 아름다운 추억으로 만들기 위해서도 꼭 필요한 것임을 느꼈습니다. 종합문제를 풀어 나가는데 제시된 명령어가 많아서 많이 어렵지 않겠나 했는데 강사님과 함께 하다보니 어느새 끝나버렸네요. 실행하는 과정에서 강사님께서 가끔씩 던져주시는 활용팁들을 흘려듣지 않고 메모하면서 끝까지 들었습니다. 포토샾을 실행하는데 있어서 좀 더 활용적이고 능동적인 대처방안이라 생각되어 너무 감사했습니다.
앞으로도 많은 지도와 편달을 부탁드립니다. [HD]왕초보를 위한 홈페이지 만들기 Part.1 12강 6장 포토샵을 활용한 웹용 이미지 제작-2 수업에 대한 후기입니다.
No.33063
ID : nym5**** (lv.53)
강사 : 윤영혜
오늘은
6. 문자 모양내기(Warped Text)
오피스 프로그램의 워드아트나 한글 프로그램의 글맵시처럼 글자를 변형시켜 멋을 내는 기능.
실시
1) 사과이미지 열기/ T자를 눌러 Arial선택, bold클릭, 글자크기 72 pt선택, 글자색 #3ed8d8를 설정하고 ‘Apples’를 입력후 체크표시 클릭/T자가 눌려진 상태에서 언덕위의 T를 누름/Warped text가 나옴/Warp Text 대화상자에서 Style의 내림 버튼을 클릭/다양한 변형메뉴중Arc Lower를 클릭/결과 이미지 완성.
2) 과일 이미지 열기/T자를 눌러 Arial선택, bold클릭, 글자크기 60pt선택/글자색 #3ed8d8로 설정/커서 위치 설정/Fresh fruits를 써줌/체크표시 클릭/이동 툴로 알맞은 글자 위치 설정/T자가 눌려진 상태에서 언덕위의 T를 누름/Warp Text 대화상자에서 Style의 내림 버튼을 클릭/다양한 변형 메뉴 중 Flag를 클릭 후 OK를 누름/완성
3) 마이 패밀리 이미지 열기/T자를 눌러 Arial선택, bold클릭, 글자크기 48pt선택/ 글자색#e35ffb로 설정/My family 글자 써줌/이동 툴로 글자 위치 선정/ T자가 눌려진 상태에서 언덕위의 T를 누름/Warp Text 대화상자에서 Arc를 클릭/이동 툴로 적당한 위치선정/ 완성.
7. 밝기 조절하기
[Image]-[Adjustments]-[Curves…]를 눌러 밝기조절을 위한 [Curves…]대화상자를 열어 조절. 단축키는 ctrl+M.
사선 부분을 살짝 건드리면 좌측 하단의 Input, Output의 값을 설정할 수 있게 상자가 활성화 됨/이때 Input, Output값을 입력하면 됨.
[Curves] 대화상자 안에 있는 기호들
① channel/채널을 선택합니다.
② in put/X축을 의미하며 이미지의 명도를 표시.
③ out put/Y축을 나타내며 전체명도를 표시.
④ [HD]왕초보를 위한 홈페이지 만들기 Part.1 10강 5장 포토샵 응용툴의 활용3-2 수업에 대한 후기입니다.
- 본 강의는 모바일 기기 및 인터넷 엣지, 크롬, 파이어폭스, 웨일 브라우저에서 재생이 가능합니다.
- 강의는 결제 후 7일이 지나지 않고, 3강 미만 수강시에만 환불 및 취소가 가능합니다. (※ 패키지 강의 포함)
- ID 공유, 동시 수강 등 부정 수강이 적발되는 경우 수강기간 중에도 수강이 취소 될 수 있습니다.
- 교재 환불은 상품 특성상 결제일로부터 7일 이내에 미사용시에만 환불이 가능하며, 왕복 택배비를 부담해주셔야 합니다.
- 섬과 같은 도서지역은 교재 배송시 3,000원의 추가 비용을 입금해 주셔야 배송 가능합니다.
[특별할인] 전강좌 프리패스 (에어팟, 아이패드, 에어프라이어, 커피머신 등 선택1 제공)
