Mejora la imagen de tu sitio web o blog con Photoshop!

Aprende tips, técnicas y secretos de un Educador Certificado en Adobe para diseñar mejor y ser creativo.
4.6 (13 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
130 students enrolled
Instructed by PERCY ORDONEZ Design / Design Tools
$30
Take This Course
  • Lectures 64
  • Contents Video: 5.5 hours
    Other: 18 mins
  • Skill Level All Levels
  • Languages Spanish
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 12/2012 Spanish

Course Description

· Introducción básica de Photoshop para principiantes

· Aprenderás principios y conceptos para crear una imagen profesional de tu sitio web

· Como crear avisos poderosos para vender tu producto o servicio

· Como usar colores, texto, y fotos adecuadamente en tu publicidad en linea

· Como optimizar tus imagenes para que descarguen rapidamente

· Como dar una buena primera impresión visualmente a tus visitantes

· Como lucir profesional aunque seas principiantes en Photoshop

· Otros programas gratis que puedes usar en linea para hacer graficos creativos

· Como evitar errores comunes de diseño web

· Como incluir el llamado a la acción en en tus imagenes o encabezados

· Efectos de texto practicos pero impactantes para tus website/blog

· Como crear baner/avisos animados en Photoshop

· Las dimensiones correctas de baners y avisos digitales

· Sugerencias y tips profesionales de un Educador Certificado
en Adobe

· Archivos originales en psd, fotos, vectores y material para ponerlo en practica

- Como resolver los errores mas comunes en Photoshop

- Casos reales de diseño que ningun libro o instructor te enseñara

- Encabezados atractivos para tu blog/website en WordPress

- Encabezados poderosos para tu sitio web en Dreamweaver

- Como publicar tu archivos y trabajos en la nube ( cloud ) gratis

What are the requirements?

  • Programa de Photoshop
  • Conocimiento basico de la computadora
  • Conocimiento de navegacion y busqueda en linea
  • Muchas ganas de aprender!

What am I going to get from this course?

  • Aprenderas a crear una imagen profesional para tu website o blog de una manera facil y practica usando Photoshop y algunas herramientas gratis en linea.
  • Darle una imagen profesional a tus gráficas y diseños en linea
  • Crear una buena primera impresión visual de tu sitio web
  • Sacarle provecho a Photoshop para tu negocio o profesion
  • Principios de diseño practio
  • Introducción de todo lo basico y necesario de Photoshop

What is the target audience?

  • Este curso es ideal para todo dueño de un pequeño negocio que quiere mejorar su sitio web
  • Todo diseñador grafico que quiere usar Photoshop para el web
  • Personas que trabajen en publicidad en linea y mercadeo
  • Personas que quieran hacer sus propios gráficos
  • Diseñador de paginas web que quiere mejorar sus gráficas
  • Personas que no tienen creatividad y quieren tomar ideas nuevas

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

06:04
BIENVENIDO A UDEMY!

Esta introducción es para darte un guia para que tengas un conocimiento basico de como funciona la plataforma Udemy.  Que puedo hacer adentro de Udemy te preguntaras..?
- Hacer preguntas al instructor
- Bajar archivos para practica ( jpeg, .psd, pdf etc )
- Dejar tu calificación de el curso  ( las estrellitas ***** )
- Compartirlo en las redes sociales ( facebook, tweater etc )
- Tomar notas y salvarlas en tu computadora ( mi favorita )

Te deseo mucho éxito y aprendizaje en este curso practico.

PERCY ORDONEZ
Adobe Certified Educator
www.photoshopfacil.us

Section 1: Introduccion a Photoshop
08:28

En este video aprenderás:

- Explorando el interface de Photoshop
- Herramientas basicas
- Areas de trabajo
- Paneles 
- Organizacion de paneles
- Ventanas de trabajo 
- Como crear un nuevo documento


04:44
En este video aprenderás:
- Interface parte 2
- Explicacion mas detallada de los iconos
- Barra de propiedades
- Agrupar y desagrupar paneles

05:53
En este video aprenderás:

  • - Funcionamiento de la herramienta "zoom"
  • - Panel para navegar "navigator panel"
  • - Herramienta "La Mano" ( hand tool )
  • - Tips y sugerencias de uso practico 

06:33
- Explicacion detallada de cada area
- Guia illustrada de todas las herramientas
- Herramientas escondidas
- Uso de herramientas mas comunes
- Localizacion de ( atajos ) shortcuts en paneles
10:12
- Que son las capas ( layers )
- Propiedades de el panel de las capas
- Organizacion de las capas
- Estilos y funcionamiento de capas
- Etiquetas de color para capas
- Shortcuts (atajos) utiles usado en capas
05:33
En este video aprenderás:

  • - Que es un vector?
  • - Que son los pixeles?
  • - Como funciona la resolución de una foto?
  • - Diferencias de resolución entre una foto y una gráfica ( o ilustración )
  • - Que resolución se usa para imprenta
  • - Diferencia entre RGB y CMYK

05:20
En este video aprenderás:
- Panel de Ajuste “adjustment panel”
- Como funciona y se aplica el panel de niveles ( levels )
- Como mejorar tus fotos en un instante con esta herramienta

Section 2: Herramientas de Seleccion
03:15
  • En este video aprenderás:

    • Herramientas de selección básica
    • El marco rectangular y el marco elíptico
    • Como copiar y pegar una area selecta de una foto a otra
    • Sugerencias y tips en selecciones
    • Errores comunes usando el marco rectangular o el marco elíptico  
    03:02
      En este movie aprenderás:
    • Como funciona la opción de difuminado ( feather ) en las selecciones
    • Demostración y guía para entender concepto de difuminado
    • Idea creativa usando difuminado
    • Acuérdate de ponerlo en practica al final 
    04:03
    Lo que aprenderás en este movie:
    - Como funciona la herramienta Lazo
    - Como funciona la herramienta de Polígono Lazo
    - Como mover un objeto de una foto a otra
    - Como usar la herramienta de transformación para ajustar
      el tamaño de tus fotos
    - Sugerencias y tips en selecciones
    02:36
      En este movie aprenderás:
    • Como funciona la herramienta de la barita mágica 
    • Cuales son los usos comunes de esta herramienta
    • Como seleccionar y borrar una área solida
    • La importancia de usar el panel de historia
    • La opción de tolerancia para seleccionar mas área solida o menos
    02:15
  • En este video aprenderás:

  • - Herramienta de selección rápida
  • - Como aplicarla para tus selecciones
  • - Como añadir o remover áreas de una selección
  • - Tips y sugerencias
  • Section 3: Como usar texto en Photoshop
    03:25
    Lo que aprenderas en este movie:

    • Como funciona la herramienta de texto " T"
    • Como cambiar de color tu texto
    • Propiedades básicas de texto
    • La capa de texto en photoshop
    • Sugerencias para evitar errores comunes con texto

    04:18

    • Panel de Caracter
    • Opciones y detalles de este panel
    • Como incluir espacio entre linea o parafo
    • Como incluir estilos a tu texto para edicion basica
    • Tips y recomendaciones usando texto

    09:00
    • Como funciona los efectos o estilos para texto
    • Como editar estilos en el panel de capas
    • Tour y guia de los estilos mas comunes
    • Efectos de sombra, borde, volumen, gradiente etc
    • Como activar y desactivar  los efectos o estilos
    • Tips y sugerencias
    Section 4: Herramientas geometricas para diseño
    04:33
    • Formas geometricas basicas utiles en Photoshop
    • Rectangulo, cuadrado, linea
    • Panel de Historia
    • Como aplicarlas para proyectos
    04:51
    • Icono versátil para diseño en panel de herramientas
    • Como añadir mas objetos
    • Tour y guia de objetos que incluye Photoshop 
    • Como editar y aplicar colores a tus objectos y darle mas vida
    • Como aplicarle efectos a tus objetos 
    • Tips y sugerencias
    Section 5: Herramienta de degradado "gradient tool"
    07:19
    • Como funciona la herramienta de gradiente
    • Tipos de gradientes
    • Como aplicar y editar gradientes
    • Como cargar gradientes para uso practico
    • Como crear gradientes creativos
    • Tips y sugerencias
    06:15
    • Como editar y salvar gradientes
    • Ejemplos de guía
    • Una segunda forma de aplicar gradientes en el panel de estilos
    • Como añadir mas colores a tus gradientes
    • Como eliminar colores a tus gradientes
    • Idea creativa de uso con gradientes
    • Como reaplicar gradientes
    • Tips y sugerencias
    Section 6: Graficos y extensiones usados para el web
    GIF, JPEG, PNG
    Preview
    02:51
    Como crear y exportar graficos para el web
    05:58
    Section 7: La Mascara "mask tool"
    Como funciona el efecto de Mascara en Photoshop
    04:33
    Lecture 21 - Ideas creativas con Mascaras
    03:03
    Section 8: Guía y principios para crear gráficas impactantes
    Introduccion
    01:19
    Porque esta guia?
    Preview
    01:08
    Parte 2
    00:51
    Lo que aprenderas
    02:00
    Tu mensaje
    01:14
    Enfocate
    01:17
    Ponte en los zapatos de tu visitante
    01:27
    Se breve
    01:04
    01:36
    Sigue estos principios en tus imagenes para mejores resultados.
    08:56
    En estos "movies" te doy un tour de los mejores sitios de para comprar fotos usados por los expertos. Algunos gratis y otros hay que pagar una tarifa .. pero vale la pena ya que por un costo bajo tienes fotografias de alta calidad. Mi consejo Siempre usa fotos de calidad.
    Llamado a la accion
    02:00
    Dimensiones y tamaños
    02:15
    Tipos de letra y significado
    01:09
    Que tipo de letra usar para cada ocasion?
    02:10
    Como usar colores
    01:16
    Animacion con imagenes
    01:36
    Tipos de baners
    01:19
    Conclusión y puntos importantes.
    02:04
    Section 9: Estamos listos para empezar tus gráficas creativas
    Como crear encabezados *baners* basicos
    Preview
    06:43
    17:48
    >> Tu primer tarea:
    -Empieza creando tu primer encabezado ( baner ) con estas tecnica básicas de foto, texto y cambio de colores aprendidas en esta lección. 
    -El archivo Cielo banner1.jpg es la imagen de referencia en formato jpg ( para guia de lo que tienes que hacer ) 
    -El archivo cielo banner1-inicio.psd es el proyecto en formato photoshop (.psd) que incluye la imagen de fondo ( el cielo ) para facilitarte el ejercicio.
    >>Puedes usar estas imagenes para el ejercicio o las tuyas propias, lo importante es que lo pongas en practica.

    Como hacer botones para tu sitio web
    14:09
    Section 10: Tecnica web creativa #1-2
    07:06
    Esta practica contiene el archivo original para que inicies en Photoshop y lo pongas en practica.
    09:05
    - Tecnica Creativa usando mascara con conceptos de diseño.

    Acuerdate de ponerla en practica. Deja tus comentarios

    Section 11: Tecnica web creativa #3 part 1
    El cuadrado, texto y imagenes. "Clipping Mask with shapes"
    03:12
    06:46
    Esta es la segunda parte donde vas a poner a prueba todo lo aprendido. No es dificil, pero pon atencion ya que tiene algunos detalles que tienes que seguir paso a paso. Tambien incluyo los archivos de inicio para que sea mas facil empezar. 

    - Archivo Tecnica Web Creativa 3 v2 esta en formato .psd para que inicies este tutorial. 

    - Archivo Tecnica Web Creativa FINAL.jpeg es la version final para muestra y guia solamente.

    Section 12: Tecnica web creativa#4
    10:01
    En este projecto aprenderas a usar "las brochas" ( Brushes ) como medio creativo. Empezamos con lo basico, usaras las siguientes herramientas:

    - Capas
    - Brochas
    - Texto
    - Gradientes

    05:57
    Te incluyo el archivo .psd para que inicies ( Tecnica 4 Parte 2 INICIO ) con la imagen que necesitas para el projecto. En este tutorial vas a aprender:

    - A modificar las brochas ( brushes )
    - Cargar ( load ) brochas
    - Editar brochas y aplicarle gradientes
    ** Acuerdate que sin practica NO hay resultados.


    Section 13: Tecnica web creativa #5
    07:03
    En la tecnica #5 vas a aprender como crear tus avisos usando solo texto. Utilizamos lo siguiente:

    - Texto
    - Efectos de capas
    - Una figura geometrica ( rectangulo )
    - Un poco de creatividad =)

    Ideas creativas de profesional usando solo texto ( wow! )
    05:06
    Section 14: Tecnica web creativa #6
    La importancia de el buen uso de imagenes
    12:57
    12:53
    En este tutorial y clase aprenderas como crear otro banner creativo ( tecnica 6 parte 2 ) usando una foto de una modelo ( Semana de la Moda ) vamos a quitarle el fondo, incluir texto, estilos de capas, tips mas avanzados y utiles de como quitar fondos a la foto y tambien vamos a usar gradientes y un estilo de brocha. Estoy seguro que te va a gustar y lo vas a poner en practica.

    Incluyo la foto para que hagas tu tarea y lo pongas en practica. Acuerdate que me tienes que enviar tus trabajos para exponerlos en el blog oficial de el curso. Animate y termina cada leccion con su practica y veras los resultados.

    Saludos y exito

    Percy Ordonez
    Adobe Certified Educator

    Section 15: Graficas creativas con llamado a la accion
    09:28
    En esta leccion aprenderas:

    • Concepto y teoria de lo que es llamado a la acción 
    • 3 avisos digitales creados en photoshop con llamado a la acción
    • Como fueron creados..?
    • Tips y sugerencias!
    Espero que lo pongas en practica en menos de 10 minutos el aprendizaje, pero te ayudara mucho en crear graficas vendedoras con llamado a la acción. Esto aplica para
    conceptos de diseño grafico y web.
    Saludos
    Percy Ordonez
    Adobe Certified Educator
    adobeinstructor@yahoo.com

    Parte # 2 Ejemplos profesionales
    03:37
    Section 16: Los standard comerciales de avisos digitales /UAP/
    Usa estas medidas y siempre tendras exito
    07:59
    03:10
    Ahora que ya sabes los principios de IAB y los standards en banner te muestro algunas ideas profesionales de los aviso digitales/banners para darte ideas creativas en Photoshop.


    Saludos

    Percy Ordonez
    Adobe Certified Educator

    Section 17: Como integrar tus graficas y encabezados en WordPress
    5 pages

    Esta es una guia practica en pdf de como insertar un encabezado en la plataforma WordPress. Cada Theme / Tema o Template tiene una medida especifica que puede ser modifica en Photoshop usando la resolucion de 72 dpi y en pixeles.

    Espero que pongas en practica todo lo aprendido y subas tus encabezados a tu sitio web usando WordPress. Enviame tus resultados a adobeinstructor@yahoo.com y con mucho gusto te doy mi punto de vista.

    Section 18: Como integrar tus graficas y encabezados en Dreamweaver
    04:21

    En este tutorial aprenderas de una manera basica como insertar tus encabezados/imagenes en Adobe Dreamweaver.

    Nota: Dreamweaver es un programa mas complejo y toma mas tiempo de aprendizaje que WordPress. Este curso no es de Dreamweaver, este tutorial es para que tengas una base del proceso.

    Si requieres mas ayuda la puedes buscar en google, youtube o puedes visitar mi CANAL DE YOUTUBE donde tengo una seria de movies que te pueden ayudar a entender mejor Dreamweaver. Empieza por aqui

    Registrate en mi canal para mas tutoriales faciles y practicos

    Saludos

    Percy Ordonez
    www.photoshopfacil.us

    Section 19: Errores de optimizacion en Photoshop y otros tips secretos
    13 pages

    Errores mas comunes de optimizacion y sugerencias utiles usando fotos en Photoshop.

    Section 20: Bono #1
    05:21

    En esta lección aprenderás el concepto de como funciona un GIF baner animado creado en photoshop.
    Haz tu propia version, empieza con algo basico despues ya que entiendas el funcionamiento le incluyes mas diseño, texto y efectos. Muy importante que NO sea muy pesado para el web.

    Section 21: Bono #2
    07:02
    En este tutorial de doy un tour de los programas mas practicos, utiles y faciles de usar para crear graficas creativas para tu sitio web o blog. Crea una grafica minimo en cada programa para que practiques y aprendas mas.
    Section 22: Ideas creativas para hacer $$$ con este curso ( top secret )

    Students Who Viewed This Course Also Viewed

    • Loading
    • Loading
    • Loading

    Instructor Biography

    PERCY ORDONEZ, Diseñador Grafico y Web

    Mi nombre es Percy Ordonez soy diseñador gráfico y instructor de diseño web. Tambien educador certificado en Adobe de lo programas Photoshop, Dreamweaver y Flash y cuento con mas de 12 años de experiencia en esta área, trabajo dando cursos de diseño web en una escuela técnica publica en la ciudad de Miami.

    He enseñado a alumnos de México, Centro, Sudamerica y el Caribe en el área gráfica y web.

    Mi propósito y meta es ahorrarte tiempo, dolores de cabeza y ayudarte a crear imagenes profesionales y creativas para tu website o blog aunque sea tu primera vez usando Photoshop.

    Me enfocare en la parte visual de como mejorar tu website o blog aprenderas a hacer tus propios baners, artes para el web y diseños básicos de una manera fácil y practica.

    Además de daré muchos tips, secretos y pondré mi años de experiencia para tu beneficio de aprendizaje..estoy seguro que vas a aprender mucho, y sobre todo crearas una imagen profesional de tu marca, negocio o producto usando mi sistema de aprendizaje efectivo.


    Ready to start learning?
    Take This Course