Adobe Photoshop CS3 파노라마 사진 만들기

Posted at 2008/04/01 07:01 // in 웹디자인™/Photoshop // by 블루비
. File > Scripts > Load Files into Stack...
2. Load Layers 패널에서 폴더 또는 파일을 선택
3. Attempt to Automatically Align Source Images 옵션 체크
4. 자동으로 파노라마 사진 완성
사용자 삽입 이미지

식장산 전망대 - 대전시 전경

식장산 전망대 - 대전시 전경


식장산 전망대 - 대전시 전경

식장산 전망대 - 대전시 전경 가로 1024px



2008/04/01 07:01 2008/04/01 07:01

댓글을 남겨주세요.

[로그인][오픈아이디란?]

데스크톱 & 블로그(웹)에 유용한 아이콘 총청리 사이트

Posted at 2007/12/02 05:15 // in 웹디자인™ // by 블루비
사이트바로가기

ENTClic@blog 블로그 포스트에 의하면 무료로 제공되는 것들이라고 합니다..

아래 몇가지만 뽑아서 올려 봅니다.

Icons for Your Desktop and Design

File Icons
Includes a total of 100 PNGs and 100 Icons.
사용자 삽입 이미지




















BlackAqua Safari Icon
Icns, png and ico - max 256×256px.
사용자 삽입 이미지




































Web Design Icons


Pixelicious
150 icons mainly intended for developers. 32×32 pixel. Free for personal use or non profit organisations.

Overall 400 mini icons (10×10 and 16×16) are available in the set of Set von Dapino. The icons can be used royalty-free by Creative Commons Attribution 3.0 license for any personal or commercial projects. PNG format.

사용자 삽입 이미지


















Free RSS Feed Icons
We’ve covered dozens of RSS-Icons sets recently, however there are some sets we’ve missed. This one comes in 6 colors
사용자 삽입 이미지










Rounder Icons
43 rounded 128×128 .png-icons.
사용자 삽입 이미지




















2007/12/02 05:15 2007/12/02 05:15

댓글을 남겨주세요.

[로그인][오픈아이디란?]

png 파일 IE6 에서도 투명영역사용하자!!

Posted at 2007/08/09 07:41 // in 웹디자인™ // by 블루비
문제점 : 반투명효과는 사용할수 없게 됩니다.
(gif 이미지와 똑같아지는군요 ㅠ, 디자인전공이 아닌지라 그것까진 생각 못했넹..ㅋㅋ)

투명영역이 있는 png 파일을 IE6 브라우져에서 보면 투명영역이 회색으로 나타나게 됩니다.
이것은 이미지의 color 모드때문에 그런것인데 아래의 샘플을 잘 보세요..(IE6 브라우져에서 확인하세요)
이문제를 해결하기위해 파일 저장시 color mode indexed 로 변경 후 저장하면 해결 할 수 있습니다.

gif

gif 이미지 IE,FF 브라우져에서 투명영역처리가 잘 적용된다.

png

png(Color Mode Indexed) 이미지 IE,FF 브라우져에서 투명영역처리가 잘 적용된다.

png

png(Color Mode RGB) 이미지 IE6 브라우져에서 투명영역이 회색으로 보인다.


자. 그럼 IE6 브라우져에서도 png 파일의 투명영역이 적용되기 위해 png 파일 저장 방법을 알아보자.

1. 포토샵에서 png 파일 저장시 color mode 는 indexed color를 선택하고

사용자 삽입 이미지
2. Indexed Color 옵션창에서 Transparency 부분에 체크를 해야한다.
사용자 삽입 이미지

3. 이제 저장만 하면 IE6 에서도 PNG 파일의 투명영역을 사용할 수 있습니다.

덧.. 파일의 용량이 gif 보다는 커지므로 옵션을 적절히 설정하여 저장하세요

이 방법 외에도 IE style filter 효과를 주어 사용하는 경우도 있는데 그 방법은 브라우져의 리소스를 잡아먹어 비추(비추천)합니다.
2007/08/09 07:41 2007/08/09 07:41
  1. 푸땡

    2007/08/08 14:04 [수정/삭제] [답글]

    맙소사~맥북이라 아직 테스트는 못해봤는데 핵을 사용안하고 png를 사용할 수 있는 방법을 찾아내시다니 훌륭합니다~~
    항상 좋은 정보 정말 감사합니다. 복받으실거에요 ^_________^

  2. 일모리

    2007/08/09 06:04 [수정/삭제] [답글]

    좋은 방법이군요 ^^ 헌데 빈공간 투명은 가능 하지만 그림자 부분 처리나 반투명등의 효과가 적용되지 않으므로 gif와 다를점은 없는것 아닌지요

    • 블루비

      2007/08/09 07:38 [수정/삭제]

      png 이미지 장점은 반투명 효과인데 indexed color를 사용하용함으로써 gif와 별반다를게 없어지다니 위의 팁은 쓸모없어지게 되는군요.. ㅎㅎ 일모리님의 칼같은 지적 감사합니다..
      그래서 좀더 알아봤는데 포토샵의 경우 png-8,png-24(bit) 로 저장이 가능한데 png-8(bit) 역시 컬러 지원의 한개가 있어서 그런지 반투명 효과가 안되더군요..... IE6에서는 IE용 필터를 사용하는 수 밖에 없을거같네요 ㅠ.ㅠ

댓글을 남겨주세요.

[로그인][오픈아이디란?]

파비콘(favicon)

Posted at 2007/06/29 13:26 // in 웹디자인™ // by 블루비
파비콘이란?
즐겨찾기 아이콘. 즐겨찾기(facovities)와 아이콘(icon)의 합성어로, 주소창에 조그만 아이콘으로 표시되어 있다. 아이콘 에디터로 16x16 크기의 적당한 아이콘을 만든 후 그 이름을 favicon.ico로 한 다음 웹 사이트의 루트 디렉터리에 갖다 넣으면 된다.


<head>와 </head>부분에
<LINK REL="SHORTCUT ICON" href="ICO 파일이름">



파비콘을 만들어 주는 사이트 입니다.
http://www.chami.com/html-kit/services/favicon/
2007/06/29 13:26 2007/06/29 13:26

댓글을 남겨주세요.

[로그인][오픈아이디란?]

OPML(Outline Processor Markup Language) 이란 무엇인가?

Posted at 2006/07/21 17:20 // in 웹디자인™ // by 블루비
OPML(Outline Processor Markup Language) 이란 무엇인가?

출처: 김중태문화원 1기 블로그(http://www.dal.co.kr/blog/archives/)

RSS 트랙백에 이어 요즘 심심치 않게 보는 용어가 OPML이죠. 초보자분들은 OPML이 무엇인지 궁금할 겁니다. OPML은 'Outline Processor Markup Language'의 줄임말로 이름 그대로 해석하자면 '개요 처리 언어'입니다. 이런 면에서 보면 홈페이지의 문서 내용을 요약해서 보여주는 RSS 형식과 마찬가지로 인터넷 문서 수집(신디케이팅)을 위한 문서 형식 중 하나로 보시면 됩니다.

약간 어렵게 설명하면 'OPML은 XML기반의 형식으로 각기 다른 환경과 운영체제의 어플리케이션 실행 사이에서 개요 구조 정보를 교환하는 형식'입니다. OPML이 RSS와 다른 점은 블로그를 채널그룹(channel group=blog roll) 별로 관리할 수 있다는 점입니다.

이렇게 XML이니 채널그룹이니 하는 말로 설명하면 더 어렵죠. 가장 쉽게 말하자면 여러 개의 블로그 사이트 RSS 목록을 하나의 문서 파일로 만들어 쓸 수 있는 형식이 OPML이라고 보면 됩니다.

예를 들어 피드데몬, 엑스파이더와 같은 RSS 구독기를 쓸 경우 블로그 사이트의 RSS(XML) 주소를 하나씩 등록했죠. 그런데 만약 이렇게 등록한 수 백 개 블로그의 RSS 주소를 다른 등록기 프로그램이나 RSS 구독 서비스로 옮기는 경우를 생각해봅시다.

예를 들어 bloglines.com에 가입해 웹으로 RSS를 구독하려고 합니다. 이때 다시 수 백 개의 블로그 사이트 RSS 주소를 수작업으로 일일이 등록하려면 힘듭니다. 하지만 피드데몬에 등록된 RSS 주소를 OPML 형식으로 저장하면 수 백 개 블로그의 RSS 주소가 정리된 문서 파일이 만들어집니다. 이 OPML 파일을 bloglines.com에서 불러오면 순식간에 피드데몬에서 사용하던 수 백 개 블로그 사이트를 그대로 구독할 수 있습니다.

간단하게 말하자면 OPML 파일은 수 백 개 블로그 사이트의 RSS 주소를 정리한 RSS 목록 파일이라고 보셔도 좋습니다. 따라서 OPML 파일을 지원할 경우 블로그(외에 RSS 지원 사이트) 사이트의 RSS 주소 관리가 무척 편해집니다. 또한 다른 사람이 구독하는 블로그 사이트 정보를 담은 OPML 파일을 받아서 자신의 RSS 구독 프로그램에 등록시키면 손쉽게 다른 사람이 구독하던 좋은 블로그(외에 RSS 지원) 사이트 목록을 공유할 수 있게 됩니다.

자신이 구독하는 블로그 사이트 정보를 OPML 파일로 서로 주고받음으로써 블로거들끼리 좋은 블로그 사이트 정보를 공유하게 되는 것이죠. 마치 과거에 좋은 사이트 정보를 담은 북마크를 주고받으면서 사이트 정보를 공유한 것처럼, OPML을 통해 좋은 RSS 지원 사이트 정보를 공유할 수 있게 됩니다.

RSS와 마찬가지로 OPML의 활용 가치는 아직 매우 높습니다. OPML 수집이나 교환 사이트가 생긴다면 좋은 RSS 지원 사이트를 서로 공유할 수 있습니다. 또한 사이트를 손쉽게 구별하는 등 많은 점이 편리해집니다. 영화 관련 사이트만 정리한 OPML을 수집 사이트에 올리고 이를 모두 더해나간다면 손쉽게 영화 관련 사이트 목록이 만들어지는 셈이죠.

다음은 OPML의 샘플소스이다.

<?xml version="1.0" encoding="ISO-8859-1" ?>

<opml version="2.0">

<head>

<title>scriptingNewsDirectory.opml</title>

<dateCreated>Mon, 31 Oct 2005 17:23:24 GMT</dateCreated>

<dateModified>Tue, 20 Jun 2006 17:49:17 GMT</dateModified>

<ownerName>Dave Winer</ownerName>

<ownerId>http://blogs.opml.org/mail/dave</ownerId>

<expansionState />

<vertScrollState>1</vertScrollState>

<windowTop>163</windowTop>

<windowLeft>626</windowLeft>

<windowBottom>549</windowBottom>

<windowRight>966</windowRight>

</head>

<body>

<outline text="On this day in" created="Mon, 31 Oct 2005 18:22:29 GMT"

type="link" url="http://archive.scripting.com/xml/onThisDayIn.opml" />

<outline text="CNN Podcasts" created="Tue, 20 Jun 2006 17:49:07 GMT"

type="include" url="http://www.cnn.com/services/podcasting/CNN.opml" />

<outline text="BloggerCon" created="Tue, 20 Jun 2006 16:10:55 GMT"

type="include" url="http://www.scripting.com/docNography/index.opml" />

<outline text="Scripting News Archive" created="Wed, 08 Feb 2006 21:44:03 GMT">

<outline text="In HTML" created="Wed, 08 Feb 2006 21:44:07 GMT"

type="link" url="http://www.scripting.com/monthlyArchiveOutline.opml" />

<outline text="In OPML" created="Fri, 10 Feb 2006 20:24:00 GMT"

type="link" url="http://www.scripting.com/opmlArchive/index.opml" />

</outline>

</body>


</opml>

OPML에 대한 더 자세한 내용은 다음 사이트에서 정보를 얻을 수 있습니다.

*연결: http://www.opml.org/

2006/07/21 17:20 2006/07/21 17:20

댓글을 남겨주세요.

[로그인][오픈아이디란?]