본문 바로가기

전체 글339

글래스모피즘(Glassmorphism)의 특징 깔끔하면서도 무언가 고급스러워 보이는 글래스모피즘입니다. 사이트 전체적인 느낌을 글래스모피즘으로 만드는 것이 일반적이지만 굳이 전 화면을 하지 않더라도 디자인 요소 중간 중간에 글래스모피즘 느낌을 활용하는 것도 좋을 것 같습니다. 아래 포스팅에서 글래스모피즘의 느낌을 내는 4가지 특징을 정리하였습니다. 참고해보세요~ https://designup4.tistory.com/84 글래스모피즘(Glassmorphism)의 특징 및 참고 영상 글래스모피즘(Glassmorphism)의 특징 1. 투명도 (배경 흐림을 사용한 반투명 유리 효과) - 레이어에 투명도를 주고 뒤 이미지에 블러 효과를 준다. 2. 물체가 떠 있는 다층 접근 방식 - 그림자를 designup4.tistory.com 2021. 9. 28.
이미지 따고 난후 남아있는 흰색 테두리 없애기 이미지를 따고 나면 위와 같이 제품 테두리에 흰색선이 보입니다. 이건 배경색이 제품에 묻어나오는 현상으로 흰색배경에서 흰색선이 보이고 노랑배경에서는 노란선이 보이게 되죠. 이때는 필터 > 기타 > 최소값 을 활용하면 아주 손쉽게 해결이 됩니다. https://designup4.tistory.com/83 이미지 딸때 남아있는 테두리 흰색 깔끔하게 없애기 제품 이미지를 따고나면 위와 같이 테두리에 흰색이 남아 있다. 이럴때는 필터 > 기타 > 최소값 을 활용하여 없앨수가 있다. 필터값 수치가 과하면 제품 안까지 먹어들어갈 수 있으니 적당히 조 designup4.tistory.com 2021. 9. 8.
김종복님의 유화 리터칭 강좌 대한민국 최고의 포토샵 전문가 김종복님의 유화 리터칭 강좌입니다. (제 기준에서 😋) 포토샵에 기본으로 있는 유화 필터를 활용한 리터칭으로 이번 기회에 꼭꼭 묶혀놨던 유화 필터의 진가를 느껴보세요~ 보통의 리터칭 강좌는 "이 수치를 50으로 해주시고, 저 수치는 90으로 설정해주세요." 이렇게 진행이 되는데요. 김종복님의 강좌는 기능 설명을 함께 해주시기 때문에 응용 및 활용도가 아주 뛰어납니다. ㅎㅎㅎ https://designup4.tistory.com/82 유화 느낌의 포토샵 리터칭 작업 (feat.김종복 포토샵 아카데미) 1. 고급객체로 변경 - 재수정 용이 2. 샤펜 필터 적용 - 질감 효과 증가 3. 유화 필터 적용 - 변화를 보며 필터값 적용 4. 꽃과 배경 사이 그림자 효과 - 필터갤러리,.. 2021. 9. 8.
인터넷 어디서든 사용 가능한 [윈도우 이모지] 사용 방법 인스타그램, 유튜브 댓글에서 카페 블로그에서 이런 이모티콘을 많이 보셨을 것입니다. 카카오 이모티콘과 네이버 이모티콘보다는 단순하지만 그래도 여기저기 전부 사용이 가능하기에 활용도가 아주 좋죠~ https://blog.naver.com/chopie80/222497639718 [윈도우 이모지 사용법] 블로그, 인스타, 페이스북, 카페, SNS에서 쉽게 사용하는 이모티콘 이런 이모티콘을 자주 보신 적 있으시죠? 유튜브, 인스타그램 댓글에서도 많이 보이고, 카페나 블로그에서... blog.naver.com 2021. 9. 7.
페이스북을 통해 보는 메타버스와 VR산업의 현실을 자세히 알려드립니다. ‘메타버스가 만드는 가상경제 시대가 온다’의 저자 [최형욱 라이프스퀘어 대표] 님께서 알려주시는 메타버스와 VR 산업의 현실입니다. 요즘 메타버스 산업이 본격화하면서 로블록스, 제페토와 같이 많은 업체에서 메타버스 산업에 뛰어들고 있지만 그중 가장 적극적으로 많은 투자를 하는 업체는 페이스북이라 생각합니다. 오늘 소개해드릴 영상은 페이스북을 통해 알아보는 메타버스와 VR 산업의 현실입니다. 짧은 20분 러닝타임 동안 너무나 알찬 내용이 빼곡히 들어가 있기 때문에 긴장해서 보시는 것이 좋겠습니다 ^^ 이 영상 하나면 메타버스에 대해 전문가가 될 것이라 조심스레 예상해봅니다. https://designup4.tistory.com/53 페이스북이 오큘러스를 원가에 파는 이유 메타버스의 4가지 유형 비영리 기술.. 2021. 9. 3.
시멘틱 태그 (마크업) - 드림코딩 엘리 여러분들은 의미있는 코딩을 잘 하고 계신가요? 저는 아직도 섹션과 아티클이 헷갈리고, 또 볼드태그와 스트롱태그의 차이점을 몰랐습니다. 이 영상을 보기 전까지는요 ^^; 저와 같은 분들에게 도움이 될만한 드림코딩 엘리님의 영상을 소개 시켜드립니다. https://designup4.tistory.com/79 드림코딩 엘리님이 말하는 "시멘틱 마크업" 정리 시멘틱 마크업이란? div, section, article, h2 등 수많은 태그들을 문서 내용에 맞게 선택해서 사용하는 것을 시멘틱 마크업이라 합니다. 시멘틱 마크업을 해야 하는 이유? 1. SEO - 검색엔진 최적화에 designup4.tistory.com 2021. 8. 26.
클라이언트를 확보하고, 디자인 커넥션을 만드는 방법 (햅플레이 정승화 대표) 삼성전자에서 UX디자인, 마케팅디자이너로 8년간 근무한 햅플레이 정승화 대표의 인터뷰 내용입니다. 클라이언트를 대하는 방법, 프로젝트에 임하는 자세 등 여러가지 팁과 노하우를 말씀하셨네요. 사업을 준비하시는 분, 취업을 준비하시는 분들에게도 도움이 될 것 같아 공유합니다~ https://designup4.tistory.com/78 햅플레이 정승화 대표가 알려주는 클라이언트를 확보하고, 디자인 커넥션을 만드는 방법 햅플레이 정승화 대표가 알려주는 클라이언트를 확보하고, 디자인 커넥션을 만드는 방법 1:26 인스타그램을 포트폴리오로 활용하라. 3:02 기회가 왔을때 최선을 다하라. 최선을 다하면 본 designup4.tistory.com 2021. 8. 26.
무슨뜻인지 여쭤봐도 될까요? 사회 생활을 하다보면 이견 다툼이 일어날 수 있고, 때로는 무례하게 나를 공격하는 상대를 맞이할 수도 있습니다. 클라이언트가 될수도 있고 혹은 직장 상사가 될 수도 있겠죠. 이때 감정적으로 대응하지 않고 차분하게 단호하게 대처하는 한마디 입니다. "무슨뜻인지 여쭤봐도 될까요?" 아주 유용하게 사용할 수 있을 것 같아서 회원분들께 공유해드립니다~ https://designup4.tistory.com/77 무례하게 나를 공격하는, 난감하게 하는 사람에게 던지는 마법의 한마디 무례하게 나를 공격하는, 난감하게 하는 사람에게 던지는 마법의 한마디 "무슨뜻인지 여쭤봐도 될까요?" 나를 무례하게 공격하고 지적한다고 나도 똑같이 감정적으로 대응한다면 이 designup4.tistory.com 2021. 8. 24.
좋아하는 일을 할까요? 잘하는 일을 할까요? 궁극적으로는 좋아하는 일, 잘하는 일 어느것을 하든 상관없죠. 어느 것을 하든 자기 가치만 증명하면 됩니다. 내가 월500짜리다. 혹은 월 1000만원짜리다. 근데 세상에 내 가치를 증명하기 전까지는 즐기면 안됩니다. 노력해야 합니다. 즐기는건 가치를 증명한 후에 하셔야 합니다. 아래 두가지 영상을 준비하였습니다. 열정이 식으신 분들, 노력을 게을리 하는 분들에게 도움이 될 것 같습니다. 과정보다 결과를 중시해라. 결과를 중시하면 과정은 자연스럽게 따라온다. https://designup4.tistory.com/76 과정보다 결과를 중시해라. 결과를 중시하면 과정은 자연스럽게 따라온다. 도전하는 과정, 내가 어떻게 준비했는지, 내가 어느정도 까지 열심히 하는지, 미안한데 그건 중요하지 않아. 아무도 신경.. 2021. 8. 24.
웹디자인 실력을 키우는 원리에 대해 알아봅니다. 웹디자인 실력을 키우는 방법을 찾아보면 가장 많이 나오는 것이 바로 "모방" 입니다. 잘한 사람들 것을 보고 따라해보라는 것이죠. 그리고 선배 디자이너 혹은 선임에게 물어봐도 대답은 비슷하지 않나요? 사실 저도 누군가가 저에게 물어보면 동일하게 대답할 것입니다. 유명 에이전시 홈페이지들 보고 따라 해보라고~ 근데 이렇게 해서 실력이 늘까요? 확실히 어느정도까지는 늘어나는게 맞습니다. 근데 계속 실력이 늘어날까요? 제 생각엔 따라해서 늘어나는 수준은 입사 1~2년차 디자이너 수준까지 그러니까 기본기 수준까지는 올라가는 것 같은데,,, 그 이상은 글쎄요... 아래 포스팅에서는 웹디자인 실력을 키우는 원리에 대해 이야기 하고 있습니다. https://blog.naver.com/chopie80/222444002.. 2021. 8. 20.
기록하고 메모하는 습관을 가지시길 바랍니다. 공부도 하고 들은 것도 많고 경험도 많이 했는데... 시간을 돌이켜보면 머릿속에 남는게 없는것 같다는 생각을 종종 하곤 합니다. 너무 안타깝습니다. "기록은 기억을 이긴다" "기록되지 않은 것은 기억되지 않는다" 이런 명언들을 많이 들어보셨을 것입니다. 이렇게 기록의 중요성, 필요성은 누구나 알고 또 느끼고 있는데... 막상 실천을 하기는 힘들죠. 성공한 사람들을 보면 다~ 메모하는 습관이 있다는데, 그런 습관이 부럽다 하더라도 행동으로 옮기는건 매무 힘듭니다. 습관을 만들기 위해서는 두가지 조건이 필요합니다 첫번째는 변화를 하게 할 '계기' 두번째는 변화를 유지 할 '의지' 이 포스팅이 여러분들에게 변화를 하게 할 '계기' 되길 바라며 또 여러분들에게 '의지'를 도와드릴 전한길 강사님 의 영상을 공유 .. 2021. 8. 17.
웹디자이너, 웹퍼블리셔님 함께 공부하실 스터디 그룹을 모집합니다. 오해가 있으실 것 같아서 먼저 말씀드립니다. 함께 만나서 공부하는 스터디 그룹은 아닙니다. 열품타라는 시간관리앱을 통해 공부시간을 공유하는 스터디 그룹입니다. 직업을 버리긴 전까지는 평생 공부를 해야하는 우리들입니다~ 함께 열공합시다!! https://designup4.tistory.com/70 [열품타] 공부시간을 기록하고 리포트를 만들어주는 앱 어플 입니다. https://play.google.com/store/apps/details?id=com.pallo.passiontimerscoped&hl=ko&gl=US 열정품은타이머 - 혼자 공부하지말고 열품타에서함께 공부하세요! - Google Play 앱 길고 긴 마라톤 열품타에서 함께.. designup4.tistory.com 2021. 8. 16.
극소수의 직장인들만 열심히 한다. 대부분 열심히 안한다. 맞는 말인 것 같습니다. 물론 조직마다 다르겠지만, 제가 대기업, 큰조직의 경험이 없어서 자세히는 모르지만 제가 지금까지 살면서 느낀바로는 맞는 말인 것 같습니다. 지금 웹디자이너 2년차 5년차 10년차 막 이런 사람들 다 열심히 하는 사람들인 것 같죠? 열심히 할것 같죠? 그게 아닌것 같습니다. ㅎㅎㅎ 열심히 하는 사람도 있긴 한데 극소수고 https://designup4.tistory.com/68 열심히 하지 마세요. 그냥 하면 됩니다. (이투스 정승제) 이투스 정승제 하냐 안하냐의 차이이지 열심히 하냐 안하냐의 차이가 아니예요. 열심히 하면 안돼. 100미터 달리기는 오래 못해. 그냥 하면 돼. 왜! 이 세상의 90퍼센트는 열심히 안 designup4.tistory.com 2021. 8. 12.
자바스크립트 http → https 리다이렉트 소스 리눅스에서는 htaccess 파일을 수정하여 https로 리다이렉트를 시켜면 간단하게 처리가 됩니다. htaccess 파일 수정 방법 : https://blog.naver.com/chopie80/222464279326 하지만 타서버는 이 방법이 적용되지 않고 각 서버에 맞는 방법을 적용해야 하는데요 얼마전 node.js 호스팅에서 리다이렉트를 시키기 위해 express 프레인워크 작업을 하는데... 뭐가 문젠지...죽어도 안되더라구요... 그래서 아래 포스팅대로 자바스크립트로 클라이언트단에서 처리를 하였습니다. 약단 찝찝하긴 하지만... 별 문제는 없을 것 같습니다. https://blog.naver.com/chopie80/222464279326 http → https 리다이렉트, 자바스크립트로 처리하는.. 2021. 8. 10.
드래그 복사가 안될 때, 마우스 우클릭이 안될때 쉽게 해결하는 방법 코드 좀 복사하려고 하는데... 글자 좀 복사하려고 하는데... 복사가 막혀있을때... 정말 난감하죠. 익스플로러에서는 알툴바로 이를 해결했는데 이제는 크롬이나 엣지를 쓰다보니 툴바로는 해결이 안되고 확장프로그램도 됐다 안됐다 하고 짜증이 밀려옵니다. 그럴 때는 개발자모드에서 자바스크립트 기능을 해제해보세요~ 자세한 내용은 아래 링크를 참고바랍니다. https://blog.naver.com/chopie80/222463963702 마우스 우클릭, 드래그 복사가 안되는 경우에는 개발자 도구를 활용하세요. 인터넷에서 찾은 예제코드나 샘플코드를 복사하려고 하는데... 일부 웹사이트에서는 마우스 우클릭 혹은 드... blog.naver.com 2021. 8. 10.