안녕하세요
2번째 강좌를 들고온
양심없는 블랙입니다^^;;
저번 강좌가 생각보다 인기가 있어서
정말 다행이였답니다 ㅠㅠ
얼마나 조마조마 했는지
오늘은 저번에 예고한데로
뒷배경을 만들어볼꺼에요
뒷배경을 손글씨로 만들지 말고
폰트를 이용 해볼껀데요
(쉽게 말해서 타자쳐서 만들꺼랍니다^^)
그러면 당연히 이쁜 폰트가 필요하겠죠!
그래서 제가 준비했습니다
폰트에 대해서는 밑에가서 다시애기해보고
본문으로 들어가겠습니다!
↓↓↓ 쉽게 만드는 뒷배경 ↓↓↓
1. 새창을 엽니다 (ctrl+n)
오늘은 1000*600으로 열어 줍니다^^
2. 레이어 추가를 하지맙시다!
(그이유는 이미지나 글을 붙쳐넣기를 하면
레이어가 자동적으로 추가가 된답니다^^)
3. 자기가 원하는 이미지를 불러옵니다 (ctrl+o)
![](https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fpds2.cafe.daum.net%2Fdownload.php%3Fgrpid%3DBvOj%26fldid%3D5qIX%26dataid%3D48%26fileid%3D1%26regdt%3D20060923210031%26disk%3D36%26grpcode%3Dstomadam%26dncnt%3DN%26.jpg)
저는 맛있어보이는 빵사진을 들고왔습니다
(원래 슈주사진으로 할랬다가 포기한..)
4. 빵을
이툴을 눌러
적당하게 드래그해서
복사를 합니다 (ctrl+c)
5. 아까 열어준 새창에
붙여넣기를 해줍니다 (ctrl+v)
[ 배경 초보에게 유용한 팁!
배경을 만들때 너무 가에
붙쳐 넣기 하지마세요^^
잘못되면
몇부분이 옆에 튀여나온답니다^^;;]
![](https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fpds4.cafe.daum.net%2Fdownload.php%3Fgrpid%3DBvOj%26fldid%3D5qIX%26dataid%3D48%26fileid%3D3%26regdt%3D20060923210031%26disk%3D35%26grpcode%3Dstomadam%26dncnt%3DN%26.gif)
저는 이렇게 자리를 잡았습니다
(자리를 조금씩 옮기고 싶으면
툴을 다시 눌러준 다음
ctrl를 누른 상태로 이미지를 눌러 옮기거나
그옆에 마우스 같은 툴을 눌러주시면 됩니다!)
6. 드디어 글을 넣어보겠습니다!
여기도 2번에서 말한거와같이
레이어 추가를 안해줘도 된답니다!
이것도 자동적으로 레이어 추가가 되기때문이죠^^
티 같은
툴을 눌러줍니다
그런다음
글을 써넣을 자리에 드래그를해
공간을 확보해줍시다!
![](https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fpds7.cafe.daum.net%2Fdownload.php%3Fgrpid%3DBvOj%26fldid%3D5qIX%26dataid%3D48%26fileid%3D6%26regdt%3D20060923210031%26disk%3D35%26grpcode%3Dstomadam%26dncnt%3DN%26.gif)
드래그를 해주면 이렇게 됩니다!
드래그를 잘못해도 상관없어요^^
글자를 쓰고나서
다시 옮길수있으니까요!
7. 그다음 글자를 써줍시다
저는
빵보다 부드러운 사랑
이라고 적어 보겠습니다
색은
손글씨 쓸때처럼
색지정하는곳에서 하면 된답니다!
![](https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fpds8.cafe.daum.net%2Fdownload.php%3Fgrpid%3DBvOj%26fldid%3D5qIX%26dataid%3D48%26fileid%3D7%26regdt%3D20060923210031%26disk%3D31%26grpcode%3Dstomadam%26dncnt%3DN%26.gif)
저는 이렇게 적어줬습니다~
(폰트 - Na@산하)
[여기서 잠깐!
만약에 이미지와 글씨를 합치고싶다면
이미지가 레이어 1 이고
글씨가 레이어 2라고 가정해서
글씨레이어가 이미지레이어 위에 있습니다
그러면 레이어 2를 눌러
ctrl+e를 눌러주면 레이어 1로 같이 합쳐집니다
레이어 1를 눌르고 ctrl+e 누르지마세요
그러면 이미지와 그라운드가 합쳐집니다;;]
이제 드래그를 풀어야겠죠?
저는 귀찮아서 따로 풀지 않음으로
오늘 제일 많이나온 점선같은 툴
을 누르시면
빠르게 드래그가 없어진답니다!
그럼 저 툴로 이제 글을 알맞은 위치로 옮겨줍니다!
8. 이제 저장을 해줍시다!
저는 Save as로 저장하죠
Format에 PSD PDD되어있는 쪽에 화살표를 눌러주시면
여러개가 나오는데
GIF 나 JPG를 눌러 저장을 해줍니다
![](https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fpds10.cafe.daum.net%2Fdownload.php%3Fgrpid%3DBvOj%26fldid%3D5qIX%26dataid%3D48%26fileid%3D9%26regdt%3D20060923210031%26disk%3D9%26grpcode%3Dstomadam%26dncnt%3DN%26.gif)
저는 개인적으로 GIF 추천^^
원하는걸 눌러주고
그위에 파일이름을 정해주고 저장을 합니다!
그뒤에 오케이를 누르면 창이 계속 뜨잖아요
그창은 총 3개입니다
그냥 다 오케이해주시면 됩니다
![](https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fpds11.cafe.daum.net%2Fdownload.php%3Fgrpid%3DBvOj%26fldid%3D5qIX%26dataid%3D48%26fileid%3D10%26regdt%3D20060923210031%26disk%3D4%26grpcode%3Dstomadam%26dncnt%3DN%26.gif)
(여기서 저장하고 만든 창을 끌려면
무슨 창이 뜨잖아요
저것은 저장 안해도됩니다
3개중 2번째꺼 누르시면되요~)
8. 이제 이 파일을 올릴수있는 곳에 갑니다
(다음 카페에서 쓰실 배경이라면
다음에서 해야겠죠?
네이*이나 야* 이런데에서 하면
그쪽에 맞는 사이즈가 된답니다;;)
9. 글을써서 파일 올리는 형식으로
에디터에서 올려
게싯물을 올립니다
10. 그다음 이미지에 마우스 오른쪽을 눌러
속성을 눌러줍니다
그럼
![](https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fpds12.cafe.daum.net%2Fdownload.php%3Fgrpid%3DBvOj%26fldid%3D5qIX%26dataid%3D48%26fileid%3D11%26regdt%3D20060923210031%26disk%3D13%26grpcode%3Dstomadam%26dncnt%3DN%26.gif)
이런창이 뜹니다
이창중 가운데 주소라고 되어있는데
영어가 줄줄 적혀있죠?
그것을 복사해줍니다
기니 쭉 드래그 하고 계시면 될꺼에요^^
11. 그다음 배경 소스에다가
붙쳐 넣기를 해주면 끝입니다!
(여기서 그림을 올렸던 게싯물이 삭제되면
배경이 안나와요 ㅠㅠ)
배경소스입니다
<STYLE>
body {background-image: url(주소를 넣어주세요);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: right bottom;}
table, td {background-color:
transparent;}
</STYLE>
여기서 주소를 넣어주세요 되어있는데
아까 복사해주신 주소를 넣어주시면 되요
아무것도 건들지 말고
한글로 되어있는
주소를 넣어주세요 만 지우시고 넣으시면 된답니다!
----------------------------------------------
<STYLE>
body {background-image: url(http://pds11.cafe.daum.net/download.php?grpid=173BI&fldid=Bgkg&dataid=16&fileid=1®dt=20060923204355&disk=29&grpcode=gus9287&dncnt=N&.gif);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: right bottom;}
table, td {background-color:
transparent;}
</STYLE>
------------------------------------------
완성작입니다^^
** 여기서 유용한 팁 한가지를 더 드릴께요
소스를 메모지에다가 놔두구요
주소를 드래그를해서
복사해놓고
쓰시는게 좋답니다! ^^
** 그리고 소스 쓰시는 방법은
글을 다쓰시구요
에디터 옆에있는 HTML로 들어가셔서
글 위에다가 그소스 그대로 복사해서
바로 등록 누르시면 되요
다시 에디터로 가면
소스적은게 없어져요!
↑↑↑ 쉽게 만드는 뒷배경 ↑↑↑
오늘은 말이 좀 많아졌죠?
몸에 익숙해지면 정말 쉽답니다~^^
모르는 부분은 코멘으로 해주시구요
아까 말한 폰트는
참 많이 고민 많이했어요
댓글로 해서 댓글수를 늘릴까
그건 별로 안좋은 짓이라고 생각해서
전 강좌를 봐주신 분들이 (전 다 알고있어요..훗)
또코멘을 남겨주시면
제가 가진 폰트 무작위 1개와 자기가 원하는거 1개를 드리겠습니다
그리고
오늘 강좌 처음 보신분은
댓글과
답코로 원하는것을 써주시면
제가 메일이나 버디로 보내드립니다!
(전아무래도 버디가 편할듯 ㅋㅋ
메일은 안갈수도있거든요)
버디 : 백설반체리♡
답코든 버디 쪽지든 상관없습니다 보내주세요
근데
제가 통합메세지가 좀 구려서
제가 접안할때 보내시면
못볼수도 있답니다! ㅠㅠ
폰트
산하
하트
별
고양이
초등
받침네모
받침동그라미
산돌
참사랑러브레터
양제난초체
달크
그냥 이름만 보고 해주세요 ^^;;
깔끔한것은
산하
초등
산돌
양제난초체
이구요
아무래도 나머지는 이모티콘이 들어간답니다
그럼 오늘도 유익한 강좌가 되셨길
[폰트만 받기위해 글쓰는사람 다 티납니다]
********************
다음 강좌
자신만의 손글씨로
뒷배경 만들기
*******************
강좌 보는데 1분 따라해보는데 3분 코멘다는데 10초
대부분의 사람들은 이것을 안올려주는데 올려주셔서 감사합니다! 유용히 쓰겠습니다
성공했어요!!! 정말 감사합니다 ㅠㅠ
꺄아아 진짜 , 제가 타카페배경 지기인뎁... 아직 초보라 ,, 이런걸 잘 못만들었거든요! 진짜 감사드려요! 유용하게 쓰겟습니다아아.1
우와.. 디기 쉽구 잘될거같아요! 근데 뒷배경때문에 글씨가잘 안보였어요.ㅠㅠ 지금 한번 해보러 ㄱㄱ!
초보인저한테는 하나하나 자세하게 설명해주시니 알아들었어요!!!!!감사해요!
처음으로 접해보는 포토샵 뭐가 뭔진 잘 모르지만 그래도 열심히 따라해 봤으요 좋은자료 많이 많이 부탁드립니다 감사합니다
감사합니다 유용해요^^
감사함니다.