티스토리

블루씰 디자인
검색하기

블로그 홈

블루씰 디자인

blue-seal.tistory.com/m

여행과 게임을 좋아하는 디자이너

구독자
10
방명록 방문하기
공지 웹/앱디자인 커피챗 멘토링과 포트폴리⋯ 모두보기
반응형

주요 글 목록

  • 신입 웹,앱디자이너에게 전하는 멘토링 학원이나 아카데미를 통해 프로그램에 대한 툴을 익히고 바로 실무에 투입되는 신입 웹, 앱 디자이너들이 많아져 쓰게 되는 포스팅입니다.허들이 낮은 취업 종목일수록 직업보다는 그 직군에 대한 막연한 동경에서 시작되었을 수 있는데, 겉에서 보았을 때 멋져 보이고 취업이 잘 된다는 이유로 시작하게 되는 경우가 많습니다.웹, 앱 디자이너는 다른 개발직 군과는 다르게 본인이 왜 디자인을 하게 되었는지 그 마음가짐이 매우 중요한 직업으로써 교육을 받기 전 디자이너로서 무엇을 최종적으로 얻기를 원하는지 본인을 먼저 선행적으로 알고 직군에 접근하지 않으면 슬럼프가 왔을 때 크게 좌절해 돌아오기가 매우 어렵습니다. 대략 슬럼프는 3-4년 주기로 찾아오며, 저의 경우에는 3번 정도 슬럼프를 겪었습니다.   고기 잡는 법이 .. 공감수 2 댓글수 0 2025. 1. 7.
  • 무료폰트(명조) : 북엔드 바탕체 소개바탕체, 명조의 멋은 살리고, 도서의 가독성을 가장 높일 수 있도록 많은 고민과 연구 끝에 탄생한 북엔드 바탕체 입니다. 깔끔하고 군더더기 없는 명조의 느낌을 살려 깔끔한 느낌을 주는데 도움이 되는 서체입니다.  라이선스⭕ 상업용으로 자유롭게 사용가능❌ 유료양도 및 수정 재배포 금지  서체구성💻 OTF, TTF (맥용,윈도우용 지원)💾 Regular, Semibold (2종)     ※ 오픈 라이선스와 재배포가 가능한 폰트를 대상으로 폰트가 사라졌을 때를 대비해 블로그 파일 링크를 제공합니다. ※ 자유롭게 이용할 수 있는 기업 라이센스 조항에 따라 블로그에 자료 링크를 기록합니다.※ 링크가 동작하지 않을 경우 댓글 남겨주세요📢 (내용 발췌 및 이미지 출처: 북엔드)  💾 북엔드체 (TTF)  .. 공감수 2 댓글수 0 2024. 12. 31.
  • 와콤 타블렛 마우스 인식 및 충돌 오류 해결하기 제일 보급형이면서 널리 쓰이고 있는 와콤 태블릿 기준으로 말씀드립니다. 태블릿은 연결하고 인식되지만 펜의 사용이 자유롭지는 않을 때 태블릿 펜이 잘 작동하지 않는 이유의 결론부터 말씀드리면 윈도우의 펜 기능과 프로그램이 겹치기 때문입니다. 이럴 땐 윈도우의 펜 기능을 꺼주셔야 원활하게 작동되는데 와콤 센터(wacom center) 프로그램을 설치 후 드라이버 업데이트를 하신 후에 메뉴를 열어 기능 off를 진행합니다.  1. 펜설정을 엽니다드라이버를 설치하신 후에 펜설정에 들어갑니다.    2. 메뉴 -> 매핑그림에 표시된 윈도우 잉크 프로그램 (윈도우에서 자체적으로 사용하는 펜기능) 을 사용 해제 해줍니다. 애플리케이션 기타 로 설정하는걸 비롯해 다른 프로그램에서도 선택을 해제하여 태블릿 프로그램 기능.. 공감수 0 댓글수 0 2024. 12. 31.
  • 무료폰트(고딕) : 토스 머니그라피체 소개취향과 경제의 이면을 다룬 토스의 콘텐츠채널 '머니그라피'에서 사용하는 서체로 손글씨 느낌이 나는 고딕체입니다. 친근하고 유머러스하게 접하길 바라면서 제작된 이 폰트는 일상을 좀 더 밀도있게 접근하면서도 유쾌한 느낌이 나도록 제작되었습니다. 타입은 픽셀체와 라운디드체 두 가지로 제작되었으며, 모양은 같지만 구성 형태에 차이점을 두었습니다.  라이선스⭕ 상업용으로 자유롭게 사용가능❌ 유료양도 및 수정 재배포 금지  서체구성💻 OTF, TTF, WOFF (맥용,윈도우용,웹용 지원)💾 Pixel, Rounded (2종)  ※ 오픈 라이선스와 재배포가 가능한 폰트를 대상으로 폰트가 사라졌을 때를 대비해 블로그 파일 링크를 제공합니다. ※ 자유롭게 이용할 수 있는 기업 라이센스 조항에 따라 블로그에 자료 .. 공감수 3 댓글수 2 2024. 12. 26.
  • 무료폰트 (타이틀) : 스터닝 산스, STUNNING SANS 소개디자이너 공모전 라우드소싱과 디자이너 포트폴리오의 대명사 노트폴리오를 위해 스터닝에서 만든 폰트인 스터닝산스는 단정하고 유연한 인상의 Stunning Sans. 온·오프라인 상관없이 모든 창작물에 사용될 수 있도록 개성과 범용성을 고려하여 제작된 헤드라인 폰트입니다.  라이선스⭕ 상업용으로 자유롭게 사용가능❌ 유료양도 및 수정 재배포 금지  서체구성💻 OTF, TTF (맥용,윈도우용 지원)💾 단일폰트 (1종)   ※ 오픈 라이선스와 재배포가 가능한 폰트를 대상으로 폰트가 사라졌을 때를 대비해 블로그 파일 링크를 제공합니다. ※ 자유롭게 이용할 수 있는 기업 라이센스 조항에 따라 블로그에 자료 링크를 기록합니다.※ 링크가 동작하지 않을 경우 댓글 남겨주세요📢 (내용 발췌 및 이미지 출처: 스터닝산.. 공감수 0 댓글수 0 2024. 12. 23.
  • TV수신료와 전기세 납부하는 간단한 방법 그 동안 전화 및 게시판을 통한 문의로만 변경이 가능한 줄 알았던 전기세와 TV수신료 관련해서 간단하게 홈페이지에서 처리하는 방법을 알려드립니다. 카드가 바뀌었을 때, 납부하고 싶을 때 등 고객센터를 찾지 않아도 간편하게 처리가 가능한 방법이에요. 최근에는 전기세에 포함된 TV수신료가 분리징수로 바뀌었기 때문에 따로 관리를 해주어야 하는데 TV수신료 문의 폭주로 인해 KBS수신료 관련 접수는 거의 마비상태나 마찬가지입니다.(전화는 아예 되질 않아요)  해지방법은 따로 알려드리도록 하겠습니다. 아래는 전기세 납부, 이사 이전, 요금제 납부 변경, 고지서 유형 변경등의 간단한 처리방법의 안내입니다. TV수신료1. 한전on에 접속합니다. 한전ON(한전온)전기요금 조회·납부, 명의변경, 고객상담 등 전기사용 관.. 공감수 2 댓글수 1 2024. 12. 20.
  • css 반응형 em,rem,vw,vh,calc로 코드 작성하는 법 기본적으로 아무것도 세팅하지 않았을 때 브라우저는 100%비율 기준 font-size를 16px으로 보여주게 되는데,  이를 반응형이면서 정수로 떨어지기 위해 편한 계산방법으로 설정하기 위해 세팅하는 방법이다. 폰트로만 사용하는게 아니라 마진,패딩 다 사용가능하다. 1. html font 사이즈는 기본으로 16px 이다.대부분 폰트사이즈는 아무것도 설정하지 않았을 시에 html에 100%로 맞추어져 있다. 이렇게 그냥 기본사이즈에 코드를 만들어나가면 화면에 16px로 나온다. 이는 곧 1em이라고 정의할 수 있다. (px은 해상도 설정을 위해 수치상으로 기록하는 것 뿐 명확한 명칭은 em이 맞다)기본으로 설정된 값 font-size:100%; = 1em; = 16px; 똑같은 말이다. p도 16px로 출.. 공감수 0 댓글수 0 2024. 11. 6.
  • 홈페이지 제작의 기초 홈페이지를 제작하기 위한 기초적인 내용을 담았습니다. 비전공자가 전공자가 되기 위해 배워야 하는 이론적 내용들을 웹디자이너 관점으로 이해하기 쉽게 풀어낸 포스팅들로 홈페이지를 만들어야 하는 때와 검색등록에 관련한 포스팅입니다. 1. 홈페이지의 유형홈페이지는 소비자에게 알리기 위한 용도로 사용되며 성격에 따른 레이아웃과 구성을 각기 달리해야 합니다. 그에 따른 분류에 대한 포스팅입니다. 다양한 홈페이지의 제작 유형을 크게 3종류로 분류한다면?다양하게 제작된 홈페이지들의 유형을 대분류로 나누어 쉽게 기록하고 짚어가도록 하겠습니다. 홈페이지는 인터넷을 토대로 온라인상에서 다양한 소비자 및 고객과 소통하는 창구로서, 정말blue-seal.tistory.com  2. 홈페이지를 구성하기위한 조건홈페이지를 보여주기.. 공감수 4 댓글수 1 2024. 11. 6.
  • JS유틸 모음 CSS로 웹페이지와 홈페이지에 대한 디자인을 만족시킨 후 움직이는 다양한 스크립트 소스로 화려한 동작을 부여하는 단계로 만들어진 웹페이지에 임팩트를 줄 수 있습니다. 또한 JS로 제작할 수 있는 기능적인 부분은 개발자에게 부탁하지 않고도 퍼블리싱 쪽에서 간단하게 처리될 수 있는 부분 또한 있어서 다양한 유틸리티를 숙지하고 있는 것도 중요합니다.(즐겨찾기) ■ MOBISCROLL : 별도의 개발 없이 달력을 지원하는 기능달력의 기능조차도 사실은 개발자가 만들어야 하는 기술 중에 하나입니다. (동작으로 작동해야 하기 때문에 퍼블리싱도 한계가 있을 수 있습니다) 그 작업을 유틸리티로 적용해 사용할 수 있는 기능이며, 달력뿐만이 아닌 다양한 유틸리티를 지원합니다. 무, 유료의 사용에 따라 지원하는 범위도 다르고.. 공감수 1 댓글수 0 2024. 11. 6.
  • CSS 핵심 명령어 및 유틸리티 모음 홈페이지의 뼈대로 불리는 html로 골격을 만든 후에는 아름답고 이쁘게 만드는 미적 작업을 진행해야 하는데 그 작업은 모두 css공간에서 이루어집니다. css의 정의부터 간단하게 움직이는 애니메이션까지 다양한 강의 포스팅을 담았습니다.CSS소개와 사용방법-css란 무엇인가? / css 사용방법홈페이지와 웹의 컨텐츠를 이쁘게 꾸미는 CSS에 대해 알아봅니다.홈페이지 컬러 값 조절하기- RGBA / 16진수 hex값웹상에서 사용하는 대표적 컬러 RGBA의 뜻과 16진수의 사용방법을 알아봅니다.홈페이지 배경이미지 제어하기- background웹상에서 배경 효과를 제어하는 다양한 방법을 알아봅니다.홈페이지 선을 제어하는 방법- border (width,style,color)선을 둥글게 만들거나 두껍게 하거나 아.. 공감수 4 댓글수 3 2024. 11. 6.
  • HTML 핵심 명령어 및 유틸리티 모음 우리가 PC, 모바일 화면에서 자주 만날 수 있는 다양한 홈페이지를 만들기 위한 첫 번째 과정으로 웹 환경 제작에 있어 뼈대가 되는 HTML코드에 대한 강의 목록을 담고 있습니다. 미적으로 훌륭하게 만드는 작업 전에 초기환경을 세팅하는 내용이 주로 담겼으며 정보 저장과 필수적인 유틸리티에 대한 연결을 시작으로 코드를 사용하는 기초적인 방법부터 반응형 홈페이지를 만들기 위해 (하나의 홈페이지 제작으로 여러 해상도에서 보일 때) 대응해야 하는 레이아웃의 방법까지를 담았습니다.DOCTYPE, META TAG(홈페이지 정보 담기)홈페이지 제작 을 위해서는 홈페이지의 정보를 담고있는 DOCTYPE(독타입)과 홈페이지의 성격을 담고있는 META TAG(메타태그)를 선언해 주는것 으로 제작이 시작됩니다.LINK sc.. 공감수 6 댓글수 5 2024. 11. 6.
  • 무료폰트(타이틀) : 낭만있구미체 소개물줄기와 바람등 자연과 활동을 표현한 폰트입니다만 보자마자 떠오르는건 젤리스타일로 표현된 폰트라는 인식이 강했습니다. 획이 두꺼워 팬시보다는 타이틀로 표기를 했네요. 말랑말랑한 느낌의 스타일을 표현할 때 사용되면 적절해 보입니다.  라이선스⭕ 상업용으로 자유롭게 사용가능❌ 유료양도 및 수정 재배포 금지  서체구성💻 OTF, TTF (맥용,윈도우용 지원)💾 단일폰트 (1종)    ※ 오픈 라이선스와 재배포가 가능한 폰트를 대상으로 폰트가 사라졌을 때를 대비해 블로그 파일 링크를 제공합니다. ※ 자유롭게 이용할 수 있는 기업 라이센스 조항에 따라 블로그에 자료 링크를 기록합니다.※ 링크가 동작하지 않을 경우 댓글 남겨주세요📢 (내용 발췌 및 이미지 출처: 구미시 홈페이지)  💾 낭만있구미체 (TT.. 공감수 3 댓글수 1 2024. 10. 24.
  • 무료폰트(타이틀) : 구미첨단산업체 소개두꺼운 획으로 타이틀에 적합한 폰트이며, 자소에 반도체를 뜻하는 요소를 넣은 것이 특징입니다. 받침 ㅅ 요소는 마치 교량을 연상시키고 사이즈에서 조금 벗어난 틀을 가지고 있습니다.  라이선스⭕ 상업용으로 자유롭게 사용가능❌ 유료양도 및 수정 재배포 금지  서체구성💻 OTF, TTF (맥용,윈도우용 지원)💾 단일폰트 (1종)  ※ 오픈 라이선스와 재배포가 가능한 폰트를 대상으로 폰트가 사라졌을 때를 대비해 블로그 파일 링크를 제공합니다. ※ 자유롭게 이용할 수 있는 기업 라이센스 조항에 따라 블로그에 자료 링크를 기록합니다.※ 링크가 동작하지 않을 경우 댓글 남겨주세요📢 (내용 발췌 및 이미지 출처: 구미시 홈페이지)  💾 구미첨단산업체 (TTF)  💾 구미첨단산업체 (OTF) 공감수 0 댓글수 0 2024. 10. 24.
  • 무료폰트(고딕) : 구미 돋움체 소개자음과 받침곳곳에 라운드가 들어가 좀 더 부드러운 고딕을 연출하는 돋움체입니다. 장평도 조금 줄어든 폭이 사용되어 오밀조밀하게 응용이 가능합니다. 본문용서체로 사용했을 때 더 정형화되고 안정된 표현이 가능합니다.   라이선스⭕ 상업용으로 자유롭게 사용가능❌ 유료양도 및 수정 재배포 금지  서체구성💻 OTF, TTF (맥용,윈도우용 지원)💾 단일폰트 (1종)  ※ 오픈 라이선스와 재배포가 가능한 폰트를 대상으로 폰트가 사라졌을 때를 대비해 블로그 파일 링크를 제공합니다. ※ 자유롭게 이용할 수 있는 기업 라이센스 조항에 따라 블로그에 자료 링크를 기록합니다.※ 링크가 동작하지 않을 경우 댓글 남겨주세요📢 (내용 발췌 및 이미지 출처: 구미시 홈페이지)  💾 구미돋움체 (TTF)  💾 구미돋움체.. 공감수 0 댓글수 0 2024. 10. 24.
  • 무료폰트(팬시) : 배민 꾸불림체 소개배민의 꾸불림체는 굴리지 않고 꾸불려 자연스러운 것이 특징입니다. 두서가 없거나 경직되어 보이는 글에 자유분방한 파마끼를 더해주는 서체로 유아폰트 또는 울렁이는 흐르는 물과 함께 쓰면 좋을 컨셉용 폰트입니다.  라이선스⭕ 상업용으로 자유롭게 사용가능❌ 유료양도 및 수정 재배포 금지  서체구성💻 OTF, TTF (맥용,윈도우용 지원)💾 단일폰트 (1종)  ※ 오픈 라이선스와 재배포가 가능한 폰트를 대상으로 폰트가 사라졌을 때를 대비해 블로그 파일 링크를 제공합니다. ※ 자유롭게 이용할 수 있는 기업 라이센스 조항에 따라 블로그에 자료 링크를 기록합니다.※ 링크가 동작하지 않을 경우 댓글 남겨주세요📢 (내용 발췌 및 이미지 출처: 우아한형제들)  💾 꾸불림체 (TTF)  💾 꾸불림체 (OTF) 공감수 0 댓글수 0 2024. 10. 24.
  • 무료폰트(타이틀) : 제주항공 폰트, 플라이트 산스, Flight Sans 소개글자 전반에 상승과 하강, 순환의 여정을 담은 고딕체로 비행기 날개를 곳곳에 넣은 폰트입니다. 타이틀용 폰트로 분류하기는 했지만 본문용으로도 사용할 수 있으며, 유연하고 동적인 고딕 폰트입니다. 비행기에 관련된 딩벳폰트도 있으니 참고하시면 좋을 것 같아요  라이선스⭕ 상업용으로 자유롭게 사용가능❌ 유료양도 및 수정 재배포 금지❌ BI,CI 사용금지 서체구성💻 OTF, TTF, woff (맥용, 윈도우용, 웹용 지원)💾 Regular, Bold, Title (3종) ※ 오픈 라이선스와 재배포가 가능한 폰트를 대상으로 폰트가 사라졌을 때를 대비해 블로그 파일 링크를 제공합니다. ※ 자유롭게 이용할 수 있는 기업 라이센스 조항에 따라 블로그에 자료 링크를 기록합니다.※ 링크가 동작하지 않을 경우 댓글 .. 공감수 4 댓글수 3 2024. 10. 21.
  • 무료폰트(타이틀) : 아싸컴 무료고딕 소개“아싸컴 무료고딕”은 한글날을 기념한 아싸컴의 첫 번째 서체입니다. 현대적이고 세련된 이 글꼴은 서체는 1종으로 구성되어 있으며 Semibold~Bold 정도의 두께로 제목과 소제목, 영상 썸네일 등에 사용할 수 있습니다.   라이선스⭕ 상업용으로 자유롭게 사용가능❌ 유료양도 및 수정 재배포 금지 서체구성💻 OTF, TTF (맥용,윈도우용 지원)💾 단일폰트 (1종)  ※ 오픈 라이선스와 재배포가 가능한 폰트를 대상으로 폰트가 사라졌을 때를 대비해 블로그 파일 링크를 제공합니다. ※ 자유롭게 이용할 수 있는 기업 라이센스 조항에 따라 블로그에 자료 링크를 기록합니다.※ 링크가 동작하지 않을 경우 댓글 남겨주세요📢 (내용 발췌 및 이미지 출처: 아싸컴)  💾 아싸컴 고딕체 (TTF)  💾 아싸.. 공감수 3 댓글수 1 2024. 10. 17.
  • 무료 폰트(고딕) : 눈누 기초고딕 소개눈누 기초고딕(2024)은 제 578주년 한글날을 기념해 무료 서체 라이브러리 서비스인 프로젝트눈누와 토끼네활자공장 산하 서체연구동의 합작으로 개발된 산 세리프 양식의 무료 한글 서체입니다. 기본을 강조하되 예쁨을 추구하는 토활공과 무료폰트 사이트 눈누가 만나 고딕체를 만들었으며 자칫 운율을 살려 밋밋해보이는 고딕에 활력을 넣었습니다.  라이선스⭕ 상업용으로 자유롭게 사용가능❌ 유료양도 및 수정 재배포 금지 서체구성💻 OTF, TTF (맥용,윈도우용 지원)💾 단일폰트 (1종)   ※ 오픈 라이선스와 재배포가 가능한 폰트를 대상으로 폰트가 사라졌을 때를 대비해 블로그 파일 링크를 제공합니다. ※ 자유롭게 이용할 수 있는 기업 라이센스 조항에 따라 블로그에 자료 링크를 기록합니다.※ 링크가 동작하지 .. 공감수 2 댓글수 2 2024. 10. 17.
  • 무료폰트(타이틀) : 숙명 눈꽃체 소개숙명눈꽃체는대학의 헤리티지를 담은 세리프와미래를 향한 전진을 표현한 직선과 곡선으로 이루어진 폰트입니다.박스 형태 글자를 바탕으로 제작된 꽉찬 넓이와 비례를 가진 폰트이며, 지면은 물론 디지털 환경에서의 가독성과 판독성을 고려하여 제작되었다고 하네요. 꽉찬 폰트의 특성상 볼드로 사용했을 때 돋보이는 타이틀을 표현하는데 제격인 폰트입니다.   라이선스⭕ 상업용으로 자유롭게 사용가능❌ 유료양도 및 수정 재배포 금지❌ CI/BI 사용금지 서체구성💻 OTF, TTF (맥용,윈도우용 지원)💾 Regular, Bold (2종)    ※ 오픈 라이선스와 재배포가 가능한 폰트를 대상으로 폰트가 사라졌을 때를 대비해 블로그 파일 링크를 제공합니다. ※ 자유롭게 이용할 수 있는 기업 라이센스 조항에 따라 블로그에 .. 공감수 5 댓글수 3 2024. 10. 4.
  • 무료폰트(팬시) : 낙원새마을금고 폰트, 낙원새마을금고체 소개새마을금고 최초의 인터넷 방송국 낙원TV 개국 5주년을 맞아 제작된 낙원어린나무체는 어리지만 단단하고, 작지만 고유한 낙원TV의 가치를 어린나무의 분위기와 결로 표현한 낙원새마을금고의 서체입니다.  라이선스⭕ 상업용으로 자유롭게 사용가능❌ 유료양도 및 수정 재배포 금지❌ CI,BI제작금지 서체구성💻 TTF (윈도우용 지원)💾 단일폰트 (1종)  ※ 오픈 라이선스와 재배포가 가능한 폰트를 대상으로 폰트가 사라졌을 때를 대비해 블로그 파일 링크를 제공합니다. ※ 자유롭게 이용할 수 있는 기업 라이센스 조항에 따라 블로그에 자료 링크를 기록합니다.※ 링크가 동작하지 않을 경우 댓글 남겨주세요📢 (내용 발췌 및 이미지 출처:낙원새마을금고)  💾 낙원새마을금고체 (TTF) 공감수 1 댓글수 0 2024. 9. 13.
  • 포토샵 사진 컬러 쉽게 보정하는 3가지 방법 포토샵에서 사진이나 그림등을 보정하는 간단한 방법 3가지를 소개해 드립니다. 단축키까지 큼지막하게 표기해 놓았으니 보시고서 맞는 효과를 찾아 적용하시면 됩니다. 대부분의 기능들은 레이어를 기반으로 하고 있으니 효과들을 적용하기 전에 복사본을 만들어놓고 이용하시면 좋아요. 레이어를 겹치는 효과 주기레이어에는 두 가지 레이어를 겹쳐서 효과를 내는 기능이 있습니다. 위의 레이어 자체의 캔버스 스타일을 투명한 셀로판지처럼 만들어서 아래의 레이어에 특수한 효과를 냄으로서 좀 더 독특한 분위기를 연출할 수 있습니다. 같은 이미지를 복사해 레이어효과를 준다면 독특한 컬러효과를, 다른 이미지를 겹쳐서 레이어 효과를 준다면 색다른 분위기를 연출할 수 있습니다.레이어 위에 위치한 다양한 효과를 이용해 아래에 영향을 받는 .. 공감수 1 댓글수 0 2024. 9. 13.
  • 무료폰트(팬시) : DEPARTURE_MONO, 영수증 폰트, 티켓 폰트 소개여행을 갔을 때 전광판, 픽셀게임의 폰트, 영수증, 여행 티켓, 승차권등 전방위적으로 사용할 수 있는 폰트입니다. 크게 쓰는것보다 작고 오밀조밀하게 사용하는걸 추천드리며 컨셉을 가질 때 더 좋아보이는 효과를 줄 수 있습니다. 영문폰트에만 한정되어 있어요.  라이선스⭕ 상업용으로 자유롭게 사용가능❌ 유료양도 및 수정 재배포 금지  서체구성💻 OTF, woff (맥용,웹용 지원)💾 단일폰트 (1종)    ※ 오픈 라이선스와 재배포가 가능한 폰트를 대상으로 폰트가 사라졌을 때를 대비해 블로그 파일 링크를 제공합니다. ※ 자유롭게 이용할 수 있는 기업 라이센스 조항에 따라 블로그에 자료 링크를 기록합니다.※ 링크가 동작하지 않을 경우 댓글 남겨주세요📢 (내용 발췌 및 이미지 출처: Departure M.. 공감수 4 댓글수 1 2024. 9. 12.
  • 포토샵으로 사진 자연스럽게 보정하기 앞서 설명한 포스팅 포토샵서 설명한 '포토샵 캔버스 조절 및 이동,선택하고 가져오기' 를 먼저 참고 후 아래 내용을 보시면 작업이 더 수월해 질 수 있으니 참고해 주세요!  영역을 사용해 자연스럽게 보정하기 (포토샵 힐링 툴)자연스럽게 이미지를 보정하는 데에는 마치 밴드와 같은 모양의 아이콘을 사용해 보정합니다. 이 툴을 사용할 때에는 위 방식을 통해 영역을 선택한 후 보정을 시작합니다. 대부분의 힐링툴은 지우고 싶은 공간이 어느 정도 배경이 비어있어야 그 비어있는 배경을 복사해 자동으로 보정해 줍니다. 감쪽같이 오브젝트가 자연스럽게 없어집니다.   영역을 사용하지 않고 있는 곳을 보정하기 (도장 툴)브러시는 경계가 단일로 지정된 선명한 원버전과 흐릿한 버전으로 지정된 부드러운 타입 두 가지로 나뉘어 있.. 공감수 1 댓글수 0 2024. 9. 11.
  • 포토샵 캔버스 조절 및 이동,선택하고 가져오기 포토샵 레이어란??레이어는 겹겹이 쌓은 모습을 일컫는 형태 또는 기능을 이야기합니다. 마치 햄버거를 연상시키는 이 모습은 여러 레이어가 복합적으로 어우러져 효과를 사용할 수도 있고, 여러 오브젝트를 모아서 단계별로 층층이 쌓은 모습을 만들 수도 있습니다.   포토샵 이동하기 기능 (단축키: v)이동(단축키 v) 툴은 포토샵의 기본입니다. 그래서 제일 처음에 있기도 합니다. 선택한 이미지를 잘라내서 옮기기도 하고 오브젝트를 움직이는 요소입니다. 세부메뉴를 제어하는 자동선택을 체크할 경우 마우스 클릭만으로도 레이어를 선택하기도 합니다.   캔버스 크기만 늘리기 (Ctrl+Alt+C) = 이미지 줄어들지 않음작업할 때 영역이 부족하거나 넓을 때 캔버스 (작업영역)를 조절해야 하는 경우가 생기는데 이땐 캔버스의.. 공감수 1 댓글수 0 2024. 9. 11.
  • 디자이너가 스스로 성장하기 위한 지침서 디자이너는 회사 프로세스 상 기획과 개발 그 사이에 속한 직군으로서, 유기적으로 흐르는 과정에 본인 스스로 발전하는 토대를 만들어 업무를 처리할 수 있는 내재된 환경(습관)을 만드는데 집중하는 것이 중요합니다. 개인의 성장에 우선적으로 초점을 맞추고, 어느 디자인업무도 처리할 수 있는 유연성과 해결능력을 기르는 것에 의의를 둡니다.성장에 대한 증거인 레벨이라는 제도를 스스로 정해 눈으로 보기 힘든 단계를 보이게끔 만들어 추후 직급에 필요한 스킬과 디자인팀의 리더로 발전하기 위한 회사내의 포괄적 디자인 문제를 해결할 수 있는 자질을 눈으로 볼 수 있게 기록해 보았습니다.   Level.1 : 공통으로 익혀야 하는 회사 업무 기본기Level.2 : 자신이 추구하는 명제를 다듬는 작업 (개인 스킬 브랜딩화)L.. 공감수 2 댓글수 1 2024. 9. 11.
  • 웹디자이너 (퍼블리싱 비중이 매우 높을때) 면접시 질문 공통질문회사에 지원한 이유자기소개디자인시에 자신의 업무스타일성격의 장점 및 단점 업무질문디자인 레퍼런스 체크하는 방식디자인으로 바꿔서 취업한 이유디자인은 따로 배운건지사용하시는 툴사이트를 만들때 웹디자인과 퍼블리싱을 포함해 몇 일이 걸리는지??웹디자인과 앱디자인 방향웹디자인과 웹퍼블리싱 작업의 연계정도?? 퍼블리싱 질문- html과 CSS 숙지하고 있는 정도는 어느정도 되시나요??- 웹표준과 웹접근성에 대해 설명해 주세요웹표준은 크로스브라우징에 맞춰 W3C 등의 표준화 기구에서 정의 해준 명세에 맞게 마크업 하는 것 웹접근성은 이용자, 이용자의 장비에 관계없이 이용할 수 있는 웹 사이트를 구성하는 것. 시각장애인 등도 이용 할 수 있으며, 여러 PC나 장비에서도 접근 할 수 있는 웹 사이트를 뜻합니다.-.. 공감수 0 댓글수 0 2024. 9. 11.
  • 티스토리 스킨 편집 꼭 수정하고 넘어가야 할 부분 티스토리 블로그를 만드셨다면 꼭 수정해야 하는 부분이 있습니다. 다음 부분을 체크해서 알맞게 표기되는지를 확인하실 필요가 있습니다. 하이퍼링크타이틀 과 본문 크기 설정하기본문글을 작성하면서도 html을 보면서 수정이 가능합니다복습하기  1. 하이퍼링크 수정하기폰트의 컬러나 배경의 컬러 등을 변경할 때 사용 됩니다. 영문과 숫자로 이뤄진 이 코드는 각각 웹상의 컬러코드인 RGB를 6자리의 조합으로 만들어 놓았습니다. 특히 바꿔주셔야 할 부분은 다른 페이지로 이동을 뜻하는 하이퍼링크인데요 회색이나 검은색의 하이퍼링크 처리가 되어있다면 필수로 웹표준에 맞게 파란색으로 수정해 주셔야 합니다. (하이퍼링크는 글을 작성할 때 파란색으로 나온다고 출력도 파란색으로 표기가 안되어 있는 경우도 있으니 글을 작성하시고 꼭.. 공감수 7 댓글수 8 2024. 9. 6.
  • 기존 블로그를 티스토리 블로그로 이사하기 다른 블로그를 이용하시는 분들이 애드센스 수익을 위해 티스토리로 이사하실 경우를 위해 만든 포스팅이에요. 전체적인 티스토리 블로그의 구성을 볼 수 있는 포스팅으로 준비했습니다. 콘텐츠 영역 지정하고 컨텐츠 옮기기블로그 콘텐츠 옮길 때 팁! (인터넷 주소창 이용법)스킨 편집하기 (스킨 편집 전체 화면)새창에서 크롬 브라우저 F12눌러 화면 테스트하기티스토리 스킨편집에 CSS버튼 눌러 영역을 수정하기   1. 콘텐츠 영역 지정하고 컨텐츠 옮기기일단 콘텐츠를 넣으려면 마땅한 카테고리가 있어야 되겠죠. 콘텐츠 메뉴의 카테고리 관리를 통해 카테고리를 만들어줍니다. 네이버 블로그의 카테고리 관리와 다르지 않으니 대 메뉴와 소 메뉴를 적절히 나누어 분배해 동일하게 만들어 주시면되고, 카테고리에 맞게 주제를 선택해 주.. 공감수 4 댓글수 4 2024. 9. 6.
  • 티스토리 블로그 애드센스 설치하기 티스토리 스킨을 수정한 이후에는 구글 애드센스를 달아서 본격적으로 수익창출을 위한 블로그를 시작하게 됩니다. 모든 정보들을 한데 모아 설명해 드립니다. 블로그의 세팅과 관련된 부분은 앞서 쓴 포스팅을 읽으시면 도움이 되실 거예요. 목차구글 애드센스 블로그란수익형 블로그의 구조구글 애드센스 광고가 안 나오는 이유블로그 구성, 세팅하기, 편집하기, 글쓰기구글 애드센스 광고달기 (심사, 세팅, 정산)한 줄 요약  1. 구글 애드센스 블로그란?흔히 사람들은 구글 애드센스 블로그라고 부르지만 구글에서 집행하는 광고의 단위를 일컫는 애드센스는 블로그, 홈페이지등 텍스트와 사진등의 콘텐츠가 있는 곳 어디에나 붙여서 수익을 창출할 수 있는 광고 시스템 중 하나를 이야기합니다. 읽을 수 있는 글이 있으며, 볼 수 있는 .. 공감수 16 댓글수 20 2024. 9. 6.
  • 티스토리 블로그 스킨 편집하기 티스토리 스킨편집 어떻게 시작해야 하나요?? html은 웹에서 콘텐츠를 볼 수 있도록 구조화된 코드입니다 우리가 흔히 쓰는 메모장에서도 코드를 쓰면 홈페이지를 만들 수 있을 정도로 단순한 홈페이지가 있는가 하면, 복잡한 구조나 여러 장의 페이지로 구성된 홈페이지나 블로그 또한 존재하는데 이를 만든다면 비주얼스튜디오와 같은 개발코드만을 위한 별도의 프로그램을 사용하는 것이 좋습니다.홈페이지나 블로그를 구성하는 보이는 비주얼적인 사항은 웹디자이너나 퍼블리셔(html과css만을 만드는 구조적인 뼈대를 만드는 직업)들이 주로 작업을 하는데 사용자에게 보여지는 부분인 만큼 폰트의 가독성이나 여백등을 고려해 티스토리 블로그를 만드는 것이 좋습니다.  퍼블리싱은 각각의 명령어로 구성되어 있기 때문에 블로그 내에 스킨.. 공감수 10 댓글수 14 2024. 9. 6.
    반응형
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.