Entonces, ¿está a punto de tener un discurso público y necesita apoyarlo con diapositivas de presentación atractivas? Hoy aprenderemos a hacer esto diseñando una presentación de PowerPoint en Photoshop. El propósito de una presentación es presentar la información de la mejor manera posible. Antes de comenzar con el diseño, debe saber si su presentación está destinada a entretener, informar, persuadir o vender. En el tutorial de hoy, le mostraré cómo diseñar una presentación de PowerPoint que debe informar (por supuesto) y mostrar a los presentadores la creatividad y la diversidad. Empecemos!
Los siguientes recursos fueron utilizados durante la producción de este tutorial..
Antes de comenzar a dibujar en un lienzo más grande, necesitamos crear algunos patrones para nuestro efecto de fondo. Para hacer esto, abra un nuevo documento, 70x70 px, rellénelo con el color blanco #ffffff. Vaya a Ver> Mostrar> Cuadrícula, se activará la vista de cuadrícula. Esto nos ayudará a dibujar fácilmente un patrón perfecto. Ahora, elija la Herramienta de línea (U) y dibuje una línea negra vertical de 1px en el extremo derecho del documento.
Duplica la línea y alinéala con la cuadrícula.
Haz lo mismo ahora para las líneas horizontales. Tenga en cuenta que omití la línea superior e izquierda, no llené toda la cuadrícula. Esto se debe a que el patrón se repetirá y la línea derecha e inferior del próximo patrón que se complete llenará ese espacio.
Crear nueva capa. Elija Marquee Tool (M) y mantenga presionada la tecla shift para seleccionar una selección que se ajuste exactamente a una unidad de nuestra cuadrícula de documentos. Rellena la capa con el color negro # 000000 y dale un 60% de opacidad.
Duplique esa capa para crear un patrón como se muestra en la siguiente imagen.
Vaya a Editar> Definir patrón, asígnele un nombre (lo llamé "mozaik") y haga clic en Aceptar. Cierra el documento. Se guarda ahora y aparecerá en nuestra biblioteca de patrones..
Cree un nuevo documento px de 1024x768 y guárdelo como background.psd. Desbloquee la capa de fondo haciendo doble clic en ella y haciendo clic en Aceptar en el cuadro de diálogo (esto elimina el icono de bloqueo de la capa). Haga doble clic nuevamente en la capa de fondo desbloqueada, aparecerá un cuadro de diálogo de efectos. Añadir efecto degradado como se muestra en la imagen. Gradiente de colores de izquierda a derecha: # f9fff4, # ebf7e7 y # e3f9ed.
Crea una nueva capa arriba y rellénala con blanco. Establezca el modo de mezcla en Multiplicar y agregue la superposición del patrón con el patrón "mozaik" creado previamente. En la configuración de efectos, establezca la Opacidad en 4%, deje otros valores predeterminados.
Crea una carpeta de capas y llámala "Diseño". Seleccione la herramienta de forma rectangular (U) y dibuje una forma de px 365x747, rellene el color #ffffff.
Añadir efecto degradado como se muestra en la imagen. Gradiente de colores de izquierda a derecha: # e5e3e3, # f6f6f6 y #ffffff. Agregue el efecto Resplandor interno, color #ffffff, opacidad 87% y tamaño 54. Deje otros ajustes predeterminados.
Crear una nueva capa debajo de la capa de forma de rectángulo.
Mantenga presionado Command / Ctrl + Haga clic en la capa de forma para crear una selección a partir de ella. Mientras se selecciona la capa vacía recién creada, rellénela con negro # 000000. Vaya a Filtro> Desenfoque> Desenfoque gaussiano e ingrese un radio de 6px.
Agregue la máscara de capa haciendo clic en el icono de máscara pequeña en la parte inferior de la paleta de capas. Elija un cepillo suave de 300 píxeles y configure el color de fondo en negro # 000000.
Ahora, cepille suavemente las partes de la sombra que desea enmascarar (ocultar), haciendo esto crearemos un bonito efecto de sombra.
Queremos darle al diseño del contenido un aspecto más real del papel, por lo que necesitamos algunas líneas de papel horizontales. Para agregarlos necesitamos crear el patrón primero. Cree un nuevo documento 70x70 px, tal como hicimos con nuestro primer patrón. Active la vista de cuadrícula y dibuje dos (2) rectángulos blancos (#ffffff) en ambos lados. Deje el centro del documento en tamaño vacío (transparente) de una unidad de cuadrícula. Dibuja un rectángulo negro del tamaño de la mitad de la unidad de cuadrícula como se muestra en la imagen.
Vaya a Editar> Definir patrón, asígnele un nombre (con puntos) y guárdelo. Cerrar el documento.
Ahora podemos aplicar este patrón a nuestro diseño de contenido. Copie la capa de forma de rectángulo, elimine los efectos y cambie el color a # 838383. Agregue el efecto de superposición de patrón y elija el patrón de puntos que creamos en el paso anterior. Cambie el modo de fusión de capa a Multiplicar y establezca la opacidad en 14%.
Quería darle un aspecto un poco gastado, así que enmascaré las líneas horizontales con un pincel grunge. Para hacer esto, primero ve a Graphic River y toma algunos pinceles de grunge. Haga clic en el pequeño icono de máscara en la parte inferior de la paleta de capas, seleccione uno de los pinceles grunge (cualquiera de los cuales servirá), configure el color de fondo como negro # 000000 y oculte ligeramente el centro del diseño del contenido (líneas) manteniendo las líneas visibles bordes.
Para que saliera más, agregué un borde negro semitransparente. Haga esto duplicando la capa de la forma de la base y muévala debajo de ella. Expanda la forma en 20px en cada lado, elimine todos los efectos, configure el color de fondo en negro y opacidad 3%. Hecho!
Cree una nueva carpeta de capas bajo el diseño de contenido (carpeta de diseño) y, utilizando la herramienta Rectangle Shape (U), dibuje un rectángulo de 78x72 px. Colóquelo de modo que quede oculto unos 10 px por debajo del diseño del contenido. Rellénelo con la superposición de degradado como se muestra en la imagen con los colores de izquierda a derecha: # 525739 (ubicación 0%) y # d6dbbf (ubicación 27%).
Cambie a la Herramienta de selección directa (A) y seleccione la ruta. Ahora cambie a la herramienta Pluma (P) y agregue un punto de anclaje en la parte central inferior de la ruta como se muestra en la imagen. Ajuste los mangos para que estén cerca uno del otro.
Con este ancla seleccionada, mantenga presionada la tecla Mayús y use la tecla de flecha arriba para empujar el punto una vez (10px).
Crear una nueva capa arriba. Seleccione la herramienta de forma personalizada y elija la que se muestra en la imagen.
Comando / Ctrl + haga clic en la capa de forma de cinta debajo, vaya a Seleccionar> Modificar> Contrato e ingrese el valor de 4px. Esto contraerá la selección a 4 px creando un borde agradable alrededor.
Mientras la selección está activa, haga clic en la capa de forma de estrella (selecciónela) y haga clic en el icono Máscara en la parte inferior de la paleta de capas. Esto enmascarará automáticamente la forma de la estrella mediante la selección de marquesina que contratamos anteriormente.
Cambie el color de la forma de estrella enmascarada a # b2b7a1 y configure la opacidad al 25%.
Cree una nueva capa sobre el diseño del contenido y, utilizando la herramienta Elipse, dibuje un pequeño círculo de 52x52 px. Rellénalo con # e25601.
Crea otra capa y colócala debajo del círculo rojo. Seleccione la Herramienta de forma personalizada y elija la forma de ráfaga de estrellas como se muestra en la imagen. Rellénelo con # e9c000. Manteniendo pulsada la tecla Mayús dibuja la forma desde el centro del círculo rojo. Ajustar la opacidad de la capa al 20%..
Copie la capa de forma de ráfaga de estrellas y colóquela debajo de la forma de ráfaga de estrellas original. Con la herramienta Transformar, mantenga presionada la tecla Mayús, gire y escale la forma para que se coloque como se muestra en la imagen.
Lo condimenté solo un poquito más al agregar una forma circular de mandala (usando el Pincel de Photoshop personalizado) debajo de las capas y bajar la opacidad al 40%, pero puedes omitir este paso, aún se verá genial!
Finalmente, agregue su contenido y ¡ya ha terminado con el primer diseño de diapositiva! He elegido crear el texto de la pantalla de bienvenida directamente en Photoshop en lugar de insertarlo en PowerPoint porque uso fuentes y gráficos personalizados..
Después de crear la pantalla de bienvenida, ahora vamos a crear un fondo genérico que se utilizará para todas las demás diapositivas de nuestra presentación. Copie el background.psd y cámbiele el nombre a inner.psd. Elimine la carpeta de la capa de cinta y todo el contenido, dejando solo el diseño del contenido. Empuje todos los gráficos restantes 50px desde la parte superior del documento.
Primero seleccione la forma del rectángulo base (la que tiene el efecto de degradado), elija la Herramienta de selección directa (A) y seleccione dos puntos de anclaje inferiores de esa forma. Manteniendo presionada la tecla Mayús, presione la flecha hacia abajo para expandir el rectángulo hasta que sobrepase los límites del documento.
Haz lo mismo con las líneas horizontales.?
Finalmente repita el paso con el borde semitransparente. Opcionalmente también puedes escalar o dibujar la sombra..
Cambie el número de la diapositiva dentro del círculo rojo, agregue título y pie de página. Eso es!
Creamos el diseño, ahora necesitamos hacer una presentación real de él. Exporte los diseños de PSD a archivos JPEG de alta calidad con la opción Guardar para Web en Photoshop. Nombre los archivos como corresponda y colóquelos en su carpeta de presentación. Inicie PowerPoint y haga clic en Archivo> Nueva presentación.
Por defecto, PowerPoint agrega un título y un campo de texto a la diapositiva recién creada. Adelante, selecciónalos y bórralos porque no los vas a necesitar..
Haga clic con el botón derecho en la vista previa del pulgar de la diapositiva en la barra lateral y haga clic en Formato de fondo; aparecerá una pantalla emergente. Seleccione Rellenar en la barra lateral emergente, seleccione Imagen en el menú superior emergente y elija la imagen de fondo exportada anteriormente para la diapositiva de bienvenida.
Puede copiar la primera diapositiva o crear una nueva, repita el paso anterior para la página interna (diapositiva) y elija la segunda imagen de fondo.
Y tu estas listo. ¿Bien? casi listo, porque ahora necesita crear el resto de sus diapositivas y prepararse para el discurso. Espero que hayas aprendido uno o dos trucos para crear presentaciones de PowerPoint diseñadas a medida y te deseo todo lo mejor en tu discurso público. Nos vemos la proxima vez!
Echa un vistazo a algunas de estas fantásticas plantillas disponibles en nuestro sitio asociado Graphic River.