본문 바로가기

디자인

(10)
[영상] 랜딩페이지 시안 안녕하세요. 플입니다. 오늘은 랜딩페이지 시안 영상을 가져왔어요. 1. 랜딩페이지 시안 랜딩페이지 시안 작업을 영상으로 담아봤습니다. 시안은 전에 올렸던 시안이에요. 아래에 링크 남겨둘게요. https://ssimplay.tistory.com/228 [시안] 랜딩페이지 [물감툰] 안녕하세요. 플입니다. 오늘의 시안은 물감툰 랜딩페이지예요 1. 물감툰 이번 작업은 랜딩페이지로 원페이지 작업을 해서 시안도 길게 만들어봤어요. 각 메뉴당 아래로 내려가는 형식이에요. 사이트는 연한 노란.. ssimplay.tistory.com 2. 영상 https://youtu.be/7Cs7KleHvJI 이번엔 자막으로 설명을 넣는 대신 속도를 빠르게 해서 과정을 쭉 볼 수 있는 영상을 만들어봤어요. 어떤 쪽이 더 좋으신가요?..
[포토샵] 포토샵 아이콘 만들기 안녕하세요. 플입니다. 오늘은 포토샵 아이콘을 만들어볼게요. 1. 포토샵 아이콘 포토샵 아이콘은 이걸 만들 거예요. 저는 폰트까지는 맞추지 않았는데 비슷한 폰트까지 맞추면 더 비슷하겠죠? 2. 네모 만들기 바로 만들어볼게요. 사각형 도구를 이용해 정사각형을 만들어주세요. 정사각형은 shift를 누른 상태로 드래그하면 된답니다. 정확한 사이즈를 정해서 만들고 싶다면 한 번 콕 클릭해주면 사이즈를 설정하는 박스가 뜬답니다. 여기서 정확한 사이즈를 정해주세요. 색은 실제 포토샵 아이콘을 캡처해와서 스포이드로 찍어줬어요. 3. 테두리 만들기 레이어 패널 아래에 fx라고 쓰여있는 아이콘을 눌러주세요. 레이어 스타일 아이콘이에요. 열리는 메뉴 중에서 획을 선택해주세요. 위치는 안쪽을 선택해주세요. 안쪽만 테두리 모..
[달성표] 66일 달성표 안녕하세요. 플입니다. 오늘은 66일 달성표를 만들어봤어요. 1. 66일 달성표 66일간 반복하면 습관을 만들 수 있다는 이야기 아시나요? 신기하지 않나요 사람은 66일 동안 반복하면 습관을 만들 수 있는 시스템으로 만들어져 있다는 게 100일도 아니고 66일! (100일은 쑥과 마늘이다) 숫자도 한 달! 1년! 1주일! 같이 딱 떨어지지 않고 66으로 애매한 게 참 마음에 들어요. 딱 떨어지는 숫자면 어쩐지 해내야 한다는 강박관념이 드는데 이렇게 애매한 숫자면 나도 모르게 어느샌가 어? 하고 돼버리는 경우가 많거든요. 그렇게 인생에 스며들어 습관이 되는 건가 봐요. 좋은 습관 만들기 해보고 싶은 분들은 이미지를 다운받아서 활용해보세요~ 이런 것도 스티커를 붙여가며 마지막까지 달려가야 재미있는 법 아니겠..
[배너] 봄 세일 배너 안녕하세요. 플입니다. 배너 세트를 가져왔어요. 1. 봄 세일 개나리 컨셉으로 제작한 배너 세트입니다. 직접 그린 개나리 일러스트와 도형을 이용해 배너를 꾸며봤어요. 개나리도 슬슬 필 시기죠. 역시 세트의 느낌을 주기 위해서 배너 세 개를 한 이미지에 넣고 꾸며봤습니다. 이번엔 노란 배경은 너무 연하고 잘 안 보여서 녹색으로 줘봤어요. 그럼 이만. 총총.
[배너] 입학 배너 안녕하세요. 플입니다. 배너 디자인 가져왔어요. 1. 입학 초등학교나 유치원 정도를 생각하면서 만들어서 조금 귀여운 컨셉으로 만들어봤어요. 신입생 하면 병아리 같은 느낌이라 병아리도 좀 넣어봤는데.. 입학이 늦춰졌다죠.. 제작할 때만 해도 이렇게 심각해질 줄은 몰랐는데 말이죠.ㅠ 코로나 빨리 잠잠해졌으면 좋겠네요. 다들 힘내시길 바랍니다. 그럼 이만. 총총.
[배너] 봄 배너 안녕하세요. 플입니다. 오래간만에 작업물로 돌아왔습니다. 1. 배너 봄 컨셉으로 배너 세트 작업을 했어요. 벚꽃을 테마로 정해서 작업했고요. 직접 그린 벚꽃 일러스트를 사용했어요. 세트처럼 보이기 위해서 세 개를 묶어서 한 이미지로 만들어봤어요. 배경에는 배너에 들어갔던 요소들을 이용해 살짝 꾸며줬답니다. 색도 배너와 비슷한 색을 이용했어요. 판매용으로 고민했었는데 뭔가 마땅한 방법이 없어서 그냥 공개해봅니다. 흐흑ㅋ 그럼 이만. 총총.
[포토샵] 줄무늬 원 만들기 안녕하세요. 플입니다. 줄무늬가 들어간 원을 만들어볼게요. 1. 원 만들기 원형 선택 윤곽 도구를 선택해주세요. 아마 처음에는 사각형 모양일 텐데 꾹 누르면 옆으로 추가 메뉴가 나온답니다. Shift를 누르고 드래그를 하면 정원으로 만들 수 있어요. 정원모양 선택영역을 만들어줍니다. 2. 색 넣기 새 레이어를 하나 만들어주세요. 새 레이어는 레이어 패널 아래에 아이콘을 클릭하거나 Ctrl + Shift + N을 누르면 만들 수 있어요. 왼쪽 도구 바 아래쪽에서 전경 색을 원하는 색으로 변경해주세요. 사실 색은 상관없기는 한데 기왕이면 좋아하는 색이 좋잖아요? 더블클릭하면 변경할 수 있어요. 아직 원 모양이 선택영역으로 잡힌 상태에서 Alt + Delete를 누르면 전경 색이 칠해져요. 색을 채웠으니 Ct..
[아임웹] 로고 변경하기 안녕하세요. 플입니다. 아임웹에서 로고를 변경해보겠습니다. 1. 디자인모드 내사이트 > 관리 메뉴를 클릭해 관리자 페이지로 들어가 줍니다. 왼쪽 메뉴를 보시면 디자인모드라는 메뉴가 있는데 클릭해서 디자인모드를 열어줍니다. 2. 상단설정 로고는 위에 표시된 부분을 변경할 것입니다. 우측 상단에 상단설정 메뉴를 클릭해주세요. (너무나 우리를 쳐다보는 시선이 느껴지지만 무시합니다.) 3. 로고 설정 상단 설정 페이지에 들어오면 로고를 변경할 수 있습니다. 로고에 마우스를 올리고 오른쪽 클릭을 하면 메뉴를 확인할 수 있습니다. 메뉴 중 로고 설정을 클릭해주세요. 간단하게 이름만 바꾸고 싶다면 표시된 부분, 타이틀명에서 이름을 변경해줍니다. 코딩을 몰라도 디자인을 간편하게 변경할 수 있습니다. 원하는 폰트를 골라..
[포토샵] 오버스크롤 안녕하세요. 플입니다. 포토샵에서 오버스크롤 설정을 해보겠습니다. 1. 오버스크롤 포토샵 작업 시 화면보다 캔버스가 작다면 스크롤이 먹지 않고 정가운데로 고정되는데요. 이 고정을 풀어주는 것이 오버스크롤 설정입니다. 2. 환경설정 편집 > 환경설정 > 도구 메뉴에 들어가 줍니다. 3. 오버스크롤 설정 옵션에 있는 오버스크롤을 체크해줍니다. 4. 확인 오버스크롤에 체크하면 이렇게 정가운데가 아닌 위치에도 캔버스를 움직일 수 있습니다. 그럼 이만. 총총.
[아임웹] 이미지 바꾸기 안녕하세요. 플입니다. 아임웹에서 이미지를 변경해보겠습니다. 1. 관리 (잘 안 보여서 왼쪽을 일부 잘랐습니다.) 오른쪽 상단에서 내 사이트 메뉴를 클릭하면 내 사이트 목록이 뜨고 관리가 가능합니다. 수정할 사이트의 관리 버튼을 누릅니다. 디자인 수정은 왼쪽 메뉴에서 디자인 모드를 선택합니다. 디자인 모드에서 수정이 가능합니다. 2. 이미지 변경 디자인 모드에서는 각자 골랐던 템플릿이 설정되어 있을 겁니다. 변경하고 싶은 이미지에서 오른쪽 클릭을 한 뒤 설정에 들어갑니다. 수정하려는 부분이 비주얼이라 비주얼 설정이라고 적혀있는데 다른 이미지는 이미지 설정이라고 적혀있습니다. 설정 창이 뜨면 이미지 업로드 버튼을 선택합니다. 폴더에서 원하는 이미지를 선택하면 이미지가 뙇! 변경됩니다. 이미지의 위치도 간략..