전체 글41 상세페이지 영역 구분하는 방법, 다양한 내용 배치 방법 상세페이지 영역 구분하는 방법, 다양한 내용 배치 방법1. 상세페이지 영역 구분하는 방법 1. 배경 이미지, 컬러로 영역 구분인접한 영역의 배경 컬러는 다르게 넣어야 명확히 구분됨 2. 사선으로 영역 구분보다 스타일리시하고 개성 있는 상세페이지 제작 가능사각형 도형 생성 > [Direct Selection Tool] 사용해 사선으로 만들고 싶은 점을 드래그하여 원하는 형태로 변경 3. 여백으로 영역 구분영역과 영역 사이의 공간을 넓게 주어 여백으로 구분시원시원하고 깔끔한 느낌 제공 가능디자인 감각이 부족한 초보자의 경우 상세페이지가 허술해 보일 수 있는 단점 존재 다양한 형태의 영역 구분컬러로 구분, 사선으로 구분, 여백으로 구분 등 여러 영역 구분 방법을 혼합하여 사용 2. 다양한 내용 배치 방법.. 2024. 5. 2. 상세페이지 필수 구성 요소, 적절한 글씨 크기 상세페이지 필수 구성 요소, 적절한 글씨 크기1. 상세페이지 필수 구성 요소: 인트로 앤티앨리어싱 모드인트로에 사용되는 큰 글씨는 smooth중간 사이즈는 crisp글씨가 작거나 얇을 때 외곽선이 부드러우면 가독성이 떨어질 수 있기 때문에 sharp 사용crisp 또는 sharp로 통일하여 사용해도 괜찮음 인트로상세페이지에서 가장 중요한 영역제품명, 메인 카피, 핵심만 짧게 넣은 슬로건으로 구성제품이 강조된 깔끔한 이미지로 구성하는 것이 좋음제품 주위 시선을 방해하는 복잡한 배경, 소품은 부적절제품명, 상품명은 가장 크게 삽입제품에 대한 내용을 인트로부터 넣으면 시선이 분산되어 이탈률 높아질 수 있음깔끔한 이미지와 주목성 있는 짧은 핵심 텍스트로 시선을 사로잡도록 제작인트로 영역 글씨 크기제목 70p.. 2024. 5. 2. [포토샵] 고급 개체(Smart Object)와 래스터화(Rasterize) [포토샵] 고급 개체(Smart Object)와 래스터화(Rasterize)1. 고급 개체(Smart Object) 고급 개체(Smart Object)원본 이미지를 보호해 화질이 깨지지 않도록 하는 방법포토샵은 픽셀 이미지 구현 방식(픽셀을 모아 이미지를 만드는 것)으로 이미지를 확대하면 깨짐 현상 발생하는데 이를 벡터 형식으로 바꾸는 것 (픽셀 이미지 구현 방식을 사용하는 이유는 사진 누끼, 보정에 적합하기 때문)벡터 방식인 고급 개체를 사용하면 확대, 축소를 반복해도 이미지가 깨지지 않음고급 개체를 적용하면 레이어 썸네일 하단에 고급 개체 마크가 생성됨이미지에 특정 효과를 적용하면 레이어 밑에 쌓여 언제든 수정 가능즉, 효과를 적용해도 언제든 원본으로 돌아갈 수 있음외부에서 가져온 사진, 텍스트,.. 2024. 5. 2. [포토샵] 흑백 이미지에 그라데이션 입히는 방법(블렌딩 모드 사용 방법) [포토샵] 흑백 이미지에 그라데이션 입히는 방법(블렌딩 모드 사용 방법)흑백 이미지에 그라데이션 입히는 방법(블렌딩 모드 사용 방법) · Problem흑백 이미지에 위 이미지와 같이 특정 색상 그라데이션을 입히고 싶음 · Solution1. 흑백 이미지 선택 후, [Gradient Tool] 클릭2. 원하는 그라디언트 색상 선택 후, 원하는 방향으로 그라디언트 적용3. 그라디언트 레이어 선택 후, 레이어 창 상단 [Normal] 박스 선택4. 블렌딩(Blending) 모드 변경(Darken은 어두운 색을 기준으로 색상이 섞이고, Lighten은 밝은 색을 기준으로 색상이 섞임) 1. 흑백 이미지 선택 후, [Gradient Tool] 클릭 2. 원하는 그라디언트 색상 선택 후, 원하는 방향으로 그라.. 2024. 5. 2. [포토샵] 웹용, 인쇄용 이미지 해상도, 컬러 모드 설정 방법 [포토샵] 웹용, 인쇄용 이미지 해상도, 컬러 모드 설정 방법1. 이미지 해상도 해상도(Resolutuon)디지털 이미지에 사용된 전체 픽셀(Pixel)의 개수를 표현(화면 해상도)전체 픽셀 개수뿐만 아니라, 일정한 면적 내에 점(Dot)의 개수도 표현(인쇄 해상도)해상도가 높을수록 이미지의 질이 높아지지만 파일의 크기는 커짐해상도 단위dpidot per inch종이 혹은 사진 사이즈에 맞춰진 인쇄용 설정출력 시 주로 사용ppipixel per inch픽셀로 이루어진 화면용 설정디지털 화면에 출력될 때 사용인쇄용: 300웹용: 72 2. 컬러 모드 컬러 모드(Color mode)인쇄용: CMYK웹용: RGBRGBRed, Green, Blue색을 섞을수록 밝아지는 가산 혼합 방식(명도 높아짐)모든 .. 2024. 5. 2. [포토샵] 글자와 이미지 겹치는 방법(교차 방법) [포토샵] 글자와 이미지 겹치는 방법(교차 방법)글자와 이미지 겹치는 방법(교차 방법) · Problem글자와 이미지가 앞, 뒤로 자연스럽게 교차되어 겹칠 수 있도록 만들고 싶음(*글자와 이미지뿐만 아니라 글자와 글자, 이미지와 이미지도 가능. 해당 글에서는 설명을 위해 검은색 글자와 주황색 글자를 글자와 이미지(주황색 글자)라고 정의함) · Solution1. 글자와 이미지를 원하는 형태로 배치2. 글자와 이미지 중 하나를 선택 후, 레이어 하단 'Layer masks' 적용3. 레이어 마스크를 적용한 레이어 복제 후, 레이어 마스크를 적용하지 않은 레이어 밑으로 배치4. 레이어 마스크를 적용한 레이어에서 레이어 마스크 썸네일(흰색 썸네일) 클릭 후, 'Brush Tool' 클릭해 검은색으로 변경5... 2024. 4. 28. 이전 1 2 3 4 5 ··· 7 다음
