본문 바로가기
반응형

디자인 정보370

형광펜 밑줄 효과 HTML, CSS 홈페이지나 블로그에서 글을 쓸 때 강조하고 싶은 부분이 있을 때 보통은 글자를 굵게 하거나 밑줄을 긋는 방법으로 간단하게 강조를 합니다. 물론 큰 제목 같은 경우에는 멋지게 따로 꾸미지만 글 내용 중간중간에 강조하고 싶은 내용은 특별히 신경을 쓰지 않는 분들이 대부분이죠. 이제 블로그 글 내용 중간에 강조 효과를 주고 싶다면 형광펜 HTML과 CSS 사용 방법을 활용해 보세요. 형광펜을 영어로 하이라이터(Highlighter)라고 하는데 형광펜 코드, 혹은 하이라이터 코드라고 합니다. 1. 텍스트에 형광펜 효과 주기 텍스트에 형광펜 효과를 주는 방법은 간단합니다. 글 내용 중간에 배경색을 집어 넣어주기만 하면 되는데 여기서 중요한 것은 형광펜 색상 코드입니다. 블로그 글 작성모드 중 HTML모드에서 코드.. 디자인 정보/디자인 자료실 2020. 6. 19.
포토샵 명함 목업(MockUp) 파일 다운로드 및 수정 방법 목업이란 한국어가 아닌 영어이며 단어로는 Mock up이라고 합니다. 목업이라는 말만 들으면 한자어 같기 때문에 나무 목자를 써서 나무 모형을 만드는 것인 줄 오해하시는 분들이 많은데 의미는 비슷하지만 영어라는 것을 알아두세요. 목업(Mock up)의 원래 뜻은 실물 크기의 모형을 뜻하는데 포토샵에서의 목업이란 실제와 같은 디자인 샘플을 의미합니다. 예를들어 명함을 하나 디자인했다면 이것을 가지고 실제 명함을 가지고 세팅해 놓은 것처럼 만들어놓은 이미지를 목업이라고 합니다. 한마디로 목업은 실제 같은 세팅 사진이라고 보시면 되는데 클라이언트에게 보여주기 위한 목적이 큽니다. 클라이언트가 의뢰한 디자인을 실제 물건에 접목하면 이런 식으로 표현된다고 보여주는 것이죠. 목업은 다양한 디자인 작업에 사용되는데 .. 디자인 정보/포토샵 강좌 2020. 6. 16.
강렬한 글씨 효과를 위한 무료 포토샵 디자인 소스 10종 포토샵에서 사용할 수 있는 무료 디자인 소스를 소개해 드립니다. 글씨 위에 덮어 씌워서 만들 수 있는 질감, 텍스쳐 이미지로 클리핑 마스크를 이용해서 간단하게 글씨 질감을 만들어 내실 수 있습니다. 강한 인상을 주는 것들로 10종을 모아봤는데 원하는 필요하신 분들은 무료로 다운받아 사용하시면 됩니다. 본 포스팅에서 올리는 10종의 무료 이미지는 무료 이미지 사이트인 픽사베이(https://pixabay.com/)와 픽셀(https://www.pexels.com/ko-kr/)에서 가져온 이미지입니다. 다른 이미지들을 원하시면 해당 사이트에서 검색 후 찾아보실 수 있습니다. 제가 모아본 포토샵 글씨 효과를 위한 10종의 무료 이미지 리스트입니다. 용량이 큰 것도 있고 작은 것도 있지만 원본으로 받았기 때문에.. 디자인 정보/포토샵 강좌 2020. 5. 31.
포토샵 Use Global Light로 그림자 방향 통일하기 포토샵 레이어 스타일을 보면 그림자 효과가 있죠. 레이어를 더블클릭하거나 레이어 창 하단에 있는 "fx" 버튼으로 레이어 스타일 창을 열 수 있는데 "Inner Shadow"와 "Drop Shadow" 설정 화면을 열어 보면 그림자 방향(Angle) 설정 부분에 "Use Global Light" 체크하는 곳이 있습니다. 초보 분들은 이 기능이 무엇을 의미하는지 모르는 경우가 많죠. "Use Global Light"는 한마디로 모든 레이어의 그림자 효과를 동일하게 주는 기능입니다. 빛이 한 방향에서 비칠 때 이미지에 들어가는 오브젝트의 그림자 방향은 모두 동일할 겁니다. 오브젝트를 레이어마다 따로 만들 경우 그림자를 하나하나 맞추어야 하지만 "Use Global Light"를 사용하면 간단하게 동일한 방향.. 디자인 정보/포토샵 강좌 2020. 5. 25.
윈도우용 무료 컬러 피커(Color Picker) 사용하기 포토샵이나 기타 그래픽 디자인 프로그램들을 보면 컬러 피커(Color Picker)라고 원하는 색상을 추출하는 기능이 있습니다. 내가 원하는 색상의 견본을 마우스로 찍으면 그 색상의 정보를 얻고 바로 사용할 수 있게 해 주는 것이 바로 컬러 피커의 역할이죠. 컬러 피커는 보통 그래픽 프로그램들에 포함되어 있는 것이 보통인데 컬러 피커만 따로 별도의 프로그램으로 사용할 수 있습니다. 이 컬러 피커의 이름은 "Just Color Picker"입니다. 별도의 프로그램이기 때문에 인터넷이 없어도 사용이 가능하며 무료로 제공되고 있는 고마운 프로그램이죠. 보통의 컬러 피커는 RGB, HSB 등의 정보만 제공하는데 이 프로그램은 CMYK 색상 정보도 얻을 수 있습니다. ▼Just Color Picker 다운로드 출.. 디자인 정보/디자인 자료실 2020. 5. 17.

티스토리툴바