잠시만 기다려 주세요.

웹디자인

반응형
    블로그의 아주 조그마한 변화

    블로그의 아주 조그마한 변화

    서관덕의 시간이 머문 작은공간™이 몇년만에(?) 아니 블로그를 본격적으로 운영할 때 부터 사용한 심블마크를 약간 바꿨다. 원래 계획은 직접 제작한 캘리그라피로 만들 생각이였다. 하지만, 개인적으로 캘리그라피 제작능력은 없고, 정말 친한 지인에게 의뢰를 했으나, 아직까지 깜깜무소식이라, 어쩔 수 없이 많은 검색신공으로 비슷한 느낌의 캘리그라피 서체를 다운받아 만든 심블이다.하하하 이전 것과 비슷한 느낌(?)이지만, 블로그 주인인 저의 감성적 신체적 느낌과 비슷하고 조금은 더 부드럽게 다가서기 위해서 심혈(?)을 기울여서 뚝딱만들었다.하하하 사용한 서체는 디지털서체 개발 전문기업인 "해움(http://www.heumm.com/)"에서 다운받았으며, 이 회사는 비상업적 용도로 사용하는 서체에 한해서 라이센스프..

    [포토샵 팁]네이트 "왜떴을까?"와 같은 이미지 및 사진 효과

    [포토샵 팁]네이트 "왜떴을까?"와 같은 이미지 및 사진 효과

    정말 오랜만에 포토샵 활용 팁을 작성해본다. 이번 활용 팁은 사진 보정 기법으로, 네이트 메인 우측 상단에는 "왜 떴을까?" 비슷한 이미지를 표현하는 기법을 소개한다. 물론, "왜 떴을까"를 검색해 보시면, 저와 비슷한 활용 강좌가 정말(?) 많이 있을 것이다.ㅎㅎ 위의 이미지가 네이트 메인화면 우측 상단에 있는 그림 같은 사진의 보정된 화면이다.ㅎㅎ 뭐 이번 강좌에서는 이런 종류와 똑같다고는 할 수 없지만, 비슷하게나마 어떻게 수정해 들어가는지에 대해서 전체적으로 한번 알아보고, 디테일한 작업의 내역들은 이 글을 보는 여러분 스스로가 한번 연습해 봄으로써, 전체적인 포토샵 작업을 손에 익힐 수 있다. 우선 작업된 결과물부터.ㅋ 딱 봐도 어떤게 원본이고, 어떤 게 수정본인지 확인할 수 있을 것이다.^^ ..

    [PHP]현재 접속이 모바일인지 PC인지 체크 코드

    [PHP]현재 접속이 모바일인지 PC인지 체크 코드

    요즘 스마트폰의 보급화로, 인터넷 웹 사이트의 조건도 많이 바뀌고 있다. 옛날 피쳐폰에서는 웹페이지 보기도 힘들도 제작도 만만치 않는 비용이 들어가는 작업이라 큰 효과를 보지 못했지만, 스마트폰은 상황이 다른다. 너무나 쉽게 웹사이트에 접근할 수 있고, 제작 또한 일반 PC용 웹사이트와 동일한 방법으로 제작되기 때문에 제작과 접근이 상당히 편리하다고 볼 수 있다. 그러데, 현재 운영중인 홈페이지나 새롭게 만드는 홈페이지가, 모바일에 최적화되어 보이는 것이 아니라, 일반 페이지가 그대로 보여, 내용 확인하는 데 있어 상당한 애로점도 많고, 무한 요금제가 아닌 경우, 트래픽에도 굉장히 민감할 것이다. 또한 몇몇 스마트폰 운영체계는 플래시를 지원하지 않기 때문에, 플래시 이용해서 만들어진 사이트는 모바일에서는..

    [포토샵 활용 강좌] 포토샵에서 외부 브러시 사용 방법

    [포토샵 활용 강좌] 포토샵에서 외부 브러시 사용 방법

    포토샵을 이용한 작업에서 일반적으로 가장 많이 사용되는 기능은 색상 조절 또는 문자, 도형 등이 가장 많이 사용될 것이다. 하지만, 이쁜 이미지를 꾸민다던가, 화면을 만들기 위해서는 많은 노력과 소스 이미지들을 필요로 하고 있다. 의외로 포토샵 브러시를 적절하게 이용하면, 크게 고생하거나 고민하지 않아도 손쉽게, 이쁜 이미지를 만들 수 있다. 하지만, 기본적으로 포토샵에서 제공하는 브러시 세트만 이용하는 경우가 많은데, 웹사이트 검색하다 보면, 상당히 많은 무료 또는 유료, (유료이지만, 어둠의 경로를 이용하여)등 자료들이 참 많이 있다. 대표적인 사용 예를 본다면, 사진에 많이 쓰이는 낙관이나, 아기자기한 아이콘(별, 불빛, 천사 날개, 왕관)등 주위에 조금만 관심을 가지고 보면, 참 많은 곳에 사용되..

    [HTML] favicon(파비콘)생성 및 사이트 적용 방법

    [HTML] favicon(파비콘)생성 및 사이트 적용 방법

    요즘.. 각종 포탈이나, 개인 사이트, 쫌 알려진 홈페이지에 들어가 보면, 주소창 좌측에 이쁜 아이콘들이 많이 붙어 있는 것을 볼 수 있을 것이다. 뭐.. 알고 계신 분들도 많겠지만, 현업에서 일하시거나, 웹 관련 쪽을 공부를 하시는 분들에게 손쉽고, 편리하게 파비콘(favicon) 생성 및 사이트 적용 방법에 대해서 설명한다.^^ 우선.. 파비콘이 적용된 예를 함 보자.. 위와 같이 브라우즈 주소창에 또는 탭에.. 그리고.. 즐겨찾기 목록에 파비콘이 생성된다. 쫌 있어보이는 사이트 또는 블로그를 만들 수 있고, 자신만의 개성을 최대한 살릴 수 있는 조그마한 팁일 것이다.ㅎ 자.. 그럼 우선 파비콘 아이콘을 만들어 보자.. 아이콘을 만드는 방법은 포토샵등과 같은 프로그램을 이용하여 아이콘을 직접 만들거나..

반응형