'웹디자인' 태그의 글 목록 (2 Page)

웹디자인 (49)

[ 포토샵 무료폰트 ] 감각적인 디자인에 활용하기 좋은 영문폰트 모음

웹통 디자인 창고/폰트 자료 블로그-관리자 2012. 4. 23. 13:52

감각적인 디자인에 활용하기 좋은 영문폰트 폰트만 잘 선택해도 디자인에 반은 성공할수 있습니다. 그만큼 서체가 중요한건데요. 한글폰트는 대부분 유료라 구하기 어렵지만 영문폰트는 잘만 찾아보면 훌륭한 폰트들이 많습니다. 오늘은 영문폰트중에 감각적인 디자인에 활용하기 좋은 폰트을 선별하여 안내해 드리겠습니다. Knubbel ( Download Font ) 하노버대학교에서 주최한 제2회 semster graphic design에서 입상한 작품입니다. 상업적인 용도로 사용가능한 무료 영문폰트입니다. 귀여운 말풍선을 제작할때 유용합니다. INTRO free font ( Download Font ) 안쪽에 라인이 있는 특이한 구조의 영문폰트입니다. 강력한 느낌의 타이틀 제작이 가능합니다. Adamas Regular ..

[ 포토샵 사진효과 ] 감성이 묻어나는 로모사진 만들기

포토샵&일러스트 강좌 블로그-관리자 2012. 4. 17. 15:13

감성이 묻어나는 로모사진 만들기 옛날에 많이 사용되었던 반자동 토이카메라로 찍은 사진을 로모그라피라고 합니다. 색상이 일반 카메라에 비해 굉장히 특이하고 렌즈 광량의 차이로 인해 바깥쪽 부분이 어두운 비네팅 효과가 나타납니다. 이번 강좌는 값비싼 토이카메라를 구입하실 수 없는 분들을 위해 포토샵으로 로모사진 효과를 낼수 있는 방법을 알려드리겠습니다. 전체 소요시간은 10분내외이니 포기하지 마시고 끝까지 한번 따라해보세요. Step 1 이번에 사용되는 이미지는 저작권 관계로 링크를 통해 다운을 받으셔야합니다. 귀찬으신 분들은 다른사진을 사용하셔도 되요. http://www.sxc.hu/photo/1150828 www.sxc.hu 싸이트는 무료이미지로 유명한 싸이트입니다. 가입만 하면 좋은 이미지를 많이 구..

[ 포토샵 텍스트 효과 ] 텍스트 배경을 이용한 포토그래피 기법

포토샵&일러스트 강좌 블로그-관리자 2012. 4. 10. 13:26

텍스트 배경으로 글자만들기 오늘은 정말 독특하고 재미있는 텍스트 효과를 알려드리겠습니다.~ 초보자도 쉽게 따라할수 있는 기법이라 쉽게 만드실수 있을꺼에요. 다만....쉽게 만들수는 있지만 노가다(?) 부분이 많아서 시간은 좀 오래 걸리실 것 같습니다. 포토샵 텍스트 효과는 광고 타이틀이나 이벤트 페이지등 다양한 부분에서 사용가능하니 배워두시면 유용하게 사용하실수 있을꺼에요~ 본강좌는 해외싸이트 강좌를 한국어로 번역하고 좀더 쉽도록 수정하였습니다. 원본보기 Step 1 포토샵 실행후 new document 을 size 1920 × 1200픽셀로로 색상은 # 242424설정하여 만들어주세요. 배경레이어를 복제하여 Filter – Artistic – Film Grain을 아래와 같은 수치로 적용합니다. 복제한..

[ 컴퓨터 바탕화면 ] 산뜻한 윈도우 배경화면 10종 모음

IT&COMPUTER/컴퓨터 배경화면 블로그-관리자 2012. 3. 23. 13:51

봄을 부르는 컴퓨터 배경화면 10종 슬슬 날씨가 풀리는것 같아요~ 이번 겨울은 유독 춥게 느껴졌는데 다행이 감기 한번 안걸리고 무사히 지나갔네요. 오늘하고 내일 비가 내리면 다음주 부턴 정말로 봄이 올꺼 같습니다. 자!! 봄이 오기전에 컴퓨터 배경화면 부터 변경해야겠죠.(뜬끔없음) 봄을 부르는 바탕화면 10종을 추천드립니다. 꽃과 관련된 이미지라 그런지 설치하면 굉장히 화사합니다. 많으들 받아가셔요~ 다운방법 : 이미지에 마우스를 올리고 오른쪽 마우스를 클릭하여 다운 배경화면 싸이즈 : 1280 X 760 싸이즈 자료출처 : http://www.hdwallpapers.in 마음이 밝아지는 느낌의 해바라기 배경화면입니다. 현재 제가 쓰고 있는 배경화면입니다. 가장 무난하면서 폴더 배열만 잘 하시면 깔끔하게..

[ 컴퓨터 바탕화면 ] 고품격 HD 컴퓨터 배경화면 10종

IT&COMPUTER/컴퓨터 배경화면 블로그-관리자 2012. 3. 23. 08:26

고품격 HD 컴퓨터 배경화면 10종 혹시 컴퓨터는 좋은데 배경화면은 싼티나는거 사용하시나요? 삶에 작은 변화를 만들고 싶으신가요? 컴퓨터 배경화면을 바꿔보세요~~ 기분이 한결 좋아지실 겁니다. 고품격 HD 바탕화면 10종 올려드립니다. 원하시는 이미지에 마우스를 올리고 오른쪽 마우스를 클릭하여 다운 받으세요. ^^ 배경화면은 1280 X 760 싸이즈로 가장 일반적인 모니터화면으로 제작되었습니다. 자료출처 : http://www.hdwallpapers.in 색상은 좀 칙칙하지만 실제로 설치하면 왠지 시원한 느낌이 나는 배경화면입니다.~ 페인트가 위로 터지듯 올라오는 컬러풀 바탕화면 화사한 꽃들의 향연 강력한 느낌의 HD 배경화면 러블리한 하트 모양의 배경화면 개인적으로 가장 마음에 드는 배경화면입니다. ..

[ 포토샵 텍스트효과 ] 메탈느낌의 고급스러운 로고만들기

포토샵&일러스트 강좌 블로그-관리자 2012. 3. 6. 13:32

메탈 텍스트 효과로 로고 만들기 오늘은 비도오고 좀 무거운 분위기의 포토샵 효과를 만들어 봤습니다. 메탈느낌의 재질에 입체감을 줘서 고급스러운 텍스트효과를 만들어 보겠습니다. 강좌를 보기 싫으신분은 하단에 포토샵 소스를 그냥 다운받아 변형하여 사용가능하십니다. 그래도... 만든사람의 성의를 생각해서 한번 따라 만들어보시면 정말 감사하겠습니다.^^ 1단계 텍스트 만들기 600x300의 캔버스를 새로 만들고 바탕이 될 배경을 지정을 합니다. 배경색상은 되도록 어두운계열로 선택하셔야 나중에 보기 좋습니다.~ 중간에 변경가능하니 원하시는 색상으로 넣어주세요. 폰트는 Philosopher을 사용했습니다. 제가 알기론 무료폰트인것같은데 쉽게 구하실수 있을꺼에요. 없으시면 얇고 뚜렷한 폰트로 지정하시면 됩니다. 글꼴..

[ 포토샵 버턴 ] UI 컨트롤러 디자인 버턴

웹통 디자인 창고/포토샵 자료 블로그-관리자 2012. 2. 29. 11:51

인터페이스 포토샵 디자인 소스 안녕하세요 웹통입니다.~ 오늘은 홈페이지 만들때 자주 사용되는 인터페이스 디자인 소스 올려드립니다. 포토샵 파일인줄 알았는데...한개는 일러스트파일이네요 ㅡ.ㅡ 양해부탁드립니다. 마지막꺼는 꼽사리로 하나 넣었습니다. 많이들 다운 받으셔요~ ■ 파일정보 - 형식 : 일러스트레이션 문서(AI) - 제작자 : Sergey Punchev - 출처 : designmoo.com - 라이센스 : 무료로 사용하실수 있습니다. 단,상업적용도일 경우 제작자에게 미리 알려야합니다.(designmoo.com) ■ 다운로드 다운후 덧글하나가 저에겐 많은 힘이 됩니다.^^ 덧글 및 다음뷰 추천버턴 눌러주세요~ ■ 사용방법 - 일러스트 문서로 제작되어 편집프로그램을 사용하여 자유롭게 변형하실수 있습니..

[ 포토샵 브러쉬 ] 수준높은 디자인을 위한 포토샵 브러쉬 5종

웹통 디자인 창고/포토샵 자료 블로그-관리자 2012. 2. 28. 18:01

완성도를 높여주는 포토샵 브러쉬 5종 멋진 디자인을 한층더 돋보이게 해주는 브러쉬 10종을 소개합니다.~ 브러쉬는 디자인을 더욱더 풍성하게 할뿐아니라 작업속도를 비약적으로 단축시켜줍니다. 되도록 다양한 브러쉬를 보유하는게 작업효율을 높이는 길이라 생각이 듭니다. 이번에 소개할 브러쉬는 사이버틱한 분위기를 연출할때 유용한 브러쉬입니다. 많이 받아가세요 ^^ 다운후 댓글과 공감은 저에게 많은 힘이됩니다.~ 댓글 꼭 남겨주세요~ Abstract Butterfly Brushes Doom Abstract Brush Set 2 Abstract Bruhses 3 Abstract brush pack vol. 8 Abstract brush pack vol. 7

[ 포토 틸트쉬프트 효과] 런닝맨에서 자주사용되는 틸트쉬프트 기법

포토샵&일러스트 강좌 블로그-관리자 2012. 2. 27. 13:35

토이느낌의 틸트쉬프트 효과주기 요즘 방송에서 자주 사용되고 있는 틸트 쉬프트 효과에 대해 알아보겠습니다. 꼭 장난감 모형물 같이 보이게 만드는 효과를 틸트쉬프트라 합니다. 이효과를 줄수 있는 렌즈는 수백만원이 넘는 고가의 렌즈라 저같은 일반서민은 구경조차 할수 없는 장비죠. 하지만 굳이 고가의 장비없이도 틸트쉬프트의 효과를 낼수 있는 방법이 있습니다. 하단의 웹싸이트로 들어가시면 무료로 이미지만 있으면 틸트 쉬프트 효과를 낼수 있습니다. 자 사용방법은 간단합니다. http://labs.artandmobile.com/tiltshift 우선 틸트쉬프트 효과를 줄 이미지 한장을 준비합니다. 되도록 사람이나 자동차 사물이 많은 사진이 제대로된 효과를 보실수 있습니다. ( 상기 이미지는 카페24에서 받은 무료이미..

[ 포토 HDR ] Photomatix을 이용한 어메이징한 HDR 포토 콜렉션

웹통 디자인 창고/포토샵 자료 블로그-관리자 2012. 2. 23. 17:14

어메이징 HDR 포토 콜렉션 20종 요즘 DSLR로 HDR 촬영이 유행인것같네요. 저도 시도는 많이 하지만 카메라 자체에 기능이 없어서 노가다로 만들고 있습니다. HDR 포토콜렉션은 해외 유명 사진작가들의 만든 총 20종의 작품을 모아 봤습니다. 출처에 공개된 싸이트로 들어가시면 각 작품별 작가 코멘트에 작지만 유용한 노하우를 배우실수 있습니다.(영어라 안습) 기회가 되면 어설프게나마 Photomatix를 이용한 HDR강좌 포스팅 올리도록 할게요~~ 그럼 즐감하세요 작품사진들은 저작권 문제로 사용하실수 없습니다. 또한 무단배포도 금지합니다. 출처 : royaltutorial.com

[ 포토샵 폰트 ] 블링블링~ 귀여운 포토샵 영문폰트 3종

웹통 디자인 창고/폰트 자료 블로그-관리자 2012. 2. 22. 09:49

이벤트 활용에 좋은 귀여운 영문 폰트 3종 오랜만에 레어아이템 건진 느낌이네요. 좀 살찐 폰트지만 활용도 높은 폰트입니다. 화이트데이 / 발렌타인데이 / 빼빼로데이 등 이벤트 디자인할때 유용한 디자인입니다. 어렵게 구한 포토샵 영문폰트 3종입니다.~ 혹시 멋지게 디자인하신 분은 이미지컷 등록해주시면 감사하겠습니다. Doughboy_Beta ■ 파일정보 - 형식 : 영문폰트 - 제작자 : A free display font by Lucas Sharp - 출처 : behance.net - 라이센스 : 무료로 사용하실수 있습니다. 단,상업적용도일 경우 제작자에게 미리 알려야합니다.(behance.net) ■ 다운로드 다운후 덧글하나가 저에겐 많은 힘이 됩니다.^^ 덧글 및 다음뷰 추천버턴 눌러주세요~ ■ 사용..

[ 포토샵 브로셔 ] 제품을 돋보이게 하는 브로셔 무료 소스

웹통 디자인 창고/포토샵 자료 블로그-관리자 2012. 2. 20. 10:52

컬러풀한 브로셔 PSD원본 오늘도 열심히 돌아다닌결과 좋은 소스하나를 발견했습니다. 제품소개시 꼭 필요한 브로셔나 카달로그에 레이아웃 소스입니다. PSD로 제작되었으며 4가지 종류로 되어 있습니다. 아직 사용해보지는 않았지만 조금만 수정하면 바로 사용가능한 파일입니다. 많이 많이 다운받아가세요~ ■ 파일정보 - 형식 : 포토샵 문서(PSD) 300 DPI - 제작자 : FREE - 출처 : freepsdfiles.net - 라이센스 : 무료로 사용하실수 있습니다. 단,상업적용도일 경우 제작자에게 미리 알려야합니다.(freepsdfiles.net) ■ 다운로드 다운후 덧글하나가 저에겐 많은 힘이 됩니다.^^ 덧글 및 다음뷰 추천버턴 눌러주세요~ ■ 사용방법 - 포토샵 문서로 제작되어 포토샵 또는 편집프로그..

[ 포토샵 소스 ] 메인타이틀 배너 소스(PEEL)

웹통 디자인 창고/포토샵 자료 블로그-관리자 2012. 2. 17. 17:38

하이퀄리티 배너소스 배너제작용으로 유용한 자료를 올려드립니다. 마치 껍질이 벗겨지는 듯한 화면구성으로 가운데에 타이틀이나 강조할 이미지를 넣어 사용하실수 있습니다. 이런 유용한 포토샵 소스를 공유하신 corsiveq에게 감사드립니다. ■ 파일정보 - 형식 : 포토샵 문서(PSD) - 제작자 : CursiveQ-Designs - 출처 : deviantart.com - 라이센스 : 무료로 사용하실수 있습니다. 단,상업적용도일 경우 제작자에게 미리 알려야합니다.(cursiveq.com) ■ 다운로드 다운후 덧글하나가 저에겐 많은 힘이 됩니다.^^ 덧글 및 다음뷰 추천버턴 눌러주세요~ ■ 사용방법 - 포토샵 문서로 제작되어 포토샵 또는 편집프로그램을 사용하여 자유롭게 변형하실수 있습니다.

[ 포토샵 ] 메탈 텍스트 효과 소스

웹통 디자인 창고/포토샵 자료 블로그-관리자 2012. 2. 8. 14:23

메탈느낌 텍스효과 소스 이소스는 기존에 제가 가지고 있던 파일에서 수정해서 다시 올립니다. 출처를 알수없어서 되도록 변형해서 사용해주시기 바랍니다. 원본파일이라 폰트만 변경해주시면 수정하시는데 어려움이 없으실겁니다. 다만 두꺼운 글자체로 하셔야 제대로된 효과를 보실수 있습니다. 여러분의 댓글에 웹통은 힘과 용기를 얻습니다. 되도록 추천 또는 댓글 꼭 부탁드립니다.

웹디자인에서 자주쓰이는 리본만들기 (원본소스 포함)

웹싸이트 디자인강좌 블로그-관리자 2012. 2. 7. 12:59

이번엔 사진이나 리스트노출에 자주 사용하는 리본을 만들어 보겠습니다. 이번강좌도 어김없이 해외강좌를 번역 보강하여 제공드리는점 알려드립니다. 리본 캔버스 설정 500 × 500 픽셀 캔버스을 만들어 리본을 만들어보겠습니다. 배경 텍스쳐만들기 배경텍스쳐가 되는레이어을 하나추가하여 색상을 # cccccc로 적용합니다. 이제 필터 이동> 노이즈> 노이즈 추가 를 선택후 10%의 양으로 가우시안을 설정합니다. 그리고 배경 텍스쳐의 레이어 불투명도를 15%로 변경합니다. 이부분은 완성에서 그리 중요한 내용은 아닙니다. 다만 나중에 리본위쪽으로 배치하여 질감을 줄수도 있습니다. 이미지 외각틀 만들기 이제 사진이 들어갈 부분의 형태를 만들어 보겠습니다. 캔버스의 중앙에 사각박스를 배치합니다. 사진외각을 보기좋게 효과..

홈페이지 인터페이스 정말 쉽게 만들어보자

웹싸이트 디자인강좌 블로그-관리자 2011. 12. 28. 16:53

웹통을 개설하고 첫번째 포스팅입니다.~ 저도 비록 잘하진 못하지만 이제 시작하시는 웹디분들에게 조금이나마 도움이 되고자 웹통을 만들었습니다. 대부분의 강좌는 해외 유명강좌를 번역하거나 실무에서 사용되는 유용한 팁을 소개해드리는 형식으로 포스팅할 예정입니다.~ 많은 관심 부탁드립니다.~ 웹통이 전하는 심플한 홈페이지 인터페이스 디자인 STEP 1 먼저 포토샵을 실행후 아래와 같이 설정합니다. STEP 2 배경이 되는 레이어를 선택후 더블클릭하시면 레이어 스타일이 화면에 나옵니다. 레이어 스타일 좌측에 COLOR OVERLAY 색상을 진한 갈색으로 선택해주세요 STEP 3 새로운 레이어를 만든후 상단 적당한 부분에 직사각형 박스를 만들어 줍니다. STEP 4 다시 새로운 레이어를 추가한후 원형 선택툴을 이용..

1
2