히히 알약 짱 귀여웡
이런거 만드는거 조앙 ㅇㅁㅇ~~
Crtl+D는 했던 행동 반복하는 키다! 복사했으면 복사했던 거리만큼을 똑같이 복사를 이동이면 이동을!
포토샵 새로운 기능을 배웠다!
이런식으로 뾰족한 톱날 모양을 만들려면 Distort 기능도 있지만 지우개 기능으로도 가능하다
사각형 브러쉬를 45도로 세운 뒤에 Spacing을 이용해서 원하는 뾰족 톱날 모양이 나올때까지 간격을 줄여서
쉬프트키를 눌러 쭈욱 긋는다!
구래서 새로 익힌 기능으로 어제 했던거 다시~~
ㅎㅅㅎ 훨씬 잘하게 된거같다!
ㅜㅜ 올리는거 깜박했다!!!
첫번째꺼는 AI 수업한거!
펜툴 사용햇당 ㅎㅅㅎ
이건 포토샵으로 한거!
뾰족이 효과 주는거 까먹을까봐 적어둔다!
filter - Distort - wave
값은 저렇게 주면 뾰족뾰족하게 표현된다
오늘 오전수업에는 펜툴에 대해서 배웠당
ㅎㅅㅎ 숟가락이랑 포크 그렷다!
가이드선에 이 친구들을 이용해 누르면 위의 사진처럼 가이드선에 따른 선을 쉽게 그을수 있당
포스트잇도 만들엇어
이거할때 사각선택툴로 사이즈 잡구 (Fixed size - 옆에 사이즈 조정 가능한 입력칸 있음)
alt+del로 전경색으로 채운다! 선택해재한 다음에 burn tool로 끝 부분의 색을 죽인다
레이어를 하나 더 생성해 lasso tool로 그림자를 부분을 지정해준되 그림자색으로 지정한 전경색을 부운다.
그림자 레이어의 opacity를 50%로 낮춰준다.
Ctrl+G를 누르면 선택한 레이어들끼리 폴더가 만들어진다.
Ctrl+U를 누르면 선택된 레이어의 색을 조정가능한 Hue/Sturation 툴이 뜬다.
Ctrl or Alt + Shift + Del = 투명영역 보호하며 선택된 부분 전경 또는 바탕색으로 칠
그림자 효과는 fx의 Drop shadow기능을 이용해 만든다!
오늘은 일러햇당
만드는거 잼썼음
연습한것두 잇다!
이건 오후 수업때 포토샵으로 깔쨕 깔쨕 만든거
표컨셉으로 만든건데 생각보다 이뿌게 나와서 만죡!
<h1> 제목태그1 </h1>
<h2> 제목태그2 </h2>
<h3> 제목태그3 </h3>
<h4> 제목태그4 </h4>
<h5> 제목태그5 </h5>
<h6> 제목태그6 </h6>
제목 태그는 <h></h> 1~6까지 있다
두껍게 표현하려고 h태그를 사용하지 않는다.
왼쪽 정렬
가운데 정렬
오른쪽 정렬
<p align="left"> 왼쪽 정렬 </p>
<p align="center"> 가운데 정렬 </p>
<p align="right"> 오른쪽 정렬 </p>
문단에서 강제로 줄을 바꿀때는 <br>을 사용한다.
<b>는 진하게, <i>는 기울임꼴, 원하는 부분부터 태그를 넣고 끝나는 부분에 닫힘 태그를 넣으면 된다.
<head>
<meta charse="utf-8">
<title> 제목 </title>
<style>
body {background-color: oldlace;}
p {color: dimgrey; background-color: burlywood;}
b {color: darkgreen;}
</style>
</head>
이런식으로 들어가는데 <style>은 <head>쪽에 들어간다.
b {} <이런식으로 된거는 볼드로 설정한 애들만 색이나 전경색이 바뀜
p는 p를 사용해 문단을 나눈 애들이 바뀜
이런식으로 특정 태그를 이용한 애들을 쉽게 바꿀 수 있음!
<ul>
<li> 항목 1 </li>
<li> 항목 2 </li>
</ul>
<ol>
<li> 항목 1 </li>
<li> 항목 2</li>
</ol>
<dl>
<dt> 용어 제목 </dt>
<dd> 용어 설명 </dd>
</dl>
<ul> <ol> 은 <li> 태그만 사용 가능하다.
<ul>은 앞에 쩜이 찍히는 항목 나열 / <ol> 은 숫자 형식으로 항목 나열 / <dt>는 단어등등 설명할 대상
/ <dd>는 <dt>에 대한 설명문
구글에 들어가서 '브라켓'이라는걸 다운받아서 집에서도 실습 가능
브라켓은 저장할때 .html을 붙이지 않으면 일반적인 메모장 문서를 인식하니 .html을 붙인다.
* 지금 배우는건 html 5 다.
첫 시작을 할때는 <!doctype html> : html은 다른것으로 대체가 가능하다
전 세계용으로 지원을 할때는 <html lang="ko">
즉 lang="원하는 국가" << 이런식으로 적어 넣으면 된다.
<meta charse="utf-8"> : 이게 들어가지 않으면 글자가 나오지 않는다.
utf-8 << 다국어 지원
<head> <<여는거 ㅣ </head> <<닫는거
/ : 이게 들어가면 tag가 닫히는거임
html에서는 head랑 body가 나뉘어져잇음
<h> 이걸 헤딩태그라고 부름
줄바꿈을 하려면 <br> 을 써야한다.
<p> 태그를 사용하면 <br>과 달리 줄 자체가 아예 한칸 띄워짐 문단을 닫을때는 </p> <<즉 문단나누고 닫는 태그당
<img src="http://placehold.it/400x300" alt="">
400x300은 원하는 사이즈로 수정하면 된다. alt=""는 이미지가 엑박으로 뜰때 설명하는거
alt="" 꼭 있어야한당 웹디 시험때 없으면 감점! 링크를 걸을때 꼭 필요하당
경로, 확장자명을 틀리지 않게 유의한다.
폴더명이나 파일의 이름은 영문과 언더바(_)와 숫자를 이용해 작성해야한다.
예시 <img src="파일명1/파일명2/그림이름.확장자명" alt="">
<!--<img src="http://placehold.it/400x300" alt="">-->
<!--<어쩌구저쩌구 태그들>-->
주석처리를 하면 웹페이지 자체에서 보이지 않는다
ctrl + / : 행 주석처리
ctrl + shift + / : 블록 주석처리
<a href="http://naver.com">네이버</a>
<a>는 </a>의 사이에 있는 문자에 링크를 연결해줄때 사용한다.
이미지에 링크를 연결시켜줄때
<a herf="원하는곳 링크 주소(파일도 괜찮고 인터넷 주소도 괜찮음)"> <img src="원하는 이미지 주소" alt=""></a>
이렇게 하면 된다!
<font color="#원하는 6자리 색상 코드></font>
<font size="1~7의 크기가 있다"></font>
<font face="원하는 서체"></font>
한번에 여러개를 적용 하고 싶으면 <font size="" color="" face=""></font> 이런식으로 하면 된다.
<div align="center">
정렬하는거! center left right << 이런식으로 하면 됨
ex_01.ai
