파워포인트 (Power point) 365 강의 #044 도형(선)의 기본 색 변경하기

MS의 프로그램 중에서 파워포인트만큼 여러 모양의 도형을 자주 쓰는 프로그램도 없을 겁니다. 그리고 동시에, 같은 색이지만 다른 모양인 도형을 사용하는 프로그램도 찾기 어렵겠죠? 오늘은 기본 도형과 선의 채우기 색과, 윤곽선 색을 바꾸는 방법을 알아보겠습니다! * 대본 안녕하세요 여러분, 이번 시간에는 Power point 365에서 도형의 기본색을 바꿔볼게요. 파워포인트에서 도형을 하나 그려보면 청색으로 이뤄진 도형이 그려지는데요. 이 도형을 우리가 원하는 채우기 색과 윤곽선 색으로 변경해주도록 합니다. 저는 채우기 색을 ‘없음’으로, 윤곽선 색은 검은색으로 세팅할 거예요. 다 됐으면, 여러분의 입맛대로 바뀐 도형을 오른쪽으로 클릭하여 기본 도형으로 설정을 눌러주세요. 이러면 다 끝난 겁니다. 도형 도구 모음에서 다른 도형을 클릭하여 그려보면, 방금 우리가 설정한 색으로 그려짐이 확인되시죠? 그렇다면 선은 어떨까요? 선은 도형과 다른 개체로 취급되기 때문에, 선의 기본색을 변경하고 싶다면 도형 기본색을 변경하듯이 진행해주시면 됩니다. 먼저 선을 하나 그려주시고, 해당 선의 윤곽선 색을 원하는 색으로 변경해주세요. 저는 아까와 같이 검은색으로 색을 입히도록 할 겁니다. 다 됐으면, 선을 오른쪽으로 클릭한 뒤, 기본선으로 설정을 눌러주세요. 이걸로 선의 기본색 설정도 완료되었습니다. 다른 모양의 선을 가져다가 그려보면, 방금 우리가 설정한 색으로 선이 그려지는 것을 확인할 수 있죠? 본인이 파워포인트를 사용하면서 도형에 특정 색만을 자주 사용한다면, 이 방법을 이용해서 아예 지정된 색으로만 도형이 그려지게끔 하시면 됩니다. 오늘 강의는 여기까지입니다. 시청과 구독, 좋아요. 감사드립니다. 지금까지, CUBE-TEAM이었습니다. * 참고 영상 - 스킨 색 바꿔보기 : https://www.youtube.com/watch?v=Jd4KU9JwnRs - 도형 투명도 조정하기 : https://youtu.be/MZLU_UAeelo - 갤럭시 노트 8, 아이콘/픽토그램 만들기 part.1 : https://www.youtube.com/watch?v=iIL4Gzzq6wg - MOS 시험에 나올 것만 같은 기능, '창'에 대해 알아봅시다 : https://youtu.be/OjQx6jHSHaE - MOS 시험에 나올 것만 같은 기능, '사진 앨범 편집'에 대해 알아봅시다 : https://youtu.be/SvxO2zS8oHs - 정품 365 사용자를 위한 특혜, 아이콘! : https://youtu.be/Fnuak9H6tSs * 예시 영상 - * 모든 강의는 정품 소프트웨어를 사용하여 제작됩니다. * 사용된 소프트웨어 : Premiere pro CC 2018, Power point 365, Vegas pro 17 edit, Media Encoder CC 2018, MOVAVI Slideshow maker, Davinci Resolve 15. Hanshow 2018 Track : Let's Go Music by 브금대통령 Music provided by 브금대통령 Watch : https://youtu.be/3JQ8f1SSIbc #파워포인트_강좌 #파워포인트_강의 #파워포인트_도형변경 #Powerpoint_UI #파워포인트_도형 #파워포인트_선 #파워포인트_기본도형


파워포인트 (Power point) 365 강의 #044 도형(선)의 기본 색 변경하기

파워포인트 (Power point) 365 강의 #043 경고 UI 버튼 '직접' 만들어보기

특정 프로그램을 제작할 때는, UI 버튼을 직접 제작해서 넣을 줄도 알아야 합니다. 그런데, 그걸 꼭 포토샵이나 일러스트레이터로만 만들 필요는 없죠. 파워포인트로도 UI를 제작해보도록 하겠습니다. * 대본 안녕하세요 여러분, 이번 시간에는 Power point 365에서 경고 UI 버튼을 간단하게 만들어볼게요. 먼저 파워포인트를 켜신 뒤, 제목과 부제목 텍스트 박스를 모두 지웁니다. 그다음 삽입 탭의 일러스트레이션 그룹에 있는 도형 도구 모음을 클릭해주세요. 여기서 둥근 모서리 사각형을 선택한 뒤, Shift를 누르고 슬라이드 가운데에 그려주도록 합니다. 크기는 여러분이 원하는 대로 하시되, 너무 크게 그리시면 UI의 버튼 이미지 용량이 커지게 됩니다. 반대로 너무 작게 그리시면 실제 사용할 때, UI 버튼이 너무 작게 등장하게 되겠죠. 둥근 모서리 사각형의 위치가 슬라이드의 가운데에 정확히 맞춰진 것인지 모르겠다면 둥근 모서리 사각형을 클릭한 상태로, 서식 탭을 선택해주세요. 정렬 그룹을 보시면 맞춤 도구 모음이 있습니다. 여기에 있는 중간 맞춤, 가운데 맞춤을 각각 한 번씩 선택해주시면 중앙정렬이 완료되죠. 다음은 둥근 모서리 사각형을 오른쪽으로 클릭한 뒤, 도형 서식을 눌러줍니다. 여기서 채우기 색은 ‘없음’으로 바꿔줍니다. 그리고 선은 실선으로 체크해주시고, 색은 여러분이 원하는 것으로 해주세요. 저는 검은색으로 하겠습니다. 다음으로 실선 너비를 키워줘야 하는데요. 사람마다 만들 UI 버튼 크기에 따라 다르니 적절하게 조절해주시면 돼요. 저는 일단 20pt로 설정하겠습니다. 이러면 UI 버튼 외곽선이 완성된 것이죠. 다음은 내부의 아이콘을 그릴 차례입니다. 삽입 탭의 일러스트레이션 그룹으로 가셔서, 도형 도구 모음을 선택해주세요. 여기서 이등변 삼각형을 선택한 뒤, Shift와 Ctrl을 동시에 누르고 UI 버튼 중앙에 커서를 두고 본인이 원하는 크기에 맞춰서 그려주도록 합니다. 다 그렸으면 삼각형을 오른쪽으로 클릭해주신 뒤, 도형 서식을 눌러주세요. 채우기 색은 ‘없음’으로 해주시고, 실선은 UI 버튼 외곽선의 색과 같은 색으로 맞춰줍니다. 선의 두께는 여러분의 취향에 맞게끔 조절해주시면 돼요. 그리고 하나 더 해줘야 하는 것이 있는데, 연결점 종류 항목을 ‘원형’으로 세팅해주시면 됩니다. 자 막판입니다. 삽입 탭에서 텍스트 그룹에 있는 텍스트 상자 도구 모음을 클릭 후, 가로 텍스트 상자를 선택해주세요, 그리고 슬라이드 아무 곳에나 한번 클릭한 뒤, 느낌표 하나만 타이핑해줍니다. 느낌표는 통통한 느낌이 있어야 하므로, 배달의 민족 주아체 폰트를 적용해주세요. 다음은 느낌표를 아까 그린 삼각형 정중앙에 배치해줍니다. 다 했으면 마지막으로 느낌표의 색을 UI 버튼 윤곽선 색과 같게 해주시고 크기는 적당히 키워주면 끝이죠. 이렇게 경고 UI 버튼 제작을 마쳤습니다. 오늘 강의는 여기까지입니다. 시청과 구독, 좋아요. 감사드립니다. 지금까지, CUBE-TEAM이었습니다. * 참고 영상 - 스킨 색 바꿔보기 : https://www.youtube.com/watch?v=Jd4KU9JwnRs - 도형 투명도 조정하기 : https://youtu.be/MZLU_UAeelo - 갤럭시 노트 8, 아이콘/픽토그램 만들기 part.1 : https://www.youtube.com/watch?v=iIL4Gzzq6wg - MOS 시험에 나올 것만 같은 기능, '창'에 대해 알아봅시다 : https://youtu.be/OjQx6jHSHaE - MOS 시험에 나올 것만 같은 기능, '사진 앨범 편집'에 대해 알아봅시다 : https://youtu.be/SvxO2zS8oHs - 정품 365 사용자를 위한 특혜, 아이콘! : https://youtu.be/Fnuak9H6tSs * 예시 영상 - * 모든 강의는 정품 소프트웨어를 사용하여 제작됩니다. * 사용된 소프트웨어 : Premiere pro CC 2018, Power point 365, Vegas pro 17 edit, Media Encoder CC 2018, MOVAVI Slideshow maker, Davinci Resolve 15. Hanshow 2018 Track : Let's Go Music by 브금대통령 Music provided by 브금대통령 Watch : https://youtu.be/3JQ8f1SSIbc #파워포인트_강좌 #파워포인트_강의 #파워포인트_UI버튼 #Powerpoint_UI #파워포인트_인터페이스 #파워포인트_편집 #파워포인트_기술


파워포인트 (Power point) 365 강의 #043 경고 UI 버튼 '직접' 만들어보기

In the file: How to use auto layout and other features to make life better

Learn how Ramy Majouji, Product Designer at Glossier, and Joey Banks, Designer Advocate at Figma, use Auto Layout and other features to speed workflows up for their fellow designers and non-designers. Sign up for free: https://bit.ly/2JLqfHE


In the file: How to use auto layout and other features to make life better

Figma tutorial: Card component with auto layout

Figma is free to use. Sign up here: http://bit.ly/2MChQLD Auto Layout can be added to Frames to create dynamic Frames and Components that respond to the size of their child objects, such as a button that grows with the length of its label. In this video we'll teach you more advanced Auto Layout techniques to create a flexible card component for a trip planning website. Tripma Design File: http://bit.ly/3nWIgV5 Learn more on our Help Center: Create dynamic designs with Auto Layout: http://bit.ly/2vXWMXB Behind the feature: the making of the new Auto Layout: http://bit.ly/3nYwkm2 Timestamps: 00:00 Auto-Layout For Card Component 00:07 Previous Videos 00:22 Tripma Design File 00:27 Creating Text Layers 00:41 Adding Auto Layout 00:57 Finishing Up The Card Details 01:21 Adding an Image 01:34 Placing the Image 01:59 Image Overflow 02:26 Creating Borderless Auto Layout Card 02:48 Functionality Quirks 02:54 Longer Description 03:28 Resizing The Card 03:39 Horizontal Resizing 04:00 Vertical Resizing 04:05 Fill Container Explanation 04:32 Changing to Hug Contents 04:47 Finishing Up The Card Component 05:02 Exploring Other Designs 05:25 Creating New Text Layers 06:06 Packed to Space Between 06:28 Title to Resizing 07:02 Card Row Introduction 07:08 Creating The Row 07:22 Resizing The Row 07:35 Horizontal Resizing 07:59 Text Wrapping 08:51 Changing The Image to Fixed Height 09:20 Card Details Resizing 09:35 Matching The Cards Heights 10:17 Overwriting Card Details Vertical Resizing 10:33 Changing to Fill Container 11:20 Wrap Up #Figma #FigmaTutorial #AutoLayout Music: Mitsubachi by Smith The Mister https://smiththemister.bandcamp.com Smith The Mister https://bit.ly/Smith-The-Mister-YT Free Download / Stream: http://bit.ly/mitsubachi Music promoted by Audio Library https://youtu.be/0IgndUb1YQI


Figma tutorial: Card component with auto layout

Figma tutorial: Auto layout navigation menu

Figma is free to use. Sign up here: http://bit.ly/2NeTyr7 Auto Layout can be added to Frames to create dynamic Frames and Components that respond to the size of their child objects, such as a button that grows with the length of its label. In this video we'll teach you more advanced Auto Layout techniques to create a navigation menu using the button we created in the previous video. Tripma Design File: http://bit.ly/3nWIgV5 Learn more on our Help Center: Create dynamic designs with Auto Layout: http://bit.ly/2vXWMXB Behind the feature: the making of the new Auto Layout: http://bit.ly/3nYwkm2 Timestamps: 0:00 Auto-Layout For Navigation Menus 0:20 Creating List Item 0:40 Creating A Row 0:50 Space Between Property 1:07 Direction Property 1:27 Adding Another List Item 1:41 Adding A New Item 2:03 Changing An Item's Position 2:26 Adding An Avatar 2:45 Hiding The Avatar 3:35 Adding The Logo 3:44 The Tripma Design File 4:01 Alignment Flyout Menu 4:24 Changing to Fixed Width 5:01 Changing from Packed to Space Between 5:52 Adjusting The Padding 6:01 Using The Design 6:19 Constraints and Resizing Properties 7:00 Conclusion 7:13 The Next Video 7:21 The Tripma Design File #Figma #FigmaTutorial #AutoLayout Music: Mitsubachi by Smith The Mister https://smiththemister.bandcamp.com Smith The Mister https://bit.ly/Smith-The-Mister-YT Free Download / Stream: http://bit.ly/mitsubachi Music promoted by Audio Library https://youtu.be/0IgndUb1YQI


Figma tutorial: Auto layout navigation menu

Figma tutorial: Auto layout button

Figma is free to use. Sign up here: http://bit.ly/3itfdYc Auto Layout can be added to Frames to create dynamic Frames and Components that respond to the size of their child objects, such as a button that grows with the length of its label. In this video we'll teach you the basics of using Auto Layout by creating a button from a single text layer. Tripma Design File: http://bit.ly/3nWIgV5 Learn more on our Help Center: Create dynamic designs with Auto Layout: http://bit.ly/2vXWMXB Behind the feature: the making of the new Auto Layout: http://bit.ly/3nYwkm2 Timestamps: 0:00 How Auto Layout Works 0:31 Series Overview 0:41 Tripma File 0:47 Creating The Text 0:56 Adding Autolayout and Fill 1:16 Autolayout Properties 1:23 Directions 1:25 Space Between 1:39 Padding Around Items 2:07 Alignment and Padding 2:21 Individual Padding 2:26 Resizing Properties 2:35 Hug Contents 2:44 Interaction Diagram 2:53 Text Resizing 3:12 Wrapping Up The Button 3:34 Conclusion #Figma #FigmaTutorial #AutoLayout Music: Mitsubachi by Smith The Mister https://smiththemister.bandcamp.com Smith The Mister https://bit.ly/Smith-The-Mister-YT Free Download / Stream: http://bit.ly/mitsubachi Music promoted by Audio Library https://youtu.be/0IgndUb1YQI


Figma tutorial: Auto layout button

Design System Analytics - Feature Highlight

Figma is free to use. Sign up here: http://bit.ly/37hRkwV Learn to use Design System Analytics on our Help Center: https://help.figma.com/article/440-design-system-analytics Read more in our blog post: https://figma.com/blog/introducing-design-system-analytics/ Take the guesswork out of your Design System with Design System Analytics. • Explore Analytics in the Libraries tab of your Organization • Visualize Component Insertions week over week • Compare adoption between two libraries • Discover which Teams are using a Library • Identify which Components are being inserted and which are being detached


Design System Analytics - Feature Highlight

In the File: Get closer with your developer in Figma

We all know that a good designer-developer relationship matters. But what does that actually look like in Figma? Join Helena Jaramillo (from Coda) and Silvia Tueros-Cossio (from Stash) as they share how they convinced their developers to join them in Figma and what that collaboration looks like. Sign up for free: https://bit.ly/2JLqfHE Link to slides: https://www.figma.com/community/file/839644505292586256/In-the-File%3A-Get-Closer-With-Your-Developer-in-Figma


In the File: Get closer with your developer in Figma

Office Hours: Mastering components

Join Designer Advocates Joey and Rogie as they dive into components: see them leverage constraints, apply auto-layout, explore negative frame spacing, styles, and more. Future Livestreams at https://figma.com/events Workshop file available on the Figma Community Beta: https://www.figma.com/community/file/857720313739752168/Office-Hours%3A-Mastering-Components


Office Hours: Mastering components

Office Hours: Figma plugin showcase [Part 2]

Join Designer Advocates Tom Lowry and Rogie King in a showcase of plugins we’ve found to level up your Figma game.


Office Hours: Figma plugin showcase [Part 2]
< 1 2 3 4 5 6 7 8 9 >