웹 디자인을위한 Photoshop 학습


17

웹 디자이너가되고 싶어서 많은 Photoshop 비디오 자습서를보고 있지만 이러한 자습서 중 일부는 웹 디자인에 유용하지 않습니다. 예를 들어, 일부 영화는 피부 나 치아, 꽃을 그리거나 벽의 패턴 등을 변경하는 것입니다. 웹 디자인에 대한 특정 리소스가 없기 때문에 이러한 자습서는 시간 낭비입니다!

Photoshop에서 웹 디자인을 배우는 데 도움이되는 자습서 소스를 알고 있습니까?

Photoshop에서 웹 디자인에 집중하려면 어떻게해야합니까?

웹 디자인에 Photoshop의 어느 부분이 필요하고 어떤 부분이 필요하지 않습니까?

답변:


15

Photoshop의 각 도구, 브러시, 필터 및 효과는 전 세계에서 고유 한 용도로 사용됩니다. 다른 도구 등이 다른 효과에 사용되기 때문에 간단한 "이 도구를 잘 배우고 모든 용도로 사용하십시오"는 없습니다.

예를 들어, 페이지에서 약간 광택이 나는 3 개의 광택있는 버튼을 좋아하는 경우 (이전에는 매우 인기가 있었음) 일부 그림자, 여러 그라디언트, 마스킹 및 브러시 도구를 사용하여 약간의 손짓을해야합니다. 배경의 경우 질감 / 패턴 마스크가있는 단색 또는 그라디언트를 사용할 수 있습니다.

배울 수있는 "Photoshop의 한 부분"이 없기 때문에 다양한 도구를 사용하여 다룰 수있는 가장 좋은 방법입니다. 모든 사이트를 둘러보고 살펴보십시오. 원하는 기능을 기록한 다음 직접 다시 만들어보십시오. 종종 요소를 분석 할 수 있습니다-개체에 테두리, 그라디언트, 텍스처, 광원 등이 있습니까?-비슷한 것을 다시 만드십시오.

동시에 포토샵보다 디자인이 더 많을 정도로 망치질이 힘들다. 저의 추천은 지역 커뮤니티 칼리지에서 디자인 수업을 수강하고 균형, 색, 공백 등의 느낌을 얻는 것입니다. 이러한 개념은 종종 전문적인 외모와 누군가의 이모처럼 보이는 것 (누군가 , 이 시나리오에서는 trade by 디자이너가 아님 ) Geocities 템플릿을 편집했습니다.


4
"... Photoshop보다 디자인하는 것이 더 많습니다." 들으세요! +1.
Philip Regan

1
Photoshop에는 레이아웃을 디자인 할 때 많은 벡터 도구와 함께 사용할 수있는 기능이 부족합니다. 일러스트 레이터로 전환하여 다른 특수 그래픽에 포토샵을 사용할 수 있습니다. 문자처럼, 사실적인 아이콘 ...
Muhammad Umer

17

"웹 디자이너가되고 싶어서 많은 Photoshop 비디오 자습서를보고 있습니다"

HTML, CSS 및 JS를 알고 있습니까? 그렇지 않은 경우 먼저 시작하십시오.

그런 다음 Photoshop은 HTML, CSS 및 JS와 함께 제공되는 그래픽을 만드는 도구로 사용됩니다.

PhotoShop의 특정 도구와 관련된 특정 '웹 사이트 디자인'은 없습니다. 단순히 이미지 생성 및 편집 도구입니다.


4

웹 사이트를 디자인하려면 다른 모형도 살펴 봐야합니다. 페이지 필, 탐색 모음 링크와 같이 사용할 수있는 일부 효과를 고려하십시오. 이 작업은 Photoshop에서 수행하기 어렵지 않지만 약간의 인터넷 검색이 필요합니다. 저는 종종 훌륭한 디자인 커뮤니티 인 Dribbble 을 확인 합니다. 매우 인기가 있으므로 웹 디자이너가 구현하는 많은 새로운 기술을 보게 될 것입니다.

그러나 일반적인 개요를 얻으려면 웹 사이트 디자인에 특별히 사용 된 일련의 자습서를 사용해보십시오. 정말 기본적인 튜토리얼조차도. 이것들은 당신을위한 단계들을 요약 할 것이고, 당신은 미래의 프로젝트에서 그것들을 복제 할 수 있습니다. 아래에 정말 훌륭한 2 개의 리소스를 추가했습니다. 확인하시기 바랍니다. 초보자가 좋아하는 템플릿 튜토리얼을 찾을 수 있으며 많은 것을 배울 수 있습니다.


4

웹 사이트를 디자인하려면 Photoshop보다 Fireworks를 사용하는 것이 훨씬 낫습니다. PS는 핵심적으로 사진 조작 응용 프로그램이며, 도구를 와이어 프레임에 사용할 수 있지만 특히 효율적이지 않습니다. 웹 디자인에 PS를 사용하는 것은 InDesign에서 PS를 DTP 응용 프로그램으로 사용하는 것과 같습니다. 예, 할 수는 있지만 그렇게하는 좋은 방법은 아니므로 장기적으로 잃게됩니다.

Fireworks의 장점은 다음과 같습니다.

  • 실제 벡터 모양으로 작업하기가 훨씬 쉬움
  • 픽셀 치수를 쉽게 정의 할 수 있습니다. 스트레치 등에서 스트로크가 흐려지지 않습니다.
  • 모든 단일 이미지를 다시 실행할 필요없이 '마스터 페이지'를 정의하여 모형 전체를 사이트 전체에서 변경할 수 있습니다.
  • 일반적으로 사용되는 UI 컨트롤 라이브러리를 쉽게 만들 수 있습니다 (웹 앱 디자인에 중요)
  • 일반적인 데스크톱 응용 프로그램 인터페이스에 더 가까운 UI로 학습 곡선이 얕아 짐

Photoshop이 제공하는 유일한 장점은 다음과 같습니다.

  • 글꼴 렌더링이 더 좋습니다
  • 동료들이 응용 프로그램을 조금 더 잘 알게 될 것입니다.

1
예, Fireworks가 더 좋습니다. 그렇지 않으면 Illustrator와 Photoshop을 모두 사용하고 앞뒤로 전환해야합니다.
Cakey

0

"Photoshop보다 디자인하는 것이 더 많다"는 점에서 다음과 같은 통찰력을 얻었습니다. http://naldzgraphics.net/tips/what-designers-need-to-know-about-typography/


그것은 산발적 인 산문과 때때로 문법 오류로 고통받습니다. 나는 주석 상자에서 그것을 요약하고 향상시킬 수 있습니다 : 모든 것에 좋은 맛을 사용하고 다음 단어를 찾아서 명확하게 찾으십시오 : 글꼴 대 서체 , serif 대 sans serif, 커닝, 추적, 간격 , 선행, 정렬, 플러시, 정당화. 이 기사는 이들 대부분에 대해 명확하거나 완전한 정의를 제공하지 않습니다. 설명은 피상적이고 간접적으로 보입니다.
와일드 카드

또한 링크 전용 답변입니다.
와일드 카드

0

Photoshop은 도구 일 뿐이며 도구를 더 잘 알수록 도구를 사용하여 원하는 작업을 더 잘 수행 할 수 있습니다. 그러나 Photoshop을 아는 것보다 디자인해야 할 것이 더 많습니다.

Photoshop을 배우기 만하면 디자이너가된다는이 사고 방식은 스패너를 사용할 수 있기 때문에 망치를 사용하는 방법 또는 정비공을 알고 있기 때문에 자신을 빌더라고 부르는 것과 같습니다. 디자인은 일을 잘하고 (아마도 프로세스에서 좋아 보인다) Photoshop / Illustrator / InDesign / Sketch / 무엇을 아는 것과는 관련이 없지만 아이디어를 실현하기 위해 이러한 도구를 사용하는 방법은 거의 없습니다.

YouTube에는 수 많은 나쁜 튜토리얼이 있고 좋은 것도 많이 있습니다. 어떻게하는지 배우십시오. 어쨌든 기술은 가치가 있습니다. Creative Block에는 훌륭한 자습서도 있습니다. 또한 색 이론, 레이아웃 이론, 타이포그래피 (Eric Spiekerman의 Stealing Sheep & Type Works 가 매우 좋은 인트로를 찾는 방법 알아보기 )와 다른 전통적인 그래픽 디자인 기술은 배우는 것보다 시간을 투자하는 데 훨씬 더 유용한 기술입니다. 포토샵.

또한 앞에서 언급 한 바와 같이 HTML / CSS / JS를 배우는 것은 웹 디자인 작업에도 확실히 도움이됩니다.


-2

https://www.oss-usa.com/web-preflight?promo=web-preflight 에서 무료로 알려진 웹 호환성 문제가 있는지 PSD 파일을 확인할 수 있습니다.


Nik 님, GDSE에 오신 것을 환영합니다. 답변 해 주셔서 감사합니다. 이것이 어떻게 질문에 대답하는지 알지 못합니다. 정교하게 설명해 주시겠습니까? 감사!
Vincent

나는 웹 개발 경험이 있고 웹 디자인에서 많은 초보자를 만났다. 누구나 할 수있는 일반적인 실수가 있습니다. 예를 들어, 글꼴 크기의 10 진수 픽셀입니다. 이 서비스는 초보자를 도울 수 있습니다.
Nik

감사. 그러나 경험을 공유하고 실수를 철회하고 싶다면 정말 도움이 될 것입니다. 이렇게하면 나중에 링크가 끊어 질 경우 답변에 여전히 많은 가치가 있습니다. 링크 썩음은 우리가 (대부분) 링크 전용 anwers에 매우 열중하지 않은 이유와 내가 당신의 대답에 투표를 한 이유입니다. 낙심하지 마십시오.이 사이트를 사용하는 것이 학습 곡선이 될 수 있습니다. 우리는 있는 당신이 행복, 기여 계속!
Vincent
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.