[포토샵]스트로크 스타일 디자인 아이콘 만들기

2016은 스트로크 스타일 관련 디자인으로 인기를 얻고 있습니다. 모든 사람들이 이미 본 것으로 믿습니다. 이번에는 간단하고 실용적인 3 단계 스트로크 스타일 디자인 자습서

미안, 내가 튜토리얼 APP는 ~, 우리는이 튜토리얼에서 살펴보고 그 다음 문제로 페이지를 시작하는 것을 기다릴 반송하고있어 (* ^ __ ^ *)

뇌졸중 스타일이 무엇인지 모르는 경우 다음 그림을 먼저 볼 수 있습니다.

위의 귀엽고 아름다운 디자인 스타일을 Stroke Wind ~라고합니다. Dribbble에서 시작된 MBE 디자이너입니다.

왜 지금이 기사를 쓰고 있습니까? 스트로크가 매우 뜨거우므로 튜토리얼을 작성하는 추세를 따르지 마라. OUT ~   

그렇다면 넌센스가별로 없다. 이것은 매우 간단한 튜토리얼이기 때문에 직접 시작하자 ~

오래된 규칙은 미망인이 언급 한 수치심을 나타냅니다.

첫 번째 단계는 여기 인터페이스에서 듣기 아이콘을 사용하여 데모를하고, 먼저 120 * 120의 진정한 원, 색 값 #ffd401, 원 A를 얻는 것입니다.

(초심자가 나를 따라 오도록 촉진하기 위해 여기 예제 모양은 가장 단순한 라운드이며, 친구들은 특별한 경우에도 내 모양대로 디자인 할 수있다. 효과는 더 좋을 것이다)

두 번째 단계는, A B 수득하고 원형 블랭크 B의 색상을 설정할 둥근 원형 Ctrl 키 + J 단축 복제가 충전되어, 4 # 000000 (테두리 두께의 화소 값의 테두리 색상은 일반적으로, 특히 자신을 길게 있지만 쉽게 색을 변경하지 퓨어 블랙이 가장 적합합니다. 또한 A 레이어 위에 B 레이어를 이동하는 것을 기억하십시오)

세 번째 단계는 원 A를 선택한 다음 ctrl + T를 눌러 크기를 110 * 110으로 조정하는 것입니다. 줌 방향은 오른쪽 아래 방향입니다. 그런 다음 원 A에 내부 그림자 스타일을 추가하고 혼합 모드를 "부드러운 빛", 색상 # 000000, 각도 -24, 거리 13으로 설정합니다

마지막으로, 검정 삼각형을 그 위에 놓으십시오. 오 예 ~ 가장 간단한 실제 스트로크 아이콘 중 하나가 만들어집니다! ! (만약 당신이 혼자서 그것을 보여 준다면, 당신은 + - .. *와 다른 다채로운 기호들을 추가해서 나 같은 장식을 만들 수 있습니다)

비유하자면 창의력을 사용하여 더 재미있는 UI 요소를 획 스타일로 디자인하고 앱에서 완벽하게 사용할 수 있습니다. ~~

이 기사는 모든 사람들을 문 안으로 들어 오기를 원하며 많은 기술이 있습니다 : 예를 들어, 색상을 무차별 적으로 사용할 수없는 경우. 색상이 나쁜 경우 아래에 제공된 여러 색상 값을 사용할 수 있으며 획의 두께는 잘 일치해야합니다. 점점 더 많은 스타일을 디자인 할 수 있기를 바랍니다. 그리고 PS를 열어서 디자인을 사랑하게하십시오! (기사의 많은 아름다운 사례가 온라인에서 발견되었으므로 공유 해 주셔서 감사합니다. 작업을 잘 활용한다면 delete (^ _ ^) / ~ ~)

위 사진의 확산 그림자 효과는이 자습서에서 볼 수 있습니다. http://www.ui.cn/detail/87521.html

다음 비디오 자습서 미리보기 : APP 시작 페이지를 빨리 디자인하는 방법을 알려줍니다. 已 (보낸 사람 : http://www.ui.cn/detail/174402.html )

게스트 임원이이 자습서가 여전히 괜찮다고 생각하면주의를 기울이고 추천하는 것을 환영합니다 ↓