Aprendiendo Photoshop solo para diseño web

Quiero convertirme en diseñador web, así que estoy viendo muchos tutoriales en video de Photoshop, pero algunos de esos tutoriales no son útiles para el diseño web. Por ejemplo, algunas películas tratan sobre la piel, los dientes, dibujar una flor o cambiar el patrón de una pared o cosas como esta. ¡Porque no tengo ningún recurso específico para el diseño web, y esos tutoriales son una especie de pérdida de tiempo para mí!

¿Conoces alguna fuente de tutoriales para ayudarme a aprender diseño web en Photoshop?

¿Qué debo hacer para centrarme en el diseño web en Photoshop?

¿Qué partes de Photoshop son necesarias para el diseño web y cuáles no?

Cada herramienta, pincel, filtro y efecto en Photoshop tiene su propio propósito en el mundo. No existe un simple "aprender bien esta herramienta y usarla para todo" porque se usan diferentes herramientas, etc. para diferentes efectos.

Por ejemplo, si le gustan los botones brillantes ligeramente brillantes en su página (estos eran muy populares hace un tiempo), necesitaría usar algo de sombra, varios degradados, enmascaramiento y tal vez un poco de movimiento manual con una herramienta de pincel. Para un fondo, puede usar un color sólido o degradado con una máscara texturizada / estampada.

Dado que no hay "una parte de Photoshop" que aprender, lo mejor que puede hacer es estar bien equilibrado utilizando las diversas herramientas. Explore y mire todas las variedades de sitios. Tome nota de las características que le gustan y luego intente recrearlas usted mismo. A menudo, puede diseccionar los elementos (¿tiene el objeto bordes, gradientes, texturas, fuentes de luz, etc.?) Y recrear algo similar.

Al mismo tiempo, no puedo trabajar en casa lo suficiente como para que haya más que diseñar que solo Photoshop. Mi recomendación sería tomar una clase de diseño en el colegio comunitario local (o donde sea) y tener una idea de cosas como el equilibrio, los colores, los espacios en blanco, etc. Estos conceptos a menudo marcan la diferencia entre parecer profesional y parecer la tía de alguien ( quién, en este escenario, no es diseñador de oficio ) editó una plantilla de Geocities.

"Quiero convertirme en diseñador web, así que estoy viendo muchos tutoriales en video de Photoshop"

¿Conoces HTML, CSS y JS? Si no, comience allí primero.

Luego, Photoshop se usa como herramienta para crear los gráficos que combinan con HTML, CSS y JS.

No hay nada particular centrado en el 'diseño de sitios web' sobre herramientas particulares en PhotoShop. Es simplemente una herramienta de creación y edición de imágenes.

Para diseñar sitios web, también debe mirar otras maquetas. Considere algunos de los efectos que podría usar, como peelings de página, enlaces de barra de navegación. Mucho de esto no es difícil de hacer en Photoshop, pero requerirá un poco de Google. A menudo reviso Dribbble, que es una maravillosa comunidad de diseño. Es muy popular, por lo que seguramente verá muchas técnicas nuevas que los diseñadores web están implementando.

Pero para obtener una visión general, intente trabajar con un conjunto de tutoriales específicamente utilizados para diseñar sitios web. Incluso tutoriales realmente básicos. Porque estos delinearán los pasos para usted y puede replicarlos en proyectos futuros. Agregué 2 recursos realmente excelentes a continuación, espero que los revisen. Te garantizo que encontrarás un tutorial de plantilla para principiantes que te guste, ¡y aprenderás mucho!

• Más de 40 tutoriales de Photoshop sobre el mejor diseño de interfaz web

• 70 tutoriales con Photoshop para diseñar un sitio web

Si desea diseñar sitios web, sería mucho mejor trabajar con Fireworks que Photoshop. PS es, en el fondo, una aplicación de manipulación de fotos, y si bien sus herramientas se pueden usar para estructuras alámbricas, no son especialmente eficientes. Dicho de otra manera: usar PS para diseño web es como usar PS como una aplicación DTP sobre InDesign. Sí, se puede hacer, pero no es una excelente manera de hacerlo, y perderá a largo plazo.

Las ventajas que trae Fireworks son:

• mucho más fácil trabajar con formas vectoriales verdaderas
• MUCHO más fácil definir dimensiones de píxeles; sin desenfoque de trazos en el estiramiento, etc.
• puede definir 'páginas maestras' para realizar cambios de diseño en todo el sitio en sus maquetas, sin tener que rehacer cada imagen
• Es más fácil crear una biblioteca de controles de interfaz de usuario de uso común (valioso para diseñar aplicaciones web)
• Interfaz de usuario más cercana a la interfaz de aplicación de escritorio típica, lo que significa una curva de aprendizaje más superficial

Las únicas ventajas reales que Photoshop aporta a la mesa son el hecho de que

• la representación de la fuente es mejor
• sus colegas conocerán la aplicación un poco mejor

En la nota de "hay más para diseñar que Photoshop": Encontré esto perspicaz: http://naldzgraphics.net/tips/what-designers-need-to-know-about-typography/

Photoshop es solo una herramienta y cuanto mejor conozca la herramienta, mejor podrá usarla para hacer lo que quiere hacer. Sin embargo, hay más para diseñar que solo conocer Photoshop.

Esta mentalidad de que solo necesitas aprender Photoshop y luego ser un diseñador es lo mismo que llamarte constructor porque sabes cómo usar un martillo, o un mecánico porque puedes usar una llave inglesa. El diseño como tal hace que las cosas funcionen bien (y probablemente se vean bien en el proceso), tiene muy poco que ver con conocer Photoshop / Illustrator / InDesign / Sketch / lo que sea, pero cómo usas esas herramientas para cumplir tus ideas.

Hay toneladas de malos tutoriales en YouTube y toneladas de buenos también. Aprenda a hacerlo todo, las técnicas serán valiosas en el futuro de todos modos. Creative Block también tiene buenos tutoriales. Pero, además, analice la teoría del color, la teoría del diseño, la tifografía (Eric Spiekerman's Stop Stealing Sheep & Find Out How Type Works es una muy buena introducción) y otras habilidades de diseño gráfico más tradicionales son habilidades mucho más valiosas para invertir su tiempo que solo aprender Photoshop

Además, como alguien mencionó anteriormente, aprender HTML / CSS / JS es una ventaja definitiva para el trabajo de diseño web también.

Puede validar su archivo PSD para problemas conocidos de compatibilidad web aquí https://www.oss-usa.com/web-preflight?promo=web-preflight es gratis