Este documento presenta una guía detallada para crear una portada de revista digital usando Photoshop en 7 pasos. Explica cómo crear el fondo con degradados de color, añadir imágenes y texto, y agregar detalles como códigos de barras. El objetivo es enseñar a los estudiantes a diseñar una revista digital de manera profesional usando herramientas de edición de imágenes.

1. Escuela Normal Superior de Villavicencio
PLANTEL OFICIAL APROBADO SEGÚN RESOLUCIÓN Nº 0600 DE AGOSTO 27 DE 1999
NIT: 892.099.128-6 REGISTRO EDUCATIVO FOE 0502 CÓDIGO ICFES 010934 CÓDIGO DANE 150001000936
Elaborado por: Ing. HAIMER GUTIERREZ M. JUNIO DE 2019
GUIA NO 1. CONCEPTUALIZACION
PREGUNTA PROBLÉMICA: ¿Cómo una idea se convierte en un proceso de fabricación y producción en serie?
COMPETENCIA: Analizar los principios de funcionamiento y criterios de selección, para la utilización eficiente y segura de
artefactos, productos, servicios, procesos y sistemas tecnológicos de mi entorno, registra el proceso de este análisis por
medio de una revista digital realizada en la herramienta de Photoshop.
INDICADOR DE DESEMPEÑO: Analiza y contextualiza los sistemas y planes de mantenimiento, procesos de producción
industrial, por medio de la utilización de la herramienta digital Photoshop, publicando una revista digital como evidencia de
este proceso
GUIA DE TRABAJO FINAL
Para trabajo final de periodo se solicita presentar el diseño de una revista digital editada en Photoshop con las
siguientes condiciones:
1. Debe tener una portada que contenga un Logotipo, un slogan y una marca inédita y original.
2. Debe tener mínimo 5 secciones, cada una con mínimo una página de contenido, promocionando un
producto, servicio, evento o noticia. La edición de cada página debe se r realización propia de los
estudiantes.
3. Debe contener una página final o inicial de créditos
4. El formato de tamaño de cada pagina es 500pixeles x 400 pixeles, en ese espacio se hace el montaje del
contenido de cada pagina.
5. La revista se puede entregar en varias opciones de formato:
a. Formato PDF: valoración máxima esbásico (Maximo 3.5)
b. Formato HTML: se puede crear contenido en html para tener navegación entre portada y paginas
interiores. Valoracion máxima (Alto Maximo 4,3)
c. Formato Flash + Html + Photoshop: Utilizando la herramienta entregada por el docente para hacer el
montaje de la misma
6. Se debe entregar en medio magnético (CD o DVD) con su respectiva caractula donde se indiquen
APELLIDOS, NOMBRES, GRADO.
7. Se permite un máximo de dos personas por trabajo.

2. Escuela Normal Superior de Villavicencio
PLANTEL OFICIAL APROBADO SEGÚN RESOLUCIÓN Nº 0600 DE AGOSTO 27 DE 1999
NIT: 892.099.128-6 REGISTRO EDUCATIVO FOE 0502 CÓDIGO ICFES 010934 CÓDIGO DANE 150001000936
Elaborado por: Ing. HAIMER GUTIERREZ M. JUNIO DE 2019
EJERCICIO 1: DESARROLLE UNA APLICACIÓN PROPIA DE ACUERDO AL EJEMPLO E INSTRUCCIONES
MOSTRADAS A CONTINUACION.
PORTADA DE REVISTA EN PHOTOSHOP
Paso1 – Serprecisoenla creacióndel documento.
Vamosa realizarunaportada de revista,porlo que tenemos que serprecisosenlosvalores.Lasmedidasseránenpulgadas,
y tanto laresolucióncomoel modode colorserán colocadosconel finde poderimprimirloenpapel.Porloque,porprimer
paso,creamosun documentoconestosvalores:
Shar e
Paso2 – Empezarcon la construccióndel fondo
Primeroconvertimosel Fondoblanco enunaCapa.Pinchamosenfondoconel botónderechodel ratón y elegimosla
opción"Capa a partirde fondo…" Le ponemosnombre ypinchamosen"OK".

3. Escuela Normal Superior de Villavicencio
PLANTEL OFICIAL APROBADO SEGÚN RESOLUCIÓN Nº 0600 DE AGOSTO 27 DE 1999
NIT: 892.099.128-6 REGISTRO EDUCATIVO FOE 0502 CÓDIGO ICFES 010934 CÓDIGO DANE 150001000936
Elaborado por: Ing. HAIMER GUTIERREZ M. JUNIO DE 2019
Shar e
Luego,en Estilosde Capa,seleccionamos"Superposiciónde degradado"e introducimoslossiguientesvalores.
Shar e
Paso3 – Darle más energíaal fondo. Copiamosenel documentolaimágen“digital dreams”ylarotamos para que encaje en
la imagen.
Shar e
Una vez que centramoslaimagen cambiamosel modode fusión a“Trama”.

4. Escuela Normal Superior de Villavicencio
PLANTEL OFICIAL APROBADO SEGÚN RESOLUCIÓN Nº 0600 DE AGOSTO 27 DE 1999
NIT: 892.099.128-6 REGISTRO EDUCATIVO FOE 0502 CÓDIGO ICFES 010934 CÓDIGO DANE 150001000936
Elaborado por: Ing. HAIMER GUTIERREZ M. JUNIO DE 2019
Shar e
Ahoratoca el turnode techeye 2. Lo buscamosy locopiamosal documento.
Shar e
Creamosuna máscara de capa y, procurandoque esté activala máscara, pintamossobre laimagen.De estamanera
podemos"borrar"la imagenpero pudiendorecuperarlainformación cuandoqueramos.
Shar e
Presionamos Ctrl+U,tildamos"Colorear"yponemoslosvalores.Despuésde hacerlo,cambiamosel modode fusiónde
capa a "Aclarar".

5. Escuela Normal Superior de Villavicencio
PLANTEL OFICIAL APROBADO SEGÚN RESOLUCIÓN Nº 0600 DE AGOSTO 27 DE 1999
NIT: 892.099.128-6 REGISTRO EDUCATIVO FOE 0502 CÓDIGO ICFES 010934 CÓDIGO DANE 150001000936
Elaborado por: Ing. HAIMER GUTIERREZ M. JUNIO DE 2019
Lo haremosceleste.
Todo el fondoseráceleste.
Shar e
Paso4 – Iluminando lazonaprincipal.Agregamoslaimagen DigitalCity al documento.

6. Escuela Normal Superior de Villavicencio
PLANTEL OFICIAL APROBADO SEGÚN RESOLUCIÓN Nº 0600 DE AGOSTO 27 DE 1999
NIT: 892.099.128-6 REGISTRO EDUCATIVO FOE 0502 CÓDIGO ICFES 010934 CÓDIGO DANE 150001000936
Elaborado por: Ing. HAIMER GUTIERREZ M. JUNIO DE 2019
Shar e
Hay que sacarle el fondopropio de la imagenyaque queremosel nuestro.Puedenusarel métodoque deseen,
peroseleccionarpuntoporpunto con laherramientaPlumaeslomásefectivoenestaimagen.Simplemente tenemosque
seguirtodoel contornosuperior,y tenerpaciencia.
Una vez que finalizamos,pinchamosenlaimagenconel botónderechodel ratón,seleccionamos"Hacerselección…"y
pinchamosen“OK”.
Shar e
Shar e
Lo coloreamos conlosmismosvalores que al techeye 2del final del Paso3 pero,estavez,cambiandoel modode fusión de
capa a "Trama".

7. Escuela Normal Superior de Villavicencio
PLANTEL OFICIAL APROBADO SEGÚN RESOLUCIÓN Nº 0600 DE AGOSTO 27 DE 1999
NIT: 892.099.128-6 REGISTRO EDUCATIVO FOE 0502 CÓDIGO ICFES 010934 CÓDIGO DANE 150001000936
Elaborado por: Ing. HAIMER GUTIERREZ M. JUNIO DE 2019
Shar e
Ahoracreamos unanuevacapa y Vamosa Filtro> Interpretar> Nubes.
Shar e
Le damosun modode fusiónde capa de “Luz Suave”con una Opacidadde 35%.
Shar e
Paso5 – Añadiendoal modelo.Abrimoslafotode lamodeloyla seleccionamos.Lavaritamágica funcionaríamuybienen
estafoto.

8. Escuela Normal Superior de Villavicencio
PLANTEL OFICIAL APROBADO SEGÚN RESOLUCIÓN Nº 0600 DE AGOSTO 27 DE 1999
NIT: 892.099.128-6 REGISTRO EDUCATIVO FOE 0502 CÓDIGO ICFES 010934 CÓDIGO DANE 150001000936
Elaborado por: Ing. HAIMER GUTIERREZ M. JUNIO DE 2019
Shar e
La añadimos ennuestrodocumentoylaacomodamos.
Shar e
Creamosuna nuevacapa y,con el pincel de color#66def2, pintamos alrededorde lamodelo.
Shar e
Cambiamosel modode fusiónde capa a “Color”y veremoscomoel rojodesaparece.

9. Escuela Normal Superior de Villavicencio
PLANTEL OFICIAL APROBADO SEGÚN RESOLUCIÓN Nº 0600 DE AGOSTO 27 DE 1999
NIT: 892.099.128-6 REGISTRO EDUCATIVO FOE 0502 CÓDIGO ICFES 010934 CÓDIGO DANE 150001000936
Elaborado por: Ing. HAIMER GUTIERREZ M. JUNIO DE 2019
Shar e
Para que no modifiqueel colordel fondo, modificandosoloal de lamodelo,crearemosuna máscarade recorte pinchando
con el botónderechodel ratón enla capa y seleccionandodichaopción.
Shar e
Le queremosdarunpoco más de interacciónconel fondo,así que borraremoslevementealoscostadosde la modelo,
usandoel mismoprocedimiento que conlaimagen techeye 2enel Paso3.
Shar e
PASO6 – Poniendoel texto.Vamosacrear líneasde guía para hacerlolomás precisoposible.Paralograrestomostramos
la regla(Ctrl+R) y arrastrando desde lareglade la izquierdaloubicamosen 1,66 como marca la imagen.

10. Escuela Normal Superior de Villavicencio
PLANTEL OFICIAL APROBADO SEGÚN RESOLUCIÓN Nº 0600 DE AGOSTO 27 DE 1999
NIT: 892.099.128-6 REGISTRO EDUCATIVO FOE 0502 CÓDIGO ICFES 010934 CÓDIGO DANE 150001000936
Elaborado por: Ing. HAIMER GUTIERREZ M. JUNIO DE 2019
Shar e
Creamoslasdemáslíneasde guía comomuestrala imagen.
Shar e
Luegoseleccionamoslaherramientade Texto yponemos "NEOTEO"y enel Panel de Carácter ingresamosestosvalores.
Posteriormente ingresaremosenel espacioinferiorde laslíneasguíael mes“JULIO 2010” y unafrase.En este casola frase
es:“SOLUCIONESA TU ALCANCE”.
Creamoslostitularesde laformaque másnos guste.Perolosvaloresgeneralesson:
A. ArtículoPrincipal: Letrasgrandes que atraiganal lector.
B. ArtículoSecundario:Una letrachica,pero a colory enun cuadro con transparencia.
C. OtrosArtículos:Letras y coloresdiferentes, sinserletrasgrandesysincuadro.

11. Escuela Normal Superior de Villavicencio
PLANTEL OFICIAL APROBADO SEGÚN RESOLUCIÓN Nº 0600 DE AGOSTO 27 DE 1999
NIT: 892.099.128-6 REGISTRO EDUCATIVO FOE 0502 CÓDIGO ICFES 010934 CÓDIGO DANE 150001000936
Elaborado por: Ing. HAIMER GUTIERREZ M. JUNIO DE 2019
Shar e
PASO7 – Detallesfinales
Nosfaltaría ingresarel códigode barras, porlo que metemosenel documentolaimagen Barcodes.
Posteriormente hacemoslaselección delcódigode barras.
Shar e
Abrimosel cuadrode niveles conCtrl+Ly seleccionandoel cuentagotas de colorblancopinchamossobre cualquier
parte clara del códigode barras.

12. Escuela Normal Superior de Villavicencio
PLANTEL OFICIAL APROBADO SEGÚN RESOLUCIÓN Nº 0600 DE AGOSTO 27 DE 1999
NIT: 892.099.128-6 REGISTRO EDUCATIVO FOE 0502 CÓDIGO ICFES 010934 CÓDIGO DANE 150001000936
Elaborado por: Ing. HAIMER GUTIERREZ M. JUNIO DE 2019
Shar e
Una vez equilibradosloscolorescon Ctrl+T(TransformaciónLibre) lo rotamosy ajustamos el tamañopara que se adapte a
la revista.
Shar e
Su portadade revistaterminada.