본문 바로가기
반응형

전체보기455

[포토] 기초 툴 강좌 04 - 리퀴파이(픽셀 유동화)를 해보자 안녕하세요. 개자이너 씸플레이입니다. 어피니티 포토에도 리퀴파이 기능이 있다는 사실 알고 계셨나요? 1. 픽셀 유동화 ① 리퀴파이 (Liquify) 영어로는 리퀴파이, 한글로는 픽셀 유동화라고 하는 이 기능 어디에 있느냐 상단 메뉴에 보시면 카메라 렌즈처럼 보이는 것이 있습니다. 이 아이콘이 픽셀 유동화 아이콘입니다. ② 화면 설명 리퀴파이를 선택하면 왼쪽 도구 바와 오른쪽 창 등 모습이 바뀌면서 편집할 수 있게 됩니다. 왼쪽 도구 바에 다양한 기능 중 밀기 기능을 가장 많이 쓰고 나머지 기능은 직접 한 번씩 체험해보시는 게 설명보다 쉬울 거예요. 오른쪽에서는 브러쉬를 설정할 수 있습니다. 크기나 단단함 정도는 많이 조정해서 씁니다. 2. 실습 ① 밀기 잘 보이게 확대를 해줍니다. 브러쉬의 크기를 조절해.. 2021. 3. 2.
[git] 깃 01 - 설치해보자 안녕하세요. 개자이너 씸플레이입니다. 오늘은 깃을 설치해보겠습니다. 1. 홈페이지 접속 git-scm.com/downloads Git - Downloads Downloads macOS Windows Linux/Unix Older releases are available and the Git source repository is on GitHub. GUI Clients Git comes with built-in GUI tools (git-gui, gitk), but there are several third-party tools for users looking for a platform-specific exp git-scm.com ① 운영체제에 맞게 상단의 주소로 접속하면 바로 다운 받을 수 있는 화면이 .. 2021. 2. 26.
[굿즈] 마플샵 에어팟 케이스 안녕하세요. 개자이너 씸플레이입니다. 기다리고 기다리던 굿즈 소식을 가져와봤습니다~! 안 기다리셨다구요? 에이 귀여울 텐데~? ◆ 에어팟 케이스 오래간만에 마플샵에 새로운 상품이 올라왔습니다! 에어팟 케이스를 만들어봤어요. 봄비와 노랑 우비를 입은 비비가 귀엽게 들어가 있는 이미지랍니다. 색은 선택권이 있는 게 좋다고 생각해서 여러 가지 색을 넣어봤어요. 원하는 색을 선택하시면 된답니다. ◆ 봄비와 노랑 우비 제목은 봄비와 노랑 우비입니다. 노랑 우비가 귀엽죠? 에어팟 케이스 말고도 에어팟 프로 / 버즈 케이스도 준비해봤습니다. ◆ 주소 marpple.shop/kr/wool wool wool marpple.shop 마플샵에서 'wool'을 검색하시거나 위의 주소로 찾아오시면 만날 수 있어요~ 샵 이름은 .. 2021. 2. 25.
[css] 내비게이션(gnb) 만들기 04 - 마우스 올릴 때만 나오게 하기 안녕하세요. 개자이너 씸플레이입니다. 하위 카테고리가 평소에는 가려져있다가 마우스를 올렸을 때만 나오게 만들어보겠습니다. 1. 감추기 ① 감출 부분 확인 감추고 싶은 부분을 확인해봅니다. 하위 카테고리는 평소에는 보이지 않다가 마우스를 올리면 보이게 만들고 싶습니다. ② display:none; display는 말 그대로 어떻게 보이는지를 결정할 수 있는 css 속성입니다. 속성 값으로 none을 쓰면 없다. 즉, 보이지 않게 됩니다. 여기서 문제는 선택자를 어떻게 잡으면 좋을까 하는 것입니다. css는 선택자만 잘 잡아도 코드를 깔끔하게 작성할 수 있습니다. 좋은 방법을 항상 발견하려고 노력해봅시다. .gnb>li ul{ display:none; } ③ 클래스를 기준 일단 기준점이 있다면 한결 편합니다.. 2021. 2. 23.
[포토] 기초 툴 강좌 03 - 마우스 휠로 캔버스 조정하기 안녕하세요. 개자이너 씸플레이입니다. 마우스 휠을 이용한 단축키를 알아보겠습니다. 1. Ctrl ① Ctrl Ctrl을 누른 채로 마우스 휠을 올렸다 내렸다 해봅시다. 캔버스가 확대되었다가 축소되는 것을 알 수 있습니다. 위로 올리면 확대 뭐 이런 건 적지 않겠습니다. 그냥 해보는 게 더 쉽고 말로 적으면 오히려 어렵게만 느껴지더군요. ② 기준점 마우스 포인터를 올린 지점이 기준점이 됩니다. 예시로 표시된 부분에 마우스를 올리고 마우스 휠을 움직여보겠습니다. ③ 사례 살펴보기 마우스 포인트를 기준으로 확대가 되는 것을 알 수 있습니다. 확대 시에 마우스를 내가 원하는 부분에 놓고 확대한다면 편하게 사용이 가능할 거예요. 2. Alt ① Alt Alt를 누른 채로 마우스 휠을 움직이면 캔버스를 돌릴 수 있.. 2021. 2. 22.
[css] 내비게이션(gnb) 만들기 03 - 가로로 정렬하기 안녕하세요. 개자이너 씸플레이입니다. 오늘은 드디어 css를 진행합니다! 1. 기본사항 살펴보기 ① 기본사항 참고사항 : 리스트 데코레이션이나 태그에 적용된 색들은 미리 빼두었습니다. 기본적으로 태그는 블록 태그이기 때문에 글씨가 옆으로 써지지 않고 아래로 써집니다. 원하는 디자인 : 로고 옆으로 카테고리들이 가로로 나열되면 좋겠다. ② 블록 태그 줄 노트를 상상해보세요. 그리고 한 줄이 한 블록이라고 상상해봅시다. 그 한 줄을 혼자서 차지하는 태그가 블록 태그입니다. 카테고리1 라고 적으면 한 줄에 카테고리1이라는 글자만 써야 한다는 의미죠. 2. 내비게이션을 오른쪽으로 ① 원하는 이미지 상상하기 각자 원하는 내비게이션의 이미지가 있을 거예요. 처음은 어렵지 않게 제가 이미지를 보여드리겠습니다. 원하는.. 2021. 2. 19.
[포토] 기초 툴 강좌 02 - 캔버스 원본 크기로 보기 안녕하세요. 개자이너 씸플레이입니다. 캔버스를 원본 크기로 보는 단축키를 알아봅시다! 1. 원본 크기 ① 원본크기 Ctrl + 1 을 눌러주세요. 캔버스의 사이즈가 자동으로 원본 크기가 됩니다. ② 원본 사이즈 원본 사진은 큰 사진이기 때문에 화면에 넘치게 보입니다. 인쇄용으로 만들 때나 사이즈를 확인해볼 때 유용한 단축키입니다. 2. 화면에 꽉 차게 ① 화면에 딱 맞는 사이즈 Ctrl + 0 단축키를 눌러줍니다. 화면에 전체 캔버스 모습이 다 나오게 될 겁니다. ② 전체 화면 캔버스의 크기가 창에 딱 맞게 모두 들어옵니다. 전체적인 이미지를 확인할 때 도움이 됩니다. [같이 보면 좋은 글] [program/Affinity] - [포토] 기초 툴 강좌 01 - 크롭 툴 지정크기로 사용해보자 [progra.. 2021. 2. 18.
[html] 내비게이션(gnb) 만들기 02 - 페이지 주소 팁 안녕하세요. 개자이너 씸플레이입니다. 저번 포스팅에 이어서 주소를 적는 팁을 짧게 소개해드릴게요. 1. 링크 위치 확인 ① 위치 확인 저번 포스팅에서 링크 주소는 넘어갔었는데요, 자리를 한 번 확인하고 넘어가 봅시다. 태그에 넣어주시는 것 알고 계시죠? href=""에서 따옴표 안쪽에 주소를 넣어주시면 됩니다. 2. 서브 페이지 이름 ① 서브 페이지 이름 정하기 사실 주소라는 건 서브 페이지 html 파일의 이름이거든요. 이름은 홈페이지를 만드는 사람이 정하는 건데 알아보기 쉽게 적는 것이 팁이라면 팁입니다. ② sub101.html 서브페이지의 이름을 sub라는 이름과 숫자를 조합해서 만들었습니다. 나중에 어디 서브에 몇 번째 하위 페이지라는 것을 한눈에 알아볼 수 있겠죠. 101이면 서브 1의 하위 .. 2021. 2. 16.
[포토] 기초 툴 강좌 01 - 크롭 툴 지정크기로 사용해보자 안녕하세요. 개자이너 씸플레이입니다. 오늘은 크롭 툴 강좌입니다. 강좌라고 쓰기는 하지만 두서없이 제가 그때그때 필요한 기능을 올리고 있습니다. 순서에 상관없이 필요한 기능 위주로 봐주세요. 1. 크롭 툴 ① 크롭 툴 왼쪽 도구 바에서 4번째에 있는 사각형 모양이 크롭 툴입니다. 단축키는 C 입니다. 캔버스를 자르는 데 사용하는 도구입니다. 2. 사이즈 지정하기 ① 사이즈 입력 크롭 툴은 알겠는데 지정 사이즈는 어떻게 설정하느냐 크롭 툴을 선택하면 상단바에 가로 세로 사이즈가 적힌 칸이 있는데요. 여기에 원하는 사이즈를 입력합니다. ② 지정 사이즈 사이즈를 입력하면 크롭 되는 칸이 맞춰서 적용되는 걸 볼 수 있습니다. 가로 사이즈가 600px에 맞춰서 줄어들었습니다. 3. 비율 맞추기 ① 원본 비율 유지.. 2021. 2. 15.
반응형