본문 바로가기

시안

(9)
[포토샵] 비주얼 만들기 안녕하세요. 플입니다. 오늘은 홈페이지 비주얼을 만들어볼게요. 1. 비주얼 일단 현재 작업 중인 시안이구요. 이 홈페이지에서 비주얼이라고 하면 메인 아래 부분 전체를 말할 수 있을 것 같은데, 오늘은 그중에서도 표시된 롤링배너의 한 컷을 작업해볼 거예요. 2. 틀 만들기 저는 미리 틀을 만들어놨는데 여기는 오늘 포스팅에서는 중요한 부분이 아니니까 짧게 설명하고 갈게요. 좌측 도구바에서 사각형 도구를 이용해 틀을 만들어줬어요. 색상은 어차피 사진을 사용할 것이기 때문에 중요하지 않아요. 다만 배경에 가리지 않게 잘 보이는 색으로 해주세요. 레이어 스타일을 이용해서 테두리를 살짝 줘봤어요. 이 부분은 사진을 넣어도 들어가니까 색상을 잘 골라주세요. 3. 보정 이제 사진을 준비해주세요. 사진이 엄청 고퀄리티면..
[영상] 랜딩페이지 시안 안녕하세요. 플입니다. 오늘은 랜딩페이지 시안 영상을 가져왔어요. 1. 랜딩페이지 시안 랜딩페이지 시안 작업을 영상으로 담아봤습니다. 시안은 전에 올렸던 시안이에요. 아래에 링크 남겨둘게요. https://ssimplay.tistory.com/228 [시안] 랜딩페이지 [물감툰] 안녕하세요. 플입니다. 오늘의 시안은 물감툰 랜딩페이지예요 1. 물감툰 이번 작업은 랜딩페이지로 원페이지 작업을 해서 시안도 길게 만들어봤어요. 각 메뉴당 아래로 내려가는 형식이에요. 사이트는 연한 노란.. ssimplay.tistory.com 2. 영상 https://youtu.be/7Cs7KleHvJI 이번엔 자막으로 설명을 넣는 대신 속도를 빠르게 해서 과정을 쭉 볼 수 있는 영상을 만들어봤어요. 어떤 쪽이 더 좋으신가요?..
[시안] 랜딩페이지 [물감툰] 안녕하세요. 플입니다. 오늘의 시안은 물감툰 랜딩페이지예요 1. 물감툰 이번 작업은 랜딩페이지로 원페이지 작업을 해서 시안도 길게 만들어봤어요. 각 메뉴당 아래로 내려가는 형식이에요. 사이트는 연한 노란색을 포인트 컬러로 작업했어요. 캐릭터가 잘 보여야 하는 사이트라 연한 색을 골랐어요. 목업은 사이트가 연한 색이니까 진한 배경을 사용해 사이트가 잘 보이게 만들어봤어요. 요즘 디자인하면서 고려하는 건 잘 보이는 것이에요. 뭔가 이렇게 뽝! 하고 잘 보였으면 좋겠다! 하는 느낌으로 작업하고 있습니다(뭐야 그게) 물감툰이라는 이름을 변경할지 말지 고민하고 있어요. 바뀌면 올라올 사이트에서 이름이 바뀔 거 같네요. 랜딩페이지 작업 문의는 메일로 부탁드려요~ ssimplay@naver.com 더 많은 포트폴리오..
[인스타] 서브 시안 업로드 안녕하세요. 플입니다. 오늘은 인스타그램에 서브 시안을 업로드해서 알려드리러 왔습니다. 1. 서브 페이지 업로드 인스타에 마지막 서브 페이지를 업로드했습니다. 썸네일을 모두 동일한 배경으로 맞춰서 올렸습니다. > 인스타그램 바로가기 인스타그램 링크도 남겨둘게요~ 2. 섬네일 섬네일은 모두 동일한 폼을 만들어서 같은 홈페이지의 디자인이라는 것을 알기 쉽게 했습니다. 3. 스토리 인스타그램에 스토리도 고정해놨습니다. https://ssimplay.tistory.com/53 [인스타] 스토리 고정하기 안녕하세요. 플입니다. 오늘은 인스타그램 스토리를 고정해보겠습니다. 인스타그램의 스토리 기능은 24시간이 지나면 사라집니다. 이것을 사라지지 않고 프로필에 고정시켜두는 것을 해보겠습니다. 1. 스토리 업.. ss..
[반응형] 포트폴리오 사이트 안녕하세요. 플입니다. 오늘은 포트폴리오 사이트 서브 시안을 소개해보겠습니다. 1. 첫 번째 서브 페이지 About 첫 번째 페이지는 두 단락으로 나눠 경력과 기술 능력을 한 페이지에 보여줬습니다. 배경색을 다르게 해 단락을 확실하게 구분했습니다. 2. 두 번째 서브 페이지 Portfolio 두 번째 페이지 시안은 메뉴를 수정하기 전에 저장해서 첫 번째 페이지가 강조되어있지만 넘어가겠습니다. 두 번째 서브 페이지는 작업물을 보여주는 페이지로 이 사이트에서 가장 중요한 페이지입니다. 메인과 동일한 섬네일을 사용하였고 메인에서 더보기를 누르면 넘어오는 페이지입니다. 서브 페이지에서 더보기를 누르면 더 많은 작업물을 볼 수 있습니다. 그리고 메인과 다르게 카테고리를 추가해 카테고리별로 살펴볼 수 있게 만들었습..
[반응형] 포트폴리오 사이트 메인 안녕하세요. 플입니다. 오늘은 포폴 사이트 시안을 가져왔습니다. 저번 시안에서 비주얼 부분을 수정해서 새로 가져와봤습니다. 바뀐 시안의 모습입니다. 비주얼 부분을 목업으로 처리하여 좀 더 전문성 있고 작업 물들을 알기 쉽게 표현해봤습니다. 시안은 완성되면 인스타그램에도 올리고 있으니 인스타그램도 들려주세요~ https://www.instagram.com/p/B2jbwqAAMoP/?utm_source=ig_web_copy_link 인스타그램 주소를 남겨두고 갑니다. 마지막으로 시안 이미지를 올리고 가보겠습니다. 그럼 이만. 총총.
[포토샵] 시안 썸네일 만들기 안녕하세요. 플입니다. 오늘은 시안 썸네일을 만들어보겠습니다. 사실 이걸 시안 썸네일이라고 하는지는 모르겠는데 지칭하는 말을 모르겠네요. 아시는 분은 댓글로 알려주세요. 1. 정사각형 캔버스 만들기 정사각형으로 캔버스를 만들어줍니다. 왜 정사각형이냐면 저는 이 이미지를 인스타그램에도 올리기 때문인데요. 그렇지 않다면 굳이 정사각형이 아니어도 괜찮습니다. 2. 이미지 불러오기 완성된 시안 이미지를 불러옵니다. 이미지는 캔버스의 정 중앙에 둡니다. 3. 배경 넣기 시안에 맞춰 배경을 넣어줍니다. 저는 메인 컬러인 청록색을 위쪽에 서브 컬러인 노란색을 아래쪽에 넣어주었습니다. 메인의 비율이 절반보다 조금 많게 해 주었습니다. 4. 효과 주기 배경과 분리를 위해 테두리를 넣어줍니다. 레이어 스타일로 효과를 주었..
[시안] 스터디카페 메인 안녕하세요. 플입니다. 스터디카페 메인 시안을 완성했어요. 큰 메인베너 사용으로 시원한 화면구성을 시도해봤습니다. 메인 컬러는 블랙과 화이트를 사용했어요. *동명의 업체와는 전혀 관련이 없는 가상의 사이트입니다.
[시안] 피피핏자 피피핏자의 시안을 완성하였습니다. 붉은색과 노랑계열의 색을 컬러 포인트로 하여 작업을 진행했습니다.아이콘과 사진의 비율에 신경쓰며 작업하였습니다. *동명의 다른 업체는 전혀 연관이 없습니다.