I. 서론 이번에는 깔끔하고 유명한 디자인으로 잘 알려져 있는 구글 검색창을 파워포인트에서 만들어 보도록 하겠습니다. II. 검색 박스 만들기 1. 관찰 여러분이 무언가를 보고 따라 만드려면, 우선 대상을 '관찰' 해야 합니다. 구글 검색창을 보면 위 사진과 같은 이런저런 다양한 테마가 있을 겁니다. 그 중 잘 알려진 오리지널 디자인을 제작하는 것이 좋겠지요? 검색창을 조금만 들여다보면 구글의 로고와, 검색 박스 (사각형)이 있습니다. 이 사각형의 모서리는 둥글고, 그림자 효과가 있으며 사각형 안에 텍스트가 적혀 있습니다. 그렇다면 이를 바탕으로 디자인을 해 봅시다! 2. 구현 이 둥근 모서리 사각형을 선택해서 가로로 길-죽하게 하나 넣어주고요 주황색 동그라미를 마우스로 드래그하면 둥근 정도를 조절할 수..
I. 서론 디자인을 어떻게 할지 막막하신가요? 그럴 땐 디자인을 따라 해 보는것도 좋은 방법이랍니다! 이번엔 디자인으로 유명한 "애플"의 디자인을 따라 PPT를 만들어 봅시다 II. 본론 1. 따라 만들 디자인 따라 만들 디자인입니다 애플 홈페이지에 들어가면 바로 보이는 아이폰 15의 모습이에요~ 딱 보자마자 PPT 표지에 쓰면 괜찮을 것 같다는 생각이 들었답니다 2. 사용할 이미지 저는 탁구채와 탁구공을 이미지로 넣어 보겠습니다. 무료 이미지 사이트: https://pixabay.com/ 에서 찾아봤습니다 3. PPT 디자인 우선 배경색을 알아봅시다. F12를 누르시면, 이렇게 개발자 도구가 뜨는데, 스포이드 모양을 누르고 원하는 곳을 클릭하면 저렇게 색상 코드를 알 수 있답니다 애플에서는 #00000..
🎨 썸네일 메이커 바로가기 티스토리로 포스팅을 다~ 작성해놓고, 마지막에 썸네일을 추가하는 곳에서 항상 "멈칫" 하게 됩니다. 매번 썸네일을 만들기엔 너~무 귀찮아요... (미리캔버스? 파워포인트? 이것도 괜찮긴 하지) 이왕 만드는 김에 디자인도 예쁘면 좋으니 효율성 같은건 집어치우고 디자인에 올인했습니다 😁 유리 컨셉 글래스모피즘 디자인입니다! 최적화는 다음에 심심할때 하죠 뭐... (심심하지 않습니다) 🔥 HTML 캔버스 HTML 삽입 미리보기할 수 없는 소스 캔버스를 이용해서 배경을 출력하고, 텍스트도 입력하게 만들었습니다. 위의 코드로 각각 배경, 텍스트 캔버스를 만들어 주었습니다. HTML 삽입 미리보기할 수 없는 소스 자바스크립트는 일부분만 넣어 드릴께요. 풀 버전은 깃허브에 있습니다! [깃허..
롤스토리 디자인연구소님의 영상을 보다가, 이런 동영상을 보게 되었답니다. 이 영상을 보다 꽤 신기해서 바로! 따라 만들어 봤습니다. 우선, A4 사이즈의 빈 캔버스를 열어주고요, 이렇게 원을 그리고, (그라디언트를 적용해야 해요..까먹었네요!) 블랜드 툴을 적용시켜 줬습니다. 하트를 하나 그려서, 여기에 블랜드 툴을 입혀줄 겁니다. 하트 만드는 법은 아래 포스팅을 참고하세요~!! 2021.08.04 - [에그디자인/일러스트레이터] - [일러스트 #6] 하트 만드는 3가지 방법 / 일러스트레이터 / 아이콘 [일러스트 #6] 하트 만드는 3가지 방법 / 일러스트레이터 / 아이콘 안녕하세요 :) 오늘은 일러스트레이터로 하트를 만드는 방법을 알려 드리려 합니다. 이 방법은 꼭 배워 두면 도움이 되니 잘 배워두세..
자, 오늘은 로고 디자인을 하나 해 보려 합니다. 글자만으로 깔끔한 로고를 만들어 봅시ㄷr...★ 우선, 일러스트레이터에서 캔버스를 하나 깔아주도록 하겠습니다. 그리고, 텍스트 툴 [T] 를 이용해 글자를 하나 써 주도록 하겠습니다. 저는 에그디자인의 앞글자 E 를 따서 E 를 적었어요! 이제 이 글자가 선택된 상태로, [ctrl + shift + O ] 를 눌러 아웃라인을 만들어주세요. 이제 이 글자를 자유롭게 마음대로 편집할 수 있답니다~ 대박!!!! 색깔도 이쁘게 바꿔주고요 이렇게 텍스트가 들어갈 포인트를 주고, 텍스트를 넣어줄께요. 텍스트는 [ alt + 화살표 ] 키를 이용해 자간, 행간 모두 조절할 수 있답니다. 이렇게 해주면~ 벌써 로고 하나를 만들었네요. 이렇게 포인트를 줄 수도 있고, 방..
안녕하세요 :) 추석 연휴가 끝 이번에는 포토샵에서 글자 모양대로 구멍을 뻥~ 뚫어버리는 그런 방법을 알려 드릴게요~ 온라인 포토샵 포토피아에서 진행했답니다 자, 우선 pixabay에서 쓸만한 배경 이미지를 찾아 볼께요~ https://pixabay.com 자, 여기 가을 느낌 나는 사진이 있네요. 그대~로 이렇게 사진을 불러 오고, 이제 프레임을 만들어 봅시다! 전경색에 색상을 선택해 놓고, 직사각형 선택 도구를 이용해 전체를 드래그해 선택해 주세요. 레이어를 하나 더 만들고, alt + delete 단축키를 이용해 "전경색 채우기" 를 할 수 있답니다. ctrl + d 를 눌러 선택 영역 해제를 해 주고, 자유 변형 툴을 이용해 크기도 살짝 조절했답니다. 이제 텍스트 (T) 를 이용해, 글꼴을 불러 ..
자, 오늘은 이런 도트 아트 세계지도를 만들어 볼 거랍니다. 우선, 도트 아트로 만들 세계지도 이미지를 다운로드 받아 주세요. 일러스트 파일은 안되고, 반드시 이미지만 된답니다. 이렇게 일러스트레이터에서 불러 오고, 위쪽 컨트롤 페널에서 Embed를 눌러서 포함시켜 주세요. 이제 이 세계지도를 사각형으로 모자이크 해 줘야 하는데요. 일러스트에는 이미 모자이크 기능이 포함되어 있답니다. Object - Create Object Mosaic 를 눌러서 모자이크 메뉴를 열어줄께요. 왼쪽 아래에 Use Ratio 를 눌러 주고, 저는 width와 height는 각각 100, 50으로 했답니다. Delete Raster를 꼭 체크해 주시고, OK를 누르면 이렇게 이미지가 모자이크가 되었답니다. 이제 이 상태에서,..
어느날...미리캔버스를 두리번거리다..? 이렇게 정말 다~ 만들어진 3D 일러스트 요소들이 정말 많더라고요! 이런 3D 요소들이 생각보다 필요할때 구하기가 어려웠던 적이 있답니다. 정말 퀄리티도 좋고, 종류도 다양한 많은 양의 3D 오브젝트들이 있어요. (대박대박!!) 이렇게 독특한 컨셉의 일러스트 세트도 있고요. 이렇게 일상생활 속에서 잘 찾아볼 수 있는 3D 오브젝트들도 있답니다! 이렇게 아무거나 만들어 봐도 3D 오브젝트가 적용되니 꽤 예쁜 것 같네요! 일반적인 디자인에 3D 오브젝트를 이용해서 포인트를 주는 것도 좋은 방법이라고 생각합니다. 내친김에 이것 저것 한번 만들어 볼까요? 깔끔하죠? 제일 마음에 드네요! 썸네일로 쓸 겁니다 (아마도요..)
이번에는~ 일러스~트레이터로 모양대로 글씨를 구부리는 방법을 알려 드릴게요! 이런 느낌입니다. 모양 안에 글자를 넣는다? 는 느낌! 바로 Envelope Distort 라는 기능을 이용하면 쉽게 만들 수 있답니다. 만들자. 우선 일러스트레이터에서 하트를 그려 줍시다. 전에 제가 포스팅한 하트 그리는 3가지 방법을 참고하셔도 되고요. 오늘은 4번째 방법을 해 보도록 하겠습니다. 1. 하트 그리기 모서리가 둥근 직사각형을 그립니다. [ctrl + c] , [ctrl + f] 로 붙여넣은 다음, [R] 회전 도구로 90도 회전합니다. 두개 다 선택 후 [shift + m] 쉐이프 빌더 툴을 이용해서 필요없는 부분은 [Alt + 클릭] 으로 없애 주고요. 합칠 부분은 드래그해서 합쳐 주세요. 이렇게 선분이 지나..
하나...둘.... 앞으로 추석이 2주 남았네요! 추석을 맞아 디자인을 한번 해 보려고 합니다. 이 포스팅은 1탄, 첫번째 디자인이고요, 앞으로 3탄까지 올릴 예정입니다. 1탄: 미리캔버스로 감사 카드(?) 디자인 2탄: 일러스트레이터 아이콘 / 캐릭터 디자인 3탄: 일러스트레이터 타이포그래피 디자인 우선, 이번에는 미리캔버스로 감사한 분들을 위한 감사 카드를 만들어 보도록 할께요. 일단 원하는 크기의 캔버스를 열고, "추석"이라고 템플릿을 검색해 봤습니다. 이 템플릿이 마음에 드네요~ 중간에 선물 이미지도 다 알아서 배경이 제거된 채로, 레이아웃도 깔끔하고 폰트도 깔끔하게 다 적용이 되어 있네요. A: 동작그만...디지인 날로먹기냐 B: 돈받으면 이렇게는 안한다에 내 블로그 광고수익 1원 건다 A: 돈..
안녕하세요 :) 여러분은 지금 유튜브 썸네일 만들기 강좌를 보고 계십니다. 유튜버 뿐만 아니라 블로거분들도 활용할 수 있죠!! 먼저 썸네일을 디자인하기 전에 내 체널의 콘셉을 확인해야 해요. 밝은지, 어두운지, 아니면 깔끔한지, 디테일한지 어느 분야의 체널인지에 따라서도 썸네일 디자인이 달라지죠. 저는 디자인 블로그임에도 게임이나 IT 같은 썸네일도 사용하고요, 감성적인, 음악 관련 썸네일도 사용하고 있어요. 일단 미리캔버스에 들어가 주세요. 새 디자인 만들기에서 유튜브 - 썸네일을 클릭하면 자동으로 1280 * 720 px 의 캔버스가 깔립니다. 템플릿을 하나 가져와 볼께요. 이런 뮤직 유튜브 썸네일을 가져와 봤어요. 이제 텍스트를 살짝 수정해 보도록 하겠습니다. 여기서 몇몇 요소나 배경 등을 바꿔도 ..
안녕하세요 :) 이번에 미리캔버스에서 새로운 아바타 만들기라는 기능을 추가해서 한번 사용하는 방법을 알려드리려 합니다 :ㅇ 아바타까지 추가해 줄 줄은 몰랐네요~ 아바타 만들기 자, 우선 미리캔버스에서 로고 / 프로필 사이즈의 캔버스를 열어줬어요. 왼쪽 메뉴바에서 요소 탭에 들어가면, 이렇게 아바타 만들기라는 메뉴가 나와요. 더보기를 클릭해 보세요~ 그러면 이렇게 템플릿도 몇개 보이고요, 얼굴, 머리, 옷, 눈, 입 등 각각 부위별로 요소들이 있답니다. 한번 만들어 볼까요? 우선, 이렇게 얼굴을 깔아줄께요. 옷도 마음에 드는걸로 위에 올려줄께요~ 헤어도 이렇게 올려줍니다. 아바타 얼굴이랑 사이즈가 조금씩 안맞으니 크기를 조금 크게 해서 위에 올리는 것을 추천드려요~ 다음으로는 입을 먼저 올려줬어요. 저는 ..
안녕하세요 :) 이번에는 포토샵에서 마스크 기능을 이용해서 타이포그래피를 한번 만들어 보겠습니다. 포토샵에서 마스크 기능은 알아두면 정말 편리하고, 쓸때도 많으니 한번씩 따라해 보면 좋을 것 같아요. 포토샵이 없으시거나 설치가 어려우신 분들을 위해 무료 온라인 포토샵 포토피아 링크를 준비했습니다. 저도 여러분들께 알려드리기 위해 포토피아에서 만들어 보도록 할께요. https://photopea.com Photopea | Online Photo Editor ✕ Photopea: advanced photo editor Free online photo editor supporting PSD, XCF, Sketch, XD and CDR formats. (Adobe Photoshop, GIMP, Sketch Ap..
안녕하세요 :ㅇ 이번에는 요즘 시국이 시국이니만큼 올바른 손 씻기 방법에 대해서 미리캔버스로 카드뉴스를 한번 제작해 봤습니다. 학교나 기관에서 교육용으로 가져다 쓰셔도 되고 변형해서 맘대로 게시물이나 포스터 같은거 만들어 쓰셔도 상관 없습니다. 대신, 콩알만큼이라도 "에그디자인" 이라고 출처를 표기해 주세요. 저는 괜찮은데 혹시 저작권 문제 생기면 골치아프니.... 갑시다. 일단 미리캔버스에서 카드뉴스 (1080*1080 px) 사이즈로 캔버스를 깔고, 템플릿을 한 번 골라 보겠습니다. 이번주에 다양한 템플릿들이 업데이트 되었더라고요 :) 구경해 보도록 합시다. 검색창에 손 씻기라고 검색만 해도 다양한 템플릿이 나옵니다. 이 중에 몇 가지를 골라서 짬뽕시키고, 저만의 디자인 색감을 추가해서 완성해 보도록..
안녕하세요 :D 제가 오늘은 그동안 모으고 모았던 목업들을 대 방출하려 합니다. 정말 생판 모르는 해외 사이트에서 광고메일 수도없이 받아가며 하나하나 다운로드했답니다~ 정말 목업들이 많아서 3GB가 넘어가서 구글 드라이브 링크를 보내드리겠습니다. 용량이 거대하다 보니 다운로드 하는데 한~참 걸릴 겁니다. https://drive.google.com/file/d/1dv2AjWvHZvf2MKm1id2QFl9eTFNtpKr_/view?usp=sharing 디자인 소스 세트 ^~^.zip drive.google.com 목업 사이트 추천!! 1. 스터닝 센터 center.stunning.kr/ 스터닝 센터 HELLO CREATOR. THESE ARE ALL FOR YOU! 창작하는 당신을 위한 스터닝 센터 cen..
