본문 바로가기

전체 글391

SVG를 쉽게 만들 수 있는 유용한 툴과 SVG 애니메이션 53개 이 기사에서는, Web 디자인 제작의 귀찮은 작업을 편하게 해내는, 편리한 SVG 툴 53개 를 정리해 소개합니다. 배경 텍스처와 SVG 모양에서 온라인 SVG 도구와 SVG 최적화 도구 등 SVG와 관련된 모든 도구를 갖추고 있습니다. 새로운 툴이 발견되는 대로 업데이트해 나갈 예정이므로, 북마크 해 두면 좋을지도 모릅니다. 1 https://haikei.app/ 독특한 SVG 모양과 배경, 원활한 패턴을 만들 수 있는 온라인 도구로 그라디언트 및 웨이브 웨이브와 같은 기본 모양이 거의 갖추어져 있습니다. 배색이나 사이즈 등, 본격적인 커스터마이즈를 할 수 있는 것도 특징으로 디자인한 SVG나 PNG 파일은 무료 다운로드 가능합니다. 2 https://coolbackgrounds.io/ 원하는 컬러 구.. 2021. 11. 10.
[일러스트] 투명한 물방울을 그라디언트 메쉬로 만들기 이 튜토리얼에서는 Adobe Illustrator에서 메쉬 도구를 사용하여 투명한 물방울 세트를 만드는 방법을 배웁니다. 1. 첫 번째 드롭을 그리고 수정하는 방법 1 단계 메쉬로 첫 번째 방울을 그리기 시작합니다. 타원을 #D5D5D5만든 다음 메시 도구 (U)를 잡고 타원 내부를 클릭하여 아래 표시된 것과 같은 메시 그리드를 만듭니다. 선택한 노드를 두 번째 단계에서 #FFFFFF를 지정하고, 세번째 단계에는 #B8B8B8를 적용하고, 네번째 단계에는 #CCCCCC를 적용 합니다 . 2 단계 Mesh로 다른 모양을 그립니다. 다음 색상을 사용하십시오. #959595 #FFFFFF #B9B9B9 3 단계 두 모양을 결합하고 두 개체 의 투명도 모드 를 Multiply로 변경합니다 . 4 단계 그리기 메.. 2021. 5. 1.
[일러스트] 그라디언트 매쉬로 복숭아 그리는 방법 이 튜토리얼에서는 Gradient Mesh Tool을 사용하여 먹음직스러운 복숭아 한 쌍을 그리는 방법을 배울 수 있습니다. 일러스트레이터 Mesh 툴을 사용하여 복숭아를 그리는 방법 1. 먼저 그라데이션 메쉬로 탑 번을 그려보겠습니다. 주황색 사각형을 만듭니다. 색상은 #FAC38입니다. 그런 다음 Mesh Tool(U)을 잡습니다. 노드를 클릭하여 메시 그리드를 만듭니다. 두꺼운 망사 그리드가 있으면 직사각형의 가장자리를 잡고 이동하여 모양이 둥글게 만듭니다. 그것은 복숭아 모양과 비슷해야 합니다. 쉐이핑을 완료한 후 노드의 중간 클러스터(스크린샷에서 이미 다르게 색칠되어 있음)를 선택하고 #FF7B46으로 색칠합니다. 그런 다음, 어두운 노드를 선택하고(아래에서 선택됨) 계속하여 색상을 #FF3A0.. 2021. 4. 25.
[일러스트] 자연스러운 털이 많은 고양이를 일러스트로 그리는 방법 어도비 일러스트레이터에서 브러시와 그라데이션으로 부드러운 털을 가진 백라이트 키튼을 만드는 단계별 과정을 보여드리겠습니다. 제가 모피 제작의 기본을 가르쳐 드릴 테니, 이 과정을 어떤 모피 일러스트에도 적용할 수 있을 것입니다. 모피나 머리숱이 많은 삽화를 만들 때 태블릿을 사용하는 것이 항상 이득이라고 권하고 싶습니다. 태블릿이 없다면 일반 PC에서 마우스를 사용해서 그릴 수도 있습니다. 제가 발견한 가장 큰 차이점은 태블릿이 이것을 만드는 데 드는 시간을 대폭 줄일 것이라는 점입니다. 마우스로는 어떻게 그리는지 과정을 한번 같이 살펴봅시다. 1. 파일 준비 방법 1단계 포토던의 재고 자료(아래 그림 참조)를 사용하겠습니다. 내가 사용한 정확한 이미지는 더 이상 사용할 수 없지만, 당신은 다른 고양이 .. 2021. 4. 21.
[일러스트] 다채로운 플라밍고를 그리는 방법 Adobe Illustrator에서 브러시를 사용하여 다채로운 플라밍고를 만드는 방법 Adobe Illustrator는 브러시에 매우 유용하지만, 더욱 중요한 것은 사용자가 직접 만들 수 있다는 것입니다. 오늘 튜토리얼에서는 직접 일러스트레이터 브러시를 만드는 방법과 동일한 브러시를 사용하여 일부 음영을 수행하는 방법을 보여드리겠습니다. 여러분은 열대 기후를 배경으로 플라밍고를 만드는 방법을 배울 것입니다. 기본 모양과 워프 효과를 사용하고 깃털, 나뭇잎, 꽃에도 같은 브러쉬를 사용합니다. 2019년의 팬톤 컬러가 리빙 코랄이라는 거 알고 계신가요? 팬톤에 따르면, 이 색은 우리의 선천적인 낙천적 욕구와 즐거운 추구 욕구를 상징하며 가벼운 활동을 환영하고 격려하며, 장난스러운 표현에 대한 우리의 열망을 .. 2021. 4. 20.
Glassmorphism 글래스모피즘의 모든 것 (CSS 예제 포함) Glassmorphism (글래스모피즘)은 작년 말 무렵부터 화제가 되고 있는 '뉴 모피즘' 다음으로 나온 디자인 방법입니다. 이 글에서는 글래스모피즘의 기본과 작성상의 주의점, 따라서 구현할 수 있는 HTML / CSS 스니펫 까지 정리해 소개합니다. 글래스모피즘이란 무엇입니까? 2020년 말부터 인기를 끌었던 스타일로, 이것은 조용하면서 유행이 된 뉴모피즘의 플라스틱 질감에 대비해서 서리가 내린 유리처럼 보이는 흐릿한 배경을 특징으로 합니다. 2020년에 유행했던 뉴모피즘이 궁금하시다면 아래 예제를 통해 뉴모피즘 디자인을 보실 수 있습니다. 2020/02/19 - [디자인/HTML, CSS, JS] - 2020년 Web트렌드 뉴모피즘 설명, CSS 18가지 예제 2020년 Web트렌드 뉴모피즘 설명,.. 2021. 1. 13.
2021년의 놀라운 웹 디자인 트렌드 9 가지 매년 웹 디자인 트렌드는 기술에 기반을두고 있다는 점을 감안할 때 우리 꿈의 공상 과학 미래로 우리를 비춰 줄 것입니다. 그러나 우리가 전 세계의 웹 디자이너 커뮤니티에서받은 2021 년 예측은 그 반대를 시사합니다. 2021 년의 웹 디자인 트렌드는 공통된 주제를 공유하는 것으로 보입니다. 웹 디자이너는 하이테크 판타지를 열망하기보다 새로운 차원의 현실감을 추구하고 있습니다. 그들은 이전과는 달리 디지털과 평범함을 혼합하고 있으며, 일상 생활 웹 사이트의 일부가 얼마나 많은지를 반영합니다. 이런 식으로 2021 년의 다음 9 가지 웹 디자인 트렌드는 말 그대로 디지털 세계에 생명을 불어 넣고 있습니다. 2021년의 놀라운 웹 디자인 트렌드 9 가지 9 web design trends that will .. 2020. 12. 1.
2021년에 주목할만한 그래픽 디자인 트렌드 11가지 이 문서에서는 앞으로 2021년에 주목하고 싶은 그래픽 디자인의 최신 트렌드 11개를 예상하고 있습니다. 더 창의적인 디자인을 표현할 수있는 기술을 많은 디자인 사례와 함께 소개합니다. UI 디자인 트렌드가 아니라 그래픽 디자인 트렌드임을 미리 알립니다. 1. 환각적인 추상 그래픽 Abstract psychedelia 2. 상징적인 심볼의 부흥 Symbol revival 3. 레트로 퓨처리즘 Retro futurism 4. 원활한 초현실주의 Seamless surrealism 5. 정확한 묘사 표현 Authentic representation 6. 파격적인 캐릭터 Irreverent characters 7. 만화와 팝아트 Comics and pop art 8. 미술 주입 Fine art infusion .. 2020. 11. 30.
디자이너를위한 15가지 무료 크리스마스 벡터 크리스마스 종소리가 다시 울립니다! 곧 축제 시간이 다가 오면서 모든 디자이너는 인터넷을 통해 최고의 크리스마스 벡터를 검색하고 있습니다. 간단한 크리스마스 인사부터 실내 장식, 인포 그래픽 비디오 및 기타 커뮤니케이션 제작에 이르기까지 빛나는 크리스마스 스타, 크리스마스 트리 및 다양한 디자인에 대한 필요성이 현재 매우 높습니다. 인터넷은 그러한 벡터들로 넘쳐나지만, 당신의 디자인과 일치하고 당신의 창의력을 증대시키는 완벽한 것을 찾는 것은 쉬운 일이 아닙니다. 다음은 디자인을 만드는 데 사용할 수있는 무료 크리스마스 벡터 리소스 목록입니다. 1. 수채화 크리스마스 벡터 : Download Super Collection Of Watercolor Christmas Elements for free Disc.. 2020. 9. 13.
[일러스트] 그라디언트(그래디언트) 마스터하기! Illustrator의 blend 도구와 그라디언트(그래디언트)를 잘 다루는 방법을 아는 것은 모든 디자이너에게 유리한 기술입니다. 만드는데 몇시간이 걸리는 것처럼 보이지만, 몇 가지 간단한 단계를 통해 멋지고 눈부신 이미지를 만들 수 있습니다. Evgeniya Righini-Brand는 Skillshare 클래스의 그라디언트를 실험하는 데 한 달을 보냈으며 Blend 도구의 용이성과 효과를 보증했습니다. “그래픽 디자이너로서 저는 항상 일러스트레이션을 만드는 가장 효율적인 방법을 찾고 매우 기본적인 것을 취하고 독특한 것을 만드는 것을 좋아합니다.”라고 그녀는 말합니다. “그래서 Blend 도구가 매우 중요하다고 생각합니다. 몇 번의 클릭만으로 다양한 것을 만들 수 있습니다. " 소스 파일을 다운로드하.. 2020. 9. 12.
[포토샵] 라인 위에 연결된 라인 만들기 1 단계 Illustrator를 열고 새 문서를 만듭니다. 그 후 Line Segment Tool을 사용하여 아래 이미지와 같이 2 개의 선을 만듭니다. 직사각형 크기는 2880x1800 해상도입니다. 2 단계 혼합 도구를 선택하고 두 세그먼트를 탭하여 혼합 개체를 만듭니다. 그 후 Blend Tool 아이콘을 두 번 클릭하여 Blend Options 대화 상자 를 엽니 다 . 변경 지정된 거리에 간격을 사용할 30 개 픽셀을 그것을 위해. 3 단계 로 펜 도구 (P) 는 선에서 팝업 원하는 모양을 만들 수 있습니다. Abduzeedo 기호를 사용하고 있습니다. 4 단계 모양을 만든 후 3-4 번 복제하여 기호가 바깥 쪽 선처럼 더 많은 선으로 퍼지도록합니다. 또한 기호 아래에있는 선을 숨기려면 배경색으.. 2020. 9. 11.
[포토샵] 종이 컷 효과를 만드는 방법 알아보기 Lidia Lukianova는 간단하지만 매우 멋진 Photoshop 자습서를 공유했습니다. 그녀는 Photoshop에서 펜 도구와 레이어 스타일을 사용하여 아름다운 종이 컷 효과를 만드는 방법을 보여줍니다. 결과는 매우 현실적이며 아래에서 단계별로 볼 수 있습니다. Lidia는 또한 소스 파일을 확인하고 싶을 경우를 대비하여 친절하게 공유했습니다. 여기에서 연습 파일을 다운로드 할 수 있습니다. http://adobe.ly/1I2kW2C 1 단계 펜 도구를 사용하여 문자 모양을 만들고 색상으로 채 웁니다. 2 단계 편지의 윗부분에 그림자를 추가하려면 레이어 패널에서 해당 레이어를 두 번 클릭하고 그림자 효과를 선택합니다. 원하는 효과를 얻으려면 설정을 조정하십시오. Use Global Light 확인란.. 2020. 9. 11.
[일러스트 무료 벡터]상업용 사용 가능한 무료 일러스트 54개 모음 이 문서에서는 상업용으로 이용 가능하고 무료로 다운로드 할 수있는 일러스트 소재 사이트 를 정리해 소개합니다. 자료 작성 및 사이트 생성 등 모든 장면에 편리한 무료 소재를 갖추고 있습니다. 용도와 디자인에 따라 원하는 그림 소재를 선택해보세요. 이 목록은 수시로 업데이트 예정되어 있기 때문에, 북마크 해두면 편리 합니다. Open Peeps 트렌드한 그림인 일러스트를 제작 할 수 있는 디자인 키트 입니다. 58만가지 이상의 조합을 즐길 수 있습니다. 상용 이용 가능 신용 표기 불필요. | 파일 형식 : SVG | PNG 라이센스 IRA Design 아름다운 그라데이션 컬러가 특징인 일러스트레이션 도구 입니다. 템플릿에서 200개 이상의 디자인 소재를 결합하여 원하는 취향으로 만들수 ​​있습니다. 상용 .. 2020. 6. 2.
[일러스트] 귀여운 계란후라이 일러스트 그리는 방법 Adobe 일러스트레이터에서 재미있는 아침식사 벡터를 만들기 위한 10가지 쉬운 단계 자습서 세부 정보: 사용툴: 어도비 일러스트레이터 CC 난이도: 초급 다루는 주제: 쉐이프 빌딩, 스트로크 패널, 경로파인더 패널 예상 완료 시간: 20분 1단계 동그랗게 달걀을 만들기 시작합니다. 엘립스 툴(L)을 잡고 Shift를 잡고 다크-퍼플 스트로크로 라이트 그레이 컬러 210x210 px 원을 만드세요. 형상의 원하는 크기는 상단의 제어판이나 변환판(창 > 변환판)에서 설정할 수 있습니다. 스트로크 패널(창 > 스트로크)으로 이동하여 Weight를 5 pt, Align Stroke to Outside(외부에 스트로크 정렬)로 설정하십시오. 스트로크 설정을 동일한 스트로크 설정을 모든 객체에 적용할 것이며, 스.. 2020. 5. 26.
[일러스트] 귀여운 테디베어 곰돌이 인형을 만드는 방법 이 튜토리얼에서는 Adobe Illustrator에서 부드러운 질감의 귀여운 테디 베어를 만드는 방법을 배웁니다. 우리는 간단한 효과와 함께 다양한 도구와 기능을 사용할 것이므로 이러한 캐릭터를 만들기 위해 그래픽 태블릿이나 고급 그리기 기술이 필요하지 않습니다. 한번 같이 만들어봅시다! 새 문서 만들기 1. 일러스트레이터를 실행한 다음 (Ctrl + N)를 눌러 장치 드롭다운 메뉴에서 새 픽셀 선택을 만들고 너비 상자에 740을 입력하고 높이 상자에 600을 입력한 다음 고급 버튼을 클릭하십시오. RGB, 화면(72ppi)을 선택하고 확인을 클릭하기 전에 새 개체를 픽셀 그리드에 맞춤 상자를 선택 취소했는지 확인하십시오. 먼저 곰의 머리를 만들어 보세요. 2. 직사각형 도구(M)를 선택하고 102 X .. 2020. 5. 12.

티스토리툴바