IT 서비스 中 디자인(홈페이지구축, 앱제작 등), 마케팅(홍보물 디자인 등) 분야에서 활약하고 있는 중소기업 · 소규모 사업자를 선정하고 있습니다. 투아이엑스는 세세한 고객 요구에 대응할 수 있으며, 중소기업을 주 클라이언트로 두고 있어 적당한 가격대에서 서비스를 제공합니다. 일반적인 디자인으로 만족하지 못하는 고객의 요구를 충족시켜드릴 수 있습니다. 투아이엑스에서는 기업이념 「인간 중심 사고방식으로의 디자인」을 내걸고 고객이 원하고 사용자가 원하는 지향점을 향한 서비스를 제공할 것입니다. https://www.mssmiv.com/tpPortal/intro/PeformList

워드프레스로 로그인페이지를 생성하고 로그인페이지 연결 및 로그인페이지와 어드민페이지 URL을 변경해봤습니다. WPS Hide Login 플러그인을 통해 로그인페이지 연결과 동시에 URL변경까지 한번에 해결이 됩니다. 보안상 로그인페이지와 어드민페이지를 변경하는 것이 좋다고 합니다. 01. 로그인페이지 생성 로그인, 회원가입을 처음 적용하시는 분들은 헷갈리실 것 같다는 생각이 들었습니다. 로그인 페이지를 어떻게 만들어야 하고 새롭게 적용하는지요. 편집기마다 틀리겠지만 저는 엘리멘토 프로를 쓰고 있기 때문에 엘리멘토 프로 [로그인]을 가지고와서 작업을 할 수도 있었지만 디자인이 Twenty Twenty-One 워드프레스 기본 제공테마라서 고민이 많았습니다. 그냥 멤버관련 플러그인을 깔아서 적용했습니다. 바로..

1. 명령 프롬포트(검색창에 cmd)를 마우스 오른쪽 우클릭으로 [관리자 권한]으로 실행 2. 명령어 CheckNetIsolation LoopbackExempt -a -n=adobe.xd_pc75e8sa7ep4e 를 입력 3. XD를 다시 실행해주세요

오늘은 [일러스트레이터] 로 작업 시, 새 창을 열었을 때 [아트보드] 모드로 창이 뜨는 경우 일반 🚩 캔버스모드로 새창을 켜는 간단한 방법 🚩 을 공유하려고 합니다. 참고로, 일반 캔버스에서 작업 도중, 단축키 [Shift + o] 를 누르면 대지[아트보드] 모드로 변환이 되는데요. 다음 번 작업에는 캔버스 모드로 창을 띄우고 싶을 때, 계속해서 아트보드 모드로 뜨는 경우가 있습니다. 😵‍💫😵‍💫 이럴 때 사용하는 초초초 간단한 팁입니다.👌🏻 간단한 내용이어서, 별도 정리는 하지 않겠습니다. 도움 되었기를 바랍니다. 좋은 하루 보내세요 :-)

여러분, 안녕하세요. 아직 계절상 겨울이지만, 조금씩 해가 길어지고 있고 구정이 지나면 몇 번의 꽃샘추위 뒤에 따스한 봄이 찾아 올거예요. 다가오는 봄을 미-리 맞이하여! 오늘은 한 발 앞서 식물을 만나보려 하는데요 :-) 여러분 혹시 행잉플랜트 아시나요? 영문 그대로 해석해보면 걸어 두는 식물. 정도로 표현할 수 있을텐데요. 건물 외벽이나 가정 집 화장실에 두기도 하는, 쉽게 접할 수 있는 화분의 종류죠. 자연스럽게 줄기와 잎들이 아래로 퍼져나가며 자라나는게 매력적인 행잉플랜트! 차근히 따라 그려보겠습니다. * 사용APP : 프로그리에이트 #1. 화분그리기 #2. 그림자 주기 #3. 클리핑 마스크 사용하기 #3-1. 클리핑 마스크 기능 확인 #4. 줄기와 잎사귀 그리기 #5. 화분걸이 그리기 #6. 행..

여러분 과메기가 어떤 물고기인지 아시나요? 저는 너무 궁금했습니다. 검색을 해보니 원래 청어를 말린 것이였으나 청어의 어획량이 줄면서 최근에는 90프로가 꽁치로 만든다고 하네요. 충격!!!!! 😲 저만 몰랐나요? 우리가 좋아하는 과메기가 꽁치였다니. ㅎㅎㅎ 🐟 한번 꽁치를 그려보겠습니다. 근데 제가 꽁치를 별로 안좋아하긴 합니다. 저는 고등어 좋아합니다. 삼치나요. 다음에는 고등어와 삼치에 도전해 보겠습니다. ㅎㅎㅎ 자~ 그럼 지금부터 그려볼까요? 🎨 원본은 이것입니다. 짜자잔 🤟 세마리 다 그리면 힘드니 1마리 그리고 복사하겠습니다. 레몬도 1개만 그릴게요. 초록색 식물은 음.. 생략할게요. 프로크리에이트로 그리겠습니다. 관건은 저 비늘입니다. 비늘의 표현에 따라서 퀄리티가 결정될 것 같네요. 일단, ..

인쇄물 작업 시 컬러를 어떻게 선택하고 작업해야할까요? PC화면이나 모바일 화면에서 보는 컬러는 RGB컬러입니다. 인쇄 출력물은 CMYK이고요. 인쇄 출력물이 표현할 수 있는 컬러는 PC화면이나 모바일 화면에서 표현할 수 있는 컬러보다 한정적입니다. RGB컬러로 작업하고 출력해보면 컬러가 제대로 안나와 멘탈이 나가게 되죠. 물론 인쇄전문가들은 잘 알고 계시겠지만 인쇄를 처음 접하시는 분들은 고민이 많으실 것입니다. CMYK는 챙한 컬러를 표현하지 못하는 성질이 있습니다. 물론 별색이라는 인쇄 방식이 있긴하지만 금액이 많이 들고 대량인쇄 시에만 인쇄소에서 작업을 진행합니다. 별색 방식은 추후에 다루도록 하겠습니다. 위의 RGB 이미지를 보시면 배경 그린컬러를 컬러피커로 찍었을 시 회색 영역에 찍힙니다. 회..

안녕하세요! 투아이엑스입니다. 투아이엑스는 디지털 디자인 제작 전문 에이전시 입니다. 첫 인상은 3초 안에 결정난다고 하죠. 그를 좌우하는 것, 바로 디자인에 있습니다. 우리는 고객과 사용자를 인터페이스 디자인으로 연결하여 매력적이며 효과적인 첫인상으로 오래 각인될 수 있도록 최상의 디지털 공간과 경험을 제공합니다. 나아가 고객에게 최적화된 아이덴티티 디자인을 제공하고, 사용자에게는 정확한 정보와 아름다운 비쥬얼을 선사합니다. 실사용자 중심의 관점에서 완성도 높은 인터렉티브 디자인을 추구하며, 이렇게 고객과 사용자를 유기적으로 연결하는 디지털 디자인을 가장 잘 해내는, 우리는 투아이엑스 입니다. 우리는 고객의 경영철학을 어떻게 표현해 낼 것인가 고민하고 작업합니다. 디자인은 보기에만 좋기보다 의미 있고 ..

사진에 노이즈 효과 제대로 주고 계신가요? 사진에 노이즈를 바로 준다면 상관이 없지만 컬러매트(솔리드)에 효과를 주고 블렌딩 모드를 줄 경우 어떤 컬러에 효과를 주느냐에 따라 결과 값이 달라집니다. 원본 유지를 위해서라도 후자의 작업 방식을 선택하는게 좋습니다. 보통 화이트나 블랙 컬러에서 노이즈를 주시는 분들도 계시더라고요. 화이트나 블랙컬러 혹은 다른 컬러에 노이즈를 주게 되면 사진의 원본이미지가 달라지게 됩니다. 그래서 화이트와 블랙 컬러값의 중간값 그레이 컬러를 사용하는 것입니다. 컬러 코드는 이것입니다. R:128 / G:128 / B:128 (#808080) 위의 사진에 화이트, 블랙, 그레이중간값(#808080) 컬러에 노이즈필터를 적용하여 배교해 보겠습니다. 필터 적용 후 Overay 효과..

1.기획서란 기획서란 웹사이트를 어떻게 만들어 나갈 것인지 구체적인 과정과 내용을 담은 문서입니다. 웹사이트 제작은 기획부터 완료까지 여러 과정을 거칩니다. 이것을 머릿속으로만 정리할 수는 없습니다. 또한 관계자들에게 정확한 내용을 전달하기 위해 기획서는 반드시 필요합니다. 2. 기획서의 구성 도입 📈 - 기획을 하게 된 경위, 목적 등을 간단히 설명합니다. 현재 문제점 → 개선책 제시 🎯 - 사용성, 디자인, 마케팅, 전략 등 다양한 방면으로 바라봤을 때 지금의 웹사이트가 가진 문제점을 (데이터 등을 활용하여) 설명합니다. - 개선책을 제시하고 기획의 목적과 기대하는 결과를 말합니다. - 업계를 선도하고 있는 경쟁사의 전략과 콘텐츠 구성을 파악하고 자사와 비교합니다. 내용 📊 - 무엇을 기획하고 있는지..

공사일정표 서식 무료 다운로드 by.투아이엑스

직소퍼즐은 하나의 그림을 여러 조각으로 잘라 놓은 것을 ☞ 다시 하나의 그림으로 붙여 완성시키는 놀이입니다. 대형 서점이나 팬시점 또는 문구점에 자리 한 편씩을 차지하고 있습니다. 퍼즐을 맞춰나가는 과정도 좋지만 명작을 벽에 걸어놓을 수 있다는 것 또한 큰 매리트입니다. 직소퍼즐의 유래 1760년 영국 런던의 한 지도 제작자가 나무판위에 지도를 그린 후 실톱(jigsaw)으로 잘라 퍼즐을 만든 데서 유래합니다. (출처 : 위키백과) 직소퍼즐 종류 1. 난이도 (조각 개수별) 당연한 말이지만 퍼즐 개수가 많을수록 맞추기 어렵습니다. 아동용으로 나온 적은 개수의 퍼즐부터 ~ 3,000조각 이상의 고난도 퍼즐까지 종류는 매우 다양합니다. 그 중 1,000피스가 제일 대중적으로, 그림의 종류도 가장 다양합니다...

뉴모피즘은 리얼리즘을 지향하지 않는 새로운 형태의 입체 디자인입니다. 그간 플랫한 디자인만으로 피로해진 시각에 신선한 느낌을 줍니다. 100% 플랫 한 디자인보다 생동감 있고 세련되게 느껴집니다. 톡 튀어나온 버튼은 눌러보고 싶게 만듭니다. 미술 표현기법 중 페이퍼 캐스팅(Paper Casting)이라는 것이 있습니다. 종이를 눌러서 음각과 양각의 요철을 만들어 오브젝트를 표현합니다. 뉴모피즘과 페이퍼캐스팅은 비슷한 점이 많아 보입니다. 다만 뉴모피즘은 디지털 환경에서 작업되므로 평면(Solid)에 인위적인 하이라이트(#FFFFFF)와 섀도(solid 보다 어두운색)를 주어 요철을 표현합니다. 때문에 오브젝트와 배경 간의 경계가 명확하지 않다는 치명적인 단점이 있습니다. 이는 오브젝트를 인지하기 어려움(..

커피브랜드 혹은 대학교, 병원 등에서 많이 사용하는 원형 엠블럼 디자인입니다. 천천히 따라해 보시면 좋을 것 같습니다.

1. 프리미어 실행 → New Project → OK 2. 좌측하단으로 파일 끌어다놓기 (or 더블클릭 후 파일 선택) 3. 오른쪽으로 한 번 더 Drag&Drop 4. 자를 지점 설정 후 Ctrl + K (Sequence → Add Edit) 5. 자를 부분을 선택 후 삭제해줍니다. 6. 빈 공간 없애기 : 빈 공간 오른쪽 클릭 후 → Ripple Delete 7. 내보내기 합니다. (Ctrl + M) 8. ① 포맷 : H.264 (mp4) ② Output Name의 파일이름을 클릭하여 파일이 저장될 위치를 지정합니다. (안하면 찾기 어려움) ③ Export 완료 * 프리미어 프로 저장 파일의 기본 위치는 C: / User / 사용자이름 / 문서 / Adobe / Premiere Pro / 해당버전 입..

이 글은 Lollypop Design Studio 의 글을 번역한 글입니다. 2021년 일러스트레이션의 경향은 무엇일까요? 올해 내내 화제를 불러일으킬 것으로 보이는 일러스트레이션에 대해 한 번 살펴보십시오. 1. Abstract (추상적) 추상화는 과거에 대유행했었습니다. 이 스타일은 우리가 무형의 주제 파악에 대한 이해를 돕습니다. 추상화에는 경계가 없으며, 상상하는 데까지 가서 그들 자신의 규칙들을 가지고 새로운 세계를 창조할 수 있습니다. 우리는 이 스타일에 푹 빠져있고 우리가 이해할 수 없는 세상을 볼 수 있게 도와주기 때문에 더 많은 것을 볼 수 있기를 기대합니다. 2. 3D Realistic (사실적) * cabeza_patata 일러스트레이션 스큐어모피즘(실제 개체를 모방 하는 인터페이스 ..

회사 홈페이지를 의뢰할 때, 제작을 어디에 맡겨야 좋을지 요청 내용은 어떻게 전달해야 할지 막막할 수 있습니다. 제작할 곳을 정했어도 디자이너와 대화를 제대로 나누지 않는다면 나중에 문제가 생길 수 있습니다. 문제를 미연에 방지하기 위해 어떤 점을 미리 확인하면 좋을지 알아봅니다. 1. 내가 원하는 "홈페이지 유형" 제일 먼저 본인이 만들고자 하는 홈페이지의 유형을 정해야 합니다. 아래는 대표적인 홈페이지 유형 입니다. 비즈니스(기업) 웹사이트 전자 상거래 웹 사이트 랜딩 페이지 마이크로 사이트 블로그 포트폴리오 사이트 프로모션 사이트 2. 홈페이지를 만드는 "목적" 누구를 대상으로하고 무엇을 위한 홈페이지인지 확실히 정해야 합니다. 용도와 목적, 타깃을 정하고 나면 어떤 디자인과 기능이 필요할 지 결정..

이 글은 Gal shir 이라는 일러스트레이터의 글을 번역한 글입니다. 색상은 디자인에서 가장 중요하고 강력한 요소 중 하나입니다. 디자인은 진화하기 때문에 색상에 대한 인식 (그리고 색상을 사용하는 방식)은 끊임없이 변화하고 있습니다. UI, 브랜딩, 일러스트레이션, 타이포그래피 등에서 그라디언트를 눈에 띄게 사용하는 새롭고 신선한 디자인 트렌드가 있다는 것을 알게 되었습니다. 세상에 존재하는 모든 색인 지루해진 것 같아서 사용하는 새로운 방법을 만들기 시작한 것입니다. 그라디언트는 두 개 이상의 서로 다른 색상을 사용하여 하나의 요소를 칠하고 요소 사이에서 점차 희미해지는 방식으로 만들어집니다. 그라디언트를 사용하면 디자이너가 새로운 색상처럼 느껴지는 무언가를 만들 수 있습니다. 이전에는 없었던 톤,..

01. 글씨 쓰기 02. Object > Envelope Distort > Make with Warp 03. 옵션 설정 - Style : Flag - Bend : 적당히 조절 04. 완성

포토샵에서 작업을 하다보면 파일사이즈가 엄청나게 커질 때가 있습니다. 포토샵의 레이어가 정리가 안되서 그런 경우가 있고 이유없이 원인 모를 경우가 있습니다. 레이어 정리로 총 9가지의 사이즈 줄이는 방법과 레이어들을 새 도큐먼트로 옮겨서 줄이는 방법을 알아보도록 하겠습니다. 1. 레이어 정리로 파일 사이즈 줄이기 - 도큐먼트 Trimming 또는 Crop - 스마트 오브젝트 Rasterize - 빈레이어 삭제 - 숨겨진 레이어와 사용하지 않는 레이어 삭제 - 마스크 Apply - 레이어, 클리핑마스크 레이어 Merge - 이미지 사이즈 줄이기 - 레이어 이펙트 Apply - 사용하지 않는 레이어 이펙트 삭제 - 도큐먼트 Trimming 또는 Crop 도큐먼트를 Trim 또는 Crop로 크롭해줍니다. 도큐..

같은 색을 블랙과 화이트만 조절하여 색 변형하는 경우 색상이 탁해 보이기 쉽습니다. 색조(Hue)를 조절해야 합니다. 색을 밝게 만들 때 화이트를 추가하지 않더라도 남색보다는 파란색이, 파란색보다는 하늘색이 밝은 느낌을 줍니다. (ex. 남색을 밝게 할 때 '남색 + 흰색'이 아니라 → '파란색') A는 투명도만 조절하였고, B는 색조도 조절했습니다. B가 A보다 맑고 생동감 있는 배색으로 느껴집니다. 빨간색보다는 주황색이, 주황색보다는 노란색이 밝게 느껴집니다. 결론은 투명도만 조절하는 것보다 1.색조(H) 조절 후 → 2.채도(S) 조절로 더 맑고 다양한 톤온톤 배색이 가능합니다.

1. 펜툴로 라인긋기 2. 라인 선택 후 Effect > Distort & Transform > Zig Zag 3. 원하는 만큼 옵션 수치 조절 후 OK 4. 라인 선택 후 Object > Expand Appearance (깨기) 5. 바닥에 면을 깔고 전체선택 후 Pathfinder > Divide 로 분리합니다. (Pathfinder 창이 없다면 Window 메뉴에서 체크 on) 6. Ungroup (ctrl+shift+G) 후 필요없는 부분을 지우고 완성

해당 콘텐츠는 웹디자인에서 기초적으로 사용하는 그리드(Grid)의 사전/실무적 정의, 간단한 비교예시를 소개해 드리며 궁극적으로는 유용한 그리드 사이트 소개를 위한 글입니다. 웹디자인 그리드의 아주 기초적인 부분을 다루고 있기에 바쁘신 분은 하단 [사이트 소개] 부분만 신속하게 확인하셔도 되겠습니다. :D 01. 그리드란? 그리드의 사전적인 뜻을 간단히 하면 '격자, 바둑판의 눈금' 등을 뜻하며, 일반적으로는 수직과 수평으로 면이 분할된 것을 의미합니다. 결국 시각적 콘텐츠를 효과적으로 배열하기 위한 뼈대가 그리드의 뜻이라 할 수 있겠습니다. '그리드 시스템'은 디자인의 효과적인 '레이아웃을 구현할 때' 그 바탕이 되는 것이므로 이는 디자인의 레이아웃에 규칙을 부여하는 수단입니다. [ 기본요소 ] 1) ..

1. 펜툴로 그립니다. 2. 모든 선은 맞닿아있어야 합니다. 3. 그린 것을 전체 선택(ctrl+A) 후 Object 메뉴 > Live Paint > Make 합니다. 4. Live Paint Bucket 툴로 개별 영역(마우스 올리면 빨간선으로 표시됨)을 클릭해 색을 채워줍니다. 5. 완료.

이글은 UX Collective의 글을 번역한 글입니다. All the morphisms 뉴모피즘과 글래스모피즘은 모두 미니멀리즘과는 반대되는 디자인 방식이었습니다. 이 모멘텀은 스큐어모피즘에서 메터리얼디자인과 모던디자인 트렌드의 기능적 미니멀리즘에 이르기까지 그 트렌드가 변화할 때만큼 반응이 컸습니다. 디자인 트렌드가 되돌아오는 기간은 약 7년이 걸린다고 생각합니다. 첫 번째 아이폰(2007)의 나무 배경과 박음질 가죽은 iOS 7(2013)의 최소 디자인에 자리를 잡았고, 2020년에는 실제 세계와 유기적인 영감을 되찾기 시작했습니다. 마이크로소프트와 애플 모두 프로스트 글래스에스테틱(Microsoft와 Apple 모두)을 사용함에 따라, 사람들은 일반적으로 이러한 변화에 긍정적인 반응을 보였다. 우..

http://www.yes24.com/Product/Goods/3991931 로고 디자인 러브 로고는 로고타이프의 줄임말로 회사나 제품의 이름이 독특하게 드러나도록 만들어 상표처럼 사용되는 글자체를 일컫는다. 기업의 얼굴로서 회사나 제품이 지니는 이미지를 쉽게 전해야 한다. www.yes24.com UI 디자이너로 활동하면서 로고, 브랜딩, 패키지, 아이덴티티 디자인은 익숙하지 않은 디자인입니다. 항상 비슷한 작업에 지쳐있는 나에게 이 책은 디자인이라는 다른 분야를 탐색하게 해 주었고 로고 디자인 프로세스 및 디자이너의 마인드와 경험담 등을 통해 UI디자인과의 공통점과 차별점, 그리고 클라이언트와의 커뮤니케이션 등 많은 도움이 되었던 책입니다. 2010년에 나온 책이고 그리 두껍지 않은 책이지만 디자이너..

안녕하세요. 엣시 가입하고 무료리스팅을 공유 안했는데 이제서야 공유 드리게되었습니다. https://etsy.me/3oDkDCk ★주의하실 점은 타고 들어간 링크를 끝까지 유지한채로 가입을 마쳐야 한다고 하네요. 본인의 링크도 공유하셔서 추가로 무료 리스팅을 받아보세요.

여러분! 시그니처란 단어 많이 들어보셧죠? 시그니처란? 서명과 특징이라는 의미를 가진 영어 단어입니다. 서명이나 간판, 상징을 의미한다고 보시면 될 것 같습니다. 일부 브랜드에서는 시그니처라는 단어를 고급 브랜드의 상표 이름으로 상용하기도 합니다. 그 회사에서 특별히 제작한 제품이라는 의미로 해석 되기도 합니다. - 나무위키 뮤지션들은 그들만의 시그니처가 새겨진 자신만의 악기를 제작하기도 합니다. 예를들어 장범준 기타라고 벤티볼리오라는 브랜드에서 장범준만의 시그니처 기타 시리즈가 판매 되고 있습니다. 해외 유명 뮤지션들도 각 분야에서 다양한 시그니처 제품들을 선보이고 있고요. 스타벅스에서는 각종 시그니처 음료들과 굿즈, 그리고 시그니처 매장에서는 특별한 제품들을 구매도 할 수 있습니다. 그렇다면 웹디자인..

http://www.yes24.com/Product/Goods/3991931 로고 디자인 러브 로고는 로고타이프의 줄임말로 회사나 제품의 이름이 독특하게 드러나도록 만들어 상표처럼 사용되는 글자체를 일컫는다. 기업의 얼굴로서 회사나 제품이 지니는 이미지를 쉽게 전해야 한다. www.yes24.com UI 디자이너로 활동하면서 로고, 브랜딩, 패키지, 아이덴티티 디자인은 익숙하지 않은 디자인입니다. 항상 비슷한 작업에 지쳐있는 나에게 이 책은 디자인이라는 다른 분야를 탐색하게 해 주었고 로고 디자인 프로세스 및 디자이너의 마인드와 경험담 등을 통해 UI디자인과의 공통점과 차별점, 그리고 클라이언트와의 커뮤니케이션 등 많은 도움이 되었던 책입니다. 2010년에 나온 책이고 그리 두껍지 않은 책이지만 디자이너..

오늘은 포토샵 2021버전에서 별, 다각형, 뱃지 모양을 만들어 보겠습니다. 초보자용이니 참고 바랍니다. ---------- 좌툭 툴 메뉴에서 사각형 모양을 클릭한 상태로 누르고 계시면 여러 툴들이 나오는데 5번째에 폴리곤툴을 선택 합니다. 요 폴리곤툴 하나면 별, 뱃지, 다각형 모양을 만들 수 있습니다. 좌측 툴 메뉴에서 사각형 모양을 클릭한 상태로 누르고 계시면 여러 툴들이 나오는데 5번째에 폴리곤툴을 선택 합니다. 요 폴리곤툴 하나면 별, 뱃지, 다각형 모양을 만들 수 있습니다. 드레그해서 5각형을 만들어줍니다. 최신버전에서는 Properties 창에서 도형을 제어하실 수 있습니다. ---------- 별 만들기 위에 보시는 것 처럼 [측변,별의 꼭지점의 갯수]를 5로 설정합니다. 그리고 바로 아래..