디자인프로그램 (61) 썸네일형 리스트형 [Figma] 4강 다각형 도형툴과 선툴 - 오쌤의니가스터디 ** 영상으로 보실 분은 아래 주소를 클릭해주세요. https://www.youtube.com/watch?v=YM0XDC2Kdlc 1. 다각형 도형으로 이스라엘 국기 만들기 1) 다각형 도형 만들기 - 다각형은 도형툴에서 삼각형 모양의 [polygon]을 선택하면 됩니다. - [Design]패널의 각형 조절하는 곳에서 숫자를 변경하면 위의 영상처럼 각형이 변경됩니다. - 다각형도 모서리 둥글기가 처리되니 위젯이나 디자인패널에서 변경하면 됩니다. 2) 별형 도형 만들기 - 별모양은 별 개수와 깊이 조절이 가능합니다. - 그리고 역시 모서리둥글기도 처리가 가능합니다. 3) 이스라엘 국기 만들기 a) Frame을 [300x200]으로 처리 후 배경색 흰색처리, 이름을 [4_Israel Flag]변경합니다. b.. [Figma] 3강 사각형 도형툴과 원형 도형툴 - 오쌤의니가스터디 ** 영상으로 보실 분들은 아래 주소를 클릭하세요. https://www.youtube.com/watch?v=dV93yNGxMuQ ** 키를 설명시 [Alt/option]이면 앞에는 윈도우용, 뒤에는 맥용 단축키입니다. 1. 사각형 도형으로 햄버거버튼 만들기 1) 사각형도형그리기 - 보통 사각형은 사각형툴을 눌러서 드래그 해서 그립니다. - 정확한 사이즈로 그리고 싶다면 [Design]패널에서 [w]와 [h]수치를 변경하면 됩니다. - 면색은 [Fill]에서 변경하며, 선색은 처음에는 없어서 [Stroke] 옆의 [+]버튼을 클릭해서 추가하여 그려줍니다. - 포토샵이나 일러스트레이터처럼 [Alt/option]키를 누르면 가운데에서 사각형을 시작하고, [Shift]키를 누르면 정사각형을 그릴 수 있다고 보.. [Figma] 2강 Frame/Guide/Grid 설정 - 오쌤의 니가스터디 ** 영상으로 보고 싶은 분은 아래 주소를 클릭해주세요. https://www.youtube.com/watch?v=nSEGVclLins 1. 캔버스 컬러 변경 - 캔버스는 여러 Frame을 설정해 놓을 수 있는 전체적은 인터페이스의 작업 영역입니다. - 기본값으로 [#E5E5E5]로 설정되어 있는데, 기본값이 좋기는 하나 변경이 가능합니다. - 아무런 오브젝트도 잡지 않은 상태에서 [Design]패널에 갑니다. 2. Frame 설정 - Frame은 포토샵의 Background, 일러스트레이터/XD의 아트보드와 같다고 생각하면 됩니다. - Frame 제작은 Frame툴을 이용하면 됩니다. 1) Frame 생성하기 2) 기본 제공 Frame사이즈 보기 - 예시 사이즈를 제공해서 선택이 가능하지만 생성 후 .. [Figma] 1강 피그마설치 및 인터페이스 - 오쌤의 니가스터디 ** 영상으로 보실 분은 아래 주소를 클릭해주세요. https://www.youtube.com/watch?v=5bBDqTTpFE4 1. 회원가입 및 설치 1) 피그마 사이트 https://www.figma.com/ Figma: the collaborative interface design tool. Build better products as a team. Design, prototype, and gather feedback all in one place with Figma. www.figma.com - 일단 사이트에 접속해서 회원가입을 해주세요. 2) 브라우저 VS 데스크탑 앱 - 피그마는 웹기반 프로그램이기 때문에 설치없이 브라우저에서도 사용가능합니다. 크롬, 사파리, 파이어폭스, 엣지 등 다 지원.. [포토샵] 6강 포토샵 자동화 기능 - Action과 Batch - 오쌤의 니가스터디 1. Action패널 - Action이란 포토샵에서 사용되는 작업을 저장하여 다른 이미지에도 적용시킬 수 있는 것을 의미합니다. - 예시에 사용될 이미지 : 출처 pixabay.com/ ## 사진크기가 가로 1280px인 사진들을 가로 400px로 바꾸는 작업 1) 우선 적용할 사진을 포토샵으로 불러옵니다. - 나눠드린 파일 중 [aurora-borealis-1839582_1280.jpg]를 포토샵으로 불러왔습니다. 2) [Window]메뉴-[Action] 클릭 - 위의 그림과 같은 포토샵의 [window]메뉴카테고리에서 [Action]을 눌러 Action패널을 꺼냅니다. 3) [Action]패널 확인 - 우측상단에 [Action]패널이 뜨는 것을 보실 수 있습니다. 4) 액션들을 모아줄 그룹폴더 생성 .. [포토샵강좌] 5강 텍스트서식(스타일) 복사 - 오쌤의 니가스터디 디자인 시 같은 텍스트 서식(스타일)을 써야할 때 등록해 놓고 적용하는 법을 공부해보겠습니다. 웹디자인 시 많은 도움이 될 것 같습니다. ## 적용전 ## 적용후 예시 파일을 첨부해놓았으니 같이 해보세요. 1. [window]메뉴에서 [Charater Styles]를 꺼냅니다. 2. 새로운 스타일을 추가합니다. [Character Styles] 패널에서 포스트잇 아이콘을 클릭합니다. 추가된 [Character Style1]을 더블클릭합니다. 카테고리 부분 설정 => 아래들을 선택하면 추가적인 것들도 설정 가능합니다. 2가지 유형을 더 추가 3. 스타일을 한번에 적용 - 레이어에서 변경할 글자를 선택하고 [Character Styles]패널에서 원하는 스타일을 선택하여 스타일 적용버튼을 누릅니다. 4. 완.. [포토샵강좌] 4강 2020버전에서 CS6때의 커스텀쉐입불러오기 - 오쌤의 니가스터디 - 포토샵을 현재 2020버전이나 혹은 2021버전으로 새로 나온 것을 사용하면 과거 버전의 커스텀쉐입은 보이지 않습니다. - 요번 블로그 포스트는 과거버전(cs6)의 커스텀쉐입을 불러오는 것을 알아보도록 하겠습니다. - 특히 GTQ같은 포토샵 시험을 보실때 과거 버전의 쉐입들이 나오는데 2020버전을 써서 찾을 수 없다면 너무 힘들겠죠? - 그럼 한번 확인해보도록 하겠습니다. 1. Custom Shape(커스텀 쉐입) 툴을 눌러 확인해보기 - 일단 툴박스에 커스텀쉐입툴을 누릅니다. (빨간색으로 칠한 툴입니다.) - 옵션바에서 오른쪽 끝에 보면 쉐입모양을 선택할 수 있습니다. - 그럼 과거버전들과는 다른 모양의 쉐입들만 있는 것을 확인할 수 있습니다. 2. [Window]메뉴-[Shapes]패널 누르기 .. [포토샵강좌] 3강 앱아이콘 제작하기 - 오쌤의 니가스터디 1. iOS 스타일가이드 확인 1) iOS Human Interface Guidelines ## 스타일가이드 주소 URL : developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/app-icon/ App Icon - Icons and Images - iOS - Human Interface Guidelines - Apple Developer App Icon Every app needs a beautiful and memorable icon that attracts attention in the App Store and stands out on the Home screen. Your icon is the first opportu.. 이전 1 ··· 3 4 5 6 7 8 다음
