본문 바로가기
728x90
반응형

분류 전체보기301

비쥬얼 스튜디오 코드④_테이블 만들기2 , 목록태그 01 테이블 만들기 wrap을 정중앙에 보내기: margin: 0 auto; ** 반응형할때는 height 값 빼줘야함> 반응형에 탄력있게 크기조절이 되어야하는데 높이값을 들어가면 반응형 크기 조절이 안됨. wrap색 텍스트 여백주기_1 텍스트 여백주기_2 태그: 단락 [이름 부여해주기] 1. class: 똑같은 이름을 여러개를 부여해서 사용할 수 있음 2. id: 중복된 이름을 사용하지 않음, 큰덩어리에만 부여 p태그 생략가능 #wrap p.text = #wrap .text padding 값은 크기를 늘린다. w300 에 padiding 30px 을 주면 w360이 된다. float 을 띄우면 텍스트, 이미지가 한층 더 올라감 clear로 텍스트, 이미지가 못올라가게 함 , clear가 비어있는 1층공.. 2023. 5. 18.
[포토샵] 세로형 카드뉴스 만들기 01 세로형 카드뉴스 만들기 _ 글꼴: 여기어때 잘난체, 베스킨라빈스 B _ 크기: 600px X 900px _ 아트보드(대지): 웹에 올릴 시에 대지 이름은 반드시 영문으로 설정 [커버카드 만들기] 1. 새파일 열기 2. 고양이 사진 열기 3. 이동툴로 [새파일1]에 옮기기 4. 고양이사진 크기 조절 ctrl+t 5. 비율안맞는 사진 배경 늘려주기: rectangular marquee로 넣어줄 이미지 부분 영역 잡아주기 > 이미지 레이어 선택해주고 잡아준 영역 ctrl+t로 모양 변경 > 방향키로 영역 늘려주기 6. shift+ 방향키로 글자를 10px씩 이동할 수 있음 7. ctrl+ ; 은 가이드라인 숨김 8. 말풍선 넣어주기: windows > shapes > 햄버거 탭 클릭 > lagacy sh.. 2023. 5. 18.
비주얼 스튜디오 코드③ 테이블 01 테이블 테이블 - 반응형에서 제약이 있지만, 편리하고 넓이값 높이값을 퍼센트로 줄 수 있기 때문에 용이 td td td td tr 한 줄씩을 tr 한 칸씩을 td 라고 부른다 tr을 이루는 것이 table. h태그는 1번부터 6번까지 사용할 수 있다. h1 태그는 로고에만 사용함 가장 큰 제목이 로고 align = 가로정렬 valign(vertical align) = 세로정렬 1-1 테이블 병합 colspan: 칸을 합친다. rowspan: 줄을 합친다. border: 가장자리 cellspaceing="0": 테두리 두줄로 되어있는 걸 한줄로 합쳐줌 수치가 들어갈 경우 테이블보더와 tr/td 간 두께가 생김 body란? 바디 백그라운드 컬러 변경 2가지 방법 1. 안에 생성하여 body 백그라운드 .. 2023. 5. 17.
[포토샵] 머리카락 누끼따기 , 아트보드 활용 01 백그라운드 지우개 _ 머리카락 누끼따기 백그라운드 컬러로 지정한 뒤 백그라운드지우개크기를 크게 한 상태로 지워주면 머리카락누끼 따기가 용이하다. (단, 배경이 단색일때 가능) F12 : 원본상태로 돌아가기 02 SELECT AND MASK _ 머리카락 누끼따기 2 상단바에 셀렉트 앤 마스크 클릭 VIEW에 오버레이 선택 Refine edge brush tool 선택해서 섬세하게 머리카락을 딸 수 있다. 머리카락 누끼따기 완성 03 아트보드 아트보드를 여러개 만들어서 하나씩 저장이 가능 ppt 로도 활용 가능 아트보드지 밖으로 나가면 이미지가 안보임 이미지 키우기 사진 투명도 주기 opacity65% 지정해주면 배경이 투명해짐 04 테두리만들기 ctrl+a Edit > stroke > width, c.. 2023. 5. 17.
비주얼 스튜디오 코드②_이미지넣기_백그라운드 이용 크롬설정하기 manage > settings > extensions > live server config > custom browser > chrome 변경 화면 셋팅하기 _ 글자 한문단에 계속 이어지는 것 방지하기 manage > settings > search settings에서 word 검색 > word wrap 찾아서 wordwrapColumn 설정 하기 배너 이미지 적용 이미지 넣을 부분에 주석처리 해주어 이미지를 대체한다. 주석처리: ctrl+/ [배너 이미지 넣기] #banner 안에 background: url( . /폴더/파일이름) . 은 자기자신: index.html 안에 있는 폴더 .. 은 상위폴더(부모폴더) margin: 바깥여백, 컬러값을 넣으면 박스의 여백이 늘어남 padding.. 2023. 5. 16.
[포토샵]그라디언트, 사진 합성하기 01 그라디언트 그라디언트 투명값 주기 그라디언트 더블클릭 윗쪽 화살표 선택 > opacity 값 설정 02 사진합성하기 _벽 합성하기 이동툴로 빨간벽을 회색벽 파일로 옮겨주기 빨간벽 레이어 선택하고 add vector mask 생성 하얀색 섬네일 생성되면 섬네일 레이어에서 그라디언트 적용하여 수평으로 끌어주면된다 검정색 부분은 투명도로 들어감 벽합성 완료 _ 바다, 하늘 합성하기 각각의 바다사진과 하늘 사진 합성하기 위해 바다사진에 하늘사진을 합성할 위치에 이동툴로 놓기 빨간벽 레이어 선택하고 add vector mask 생성 마스크 생성되면 그라디언트 생성 그라디언트 블랙>화이트 로 만들어주기 아래에서 위로 드래그해서 그라디언트 만들어주기 하늘+바다사진 합성완료! 2023. 5. 16.
728x90

티스토리툴바