본문 바로가기

티스토리툴바

전체 글

 (566)
스케치 한방으로 끝! 이미지 트레이싱 캐릭터를 만들기 위한 연필 스케치에서 잉크 펜으로 그리고 깔끔하게 지우개로 지운 비트맵이미지를 일러스트레이터에서 벡터처리하는 이미지트레이스와 텍스트 애니메이션을 연결하여 소개합니다. 다음 강좌가 이어집니다. 평가용 "양파군"기본캐릭터(PDF 서식제공) 직접적인 평가를 위해서는 아닙니다. 우연이지만 필연적으로 여러분이 창작한 캐릭터의 이름을 정해보고 캐릭터성격을 정의해보세요. 거친 스케치로 그려진 내용이지만 라인작업과 컬러를 oztv.tistory.com E01. 잘 그린 손그림은 시간절약으로 바로 벡터그림으로 활용된다. E02. 글씨로 애니메이션을 표현하자! 이모티콘 캐릭터의 스케치이후 일러스트작업 E01에 이어서 포토샵의 텍스트 애니메이션 표현하는 방법을 소개합니다. 프레임애니메이션에 트윈기능으로 자연..
EM-5 캐릭터 창작 '헬로우~ 토마스' 기본동작 스케치에서 캐릭터 창작 '헬로우~ 토마스' 기본동작을 만들어보는 과정을 체험봅니다. 아래는 스케치원본을 빛이 들어오는 정면에서 스카치테이프로 붙이고 촬영한 사진입니다. 포토샵보정후 일러스트에서 트레이싱 작업을 할 예정입니다. https://oztv.tistory.com/459 평가용 "양파군"기본캐릭터(PDF 서식제공) 직접적인 평가를 위해서는 아닙니다. 우연이지만 필연적으로 여러분이 창작한 캐릭터의 이름을 정해보고 캐릭터성격을 정의해보세요. 거친 스케치로 그려진 내용이지만 라인작업과 컬러를 oztv.tistory.com STEP1 - 일러스트에서 아웃라인 작업하기 STEP2 - 일러스트에서 포토샵 파일로 내보내기 위 일러스트파일을 레이어를 구분해서 필요한 동작을 더 만들어 보고 효과도 구분해 보았습니다..
노란잠수함 커브이동 비틀즈의 유명한 노란잠수함(Yellow Submarine)의 모디파이어(Modifier) 중에서 커브(Curve)를 통한 이동과 멀티카메라를 통한 다양한 Camera View를 잡아서 영상을 제작해보고 최종결과물을 AVI로 내보내서 After Effects를 이용한 파티클로 마무리하여 영상으로 제작해보겠습니다. 블랜더에서 포토샵을 활용한 배경을 Environment Texture로 작업한 모디파이어 커브 애니메이션의 최종결과물인 AVI를 애프터이펙트에서 심해 수중속 물결치는 듯한 장면을 Wave Warp, CC Particle World를 이용해서 표현하는 방법을 소개해 드립니다. Yellow Submarine | The Beatles Released in Britain on 17th January, 1..
유튜브콘텐츠영상편집(08.17) 독창적인 문화콘텐츠를 소개하는 유튜브채널을 기획하고 생성한 후 채널로고 및 배너(채널아트)를 제작한다. 또한 채널관리를 위한 유튜브 스튜디오의 기능을 숙지하고 인트로영상을 제작하여 아래 조건에 맞게 최종결과물을 보고한다. 오늘은 설문관리에서 2개의 설문이 있으니 설문 먼저 참여하고, 평가 진행해주세요. [조건] 1. 독창적인 문화콘텐츠를 소개하는 유튜브채널을 기획하고 생성한다. 2. 채널이름을 정하고 채널홈에 반영할 배너(채널아트)이미지를 설정으로 적용한다. 3. 유튜브인트로 영상을 오디오믹싱, 타이틀과 자막을 모션그래픽을 제작해 영상읍 업로드한다. [ 제출파일 및 방법 ] 1. 답안에는 유튜브 채널이름과 URL을 기입한다. ex) 툰티비 ToonTV https://www.youtube.com/chann..
열차 애니메이션(Modifier - Array&Curve) 레일위를 달리는 KTX고속열차편은 한국형 차세대 고속열차 ‘KTX-이음’을 소재로 3D 포트폴리오 제작을 위한 블랜더에서 철도, 길을 Path로 구성하여 Modifier내의 Array와 Curve로 쉽게 구현하고, 레일을 따라가는 KTX고속열차 장면을 만들 수 있는 3D 포트폴리오 제작팁과 소스를 공개합니다. STEP 1.. Modifier내의 Array, Curve 적용 모티브가 되었던 한국형 차세대 고속열차 ‘KTX-이음’ 광고로 영상제작 결과물을 Pr이나 Ae에서 편집하여 포트폴리오로 활용할 수 있습니다. 우리 기술로 만든 한국형 차세대 고속열차 ‘KTX-이음’ 첫선 – Sciencetimes www.sciencetimes.co.kr 우리 기술로 만든 한국형 차세대 고속열차 ‘KTX-이음’
이모티콘 - 그라디언트, 패턴 심볼활용 어도비 일러스트레이터의 스와치스라는 색상견본에 캐릭터의 다양한 감정과 배색의 원리가 되는 그라디언트, 패턴의 활용을 배우고 익혀해보세요. 포토샵에서 작업하기 위해서 일러스트레이터에서 꼭 레이어별로 필요한 동작과 표정을 미리준비해야 된다! ◆키프레임 애니메이션 특징은 시간대별로 자동처리 (트윈:키프레임사이의 자동 중간처리 장점) 1.불투명도100% 2.간단한 이동(크기조절-별도준비) :::: 공(★그라데이션) 3. 효과(fx : 그림자, 빛..... 값조절) ::: ★글씨는 포토샵에서
이모티콘 - 심볼기초와 그래픽 종합활용 어도비 일러스트레이터로 이모티콘용 캐릭터 드로잉을 배우고 있습니다. 가장 기본인 모양 혹은 형상이란 뜻의 쉐이프(Shape)라는 원시적인 최하위 개념의 개체(Object) 보다 상위개념이 그룹(Group)이라면, 최상위 개념인 심볼(Symbol)은 어떤 의미를 갖는 이름과 형태로 등록하고 대체가능한 개념입니다. 캐릭터의 다양한 얼굴표정과 바탕이 되는 얼굴 등 여러분이 원하는 형태를 심볼로 등록 및 교체등 활용을 해보세요. 심볼의 개념과 등록법 얼굴을 만들었는데 전체 내용에 얼굴을 바꾼다면 그룹보다는 심볼이 더 사용하기에 쉽다는 것을 배워 활용할 수 있습니다. 아래는 원피스의 초파라는 캐릭터와 유사한 모형으로 테스트하며 개념을 정리해봅니다. 01. 심볼작업 후 레이어 유지하고 포토샵파일로 내보내기 캐릭터 ..
강아지 3D캐릭터 경로 애니메이션( Path Animation) 다음은 위 Auto Keying과는 다른 방법의 일정한 노선, 레일을 따라가는 경로 애니메이션 입니다. 일러스트레이터의Path:베지어커브(펜툴같은 라인)을 추가하고 편집모드에서 G이동과 E연장으로 라인을 변경해야 합니다. 카메라가 Mesh와 다는 Curve에서 Circle이라는 Path를 추가하고 그 경로를 따라 움직여야하는 열차나 자동차를 움직이게 하는 경로 애니메이션(Path Animation)을 표현하는 방법을 소개합니다. 우선 움직일 개체인 오브젝트를 선택하고, Shift키를 누르 후 Ctrl+P를 눌러 follow path를 체크하면 경로로 움직이는 애니메이션을 확인 할 수 있습니다. 원점인 중심을 기준으로 표현하기에 변형(Transform)을 통해..
블랜더 케이블카 애니메이션, 카메라 포커스 블러 블랜더로 커브라는 점과 선으로 구성된 Path를 이용해서 라인을 따라가는케이블카 애니메이션을 구현하고, 라인(넙스커브)는 파이프 구조의 형상을 제작하는 과정을 소개합니다. 첫번째 작업한 라인 따라가는 케이블카의 구성으로 이미지 아래 원본소스가 있으니 못따라 한분들은 참고하세요. 파이프 라인을 구성하고 HDR 이미지를 이용한 배경을 사실적인 사진이미지 보다 2D느낌의 포토샵파일로 처리하면 콘텐츠 자체가 스토리에 맞게 처리하였습니다. 3D그래픽 #3 - 재질(Material) 발광,유리, HDRI 배경 자체발광 LED조명을 전체 재질과 달리 추가한 후에 아래와 같이 별도 렌더셋팅과 Emission 선택과 조명값을 주어 발광을 시켜본다. 유리재질을 표현하는 방법은 표면에서 글래스와 프린시파이드 BS oztv...
로폴리 인체모델링(Blender low poly character modeling) 면의 수가 적다는 뜻의 로폴리(Low Poly) 인체모델링을 미러 모디파이어와 에디트 모드의 세부적인 변형방법으로 제작해보는 시간을 갖습니다. 폴리가 많은 경우는 연산속도가 지연되고 많은 시간을 들여서 만드는 것이기에 간단히 십자형 양팔을 벌린 인체를 제작해보고 뒤에 만들어볼 귀여운 캐릭터의 원리가 되니 어렵더라도 집중해보고 따라해보세요. Chapter 1 - 몸의 기본 윤곽을 만들다 Alt+E키를 눌러서 처리하는 Extrude Faces Along Nomal(노멀을 따라 페이지 돌출)은 현재 면을 기준으로 페이스를 돌출시켜 오리진 기준의 오류를 대신해 자연스러운 돌출을 표현할 수 있다. "어려운 작업을 수행했다면 리깅을 경험해봅니다." 대칭형 모델 - 걷는 인간 믹사모 자동 리깅(Rigging) 대칭형..
믹사모 FBX들과 멀티카메라를 활용한 장면표현 3D 캐릭터를 앞서 소개한 믹사모에서 각기 다른 동작을 만든 FBX들로 블랜더에서 여러 인물들을 모아서 1개의 씬에서 1개의 카메라 외에 복제한 다수의 멀티카메라를 활용해서 영화같은 장면을 연출하는 방법을 소개합니다.   영상작업에 활용했던 FBX를포함한 파일입니다.      다양한 구도의 앵글이 다른 3개의 카메라를 준비해야 합니다.그리고 아래 그림처럼 원하는 시점의 타임라인  Frame을 맞추고 / 씬컬렉션창에서 원하는 카메라를 지정하고 속성창에서도 리스트를 펼치고 그 카메라를 선택해줍니다.  마지막으로 타임라인  Frame 에서  Marker -  Bind Cam to Marker  Ctrl+B 명령어를 단축키로 적용합니다.  또 이어서 필요한 부분에도 같은 방식으로 처리해 1개 이상의 카메라들을 ..
그래픽스타일 적용하기 Adobe Illustrator CC2022버전의 글자효과에 적용하는 Appearance와 스타일을 등록하여 사용하는 Graphic Style, Drop Shadow, Feather, Gausian Blur 등을 함축한 Effects들에 대해서 소개합니다. https://youtu.be/o0FsnN4ki5I 일러스트레이터 - 메쉬(Mesh), 심볼(Symbol) 등록과 도구, 워프(Warp), 클리핑마스크(Clipping Mask)를 종합해서 소개합니다. https://youtu.be/GghW2wEnVHo
추천하는 블랜더 튜토리얼 Gear 유튜브 배움의 장 - 블랜더 튜토리얼 오픈소스인 블랜더는 교육에서도 사용자들간 열린 교육의 공간을 유튜브등의 커뮤니티에 사용자들의 경험과 노하우를 소개하는 동영상강좌(튜토리얼 Tutorial)이 활성화시켰다. 사용자들이 만들어 나가는 교육환경에서 해외에서 많은 튜토리얼이 있고, 최근에는 난이도 등 눈높이는 낮지만 국내 유튜버들도 이런 튜토리얼 운동에 참여하고 있다. 이하는 블랜더를 배우기 위한 다양한 유튜버들의 강좌를 소개한다. ArTech 예술과 첨단 기술의 조화 디지털 예술의 연구소 ArTech 스튜디오 채널입니다. 게임 엔진에서 3d 모델링 2d 컨셉아트 등 다양한 강좌를 제작합니다 블렌더 커뮤니티 디스코드 :https://discord.gg/VmfQssGPfR www.youtube.com 최근의 ..
프리미어 프로 효과정리 Video Effects 프리미어 프로에는 100개에 가까운 효과들이 있습니다. Video Effects의 Adjust 부터 전체 시각효과들을 정리하도록 하겠습니다. 다양한 효과 중 선별해서 Save Preset으로 등록해서 사용하는 방법을 소개합니다. 01. Adjust - 색상,채도,명도 Extract / Levels / Lighting Effects / ProcAmp 위 튜토리얼 영상제작에 활용한 모션그래픽 템플릿을 함께 공유합니다.
이모티콘 창작 "씨플로그(Cfrog)" 스케치에서 일러스트 작업까지 바다개굴 씨플로그Cfrog는 일러스트레이터에서 펀툴러 연습하는 첫 모델이었다. 스마트폰으로 스케치를 촬영방법(How to shoot a sketch with a smartphone)과 캐릭터스케치(Character Sketch) 포토샵 화이트밸런스 보정(How to Adjust White Balance in Photoshop)에서 Illustrator에서 그림이미지 가져오는 File-Place( template)이후의 Outline작업을 소개합니다. 펜툴, 연필, 스케터브러시, 라이브페인트(Pen, Pencil, Scatter brush, LivePaint Bucket)까지 전체적으로 소개합니다. 시작은 펜툴연습용 캐릭터로 활용한 개구리를 처음에 스케치로 완성도있는 개체로 만들고 싶어서 아래와 같이 기본..
EM 4-2 미니야 심볼공장 이모티콘의 캐릭터들의 동작과 표정을 직접 일일히 그린다는 것은 열정을 요합니다. 일러스트레이터의 심볼을 이해하면 데이터화된 애니메이션으로 편하게 작업할 수 있는데, 지난 EM4-1에 이어지는 새로운 캐릭터들로 이해도를 높이는 차원에서 미니언즈 심볼활용 E01의 2부작으로 1편에서는 일러스트레이터의 심볼의 개념을 배우는 강좌를 준비했습니다. 아래배너는 지난 EM4-1의 다른 심볼개념소개 강좌입니다. EM 4-1 일러스트 심볼응용과 표정연구 어도비 일러스트레이터로 이모티콘용 캐릭터 드로잉을 배우고 있습니다. 가장 기본인 모양 혹은 형상이란 뜻의 쉐이프(Shape)라는 원시적인 최하위 개념의 개체(Object) 보다 상위개념이 그룹(Grou oztv.tistory.com 미니언즈 E01 - 얼굴표정 심볼로 문..
일러스트레이션 - 웨일 프렌즈 곡선형태로 표현된 웨일브라우저의 캐릭터들 웨일프렌즈입니다. 캐릭터의 구성이 간결하니 작업도 편합니다. 의외뢰 멋지게 표현하려는 욕심에 심플함 보다 디테일에 온 신경이 집중할 수 있지만 심플함이 트랜드입니다. 웨일 프렌즈를 소개합니다~ 안녕하세요, ‘웨일 팀’입니다.🙂 우주를 떠다니는 고래를 모티브로 많은 관심과 사랑을 한 몸에 받았던 ‘웨일’ 캐릭터! 금일 네이버가 주최한 Deview2021 행사에서는 웨일 캐릭터의 새로운 변 forum.whale.naver.com 일러스트레이터에서 간결하고 심플한 그림은 어떤 캐릭터이고 위에서 언급한 컨셉에 따라 다릅니다. 클레이를 손으로 다듬듯이 패스파인더를 통한 도형편집과 펜툴, 연필도구를 사용한 캐릭터도 복잡한 펜툴보다 효율적일 수 있습니다. 웨일프렌즈는 다양한 ..
크리에이티브 - 스포츠 브랜드 배너 기존의 스포츠브랜드 배너를 참고하여 크리에이티브 전략을 수립하여 수집한 자료등을 전개할 아이디어 스케치를 통해 트랜드를 반영한 나만의 광고이미지를 제작 후 목업에 반영한 결과물을 제작하고 아이디어 스케치 이미지와 함께 제출하고 프레젠테이션 한다. https://www.pinterest.co.kr/pin/15762667438309357/ Pinterest에서 발견 회원님을 위한 아이디어를 더 많이 발견하세요. www.pinterest.co.kr https://www.nike.com/ Nike. Just Do It Nike delivers innovative products, experiences and services to inspire athletes. www.nike.com https://www.adi..
EM-1-2. 이모티콘 기초와 포토샵 GIF "허니빈 캐릭터"편 프레임애니메이션 원칙 이동/투명도/효과(레이어스타일) 등은 별도 레이어가 필요없음. 커-작 별도레이어 준비(눈감-눈뜸)
평가용 - 풀괴"벼리" "풀괴'벼리' 스케치와 기본동작 이모티콘-스케치 트레이싱 들꽃벼리 편으로 아이디어 스케치를 볼펜으로 거칠게 그려보았다. 식물 그중에서도 그 누구도 관심없는 보드블럭의 빈 틈에 강한 생명럭으로 살아있는 들꽃에서 착안한 더 이상 작고 약한 들꽃이 아닌 '벼리' 라는 그럴 듯한 수식어와 별명을 붙여 주었다. 식물은 길가의 틈새에서 자라는 큰개미자리 라는 들꽃이다. 누구도 관심갖지 않고 작지먄 질기고 강한 생명력이 작지만 강한 의지를 들꽃에서 느낄 수 있다. 본격적인 라인작업에 들어가 본다. 풀괴벼리_기본형_홍길동(라인완성)에 까지 떠드는 시간을 줄여서 먼저 라인작업을 움직임 위주로 작업을 해보았다. 스케치한 캐릭터 촬영(스캔)이미지를 포토샵에서 보정하고, 일러스트레이터에서 원본위에 레이어에서 라인작업을하는 트..
소셜로그인 지원 웹사이트에 소셜로그인을 지원하면 쉽게 회원가입없이 로그인하여 이용이 편리합니다. 소셜로그인 지원을 위해서는 작업전 해당 소셜서비스에 로그인하고 개발자로 등록했는지 여부를 알아아 합니다. 그누보드, 영카트, 워드프레스용 쇼핑몰 배포 그누보드, 영카트 개발사로 웹사이트와 쇼핑몰을 무료로 만들수 있는 수많은 솔루션을 무료로 제공하고 있으며 다국어버전도 배포하고 있습니다. sir.kr
SNS마케팅을 위한 콘텐츠 제작실무(평가 : 공식 블로그 제작) SNS마케팅을 위한 콘텐츠 제작실무는 네이버의 프로필과 포트폴리오를 소개하는 목적의 공식블로그를 다음 조건에 맞게 개설과 관리운영 기능을 URL을 통해 운영관리하는 내용입니다. 1. 공식블로그 네이밍 설정 2. 관리모드에서 레이아웃 및 카테고리 구성 3. 레이아웃에 최적화된 블로그 스킨디자인 4. 이미지맵형태의 하이퍼링크로 위젯을 통한 게시판 연결 (위젯,투명GIF,태그) 네이버는 3개의 계정을 유지(회원로그인 없이 회원가입으로 실명 가입 다시해주세요) 1개 oknok70 / 회원가입 별도로 했음 개인(법인)가능합니다. https://blog.naver.com/gunslinger6970 오즈마트 공식블로그 : 네이버 블로그 기발한 생활용품을 판매하는 오즈마트 공식블로그입니다. blog.naver.com ..
키워드로 분석한 웹분야의 취업키워드(카드뉴스, 블로그 디자인) 키워드로 분석한 웹분야의 취업키워드는 # 프론트 엔드(웹디자인과 웹퍼블리싱) / 백 엔드(웹프로그래밍 영역서버사이드 스크립트 PHP) = 그누보드(워드프레스, 제로보드) 소셜커머스, 쇼핑몰, 오픈마켓, 전자상거래, B2C, 게시판관리, 쇼핑몰, 웹사이트운영, HTML5, HTML코딩, 포토샵,카드뉴스, 유튜브, 블로그 등이 있습니다. 이력서에 학원 교육과정 수료내용 추가 ■ 포트폴리오 : BI&CI 디자인(목업), 배너, 카드뉴스,유튜브(인트로영상포함) 포폴활용가능한 미리캔버스 ■ 웹포폴(2+B) 현재 문화앱(목업 콘셉 URL), 커뮤니티형 웹사이트(소셜로그인 지원 네이버) A,B2개유형(닷홈웹호스팅), 네이버 공식블로그(사이트 추가)=포폴을 공개 웹 취업분야 1. 기업의 웹사이트 관리(디자인,웹사이트 ..
키워드로 분석한 웹분야의 취업정보 프론트 엔드(웹퍼블리싱) / 백 엔드(서버사이드 스크립트 PHP)=그누보드(워드프레스, 제로보드) 이력서 교육과정 수료내용 추가//////////////////////////// ■ 포트폴리오 : BI&CI 디자인(목업), 배너, 카드뉴스,유튜브(인트로영상포함) 포폴활용가능한 미리캔버스 ■ 웹포폴(2+B) 현재 문화앱(목업 콘셉 URL), 커뮤니티형 웹사이트(소셜로그인 지원 네이버) A,B2개유형(닷홈웹호스팅), 네이버 공식블로그(사이트 추가)=포폴을 공개 취업분야 ////////////// 1. 기업의 웹사이트 관리(디자인,웹사이트 운영=개발사연락 계정정보 ftp 디자인 그림 등 콘텐츠 수정, 공식블로그-유튜브 운영관리, 상품상세이미지) ■ 주요키워드 # 소셜커머스, 쇼핑몰, 오픈마켓, 전자상거래, B..
EM 4-1 일러스트 심볼응용과 표정연구 어도비 일러스트레이터로 이모티콘용 캐릭터 드로잉을 배우고 있습니다. 가장 기본인 모양 혹은 형상이란 뜻의 쉐이프(Shape)라는 원시적인 최하위 개념의 개체(Object) 보다 상위개념이 그룹(Group)이라면, 최상위 개념인 심볼(Symbol)은 어떤 의미를 갖는 이름과 형태로 등록하고 대체가능한 개념입니다. 캐릭터의 다양한 얼굴표정과 바탕이 되는 얼굴 등 여러분이 원하는 형태를 심볼로 등록 및 교체등 활용을 해보세요. 심볼로 활용가능한 EPS, AI 등의 무료벡터파일을 쉽게 구해 참고할 수 있는 프리픽을 활용 표정파일과 일러스트 심볼활용에 대해서 소개합니다. 아래 배너 및 URL은 무료 벡터그림들(출처표시)을 쉽게 구할 수 있는 프리픽입니다. 구글 및 페이스북으로 쉽게 로그인할 수 있습니다. 한국어 ..
수정보완 평가(5.18)안내 보호되어 있는 글입니다.
그누보드 유튜브게시판 스킨 그누보드 유튜브 게시판 스킨입니다. 게시판스킨과 최신글 스킨으로 구분되어 있으니 잘 파악해서 적용하세요. 아래는 유튜브게시판을 미리보기입니다. 1. 게시판 스킨 (쓰기,보기,리스트 목록) 아래 압축파일을 다운로드 후 압축풀고, 그누보드 내 theme/kfood_v03/skin/board/ 경로에 붙여져 있어야 하니, FTP로 업로드 하시면 됩니다. 2. 최신글 스킨 (메인페이지 최신글 노출 1개 ) 아래는 메인페이지에서만 적용되는 최신글로 스킨디렉토리내에 latest라는 곳에 FTP로 업로드 후에 메인에서는 php구문으로 연결해서 보여집니다. 게시물이 갤러리와 달리 1개 정도 임펙트 있게 보여지면 늘 변화된 사이트가 될 수 있습니다. 위 다운로드 후 압축을 풀고 위 스킨을 skin에 업로드해야 합니다. ..
공모전 - 라우드소싱 외 (웹 UI/UX), 로고디자인(BI, CI) 라우드소싱에서 (웹 UI/UX), 로고디자인(BI, CI) 외에 캐릭터 등 여러분이 취업과 포트폴리오가 될 수 있는 공모전을 라우드소싱에서 찾아서 스스로 준비할 수 있습니다. 디자인 콘테스트 보기 | 라우드소싱 지금 진행중인 디자인 콘테스트를 확인해보세요. 수많은 콘테스트가 디자이너님을 기다리고 있습니다. www.loud.kr 아래는 라우드 소싱에 등록되지 않은 업체의 로고디자인 공모전입니다. 유토이미지 | 유토이미지 로고를 만들어주세요! 잘나가는 디자이너가 선택하는 유토이미지! 즐거운 이벤트와 넘치는 혜택을 확인하세요. www.utoimage.com 일러스트 작업을 주로 해야겠고, 결과물에는 목업소스로 사실적인 적용예시가 있어야 하는 부분이 필요합니다. 아래 배너를 통해 해당된 목업소스 활용법을 별도로..
그누보드 테마 - 메인과 서브페이지 내용(Content-Basic) 웹사이트의 주된 내용을 그누보드는 게시판/콘텐츠로 구성합니다. 그누보드의 서브페이지 콘텐츠 내용 구성과 스킨(Content-Basic) 반응형 변용에 대해 소개합니다. 01. FTP로 이미지 업로드 후 PC에서 html문서로 내용확인 PC에서 확인하고 이미지파일을 FTP로 업로드 해주세요. 해당된 html문서는 PC용으로 테스트 하고 내용수정에서 필요한 부분만 삽입합니다. 그냥 테스트를 하면 제 한식 이미지로 뜨니 여러분도 FTP에 여러분들만의 이미지를 업로드 하고, html문서로 테스트를 해봐야 합니다. 그렇다면 다음작업은 서버사이드측에서 아래 내용을 작업 합니다. 02. PC에서 내용확인이 되었다면 서버에서 스킨내용수정 우선 직접적인 콘텐츠의 내용을 담는 부분인 스킨을 변경합니다. 즉, 관리자모드에서..
일러스트레이터의 색상창고 -스와치스(Swatches) 일러스트레이터의 색상창고인 스와치스에서는 단색(Solid), 그라디언트, 패턴 등 다양한 라이브러리 제공하고 있는데, 단색의 경우에는 팬톤컬러를 이용하면 원하는 색을 쉽게(혹은 복잡하게) 찾아서 선과 채워지는 면에 적용할 수 있습니다. 아래는 일러스트레이터에서 기본 제공하는 라이브러리에서 스와치스 라이브러리를 통해서 세계적인 팬톤컬러를 찾아서 적용하는 복잡한 메뉴의 로드맵입니다. PANTONE 팬톤코리아 PANTONE 한국공식, 팬톤컬러칩 전제품 구매 및 상담가능, 팬톤코리아 공식 스토어 www.pantone.kr 팬톤컬러 외에도 원하는 색상을 쉽게 찾을 수 있는 컬러픽커를 이용하는 방법도 있습니다. https://www.w3schools.com/colors/colors_picker.asp HTML Co..
반응형

티스토리툴바