본문 바로가기

웹디자이너를 위한201

이미지 따고 난후 남아있는 흰색 테두리 없애기 이미지를 따고 나면 위와 같이 제품 테두리에 흰색선이 보입니다. 이건 배경색이 제품에 묻어나오는 현상으로 흰색배경에서 흰색선이 보이고 노랑배경에서는 노란선이 보이게 되죠. 이때는 필터 > 기타 > 최소값 을 활용하면 아주 손쉽게 해결이 됩니다. 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.
웹디자인 실력을 키우는 원리에 대해 알아봅니다. 웹디자인 실력을 키우는 방법을 찾아보면 가장 많이 나오는 것이 바로 "모방" 입니다. 잘한 사람들 것을 보고 따라해보라는 것이죠. 그리고 선배 디자이너 혹은 선임에게 물어봐도 대답은 비슷하지 않나요? 사실 저도 누군가가 저에게 물어보면 동일하게 대답할 것입니다. 유명 에이전시 홈페이지들 보고 따라 해보라고~ 근데 이렇게 해서 실력이 늘까요? 확실히 어느정도까지는 늘어나는게 맞습니다. 근데 계속 실력이 늘어날까요? 제 생각엔 따라해서 늘어나는 수준은 입사 1~2년차 디자이너 수준까지 그러니까 기본기 수준까지는 올라가는 것 같은데,,, 그 이상은 글쎄요... 아래 포스팅에서는 웹디자인 실력을 키우는 원리에 대해 이야기 하고 있습니다. https://blog.naver.com/chopie80/222444002.. 2021. 8. 20.
포토샵 신기능 업데이트 - Nueral Filters (뉴럴필터) 과거에는 포토샵을 한번 구입하면 평생 사용이 가능했지만 지금은 매년 사용료 (구독료) 를 납부해야 합니다. 돈을 낼때마다 이렇게 정책을 바꾼 어도비사에게 화가 나기도 하지만 이렇게 업데이트 통해 신기능을 재빠르게 사용할 수 있다는 점에서는 구독 서비스가 좋다는 생각이 들기도 합니다. 포토샵의 신기능들이 익숙하지 않아 이를 활용하지 않는 디자이너분들도 많이 있을 것입니다. 하지만 신기능들은 우리 디자이너들의 노가다를 줄여주기 위해 개발된 것이라는 것을 인지하시고 익숙해지도록 노력하신다면 분명히 확실히 작업에 도움이 될 것이라 생각합니다. 특히 이번 신기능은 진짜 대박입니다. 진짜 꼭 실무에 적용해보시길 추천드립니다. https://designup4.tistory.com/66 꼭 써봐야 할 포토샵 신기능 N.. 2021. 8. 8.
유튜브 썸네일 제작 팁 4가지 오랜만에 추천하는 존코바님의 영상이네요~ 존코바님의 영상을 무조건 보시는 것이 진리라 생각합니다. ㅎㅎㅎ 이번 영상에서는 구독자분의 유튜브 썸네일 작업물을 리뷰하면서 작업시 주의해야 할 4가지 팁을 알려드리고 있습니다. 웹디자이너라면 기본적인 내용이라 식상하게 느끼실 수 있겠지만 존코바님의 영상이니 확인차 한번 보시는 것도 좋을 것 같습니다. https://designup4.tistory.com/24 유튜브 썸네일은 문구(타이틀) 강조가 우선이고 가장 중요하다. 유튜브 썸네일의 작업 방향은 타이틀에 힘을 싫어주는 방향으로 진행한다. 타이틀의 의미를 방해하는 요소는 과감히 차단한다. 1. 타이틀은 읽는 디자인이 아닌 보는 디자인으로 한눈에 볼수 있 designup4.tistory.com 2021. 7. 25.
웹디자인의 기본, 조형요소와 조형원리 조형요소가 뭔지, 조형원리가 뭔지 잘 모르시는 디자이너분들도 분명 있을 것입니다. 하지만 점, 선, 면, 율동, 비례를 모르시는 분들을 없겠죠? 바로 이것이 조형요소, 조형원리 입니다. 조형요소 - 점, 선, 면, 형태, 질감 등 조형원리 - 율동, 비례, 대비 등 이번 영상에서는 기초 미술수업을 통해 이런 조형요소와 조형원리에 대해 자세히 공부할 수 있는 시간이 될 것 같습니다. 디자이너라면 반드시 보셔야 할 영상이라 생각합니다. https://designup4.tistory.com/40 조형요소와 조형원리 조형요소 작품을 제작할 때 필요한 기본적인 구성요소 점 선 면 형(형태) 명암 색 질감 공간감 조형원리 조형요소들이 유기적으로 잘 연계되어 작품을 구성하도록 하는 것 조형요소들 designup4.t.. 2021. 7. 25.
초보 웹디자이너를 위한 레이아웃 노하우 (모두의디자인) 유튜브 모두의 디자인이 알려주는 디자인 레이아웃과 조형요소의 역할과 시각적 기능 웹디자인 작업시 여러가지 고려해야 할 사항들이 많이 있지만 개인적으로는 레이아웃이 가장 중요하다고 생각합니다. 본 영상에서는 레이아웃에 대한 기본 설명과 디자인 조형요소인 점, 선, 면, 색 의 역활과 시각적 기능에 대해 하나 하나 짚어주기 때문에 초보 웹디자이너분이라면 꼭 한번 보시면 도움이 많이 될 것이라 생각합니다. 포토샵을 켜고 직접 그려보는 것이 공부가 되지만 디자인 이론을 학습하신 상태에서 디자인 공부를 하신다면 실력 향상에 더욱 도움이 될 것입니다. https://designup4.tistory.com/56 디자인 레이아웃 목적, 조형요소의 역할과 시각적 기능 디자인. 레이아웃 목적 - 정보 (콘텐츠) 전달 레이.. 2021. 7. 25.
이런 분들은 웹디자이너 하지마세요. 분명 후회하고 포기합니다. 본 영상에서는 웹디자이너의 현실을 주관적인 경험을 통해 전하고 있으며 이를 통해 쉽게 웹디자인을 시작하시는 분들에게 주의를 주는 영상입니다. 만약 웹디자이너를 준비하시는 분들이 계신다면 한번 참고해보시는 것도 좋을 것 같습니다. 첫 번째. 일반 웹디자인 학원을 다니면 웹디자인을 할 수 있다고 믿으시는 분 두 번째. 회사에서 일하며 사수에게 배우고자 분 세 번째. 평생 공부를 할 자신이 없는 분 네 번째. 자유로운 프리랜서를 희망하시는 분 다섯 번째. 고집, 주관이 강하신 분 여섯 번째. 좋은 근무환경을 기대하시는 분 (연봉, 복지, 회사 환경 등) https://youtu.be/sSTEnA4PfQQ 2021. 7. 15.
UI디자인의 역사와 UX의 시작 헷갈리는 UX와 UI의 개념 웹디자인을 배우는 분들이 가장 먼저 접하는 단어는 UX UI 디자인이 아닐까요? UX UI가 사용자 화면을 디자인을 한다는건 알겠는데... 무슨 차이가 있는지 애매합니다. 아래 영상에서는 UI시작이라 할수 있는 도스의 CUI 부터 이야기가 시작되며 도널드노먼의 UX까지 이어집니다. 두 개념이 애매하신 분들은 한번 참고해보세요~ 블로그 포스팅 https://blog.naver.com/chopie80/222388588573 UX와 UI, 그리고 웹디자인에 대해 말씀드립니다. 이번 포스팅에서는 UX와 UI가 무엇인지? 그 차이점에 대해 이야기 해보겠습니다. 이제 막 웹디자인을 ... blog.naver.com 유튜브 영상 https://www.youtube.com/watch?v=G.. 2021. 7. 10.
웹디자이너 모니터는 패널, 해상도, 색재현율만 보셔도 됩니다. 모니터를 알아보시는 분들을 혼란스럽게 만드는 응답속도, 프레임, 명암비, 시야각, 색재현율, 해상도, 패널... 이 모든 조건을 다 부합하면서도 가격은 저렴하게... 정말 어려운 숙제입니다. 아래 포스팅은 에서는 웹디자이너 모니터는 패널, 해상도, 색재현율만 보면 된다는 주제의 글인데요~ 대략 미리 요약을 해드리자면 패널은 TN패널은 피하고 색재현율은 srgb 100%, 크기 및 해상도는 24인치, 1920 x 1080( FHD)를 선택하라고 합니다. 아래 링크에서 자세한 내용을 확인해보세요~ https://blog.naver.com/chopie80/222411797274 웹디자이너 모니터 구입시 체크 사항을 정리해드립니다. 모니터 구입 시에 확인하셔야 할 조건들은 응답속도, 프레임, 명암비, 시야각, .. 2021. 6. 28.
UX UI 디자인와 웹디자인의 차이 https://bestofme-20.tistory.com/86 웹디자이너와 UI UX 디자이너의 차이 UI/UX 디자이너를 지망하는 사람들이 많아졌습니다. UI UX 디자이너가 실제로 어떤 업무를 하고 웹디자이너와의 차이점은 무엇인지 알아보고 현장에서 요구되는 스킬에 대해서도 알아보겠습니다. bestofme-20.tistory.com UX 디자인 과거 웹사이트의 기본설계, 고객 니즈 분석, 마케팅 등을 담당 했던 웹 디렉터의 진화이기도 하며 웹 디렉터 업무의 연장선상에 놓이게 된 직무 UX 디자이너는 웹사이트의 기본설계를 담당하는 중추적인 역할 담당 UI 디자인 용어 그대로 UI(user interface) 사용자 화면을 디자인 하는 직무 웹사이트의 구성요소인 색상과, 이미지, 아이콘, 서체등을 적절히 .. 2021. 6. 26.
웹디자이너라면 기본 사무용 모니터를 사용해야 합니다. 웹디자이너라면 디자인 작업을 통해 멋진 결과물을 만들어내는 업을 하시는 분이라면 당연히 디자인 전용 모니터를 쓰고 계시겠죠? 근데 이 포스팅에서는 웹디자이너는 디자인 전용 모니터가 아니라 기본 사무용 모니터를 써야 한다고 주장하고 있습니다. 왜 이런 황당한 주장을 하는지 확인해보세요~ http://naver.me/FrKkXOCT 웹디자이너가 기본 모니터를 사용해야 하는 이유 [BY 디자인업] 세상에는 흔히 기본적으로 많이 사용하는 일반 사무용 모니터부터 백만원 이상에 달하는 ... m.post.naver.com 2021. 6. 13.
웹사이트 밖의 외부에 노출되는 디자인은 강렬하게 작업해야 합니다. 웹사이트에 위치하는 배너, 팝업 디자인과 달리 웹사이트 밖의 외부에 노출되는 광고배너 및 전단지, 벽보광고 디자인은 촌스럽다? 과하다? 정신없다? 라고 느껴질 정도로 강렬한 디자인을 하는 것이 좋습니다. 이미 주변에 광고들도 이러하기 때문에 안정되고 편안한 디자인은 눈에 띄기가 어렵습니다. 잠깐 스쳐가는 행인들의 눈에 띄기 위해서는 강하고 강렬하게 디자인을 할 필요가 있겠습니다. 전단지 뿐만이 아닙니다. 웹디자인에서도 외부 광고 배너를 제작시에는 강하게 할 필요가 있겠습니다. https://blog.naver.com/chopie80/222386023321 웹디자인과 전단지, 벽보광고 디자인의 차이 웹 콘텐츠 디자인과 전단지, 벽보광고 디자인의 차이 전단지, 벽보광고 디자인은 과하게 강하게 해야 합니..... 2021. 6. 6.
여러분들은 2021년 팬톤 올해의 컬러를 어떻게 느끼시나요? 시간 참 빠르네요. 벌써 2021년 6월입니다. 새해가 시작됐다고, 올해는 정신 차리고 열심히 살겠다고 다짐한게 엊그제 같은데 벌써 중반을 달려가고 있네요. 한해의 중반이 지난 지금, 팬톤에서 발표한 "2021년 새해를 밝힐 color of the year" 이 제 현실과 맞아 떨어지는지 한번 생각해봤습니다. 내가 올해의 컬러를 잘 활용하고 있는지 시장에서 올해의 컬러가 많이 보이는지에 대해~ 활기찬 노란색 조명과 지속적인 Ultimate Gray의 결합은 강인함에 의해 뒷받침되는 긍정의 메시지를 표현합니다. 실용적이고 바위처럼 단단하지만 동시에 따뜻하고 낙관적인, 이것은 우리에게 회복력과 희망을 주는 색 조합입니다. 우리는 격려와 격려를 느낄 필요가 있습니다. 이것은 인간의 정신에 필수적이다. - LE.. 2021. 6. 3.
포토샵, 블러드 피눈물 효과 액션이나 소스를 활용한 방법이 아니라 직접 드로잉하여 구현하는 방법입니다. 완벽히 숙지하여 사용이 익숙해진다면 여러가지로 응용하여 효과를 낼 수 있을 것 같습니다. 아래는 해당 영상과 동일한 내용의 포스팅으로 영상이 아닌 문서로 보실 분들은 아래 링크를 참고 해보세요. 포스팅 https://design.tutsplus.com/tutorials/how-to-make-blood-effects-in-photoshop--cms-36931?utm_campaign=yt_tutsplus_rnbbPcTEykI&utm_medium=referral&utm_source=youtube.com&utm_content=description How to Make Blood Effects in Photoshop Today we'll .. 2021. 6. 3.