본문 바로가기

[Ai] illustrator/[Ai] Tutorial_217

[Ai] Metallic texture 크롬효과 입체 오브젝트 만들기 지난번에 텍스트에 크롬효과를 넣는 튜토리얼을 시도해 봤는데, 이번에는 입체적인 크롬효과를 이용해서 오브젝트를 만들어 본다. 크롬효과를 이용해 입체 오브젝트를 만들어 보자.어두운 배경을 깔아주고 입체 모양을 만들고자하는 별모양을 그려준다.모서리를 둥글려준다. 오브젝트에 그라디언트를 적용해 준다.   오브젝트를 선택하고 부풀리기를 적용해 준다.Effect > 3D and Materials > Inflate... 밝은면과 어두운 면의 대비가 뚜렷해 지도록 각도와 라이팅옵션을 조정해 준다.LightingIntensity 다음은 크롬 효과를 적용해 준다.Effect >  Sketch > Chrome...Detail : 8Smoothness : 10  다음은 그레인 효과를 더해서 질감을 입혀준다.Effect > .. 2024. 10. 7.
[Ai] Substance 3D Free Assets 서브스턴스에서 3D 에셋 다운로드로 텍스트 렌더링하기 오늘은 일러스트레이터의 기본 렌더링 재질이 아닌, Substance 3D Assets library에서 무료로 다운로드 받은 에셋으로 텍스트를 렌더링 해보는 연습을 해본다.Substance 3D Free Asset 으로 텍스트 렌더링 하기원하는 텍스트를 입력해 준다.여기서 생삭은 컬러로 지정해 주는 것이 다음에 3D를 적용했을때 입체감을 확인하기 쉽다.오브젝트를 선택하고 Inflate...를 적용해 준다.Effect > 3D and Materials > Inflate...  3D and Materials 패널을 열어준다.Materials 탭을 선택한 후, 아래 Find more materials on Substance 3D assets 아이콘을 클릭한다.3D and Materials Panel > Fin.. 2024. 9. 20.
[Ai] Distorted glass effect 일러스트로 만드는 글래스 효과 이전에 포토샵으로 만드는 글래스 효과 포스팅 한적이 있었는데,이번에는 일러로 글래스 효과를 만드는 방법을 알어본다. 일러스트로 글래스 효과 만들어 보기!우선 일러스트로 글래스 효과를 만들기 전에 이전에 만들었던 포토샵효과와 마찬가지로 효과를 내기위한 소스가 필요하다. 포토샵과 같은 소스로 사용 가능하므로, 아래의 링크를 보고 같은 패턴 소스를 만들어 두자.pattern.psd  포토샵으로 글래스 효과 만들기는 요기에↓↓↓↓↓↓↓↓[Ps] Distorted glass effect 유리 효과 만들기 [Ps] Distorted glass effect 유리 효과 만들기이미지가 마치 유리 뒤에 비치는 듯한 포토샵 효과는 어떻게 만드는걸까.궁금했던 유리 이펙트 만들어보니 생각보다 쉽다는거! 머릿속에 순서 새겨넣기... 2024. 8. 19.
[Ai] Revolve type 3D 리볼브 효과 이용해서 오브젝트 만들기 일러스트에서 3D 효과를 만들수 있는 리볼브 효과를 이용해서변형된 글자 오브젝트를 만들어 보는 튜토리얼. 오늘도 머릿속에 새겨두기.리볼브 효과 이용해서 타입 오브젝트 만들어 보기!텍스트를 하나 입력해 주고드래그해서 Symbols 패널에 등록해 준다.Export Type: GraphicStatic Symbol  Symbols 패널에 등록된걸 확인할 수 있다. 그 다음은 직사각형을 하나 그려준다.오브젝스 선택한 후, 리볼브를 적용해 준다.Effect > 3D and Materials > 3D (Classic) > Revolve (Classic)...  여기까지 적용하면 3D 원통이 만들어 진것을 확인할 수 있다.  3D Revolve Options (Classic) 에서 Map Art...를 클릭  Symb.. 2024. 8. 18.
[Ai] Sketch > Stamp 스탬프 같은 테두리 효과 질감있는 테두리효과를 주는 방법에는 여러가지가 있는데, 그중에 하나인 스템프 이펙트 효과.밋밋한 그래픽 테두리에 질감을 더해서 좀 더 풍부한 느낌을 더해 보자.  스템프같은 테두리 효과를 만들어 보자!원하는 모양을 그려준다.그 다음 도형을 선택하고 이너글로우를 적용해 준다.Effect > Stylize > Inner Glow...Mode: NormalOpacity:100%Blur:5Edge   그다음은 메조틴트 효과를 적용해 준다.Effect > Pixelate > Mezzotint...Type : Grainy Dots  다음으로 스케치의 스템프 효과를 적용.Effect > Sketch > Stamp...Light/Dark Balance : 6Smoothness : 12  다음과 같이 스탬프 같은 테두리.. 2024. 8. 10.
[Ai] Appearance / Effect > Blur 수정가능한 네온 폰트 만들기 어피어런스의 이펙트를 이용하면 효과는 유지한체 수정 가능한 폰트를 만들 수 있다.무궁무진한 어피어런스의 활용팁. 오늘도 도전해 본다.수정가능한 네온 폰트 만들어 보자!원하는 폰트를 써준다. 폰트를 선택하고 컴파운드 쉐입으로 만들어 준다.Pathfinder > Make Compound Shape 다음은 폰트를 선택한 뒤,Appearance의 Fill 레이어 선택Add New Effect에서 Blur > Gaussian Blur...Radius 를 3정도 준다.   방금 적용한 Fill 레이어를 선택하고 아래 Duplicate Selected Item을 클릭하여 Fill 레이어를 복사 해 준다. 복사한 레이어에 Gaussian Blur를 더블클릭해서 Radius 를 처음 레이어의 2배정도로 조정해준다. 이런.. 2024. 8. 10.
[Ai] Appearance / Effect > Rasterize 수정가능한 픽셀 폰트 만들기 어피어런스를 활용해서 수정가능한 픽셀효과와 이펙트까지 더한 폰트효과 만들어 본다.이전 만들어봤던 이미지를 레스터화 시키는 튜토리얼은 아래 링크로. ↓↓↓[Ai] Rasterize Pixel Text 레스터라이즈로 픽셀 텍스트 만들기 [Ai] Rasterize Pixel Text 레스터라이즈로 픽셀 텍스트 만들기아날로그의 느낌도 나면서 귀여운 이미지를 만들어 주는 픽셀 텍스트.폰트 뿐만 아니라 이미지에도 적용할 수 있으므로 학습해 두자! 픽셀모양이 적용된 텍스트를 만들어 보자! 원하는 텍스트sandclock.tistory.com  수정가능한 픽셀 폰트를 만들어 보자!우선 원하는 텍스를 입력해 주고텍스를 선택한 후 컴파운드 쉐입으로 만들어 준다. Pathfinder 패널에서 오른쪽 위 햄버거 메뉴 클릭.Ma.. 2024. 8. 9.
[Ai] Pattern Brush 패턴브러쉬를 응용해서 폰트 만들기 항상 엄청난것 같은 스킬은 단순한 응용력에서 나오는 경우가 있다.그 중에 하나인 브러쉬 폰트. 다양한 응용이 가능하니 머릿속에 넣어두기.패턴브러쉬를 응용해서 폰트를 만들어 보자! 아래와 같이 직사각형을 가로로 나열해서 패턴을 만들어 준다. 만들고 난후 전체 선택하고 Object > Expand..  그 다음은 브러쉬 패널로 드래그 해서 Pattern Brush 를 선택해준다.  Pattern Brush Options이 상태 그대로 OK를 눌러줘도 되지만, 디테일을 살리고 싶다면, 아래와 같이 코너에  Auto-Between을 선택해 준다.  원하는 글씨를 브러쉬로 써주고방금 등록한 브러쉬를 선택해 주면 완성! 2024. 8. 7.
[Ai] Sketch > Crome 크롬효과 텍스트 만들기 도대체 이런건 어찌 만드는거지? 그 중에 하나인 크롬 효과 텍스트.의외로 만드는 방법은 어렵지 않고 심플하다.크롬효과 텍스트를 만들어 보자!텍스트를 입력해 준다. 여기서 폰트를 고를때 예제와 최대한 비슷한 형태의 폰트를 골라서 연습해 보는 것을 추천한다.같은 효과를 적용해도 결과적으로 많이 다른 결과가 나오는 경우가 많기 때문.형태가 왜곡 되어 있고, 면적이 일정하지 않는 폰트를 고르는 것이이펙트를 적용했을때 아름다운? 결과를 얻을 수 있었다. 참고로 연습한 폰트는Glodok Display우클릭 한 후 Create Outlines (여기서도 결과적으로 아웃라인화 한것과 하지 않은 것이 많은 차이가 있었다.)마지막에 비교해 보기로.   도형 선택한 후 블러를 적용해 준다.Effect > Blur > Rad.. 2024. 8. 6.
[Ai] Glassmorphism 글래스모피즘 효과 만들기 글래스모피즘효과. 뭔가 엄청난 스킬이 필요할 것 같지만 몇번의 클릭만으로 간단히 만들 수 있다.다양한 방면에 활용 가능한 효과니까 꼭 기억해 두기!글래스모피즘 효과를 만들어 보자! 효과를 원하는 이미지를 찾아서 일러스트에 가져와 주고 이미지를 복사해서 바로 위에 붙여넣는다. 위의 이미지를 선택하고 Effect > Blur > Gaussian Blur...블러를 적용해 준다.  블러가 적용된 이미지를 선택하고 Effect > Distort > Glass...글래스 효과를 적용해 준다.  이펙트가 적용된 이미지 위에 도형을 그려주고,글래스모피즘 효과를 원하는 위치로 이동후에아래 이미지를 클리핑 마스크 시켜준다. 클리핑 마스크 부분에블랙 컬러의 같은 사이즈의 도형을 하나 그려준다.  도형을 선택하고 Effec.. 2024. 8. 5.
[Ai] Distort > Glass, Ocean Ripple 얼음같은 효과 만들기 더워죽겠다. 더위가 가시질 않아. 얼음이라도 만들며 더위를 식혀본다...의외로 간단하게 만들수 있으니까 기억해 두기!얼음같은 효과 만들어 보자! 배경위에 도형을 하나 그려준다.도형을 선택하고 Effect > 3D and Materials > 3D (Classic) > Extrude & Byel (Classic)... 원하는 얼음 형태를 만들어주고, Obeject > Expand Appearance 흰색~투명 그라데이션으로 삼면을 채워준다. 그 다음은 처음 그렸던 배경과 함께  Group 그룹핑준다.그룹핑 하지 않으면 이펙트가 적용되어 보이지 않으므로 주의!  그룹핑한 상태로 다음 이펙트를 적용.Distort > Glass...원하는 만큼 적용시키고, 다음은 Distort > Ocean Ripple..적용.. 2024. 8. 5.
[Ai] Holographic Effect 홀로그램 이미지 만들기 어럽지 않게 홀로그램 효과를 만들어서 다양하게 응용할 수 있다.다양하게 응용할 수 있으므로 튜토리얼 기억해 두기. 홀로그램같은 이미지를 만들어 보자! 테두리만 적용된 원을 하나 그려주고   Stroke 패널에서 Weight를 면이 채워질만큼 적용해 준다. Swatch패널의Swatch Libraries menu를 눌러서 Gradients > Neutrals 를 꺼내준다.  Neutrals 에서 다음과 같은 컬러를 선택해 주고  Gradient 패널에서 Apply gradient along stroke 을 적용 그 다음 같은 크기의 원을 하나 더 그려준다. 이전과 같이, Swatch패널의 Swatch Libraries menu >Gradients > Pastel 컬러를 꺼내서새로 그린 도형에 파스텔 컬러.. 2024. 8. 4.
[Ai] 3D and Materials 라인에 브러쉬 이미지를 넣어 3D 텍스트 만들기 의외로 간단하게 응용할 수 있는 입체 텍스트 만들기.이번에는 브러쉬 이미지를 활용해서 만들어 본다.라인에 브러쉬 이미지를 넣어 3D 텍스트를 만들어 보자! 브러쉬 이미지를 적용할 텍스트를 라인으로 그려준다.브러쉬에 적용할 이미지를 가지고 온 후 위 Control 바에서 Image Trace > High Fidelity PhotoExpand  Expand 된 이미지의 주변 흰 부분을 삭제해 주면 다음과 같이 필요한 부분만 패스로 만들수 있다.선택한 다음 Symbol 패널로 드래그   Symbol Options 에서 Name을 정해주고 OK심볼이 등록된것을 볼 수 있다. 다음은 처음 그려둔 라인을 선택하고 Effect > 3D and Materials 3D (Classic) > Extrude & Bevp (.. 2024. 8. 3.
[Ai] Add Anchor Points 앵커 포인트를 추가해서 다양한 모양만들기 이런 모양 이렇게 만드는 거였어?! 앵커포인트를 추가하는 것만으로도 다양한 활용이 가능하다.생각보다 단순한 원리로 만들 수 있는 흔히 볼 수 있는 모양들을 만드는 튜토리얼.앵커 포인트를 추가해서 다양한 모양을 만들어 보자! 원을 하나 그려주고Object > Path > Add Anchor Points  다음과 같이 포인트가 추가된것을 확인할 수 있다. 오브젝트 선택된 상태에서Select > Object > Direction Handles 다음과 같이 Direction Handles만 선택된 상태 이 상태에서 잘라내기 CUT 하고 나면 아래와 같은 패스만 남게 되는데 남은 패스는 삭제해 준다. Delete. 삭제후 아무것도 없는 상태에서 다시 제자리 붙여넣기 Cmd (Ctrl) + Shit + V아까 잘라.. 2024. 8. 2.
[Ai] Bloat Tool 볼록 팽창 툴 응용하기 도형변형이나 해봤지... 이런건 안해 봤는데?!라인의 반복패턴과 볼록 팽창 툴을 응용해 보는 튜토리얼.볼록 팽창 툴을 응용해 보자! 세로 선을 하나 그려주고 선택한 뒤  Effect > Distort & Transform > Transform...  Scale > VerticalRotate > AngleCopies 부분의 수치를 조정해 준다 변형된 도형을 선택하고 Object > Expand Appearance   그라데이션으로 색을 바꿔준다. 왼쪽 메뉴바에서Bloat Tool 를 선택하고 메뉴를 두번 더블클릭하면 옵션창이 나온다 Global Brush Dimensions의Width, Height 수치를 원하는 툴 사이즈로 변경해준다.   그 다음 아까 만든 도형위를 살포시 클릭해주면다음과 같이 변형, .. 2024. 8. 2.
728x90