어후 인디자인 공부를 요즘 하고있는데요 ~

생각보다 엄청~ 쉬울줄 알았는데 쉽지가 않나요 ㅠㅠㅠ ㅋㅋ

처음 ctrl+n으로 새화면을 띄울때부터 쉽지가 않았는데요~!!!!




찾고찾고 찾아서 엄청 기초인 쉬운 페이지 두장부터 보여지기를 알아냈습니다!!!! 완전 쉬움.ㅋㅋ


처음 ctrl+n으로 새화면열기를 실행한후에



이케 하면 끝이에요.. ㅠㅠ 그런거였어요 ㅠㅠ 그래 그런거였어 ㅠㅠㅠㅠㅠㅠㅠㅠ

너무하지만 몰라서 못했답니다 ㅠㅠ 근데


이제 알았어요 ~ ! ! 완전 짱짱 ㅋㅋㅋㅋ


페이지수는 원하는만큼 만들수 있다는것 아시죵~~? ^^ 핫핫핫 ~ ㅋㅋ


블로그 이미지

스토리y

소소한 일상들이 쌓여서 기억되고 추억되고..

[일러스트 jpg저장]V2



일러스트 jpg저장 하려면~! [File]->[Seve for Web..] 을 누른다!



단축키 Alt+Shift+Ctrl+S 를 누른다



① 번을 클릭한후 JPG를 선택하고 Save세이브 아직 누르지마십쇼!



위에서한 ①번 바로밑에   ↑ 이위에있는 ① 해상도 ② 를 고른다! 해상도 낮은순서로 하면 Low - Medium - High - Very High - Maximum 이며!

제일 높은 Maximum으로 저장하는게 좋다!~! 그리고


아래 ↓ Low 로 저장했을때


Low 로 저장했을때 보면 파일 글씨쪽을 보면 깨져있는게 보인다. Low~~~ no~~~



다음은  Maximum으로 저장했을때


Maximum으로 저장 하니까~ 깔끔하니 잘 저장되었다~~~

고로 일러스트 jpg저장을 할때는!? Maximum으로

이것이!

Low 로 저장했을때와 Maximum으로 저장했을때 차이 이다!



아! 이번 일러스트 jpg저장 방법한곳을 하나씩 클릭해서 저장할 수 있게 된다 


10장을 만들었을경우 

2장을 5번 6번을 저장하고 싶다면 5번 선택하고  단축키 Alt+Shift+Ctrl+S 를 눌러 저장하고 

그다음 6번을 선택하고 단축키 Alt+Shift+Ctrl+S 를 눌러 저장 이런식으로 따로따로 저장해야 한다




앞전에 했던 첫번째 jpg저장방법[File] - [Export]는 한번에 여러장을 저장할 수 있지만 이번 두번째 방법은 안된다..


블로그 이미지

스토리y

소소한 일상들이 쌓여서 기억되고 추억되고..

[AI파일 JPG로 저장하기]일러스트에서 JPG로 저장하기



1. 만들어논 일러파일을 꺼낸다.

[File]에서 -> [Export]를 클릭한다.



2. 저장위치를 선택한후 파일이름을 쓴다.

Ues Artboards 체크하는건 여러장을 선택할 경우여러장중 몇개만 선택하여 jpg파일로 변환하고자 할때를 말한다.

All을 선택하면 전부 만약 10장이면 1~10까지를 말한다.

Range는 내가 원하는 번호를 적으면 된다. 1~10중 1꺼만 jpg를 만들고 싶다하면 위와같이 선택하고 번호를 1 이라고 적으면 된다.



3. 일러스트 jpg저장 할 때 여러장을 만들어 놓고 원하는 곳을 jpg파일로 만들 고 싶다면

위에 보이는 툴바 화면에서 Artboard Tool(Shift+O)을 선택하면 위의 그림처럼 01-Artboard 1 , 02-Artboard 2 , 03-Artboard 3 ............ 이런식으로

01- 아트보드 1 이면 이건 숫자1을 말하고 02- 아트보드 2 면 이건 숫자2를 나타낸다



고로



4. 나보기가 역겨워 가실때에는... 이페이지를 저장하고 싶을때바에서 Artboard Tool(Shift+O)선택하고 번호를 확인하고

[File]에서 -> [Export]클릭

Ues Artboards 체크

All을 선택하면 전부 니까 선택하지 않는다

Range선택하고 번호를 2 라고 적으면 된다.


만약 10개중 1번하고2번만 저장하고 싶다면



5. 만약 10장중 2장이나3장 혹은 4장 5장만 저장하고 싶을때 ,또는 ~로 숫자를 적어준다.

Ues Artboards 체크

All을 선택하면 전부 니까 선택하지 않는다

Range를 선택하고 번호를1,2 라고 적으면 된다. 4번째장이랑 6번째장만 저장하고싶다면 4,6 이라고 하면 된다

  또 1,5,8 이면 1째5번째8번째 이렇게 3개만 JPG로 저장되어 나타나진다.

  또 1,2,3,4,5 이렇게 차례로 저장하고 싶다면 1~5라고 ~표시해 주면 된다. 


이렇게 일러스트 jpg로 저장하고 싶은데 따로따로 지정해서 저장하고 싶을때는 번호를 ,로 해주면 되고

차례대로 이어져있는 페이지를 각각따로 저장하고 싶을떄~로 표시해 주면 된다.



6. 다음으로 일러스트에서 JPG로 저장하기 위해서

  ① 저장위치를 선택해준다.

  ② 파일이름을 만들어 준다.

  ③ JPG파일을 선택한다 PNG파일로도 바꿀 수 있다.

  ④ 저장을 누른다.



7. Quality(퀄리티)10으로 해야 최상이고 잘 보이게 된다.

   Resolution(해상도)는

   ① Screen(72ppi)

   ② Medium(150ppi)

   ③ High(300ppi) 3개가 있는데 숫자가 높을 수록 해상도가 높아지며 크기도 커진다. 



8. 일러스트에서 JPG로 저장할때 주의할 사항은 

   A4 사이즈를 기준으로 했을때 위에서 보이는 바와 같이 해상도가 높을 수록 사이즈가 원본보다 커진다.

  ① Screen(72ppi)- A4(843X596PX)

  ② Medium(150ppi)- (1754X1240PX)

  ③ High(300ppi)- (3508X2480PX) 

  원본 사이즈를 원한다면 72ppi로 하는게 좋겟다. 

   


블로그 이미지

스토리y

소소한 일상들이 쌓여서 기억되고 추억되고..

[Editplus3]에디트플러스3

 

 

[Editplus3]에디트플러스3을 다운받은후에 열어봅시다

 

 

1. [도구] -> [기본 설정]

 

 

2. [일반]선택해논 후 -> 다수의 인스턴스 허용 체크 -> XHTML 태그 사용 체크 -> 오른쪽 마우스버튼에 Editplus추가 후 적용 체크 -> 적용

 

 

3-1. [파일]선택해논 후 -> 기본 연코딩이 UTF-8 에 설정-> 적용

 

 

3-2. 파일 및에[설정&구문강조]선택해논후

     숫자순서에 맞게

     [탭]에 숫자4 [들여쓰기]4 -> 자동 들여쓰기 사용 체크 -> [확인]클릭 -> 적용



4-1. 도구에서 [키보드]선택해논후

     [보기] -> [브라우저로 보기]선택해논 후

     새 단축키 누르기밑에 커서를 가져다 두고 본인이 원하는 커서를 설정

     Ctrl키와 영어b를 누르면 ④번처럼 보이게 된다 

     [할당]을 누르면 [현재 단축키]에 나타남 -> 적용


[키보드] -> [보기] -> [브라우저로 보기] 를 하는 이유는 

[Editplus3]에디트플러스3 화면에서 Ctrl+B를 누르게 되면 다른 브라우저에서 지금 코딩하고 있는 상황을 바로 보여주게 된다. 



4-2. 도구에서 [키보드]선택해논후

     [보기] -> [브라우저2로 보기]선택해논 후

     새 단축키 누르기밑에 커서를 가져다 두고 본인이 원하는 커서를 설정

     Ctrl키 Alt키 영어b를 누르면 ④번처럼 보이게 된다 

     [할당]을 누르면 [현재 단축키]에 나타남 -> 적용


[키보드] -> [보기] -> [브라우저2로 보기]를 하는 이유는 

4-1. 에서 이야기한바와 같이 다른 브라우저로 보이게 되며 4-1.에서 Ctrl+b 를한것과 Ctrl+Alt+b를 한것서로 다른화면에서 보여지게 된다.

마찬가지로 [Editplus3]에디트플러스3 화면에서 Ctrl+Alt+B를 누르게 되면 다른 브라우저에서 지금 코딩하고 있는 상황을 바로 보여주게 된다.



5-1. 4-1.에서 지정한 단축키 Ctrl+B는 [도구]선택해논후 -> 외브브라우저를 FireFox에서 보이게 한다라는 의미로 지정 



5-2. 4-2.에서 지정한 단축키 Ctrl+Alt+B[도구]선택해논후 -> 외브브라우저를 인터넷 익스플로러에서 보이게 한다라는 의미로 지정 



6-1.파일에 [문서 템플릿]선택해논 후 -> [XHTML]선택하고 -> [추가]클릭 후


6-2.[templatex]선택[열기]



6-3.[Editplus3]에디트플러스3이 열리게 되면 저런모양이 되게

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<meta http-equiv="Content-Type" content="application/xhtm1+xm1; charset=UTF-8" />
<title> XHTML 기본 문서 구조 </title>
</head>
<body>

</body>
</html>

위에 내용을 그대로 쓴다. 그리고 ctrl+s로 저장


위에 내용을 그대로 쓴다. 그리고 ctrl+s로 저장


제대로 저장이 되었는지 확인 하려면!

[파일] -> [새 파일] -> [XHTML]클릭하면


아까 저장한 툴이 그대로 나오게 된다



그대로 나오되 Noname숫자 이렇게 나오게 되면 앞으로 html 코딩할때 
[파일] -> [새 파일] -> [XHTML]꺼내서 사용하면 된다 
<body></body> 안에 내용을 채우면 되고 
확인을 하고 싶을때는 4-1.,4-2.에서 저장한바와 같이
Ctrl+B(브라우저 파이어폭스) 또는 Ctrl+Alt+B(브라우저 익스플로러)로 확인 할 수 있다.




블로그 이미지

스토리y

소소한 일상들이 쌓여서 기억되고 추억되고..