QR코드에 디자인을 입히다.

나만의 QR코드를 만드는 방법을 소개했었습니다.
그리고 QR코드에 대해서 여기저기 찾아보던 중 QR코드를 사용한 디자인을 보게 되었어요.
기본적인 QR코드의 모습은 검은색 바코드 모양일 뿐이었는데, 색을 바꿔주고 이미지를 첨가해서 멋진 QR코드의 모습이더라구요.


 
 
 
 



위 다섯가지의 QR코드 디자인은 '룰루랄라~♬ 즐거운회사'(http://www.looloolala.com/)에서 디자인한 이미지입니다.

멋지지 않나요? :D
정말 다양하게 응용할 수 있구나 하고 직접 해볼 생각은 못한채 넘어가려 했는데,
Enjoy your Happy Life~* 블로그의 닉쑤님이 디자인하신 QR코드를 보게 되었습니다.

바로 소개하죠. 닉쑤님의 QR코드입니다.


캐나다의 소식, 캐나다에서 살아남는 법 등 캐나다에 대한 소식을 전해주는 닉쑤님 블로그의 아이콘인 메이플!을 활용한 디자인이 너무 예쁘지 않나요?
그래서 저도 용기를 얻어 직접 디자인 해보게 되었습니다.



직접 디자인 해보자!  

우선 준비물은 당연히 QR코드


다음 코드에서 만든 블로그로 바로 이동하도록 등록한 소형 QR코드입니다.

그리고 외부 이미지도 QR코드처럼 보이게 하기위한 사전 작업


QR코드를 중심으로 내부를 복사해서 바깥에 붙여넣기 해서 만들었어요.
그림판을 이용했답니다 @_@ㅋ

그리고 바탕이될 기본 이미지


무료 이미지 사이트에서 검색한 수많은 별 이미지 중 디자인 하기에 가장 이쁠 것 같은 이미지로 선택했습니다. :)

소개한 재료를 가지고 '온라인 포토샵'(http://www.pixlr.com/editor/)을 이용해서 한번 만들어봤습니다.



음, 나름 만족스러워서 색을 입혀봤어요.

 
 
 
 
 
 

블루, 라이트 블루, 에메랄드, 레드, 핑크, 옐로우

여러가지 색을 입혀보고 친구 아이폰으로 인식이 되는지 살펴보았는데, 너무 밝은색은 안되더라구요.
너무 밝은색만 아니면 단색으로 입혔을 때 무리없이 인식되는걸 확인하고 블로그 포스팅 하단에 사용할 서명을 만들어 봤어요.


QR코드 도장 상품도 팔던데 도장 느낌이 나도록 @_@ㅋ
명함 내용을 등록한 QR코드입니다 ㅎ

그리고 배너? 로고?
닉쑤님의 QR코드 디자인처럼 블로그 이름을 넣은 코드 디자인을 해봤어요.


에휴,
뭔가 부족해보이는 ㅠㅠ
디자인 쪽으로는 소질이 없는걸까요 ㅠㅠ
더 멋진 디자인 방법을 연구해봐야겠어요 ㅎ

여러분도 나만의 QR코드에 디자인을 입혀보세요 :)
포토샵이 없다면 위에서 잠깐 언급된 '온라인 포토샵'을 사용하시면 된답니다 ㅎ




'Blog > Blog Design' 카테고리의 다른 글

QR코드에 디자인을 입히다.  (15) 2010.12.12
메타블로그 아이콘 / 구독 버튼 공유!  (12) 2010.12.05
메타블로그 아이콘 추천!  (2) 2010.12.05
[디자인] HTML 색상표  (15) 2010.11.20

댓글을 달아 주세요

  1. BlogIcon 닉쑤 2010.12.12 14:02 신고  Addr  Edit/Del  Reply

    잘하시는데요 ㅎ 충분히 멋져요~~

  2. BlogIcon newron1972 2010.12.12 16:33 신고  Addr  Edit/Del  Reply

    잘 보고감니다..

  3. BlogIcon starfield 2010.12.16 16:15 신고  Addr  Edit/Del  Reply

    저도 요즘 회사 QR코드 디자인 해본다고 이리저리 해보고 있는데..
    참고로 디자인 QR 코드는 QR코드가 30%내에서 오류 인식을 할 수 있다는데에서 착안했다고 하네요.
    코드를 30% 내에서 변형해서 디자인을 해야한다는거죠.
    어케 해야 하나 무지 고민 중..

    • BlogIcon 그냥 꼬꼬마 2010.12.16 18:20 신고  Addr  Edit/Del

      아 코드 내부부분을 30% 변형해도 된다는 점이 중점이었군요. 새로운 정보 감사합니다 :)
      저도 한번 코드 내부를 변형시키는 디자인 도전해봐야겠네요 +_+ㅋ

  4. BlogIcon LenAWeb 2010.12.27 02:35 신고  Addr  Edit/Del  Reply

    포스팅 잘 봤습니다.

    몇가지 질문을 드리고 싶어서 댓글을 남기게 됬습니다.
    1. 현재 QR 코드 외형에만 디자인을 했는데 QR 코드 안에 이미지 or 로고를 넣은 경우를 봤는데 어떤 경우에 만 가능한지? 궁금하네요.

    2. 하나의 QR 코드가 다른 리더기를 통해 인식이 가능한지? 아니면 해당 리더기만 인식이 가능한지 궁금합니다.

    • BlogIcon 그냥 꼬꼬마 2010.12.27 14:25 신고  Addr  Edit/Del

      방문 감사합니다 ^^

      1. 코드 내부를 변형하여 디자인 할 경우에는 모서리에 있는 세개의 큰 사각형과 나머지 하나의 모서리 쪽에 있는 작은 사각형 총 네개의 사각형을 피해서 QR코드 내부의 30% 이내의 부분을 변형하는 한도까지만 디자인이 가능한걸로 알고 있습니다.
      2. 어디서 만든 QR코드던지 모든 리더기에서 인식이 가능한걸로 알고 있습니다.

      저도 전문적인 지식이 부족하지만 도움이 되었으면 합니다 ^^

  5. BlogIcon 곰탱이 2011.01.04 09:12  Addr  Edit/Del  Reply

    왜요...너무 실력이 좋으신데요....완죤 초보인 저도 함 시대해보고 싶으네요...
    요즘 명함에 넣을 QR코드 준비중이었는뎅...실력이 안따라주니...ㅡ,.ㅡ;;
    좋은 정보 잘 보고 갑니다..^^

  6. 지나가다 2011.01.13 15:59  Addr  Edit/Del  Reply

    지금 스마트폰에서 에그몬 어플로 스캔해보니까
    인식이 안돼네요

  7. BlogIcon tiffany bracelet 2011.09.23 01:12  Addr  Edit/Del  Reply

    저도 처음에 html 버튼 모르고 있었는데 타이틀 바꾸고 싶어서 요리조리 찾아보다 발견했어요

  8. 강강 2011.12.31 22:23  Addr  Edit/Del  Reply

    저 저 사이트들어가서... 님처럼 qr코드 그림판으로 뭉쳐놔서 불러오기했는데요..
    그다음 어떻게하나요?ㅠ;;
    클립아트이미지도 불러왔는뎁;;
    포토샵처음이라;;

  9. BlogIcon Tiffany Jewellery 2012.05.28 14:09  Addr  Edit/Del  Reply

    결과적으로 너무나도 훌륭