falldown

오 좋은 정보네요 별 5개입니다^^ 감사합니다^^

 보고 이를 적용하는 방법을 풀어 보았습니다. 이 팁은 IE 6.x 버전의 웹 브라우저에서 PNG-24 파일의 투명/반투명 색을 회색으로 처리해버리는 비표준 렌더링 방법을 개선하기 위한 해결방법 입니다. 기존의 스크립트가 단순하게 <img> 태그에만 적용되는 팁이었다면 이 방법은 CSS 의 Background 속성에도 적용이 가능하다는 점 때문에 높은 점수를 주고 싶습니다. PNG-24 이미지는 GIF와 달리 투명색 뿐만아니라 반투명색의 투과까지 지원을 해주기 때문에 웹 디자이너 입장에서 그 활용가치가 매우 높다고 말씀드릴 수 있겠습니다. 단점은 GIF 이미지보다 PNG-24 파일의 용량이 약 2배정도 증가한다는 점인데 화면을 PNG-24 으로 도배하지 않는 이상 그다지 걱정할 만한 트래픽 증가는 아닌것 같습니다. 하지만 되도록 큰 이미지에는 PNG-24의 사용을 자제하시는게 좋겠지요.

IE 6.x 버전에서 PNG-24 파일의 투명/반투명 색을 바르게 렌더링 하기 위한 CSS/Javascript 적용방법은 다음과 같습니다.

1. iepngfix.htc 파일을 다운로드 한 다음 웹 서버의 원하는 폴더에 올립니다.
2. 1*1px 짜리 투명색으로 처리된 blank.gif 파일을 웹 서버의 원하는 폴더에 올립니다.
3. iepngfix.htc 파일을 열어서 blank.gif 파일의 경로를 바르게 변경합니다. if (typeof blankImg == ‘undefined’) var blankImg = ‘blank.gif‘; // 1×1px 짜리 투명 이미지(blank.gif)의 경로를 변경.
4. 모든 페이지에서 참조하는 css 파일을 열고 원하는 class 에 {behavior:url(iepngfix.htc);} 속성을 추가한 다음 iepngfix.htc 의 경로를 바르게 변경해 줍니다. .iePngFix {behavior:url(iepngfix.htc);} /* iepngfix.htc 파일의 경로를 바르게 변경합니다 */
5. 해당 class가 적용된 PNG-24 이미지의 투명/반투명 색이 IE 6.x 버전 에서도 정상적으로 렌더링 됩니다.

IE 6.x 정식버전에서의 렌더링 테스트 결과는 다음과 같습니다.

예제에 사용된 이미지는 포토샵에서 Alpha 50%가 적용된 것입니다. 이미지의 투명/반투명 영역이 체크무늬패턴의 배경을 어떻게 투과시키는지 확인하시면 됩니다. 특히 그림자 부분을 유의깊게 보시구요. 위아래로 같은 이미지이며 좌우로는 파일 형식이 다릅니다. 아래 화면은 IE 6.x 가 정상적으로 설치되어 있지 않은 분들을 위하여 센스있게 미리 캡쳐된 화면입니다. 정상적으로 설치된 IE 6.x 가 깔려있다면 실제로 코딩된 화면을 직접 확인 해보세요. IE6.x Standalone 버전 에서는 아래 화면 대로 렌더링 되지 않으며 스크립트오류까지 만나게 됩니다.

IE 5.x 까지 하위버전 호환되지는 않습니다. IE 6.x 버전만을 위한 것이지요. IE 7.x 부터는 이딴짓(?) 안해도 PNG 파일의 투명/반투명 색을 표준에 맞게 렌더링 해줍니다. 따라서 이 팁은 어디까지나 IE 6.x 의 브라우저 호환성을 유지하기 위한 방법이며 IE6.x 브라우저의 하위 호환성을 위하여는 IE8.x 버전이 나오기 전까지 이딴짓을 계속 해야 할 것으로 생각됩니다.

IE 6.x 렌더링 테스트 결과 발견된 문제점

1. ‘회선속도가 느리거나 웹 문서의 용량이 커지는 경우’ 페이지가 완전히 로딩되기 전까지 투명/반투명 색이 잠깐동안 회색으로 나타나는 증상이 있습니다. 따라서 ‘저회선 사용자의 인터넷 환경’ 을 고려해야 한다거나 ‘포털’ 규모의 웹페이지에 사용하려는 경우 이를 심사숙고 해보아야 합니다. 한편 Apple Mac Pro, Mac OS X Leopard Sneak Peek 페이지 에서도 이 코드를 사용하고 있는것을 보면 그다지 Critical 한 측면은 아닌가 봅니다.
2. .iePngFix 라는 class 가 적용된 배경이미지의 반복(repeat, repeat-x, repeat-y)과 위치값(left, right, top, bottom & offset value) 적용되지 않습니다.(위 background 렌더링 테스트 결과 참조)
3. <img> 태그에 padding 값을 주게 되면 padding 값 만큼 PNG 이미지의 크기가 늘어나는 형태로 잘못 렌더링 됩니다. (위 <img> 렌더링 결과 참조)
4. 2~3번 같은 경우 때문에 공용선택자 ‘*’ 에 behavior 를 적용하는 방법은 지양할 수 밖에 없습니다. repeat 시킬 필요가 없고 padding 값을 줄 필요가 없는 PNG-24 이미지에만 class 를 주어서 현재의 스크립트를 개별적으로 적용 하는 방법을 권장합니다. 사실 PNG-24를 이용하여 투명한 영역을 제대로 렌더링 시켜야 하는 경우는 많지 않으므로 역시 class 를 이용하는 방법을 권장합니다. (X) * {behavior:url(iepngfix.htc);} (O) .iePngFix {behavior:url(iepngfix.htc);} 그럼에도 불구하고 이를 공용선택자 ‘*’ 에 일괄 적용하는 것이 나은 케이스라고 판단되면 이 속성을 상속받을 필요가 없는 PNG-24 이미지에는 다음과 같은 class 로 처리하십시오. 이 코드는 공용선택자 ‘*’ 보다 아래쪽에 코딩되어야 우선순위를 갖습니다. 당연하죠. .iePngUnFix {behavior:none;}
5. IE에서는 png배경이 사용된 엘리먼트에 position:relative|absolute 속성이 들어가게 되면 자식요소의 a 엘리먼트에 마우스로 접근할 수 없는 버그가 있습니다. png배경이 포함된 요소에 position:relative|absolute 속성을 제거하거나 또는 a요소에 position:relative|absolute 속성을 함께 부여해 보세요.
6. behavior 라는 속성은 IE 전용 속성입니다. 이러한 속성을 다른 브라우저는 오류로 처리하지 않고 그냥 무시해 버리기 때문에 전혀 문제가 되지는 않습니다.

참조문서

• http://blog.bjorkoy.com/2006/12/12/flawless-and-fast-png-support-in-ie6/
• http://www.twinhelix.com/css/iepngfix/demo/
• http://www.apple.com/macpro/
• http://www.apple.com/macosx/leopard/spotlight.html
• http://msdn.microsoft.com/library/default.asp?url=/workshop/author/css/reference/css_ref_entry.asp

관련 포스트

• http://dnzin.com/cunningweb/2006/09/25/png24-solving-image-replacement/
• http://kukie.net/2006/07/12/263/
• http://hyeonseok.com/pmwiki/index.php/Javascript/PNG

css로 수직 정렬하는 방법은 매우 다양하다.그러나 그 중 하나를 선택하기란 어렵다.
나는 그 중에서 최적의 방법을 같이 공유하려고 한다.

방법 1. div태그의 display속성을 table로 설정하는 방법이다. 이렇게 함으로써 div태그에
table속성에 있는 vertical-align 속성을 설정할 수 있다.

#wrapper {display:table;}
#cell {display:table-cell; vertical-align:middle;}

<div id="wrapper">
 <div id="cell">
  <div class="content">Content goes here</div>
 </div>
</div>

하지만...아쉽게도 ie6에서는 display:table속성이 먹지 않는다는것을 명심해야한다.

방법 2. 이번에는 absolute속성을 이용하여 top속성에 50%를 주어 콘텐츠를 내리고
margin을 이용하여 콘텐츠 높이의 절반을 margin-top:-120px;이와같이 마이너스값을
이용한다. 그럼으로써 높이를 고정시킬 수 있다.

#content {position:absolute; top:50%; height:240px; margin-top:-120px; /* negative half of the height */}

<div id="content">Content Here</div>

방법 3. 이 방법은 텍스트의 한라인으로 센터정렬시킨다. 설정하는 법은 대상엘레멘트의 높이값과 line-height를
설정하여 주면, 텍스트가 센터로 위치해진다.

#content {height:100px; line-height:100px;}

<div id="content">Content Here</div>

방법 4. 이미지를 가운데 정렬 시키는 법 1번이 파이어폭스에서만 적용 되는 예제였다면
이번 예제는 ie에서도 적용되는 예제이다.

    <style type="text/css">
        .vCenter { display:table; width:400px; height:400px; border:1px solid red; }
        .vCenter span { display:table-cell; text-align:center; vertical-align:middle; }
            .vCenter span a {  }
    </style>

    <!--[if lt IE 8]> ie8보다 버전이 낮은 브라우져에서 실행
    <style type="text/css">
        .vCenter { position:relative; }
        .vCenter span { display:inline-block; position:absolute; top:50%; left:50%; }
            .vCenter span a { position:relative; top:-50%; left:-50%; }
    </style>
    <![endif]-->

    <div class="vCenter">
        <span>
            <a href="#">
                <img src="thumbnails.jpeg" alt="이미지" />
            </a>
        </span>
    </div>

메타태그에 대한 설명입니다. 도움이 되셨으면 하구요...!

메타태그는 홈페이지의 문서정보를 담는 태그입니다.

누가 언제 어디서 제작하여, 어느 서버에 올렸는지 홈페이지의 제작한 정보를 담는 태그입니다.

<meta> 태그는 홈페이지에 대한 일반적인 정보를 나타낼 때 사용하며, 홈페이지 작성자 및 날짜,

 

그리고 홈페이지 검색시 검색 키워드 등을 지정할 수 있습니다..

 

 예 <meta name="Author" content="홍길동">

<body>

메타 태그의 활용

</body>

↑ 위와 같이 사용을 합니다. ↓ 아래에 있는 메타태그를 head에 넣으면 되겠습니다.

<meta name="Author" content="홍길동">

홈페이지를 만든 사람.

<meta name="Keywords" content="html meta 강의">

Altavista 등의 검색 엔진에서 홈페이지를 검색할 때 참조하는 키워드.

<meta name="Description" content="방문해 주셔서 감사합니다. ">

 

홈페이지에 대한 간략한 설명을 넣습니다.

<meta http-equiv="refresh" content="10;url='next.htm' "> 

10초 후에 'next.htm' 로 이동합니다.

<meta http-equiv="Content-Type" content="text/html; charset=ks_c_5601-1987 ">

브라우저상에서 한글이 깨져 보이는 경우, 한글의 코드를 지정하면 한글이 깨져 보이는 현상을 개선할 수도 있습니다.

 

단 Charset을 "ks_c_5601-1987"로 지정하셔야 합니다.

<meta http-equiv="Page-Exit" content="RevealTrans(Duration=5, Transition=23) ">

현재 페이지에서 빠져나갈 때 전환 기법을 사용하여 페이지를 닫을때 사용합니다.

<meta http-equiv="Page-Enter" content="RevealTrans(Duration=5, Transition=23) ">

다른 페이지로 넘어갈 때 전환 기법을 사용하여 페이지를 연다.

 

▶ 다음은 transition 번호에 대한 설명 입니다.홈페이지 제작시 활용해 보십시요.

0 : Box in - 네모난 박스가 바깥에서 안쪽으로 만들어지면서 이미지 변환

1 : Box out - 네모난 박스가 안쪽에서 바깥쪽으로 만들어지면서 이미지 변환

2 : Circle in - 원이 바깥에서 안쪽으로 만들어지면서 이미지 변환

3 : Circle out- 원이 안쪽에서 바깥쪽으로 만들어지면서 이미지 변환

4 : Wipe up - 이미지의 아래에서 위쪽으로 수직 이동하면서 변환

5 : Wipe down - 이미지의 위쪽에서 아래로 수직 이동하면서 변환

6 : Wipe right - 이미지의 왼쪽에서 오른쪽으로 수평 이동하면서 변환

7 : Wipe left - 이미지의 오른쪽에서 왼쪽으로 수평 이동하면서 변환

8 : Vertical blinds - 수직 브라인드가 쳐지는 형태로 이미지 변환

9 : Horizontal blinds - 수평 브라인드가 쳐지는 형태로 이미지 변환

10 : Checkerboard across - 바둑판 형태의 격자가 왼쪽에서 오른쪽으로 생기면서 이미지 변환

11 : Checkerboard down - 바둑판 형태의 격자가 위에서 아래로 생기면서 이미지 변환

12 : Random dissove - 안개낀 형태로 이미지가 바뀌면서 변환

13 : Split vertical in - 왼쪽과 오른쪽 끝에서 중앙으로 수직이동하면서 이미지 변환

14 : Split vertical out - 중앙에서 왼쪽과 오른쪽 끝으로 수직 이동하면서 이미지 변환

15 : Split Horizontal in - 위쪽과 아래쪽에서 중앙으로 수평이동하면서 이미지 변환

16 : Split Horizontal ou - 중앙에서 위쪽과 아래쪽으로 수평이동하면서 이미지 변환

17 : Strips left down - 오른쪽 위에서 왼쪽 아래로 이동하면서 이미지 변환

18 : Strips left up - 오른쪽 아래에서 왼쪽 위로 이동하면서 이미지 변환

19 : Strips right down - 왼쪽 위에서 오른쪽 아래로 이동하면서 이미지 변환

20 : Strips right up - 왼쪽 아래에서 오른쪽 위로 이동하면서 이미지 변환

21 : Random bars horizontal - 수평선이 무작위로 생기면서 이미지 변환

22 : Random bars vertical - 수직선이 무작위로 생기면서 이미지 변환

23 : Random - 임의로 지정됨

 

      @@@###$$$ 참고로 전 12번을 즐겨 사용 합니다.%%%^^^&&&

 

      한주동안 고생 하셨습니다, 심신 쉬어갈 수 있는 주말 되십시요.

텍스트필드에 글자모양이나 간격, 밑줄, 두께, Margin등 좀더 세밀한 서식을 만들기 위해서는 TextFormat클래스를 사용한다. 이 클래스는 text나 htmlText에 모두 적용할 수 있고 TextField의 defaultTextFormat 속성이나 setTextFormat() 메서드를 통하여 설정한다.

[ Public 속성 ]
align : String
단락의 정렬을 나타냅니다.

blockIndent : Object
블록 들여쓰기를 픽셀 단위로 나타냅니다.

bold : Object
텍스트를 굵게 표시할지 여부를 지정합니다.

bullet : Object
텍스트가 불릿 목록의 일부임을 나타냅니다.

color : Object
텍스트의 색상을 나타냅니다.

font : String
이 텍스트 서식의 텍스트 글꼴 이름을 나타내는 문자열입니다.

indent : Object
왼쪽 여백에서 단락의 첫 문자 사이의 들여쓰기를 나타냅니다.

italic : Object
이 텍스트 서식의 텍스트가 기울임체인지 여부를 나타냅니다.

kerning : Object
자간의 활성화 여부를 true 또는 false로 나타내는 부울 값입니다.

leading : Object
행 사이의 세로 간격(행간)을 나타내는 정수입니다.

leftMargin : Object
단락의 왼쪽 여백(픽셀 단위)입니다.

letterSpacing : Object
모든 문자 사이에 균등하게 분배되는 간격을 나타내는 정수입니다.

rightMargin : Object
단락의 오른쪽 여백(픽셀 단위)입니다.

size : Object
이 텍스트 서식에서 텍스트의 포인트 크기입니다.

tabStops : Array
사용자 정의 탭 중지를 음이 아닌 정수의 배열로 지정합니다.

target : String
하이퍼링크가 표시되는 대상 윈도우를 나타냅니다.

underline : Object
이 텍스트 서식을 사용하는 텍스트에 밑줄을 그을지 여부를 true 또는 false로 나타냅니다.

url : String
이 텍스트 서식의 텍스트에 대한 대상 URL을 나타냅니다.

위의 속성을 설정하면 TextField에 defaultTextFormat 속성에 formater를 반영하거나 setTextFormat()메서드를 통해 사용할 구간과 format를 반영할 수 있다.

defaultTextFormat는 필드의 속성이므로 한번 반영되면 일괄적으로 모든 내용에 서식이 적용된다. 그리고 내용이 입력되기 전에 속성을 설정하여야 서식이 내용에 반영된다.

setTextFormat는 내용이 바뀌면 사라지는 휘발성이지만 내용의 일부분에만 효과를 줄 수있다. 그리고 내용이 바뀌지 않는다면 setTextFormat는 누적 사용가능하다. 따라서 사용자의 액션에 의해 서식을 추가 할 수 있다.

에프터이펙트 강좌사이트 컴퓨터관련 2006/08/24 23:37 http://blog.naver.com/nayou78/60027871466 이 포스트를 보낸곳 () 카페 > 납골당정보 | hwan_kun http://cafe.naver.com/charnel/34 3D 그래픽 [리뷰][투표]네이버 카페 - 로우폴리곤 맥스 마야 애니메이션 플러그인 포토샵 맵핑 3D 그래픽 Graphic 프리미어 에프터이펙트 디자인 방문수:    http://cafe.naver.com/3dmaxs  Aftereffect 5.0 튜터리얼 [리뷰][투표]방문수:    http://tiemdesign.com/howto/aftereffects.htm  Aftereffect 5.0 튜터리얼 동영상파일 [리뷰][투표]방문수:    http://movielibrary.lynda.com/html/modPage.asp?ID=5  Aftereffect 관련된 사이트들 모음 [리뷰][투표]방문수:    http://www.adobeevangelists.com/aftereffects/index.html  Aftereffect 튜터리얼 검색 [리뷰][투표]방문수:    http://www.tutorialfind.com  aftereffect_ 플러그인 싸이트 [리뷰][투표]방문수:    http://www.synthetic-ap.com  aftereffect_ 플러그인 싸이트(컬러) [리뷰][투표]방문수:    http://www.fnordware.com/ubercolor  ayato@web [리뷰][투표]ayatoweb,에프터이팩트 팁,소스자료 방문수:    http://www.ayatoweb.com  Hello! AfterEffects [리뷰][투표]다음 카페 - 에 프 터 이 펙 트 와 모 션 그 래 픽 스 : : : 방문수:    http://cafe.daum.net/aftereffects  innoDV [리뷰][투표]에프터이팩트, 아비드 등 편집강좌 제공, 영화 예고편 수록. 방문수:    http://www.innodv.net  motiongraphic [리뷰][투표]다음 카페 - 모션 그래픽&애팩에 관한 정보를 공유하는 곳입니다. 방문수:    http://cafe.daum.net/motiongraphic  Post2000 [리뷰][투표]에프터 이팩트 소개와 팁제공. 방문수:    http://www.post2000.pe.ky  [멀티미디어] 애프터이펙트 [리뷰][투표]야후 클럽 - 애프터이펙트에 대해서알아봅시다. 방문수:    http://kr.club.yahoo.com/aftereffects  그림쟁이 태기의 네이버 집입니다.^^ [리뷰][투표]네이버 블로그 방문수:    http://blog.naver.com/hatecurb.do?Redirect=Log&logNo=100005567082  에펙 프리미어 영상제작 촬영 공부방 [리뷰][투표]네이버 카페 - 에프터이펙트 프리미어 및 영상촬영에 대한 정보공유와 공부를 하실 수 있는 곳입니다. 방문수:    http://cafe.naver.com/dslee  에펙,프리미어 단축키 [리뷰][투표]네이버 블로그 방문수:    http://blog.naver.com/hatecurb.do?Redirect=Log&logNo=100005567082  에프터이펙트 [리뷰][투표]다음 카페 - 에프터이펙트 기술 공유의 장 방문수:    http://cafe.daum.net/conie  에프터이펙트를 주물러보자*^^* [리뷰][투표]네이버 카페 - 에프터이펙터에 관련된 정보를 공유하는곳*^^* 방문수:    http://cafe.naver.com/nchanger  영상과 사랑을 한번에~ [리뷰][투표]네이버 블로그 - 에프터이펙트 방문수:    http://blog.naver.com/7208120.do  영상편집 프리미어 에프터이펙트 [리뷰][투표]다음 카페 - 프리미어 동영상편집/베가스/핸드폰동영상 방문수:    http://cafe.daum.net/premiere6xae5x  일본의유저 사이트 (샘플과 튜터리얼) [리뷰][투표]방문수:    http://www.ayatoweb.com  캠반장 [리뷰][투표]네이버 카페 - 고가의 캠코더를 싸게 대여할 수 있는 곳. 프리미어,에프터이펙트등 영상편집 프로그램에 대한 다양한 정보 방문수:    http://cafe.naver.com/camvanjang   [출처] [본문스크랩] 에프터이펙트 강좌사이트|작성자 이수형

000000 black 검정
2f4f4f darkslategray 어두운푸른빛회색
708090 slategray 푸른빛회색
778899 lightslategray 밝은푸른빛회색
696969 dimgray 칙칙한회색
808080 gray 회색
a9a9a9 darkgray 어두운회색
c0c0c0 silver 은색
d3d3d3 lightgrey 밝은회색
dcdcdc gainsboro
ffffff white 백색
fff5ee seashell 바다조가비
fffafa snow 설백
f8f8ff ghostwhite 허깨비백색
fffaf0 floralwhite 꽃의백색
f5f5f5 whitesmoke 백색연기
f0f8ff aliceblue 엷은잿빛바탕에푸른빛
f0ffff azure 하늘색
fdf5e6 oldlace 낡은끈
f5fffa mintcream 박하크림
ffefd5 papayawhip 열대아메리카산과수매질
ffdab9 peachpuff 복숭아빛불기
faf0e6 linen 리넨
eee8aa palegoldenrod 옅은국화과의다년초
ffe4e1 mistyrose 짙은장미빛
ffe4b5 moccasin 사슴가죽의구두
ffdead navajowhite 나바호족백색
d2b48c tan 볕에탄빛깔
f5deb3 wheat 밀
fafad2 lightgoldenrodyellow 밝은국화과다년초노랑
ffffe0 lightyellow 밝은노랑
fff8dc cornsilk 옥수수명주실
faebd7 antiquewhite 옛날의백색
f5f5dc beige 엷은갈색
fffacd lemonchiffon 레몬빛가볍고얇은직물
fffff0 ivory 상앗빛
f0e68c khaki 누른빛에엷은다색이섞인빛깔
e6e6fa lavender 연한자주색
fff0f5 lavenderblush 연한자주빛붉기
ffe4c4 bisque 분홍빛이도는검은빛을띤누른빛
ffebcd blanchedalmond 희어진엷은황갈색
deb887 burlywood 튼튼한목재
cd853f peru 남미서부의공화국
00ced1 darkturquoise 어두운푸른빛녹색
00bfff deepskyblue 짙은하늘파랑
7fffd4 aquamarine 엷은푸른빛녹색
1e90ff dodgerblue옥수수빵파랑
00ffff cyan 푸른정도
f0fff0 honeydew 식물의잎에서나는단물
87cefa lightskyblue 밝은하늘파랑
afeeee paleturquoise 옅은푸른빛녹색
e0ffff lightcyan 밝은푸른정도
add8e6 lightblue 밝은파랑
b0c4de lightsteelblue 밝은철강빛파랑
40e0d0 turquoise 푸른빛녹색
48d1cc mediumturquoise 중간의푸른빛녹색
00ffff aqua 엷은푸른빛녹색
7b68ee mediumslateblue 중푸른빛회색파랑
191970 midnightblue 깜깜한파랑
6495ed cornflowerblue 옥수수꽃파랑
0000cd mediumblue 중간의파랑
6a5acd slateblue 푸른빛회색파랑
4682b4 steelblue 철강빛파랑
0000ff blue 파랑
483d8b darkslateblue 어두운푸른빛회색파랑
5f9ea0 cadetblue 이하의파랑
87ceeb skyblue 하늘파랑
4169e1 royalblue 황실의파랑
b0e0e6 powderblue 가루파랑
000080 navy 짙은검은빛을띤남빛
00008b darkblue 어두운파랑
8a2be2 blueviolet 파란제비꽃색
8b008b darkmagenta 어두운짙은분홍색
9932cc darkorchid 어두운연보라색
9400d3 darkviolet 어두운제비꽃색
ff00ff magenta 짙은분홍색
ff00ff fuchsia 붉은빛깔이나는자줏빛
c71585 mediumvioletred 중제비꽃빨강
ba55d3 mediumorchid 중간의연보라색
9370db mediumpurple 중간의자줏빛
dc143c crimson 짙게붉은색깔
ff1493 deeppink 짙은연분홍색
ffb6c1 lightpink 밝은연분홍색
ff69b4 hotpink 강렬한연분홍색
ffc0cb pink 연분홍색
dda0dd plum 짙은 보라색
800080 purple 자줏빛
ee82ee violet 제비꽃색
d8bfd8 thistle 엉겅퀴
da70d6 orchid 연보라색
4b0082 indigo 남색
a52a2a brown 갈색
e9967a darksalmon 어두운주황색
f08080 lightcoral 밝은산호빛
cd5c5c indianred 인디언빨강
ffa07a lightsalmon 밝은주황색
db7093 palevioletred 옅은제비꽃빨강
f4a460 sandybrown 엷은갈색
fa8072 salmon 주황색
ff6347 tomato 토마토색
ff4500 ornagered
ff0000 red 빨강
800000 maroon 붉은빛을띤갈색
8b0000 darkred 어두운빨강
b22222 firebrick 내화
d2691e chocolate 갈색
8b4513 saddlebrown 안장갈색
a0522d sienna 붉은빛을띤갈색
bc8f8f rosybrown 장미빛갈색
ff7f50 coral 산호빛
ff8c00 darkorange 어두운붉은빛을띤누른색
ffa500 orange 붉은빛을띤누른색
b8860b darkgoldenrod 어둔운국화과의다년초
ffd700 gold 금빛
ffff00 yellow 노랑
7fff00 chartreuse 연두색
7cfc00 lawngreen 잔디녹색
00ff00 lime 열대산의레몬비슷한과일
32cd32 limegreen 라임녹색
00ff7f springgreen 봄녹색
3cb371 mediumseagreen 중간의바다녹색
adff2f greenyellow 녹색의노랑
8fbc8f darkseagreen 어두운바다녹색
90ee90 lightgreen 밝은녹색
98fb98 palegreen 옅은녹색
9acd32 yello: wgree: n
2e8b57 seagreen 바다녹색
00fa9a mediumspringgreen 중봄녹색
20b2aa lightseagreen 밝은바다녹색
66cdaa mediumaquamarine 중엷은청록색
228b22 forestgreen 숲녹색
008b8b darkcyan 어두운푸른정도
008080 teal 암록색을띤청색
006400 darkgreen 어두운녹색
556b2f darkolivegreen 어두운올리브녹색
008000 green 녹색
808000 olive 물푸레나뭇과의상록교목
6b8e23 olivedrab 올리브엷은갈색
bdb76b darkkhaki 어두운누른빛에엷은다색
daa520 goldenrod 국화과의다년초

■ 000000 black 블랙
■ 2f4f4f darkslategray 다크슬레이트그레이
■ 708090 slategray 슬레이트그레이
■ 778899 lightslategray 라이트슬레이트그레이
■ 696969 dimgray 딤그레이
■ 808080 gray 그레이
■ a9a9a9 darkgray 다크그레이
■ c0c0c0 silver 실버
■ d3d3d3 lightgrey 라이트그레이
■ dcdcdc gainsboro 게인스보로
■ ffffff white 화이트
■ fff5ee seashell 씨쉘
■ fffafa snow 스노우
■ f8f8ff ghostwhite 고스트화이트
■ fffaf0 floralwhite 후로랄화이트
■ f5f5f5 whitesmoke 화이트스모크
■ f0f8ff aliceblue 앨리스블루
■ f0ffff azure 애쥬어
■ fdf5e6 oldlace 올드래이스
■ f5fffa mintcream 민트크림
■ ffefd5 papayawhip 파파야윕
■ ffdab9 peachpuff 피치퍼프
■ faf0e6 linen 린넨
■ eee8aa palegoldenrod 팔레골덴로드
■ ffe4e1 mistyrose 미스티로즈
■ ffe4b5 moccasin 모카신
■ ffdead navajowhite 나바조화이트
■ d2b48c tan 탄
■ f5deb3 wheat 위트
■ fafad2 lightgoldenrodyellow 라이트골덴로드옐로우
■ ffffe0 lightyellow 라이트옐로우
■ fff8dc cornsilk 콘실크
■ faebd7 antiquewhite 안티크화이트
■ f5f5dc beige 베이지
■ fffacd lemonchiffon 레몬치폰
■ fffff0 ivory 아이보리
■ f0e68c khaki 카키
■ e6e6fa lavender 라벤더
■ fff0f5 lavenderblush 라벤더블러시
■ ffe4c4 bisque 비스크
■ ffebcd blanchedalmond 블란체달몬드
■ deb887 burlywood 벌리우드
■ cd853f peru 페루
■ 00ced1 darkturquoise 다크터콰이즈
■ 00bfff deepskyblue 딥스카이블루
■ 7fffd4 aquamarine 아쿠아마린
■ 1e90ff dodgerblue 도저블루
■ 00ffff cyan 시안
■ f0fff0 honeydew 허니듀
■ 87cefa lightskyblue 라이트스카이블루
■ afeeee paleturquoise 팔레터콰이즈
■ e0ffff lightcyan 라이트시안
■ add8e6 lightblue 라이트블루
■ add8e6 lightsteelblue 라이트스틸블루
■ 40e0d0 turquoise 터콰이즈
■ 48d1cc mediumturquoise 미디엄터콰이즈
■ 00ffff aqua 아쿠아
■ 7b68ee mediumslateblue 미디움슬레이트블루
■ 191970 midnightblue 미드나이트블루
■ 6495ed cornflowerblue 콘플라워블루
■ 0000cd mediumblue 미디움블루
■ 6a5acd slateblue 슬레이트블루
■ 4682b4 steelblue 스틸블루
■ 0000ff blue 블루
■ 483d8b darkslateblue 다크슬레이트블루
■ 5f9ea0 cadetblue 카뎃블루
■ 87ceeb skyblue 스카이블루
■ 4169e1 royalblue 로열블루
■ b0e0e6 powderblue 파우더블루
■ 000080 navy 네이비
■ 00008b darkblue 다크블루
■ 8a2be2 blueviolet 블루바이올렛
■ 8b008b darkmagenta 다크마그네타
■ 9932cc darkorchid 다크오치드
■ 9400d3 darkviolet 다크바이올렛
■ ff00ff magenta 마그네타
■ ff00ff fuchsia 퍼츠샤
■ c71585 mediumvioletred 미디움바이올렛레드
■ ba55d3 mediumorchid 미디움오치드
■ 9370db mediumpurple 미디움퍼플
■ dc143c crimson 크림슨
■ ff1493 deeppink 딥핑크
■ ffb6c1 lightpink 라이트핑크
■ ff69b4 hotpink 핫핑크
■ ffc0cb pink 핑크
■ dda0dd plum 플럼
■ 800080 purple 퍼플
■ ee82ee violet 바이올렛
■ d8bfd8 thistle 디스틀
■ da70d6 orchid 오치드
■ 4b0082 indigo 인디고
■ a52a2a brown 브라운
■ e9967a darksalmon 다크샐몬
■ f08080 lightcoral 라이트코랄
■ cd5c5c indianred 인디안레드
■ ffa07a lightsalmon 라이트샐몬
■ db7093 palevioletred 팔레바이올렛레드
■ f4a460 sandybrown 샌디브라운
■ fa8072 salmon 샐몬
■ ff6347 tomato 토마토
■ ff4500 orangered 오렌지레드
■ ff0000 red 레드
■ 800000 maroon 마룬
■ 8b0000 darkred 다크레드
■ b22222 firebrick 파이어브릭
■ d2691e chocolate 초콜렛
■ 8b4513 saddlebrown 새들브라운
■ a0522d sienna 시에나
■ bc8f8f rosybrown 로지브라운
■ ff7f50 coral 코랄
■ ff8c00 darkorange 다크오렌지
■ ffa500 orange 오렌지
■ b8860b darkgoldenrod 다크골덴로드
■ ffd700 gold 골드
■ ffff00 yellow 옐로우
■ 7fff00 chartreuse 차트리우스
■ 7cfc00 lawngreen 라운그린
■ 00ff00 lime 라임
■ 32cd32 limegreen 라임그린
■ 00ff7f springgreen 스프링그린
■ 3cb371 mediumseagreen 미디움씨그린
■ adff2f greenyellow 그린옐로우
■ 8fbc8f darkseagreen 다크씨그린
■ 0ee90 lightgreen 라이트그린
■ 8fb98 palegreen 팔레그린
■ 9acd32 yellowgreen 옐로우그린
■ 2e8b57 seagreen 씨그린
■ 00fa9a mediumspringgreen 미디움스프링그린
■ 20b2aa lightseagreen 라이트씨그린
■ 66cdaa mediumaquamarine 미디움아쿠아마린
■ 228b22 forestgreen 포레스트그린
■ 008b8b darkcyan 다크시안
■ 008080 teal 틸
■ 006400 darkgreen 다크그린
■ 556b2f darkolivegreen 다크올리브그린
■ 008000 green 그린
■ 808000 olive 올리브
■ 6b8e23 olivedrab 올리브드래브
■ bdb76b darkkhaki 다크카이
■ daa520 goldenrod 골덴로드

저와 같이 포토샵 공부하실래요?   초보자를 위한 포토샵 팁 1. 현재 선택된 상태에서 CTRL+포인터의 모양이 가위로 바뀌면 잘라낸 후 이동한다 2. 선택 영역의 복사 : CTRL+ALT를 누른채 이동 3. 선택 영역을 잘못 지정: 선택영역의 바깥쪽을 클릭 4. 잘라낸 부위이외의 영역을 부드럽게 하려면  : anti-aliasied를 사용 5. 잘라낸 부위를 부드럽게 : feather를 사용 6. 복사된 이미지를 가지런히 정열하려면  : shift를 누른채 이동 7. 포토 샵에서의 모니터 : 사용이 가능 하다면 17인치의 모니터를 권장하지만                                      가격대 성능비가 우수한 15인치들도 많이 사용한다 8. 선택영역의 이동: move툴사용 9. 마술봉으로 선택한 영역이 맘에 들지 않을때 : select/none 10. 실수를 하였을 경우 : undo 11. 연필툴에서 CTRL키를 누르면 : move툴 12. 연필툴에서 ALT키를 누르면: eyedrop tool 13. 도장툴을 사용하기 위해서는 반드시 ALT키와 함께(복사할 영역을 정할때) 14. 포토샵의 빈공간에서 마우스를 더블클릭하면 ? : open 상자가 열린다 15. CTRL+빈공간 더블클릭: new대화상자 16. ALT+빈공간 더블클릭: Open as대화상자 17. 하드 아껴쓰기 : 저장 할때 채널과 레이어를 가지고 있는 경우에 눈아이콘을 끈상태로 저장 18. 사용하게될 커서의 모양은 용도에 따라 다른 것을 사용할수 있습니다 19. 만약 특별한 선택을 하지 않으면 이미지 전체에 적용됩니다 20. 팔레트를 이용하면 툴보다 더욱세밀한 조정이 가능합니다 21.feather값은 경계선의 주위가 퍼지는 효과를 준다 22. 사각 선택툴은 사각형으로 선택할 때 사용된다 23. 크롭툴에서 8개의 이동점을 이용하면 더욱 세밀한 작업이가능합니다 24. 크롭툴의 선택방법 : 1)영역안을 더블클릭 , 2) 엔터키를 친다 25. 올가미툴에서 alt키를 누른체 이동하면 직선적인 선택이 가능 합니다 26. 올가미 툴은 시작점과 종료점이 만나야 선택영역으로 지정됩니다 27. 이동툴에서 선택영역을 지정하지 않고 이동을 하면 이미지 전체가 이동 28. 이동툴에서 alt키를 누르고 선택영역을 드래그---> 복사 29. 마술봉은 유사한 색상범위를 선택(부분적인 선택) 30. 유사한 색상 범위를 전체 선택(select/color range) 31. tolerence수치 : 선택범위가 달라짐 32. 에어브러쉬의 드래그하는 속도에 따라 명암과 굵기에 영양을 준다. 33. 페인트브러쉬에서는 드래그 속도와는 무관하다. 34. 지우개는 후경색으로 채우는 것이다. 35. 브러쉬 팔레트에서 지우개의 크기와 퍼짐의 정도를 조절한다. 36. 한번 실수를 하면 UNDO를 이용하세요. 37. 배경이 있는 레이어를 지우면 배경이미지가 나타 납니다. 38. 연필툴에서 한점을 찍은후에 shift키를 누른채 드래그하면 직선을 그린다. 39. 도장툴을 사용할때는 alt키와 함께 사용한다. 40. 이미지에 글자를 넣으려면 타입툴을 사용합니다. 41. 타입 마스크 툴은 글자를 지정하는 것이 아니라 글자의 모습으로 영역을 지정하는 것입니다. 42. 스포이드 툴을 이요하면 쉽게 비슷한 색상을 선택 할수 있습니다. 43. 돋보기 툴은 이미지에는 영향을 주지 않으며 화면상의 크기만을 조절한다. 44. cut으로 이미지를 잘라내면 잘린 부분이 지워지는 것이 아니고 후경색으로 채워진다. 45. 빠른 작업을 위하여 단축키를 사용합시다. 46. paste into의 응용범위가 넓습니다. 47. 패턴은 벽지이다. 48. 선택영역없이 패턴을 적용하면 이미지 전체에 적용됩니다. 49. 패턴을 이용하면 로고가 있는 배경이미지를 만들수 있습니다. 50. 패턴으로 사용될 이미지는 작은 것이 좋으며 사각형이어야 합니다. 51. 원근감이 필요하면 layer/transform/skew를 이용하세요. 52. free transform을 자주사요하게 되면 이미지의 질이 떨어 진다. 53. RGB는 모니터, CMYK는 프린터 54. 이미지의 보정에서 명암을 조절하기 위해서 단순작업은 B/C로 하고 섬세한 작업은 level로 작업한다. 55. auto level은 이미지의 대조도를 증가시켜준다. 56. 감마란 미드톤의 대조도 입니다. 57. 항상 미리보기를 보며 실행하자. 58. fuzziness는 tolerance와 기능이 비슷하다. 59. 이미지 색상의 반전은 특수한 효과를 준다 60. 복제된 이미지는 원본이미지에 아무런 영향을 주지 않는다 61. apply image를 사용할 경우에는 두개의 이미지의 크기가 같아야 한다 62. 해상도란 일정간격안에 사용할수 있는 픽셀수이다 63. 크롭기능은 사각으로만 선택이 가능 합니다 64. 레이어의 숫자는 이미지의 크기와 비례한다 65. 새 레이어는 현재작업중인 레이어 위에 생긴다 66. 복사한 레이어는 원본이름 뒤에 copy라는 이름이 붙는다 67. 레이어 팔레트에서 레이어를 더블클릭하면 레이어 옵션이 나온다 68. 레이어는 순서를 바꿀수 있으며 순서에 따랄 겹치는 이미지가 다를게 보인다 69. opacity의 최소값은 1이다 70. 눈아이콘 빠르게 전환: alt키를 누른체 눈아이콘 클릭 (해당 레이어 만 보입니다.) 71. 복사나 잘라내기를 한후 붙여 넣기를 할 경우에 새로만든 레이어로도 붙여넣기 가능 72. 링크되어 잇는 레이어를 이동하면 함께 이동된다 73. copy merged: 눈 아이콘이 켜져 있는 모든 레이어를 복사. copy: 현재 선택된 레이어만 복사된다 ♣ 한글 폰트를 한글로 보려면? Edit → preferences → General에서 Show font name in Enghish의 체크를 풀어주면 됨. ♣사라진 폰트를 복구 하려면? 윈도우 탐색기를 열고 보기> 폴더욥션 >보기 >파일및 폴더욥션 > 숨길파일로 들어가서 모든 화일을 체크한후 windows디랙토리로들어가 ttfcache을 찾아서 삭제한 다음 다시 재부팅한 후 확인. 너무 많은 폰트를 설치하였거나 변경 추가 삭제를 할 경우 작업도중에 ttfcache파일내에 오류가 생겨서 발생. ♣저장이 안될때? 일단 저장이 안되는 이유는 포토샵 프로그램이 정품이 아닌 경우입니다. 정품이 아닌것은 Tryout 라고 써 있습니다. 지금 당장 내컴에 설치된 포토샵 프로그램을 확인해 보세요. 시작▶ 프로그램▶ Adobe▶ Adobe lmage ready7.0 Adobe photoshop7.0 photoshop7.0 Readme uninstallAdobe photoshop7.0 Tryout ♣트라이얼버젼 저장하는 방법 File / Save For Webs 를 누르면 작업한 것을 HTML 문서로 저장하게 하는데 그 옵션중에 이미지를 JPG 나 GIF 중에 체크해서 저장하면 html 문서하고 이미지하고 같이 저장이 됩니다. ♣브러쉬 설치하기 다운받은 뒤 (포토샵 5.5의 경우) CProgram FilesAdobePhotoshop5.5GoodiesBrushes (포토샵 6.0, 7.0의 경우) CProgram FilesAdobePhotoshop6.0PresetsBrushes 위 경로대로 열어준 후 압축을 바로 풉니다. 그리고 새로 받은 브러쉬를 포토샵에서 사용하기위해 불러오려면 브러쉬 옆의 작은 세모를 클릭해 Load Brushes를 클릭 위의 위치에서 다운받은 브러쉬를 선택하면 아래쪽에 새로 받은 브러쉬가 생김 ♣포토샵에서 작업하다 글자 사이즈가 갑자기 커지거나 작아질 때 File-->New 해서 대화상자의 빨간 네모부분에 수치가 72 로 되어 있는지 확인을 해보세요. 또 이미지를 불러와서 그 위에 글자를 쓸때 커지거나 작아지는 경우도 같은 경우입니다. 이때는 이미지 사이즈로 들어가서 거기에서 Resolution을 한번 보세요 보통이 72인데 그 숫자가 크면 글자는 큰 사이즈로 해도 작게 나옵니다. ♣하얀색이 노랗게 보일때 File 메뉴에서ColorSetting 을 선택한 다음 RGB Setup 으로 들어가서 대화상자의 아래부분에서 Display Using Moniter Compensation 의 체크 표시를 없애준다. 원래는 하얀색인데 모니터설정에 의해서 노란 것처럼 보이는 것임. ♣아이콘 이미지나 도트이미지의 크기를 줄이거나 확대해서 쓰고 싶을때 크기를 마음대로 freeform으로 잡아 늘이면 라인이 뭉개지거나 이미지 자체가 흐려지는 경우나 선명하게 보이지 않을때가 있습니다. 이때는 포토샵 메뉴에서 Edit를 클릭하시면..Preferences > general에서 Interpolation 부분이 Bicubic(Butter)로 되어 있는데 그부분을 Nearest Neighbor(Faster)로 바꾼후 사용해 보세요. ♣한글패치의 삭제 방법 C:Program FilesAdobePhotoshop 6.0Required 폴더를 보면 tw10428 이라는 파일이 있습니다. 그것을 삭제해 주시면 되고, C:Program FilesAdobePhotoshop 6.0 폴더에 있는 ExtRsrc.dll 파일을 삭제해 주면 이미지레디도 영문으로 돌아가게 된답니다. ♣포토샵에서 한글 입력이 안될때 포토샵을 모두 지우고 재설치를 합니다. 설치과정에 국가 설정하는 부분에 기본적으로"United States"로 되어있습니다. 국가부분을 "All Other Countries"로 바꿔주고, Next를 클릭합니다. 설치옵션에서 표준-Typical-, 최소-Compact-설치가 아닌 사용자-Custom- 설치를 선택하고 Next를 클릭합니다. 반드시 CMap Files에 체크표시를 해줘야 합니다. CMap Files에 체크하신 다음 Next를 눌러 포토샵 설치를 완료하면 한글입력이 안되는 문제 해결  ♣gif나 jpg 파일이 갑자기 bmp로 저장이 될때 인터넷에서 본 화면이나 그림들을 임시로 저장하는 Temporary Internet Files 폴더에 제대로 저장이 안되었기 때문입니다. 브라우저 상단 메뉴에서 도구 --> 인터넷 옵션을 선택합니다. 임시 인터넷 파일 부분에서 [파일삭제] 를 눌러줍니다. 오프라인 항목 삭제에도 체크하시고 모두 삭제를 하세요. 이제 새로고침 [F5] 하고 다시 다른 이름으로 저장하면 됩니다. ♣포토삽을 초기화 하고 싶을때 포토샵 실행할때 Alt+Shift+Ctrl를 동시에 누르시면 포토샵 초기화하겠냐고 대화상자 뜹니다. "Yes"버튼을 클릭하여 포토샵을 초기화 하시면 됩니다 ♣포토샵을 빨리 뜨게 하려면 edit - preferences - memory&image cache - used by photo shop 80% 로 하세요 보통은 50%인데 빨리 뜨게 하려면 수치를 올리면 됩니다. ♣다운받은 필터 포토삽에 넣기 내컴퓨터 - C드라이브 - Program File - Adobe - Photoshop6.0 (or 7.0)- Plug-Ins - Filters안에 넣어주세요 ♣영문으로 보이는 한글폰트를 한글명으로 file(또는Edit)>Preferences(환경설정)>General(일반)>Show Font Names in English 이부분에 체크가 되어 있다면 체크 표시를 지우세요. 영어로 되어 있던 한글 폰트명이 한글로 바뀝니다. 환경 설정창 찾기 단축키---> Ctrl + K ♣글자가 너무 크게내지 너무 작게 입력될 경우 불러온 이미지 사이즈가 너무 커서 화면이 100%비율이 아닌 경우나 해상도가 너무 크거나 작은 경우 이러한 현상이 나타납니다. 그림에 보기처럼 Image > Image size 에 들어가 Resoulution(해상도)값을 72pixels/inch(기본)으로 맞추세요. ♣포토샵 가상메모리를 설정 가상메모리는 램용량이 부족할경우 하드디스크의 일부를 램처럼 사용하는것입니다. 하드디스크이기 때문에 램보다는 속도가 좀 느리지만 사용하는것이 조금은 더 낫습니다. 파일->환경설정(Preference)->플러그인과 스크래치디스크 (Plug-ins& Scratch Disks) 를 클릭. 설정창이 열리면 Scratch Disks 항목에서 가상메모리를 사용할 하드를 선택하면 됩니다. 첫번째부터 네번째까지 최대 4개의 하드 디스크를 설정할 수 있습니다. 첫번째에는 가장 성능이 좋고 용량이 많은 하드 디스크를 선택하는게 좋습니다.   ♣램부족이라고 나올때 Edit > Preferences > Memory & Image Cache 선택 아래부분에 "Used by photoshop" 부분에 원하시는 메모리의 퍼센테이지를 넣어주세요. 그러면 본인 컴퓨터의 메모리 중 포토샵이 몇 % 차지하게 될지를 결정할 수 있게 됩니다. 기본적으로 50%가 설정되어 있을 겁니다. 이 부분에 %를 늘리면 되겠죠. ♣갑자기 포토샵 실행이 안될때 어제까지만해도 잘되던 포토샵이 갑자기 실행이 안될때 프로그램 삭제까지하고 다시 깔았는데도 그럴 경우 시작=>검색=>파일 또는 폴더 "Adobe Photoshop 7.0 Prefs.psp"을 찾아서 지우면 됩니다. ♣[Del]키로 색상 채우기 선택부분을 전경색으로 채우는 가장 빠른 방법은 [Alt]키와 [Del]키를 동시에 누르는 것이다. ♣정교한 브러시 작업 [CapsLock]키를 누르면 도구상자의 각 아이콘이 십자 형태로 변하게 되어 정교한 브러시 작업을 할 수 있다. ♣컬러팔레트에서 색상 없애기 컬러 스왓치 발레트에서 특정 색상을 지우려면, 특정 색상위를 [Coltrol]+[클릭]을 하면 가위가 나타나서 색상을 지워준다. ♣간편하게 색 선택하기 연필, 브러시 등을 사용하고 있을 때, [Alt]키를 누르고 있으면 아이 드롭퍼가 나타나서 색상을 선택할 수 있다. ♣화면을 넓게 쓰자 [Tap]키를 누르면 모니터에서 도구 상자와 모든 팔레트들이 감춰진다. ♣선택영역 유지하기 Image size 나 Canvas size명령으로 이미지를 조정하면 선택영역이 해제된다. 이 때 선택상태를 계속 유지하려면 명령 실행 전에 선택영역을 퀵마스크모드로 바꾼다. 키보드에서 [Q]를 누르거나 도구상자에서 퀵마스크 아이콘을 누르면 된다. 그러면 이미지의 크기가 조정됨과 동시에 마스크 부분도 조정될 것이다. ♣팔레트의 탭 사용하기 모든 팔레트들은 작을 폴더 탭등을 가지면, 그 탭을 끌어 다른 팔레트에 넣으면 그룹을 만들 수 있다. ♣사실적인 그림자 그림자를 만들때 Multiply 모드를 선택하고 불투명도를 70%정도로 낮추면 더 밝고 사실적인 그림자를 줄 수 있다. ♣레이어의 그룹 두 개의 레이어를 그룹으로 묶으려면 두 레이어 사이의 선을 [Alt]+[클릭]한다. 이 때 중간선이 점선으로 바뀌며, 아래놓인 레이어는 베이스 레이어로, 레이어 이름에 밑줄이 그어진다. 다시 점선을 [Alt]+[클릭]하면 그룹이 해제된다. ♣이미지 손실을 최소화하는 방법 이미지 크기를 확대할 때 이미지의 손실을 최소화 하려면, 일단 이미지 크기를 늘린 후 가우시안 블러 필터를 1~2픽셀 정도 적용시키고, 노이즈 필터를 1픽셀 정도 적용시키면 된다. ♣필터의 재적용 [Control]+[F]는 이전에 적용했던 필터를 다시 적용하는 단축키이다. [Control]+[Alt]+[F]도 마찬가지로 최근에 적용한 필터를 재적용시키는 명령이긴 하지만, 필터가 재적용되기 전에 조정된 수치가 저장된 대화상자가 나타난다. ♣잉크 아끼기 큰 영역을 인쇄할 때는 잉크를 절약하기 위해 100K, 60의 CMYK값을 지정하면 순검정색이 출력된다. ♣이미지에서 샤픈필터 적용 Unsharp Mask 필터는 일반적으로 흐릿하게 스캔받은 이미지를 또렷하게 만들어 주는 데 가장 좋은 방법이다. 이 필터의 원리는 이미지 중에서 선명도의 변화가 있는 곳에 집중적으로 샤픈효과를 적용한다. ♣Save a copy 파일 메뉴에서 Save a copy명령을 사용하는 경우, 레이어 팔레트에서 눈 아이콘이 켜져있는 레이어만 합쳐져서 저장된다. 즉 화면에 보이지 않는 레이어는 저장되지 않는다. ♣붙여넣은 이미지는 중앙에 생긴다. 한 부분을 복사한 후, 붙여넣을 때에는 언제나 정확하게 이미지의 중심, 혹은 현재 선택된 부분의 중심에 붙여진다. Cut/Paste명령도 중심에 이미지가 복제된다. ♣시간을 절약하려면 RGB로 작업하라. 모니터는 RGB모델에서 작동한다. 따라서 컴퓨터는 모든 것을 화면에 나타내기 위해 RGB로 변환시키므로, 포토샵에서 RGB모드로 작업하는 것이 가장 빠르다. ♣강한 느낌의 듀오톤 듀오톤을 만드는 방법을 알아보자. 일단 포토샵의 이미지 모드에서 듀오톤으로 바꿔준다. 두번째 색을 만들기 위해 커브(curves)를 실행하여 커브가 수직으로 뻗게 하기 위하여 0의 수준에서 100정도까지 올린다. 이 때 수평으로 가로질러 곧게 뻗어야 한다. ♣정교한 텍스트 처리 포토샵에서 텍스트를 정교하게 배열하기 위해, 먼저 퀵마스크모드로 전환하거나 독립된 알파채널을 이용한다. 퀵마스크를 이용하면, 이미지에 텍스트를 적용하기 이전에 자간, 행간, 위치 그리고 글자의 형태까지도 수정할 수 있다. ♣빛 효과 Lighting effects 필터를 사용할 때 여러개의 조명을 사용할 수 있다. Lighting effects 필터 대화상자에서 미리보기 화면 아래에 있는 전구 아이콘을 이미지 위에 끌어놓으면 된다.

포토샵 메뉴 설명   빨간 글씨는 상위 메뉴, 연두색 글씨는 각 상위 메뉴들의 하위 메뉴들입니다.    File   New : 새로운 파일 만듭니다. Open : 파일 열기. Open as : 포토샵에서 열 수 있는 파일을 지정하여 열어줍니다. Close : 파일 닫기. Save : 저장하기. Save as : 새로운 이름으로 저장하기 Save a copy : copy본을 만들어 새롭게 파일을 저장하기. Save for web : 웹디자인에 적합한 이미지로 저장하기 Revert : 저장되어 있는 이미지로 되돌리기 Place : *AL,*EPS형식의 파일 또는 코렐드로우의 EPS파일을 불러오기 Import : 다른 형식의 이미지를 불러옵니다.화상입력장치로 사용되는 스캐너나 비디오 카메라, 디지털카메라의 장치를 지정하는 명령입니다. -Select TWAIN Source : TWAIN드라이버 선택합니다 -TWAIN :스캐너를 실행시킵니다. Export: 이미지를 다른 형식의 파일로 변환시켜 저장합니다. -GIF 89a Exprot : 투명 GIF화일로 저장. -Path to Illustrator : 패스를 일러스트레이터 파일로 저장. Automate : 포토샵의 자동화 기능을 사용 하실 수 있습니다. File info : 파일에 대한 정보 저장합니다.. Page Setup : Page에 대한 정보를 설정합니다.. Print : 프린터로 출력합니다. Jump to : adobe사의 다른 어플리케이션 창으로 가져갑니다.이미지 레디2.0으로 가져갑니다. Preference : 환경설정을 셋업을 할 수 있습니다. Color setting : 컬러모드에 관한 설정을 해줍니다. Adobe Online : 포토샵의 제작사인 Adobe사에 접속할 수 있습니다. Exit : 포토샵을 종료합니다. Edit   Undo : 작업한 명령을 1회 취소합니다.단, Save,Revert,Purge에서는 적용되지 않습니다. Redo : Undo로 취소시킨 작업을 되돌립니다. Cut : 선택된 부분의 이미지를 오려냅니다. Copy : 선택된 부분의 이미지를 복사합니다. Copy Merged : 화면에 보이는 부분의 레이어를 모두 합쳐서 복사합니다. Paste : Cut,Copy 명령으로 복사된 이미지를 붙여줍니다. Paste Into : 이미지를 선택한 영역으로 붙여줍니다. Clear : 선택된 부분의 이미지를 지웁니다. Fill : 선택된 부분에 색상이나 패턴으로 채워줍니다. Stroke : 선택 영역의 테두리에 선을 그어 줍니다. Free Transform : 이미지에 대한 변형 작업을 한번에 자유롭게 실행시켜 줍니다. Transform : 이미지를 변형시켜주는 기능입니다. -Again : 수행한 변형작업을 다시 반복적으로 수행합니다. -Scale : 이미지 전체의 크기를 조절합니다. -Rotate : 이미지 전체를 회전시켜 줍니다. -Skew : 이미지 전체의 기울기를 조절합니다. -Distort : 이미지 전체의 꼭지점을 이동시켜 변형합니다. -Perspective : 이미지 전체의 원근감을 조절합니다. -Numeric : 변형작업을 수치로 정밀하게 조절합니다. -Rotate 180 : 이미지 전체를 180도 회전시켜 줍니다. -Rotate 90 CW : 이미지를 시계방향으로 90도 회전시켜 줍니다. -Rotate 90 CCW : 이미지를 반시계 방향으로 90도 회전시켜 줍니다. -Flip Horizontal : 이미지를 수평으로 대칭이동합니다. -Flip Vertical : 이미지를 수직으로 대칭이동합니다. Define Patten : 선택된 부분의 이미지를 패턴으로 지정해 줍니다. Purge : 메모리에 임시적으로 저장된 정보를 삭제합니다. -Undo : 실행취소에 관한 정보를 삭제합니다. -Clipboard : 클립보드에 저장된 이미지를 삭제합니다. -Pattern : 패턴으로 정의된 이미지를 삭제합니다. -Histories : 히스토리 팔레트에 등록된 모든 정보를 삭제합니다. -All : Undo,Clipboard,Pattern,Histories를 한번에 모두 삭제합니다.     Image   Mode : 이미지를 구성하는 색상의 모드를 바꿔줍니다 . Adjust : 이미지의 색상을 보정해 줍니다. -Levels : 이미지의 레벨값(명도,대비)을 조정합니다. -Auto Levels : 이미지의 레벨값(명도, 대비)을 자동으로 조정해줍니다. -Auto Levels : 이미지의 대비값을 자동으로 조절해 줍니다. -Curves : 이미지(하이라이트, 미드톤, 쉐도우)색상을 커브로 조절합니다. -Color Blance : 색상의 혼합을 조절합니다. -Brightness/Contrast : 색상의 명도와 대비값을 조절합니다. -Hue/Saturation : 이미지의 색상,채도,명도를 조절합니다. -Desaturation : 이미지의 채도를 0으로 만들어 줌으로써 보통 흑백으로 전환시켜 줍니다. -Replace Color : 색상을 선택하여 다른 색상으로 만들어 줍니다. -Selective Color : 어떤 색상의 잉크값을 조절합니다. -Channel Mixer : 채널을 조정하여 색상을 보정합니다. -Invert : 이미지의 색상값을 반전 시켜줍니다. -Equalize : 명암의 단계를 조절합니다. -Threshole : 이미지의 색상을 흑과 백으로 전환합니다. -Posterize : 색상의 단계를 수치로 나누어 단순화 시켜줍니다. -Variations : 이미지의 색상과 명암을 쉽게 보정할 수 있도록 대화 상자를 제공합니다. Duplicate : 현재 작업중인 이미지를 그대로 복제합니다. 레이어와 채널과 패스의 모든 정보를 그대로 가져가지만, history 의 정보는 가져가지 않는다. Apply Image : 동일 이미지 또는 서로 다른 이미지를 합성하는 명령으로 레이어와 채널을 자유롭게 합성할 수 있습니다.합성시 유의할 점은 합성할 이미지의 이미지 사이즈가 같아야 한다는 것입니다. Calculations : 정밀한 옵션으로 채널의 이미지를 합성합니다. Image Size : 이미지의 크기를 조절합니다. Canvas Size:이미지의 크기는 그대로 유지되면서 그림이 그려져 있는 종이의 사이즈만을 조정하는 옵션입니다. Crop : 이미지의 선택된 부분만 남기고 나머지 부분을 잘라 냅니다. Rotate Canvas : 캔버스 자체를 회전시켜 줍니다. -180 : 180도 회전 -90 CW : 시계방향으로 90도 회전 -90 CCW : 반시계 방향으로 90도 회번 -Arbirary : 사용자 입력값만큼 회전 -Flip Horizontal : 좌우 대칭이동 -Flip Vertical : 상하 대칭이동 Histogram : 이미지의 색상 정보를 보여줍니다. Trap : 포토샵의 이미지를 인쇄할 때 CMYK의 색상이 어긋남으로 생기는 흰색의 여백부분을 보정하기 위해 색상영역의 간격을 조절하는 옵션입니다. Extract : 원하는 이미지만 남기고 그외의 이미지를 제거할 때 사용하는 기능입니다.     Layer   New : 새로운 레이어를 생성합니다. -Layer : 새로운 투명 레이어를 생성합니다. -Adustment Layer : 이미지 조절기능을 가진 어저스트레이어를 생성합니다. -Background : 새로운 백그라운드 레이어를 생성합니다. -Layer Via Copy(Ctrl + J) : 선택 영역을 복사하여 새로운 레이어로 생성합니다. -Layer Via Cut (Shift + Ctrl + J) : 선택 영역의 이미지를 잘라내어 새로운 레이어로 생성합니다. Duplicate Layer : 지정된 레이어의 복사본을 생성합니다. Delete Layer : 지정된 레이어를 삭제합니다. Layer Option : 레이어의 옵션을 조절합니다. Adjustment Layer Option : 어저스트먼트 레이어의 옵션을 조절합니다. Effect : 문자 레이어에 필터와 같은 효과를 주는 기능을 합니다. -Drop Shadow : 레이어에 그림자 효과를 줍니다. -Inner Shadow : 안쪽에 그림자 효과를 줍니다. -Outer Glow : 바깥쪽에 빛이 퍼지는 효과를 줍니다. -Bevel and Emboss : 입체감을 주는 효과를 적용합니다. -Copy Effect : 레이어에 적용된 Effect 효과를 복사합니다. -Paste Effect : 복사된 Effect 효과를 레이어에 적용합니다. -Paste Effect to Linked : 복사된 Effect 효과를 선택한 레이어와 링크된 레이어에 모두 적용합니다. -Clear Effect : 선택한 레이어에 적용된 Effect 효과를 없애줍니다. -Global Angle : Global Angle이 체크된 레이어들의 Effect 효과들의 각도를 조절합니다. -Create Layers : 선택한 레이어에 적용된 Effect 효과를 분리하여 레이어로 만들어 줍니다. -Hide All Effect : 모든 레이어에 적용된 Effect 효과를 잠시 숨겨줍니다. Type : 문자 레이어를 조정합니다. Add Layer Mask : 선택한 레이어에 레이어에 마스크를 추가 시킵니다. -Revel All :선택한 레이어의 이미지가 모두 보이도록 레이어 마스크를 만듭니다. -Hide All :선택한 레이어의 이미지가 모두 숨겨지도록 레이어 마스크를 만듭니다. -Reveal Selection : 선택 영역만 보이도록 레이어 마스크를 만들어 줍니다. -Hide Selection : 선택 영역만 숨겨지도록 레이어 마스크를 만들어 줍니다. Arrange:지정한 레이어의 위치를 바꾸어 주는 명령입니다. -Bring to Front : 지정한 레이어를 맨위로 가져옵니다. -Bring Forward : 지정한 레이어를 한 단계 위로 가져옵니다. -Send Backward : 지정한 레이어를 한 단계 아래로 보냅니다. -Send Back : 지정한 레이어를 맨 아래로 보냅니다.단, ,Background레이어가 있을 경우에는 Background레이어 바로 위에 위치하게 됩니다. Align Linked : 링크된 레이어들을 일정한 간격으로 정렬시켜 줍니다. Distribute Linked : 서로 링크된 레이어들을 일정한 간격으로 정렬시켜 줍니다. (3개 이상의 레이어가 링크된 경우만 가능) -Top : 위 쪽을 기준으로 일정한 간격으로 정렬해줍니다. -Vertical Center : 세로의 가운데를 기준으로 일정한 간격으로 정렬해줍니다. -Bottom : 아래쪽을 기준으로 일정한 간격으로 정렬해줍니다. -Left : 왼쪽을 기준으로 일정한 간격으로 정렬해줍니다. -Horizontal : 가로의 가운데를 기준으로 일정한 간격으로 정렬해줍니다. -Right : 오른쪽을 기준으로 일정한 간격으로 정렬해줍니다. Merge Down : 선택한 레이어를 아래의 레이어와 합쳐서 하나의 레이어로 만들어 줍니다. Merge Visible : 화면에 보여지는 레이어들을 모두 합쳐서 하나의 레이어로 만들어 줍니다. Flatten Image : 모든 레이어를 합쳐서 하나의 백그라운드 레이어로 만들어 줍니다. Matting : 레이어의 경계면을 부드럽게 처리하여 아래쪽 레이어와 잘 어울릴 수 있도록 처리합니다. -Defringe : 레이어의 경계부분을 경계내부와 같은 색의 계열로 확장시킵니다. -Remove Black Matte : 경계부분의 검정색을 삭제합니다. -Remove White Matte : 경계부분의 흰색을 삭제합니다.   Select   All : 이미지 전체를 선택합니다. Deselect : 선택을 해제합니다. Reselect : Deselect로 해제했던 부분을 다시 선택합니다. Inverse : 선택영역을 반전 시켜줍니다. Color Range : 색상의 범위에 의해 선택영역을 지정합니다. Feather : 선택영역의 경계를 부드럽게 선택합니다. Modify : 선택영역의 모양을 수정합니다. -Border : 선택영역의 외곽선만을 선택합니다. -Smooth : 선택영역의 외곽 모서리 부분을 부드럽게 처리해줍니다. -Expand : 선택영역을 바깥으로 넓혀 줍니다. -Contract : 선택영역을 안쪽으로 축소 시켜줍니다. Glow : 선택영역을 확대 시킵니다. Similar : 선택되어 있는 영역과 같은 색상을 이미지 전체에서 선택합니다. Transform selection : 선택영역을 변형합니다. Load Selection : 채널을 선택영역으로 불러옵니다. Save selection : 선택영역을 채널로 저장합니다.   View New View : 같은 이미지를 하나 더 만듭니다. Preview : RGB색상을 CMYK색상으로 변환했을 때의 색상을 미리 보여 줍니다. Gamut Warning : 출력시 색상이 정확하게 표현되지 않는 부분을 표시 합니다. file/preforence/ transparency & gamut에서 지정한 색상으로 표시됩니다. Zoom In : 이미지를 확대하여 보여 줍니다. Zoom Out : 이미지를 축소하여 보여 줍니다. Fit on Screen : 이미지를 화면에 표시되는 윈도우 크기에 맞게 확대 시켜줍니다. Actual Pixels : 이미지 크기를 100%로 맞추어 보여 줍니다. Print Size : 이미지를 출력될 크기에 맞추어 보여줍니다. Show(Hide) Edges : 선택영역의 표시선을 보여줍니다(숨겨줍니다). Show(Hide) Path : 패스를 보여줍니다(숨겨줍니다). Show(Hide) Rulers : 눈금자를 보여줍니다(숨겨줍니다). Show(Hide) Guides : 가이드선을 보여줍니다(숨겨줍니다). Snap to Guides : 레이어 등이 가이드선에 맞추어 움직입니다. Lock Guides : 가이드선을 잠궈서 움직이지 않게 합니다. Clear Guides : 모든 가이드선을 지워버립니다. Show(Hide) Gride : 그리드선을 보여줍니다(숨겨줍니다). Snap to Grid : 레이어 등이 이동할때 그리드선에 맞추어 이동합니다.

출처: 파코즈 임동민 [judas]님의 팁게시판

[포토갤러리]

01. 갤러리 분류 

02. 갤러리의 기본 loadMovie함수 

03. 갤러리 구현 1 

04. 갤러리 구현 2 

<head>
<STYLE type='text/css'>
li.1 { list-style-type : lower-roman } /* 로마숫자 소문자으로된 목록 */
li.2 { list-style-type : upper-roman } /* 로마숫자 대문자으로된 목록 */
li.3 { list-style-type : lower-alpha } /* 알파벳 소문자으로된 목록 */
li.4 { list-style-type : upper-alpha } /* 알파벳 대문자으로된 목록 */
li.5 { list-style-type : disc } /* 점으로 된 목록 */
li.6 { list-style-type : circle } /* 속이 하얀색 원으로 된 목록 */
li.7 { list-style-type : square } /* 사각형으로 된 목록 */
li.8 { list-style-type : decimal } /* 숫자로 된 목록 */
li.9 { list-style-type : none } /* 아무 표시 없음 */
</STYLE>
</head>

리스트 태그(ul, ol, li)와 같은 기능을 CSS로 만들기.(list-style-type)

<ol>
<LI class='1'>리스트 항목 lower-roman</LI>
<LI class='2'>리스트 항목 upper-roman</LI>
<LI class='3'>리스트 항목 lower-alpha</LI>
<LI class='4'>리스트 항목 upper-alpha</LI>
<LI class='5'>리스트 항목 upper-alpha</LI>
<LI class='6'>리스트 항목 disc</LI>
<LI class='7'>리스트 항목 circle</LI>
<LI class='8'>리스트 항목 square</LI>
<LI class='9'>리스트 항목 none</LI>
</ol>

hasLayout 속성과 홀리 핵(Holly hack) Web 2007/12/30 08:50 http://blog.naver.com/niceilm/150026133263 이 포스트를 보낸곳 ()

자주 마주치는 익스6 CSS 버그 해결책 CSS hack 2007/03/13 17:36 http://blog.naver.com/leoer/100035272127 이 포스트를 보낸곳 ()