웹디자인 포토샵 ::

최신글

어도비, CS6 발표로 디자인, 웹, 비디오 분야에 혁신 선도

어도비 CS6 제품군으로 국내 크리에이티브 마켓 전반에 걸쳐 혁신 선도 대한민국, 서울 2012년 4월 24일 한국어도비시스템즈(www.adobe.com/kr, 대표이사 지준영)는 디자인 전문가 및 웹과 비디오 전문가들을 위한 최강의 툴킷인 어도비® 크리에이티브 스위트® 6 (Adobe® Creative Suite® 6, 이하 CS6) 제품군을 발표했다. 이번 출시 제품은 14가지의 강력한 CS6 애플리케..

자유로운글 베누시안 2012.04.25 1 comment
어도비, 교육 리더십 포럼 2012 싱가포르서 개막

어도비, 교육 리더십 포럼 2012 싱가포르서 개막 - 아태지역 교육 관계자의 55%, 5 년 내 교육 과정에 전자 교과서나 태블릿 같은 디지털 기술 도입 대폭 증가 전망 - 어도비 소프트웨어 툴, 강세 보이며 아태지역 전역에서 도입 중 - 아태지역의 교육계 리더 100 여 명이 교육의 미래에 대해 논의 대한민국, 서울 2012년 3월 30일 한국어도비시스템즈 ( www.adobe.com/kr , ..

자유로운글 베누시안 2012.03.30 3 comment
어도비, 기능과 성능이 대폭 향상된 어도비 포토샵 CS6 베타 발표

어도비, 기능과 성능이 대폭 향상된 어도비 포토샵 CS6 베타 발표 2010년 4월 이후 새로운 기능과 대규모 성능 향상으로 무장 2010년 4월 이후 새로운 기능과 대규모 성능 향상으로 무장 대한민국, 서울 2012년 3월 26일 한국어도비시스템즈(www.adobe.com/kr, 대표이사 지준영)는 디지털 이미징 산업 표준을 가늠할 수 있는 어도비® 포토샵® CS6(Adobe® Photoshop® CS6) ..

포토샵/포토샵 CS6 베누시안 2012.03.26 10 comment
어도비 포토샵 CS6 새로운 기능 소개와 개요

어도비 시스템즈는 크리에이티브 스위트 6 (Creative Suite 6; CS6) 의 정식 발표에 앞서서 2012년 3월 21일 포토샵 CS6 베타버전을 공개했습니다. 현재 베타 단계라서 누구나 무료로 다운받아 사용할 수 있습니다. 이곳 을 클릭하면 어도비 랩(Adobe Labs) 홈페이지에서 다운받을 수 있으며 어도비의 사이트에 아이디가 있어야합니다. 또한 설치후 처음 사용할 때도 로그인 아..

포토샵/포토샵 CS6 베누시안 2012.03.23 11 comment
디지털 마케팅 트렌드 및 비전 제시하는 어도비 디지털 마케팅 서밋 개최

디지털 마케팅 트렌드 및 비전 제시하는 어도비 디지털 마케팅 서밋 개최 - 4,000여명이 넘는 세계적인 마케터들이 한자리에 모여 성황리에 개막 - 어도비 샨타누 나라옌 CEO, 케빈 린치 CTO, 트위터 공동 설립자 아리나 허핑턴 등 각계 유명인사의 키노트 이어져… - 어도비 전년 대비 디지털 마케팅 비즈니스 30% 성장 대한민국, 서울 2012년 3월 22일 한국어도비시스템즈(..

자유로운글 베누시안 2012.03.22 4 comment
포토샵 일정한 간격으로 선 긋기

포토샵은 사진편집 프로그램이다보니까 워드나 엑셀처럼 손쉽게 선을 그리는 방법이 없지만 연속 복사방법을 이용하면 그나마 불편을 덜수 있습니다. 흰바탕의 새문서를 만들고 1의 새레이어 만들기 아이콘을 클릭하여 새레이어를 만든다음 연필툴로 1픽셀의 선을 shift키를 누르고 클릭드래그하여 5처럼 그립니다. 6에서 단일열 선택윤곽도구(Single Column Marquee Tool)을 ..

포토샵/기초 베누시안 2012.03.18 6 comment
HTML5 - HTML5와 웹브라우저, IE핵 적용하기

웹 언어의 사용환경은 W3C의 표준 승격보다는 웹브라우저가 얼마나 빠르게 진화하는가에 크게 좌우됩니다. 현재 HTML5의 표준화단계는 5단계중 첫번째인 Working Draft단계로 초안에 불과합니다. 5대 웹브라우저중 인터넷 익스플로러를 제외하고는 적용이 활발히 진행되고 있습니다. 가장 문제가 IE인데요. 앞으로 나올 IE10버전도 문제가 됩니다. 왜냐하면 사용환경이 윈도우 ..

모바일 웹디자인/HTML5 베누시안 2012.03.07 2 comment
HTML5 - 새로운 태그와 폐기된 태그

HTML5는 30여개의 새로운 태그가 추가 되었고 CSS로 가능하거나() 문제가 되는 태그( )는 지원하지 않게 되었습니다. 지원이 안된다는 것은 완전히 폐기 되어 기존에 이 태그를 사용한 웹페이지가 엉망이 된다는 것은 아니고 웹브라우저는 지원을 하게 됩니다. 이전부터 사용하지말것을 권장한 것은 CSS로 할 수 있거나 문제가 있는 것으로 반대(Deprecated)의견을 제시한 것이..

모바일 웹디자인/HTML5 베누시안 2012.03.06 6 comment
HTML5 - HTML5의 탄생 배경

HTML은 현존하는 프로그래밍 언어중 가장 많이 쓰이는 언어입니다. 왜냐하면 모든 웹페이지는 이 언어를 사용하기 때문입니다. HTML은 Hyper Text Markup Language의 첫글자를 따서 만든 용어입니다. Hyper는 Jump를 의미합니다. 웹페이지는 링크를 클릭하면 다른 곳으로 이동할 수 있고 수많은 웹페이지들과 연결되어 있어서 모든 웹페이지들은 이 링크를 통해서 정보가 연결..

모바일 웹디자인/HTML5 베누시안 2012.03.05 4 comment
CSS3 - transform 속성 사용하여 리본 만들기

좌측 상단의 이미지는 이번 글에서 만들게 될 리본입니다. CSS3의 transform 속성은 여러가지가 값을 사용합니다. 그 값으로 사용하는 것도 형태가 다르지만 구문 구조는 다음과 같습니다. transform: function(measurements); 속성은 항상 transform을 사용하고 값에 해당하는 function에는 translate, scale, rotate, skew 등의 transform의 세부 형태를 지정한 다음 괄호안..

모바일 웹디자인/CSS3 베누시안 2012.03.04 0 comment
CSS3 - border-radius를 이용하여 말풍선 만들기

이번 글에서 만들게 될 말풍선입니다. 이전 글에서 알아본 border-radius를 이용하면 타원형을 만들 수 있습니다. 여기에 border-color, border-style, border-width를 별도로 사용하여 삼각형을 만들고 transform:rotate(deg); 를 사용하면 이 삼각형을 회전시킨 수 있습니다. CSS3의 transform은 나중에 별도로 자세히 알아보겠으나 아직 Working Draft 단계여서 속성값 앞에..

모바일 웹디자인/CSS3 베누시안 2012.03.03 0 comment
CSS3 - border-radius 속성 사용하기

CSS3의 border-radius는 CSS기초부분에서 많이 다루었는데 그만큼 웹페이지에서 많이 사용하는 속성입니다. 인터넷 익스프로러 8버전이하에서는 지원을 하지 않기 때문에 이미지 파일을 이용하여 여러가지 방법으로 둥근 모서리를 만들었죠. IE에서 이것만 지원해도 웹디자인은 쉬워질텐데 말이죠. 1. 웹브라우저별 접두어(Prefix) border-radius 속성은 IE8이하 버전을 제외하..

모바일 웹디자인/CSS3 베누시안 2012.03.02 0 comment
CSS3 - word-wrap 속성 사용하기

CSS3는 이전 글에서 언급한 대로 기존의 CSS에서 발전하여 이미지파일을 사용하지 않고도 웹페이지를 아름답고 멋지게 하는 효과가 대부분입니다. 이번 글에서는 word-wrap 속성에 대해서 알아봅니다. 이것은 단어가 긴 경우 줄바꿈할때 단어를 끊어서 다음줄로 이어지도록 하는 CSS3에서 나온 새로운 항목이지만 거의 모든 웹브라우저에 적용이 가능합니다. 인터넷 익스플로로..

모바일 웹디자인/CSS3 베누시안 2012.03.02 4 comment
티스토리 스킨 만들기 - 방명록, 태그 제목 리본 수정, 사이드바 제목 리본추가 버전

방명록, 태그, 공지사항, 사이드바 제목 부분에 리본을 추가한 버전입니다. 글자의 색상과 배경색상을 변경하려면 #sidebar h3를 검색하여 색상코드를 바꿔주면 됩니다. 1은 글자색상이고 2는 배경색상입니다. 위와 같이 변경했을때 아래처럼 나오게 됩니다. 글자의 색상이 짙으면 배경 색상은 옅은 색으로 해야하고 서로 대비되는 정도가 높아야합니다. 사이드바가 양쪽에 배..

CMS/티스토리 가이드 베누시안 2012.03.01 17 comment
CSS3 - 웹표준과 W3C

1. CSS3의 모듈 CSS3는 CSS2.1의 확장버전으로 CSS2.1이 HTML 요소의 효과를 위한 도구였지만 CSS3는 이 효과를 보다 멋지게 표현하기 위한 도구라고 할 수 있습니다. CSS3 단계부터는 CSS항목(Specification)에 대한 개별적인 개발이 아닌 모듈형태로 개발이 되면서 하나의 모듈에는 많은 항목이 있고 하나의 모듈은 독립체로 사용됩니다. 이러한 모듈에는 선택자(Selectors),..

모바일 웹디자인/CSS3 베누시안 2012.02.29 7 comment
어도비 시스템즈 - 디지털 매거진 및 신문 앱 사용 실태 조사 발표

태블릿 독자에 대한 최신 인사이트 제공 대한민국, 서울 2012년 2월 29일 한국어도비시스템즈 ( www.adobe.com/kr , 대표이사 지준영)는 오늘 스페인 바르셀로나에서 열리고 있는 모바일 월드 콩그레스 (MWC) 2012에서 지난 한 해 동안 태블릿을 포함하여 1,600만 건 이상의 디지털 출판물이 어도비 디지털 퍼블리싱 스위트 (Adobe® Digital Publishing Suite)로 제작되었다..

디자인툴/인디자인 베누시안 2012.02.29 2 comment
티스토리 블로그 가이드 - 소셜네트워크 아이콘 재배치, 헤더 타이틀 배경이미지에 링크걸기

소셜네트워크 아이콘 재배치 오늘 보니 티스토리 소셜네트워크 아이콘들이 작아지면서 글자도 생기고 다음뷰온 버튼과 간격이 많이 떨어져서 보기가 좋지 않네요. 이것은 티스토리 센터에서 보내진 것이라서 수정하기가 힘들죠. 하지만 CSS에서 !important를 사용하면 간단히 해결됩니다. 1부분을 요소검사하면 tt-sns-wrap이라는 클래스 선택자로 CSS에서 관리되는데 높이가 7..

CMS/티스토리 가이드 베누시안 2012.02.29 8 comment
모바일 웹디자인 - 어도비 드림위버 CS5.5를 사용한 모바일 웹디자인

어도비 드림위버는 현존하는 최고의 웹 개발툴입니다. 드림위버는 원래 플래시와 파이어웍스와 함께 매크로미디어라는 회사제품이었는데 어도비가 인수를 하면서 어도비 드림위버로 변경되었습니다. 이제품들의 단축키를 보면 환경설정 단축키가 Ctrl+U로 되어있죠. 다른 어도비 CS 제품들은 Ctrl+K입니다. 이것은 매크로미디어시절부터 사용자들이 익숙해진 단축키를 그대로 ..

모바일 웹디자인/드림위버 베누시안 2012.02.28 1 comment
모바일 웹디자인 - Jquery Mobile을 이용한 웹디자인(티스토리 블로그도 가능할까요?)

어도비에서 작년에 크리에이티브 스위트(Creative Suite; CS)를 5.5로 업그레이드했는데 웹디자인 부분에서 바뀐 것이 드림위버입니다. CS5.5로 업그레이드 됐죠. 그동안 어도비는 점이 들어간 업그레이드가 없었는데 0.5 버전이 나온 것은 아주 이례적인 일입니다. 이것은 그동안 애플의 스마트폰을 시작으로한 모바일 디바이스 시장의 변화에 적극 대처하기 위한 것인데 주로..

모바일 웹디자인/JQuery Mobile 베누시안 2012.02.27 2 comment
티스토리 블로그 스킨 메뉴 변경하기(메뉴 하나만 가능)

티스토리 블로그 스킨을 설치하고나면 잘 안쓰이는 메뉴가 있는데 이를 제거하고 카테고리의 다른 항목을 메뉴에 추가하고 싶을 때가 있습니다. 그런데 어떤 스킨은 메뉴수정이 쉽지가 않습니다. 티스토리 블로그 스킨 메뉴의 일부는 이미지를 사용하여 현재 보여지는 페이지를 표시하고 있습니다. 즉 현재 선택된 메뉴는 다른 색의 이미지로 표시되고 해당 페이지가 열려있죠...

CMS/티스토리 가이드 베누시안 2012.02.24 3 comment