ARTEgami » Tutorial

5 tutoriales de efectos en Photoshop

Maiden — Tue, 30 Aug 2011 03:34:10 +0000

Es increíble la gran cantidad de recursos que podemos encontrar en Internet para aprender a diseñar con Photoshop, muchas veces ello no lo sabemos valorar, he seleccionado de muchos efectos, algunos tutoriales interesantes para que los pongas en practica, 5 efectos en Photoshop que me parecieron estupendos y que seguramente lo pondrás en practica.

Para aprender a diseñar en Photoshop existen dos requisitos indispensables que necesitaras en adelante estos se llaman imaginación y esfuerzo si los tienes no te reprimas y empieza ahora mismo.

Para poder observar los tutoriales deberás de clicar sobre la imagen que te interesa para aprender.

Paisaje urbano Arte Conceptual en Photoshop

Crear una devastadora ola de marea en Photoshop

Crear un Angel caido empapado entre la lluvia en Photoshop

Cómo simular rayos X de fotografía en Photoshop

Creando una escena de persecución en Photoshop

Cómo insertar un favicon en tu web

ArteGami — Tue, 30 Nov 2010 03:04:10 +0000

Área de trabajo: Diseño Web.
Nivel de conocimiento: Principiante a Intermedio.
Software a utilizar: Filezilla o cualquier otro cliente para FTP. (Opcional)

Un Favicon es el ícono que sale en la barra de direcciones del navegador y que identifica a cada web. Los más grandes sitios tiene un ícono que los identifican y que dan un impacto visual tan grande que donde sea que lo veamos sabremos de qué es.

Tú también puedes poner uno en tu web y es muy simple de hacer, pero bastante útil para lograr más identidad. Esto lo puedes usar en una web o blog.

1. Entra en http://favigen.com/ y crea un Favicon subiendo una imagen de logo de tu web (que debe ser muy simple porque el Favicon es pequeño) y escogiendo el tamaño que tendrá. Te recomiendo 32×32 pixeles. Haz click derecho sobre el ícono, y luego en “Guardar como” y deja en tu PC.

2. Sube el Favicon en el directorio root de tu web. Dependiendo del servidor que tengas se puede llamar “Public_HTML” o “root”. En mi caso es el primero. Sube ahí el favicon.ico, que debe llamar así siempre. Si no tiene ese nombre, ponselo. Así se verá en el directorio:

3. Abre tu archivo donde comienza el código HTML y busca donde comienza y termina los tags y . Si estás trabajando en WordPress, en la plantilla busca “hearder.php” y ahí lo conseguirás. En una web normal en HTML, estará al inicio. Pon el siguiente código dentro de esos tags, al principio o al final, como quieras, siempre que esté dentro de y .

Si estás usando un ícono animado, que sea .gif, entonces el código que debes usar es:

Recuerda sustituir el nombre del ícono animado donde están las mayúsculas.

Quedará así:

4. Guarda y cierra el archivo. Sube al servidor nuevamente. Y mira los cambios. Así ha quedado el mío y mira como se ve junto al de Gmail y el de Google:

Listo. Más fácil imposible.

Más tutoriales en ARTEgami Premium

Tutorial de Photoshop: Genial Fotomanipulación

Isabel — Wed, 21 Apr 2010 12:00:15 +0000

Las fotomanipulaciones son una de las cosas mas entretenidas que podemos hacer con Photoshop. Tomar una fotografía y dejar volar nuestra imaginación para introducirla en un entorno irreal es definitivamente creativo.

En Adobetutorialz nos explican cómo crear una fotomanipulación creativa, en tonos rosas y con un resultado genial. Para ello vamos a necesitar una imagen que podemos descargar desde ahí mismo, y un conocimiento básico por lo menos sobre las herramientas del programa. ¿Mas ayuda? Al final pueden descargar el archivo Psd que se utilizó durante el proceso para tener como guía. No tienen excusas .

Creando un iPad en Photoshop

Isabel — Mon, 19 Apr 2010 12:00:00 +0000

Todos sabemos que parte importante al aprender Photoshop, es saber crear objetos desde cero, seguramente con una imagen de referencia, pero teniendo en cuenta que herramientas debemos implementar en el proceso.

En Inspiks nos invitan a que aprendamos a crear un iPad en Photoshop desde cero. Así es como el producto del momento, que tanta revolución causó hace unas semanas, llega a los tutoriales y con un resultado mas que atractivo.

Para realizar el tutorial vamos a necesitar dos imágenes que aplicaremos y una que usaremos como referencia para ver como es este gadget. Por último, les aviso que está dirigido a usuarios avanzados del programa.

Cómo crear una plantilla con transparencias

Isabel — Tue, 23 Mar 2010 12:00:46 +0000

Hay dos elementos que son tendencia actualmente y que son parte del tutorial que vamos a conocer hoy: el estilo grunge y las transparencias. Y seamos sinceros, ambos se ven realmente genial si son bien implementados.

En el sitio PsdTuts+ publicaron un genial tutorial que nos explica cómo crear una plantilla con transparencias en Photoshop. Si todavía no crearon un diseño de este tipo, deberían intentarlo, para dar un paso mas hacia el día en que se animen a crear su propio theme para un blog.

La explicación fue realizada con la versión CS3 de Photoshop, para usuarios con conocimientos intermedios del programa y aproximadamente en dos horas.