Opacity와 Fill의 차이는?

안녕하세요 :) 무택입니다🧔

오늘 알아볼 기능은 Opacity와 Fill의 차이가 무엇인지입니다.

실무를 하다 보면 Opacity를 사용하는 일이 정말 많은데 Fill을 이용하는 경우는 그렇게 많지 않은 것 같습니다.

하지만 Fill을 사용하는 경우도 있을 수 있으니 어떤 기능을 하는지 같이 알아봅시다.

 

 

1. 먼저 두 개의 박스를 만들어 줍니다.(귀여운 북극여우는 귀여워서 넣었습니다..)

 

 

2. 여기에 하나는 박스에 테두리 선(1번)을 하나는 레이어 스타일에서 선(2번)을 추가해 줍시다.

 

 

3. 그리고 각각 Opacity와 Fill을 설정하면 어떻게 될까요?

 

1번은 박스 전체의 투명도가 조절이 되었고 2번은 레이어스타일은 그대로 두고 박스의 투명도가 조절이 되었습니다.

 

이처럼 Opacity와 Fill의 차이점은 레이어스타일도 투명도를 줄 것인지가 핵심입니다.

저는 아직까지 실무에서 Fill의 사용이 많지 않았는데 어떤 경우에 쓰일까 생각해 봤을 때 글라스모피즘의 스타일을 만들때 사용할 수 있을 것 같습니다. 나중에 글래스모피즘의 디자인도 같이 살펴보도록 하겠습니다.