따라해 볼 수 있는 튜토리얼과 간단한 팁에 대해서 다루고 있습니다.

도서 리뷰 – 따라하면 그림이 되는 크리타 Krita

드디어 국내에도 크리타에 대한 서적이 나왔습니다. 무척 반갑네요.

크리타는 포토샵,페인터와 같은 비트맵 방식의 드로잉 어플리케이션입니다. 크리타는 기부를 통해 수익을 창출하고 있을 뿐 오픈소스 즉, 무료로 배포되는 소프트웨어입니다. 그럼에도 불구하고 크리타는 꽤 수준높은 퀄리티를 보여주고 있습니다. 맥, 윈도우, 리눅스 등 다양한 OS에서 작동하고 있어서 대부분의 사용자들이 부담없이 사용할 수 있습니다.

크리타는 드로잉에 특화된 툴 답게 포토샵에서는 찾아보기 힘든 기능들이 있습니다. 패턴 드로잉이라던지, 좌우 대칭으로 그려주거나, 만화경처럼 다각도로 그릴 수 있는 다중 붓 도구같은 기능들 이외에도 무료 소프트웨어가 맞나 싶을정도의 퀄리티를 보여줍니다.

 

책의 내용들을 몇 장면 찍어봤습니다. 밑그림을 스캔해서 불필요한 부분들을 정리하고 라인만 살려서 채색하고 완성하는 과정을 다루고 있습니다. 크리타에서 편리하게 사용할 수 있는 기능들을 사용해서 작업하는 내용들을 확인할 수 있는데요, 크리타는 포토샵에 비해서 회전과 반전하는 기능이 편리합니다. 포토샵에서는 Rotation 이외에는 반전시키고자 한다면 별도의 단축키를 생성해서 만들어야하는데, 크리타는 처음부터 관련 기능들이 단축키로 지정되어 있습니다.

그래서 포토샵과 단축키가 약간 다르게 지정되어 있는 부분들이 있는데, 원한다면 포토샵과 같은 단축키로 지정해주는 옵션도 있습니다. 여러모로 사용자가 드로잉하는데 편의를 많이 제공하고 오로지 순수하게 그림 그리는 재미에 집중할 수 있도록 프로그램이 설계되어 있습니다.

수채화풍의 느낌도 살릴 수 있는 것을 보여주는 튜토리얼 입니다. 책은 스케치북에 그린 밑그림을 가져와서 다루는 방법부터, 셀 애니메이션 스타일, 아크릴/유화풍, 수채화풍 스타일까지 다양한 화풍을 소개하고 있습니다. 책 후반부에 다루고 있는 소소한 팁들은 크리타를 통해 좀 더 폭 넓고 편리한 이미지 편집이 가능하다는 것을 보여주고 있습니다.

일본에서 쓰여진 책 답게 다뤄지고 있는 튜토리얼의 화풍은 대부분이 일본 아니메 스타일로 다뤄지고 있습니다만, 해외 유저 들이 올린 작업들을 보면, 회화수준의 작업들도 확인 할 수 있습니다

크리타가 한국어로도 서비스가 되고 있고, 국내에도 관련 서적이 출시 되었다는 것은 무척 반가운 일입니다. 포토샵, 페인터는 물론이거니와 최근 클립스튜디오, 사이툴과 같은 드로잉 툴들도 많은 관심을 끌고 있습니다만, 크리타도 그 못지 않은 재미있고 훌륭한 툴입니다.

본 서적의 출간으로 국내에도 크리타 유저가 많아졌으면 좋겠습니다.

구매에 대한 정보는 아래 링크를 참고하시기 바랍니다.

 

해당 리뷰에 쓰인 도서는 출판사로부터 제공받았습니다. 

질문하는 방법도 공부해야 합니다

보통 포토샵을 처음 배우시는 분 – 물론 포토샵 뿐 아니라 어떤 분야건 다 마찬가지입니다만, 질문 하는 방법을 모르는 분들이 많습니다. 처음에는 어떤 특정 개인의 문제인 줄로만 알았는데, 대체로 초보자라는 위치에 있는 분들에게서 공통적으로 발견되는 부분들이라는걸 깨달았습니다. 이런 상황들은 보통 텍스트로 모든걸 해결하려는 상황에서 발생합니다.

좋은 예시가 될 것 같아 대화 내용을 하나 캡쳐해왔습니다.

위와 같은 경우는 지금도 사실 이해가 안 가는 질문입니다. 제가 이해력이 부족해서 그럴 수도 있지만, “따닥따닥” 이라던지, “구석”, “이상한 곳” 이런 표현들은 지극히 주관적인 기준에서 표현하는 것들입니다. 질문은 듣는 사람과 내가 공통으로 이해할 수 있는 객관적 표현이어야 합니다. 이를테면 ‘레이어에서 잠금도 풀었고, 주변부에 잘못 칠해진 곳 없이 깔끔하게 잘 정리된 이미지 레이어임에도 불구하고 선택 및 이동이 잘 안된다’라는 식의 구체적인 표현이 필요합니다.

상대방 머리속에서 그림이 그려지도록 질문을 해야지, 자기 머리속에 그려진 것을 일방적으로 쏟아내면 상대방은 무한한 상상의 나래만 펼치게 됩니다. 그러다보면 계속 엉뚱한 답변을 한다던지, 잘못된 답변을 하는데 시간을 낭비하기 마련입니다.

그래서 질문을 하기 전에 내가 이야기하고자 하는 내용을 먼저 적어보고 이야기해보시는 것도 좋은 방법입니다. 하지만 위와 같은 경우는 사실 텍스트로 질문하는 것이 불가능한 내용일 수도 있습니다. 그래서 질문하는 사람은 많은 걸 준비해야 합니다. 화면도 캡쳐해서 보여주고, 그래도 안되면 화면을 영상으로 캡쳐 해서 보내주는 노력이 필요합니다.

그래야 답변하는 사람도 정성껏 답변해 줄 수 있습니다.  도와주고 싶어도 무엇이 답답한지 알 수 없는 상황에서는 답을 해줄 수 없기 때문이죠. 그래서 질문하는 방법도 공부를 해야 합니다. 그리고 무엇보다 기본적인 선택과 이동이 잘 안되는 상황이라면, 기초가 되어있지 않기 때문에 발생하는 문제입니다.

대부분의 질문은 부실한 기초 때문에 발생합니다. 그래서 초보자는 유튜브나 블로그에서 발견하는 화려하게 이미지를 꾸미는 튜토리얼을 무조건 따라하지 않기를 바랍니다. 기본을 굳이 설명하지 않아도 알아듣는 대상을 향해 다루는 내용들을 초보자가 따라하다보면 혼란만 가중될 뿐입니다.

첫 술에 배부를 수 없고, 걸음마도 배우지 않고 뜀박질 할 수 없습니다. 화려해 보이는 이미지들도 결국은 기본적인 기능들을 잘 이해하고 조합하며 사용하면서 만들어내는 것들입니다. 절대 기초를 가볍게 여기지 마시고, 차근차근 인내심을 갖고 기초 툴 들을 반복적으로 다뤄보세요.

한 가지를 익숙해지면,  다음 단계로 넘어갈 때 무의식적으로 쓰게 되면서 학습해야 할 분량이 줄어들기 시작합니다. 그렇게 하나하나 더해가다 보면 결국 대부분의 툴 들을 쉽게 사용할 수 있는 수준으로 올라가게 됩니다.

포기 하지 말고 흥미로운 이미지를 가지고 기초 툴을 다루면서 이것 저것 실험해보세요. 공부가 아니라 놀이처럼 이것저것 만져보면서 발견하게 되는 새로운 즐거움 들도 있습니다. 그게 포토샵을 하는 재미이기도 하니까요.

,

카페24 상품상세 명절,이벤트 공지 일괄 적용/변경하기

지인이 쇼핑몰에서 근무 하고 있는데 고민을 토로하더군요. “추석이 다가와서 상품마다 일괄적으로 배송지연 안내 문구를 넣어하는데, 이걸 도대체 일일이 언제 삽입해야할지 모르겠다” 그냥 어지간하면 제품마다 들어가서 그냥 공지 문구를 삽입하면 될텐데, 이 친구가 일하는 곳에서 다루는 상품수가 만만치 않습니다.

상품은 무려 7660개!!

정말 아찔한 상황이죠. 7660개의 상품을 모두 들어가서 배송지연됩니다 라고 안내 이미지를 삽입한다음, 추석이 끝나면 다시 삭제해야하는 상황입니다. 지금부터 부지런히 시작하면 추석 오기전에 가능할거라고 다독이고 돌려보냈습니다만, ‘내가 너무 잔인했던걸까’ 싶어서 솔직히 조금 기뻤습니다 안타까웠습니다.

아무튼 저도 예전에 쇼핑몰에서 일할때 비슷한 경험이 있었습니다만 그때는 고도몰을 사용하고 있었고, 손쉽게 적용가능한 기능이 있었던게 기억났습니다. 당연히 꼭 있어야하는 기능이기에 카페24도 당연히 있을거라고 여기고 메뉴를 뒤져보기 시작했죠.

프로모션 메뉴 -> 홍보배너/문구관리 -> 공통이벤트 관리 에서 상품 상세이미지마다 공통적으로 내용을 삽입해줄 수 있는 기능이 있습니다.

이 기능을 그 친구에게 알려주니 뛸듯이 기뻐하더군요. 그러다가 다시 고민을 토로하기를 “공통 이벤트라고 넣으면 뭐하냐. 상품 상세이미지 하나하나 공통이벤트를 사용하겠다고 설정해줘야되서 역시 7660번을 또 들어가서 설정해줘야한다” 라면서 금새 또다시 울상이 되더군요. 나이쓰

진짜네. 이렇게 기쁠수가. 심지어 초기값이 노출안함이라서 에누리 없이 전부 노출함으로 변경 해줘야하는 상황.

애써 미소를 감추기 별 수 있냐고 어쩔 수 없는 운명이라고 생각하라고 다시 돌려보냈습니다만, 곰곰히 생각해보니 카페24가 꽤 오래된 시스템인데 설마 이렇게 허술하게 만들었을까 싶어서 다시 뒤져봤습니다.

역시 해당부분을 해결해줄 수 있는 기능이 준비 되어있습니다. 어딘지 쉽게 알 수 없게 꽁꽁 숨어 있을뿐…

위의 메뉴를 찾아 들어가서 원하는 만큼 상품을 전체 선택한 다음 “선택한 상품의” “판매정보”를 “일괄변경” 하겠다고 세팅하고 버튼을 누르면 팝업창이 뜹니다.

그리고 이렇게 공통 이벤트를 일괄적으로 적용해줄 수 있는 메뉴가 있음을 확인할 수 있습니다. 저 친구 7660번 안해도 되겠네요 쳇.

이렇게 상품에 공통적으로 적용해줄 수 있는 프로모션, 이벤트라던지, 안내사항 등을 손쉽게 노출 할 수 있도록 메뉴가 준비되어 있습니다. 명절 앞두고 고생할 쇼핑몰 관리하는 친구들이 혹시 이 기능을 모르고 있었다면 이걸 보고 좀 도움을 받았으면 좋겠습니다. 카페24는 정말 여기저기 기능들이 다 흩뿌려져 있어서 메뉴 찾기가 너무 복잡하고 어렵거든요. 그러다보니 있어도 활용하지 못하는 기능들이 많습니다. 그야말로 구슬이 서말이라도 꿰어야 보배라는 말이 떠오릅니다. 좋은 기능 좀 더 사용하기 쉽게 만들어줬으면 더 좋았을텐데 아쉽네요.

네이버 블로그 – 워드프레스 링크(HTTPS)를 인식하지 못하는 상황

 HTTPS 보안 프로토콜로 바꾸고 나니 이래저래 네이버와 충돌이 많습니다.

네이버 블로그

일단 네이버는 제가 운영하는 블로그에서 발행하는 RSS 피드 조차 인식하지 못합니다. 기존에 이용하던 이웃커넥트 서비스가 갑자기 http에서 https라고 한글자 추가됐는데 정상적인 블로그가 아니라고 퇴짜를 놓습니다.

네이버 웹마스터 도구에 RSS 피드를 제출했는데도, 제출되지 않았다고 뜹니다. 뭐 이건 네이버에서 처리하는데 시일이 좀 걸릴지도 모르니 일주일 정도는 지켜봐야겠죠.

더더욱  불만스러운건 네이버 블로그에 따로 저의 포스팅 업데이트 내용을 올리려고 블로그에 글을 붙여넣으면 제  워드프레스 블로그 링크를 인식하지 못한다는겁니다. 도대체 이게 무슨 이유인가 싶어 이래저래 검색을 해봤죠.

마침 저와 같은 문제를 겪고 계신 분이 있더군요.

이 분은 AlphaSSL을 이용하고 계시는 상황에서 겪는 현상이고, 저는 letsencrypt 인증서를 이용하는 상황이라 인증서는 다르지만, 일단 네이버에서 SSL 보안 인증된 사이트들에 대해서 외면하고 있다는 것이 좀 황당합니다. 허술하면 받아주고, 깐깐하면 돌려보내는게 말이 되나 싶기도 하고…

여튼 다행히도 위의 분이 해결책도 찾아서 남겨주셨습니다.

다행히도 이 포스팅에서 소개해주신 인증방법으로 교체한 다음에는 네이버 블로그에서도 정상적으로 링크를 인식합니다. 덕분에 골치 썪는 문제를 해결 할 수 있어서 무척 고맙습니다.

다음 주말 쯤 RSS 피드만 정상 적용되는지 살펴보고 기다려보면 대략적인 문제는 해결 될 것 같습니다

워드프레스 is_home(), is_front_page() 활용 – 첫화면에서 구글 애드센스 제어

워드프레스 컨디셔널 태그 – WordPress Conditional tag

워드프레스에서는 Conditional Tag – 컨디셔널 태그라고 상황에 따라 화면에 노출되는 내용을 제어해주는 기능이 있습니다. 먼저 제가 겪은 상황을 하나 예를 들어보겠습니다.

CASE – 구글 애드센스 광고 삽입과 관련된 문제

구글애드센스 광고를 손쉽게 삽입해줄 수 있는 easy adsense 라는 플러그인을 사용하고 있었습니다. 워드프레스는 플러그인이 운영을 편리하게 도와주지만, 플러그인이 많을수록 사이트가 무겁고 느려집니다. 웹브라우저에 보여지기까지 이것저것 불러들어야할 것들이 많아진다는 이야기죠.

하지만 구글 애드센스 광고를 굳이 그렇게까지 플러그인에 의존해서 과한 로딩을 만들어주고 싶지 않아서 직접 코드를 삽입하기로 했습니다. 그런데 문제가 생겼습니다. 테마에 따라 다르게 설정되어있습니다만, 워드프레스 상에서 TwentySeventeen 테마의 single.php 기본 코드를 확인해보면 아래와 같은 구문이 발견됩니다.

content라는 템플릿을 호출해서 사용한다는 이야기인데요. 해당 템플릿 파일은 themes/twentyseventeen/template-parts/post/content.php  이런 경로를 타고 가서 필요한 내용을 불러다 쓰게 만들어져 있습니다.

대략적으로 구조를 단순하게 파악하자면 아래와 같이 이해할 수 있습니다.

그래서 본문에 구글 애드센스 소스코드를 삽입하면, 아래와 같이 정상적으로 글 상단에 연금저축과 관련된 광고가 노출되는 구글애드센스가 삽입된게 보입니다.

구글애드센스

본문에서는 원하는 위치에 제대로 삽입된것이 확인됩니다.

그런데 문제는 목록화면에서도 제가 삽입한 구글 애드센스 코드가 노출된다는겁니다. 바로 아래사진처럼 말이죠.

구글애드센스

제목과 섬네일이미지와 구글애드센스가 죄다 뒤섞여있는 총체적인 난국입니다.

제가 원하는건 그저 본문 상단과 하단에 노출되는 것인데, 이렇게 컨텐츠를 죄다 가리는 상황을 바라는건 아니었습니다. 그래서 이 상황을 어떻게 해결해야하나 보니 컨디셔널 태그를 활용하면 된다는 답을 얻었습니다. 역시 구글.

컨디셔널 태그 Conditional Tag

컨디셔널 태그는 워드프레스 코덱스 페이지  에서 더 많은 상황을 제어할 수 있도록 소개하고 있지만, 저는 지금 첫 화면에서 보여지는 목록에서 구글애드센스가 뜨지 않도록 하고 싶은 상황이기 때문에 is_home() 과 is_front_page() 컨디셔널 태그를 활용하기로 했습니다. is_front_page() 만 사용해도 해결이 되는 상황입니다만, 블로그 페이지를 따로 보여질 상황을 위해서 is_home() 까지 설정해주는 것이 권장되는 상황입니다.

보통 첫화면 에서 is_home() 과 is_front_page()를 동시에 사용할 경우엔 아래와 같은 방식으로 사용됩니다.

위의  php 코드 내용은 이런 뜻입니다 “만약에 첫 화면(정적인페이지,최근글) 그리고 블로그 화면 이라면 수행해야할 명령” 그런데 제가 하고 싶은건 첫화면이나 블로그 화면이라면 하지마! 라는 명령을 하고 싶은 상황입니다. 그런 경우엔 아래처럼 사용해야합니다.

차이점은 느낌표가 앞에 들어간 겁니다. 보통 프로그래밍을 배울때 if문을 배울때 느낌표가 앞에 들어가면 not이라는 의미라고 설명합니다만, 저는 이해가 잘 안가더군요. 그래서 그냥 이해하기 쉽게 이야기하자면 저런 상황에서는 이런걸 하지말라는 의미로 쓰는겁니다.

그래서 위의 컨디셔널 태그를 활용해서 구글 애드센스가 첫화면에서는 보여지지 말라고, 느낌표를 붙여서 소스 코드를 삽입해주었더니 정상적으로 작동하게 됐습니다.그 결과는 아래와 같습니다.

애드센스

지저분하게 구글애드센스가 목록에 노출되지 않게 되었습니다