디자인연습 (24)
추억의 게임 지뢰찾기. 보고싶어서 포토샵으로 만들어버림. 윈도우10에는 없더라고요
feat. 윈도우 고전게임 Minesweeper
& PC통신 레트로느낌 픽셀무료폰트 추천
4월 9일 어제부터 온라인개학이 시작되었네요. 코로나가 개학도 미루고 심지어 온라인개강이라는 현상까지 만들어버렸는데요. 학교하니까 컴퓨터시간에 선생님 몰래 인터넷없이도 하던 게임이 생각나요. 다들 한번씩 해보셨을 거라 생각해요. 지뢰찾기!!!
90년대 PC통신의 등장으로 천리안,나우누리,하이텔 등 전화 기반의 접속 인터넷이 활성화된 그 시기에 엄마는 옆집아줌마랑 전화해야 하니까 컴퓨터로 고작 지뢰나 찾고 있었던 제 모습이 떠오르는데요 이렇게 보니까 나이가 몇개야 흑흑 네아무튼 문득 지뢰찾기게임이 떠올라 윈도우10을 이리저리 뒤져봤는데 자체프로그램인 게임을 통해서 들어갈 수 있더라고요. 지금의 디자인은 과거의 모습과 상당히 다릅니다.
뭐랄까 더 디지털화된 느낌이랄까.
미래도시적인 컨셉으로 바뀌어버려서 영 정이 안간다고 할까요? 아무래도 뉴트로가 대세이다보니까 저도 기존의 지뢰디자인에 정감이 가는 거 같고 예전 거는 누를 때 특유의 느낌이 있어요. 비록 마우스로 클릭하는 거지만, 촌스러운 네모버튼의 그림자가 자꾸만 눌러보고 싶게 만들거든요. 여튼 윈도우7에서는 환경설정에서 지뢰찾기게임을 불러올 수 있는 방법이 있어요. 저처럼 문득 추억에 잠긴 분들이 많이 찾아봤는지 검색하면 방법이 다 나옵니다.
하지만 옛날 스타일이 너무 마음에 들어서 포토샵으로 만들어봤어요.
댓글에서 포토샵은 안하냐는 문의가 몇몇 있어서 이번에는 포토샵입니다!
복잡해보여도 엄청 단순하더라구요!
여러분도 잠시나마 추억속으로GoGo
1 지뢰판
기억에 6X6, 9X9 이런 식으로 가로세로 동일한 개수의 사각형 지뢰판을 설정할 수 있었던 거 같아요. 이 부분을 먼저 만들고 모양을 잡아볼게요. 지뢰판을 가로세로 각각 10개씩 만들거라서 계산하기 쉽게 400px로 만들었어요
2 명암
포토샵에서 Bevel&Emboss라는 레이어스타일이 있어요. 지뢰게임은 오직 이것들로만 만들어진 단순한 인터페이스 디자인입니다. 여러분들도 금방 만들 수 있어요. 복붙하면 되니까요.
Style : Inner Bevel
Direction : Up
Size : 5
Angle : -50
3 작은사각형
큰 네모판이 400px이었으니까 작은 사각형은 40px로 만들어요. 그리고 나머지 99개는 복붙할건데요. 그 전에 앞서 만들었던 Bevel&Emboss레이어스타일을 복사해주세요. 이때 각도만 반대로 해주면 됩니다
복붙 TIP.
10개씩 폴더로 묶어서 폴더를 10개 복붙하면 레이어정리가 훨씬 단순해져요!
요것만 했는데도 벌써 느낌이 나요!! 지뢰터졌을떄처럼 심장쿵쾅쿵쾅
4 인터페이스 만들기
바깥에 사각형들도 마찬가지로 레이어스타일만 복사해주면 금방 완성됩니다. 진짜 쉽죠??!!
5 디테일
뉴트로에 어울리는 폰트로 글씨를 써주고 마스코트 스마일도 넣어주고요. 회색창이 참 그립네요. 요즘 윈도우는 너무 세련되어졌어요.그죠?
지뢰찾기에 사용된 폰트는 둥근모꼴Fixedsys입니다. 딱 PC통신을 위해 만들어진 글씨체예요. 실제로 코레일 전광판에도 쓰인다고 합니다. 퍼블릭 도메인이므로 수정이나 영리 목적이 아니면 누구나 자유롭게 사용할 수 있는 무료폰트예요. 이런 것은 널리널리 알려야합니다!
둥근모꼴+Fixedsys
둥근모꼴+ Fixedsys 1.3 가나다라마바사아자차카타파하힣 ㄱㄲㄴㄷㄸㄹㅁㅂㅃㅅㅆㅇㅈㅉㅊㅋㅌㅍㅎㄳ ㅏㅐㅑㅒㅓㅔㅕㅖㅗㅘㅙㅚㅛㅝㅞㅟㅠㅡㅢㅣ ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 12345678..
cactus.tistory.com
6 눌림
버튼이 눌려진 듯한 부분은 stroke만 2px 줬어요. 주변 사각형들에 베벨앤엠보스 효과가 들어있어서 자연스럽게 상대적으로 들어간 것처럼 보이거든요!
요기에 이렇게 숫자만 써주면 끝입니다
※ 혹시나 진짜같다고 눌러보지마세요🤣
그리고 인터넷에서 지뢰찾기하는법은요.
구글에서 검색하시면 바로 나와요!! 한판ㄱ?
혹시 요 짤에 나오는 양 아시는 분계세요?ㅋㅋㅋㅋㅋ
댓글 달아주시면 답장은 다 못해드려도 방문은 꼭 해드립니다!
안녀엉
'디따 > 포토샵 스킬업' 카테고리의 다른 글
| 포토샵으로 앰블럼,뱃지 디자인 만드는법 패스따라 글자넣기 (기초,응용,심화까지) (38) | 2020.04.27 |
|---|---|
| 포토샵으로 완벽깔끔하게 누끼따기 마스터하는 4가지 방법 (49) | 2020.04.24 |
| 포토샵 text masking 클리핑마스크로 포스터 만들기, 타이포그래픽디자인 (23) | 2020.03.31 |
| 감각적인 인스타그램 스토리 컨텐츠 디자인하는 법, 레이아웃 사이즈는? (41) | 2020.03.30 |
| 포토샵 자주 쓰는 그라데이션 저장하기 불러오기, 쉽게 만드는 나만의 팔레트 만들기 (사이트추천) (58) | 2020.03.26 |
댓글