티스토리 뷰
21. 굴곡이 있는 원통에 휘어진 글자 넣기 | 스마트오브젝트
일러스트레이트에서 이미지 가져올 때
pixel로 가져오면 해상도가 떨어짐
smart object(일러스트레이터와 연동)로 가져와야 크기를 키워도 해상도 유지함
스마트오브젝트로 가져오면 썸네일에 오른쪽 밑에 작은 네모가 생김
가져 온 오브젝트를 감싸도록 이미지 모양 틀에 맞게 네모난 상자를 만들고
색깔을 넣은 다음 투명도를 줘서 뒷쪽 오브젝트들이 보이게끔 하기(기준점을 만들어준 것)
네모난 상자 + 가져온 스마트오브젝트 동시 클릭하고 오른쪽 마우스
> Convert To smart object
하나의 덩어리로 변함
ctrl+T > 위에 anti-alias 옆에 아이콘 "Warp Mode: 워프 모드(구부리다)" 누르고
모양에 맞게 none에서 Arch로 바꿔서 원통 굴곡에 맞게 이미지 변환시켜주기
썸네일 더블클릭하면 새창이 뜸
합쳤던 두 레이어가 보이면 틀에 맞춰 만든 네모난 상자 레이어를 삭제하거나 눈 감겨주기
그리고 저장(ctrl+S)
자연스럽게 변화됨
썸네일 더블 클릭해서 새창에 이미지를 변경하거나 위치를 조절하고 저장하면
변경된 이미지 그대로 적용된 걸 확인할 수 있음
22. 피부 보정
0. 원본 레이어 복사
1. 먼저 큰 잡티(덩어리)를 없애야 함
2. 눈에 띄는 잡티만 힐링 브러쉬로 지우기
Spot Healing Brush Tool 누르면 밑에 Healing Brush Tool이 있음
그냥 사진을 누르면 창이 하나 뜨는데 (Option-click~~) alt+click으로 소스를 정의해라 ~ 는 의미
무슨 의미냐면
큰 잡티 주변의 깨끗한 피부를 먼저 선택하라는 것(소스 정의)
정의하는 방법 = alt 키를 누른 상태에서 좌클릭 후
큰 잡티 클릭하면 자연스럽게 지울 수 있음
웬만하면 지우려고 하는 잡티 주변의 깨끗한 피부를 정의할 것
비슷한 톤을 유지하기 위해서
3. 잡티 제거한 레이어 하나 더 복사
(4.5.6은 양념같은 거)
4. Filter - Blur - Gaussian Blur
10px 수치 적용
5. Filter - Noise - Median
5px 수치 적용
6. Filter - Filter Gallery
팝업창에서 Texture > Texturizer 선택
그리고 옆에 Texture : Sandstone (가장 피부와 비슷한 질감 가지고 있음)
수치는 50% / 1 적용
7. alt + 레이어마스크 아이콘 = 검정색으로 채워진 마스크 생성됨
8. Feather 값이 있는 브러쉬 선택
투명도 2% (정석- 오래걸림)
피부보정시 10% 이상의 투명도는 선택하지 말 것!!
하얀색 브러쉬로 로션 바르듯이 안쪽에서 바깥쪽으로 지워주기
당연히 눈과 눈썹은 피하기
피부보정 소스가 블러처럼 적용되어서
눈을 칠하면 초점잃게 됨
피부에만 적용할 것
9. 이미지를 화사하게 만들기
피부 보정한 레이어 두개 선택 후 복사
밑에 두개는 눈을 끄고(원본 보존 개념)
복사된 두개는 ctrl+e (병합)
image > adjustments > curves
곡선을 약간 올려서 화사하게
23. 24. 유튜브 썸네일 만들기
썸네일의 최적 사이즈 : 1280 X 720px 해상도 72ppi
레이어 복사 > 레이어 마법봉으로 배경 선택(배경이 없고 사물만 있는 사진) > Delete > 원본 눈감으면 png파일처럼 됨
외곽선 정확히 땄으면 Stroke 꼭 Outside로 선택해서 하기
size 10px
티몬몬소리체 같이 두꺼운 서체 추천
글자 각각 레이어 스타일을 적용하고 싶다면 텍스트 레이어를 분리해야 한다.
유튜브 썸네일은 주로 글자 레이어 스타일 두 개 씀 - 스트로크 / 그라디언트 오버레이
그라디언트 오버레이 - 글로쉬한 느낌 주는 방법
위에있는 그라디언트 색연필 아이콘은 투명도를 조절하는 역할
아래 있는 흰색 색연필 아이콘은 color 담당
진한 파랑 좀더 연한 파랑으로 각각 지정
진한 파랑 아이콘 하나 더 만들어서 Location 48%로
연한 파랑 아이콘 하나 더 만들어서 Location 52%
50% 경계선을 바탕으로 글자에 대각선 모양의 경계선이 생김
angle -110도
일단 그라디언트 효과만 주기 (스트로크까지 주면 아래를 가려버림)
layer style 복사 / 붙이기
잘 만들어 둔 레이어 스타일은 복사해서 다른 레이어에 똑가팅 적용시킬 수 있음
레이어스타일 오른쪽 마우스 copy layer style - 원하는 레이어에서 Paste
다른 하나 레이어도 다르게 꾸며보기
두개 레이엇 선택 복사 후 병합
병합한 레이어는 배경이 되게끔 레이어 순서를 원본 글자 밑으로 내리기
그 다음 스트로크 주기
(병합한 다음에 스트로크 주니깐 전체 글자에 스트로크 주게 됨)
꼭 outside로 스트로크 주기
채우고 싶은 부분은 브러쉬로 채워넣어도 됨
글자레이어들 그룹화하기
전체 레이아웃 위치 수정
#####바깥에 테두리 주는 방법#####
일반 rectangule 툴로 전체 사이즈와 같은 도형 만들기
레이어 스타일에서 스트로크 주기
inside로 해야 테두리가 보임
Fill을 0%로 내리면 레이어 스타일은 그대로 두고 배경만 쏙 지울 수 있음
자동차 레이어를 프레임 윗쪽으로 옮겨 입체느낌 줌
*******25. 포토샵으로 디지털 도장 만들기 (어려웠음)
https://youtu.be/vpBJiVZ2uQg
포토샵 강좌 #25 - 이거 진짜? 포토샵으로 디지털 도장 만들기 I 롤스토리디자인연구소 우디
이거 진짜에요 가짜에요? 마치, 진짜처럼 보이는 도장을 포토샵으로 감쪽같이 만들어 보겠습니다! ■ 예제파일 다운로드 https://drive.google.com/open?id=1wD-daZBFd8C0GceIdZaA58yvb0RKgnqb #포토샵강좌 #도장 #
youtu.be
가로세로 2000pixel
주의 ! 출력할 수 있으니 해상도 300ppi로 설정
ctrl+r :룰러박스 활성화됨
룰러에서 내려서 가이드라인 만들기
snap 체크 확인 (알아서 달라붙음)
동그란 도장 - ellipse 가득차게끔
stroke 80pixel / position은 반드시 inside로 주기 /붉은색계열로 일단 주기
layers 패널 아래
Fill 투명도 0으로
원하는 걸 도형안에 넣기
글자를 도형 밖에서 입력 후 가져오기 (안에서 입력하면 이상하게됨)
도장 느낌이 나는 두꺼운 명조 느낌의 서체 사용하기
글씨가 안쪽에 어울리게끔 배치
마치 일러스트레이터처럼 포토샵도 글자를 깨트릴(이미지화) 수 있음
=###Rasterize(이미지화)
:포토샵에서 글자 또는 path가 살아있는 오브젝트 등을 '이미지화'시킬 수 있음
text layer에서 오른쪽 마우스 - Rasterize Type
더 이상 글자 레이어가 아니고 이미지 레이어
네모 상자(ractangular) 선택 -> ctrl+T 다리길이 늘리듯이 늘임
테두리로 닿게끔
###진짜 도장처럼 느낌주기
두개 레이어 클릭 -> ctrl+J -> ctrl+e
Natural Brushes에서 고름 (legacy brush눌러서 찾을 수도 있음)
반드시 투명도 떨어뜨려함 (20%정도로)
글자를 눌러서 얼룩덜룩하게 만듦
###번진 느낌
빈레이어 하나 만들기
투명도와 브러쉬 크기 조절하면서 테두리 근처에 번진 느낌 주기
###저장
백그라운드 눈을 끄고
바탕이 투명한 Alpha 상태로 하고 파일 저장(PNG)
#블렌딩 모드로 하면 하나쯤 이쁜게 걸림(Hard light)
26. 머리 염색 / 머리카락 누끼따기
잔머리같이 누끼따기 어려운 건 펜툴보다 channel 패널 이용하면 더 쉬움
rgb red green blue
하나씩 눈 감겨서 켜보면 머리카락이랑 다른 색상이 유독 대조되는 채널이 있음(검정색과 구별이 되는)
여기선 Red
그러면 머리카락(검정색) 부분만 선택영역 잡기가 쉬움
red 새로운 레이어로 카피
ctrl+l : level
level에서 검정색/회색/흰색 아이콘이 있음
이 삼각형 아이콘들을 가운데로 모아주면 됨
배경과 머리카락 부분의 구별이 잘되게끔 조절
브러쉬 선택-> 흰색 브러쉬 선택 투명도 100%
검정색 외 필요 없는 부분은 흰색으로 칠하기
ctrl+해당레이어 썸네일 클릭 > 선택영역 잡힘
흰색 영역만 다 잡혀 있어서 반전을 시켜야 함
select -> invert (반전)
lalyers에서 빨간색 체크된 레이어를 누른 후 그대로 ctrl+ j 누르면 선택영역이 복사되어있음
image -> adjustment -> hue/Saturation (ctrl+u)
colorize를 체크해줌
바로 헤어 색상이 바뀜
컬러를 바꾸고 싶으면 조절
경계선이 이상하면 레이어 마스크를 씌어서 브러쉬를 선택해서 검정색으로 지움
투명도는 10%정도로
'UI Design > Photoshop & figma' 카테고리의 다른 글
[복습] 포토샵 #31~35 (feat. 롤스토리디자인 강좌) (0) | 2021.09.12 |
---|---|
[복습] 포토샵 #27~ 30(feat. 롤스토리디자인 강좌) (0) | 2021.09.09 |
[복습] 포토샵 #16~20 (feat. 롤스토리디자인 강좌) (0) | 2021.08.31 |
[복습] 포토샵 #14~15 레이어 마스크(feat. 롤스토리디자인 강좌) (0) | 2021.08.30 |
포토샵 나만의 brush 모양 저장하기 (학원 복습) (0) | 2021.08.02 |
- Total
- Today
- Yesterday
- 화덕피자
- 피자맛집
- 8월 목표
- 서초동 파스타
- 학원 복습
- 사회조사분석사 2급
- 8월계획 중간점검
- 국비학원
- 사회조사분석사 분석
- 사회조사분석사 도전기
- 사회조사분석사 합격전략
- 포토샵
- 세바시
- 하루 기록
- UX 리서치
- vscode
- 자격증 도전기
- UX
- UX최악
- 사회조사분석사 2급 도전
- 독서리뷰
- CSS포지셔닝
- github
- 8월 계획
- 파스타맛집
- 포토샵 복습
- 독서 리뷰
- 알리오 올리오
- 학원복습
- 자격증 시험준비
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |