336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

자바(Java) 구구단 찍기


whlie문과 for문을 공부하면서 예제로 구구단을 연습했었는데, 

이번엔 자바로 구구단을 찍어 보려고 합니다.





먼저 전체 소스 코드 입니다.

이걸 찍으면, 아래 처럼 찍히게 됩니다.


.

.

.

구구단이 길어서 중략했습니다.




위에 소스를 쪼개서 분석해 보면, int 값을 최초로 2로 주어서 시작 숫자는 2부터 시작하게 했습니다.

그리고 반복문 while을 써서 i번 만큼 찍겠다고 하고 조건을 걸어 주었습니다.

만약 여기에 i만 써주었다면, 구구단은 2단 밖에 찍히지 않을 겁니다.

그래서 i에는 9보다 커지면 그만 찍겠다고 조건을 줍니다.


여기서 숫자를 변경하게 되면 2~9단이 아니라 원하는 숫자를 찍을 수도 있습니다:D


while문 안에 for 문으로 몇까지 곱할지를 정해 줍니다.


int j 는 1부터 시작하고, 9가 넘어가면 찍지 않겠다고 범위를 설정해 줍니다.

하지만, j가 변하지 않는 다면, 수식은 성립할 수 없지요,

증감식도 같이 써줍니다.


그럼 i값과 j값이 각각 나왔습니다.

첫번째엔 

i에는 숫자 2 j에는 숫자 1이 들어 가있는 상태입니다.


그리고 찍는 식은 'i'와 '*','j'를 찍고, '='를 찍고 i와 j를 곱한 값을 찍습니다.


즉 2*1=2가 찍히게 되는 겁니다.


이렇게 찍고 나오면, i는 증감되어 올라가게 됩니다.


하지만, 아직 j는 9보다 작습니다.

다시 올라가서 9가 되기 전까지 계속 반복하게 됩니다.


조건을 만족해서 나오게 되면, 이번엔 i값이 증감해서 다시 while문을 반복하게 됩니다.

그럼 i는 3이 되어 다시 찍게 되는 거지요,


이런 원리로 계속 찍다 i값이 10이 되면 조건이 만족하지 않아 식은 더이상 실행되지 않고 끝나게 됩니다.


만약 i의 증감식을 찍지 않으면, 계속 조건이 만족하기 때문에 끝나지 않고 계속2단만 찍힙니다.



이상으로 while문과 for문으로 구구단을 찍어 보았습니다.:D


336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

데이터베이스 연동 환경 만들기


저번에 데이터 베이스를 깔았지만,이클립스와 연동시키기 위해서는 한가지를 더 받아 와야 합니다.

이게 없음 둘이 연동이 안되니...뭔가 수신기 느낌인거 같네요ㅎ


다운 받을 곳은 SQL을 받았던 MySQL입니다.


MySQL바로가기


우선 'Downloads'에 들어가 줍니다.

그리고, 'Download Connector/J'를 찾아서, zip파일로 선택해서 다운을 해봅니다.



위에 큰아이콘 말고 빨간 박스를 눌러 줍니다.



다운이 완료되었다면 이런 알집 창이 열립니다.

이중에 빨간박스에 있는것 만 필요합니다.


자주 찾게되니, 경로를 잘 아는 곳에 넣어 주세요.



파일을 옮겼다면, 이클립스에서 적용을 해보도록 하겠습니다.

자바 프로젝트를 실행하실 때 마다 같은 자바 프로젝트 폴더안에 있던 책 아이콘에 'JRE System Libraries' 라고 적혀있던 폴더를 아십니까?

(파일안엔 요구르트 병같은 아이콘이 가득한...ㅎㅎ)


이 파일에서 오른쪽 버튼을 누르고 'Build Path' 'Configure Build Path'에 들어가주세요.



만약 상위 프로젝트 폴더에서 여셨다면 다른 카드가 우선순위가 되어있으실 수있지만,

당황하지 마시고, 'Libaries'를 클릭해 주시면 이런 화면이 나옵니다.

나오면 빨간 박스버튼을 눌러줍니다.


그러면 파일을 선택하라는 창이 뜹니다.


아까 위에서 경로를 잘 아는 곳에 저장해 달라고 말씀 드렸던이유가 여기 있습니다.

아까 따로 빼놨던 알집을 찾아서 클릭 해주세요.

그리고 Ok해주시면 환경은 만들어 졌습니다.


이제 코딩을 해보면 데이터 베이스가 연동이 되어있는 걸 보실 수있으실 겁니다.:D



데이터 베이스가 연동이 되니까, 할 수있는 폭이 매우 넓어 져서 그런지 재미있어 지지 않았나요?

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

일러스터로 글자이미지 확대하기 


저희 학교 선생님들이 경험이 많으셔서 그런지 이런저런 실용적이고, 알려지지 않은 꿀팁을 많이 가르쳐 주십니다.:D

그 중 하나가 글자이미지에서 글자를 따오는 건데요.


일러스터나, 포토샵을 이것저것 하다보면, 폰트 이미지도 가져올때가 많습니다.

이미지에서 글씨만 따보라고 했을때, 보통은 포토샵에서 따오실 겁니다.


하지만, 이미지가 작다면, 깨져서 활용이 쉽지 않겠지요?


이때, 그걸 조금이라도 덜 깨지게 보존해서 가져오는 방법을 안내해 드릴까 합니다.



먼저, 임의로 15pt의 글자로 편집해보도록 하겠습니다.



          


왼편이 텍스트를 치고 직후의 글씨입니다.

그리고, 오른편은 이 글씨를 포토샵에서 크게 확대한 후 모습니다.

거의 깨져 있는걸 볼 수있습니다.


이걸 조금이라도 덜 깨지개 해서 가져오기 위해서 우선 일러스터로 불러옵니다.



        


일러스터로 불러왔다면, 전체 선택이 되어 있는 상태에서 'High Fidelity Photo'를 눌러주세요.


그러면 이렇게 다른 이미지로 변화 된걸 보실 수 있으실 겁니다.

기본 폰트와는 좀 달라졌지요..;


이미지 안의 폰트 사이즈가 작을 수록 글씨의 변형은 심하고, 심지어 알아볼 수 없을 수 있습니다.


이렇게 되었다면, 'Expand'로 이미지를 분해해 줍니다.


그러면, 안쪽에 있는 텍스트까지, 분해되어 있는걸 볼 수있으실 겁니다.:D


배경보단, 안쪽의 이미지가 더 필요하니, 선택된 이미지에서 오른쪽 버튼을 눌러 'Ungroup'을 해 줍니다.

더 이상 안될 때 까지 해주셔야 안쪽의 이미지가 선택이 됩니다.

두번 정도면 되실거예요~


되셨다면, 배경만 선택해서 삭제해 주시면, 폰트만 남게 될 겁니다.


이렇게 폰트만 선택되게 해주세요~

그리고, 마음 껏 여유 있게 늘려 주시면 됩니다.



처음엔 종이 끝이 까마득하게 먼 작은 글씨 였는데,

종이 끝에 닿아도 더 이상 깨지지 않는 글씨를 볼 수 있으실 겁니다.




적당히 글씨의 크기를 늘려 주셨다면, 이제 하나의 이미지로 만들어 볼까요?

'Object'에서 'Rasterize'를 눌러 주세요.




그러면 하나의 이미지로 다시 묶이게 됩니다.:D


작은 폰트라 어쩔 수없이 깨져서 알록달록해진 글자를 한가지 색으로 통일해 준다면, 훨씬 이뻐 보이겠죠?

그럼 수정된 이미지를 포토샵으로 넘겨 봅니다.:D



포토샵으로 넘긴걸 저는 배경을 날리고,

검정색으로 글씨를 다시 골고로 칠해 주었습니다.:D

(뭉개진 글씨도 이때 살짝 다듬어 주신다면, 훨씬 퀄리티를 높이실 수있을 듯 합니다.)


포토샵까지 거치고, 나면 더욱 자율적으로 사용하시기 편리 하실겁니다.


이 방법에 팁을 하나 더 드리자면, 배경색이 있다면, 포토샵에서 1차로 정리해서 보내는게 훨씬 편합니다.

위에서 Expand로 분해하는건 색단위로 분해가 되는 거라서 색상별 분류작업을 하실 수있습니다.:D



'공부 > 일러스터' 카테고리의 다른 글

[일러스터] 네온효과 주기  (0) 2015.10.07
[일러스터] 하트를 만들어 보자.  (0) 2015.10.04
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

[데이터 베이스(Data Base)] MySQL 설치하기



학원에서 요즘 Java 쭉 배우고는 있습니다만,

이제 데이터 베이스(Data Base)를 실행하는 것을 배우게 됬습니다.


데이터 베이스를 하기 위해서 저번에 이클립스를 설치한 것과 같이 작업의 편리함을 위해서 프로그램을 따로 설치해 주어야 합니다.


데이터 베이스는 크게 오르클사에 있는 MySQL과 오라클 자체에 있는 데이터베이스 두가지가 가장 유명하지만, 무료 버젼인 MySQL을 설치해 보도록 합시다.:D



MySQL 바로가기<클릭



귀여운 돌고래가 마스코트네요...

심지어 귀엽기까지....할 맘이 더욱 생기네요^^ (틀림;


홈페이지에서 Downloads에 들어가주세요~



제일 위에 있는 건 상업용입니다.

맨아래에 있는 MySQL Community Edition 을 클릭해 주세요~




첫번째의 MySQL Community Server를 눌러 주세요.



첫번째의 Windows (x86, 32-bit),MySQL Installer MSI를 다운 받아 주세요,

bit가 맞지 않아도 저 프로그램 밖에 없고, 64bit도 호환이 가능합니다.:D



아래 용량이 좀 더 있는 버젼입니다.



마지막으로 버전명은 달라도, installer-community가 맞는지 확인해 주세요,

맞다면, 네모 쳐진 곳을 클릭해 주세요.


그러면 인스톨 파일이 받아집니다.




보안 경고가 이거 말고도 하나 더 뜨실겁니다.

확인/실행 을 눌러 주세요.



로딩이 끝나면 이런 페이지가 나옵니다.

에가서 아래 체크박스를 체크하면 'Next'가 활성화 됩니다.



첫번째 'Developer Default' 를 체크하고, 'Next'를 눌러 줍니다.



'Execute'를 눌러주면, 다운이 시작됩니다.


다운이 완료되면, 이것저것 수정할 수가 있게 되어있지만, 딱히 수정할거 없이 넘어가 줍니다.



위,아래 Password란이 있는데, 동일한 걸로 비밀번호를 생서해 주세요.

잊어버리지 않는 걸로 해주세요:D



요런창에서 'Check' 를 누르면, 밑줄처럼 바뀌면서, 'Next'가 활성화 됩니다.



혹시나 중간에 오류가 떠서 종료가 되었거나 하시는 분들은 Remove를 하고, 다시 깔아야 합니다.




저는 이런 문구가 떠서 종료가 되었는데요,

.NET framework 가 버전이 낮거나, 없어서 떴습니다.


이게 떳으니, .NET framework를 받으러 갔습니다.

기타 검색 엔진으로 쉽게 검색이 됩니다만, 혹시나 못찾으신 분들을 위해서 링크를 걸어봅니다.:D


.NET framework 4.5 다운받으러 가기



한글로 돼있습니다.

저는 4.5로 받았지만, 아랫 버젼을 받으셔도 무관합니다.

MySQL에서 원하는건 4.0이상 이니까요:D



다운받는 건 간단합니다.

처음에 이것 저것 받으라고 추천해 주지만, '건너뛰고 다음 단계 진행'을 눌러 줍니다.


그리고, 손쉽게 다운을 받아 주세요:D


다운이 완료되면, 재 부팅을 할 것인지 물어 봅니다.

재부팅을 해야 다시 다운을 받는 것이 가능하기에, 다시 시작을 해줍니다.



다시 시작까지 완료가 되셨으면, 이제 다시 실행 시켜 보시면, 이런창이 뜰 겁니다.

그러면, 받다 만것 까지 뜨게 될겁니다. 여기서 'Remove'를 눌러 주시면, 위에서 보셨던 페이지중 하나로 돌아가게 됩니다.


그러면 위에서 있던 순서대로 차근차근 다시 넘어가시면 됩니다.


이번엔 오픈 소스를 받을건데요,

sqlyog community를 받아주세요, 검색해 보면 무료버젼이 있답니다.:D

sqlyog community(무료버젼)다운 받기


네모 박스를 치면 다음페이지로 넘어갑니다.



자신의 PC의 비트에 맞추어 다운을 받아 주세요.



언어는 한국말인게 좋겠지요:D

다운로드 과정은 크게 어려운건 없습니다.


다운이 완료 되면 이제 실행을 시켜주세요.



새로운 이름을 작성해 주세요.



처음에 위에서 하셨던 비밀 번호 있지요?

그 비밀 번호를 입력해 주세요.



그러면 이렇게 실행이 됩니다.

이제 완전히 완료 되었습니다.:D

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

[자바(Java)] import 알아보기



자바프로그램을 다룰때 제일 상단에 import를 가장 많이 사용할 겁니다.


자바에서 제공하는 수많은 라이브러리가 있는데 이걸 모두 적용하기에는 양이 너무 많아 필요한 것만 가져와서 적용 시켜주는게 import입니다.


물론 이클립스 안에서 확인하는 것도 있지만, 오라클(Oracle)에서도 확인 가능합니다.:D


오라클(Oracle)<바로가기



오라클에 Downloads에 들어가, Java SE에 들어 가줍니다.



Java SE로 들어가 주세요~



Documentation에 들어가서 책모양 아이콘을 꾸욱~ 눌러 주세요.



그리고, Java SE API Documentation에 들어가면, 

사용가능한 라이버러리가 전부 뜹니다.



이렇게 많은 것들이 저장이 되어있는 걸 확인 하실수 있으실 겁니다.


해당 페키지에 어떠한 기능 들이 있는지, 그 기능은 어떻게 움직이는지 등이 적혀 있습니다.

하지만, 저는 영어를 잘 몰라 자세히 해석은 불가능 하네요..@ㅅ@


영어가 가능하신 분들은 여기서도 공부 해보시면 좋으실 것 같습니다.

나중에 프로그램을 짤 때, 가져와야 할 페키지에서 내가 연동해야 할 게 어떤게 있고, 

불러와야 할게 몇개가 있는지 체크하기 좋으 실 듯 합니다.:D



Tip. 자바에서 어떤 클레스나 메소드를 사용했는데, 어느 import를 불러와야 할지 모를때, Ctrl+Shift+O를 누르게 되면, 내게 필요한 페키지를 찾아옵니다.^ㅅ^


336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

[자바(Java)] 원하는 위치에 버튼 생성하기


자바 프로그램에서 버튼을 만들어 원하는 곳에 붙이는 방법입니다.


기초가 어느정도 끝나고, 응용에 들어가야 좀더 자세이 나오겠지만, 이렇게 띄울 수도 있다는걸 보여드리고 싶어 포스팅을 해봅니다.


홈페이지와 다르게 자바에선 아직 기초라 실질적으로 눈에 띄는게 더 없어서 어떻게 뜨는지 궁금했었습니다.


홈페이지에서도 열심히 텍스트만 찍어보고 이미지도 넣고 꾸며는 봤는데, 자바라니...너무 생소하잖아요~

실질적으로 어떤창에 어떻게 띄우는지도 모르니까요.:D


그러던 차에 배운 버튼 생성은 정말 신기했습니다.

'이런걸 띄우는 것도 자바구나.'하고요:D



버튼을 만들어서 창에 붙이는 방법입니다.

나중에 물론 이렇게 보단 다른 방법으로 많이 쓰게 되겠지만요.


class위에 import는 java에서 필요한 그룹을 찾아 사용하겠다는 의미로 생각하시면 좋을 듯 싶습니다.



프레임(Frame)을 생성해 버튼을 붙일 공간을 만들어 주고, jf란 이름을 주었습니다.

그리고 프레임 사이즈를 400,600으로 지정해 줍니다.


그다음줄에 있는 setDefaultCloseOperation은 JFrame을 실행하고 닫을 때 완전히 닫아준다는 코드입니다.


창을 띄우고 닫는데에서 꾀 자주 쓰이게 될 거라 기억해 주시면 좋을 듯 싶습니다.:D




버튼은 사방위로 4개와 가운데 한개를 생성해 주었고, 각각 jb~jb4 까지 각각 이름을 주었습니다.



jf프레임에 jb~jb4 를 각각 원하는 위치에 붙여 줍니다.


마지막으로, jf를 setVisible(true)로 창을 보여주면 됩니다.



이게 완성된 완성본입니다.:D


아직은 활성화 되지 않았지만, 요렇게 원하는 곳에 각각 붙어서 있습니다.

이걸 응용 해보자면, 원하는 만큼 프레임을 생성해서 버튼을 붙여서 원하는 위치에 마음 껏 자유자제로 붙일 수 있답니다.:D


빨리 자바로 무언가 결과를 만들 수 있는 날이 왔으면 좋겠네요.8ㅅ8

그러기 위해서 학원에서 빠샤빠샤 열심히 공부해야 겠지요...!



336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

[Studio4UX] 페이지 넘기기



전에 Studio4UX의 소개에 대해 포스팅을 했었는데, 얼마나 쉬운가에 대해서 조금 더 부연 설명을 해볼까 합니다.


E-Book에서도 페이지 넘기기는 중요합니다.

이클립스나 자바에서도 페이지 넘기기 수식을 써서 넘길 수도 있지만,

Studio4UX에서는 간단히 생성해 넘기는 방법까지 설정해 줄 수있습니다.



실행해 보면 평범하고 쉬워 보이지요?

정말 그렇답니다.ㅎ


File의 New 혹은 Ctrl+N으로 새로운 프로젝트를 생성해 줍니다.



원하시는 파일명을 적어주고, 

Location에서 파일을 저장할 위치를 지정해주세요,

지정하신 위치에 '(작성하신 Name)'폴더가 생성이 됩니다.

저장하실 위치는 알기 쉬운 곳으로 해 주세요.


Size는 기본값이 입력되어 있는데,

작업하시는 기기의 사이즈에 맞추어 사이즈를 지정해 주시면 됩니다.



Edit에 Document properties...를 눌러주시거나 단축키 Ctrl+Shift+K로 실행해 주세요.


기본적인 옵션이라 새로운 프로젝트를 실행할 때 습관으로 우선해서 해주시는게 좋습니다.



이 창이 뜨면, 핸드폰을 어떻게 띄울건지, 어떤 옵션을 줄건지 물어 봅니다.

화면처럼 설정을 해주세요, 저는 이게 기본설정으로 배우고있습니다.:D


OK, OK이로 넘어가 주세요~



New로 새로운 레이아웃을 생성해 주세요.

저는 페이지의 넘김을 보여드리기 위해서 여러개를 생성하고 각각 씬(Scene)의 이름을 바꾸어 주고, Background Set color를 바꾸어 주었습니다.



Edit에 Document template properties...를 눌러주시거나 단축키 Ctrl+Alt+Shift+K로 실행해 주세요.



이 창이 뜨면, 먼저 New를 눌러 주면 Article이 생성이 됩니다.

저는 편의성을 위해 이름을 바꾸어 주었습니다.

(더블 클릭을 하면 이름을 바꿀 수 있습니다.)


간단히 이페이지에 대해 설명을 드리자면, 

Article = 가로로 넘어가는 페이지

Pages = 세로로 넘어가는 페이지

Scenes = 내가 생성한 모든 씬(Scene) 



첫페이지를 클릭해 주면 Scenes란이 활성화가 되어 선택할 수있게 됩니다.

원하는 씬을 선택하고, Add as Page를 눌러 주세요.


그러면 Pages에 붙은게 보이실 겁니다. 



여러개를 해서 비교해 보기 위해서 페이지를 여러장 생성해 확인해 봅시다.:D



했던걸 확인해 보기위해 미리보기 버튼을 눌러 확인해 보면 이렇게 뜹니다.

미리보기는 위에 재생 버튼을 눌러주시면 됩니다.

혹시나, 사운드 기기가 연결이 안되어 있다면, 외부 player를 사용해서 열어주어야 합니다.


 Pages란에 넣었던 순서대로 찍힙니다.  



넘어가는게 자유자제로 넘어갈 수있단걸 확인하실수 있으실 겁니다.


페이지 디자인만 한다면, 

충분히 소개페이지를 만들 수도 있고, E-Book도 손쉽게 만들 수 있지 않을까 싶습니다.


336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.


카페같은 곳에서 메뉴판이라며 타블렛을 준는 곳을 가본적이 있으신가요?

타블렛에서 잡지를 보는 장면을 본적이 있으신가요?


그런 프로그램을 간단히 만들 수 있는 프로그램이 있습니다.

Studio4UX 라는 프로그램이 있습니다.

꾀 비싼 프로그램이지만, 

해당 계열 분들은 구매해 사용할 정도로 메리트가 있는 프로그램이 아닐까 싶습니다.



Studio4ux <- (클릭)



홈페이지에도 나오지만, 정말 많은 분야에서 활용되고 있습니다.

음악도 첨가할 수 있고, 플레시도 첨가 할 수 있습니다.

넘기는 형식도 간단합니다.:D



활용가능한 영역 들입니다.

정말 많은 분야지요!


간단하면서 정말 많은 분야로 할 수있지 않나 싶습니다.



이미지 같은 역동적인 동화도 있습니다.

요즘에 아이패드나 핸드폰으로 많은 것을 하다 보니 요렇게 활용성이 좋습니다.


홈페이지 같이 터치하면, 해당 화면으로 넘어가는 기능은 없지만, e-book형식의 프로그램으론 아주 좋은 프로그램이 아닐까 싶습니다.


요즘 나왔다는 어도비사의 뮤즈나 엣지의 간단한 기능도 한번에 적용해 사용할 수 있는 것도 상당한 메리트가 아닐까 싶습니다.



체험판은 30일 정도 사용 가능합니다.



어플을 올려주는 것도 대행해 준다고 합니다.


프로그램을 모르시는 분들도 2D만 어느정도 만드실 수 있다면.

처음하시는 분들도 쉽게 만들 수 있을 정도의 프로그램이고, 

어플로 올리는 어려움도 번거로움도 어떻게 해결이 되실거 같습니다.


한번 도전해 보세요:D




336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

[하이브리드 기초] 클릭면 텍스트가 바뀌어요! 텍스트 찍기




자바스크립을 조금이라도 공부하신 분들께는 아주 쉬운 게 아닐까 싶습니다.


앞서서 폰갭을 실행해서 간단한 기초 작업 배경을 만드는 걸 다뤘었는데요,

거기에 이어서 초 간단한 예제를 올려 봅니다.


버튼과 메시지 창을 만들어서 클릭하면, 메시지가 바뀌는 예제 입니다.


간단하지만, 계속 쓰이는 기초적인 부분이라고 생각합니다.



메시가 바뀔창과 클릭할 버튼을 생성해 줄 건데요,


메시지가 바뀔창은 span으로 영역을 잡고, id값을 줍니다.

그리고 간단히 변화를 알아 볼 수있도록 Message 라고 입력했습니다.


클릭했을 때 변화를 주기 위해 버튼에는 'onClick' 으로 이벤트를 줍니다.




효과는 function으로 아까 onClick을 호출해 올라옵니다.


그리고, body에 있는 id값을 호출해 해서 text트로 원하는 문자를 찍어 줍니다.




이렇게 작성된걸 띄워보면 이렇게 뜨실 겁니다.


Message값은 그대로 올라가고,

버튼을 생성할 때 value값을 준게 버튼의 이름으로 해서 요렇게 모양이 잡힙니다.



그리고 클릭을 하면 메시지가 변합니다!





안드로이드를 하면서 편한건 기초적인 개발환경이 제공되어 있어서,

CSS를 사용하는게 거의 없다는 건데요,


여기엔 사용이 안되어 있지만, 기본적으로 안드로이드 용으로 제공되는 기초 스타일 시트가 있어서, 

잘 활용하면, 제공되는 것만으로도 제법 그럴 싸 해집니다.


그거에 대해선 다음에 다시 포스팅을 해 보도록 하겠습니다.:D




'공부 > 하이브리드 앱' 카테고리의 다른 글

폰갭(Phonegap) 설치하기  (3) 2015.11.18
JQM 기본 UI  (0) 2015.11.16
[환경설정] 이클립스(eclipse) 환결설정  (2) 2015.09.22
[설치&실행] 폰갭(Phonegap) 설치 및 실행  (1) 2015.09.22
[실행] SDK 실행 하기  (2) 2015.09.22
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

[일러스터] 일러스터에서 네온 효과 주기


일러스터로 네온 효과를 주는 방법에 대해 해 보려고 합니다.

일러스터에서도 어느정도 어렵지 않게 효과를 줄 수 있습니다.



원하시는 폰트로 원하시는 글씨를 만들어 주세요.

팁을 드리자면, 네온은, 직각 보단 곡선이 연결되어 있는 둥글둥글한 형태가 좀더 이쁩니다.



대문자로 하니, 저게 그나마 둥글고 이쁜거 같아 저 글씨체로 했습니다.

원하시는 글씨체로 해주시고, 일러스터는 나중에 완성된 후에 크기를 원하는 대로 바꾸어 줘도 크게 상관은 없으니, 글자크기는 보기 좋게 큼직하게 해줬습니다.

그리고, 글씨가 너무 붙어 있는거 같아 자간도 조금 주었습니다.



글씨를 작성하셨다면, Create Outlines로 글씨를 깨 줍니다.



제대로 들어 가셨으면 이미지는 요렇게 뜨실 거예요~


  


이제 면은 잠궈 주고, 선만 살려 놓아 주세요.


Stroke에서 Weight 값을 주세요~

보통 14~16 정도면 될 듯 싶은데, 글씨체나, 크기에 따라 도톰하게 주시면 될 듯 싶습니다.

만약 Stroke 가 없다면 Window 에서 찾으시거나 Ctrl+F10을 눌러 주세요.


 


하얀 마우스툴(A)로 각각 선택해 색을 달리 줘 봅니다.



 


그리고, 검정 마우스툴(V)로 전체를 선택해 주시고, 전체를 Ctrl+C,Ctrl+F 제자리 붙여넣기를 해주시고,

바로 다시 Storke의 Weight값을 낮게 낮추어 주세요~ 저는 4정도 줬습니다. 

하지만, 이렇게 주기만 하면 표가 나질 않습니다.


Color에서 T값을 10%정도로 낮춰 주세요.

Color가 없다면, Window에서 찾을 수 있습니다.



낮춰 주시면, 이렇게 나오는 걸 볼 수 있습니다.


만약 전체가 하얗게 나왔다면, Storke 값을 조절해 주신 후 다른 곳을 클릭 하고 다시 영역 클릭하는 과정에서 

영역이 잘 못 선택 되셨을 수 있습니다.



저렇게만 두기엔 아직 네온 효과가 충분하지 않은 감이 있습니다.

Object에서 Blend > Blend Options에 들어가주세요.



Specing을 Specified Steps를 선택해 주시고, 값은 50정도 줍니다.

이효과를 안주게 되면 효과가 부드럽게 들어가지 않고, 딱딱하게 들어갑니다.:D


그리고, 아까 Blend Options 위에 있던 Mask 효과를 주시면 됩니다.




요렇게 자연스럽게 들어 갔지요?;9

하지만, 여기서 완성을 하기엔 조금 불안정하답니다.


크기를 줄이는 과정에서 난리가 날 수 있습니다.

그래서 효과를 더 줘 볼까 합니다.:D


       


같은 Object에서 Expand를 주고 Outline Stroke을 주시면, 이제 마음 껏 크기를 줄이셔도 무관해 집니다.:D



같은 방법으로 한글도 만들어 보았는데, 한글보단 영어가 뭔가 느낌이 있는거 같네요...;ㅂ;


'공부 > 일러스터' 카테고리의 다른 글

일러스터로 글자이미지 확대하기  (0) 2015.10.29
[일러스터] 하트를 만들어 보자.  (0) 2015.10.04

+ Recent posts