SlideShare una empresa de Scribd logo
1 de 115
Computer Center America Study
Nº2
Tutorial segundo Modulo
Corel-Photoshop-Illustrator-Flash-Dreamweaver
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
LOLLIPOP LOGO
Se abrirá un documento nuevo y lo primero se procederá a escribir la palabra LOLLIPOP con la fuente Callibi
Bold usando la herramienta de texto y solo dando un click en la esa de trabajo para que así la podamos
escalar a nuestro gusto.
Después se procederá realizar un circulo el cual sea del mismo tamaño que las letras utilizando la
herramienta elipse y Ctrl+shift sostenido para que nos sirva de guías y así proceder hacer una
copia de las letras presionando la tecla mas (+).
Ahora se procederá a realizar primeramente
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
la moldura de la sombra, esta se la realizara con el texto que esta en el interior del círculo
seleccionando la herramienta extruccion interactiva de la caja de herramientas
Ya aplicada la herramienta y seleccionada en la parte superior se seleccionara la opción tipo de
extruccion que se activa por la selección hecha y seleccionaremos una perspectiva diagonal para
que cubra por completo el circulo por su perspectiva
Ahora a esta sombra se le asignara n color para que se pueda diferenciar la fuente de la sombra
para no tener problemas de selección después, para esto se lo seleccionará la sombra para activar
la función de color y proceder a seleccionar en color uniforme.
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Ahora procederemos a separar la extrucion de las letras para que la sombra sea totalmente
independiente para esto se lo hace con click derecho y separar grupo de extruccion o solamente
presionando Ctrl + K, una vez hecho este proceso se dara nuevamente click derecho y desagrupar
todo y procederemos a soldar.
Procederemos a dar relleno de color al circulo de fondo con un color de tonalidad Magenta,
despues seleccionamos todo y aplicamos interseccion para obtenerel controno de la sombra y asi
suprimir el color de rrelleno que se le asigno
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Hemos obtenido el contorno de la sombra dentro de nuestro circulo ahora le asigaremos un color
de relleno morado de la paleta de colores, ya tenido nuestrpoo relleno procederemos a colocar las
letras que le hemos hecho una copia encima de nuestra sombra y se asignaremos un color blanco.
Procederemos a poner el palillo al chupete y un cuadro de fondo para eso se utilizara la
herramienta rectandular, ahora a esto sele asignaran colores primero el palillo se le asignara un
color blanco y al cuadro de fondo se le asignada un degradado de azules utilizando la herramienta
de relleno / relleno de degradados a un angulo de 90º.
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Para finalizar solo se eliminaran todos los bordes para otrogar un contraste solo de relleno para
esto seleccionaremos todo el diseño y damos click sostenido en la herramienta pluma y
elegiremos inguno para obtener el resultado final.
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
ESFERA 3D CON DEGRADADOS Y SOMBRAS.
Realizar un círculo usando la herramienta elipse de 2mm x 2mm y sin bordes.
Se procederá a multiplicar el circulo en 10 copias horizontales hacia la derecha en la pestaña de organiza /
transformar y tamaño.
En la ventana de propiedades de objeto en distancia de sentido horizontal le ubicamos la copia a una
distancia de 3mm y aplicamos esta selección 10 veces hasta obtener una fila de 10 círculos.
Se selecciona
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
todos los círculos y a distancia vertical de la copia estará a 4mm hacia abajo esta se copiara así mismo 10
veces para tener una cuadricular con circunferencias.
Se creara un circulo casi del mismo tamaño de la cuadricula con la herramienta elipse utilizando Ctrl+Shift
para crear un circulo desde su centro.
Seleccionado el circulo clic en la pestaña EFECTO / LENTE para desplegar la ventana de propiedades y
asignnarle el efecto ojo de pez seleccionando la opcion congelada para que nuestro filtro se quede fijo
dentro del elipse creado.
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Realizado este efecto se movera el elipse a un costado para poder eliminar la cuadricula de fondo con la
tecla Suprimir y asi solo quedarnos con el elipse con el efecto ojo de pez.
Seleccionado el circulo se da click derecho y desagurpar o con la combinacion Ctrl+U.
Se selecciona el circulo y se le da un rrelleno negro de un 30 % en la paleta de colores, despues una vez
puesto el relleno se envia el rrelleno hacia atrás de el circulo con el efecto dando click
derecho/orden/enviar detrás de la pagina
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Una vez hecho esto se eliminara el fondo blanco que esta encima para eso solo basta seleccionar y suprimir
para poder quedarnos con el dondo de negro de 30%
Ahora con la herramienta relleno interactivo se procedera a apliaar un efecto de relleno en degradacion
circular para dar el efecto esferico que se requiere
Una vez tenido el fondo esferico se se movera a un costado para dejar solo los circulos con el efecto, para el
cual se aplicara la opcion soldar para unificarlos y asi poner un color azul hielo y eliminar los bordes en el
efecto y en la esfera de fondo y unificarlos nuevamente.
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Y para finalizar se aplicaran sombras en los circulos del efecto seleccionandolos primeramente para
obtener un efecto flotante, se utilizara la herramienta Sombra con la opcion planta inferior derecha y si
estas estan movidas se las moveran hasta que queden debajo y se aclararan con la opcion fundido de
sombra y opacidad de sombra que se activaran en la parte superior una vez aplicado el efecto .
ESFERA TERMINADA CON EFECO DE DE DEGRADACION Y SOMBRAS.
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
ANDROID LOGO
Se comenzara graficando un rectangulo a cualquier escala y le regularemos las medida de 30 x 30 mm en
la opcion tamaño de objeto. Y de la misma forma utilizando la herramienta melipse se graficara un circulo
de 30 x 30 mm utilizando el mismo procedimiento que con el rectangulo.
Se escoge la herramienta selección para desplazar y colocar el circulo en la parte superior del rectangulo
ayudandonos con el punto de centro de referncia del circulo y del rectangulo para obtener un resultado asi:
Luego se procedera a seleccionar el circulo para poder ubicarlo en la parte de atrás de rectangulo para eso
primero se selecciona el circulo click derecho sobre el para desplegar el menu de opciones para buscar
orden y escogeremos enviar atrás de la pagina.
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Una vez hecho este procedimiento se seleccionara los dos objetos para reortarlos por igual tamaño tanto
el circulo como el rectangulo y para obtener la parte principal del logo que es la estructura del cuerpo y
esto se lo logragra con la opcion simplificar que se activara en la parte superior de la ventana al seleccionar
ambos elementos.
Teniendo los dos elementos grficados procederemos a separarlos parqa eso seleccionaremos el semi
circulo con la herramienta de selección y con la tecla de direccion hacia arriba la precionaremos hasta
tener la distabncia requerida.
Ya teniendo el cuerpo complemetaremos redondeando las esquinas inferiores derechas seleccionaremos el
cuadrado y automaticamente se activara la opcion de redondear bordes en la parte superior pero la
desbloquearemos para que las esquinas se redondeen independientemente , esto se lo verificara si el
bloqueo (candado) esta desactivado y asi procederemos a establecer el valor de 30 en las esquinas
inferiores
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Ahor aya tenmps complementado la estructura del cuerpo se proccederqa con le herramienta rectanulo a
graficar con las siguientes medidas 1 x 5 mm y redondearemos completamente los bordes utilizando la
herramienta forma en la caja de herramientas para despues realizar una copia de este.
Ahora procederemos a otorgarle un angulo de inciinacion de 45° con la opcion angulo de rotacion que se
activara en la parte supeior al momento que se ha seleccinado el objeto y el otro le hacemos lo mismo pero
esta vez le otorgaremos un angulo de -45 para que quede volteado del lado opuesto.
Ahora la ubicamos en la cabeza del robot solo usando la hgerramienta de selección dejandolo como se
muestra en la ilustracion de abajo. Una ves hecho esto se seleccionara el semi circulo con llas antenas y
utilizaremos la opcion soldar para pode unirlos
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Para terminar la estructuctura del muñecho le haremos los brazos y piernas para eso utilizaremon la opcion
rectangulo con las medidas de 8 x 23 mm , una vez elaborado el rectangulo redondearemos los bordes con
la herramienta forma.
Se le realizaran 3 copias mas para colocarlas en sus respectivos sitios, hecho esto se seleccionara todos los
objetos y se aplicara la opcion soldar.
Ya teniendo la estructura final solo se añadira los ojos y el color requerido del logo. Y PARA FINALIZAR SE
ELIMINARAN LOS BORDES Y ASI OBTENDREMOS NUESTRO LOGO DE ANDROID.
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
WINDOWS LOGO CON DEGRADADO DE COLOR.
Para comenzar a crear nuestro logo de windows procederemos a graficar un cuadrado de 50 x 50 mm como
anterioremente lo hemos hecho en los ejercicios anteriores y tambien un circulo de 72 x 72 mm utilizando
la herramienta elipse.
C0on la herramienta seleccion la colocaremos en la parteinfeior usando los puntos de encuadre del centro
del circulo y del cuadrado
Se procederaa seleccionar todos los elementos para proceder a utilizar la opcion recortar para otorgarle un
visel al cuadrado de la forma del circulo para luego separar los objetos y eliminar el circulo.
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Obteniendo el cuadrado con el corte procederemos a ahacer una copia presionando la tecla + y la
ubicaremos en la parte superior del mismo para poder seleccionar todos y utilizar la herramienta recortar
nuevamente y asitener la forma que reproduciremos para poder crear el logo .
Ya teniendo la firgura frincipal la copiaremos 3 veces mas y la podremos en cuadriculaa para dar forma del
logo
Ahora ya teniendo lasm 4 formas seleccionaremos la superior e inferior que estan en el lado derecho y la
rotaremos 180° para que queden totalmente invertidos .
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Ya teniendo los 4 objetos los cuales formaran el logo le daremnos un angulo de perspectiva par que sea
similar al original, eso se lo obtendra dando doble click en los objetos seleccionado para activar el modo
perspectiva y asi darle un angulo de inclincaion.
Ya teniendo nuestra perspectiva solo faltara colocar el circulo de fondo para agregarle los
degradados de colores , graficaremos un circulo con las medidas de 1770 x 170 mm y la centraremos para
ya obtener la estructura de nuestro logo de windows.
Ya hemos graficado loa estrcutura de nuestro logo ahora procederemos a gregar los colores con
degradados utilizando las mismas tonalidades de el original
Seleccionaremos el cuadro superior izquiero y la procederemos a dar degradadpo con color rojo naranjja
utilizando la herramienta relleno de degradado en la caja de herramientas.
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Continuamos asi mismo con los demas cuadros con los demas cuadros y el circulo de fondo utilizando lel
mismo procedimiento y asi obtendremos nuestro logo de windows.
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
ADIDAS LOGO
Para comenzar a crear este logo comenzaremos a graficar un circulo de 90 x 90 mm utilizando la
herramienta elipse de la caja de herramienta el cual se procedera a realizar una copia del mismo
presionanto la tecla mas ( + )
Una vez ya teniendo la copia las sobrepondremos para asi crear una interseccionentre las dos para luego
seleccionar todos los elementos y utilizar la opcion interseccion el cual se activar en la parte superior al
seleccionar los elementos y esta creala i aislara la interseccion de los dos circulos la cual utilizaremos para
la crreacion del logo.
Teniendo la onteseccion creada se eliminaran los circulos que creamos al principio dejando ai solo la
intersecccion, ya teniendo la interseccion de esta se procedera a hacer 2 copias mas presionando la tecla
mas (+) a la cual una le ototgaremos un angulo de 35° y las otra -35° para unirñla y asi realizar la estructura
inicial del logo.
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Se procedera a seleccionar los 3objhetos y se le aplicara la opcion
soldar para crear un solo elemento.
Se ha tenido la parte principal del logo ahora , se creara un rectangulo utilizando la herm¡ramienta
rectangulo de la caja de herramientas cpon una medida de 70 x 4 mm el cua se le ahan 2 copias y se las
distribuita a misma distancia para poder crear el corte que se necesita para obtener el logoubicando estas
copias en la parte inferiortomando como referencia el logo original .
Se procedera a seleccionar todos los elementos que se han creado y aplicarfemosla opcion recortar para
que los rectangulos que estan sobre el objeto inicial creen un corte en el mismo, ya aplicando esta
selección se eliminaran los rectangulo para asi tener el logo sin relleno de color.
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Ahora teniendo la estructura del logo le asignaremos las respectivas leras para poder complementarlo, se
escojera la herramienta texsto de la caja de herramienta y se da un clic para activarlo sobre el lienzo y en
sus propiedades escigeremos la fuente “ Century Gothic” le asignaremos un tamaño de 30 pts y en bold
para agregarle contextura y esta palabra la ubicaremos en la parte infeior de logo para despues asignale y
asi terminarlo.
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
MITSUBISHI LOGO.
Se procedera a crear el logo de mitsubishi para esto utilizaremos ciertas herramientasw, comenzaremos
con la hyerramienta poligono en la caja de herramientas el cual se asignaremos un valo de 4 lados al
numero de lados del poligono dondeeste automaticamente creara un rombo y a este rombo se le asignara
un valor de 30 x 50 mm
Luego asignado este valor y creado el rombo procederemos a realizar 2 copias de la misma a las cuales le
asignaremos los velores de rotacion de 60° a una y -60° a otra y estas 3 las uniremos por el mismo punto
directriz creando un centro y asi el logo.
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Ahora seleccionaremos todo y lo agruparemos utilizando la combinacion de teclas Ctrl + G para proceder a
rellenarlas de color rojo y quitarle los bordes presionando el icono de la herramienta contorno en la caja de
herramientas y aplicar ninguno.
Ahora procederemos a clocar las letras par asi terminar nuestro logo, seleccionaremos la herramienta
texsto de la caja de herramientas y le daremos un click sobre el lienzo para poder activarla y en sus
propiedades en la parte superior le asignaremos el tip’o de fuente “ TechnicBold” y con un tamaño de 50
pts, ina vez ghecho esto se lo colocamnos en la parte inferior y asi terminaremos nuestro logo identico al
original.
.
MOTOROLA LOGO.
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Para la creacion del logo de motorola solo utilizaremos dos herrmaientas pricipales en la caja de
herramientas como la herramienta poligono y la herramienta elipse, se escogera la herramienta pilogono y
se le asignara un valos de 3 en la opcion de numeros de lados en la opcion de propiedades y se le asignara
un valor de 13 x 23 mm.
Despues se escogera la herramienta elipse de la caja de herraminetas y esta se graficara una con las
dimencuiones de 11 x 26 mm para quqe esta se convierta ren un elipse ovalado casi igual conlas mismas
dimenciones que el triangulo.
Teniendo los dos elementos se procedera a superponer el elipse sobre el triangulo desde la mitad hacia
abajo del triangulo para asi seleccionarlos y utilizar la opcuion recortar para crear un ladio de la letra M que
forma el logo eliminando el elipse que se ha superponido delante del tyriangulo.
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Ya teniendo la forma de la estructura del logo se procedea a hacer una copia del mismo presionando la
tecla mas ( + ) y aplicando una simetria horizontal para invertirlo tya que vemos que uno de sus lados es
mas grueso que el otro para asi unirlo por sus nodos y crear la letra M de logo de motorola.
Escogeremos la herramienta elipse y crearemos un circulo con dimenciones de 40 x 40 mm y esta la
cuadraremos con el nodo central de la letra M que hemos creado y asi terner la parte principal de nuestro
logo.
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Antes de finalizar le agregaremos las letras en la parte inferior de nuestro logo para eso le selecionaremos
la herramienta texto y damos un click en el lienzo para activarlo y en sus propiedades escogeremos la
fuente ERAS BOLD ITC con un valor de 30 pts y teniendo la fuente creadada damos doble click sobre ella
para asi activar el modo perspectiva y dar una ligera inclinacion al texto.
Y para finalizar nuestro logo de motorola seleccionamos todos los elemento s y le otorgamos un relleno de
color CIAN y la letra M de color blanco seleccionandolo en la paleta de colores para despues quitarles los
bordes en la opcion contorno en la caja de herramientas y seleccionando ninguno para asi eliminar todos
los bordes y que el logo quede solamente con el relleno de color.
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
LOGO UMBRO (HERRAMIENTA SILUETA Y DESAGRUPAR)
En este ejercicio se procedera a utilizar y aprendert la herramienta silueta en la caja de herramientas el cual
lo usaremos para crear el logo de umbro, primero se usara la heramienta poligono el cual se le asignara un
valor de 4 para crear un rombo el cual le aignaremos u tamaño de 30 x 60 mm para despues aplicar la
herramienta silueta.
Ya teniendo el rombo principal precederemos a aplicarle la hereramienta siluta el cual le asignara el grupo
de copias en expansion que queremos el cual son 4 en total, esta opcion s la encuentra escondida en la
herramienta mezcla el cal con clic sostenido sobre ella aparecera la herramienta silueta, en sus propiedades
le asignaremos el numero 3 en etapas de siluetas para asi crear las copias y la opcion fuera para que estas
copias se expandan al exterior
Ahora se han creado dos formas la primera que es el rombo que hemos creado al principio y la de las
suluetas ahora procederemos a separalas para despues asignarles la tonalidad negra, para eso damos click
con la herramienta selección sobre el objeto de las siluetas para seleccionarlas depues sobre ella damos
click derecho para desplazar el menu de opciones y seleccionaremos separar grupo de siluetas y
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
nuevamente click derecho sobre ellos y desagrupar todo para asi todos los rombos queden individualmente
separados
Ya tenemos separado los rombos y ahora le asignaremos tonalidades de blanco y negro en la paleta de
colores comenzando con el tono negro por el rombo mas grande.
Y para finalizar solo se colocara la palabra umbro en su parte inferior, se utilizara la herramienta texto y en
sus propiedades seleccionaemos la fuente arial black con un tamaño de 80 pts y asi se terminara el logo
utlizando la herramienta silueta.
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
LOGO NBC .
El siguiente ejercicio constara con los comando de soldar y angulo para asi posicionar y delimitar las
dfiferentes pocisiones con los diferentes angulos que se lo otorgaran para crear una simetria y asi crear el
logo.
Primero se crearan un circulo de 30 x 30 mm con la herramienta elipse y un triangulo usaqndo la
herramienta poligono con un tamaño de 30 x 50 mm.
Se procedera a ubicar nuestro circulo en la parte inferior del triangulo para asi utilizar el comando soldar
para formar asi una gora la cual se le haran dos copìas presionando la trecla mas (+)
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Ahora a estos tres objetos se le otrogara un angulo de posicion para esto se seleccionara cada unop de los
objetos y se le otrogara un angulos de 105° , 140° y el ultimo 353° girado verticalmente para despues
unirlos por sus respectivos nodos en las puntas.
A esta nueva forma creada se le hara una copia presionando la tecla mas y se girara horizontalmente para
crear una simetria las cuales se uniran para otrogarles sus rellenos de colores respectivos y eliminar sus
bordes.
Y para finlizar nuestro logo solo le escribiremos las letras NBC las cuales se le posicionara en la parte
inferior con el tipo de fuente Ebrima con un tamaño de 160 pts y bold y asi termonaremos nuestro logo..
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
EVALUACION.
PARA ESTA EVALUACION SE UTILIZARAN LAS HERRAMIENTAS RECTANGULO, POLIGONO Y ELIPSE,
HERRAMIENTA FORMA , SOLDAR , CORTAR,
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Efecto Eclipse
1. Crear un Archivo Nuevo sea de tamaño 640x480 o elegir en la opción preferencia la variante
web.
2. Combinar las teclas Crtl+I para cambiar de fondo blanco a Negro
3. A continuación despliegue el menú filtro y seleccione Ruido/Añadir Ruido. Luego deberá
aparecer el cuadro de dialogo y cambiamos con los siguientes valores.Cantidad:80/Uniforme/
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
4. Seleccione del Menu Imagen/Ajustes/Niveles…En el nivel de entrada Aplique un Valor de 0,40
en la casilla de en medio como lo muestra la imagen
5. Creamos una Capa nueva /De la herramienta Marco Rectangular clic sostenido y escogemos
la opción Marco Eliptico
6. Dibujamos un circulo y clic derecho /rellenar /Ctrl+d para deseleccionar
Crear Capa
Nueva
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
7. Luego , aplique Menú Filtro/ Distorsionar/Rizo. Cantidad:100 y Tamaño Grande.
8. Aplique Menu Filtro/Desenfocar/Desenfoque Radial.Cantidad:12 Metodo: Giro
9. Oculte esta Capa en el ojo de la misma. Luego Cree una Capa nueva y manteniendo la tecla
Ctrl presionada de un clic en la capa escondida, esto seleccionara la transparencia de esta
capa.
Crear Capa
Nueva
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
10. Utilizando la herramienta laso y aplastando la tecla shift .Dibujamos una forma puntiaguda
un poco mas grande que el circulo y lo rellenamos de color blanco
11. A esta Capa le aplicamos el Menú Filtro/Desenfocar/Desenfoque Gaussiano…., De manera
que quede así.
12. Active la capa oculta y Combinamos las dos capas haciendo u Ctrl+E.
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
13. Escoja la herramienta Marco Elíptico y dibuje un circulo. Luego Clic Derecho /Rellenar
opción Negro.
14. Aplique Menú Filtro/Desenfocar/Desenfocar Más. Luego Menú Filtro/Interpretar/Destello.
15. Aplicamos las siguientes cantidades y listo
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Efecto Esfera
1. Creamos un nuevo lienzo de 500x500 px(pixeles).
2. Luego Nos Vamos al Menú Filtro/textura/Retazos
3. Con la Herramienta Marco Elíptico y Aplastando la tecla shift dibujamos un circulo.
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
4. Luego Menú Filtro/Distorsionar/Esférisar y ubique en el casillero cantidad 100 %.
5. Ahora damos clic derecho /Selección Inverso/Suprimir.
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Efecto Texto 3d
1. Crear un lienzo de 300x300.
2. Herramienta Texto y Escribimos un texto de color negro. Y ctrl + t para agrandar el texto.
3. Después rasterizamos la capa dando clic derecho sobre la capa del texto y opción rasterizar
capa.
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
4. Después Aplicamos el Menú Filtro/ Estilizar/ Relieve y ubique los siguientes valores.
5. Nuevamente Menú Filtro/Interpretar/Efectos de Iluminación y colocamos los siguientes
valores.
6. Para darle mas profundidad ,presionamos : Ctrl+alt y direccional de arriba y abajo.
#c6c6c6
#9f9f9f
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Efecto de Imágenes Sobresaliente
1. Menu Archivo/Abrir y abrimos cualquier imagen.
2. Hacemos un Ctrl+J , para duplicar la capa y creamos una capa nueva.
3. Escogemos la herramienta Marco Rectangular.y dibujamos un rectángulo en la parte inferior.
Crear capa
nueva
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
4. Luego Clic derecho/contornear y ponemos los siguientes valores de 12 px
5. Menú Edición/Transformar/Perspectiva. Y transformamos hasta que quede así
6. Luego creamos una mascara.
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
7. A continuación escogemos la herramienta lazo y contorneamos solo la parte superior del
rectángulo.
8. Una vez hecho esto clic derecho /Rellenar. Y Suprimir. deseleccionamos con Ctrl + D
9. Con la herramienta lazo Magnético,
seleccionamos alrededor de
Mascara
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
la imagen junto con el cuadro.
10. Una vez hecho esto clic derecho/selección Inverso , elegimos la capa 2 y ocultamos la capa
fondo . Por ultimo tecla Suprimir.
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Efecto de Imagen Normal a Dibujo Carboncillo.
1. Archivo/Abrir cualquier Imagen. Duplicamos la capa con Ctrl+J
2. Menú Imagen/Invertir
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
3. Ecogemos Menú Filtro/Desenfocar/Desenfoque Gaussiano y cambiamos la cantidad.
4. En La opción Normal de la ventana Capa damos clic y seleccionamos sobreexponer color
5. De la Ventana capa escogemos damos clic en ajuste y relleno/tono y saturación. Bajamos Tono
y saturación
2,0
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
6. Nuevamente clic en en la opción ajuste y escogemos niveles
Ajuste
Ajuste
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Efecto Retoque
1. Archivo/Abrir/ Buscamos la Imagen del Rostro con Acné.
2. Duplicamos con las teclas Ctrl+J
3. Escogemos la Herramienta Parche.
Seleccionamos una Parte donde no haiga
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
imperfección y clic izquierdo sostenido y arrastramos a la parte con defectos.
4. Quedando Borrada la parte de la imperfección
Antes Después
Efecto Zombi
1. Archivo/Abrir. Abrimos las dos imágenes la del rostro de la chica y la del cráneo.
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
2. Escogemos la herramienta selección y arrastramos la imagen del cráneo a la imagen de la
chica.
3. De la ventana capa en la opción de opacidad bajamos su intensidad a un 50% , una vez hecho
esto hacemos la combinación de teclas Ctrl+T y tiene que cuadrar el cráneo con el rostro de
la chica. Enter Subimos nuevamente la opacidad a 100%
4. Creamos una Mascara y combinamos teclas Ctrl +I para ocultar la imagen de arriba
5. A continuación elijo la herramienta pincel y de mi barra
de propiedades seleccionó un pincel nº24 y
Mascara
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
aumento su tamaño 82 así.
6. Doy pequeños clic alrededor de la imagen del rostro dejándola así.
7. Escogemos ahora la herramienta esponja y damos varios clic alrededor de lo capa de abajo
para que no quede demasiado encimado hasta que nos quede así.
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
8. Creamos una Capa. Y con las teclas Ctrl + agrandamos la imagen .
9. Con la herramienta Pincel y con un Color Rojo Procedemos a pintar el ojo y en la ventana
Capa en la opción Normal elegimos Multiplicar
Crear Capa
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
10. Un Ctrl (-) quedando asi la foto.
Dispersión de Agua
1. Abrimos la Imagen de la Manzana.
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
2. Herramienta Varita Mágica clic Izquierdo en el fondo para selecionarlo, luego clic derecho
escogemos selección inverso
3. Creamos un nuevo lienzo con estos valores.
4. Movemos con la herramienta de selección la Manzana al lienzo recién creado. Creamos una
mascara y escogemos la herramienta borrador borrando
la parte de debajo de la Manzana.
Varita Magica
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
5. Le Ponemos Un Tono/Saturación con las Siguientes cantidades yn aplastando la tecla Alt y Clic
Izquierdo
Herramienta Borrador
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
6. Abrimos la Imagen de el Agua La volteamos yendo al Menú Imagen/Rotar lienzo 180ª y hacemos
clic en la verita mágica para seleccionar el fondo luego clic derecho selección inversa.
7. Movemos esta imagen a la de Manzana
Varita Magica
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
8. Vamos al Menú Edición /Transformar/Deformar y Deformamos
9. Agregamos una Mascara a esta capa Y con el Borrador Borramos ciertas partes.
10. Le Ponemos a esta Capa También un
Tono/Saturación y combinamos
las teclas ALT y clic en medio
de las dos capas
Herramienta Borrador
Tecla ALT y Click
IZQ
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Dispersión de Humo
1. Abrimos la Imagen y duplicamos su capa con
Ctrl+J
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
2. Doy clic en la Capa 1 y elegimos la herramienta laso contorneando parte de la imagen.Luego
dar clic derecho opción Rellenar
3. Clic en la Capa 1 copia. Herramienta
laso Magnético y Contorneamos el borde de la
persona
Herramienta Laso
Herramienta Laso Magnético
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
4. Clic Derecho y Escogemos la Opción Capa Via Copiar. Y Ctrj para ser una Copia de esta
ultima Capa
5. Elegimos la Capa2. MENU Filtro/Licuar quedando así la imagen
6. Creamos una mascara en las dos
ultimas capas y con la herramienta bote de
Pintura para ocultar una de ellas
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
7. –Escogemos La herramienta Pincel y escogemos el pincel de humo giramos activando la
ventana pincel y poniendo los siguientes valores.
8. Quedando asi la Imagen.
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Lupa Rayo X
1. Archivo/Abrir Imagen
2. Archivo Colocar y colocamos la otra imagen
3. Luego Menú Selección/Gama de Colores y damos clic en una parte blanca de la imagen.
Poniendo su tolerancia a 200
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
4. Nuevamente damos clic en el Menú Selección /Invertir y creamos una mascara.
5. Vamos a la ventana de las capa en la opción relleno - ajuste y elegimos tono/saturación
dejando asi los valores.
Relleno y
Ajuste
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
6. Clic nuevamente en Relleno-Ajuste y opción Niveles.
7. Luego Acoplamos la Imagen con Ctrl+E.
Relleno y
Ajuste
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
8. Archivo/Colocar. Colocamos otra vez la imagen de la chica y la de la Lupa.
9. Creamos un Circulo con la herramienta Elipse y lo ponemos encima de la lente de la lupa. Y
dando dando doble clic nos aparece una venta en la cual vamos a poner opacidad de
relleno:0% y Cobertura: Profunda
10. Por Ultimo selecionamos las dos ultimas capas y la enlazamos
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Portada de Revista
1. Archivo/Nuevo Dibujamos un Cuadrado del mismo tamaño de la hoja esto lo hacemos con la
herramienta Rectángulo. Escogemos de la ventana Degradado un degradado de tipo Lineal y
de la ventana muestra elegimos los color que queremos y arrastramos Hasta la ventana
degradado.
2. Creamos dos Rectángulos mas finos y lo entrecruzamos las Puntas la modificamos con la
herramienta Selección Directa y en la ventana Transparencia bajamos su intensidad
Practica#1
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
3. Con la Herramienta Texto Escribimos el titulo y lo demas texto que incluirán en la portada
4. Archivo/Colocar y Colocamos nuestra Imágenes
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Etiquetas
1. Archivo/Nuevo/Orientacion horizontal.
2. Herramienta Rectángulo .Ventana Degradado
Practica#2
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
3. Herramienta texto
4. Archivo/Colocar. Colocamos la Imagen que queremos en nuestra etiqueta.
5. Luego Menú Ventana/Símbolos y Escogemos la Opciones de Símbolo/Gráficos de
flujo de Iluminación.
Opciones de
Símbolos
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
6. Escogemos la Herramienta Pluma y Dibujamos la Siguiente Forma. Luego
Herramienta Estrella dibujamos una estrella antes de soltar el clic con la tecla
direccional de arriba aumento sus puntas y Con la herramienta Selección Directa
modifico sus puntas.
7. Y terminamos de Escribir con la herramienta texto dentro de un Rectángulo blanco los
Ingredientes.
Herramienta
Pluma
Herramienta
Selección Directa
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Tarjetas de Cumpleaños
1. Archivo /Nuevo /Orientacion –Horizontal.
2. Herramienta Rectángulo .Menú/Ventana Degradado/Degradado Radial.
3. Luego Elegimos la Herramienta Roció Símbolo y de la ventana símbolo escogemos la
opción celebración
Practica#3
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
4. Damos un clic izquierdo sostenido sobre el rectángulo.
5. Dibujamos Un Rectángulo con Puntas redondeadas y Archivo/colocar. Colocamos la
Imágenes
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
6. Herramienta Texto y Escribimos los datos
Tarjeta de Presentación
1. Archivo/Nuevo / Orientacion Horizontal.
2. Dibujamos un Rectángulo y con la Herramienta pluma dibujamos este trazo y en le
colocamos un degradado lineal de azul a celeste
Practica#4
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
3. Herramienta Rectángulo Redondeado y aplicamos un Degradado lineal de celeste a blanco
4. Elegimos nuevamente la herramienta Pluma y dibujamos la siguiente forma poniendo
un degradado de azul a celeste
5. Herramienta Texto y colocamos los Datos de la persona
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Ajustar Texto a Una Forma
1. Archivo/Nuevo
2. Dibujamos dos círculos seleccionando ambos Luego ventana /Busca trazos/Dividir.Hacemos
un click derecho y Desagrupamos
Practica#5
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
3. Con la herramienta texto escribo el texto que va a ir dentro de la forma
4. Escogemos la herramienta Cuchilla y dividimos en
sectores
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
5. Seleccionamos nuestro primer texto, hacemos un clic derecho organizar atrás. Luego Menú
Objeto/Distorsión Envolvente/Crear con Objeto Superior
Texto Fusión
1. Archivo/Nuevo
Practica#6
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
2. Herramienta Texto escribimos y en el Menú Texto /Fuente elegimos una fuente con un grosor
notable
3. Luego Menú Objeto/Expandir y Nuevamente Menú Objeto Desagrupar. Hacemos clic en
Edición Copiar y Pegamos ATRÁS
4. Con las teclas bloq Mayus y Alt hacemos el
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
texto que copiamos mas pequeño.
5. Seleccionamos la primera letras C , para seleccionar ambas tendremos que tener aplastado la
tecla shift y clic en la letra mas pequeña
6. Menú objeto /Fusión/Crear. Doble clic izquierdo para entrar a la sub capa. En la primera letra
pequeña le ponemos un color y a la otra igualmente
7. Otra vez Edición/Copiar y Pegar delante
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
cambiamos el color de la letra grande para que se vea asi.
8. Luego Menú Objeto/ Trazado/Desplazamiento.
9. Ponemos las letras mas grande de un color amarillo y las pequeñas de color verde.
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
10. Para hacer este procedimiento seleccionamos las dos letras y combinaciones de letras Alt+
Ctrl+B
11. Si quedan encimadas u ocultas algunas letras con las teclas Ctrl+9 ponemos enviarlas atrás y
que se vean todas .Por ultimo seleccionamos cada letra dando doble clic –
Edición/Copiar/Pegar adelante y cambiamos el color para que de que así
Objetos 3d
1. Archivo Nuevo
Practica#7
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
2. Herramienta Pluma y dibujamos el siguiente trazo
3. Con la herramienta Elipse dibujamos 3 círculos. Una vez hecho esto seleccionamos todos los
objetos. Luego clic en el Menú Ventana/ Buscatrazos/Dividir.
4. Clic Derecho /Desagrupar y quitamos los círculos quedando así.
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
5. Ponemos un Color a nuestra forma y para eso nos dirigiremos a la paleta de colores y elegimos
un color café.
6. Luego Menu Efectos/3d/ Girar.
7. Duplicamos el objeto haciendo Ctrl+C y
Ctrl+V para pegar y en la ventana transparencia
bajamos su opacidad.
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
8. Aplicamos una Rotación en el Menú Efecto/3d/Rotar
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Practica#1
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Interpolación clásica (Jugando con colores)
1. Ingresamos una forma al escenario y en la línea de tiempo damos un clic
derecho en el fotograma aplicando la interpolación clásica podemos
insertar un fotograma clave en el 20 mover nuestra forma
2. podemos cambiarle el color eligiendo de nuestra ventana de propiedades la
siguiente opción
CLIC DERECHO
INSERTAR
FOTOGRAMA CLAVE
Practica#2
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Interpolación Clásica (Jugando con tamaños)
1. Insertarnos una forma a nuestro escenario .Le damos clic en el fotograma 20 y le insertamos un
fotograma clave
2. Movemos la forma al otro extremo y de la caja de herramienta escogemos la herramienta
transformación libre y la hacemos mas grande
Insertar fotograma
clave
Transformacion
Libre
Practica#3
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Interpolación Clásica (Aplicando Alfa)
1. Insertamos una forma en nuestro escenario
2. En el fotograma 25 damos clic derecho e insertamos un fotograma clave y movemos nuestra forma.
El alfa lo aplicamos en nuestra ventana de propiedades y su porcentaje la bajamos a 0% esto hara
que la forma desaparesca
Practica#4
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Interpolación de Forma a Imagen
1. En un archivo nuevo inserta una forma y dando clic en el primer fotograma de la línea del tiempo le
aplicamos una interpolación de forma r.
2. En el fotograma 25 damos un clic derecho e insertamos un fotograma clave , movemos la forma al
extremo que deseemos. Una ves posicionada la forma la eliminamos con la tecla Supr (suprimir}
3. Elegimos el menú
archivo y seleccionamos la opción
importar /importar a escenario
y escogemos la imagen que
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
queramos dentro de nuestro escenario
4. Una vez ya la imagen en el escenario de flash elegimos el menú Modificar opción separar(2 veces).Y
visualizamos con ctrl+Enter
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Interpolación de forma a Texto
1. Archivo/Nuevo. Ingresamos una forma a nuestro escenario
2. Clic en el primer fotograma seleccionamos interpolación de forma . En el fotograma 20
insertamos un fotograma clave y movemos nuestra forma
Practica#5
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
3. Eliminamos la forma con la tecla Supr (Suprimir) Y de la caja de herramienta escogemos
texto. Escribimos un texto
4. Menú Modificar/Separar (2 veces) y Ctrl+Enter para ver la animación.
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Interpolación de Movimiento con Capas
1. Archivo/Nuevo . ponemos un color al fondo , dando clic derecho /propiedades del documento /color
de fondo azul.
2. En la venta de línea de tiempo crearemos 6 capas para ingresar las imagen con la que vamos a
trabajar
Practica#6
Crear
capas
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
3. Para trabajar con imágenes podemos abrir illustrator para sacar algunas de ellas
4. Colocamos estas imágenes una en cada capa y aplicamos una interpolación de movimiento y
empezamos a animar.
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Dream weaver
Creación de un sitio web con todos sus respectivos ítems de un sitio web, este sitio web constara con 5
paginas adyacentes enlazadas entre si con los elementos necesarios, fondo estático tablas, botones flash,
enlaces imágenes, videos, Slidebar, imágenes de sustitución, favicon, texto, Texto Flash, marcos; cada unos
de los elementos que conformaran el diseño del sitio estarán guardados en la carpeta creada
“NOVODESING” el cual contendrán todos los elementos que conformaran la pagina. Y así la página pueda
funcionar con efectividad
PRACTICA 1
FONDO ESTATICO, CAPAS Y TEXTO FLASH
Pagina de bienvenida NOVODESING, esta pagina de bienvenida constara con el fondo estático, en dicho
fondo se creara una capa donde se colocara el mosaico de bienvenida donde contendrá un texto flash
con color de sustitución el cual dará ingreso al sitio web, dicha pagina tendrá su propio nombre en la
etiqueta de la pestaña demostrando el nombre de la pagina “BIENVENIDOS A NOVO DESING” el cual será
guardada en la carpeta del sitio antes creada.
Se crea la plantilla inicial y se le añadirá el fondo que este almacenado en l capeta de imágenes de la
pagina con nombre “FONDO” para eso en la parte inferior se da clic en propiedades y se añadirá fondo en
el cual en repetición se pondrá (no repetir)
Ahora para poner el fondo estatico se da clic en la opcion codigo para abrir la ventana de cpodigo e ingresar
el comando para fondo estatico que es el siguiente:
En la seccion del body encontraremos el background con la ruta de la imagen solo se añadira una linea de
comando antes de este siendo: ( Background:fixed; ) y asi se mantendra el fondo estatico, este mismo
procedimiento se hara para todas las paginas que conformaran el sitio web )
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
FONDO LIBRE
FONDO ESTATICO CON BACKGROUND FIXED
FONDO
MOSAICO Y TEXTO FLASH
En la parte superior en las herramientas escogemos la opción para insertar la imagen del mosaico en la
cual así mismo esta almacenada en la misma carpeta que el fondo y pondremos como descripción
bienvenida y así automáticamente se insertara el mosaico que contendrá el botón de bienvenida.
Nota: en casos de ejecutar este comando y desaparece la plantilla de fondo se tendra que hacer el mismo
procedimiento de ingresar el fondo ya que se desvinculara dependiendo de la maquina que ejecute el programa
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Capa Y Texto Flash
En la parte superior izquierda se despliega la lista de comando y se seleccionara donde nos mostrara las
opciones siguiente, las que utilizaremos dibujar capa y la creamos en el cuadro céntrico del mosaico
insertado
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Desplegaremos de nuevo la lista activando las opciones de común desplegando la opción flash y
seleccionando texto flash para insertar el texto dentro de la capa creada, una vez hecho eso al seleccionar
texto flash se aparecerá una ventana de opciones e ingresaremos los mismo valores como se lo muestra a
continuación para que quede así el texto de bienvenida de la pagina y así luego vincularla al sitio web.
PRACTICA 2
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
CREACION DE PAGINA PRINCIPALY CABECERA.
(En Esta Sección Se Mostrara El Contenido Que Ofrece El Sitio Web)
BOTONES FLASH, MARCOS, TABLAS Y TEXTOS CON SANGRIAS Y ESTILOS DE FUENTES, IMÁGENES
SUSTITUCION, SLIDERBAR
En la creación de la primera pagina habrá que tomar como referencia la primera plantilla que se muestra a
continuación (así de la misma manera habrá plantillas para las demás paginas que se crearan) en la cual se
muestra como primer ítem la creación de la cabecera y segundo la creación del contenido del sitio web a
una columna utilizando tablas. Y como final de la página el pie de página que también tendrán todas las
paginas que se crearan.
(PLANTILLA PAGINA PRINCIPAL)
CABECERA
La cabecera se lo realizara usando un marco superior el cual tendrá como fondo la imagen de a
cabecera que se encuentra en la carpeta de elementos de la pagina, en la cabecera constaran con
5 botones correspondientes de INICIO, NOTICIAS, GALERIA, NOSOTROS Y CONTACTOS, todos estos
serán creados con capas y texto flash donde serán mas tardes anexadas las paginas a estos textos;
el formato que tendrán cada texto que formaran os botones de la cabecera será la siguiente:
COLORES UTILIZADOS EN TODOS LOS
FONDOS DE LAS CAPAS Y MARCOS ASI
COMO TABLAS DEL SITIO
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
CABECERA TERMINADA EN LA PRIMERA PÁGINA
(Esta Misma Cabecera Sera Utilizada Para Los Demás Ítems De El Sitio Web)
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
CONTENIDO PRINCIPAL.
En el contenido de la pagina principal constara con un slidebar mostrando algunas imágenes que
conforman la pagina (esta estará independiente del contenido), en el contenido se mostraran resumen de
lo que ofrece la pagina así como imágenes de sustitución y textos, todo esto se lo creara con capas y tablas.
DISEÑO QUE TENDRÁ LA PÁGINA PRINCIPAL
PRACTICA 3
CREACION DE GALERIA
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
SUSTITUCION DE IMÁGENES, TABLAS TEXTO, SANGRIAS, OBJETOS FLASH (CABECERA ANEXADA)
En la pagina de la galería se utilizara un marco en la parte izquierda como se lo muestra en la plantilla
donde se determinaran los 3 ítems de las galerías que se presentaran en el contenido, estas son
MINIMALISMO, VINILOS Y RUSTICO, esto ítems contendrán imágenes de sustitución así como botones flash
los cuales estarán anexados el contenido en el centro de la pagina así abriendo el álbum, es este contenido
se mostrara el tema como una pequeña descripción para así insertar el flaspaper “ALBUM”, así mismo todo
esto será contenido por capas.
TEXTOS PARA LA DESCRIPCIONES DE LOS ALBUMES.
EL MINIMALISMO es la tendendia en diseño de iteriores especializada para usarse en ambientes de
dimenciones pequeñas, al utilizar decoraciones muchos mas ambplias y son poco detalles da el aspecto de
amplitu en un ambient al cual se lo aplique, asi mismo como el uso de tonalidades de colores clara,
predominante el color blanco que hace un buem factor en lo que es la luminidad asi como la asimilitud de
dar un aspecto amplio donde se lo ha utilizado asi sea este sitio sea pequeño.
VINILOS los vinilos es un estilop de decoracion rapida para ambiente personalizados, estos vinilos al ser
totalmente adecivos son faciles de aplicar en una pared totalmente llana dependiendo del usuario donde lo
desea , siendo facil de aplicar cualquier persona puede aplicarlo , dependiendo de la variedad de color y
tamañoasi como la ilustracion debe ser debidamente aplicado de acorde al estilo de decoracion que haya
en el lugar porque sino este vinilo adhesivo saldria totalmente de contexto en la decoracion que se ha
aplicado.
ESTILO RUSTICO deja a un lado las texturas llanas siendo totalmente rugosas pero sin dejar su elegancia ya
que con los materiales que se implementan en esta decoracion son tratado solamente con barnices para
que no pierdan su textura natura y dandole un brillo con solo sus olores naturales como la madera,tambien
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
en este estilo es predominante el acero y las piedras asi como los textiles con tonalidades terracotas y
grises.
PRACTICA 4
PAGINA DE INFORMACION DE PÁGINA
CAPAS, TABLAS, IMÁGENES, TEXTOS,
Esta pagina es la que mostrara la información de los creadores de la pagina así mismo como los servicios de
los mismos a sus visitantes, (el objetivo de este ejercicio es que el estudiante pueda redactar con sus
propias palabras el producto digital que ofrece a sus visitantes) se utilizara las imágenes, tablas, textos y
capas para poder dar el formato final del mismo que esta detallado en la vista previa a continuación.
PRACTICA 5
PAGINA DE NOTICIAS Y TENDENCIAS
(Cada Uno De Los Ítem Abrirá la pagina dentro del mismo contenido de noticias y el mismo contendrá un
botón flash para regresar a la pagina de noticias) TEBLAS TEXTOS. IMÁGENES DE SUSTITUCION MARCOS.
CONTENIDO PARA LOS ARTICULOS.
MAQUETERIA INCREIBLE: Al hablar sobre la maquetaría, existen muchas formas de elaborarlas
desde materiales tan comunes como el papel hasta el utensilio mas extraño que sea posible
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
encontrar para detallar a precisión y a escala la idea implementada que después será construida
en escala real.
En este artículo se detalla lo impresionante que puede ser la marquetería ya que hay que
enfocarse en los más mínimos detalles con medidas para que no haya ningún error al llevarlo a
escala real, sin embargo existen varias herramientas que pueden ayudar en este.
saber que una habitación entera pueda caber en la palma de tu mano, para eso hay que ser un
experto y tener años de precisión para llevar a cabo un trabajo excelente, no vale solo en cortar
los materiales y pegarlos todos, va mas allá de eso en los cuales primero se lleva a cabo el
anteproyecto del mismo, como son el plano arquitectónico, el plano decorativo así mismo como
las perspectivas y alzados, todo esto en base al concepto al cual se va a trabajar y el estilo también
involucra mucho en esto.
Al tener todos estos implementos de antemano hay que buscar en todos los lugares en los que
puedes encontrar materiales y accesorios a escala o también puedes hacerlo tu mismo para que
en si tu maqueta quede genial para que sea aceptada por tu cliente y así el proyecto que nació de
una de tus ideas sea construida.
HABITACIONES DIVERTIDAS Las habitaciones son los espacios más personales e íntimos en la casa,
después de todo sirven como un lugar de descanso y funcionan casi como un refugio para sus propietarios.
Pensando en ello, es muy importante que la organización y decoración de la habitación refleje los hábitos,
los gustos y la personalidad del dueño del espacio.
Cuando se trata de la habitación de los niños no es diferente. A pesar de que el niño no tenga definido
preferencias, es esencial que la habitación sea cómoda, transmita la sensación de seguridad del niño y
tenga referencia de las actitudes y sus gustos. No hay reglas fijas, pero pensar en los sentimientos que el
entorno va a transmitir es muy importante.
COLORES GRISES Y BRILLANTES El color gris es sobrio, elegante y muy versátil. Decorar la sala
para los muebles o las paredes en este color llevará a tu espacio una alternativa intermedia entre el negro y
blanco, ni muy oscuro ni muy claro, es un color que en sus matices más suaves puede disimular cualquier
arañazo o polvo en la pared y aunque algunas personas piensen que es un color aburrido, este color puede
ser un gran telón de fondo para decorar con otros objetos en colores audaces, relajantes y darle un aspecto
diferente a tu espacio.
Dependiendo del estilo que más te guste, el gris se puede adaptar con facilidad a cualquier esquema
decorativo, desde ecléctico hasta minimalista, todo depende de los elementos que lo acompañen. Los
diferentes matices del gris nos permiten crear esquemas monocromáticos para un estilo moderno e incluso
combinarlo con otros neutrales como el beige, muy utilizado hoy por los diseñadores. Así también, podemos
incorporar texturas grises a la sala como revestimiento de paredes en piedra o de imitación que lograrán un
encanto rústico y acogedor a la sala de estar
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
Combinar el gris y amarillo, es una tendencia que embellecerá el espacio, las chispas de amarillo alegran y
dan brillo al espacio y lograrás un gran ejemplar incluyendo cojines, flores y otros accesorios como vemos
en este diseño.
MINIMALISMO EN SU MAXIMA EXPRESION Minimalismo en su máxima esplendor El concepto
arquitectónico minimalista tiene la cualidad de poder aplicarse la decoración en cualquiera de sus áreas, es
decir, en color de pinturas, en accesorios, en muebles, en ventanas, etc. Por su versatilidad de adaptación
hoy estaremos ofreciéndote unos consejos para que lo apliques adecuadamente. Por su neutralidad en el
tono, al aplicarlo en pisos todos los muebles y accesorios que coloques en la habitación, se convertirán en
el centro de atención del ambiente, por lo que debes saber elegir el mueble adecuado, para que todo se
integre de forma natural.
El salón y el comedor dos ambientes donde el piso se destaca Con el calor de este verano, los pisos en este
color, son una opción bastante recomendable para refrescar estos ambientes públicos, para ello en el
comedor te sugerimos, mesas de madera sin pulir es decir de estilos rústicos, los cuales deberás
complementar, con un juego de texturas lisas individuales del mismo color del piso.
En la habitación social por excelencia “el salón”, lo ideal es que coloques muebles de líneas puras y simples
con apoyabrazos altos, utilizando el color negro en cojines, para que tus invitados disfruten del exquisito
contraste de colores, que el piso y los muebles irradiarán. La habitación principal, paz y amplitud para un
buen descanso Este color tiene la virtud de generar una sensación de amplitud y paz al mismo tiempo, por
lo que te sugerimos que utilices muebles de madera, en tonos claros y negros. Para obtener un ambiente
romántico y de extensión total, es recomendable que coloques edredones del mismo color, para mantener
armonía y serenidad en el ambiente. No olvides que tus cojines deben ser en tonos intensos, para que la
alcoba no se vuelva monótona y aburrida. El minimalismo en sí, es ideal para ambientes sobrios, donde se
busca algo simple y sereno, ya que su único fin es preservar los espacios a los que es aplicado. Entonces
encontramos aquí que no hay demasiados accesorios ni elementos y se hace hincapié en formar
estructuradas y bien luminosas, donde hay prevalencia de colores neutros, como el beige, el blanco, el
negro o el gris. Es un estilo moderno, simple y brinda muchas comodidades al momento de realizar la
mantención higiénica del hogar y el orden.
FACHADAS INCREIBLES Fachadas increiblilla fachada de nuestra casa alimenta la imagen urbana del
lugar donde vivimos y además, es la cara visible de nuestra forma de vida hacia la ciudad. Algunos opinan
que la fachada de una casa debería ser producto del gusto estético del vecino de la casa frente a la nuestra,
porque será él quien disfrute de la vista de nuestro frente. La fachada de cualquier construcción debe
presentar el carácter del mismo, esto nos permitirá comprender cómo funciona el edificio… ¿Es un hospital
o una casa? ¡Nuestra fachada no puede generar semejante duda! Es por ello que debemos estudiar
detenidamente qué imagen generará nuestra casa hacia la fachada. Analicemos que además, según la
ubicación de cada vivienda contaremos con más de una fachada expuesta a la calle. Si nos encontramos en
un lote entre medianeras, tendremos una fachada al frente y otra al contra frente. En cambio si nos
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
ubicamos en un lote en donde la construcción se ubica con perímetro libre, tendremos más fachadas
expuestas que determinar.
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
PRACTICA 6
PAGINA DE CONTACTO
FORMULARIOS, NUMEROS DE TELEFONOS.
En esta sección de la pagina se utilizaran lo que son los cuadros de texto y botones en la pestaña
seleccionando la pestaña d formularios en la opción de herramientas de dreamweaver esta contaran con el
diseño del formulario que se detalla en la vista previa de la pagina, para poder que tenga el estilo de la
captura esta tendrá que ser utilizada las capas ya que estas son la que van a dar el formato de encuadre a
los que son los texto y cuadros de textos. (LA CABECERA AL ESTAR YA CREADA Y GUARDADA SE LO ABRE EN
LA PAGINA EN BLANCO PREVIAMENTE CREADA UN MARCO EN BLANCO / EL PIE DE PAGINA SE LO PUEDE
COPIAR DE LA PAGINA PRINCIPAL YA QUE TODO SU CONTENIDO ESTA DENTRO DE UNA CAPA)
BARRA DE FORMULARIOS DONDE SE CREARA EL FORMULARIO UTILIZANDO CAPAS
PLANTILLA DE LA PÁGINA
PRACTICA 7
IDENTIDAD DE LA PAGINA
(favicon) Y ENLACES INTERNOS
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
(Aquí Se Anexaran Todas Las Paginas De Sitio Web En Los Botones De Cabecera Así Mismo como El Icono
De La Pagina Que Se Mostrara en La Pestaña Del Navegador Cuando Se Ejecute El Sitio Web)
ANEXANDO PÁGINAS
Esta practica es la mas fácil la cual solo se anexaran todas las paginas principales creadas como son, INICIO,
NOTICIAS, GALERIA, NOSOTROS, CONTACTOS. Previamente guardados son esos respectivos nombres en la
carpeta de raíz donde se almacenan todos los archivos multimedia de la pagina para así será solo anexadas
a la cabecera.
INTRODUCCION DE FAVICON, Y ENLACES DE LAS PÁGINAS A LA CABECERA
La introducción del favicon en todas las páginas del sitio web constara tan solo con una línea de comando
que es la siguiente que será puesta debajo del HEAD al principio
<head>
<link rel="shortcut icon" href="favicon.ico" />
Solo se tendrá que escribir esta línea hasta el href el cual en dreamweaver abrirá automáticamente la
opción de examinar el cual daremos enter para así buscar nuestro favicon que esta almacenado en la
carpeta de las imágenes esta contendrá la extensión “ .ico “ y así es como la reconoceremos.
Para cerciorarnos que este funciones cerramos la línea de código con /> , para después guardar todos los
cambios y así abrirlo en el navegador web el cual nos abrirá en la pestaña la cual estamos abriendo.
LINEA DE CODIGO ABIERTA CON EL FAVICON,
Ruta del favicon
[TUTORIAL SEGUNDO MODULO] Nº2
Lcda Ruth Reyes | Confidencial
LINEA DE CODIGO CERRADA CON EL FAVICON.
NOTA: esta linea de codigo debera ser incluida en todas las paginas creadas, solo se necesitara una linea de
codigo creada y esta puede ser copiada en las demas paginas.

Más contenido relacionado

La actualidad más candente

Manual de Corel Draw Erick Daniel
Manual de Corel Draw Erick DanielManual de Corel Draw Erick Daniel
Manual de Corel Draw Erick DanielCECYTEM
 
4 reporte mrma
4 reporte mrma4 reporte mrma
4 reporte mrmaMARIA09999
 
Crear un vector de caracteres lindo pingüino en illustrator
Crear un vector de caracteres lindo pingüino en illustratorCrear un vector de caracteres lindo pingüino en illustrator
Crear un vector de caracteres lindo pingüino en illustratorYenny-love
 
Manual De CorelDraw 12 x
Manual De CorelDraw 12 xManual De CorelDraw 12 x
Manual De CorelDraw 12 xCECYTEM
 
Tutorial paso a paso con tecnicasde correcion digital
Tutorial paso a paso con tecnicasde correcion digitalTutorial paso a paso con tecnicasde correcion digital
Tutorial paso a paso con tecnicasde correcion digitaltatiana0
 
Ficha 2 conocemos el trazo y puntos de ancla de una línea.
Ficha 2   conocemos el trazo y puntos de ancla de una línea.Ficha 2   conocemos el trazo y puntos de ancla de una línea.
Ficha 2 conocemos el trazo y puntos de ancla de una línea.Percysermu
 
Manual de Corel Draw 2
Manual de Corel Draw 2Manual de Corel Draw 2
Manual de Corel Draw 2Mariana Russo
 
Corel drawx 5 Ejercicios 1-14
Corel drawx 5 Ejercicios 1-14Corel drawx 5 Ejercicios 1-14
Corel drawx 5 Ejercicios 1-14NRBernal
 
Texturas en modelos 3D
Texturas en modelos 3DTexturas en modelos 3D
Texturas en modelos 3DKeyShot Spain
 
Utn frba consignas corel fundamentos
Utn frba consignas corel fundamentosUtn frba consignas corel fundamentos
Utn frba consignas corel fundamentosVeronica Barba
 
Ejercicios paso a paso
Ejercicios paso a pasoEjercicios paso a paso
Ejercicios paso a pasoNIkoo Triana
 
Gimp practicas guiadas tandas
Gimp practicas guiadas tandasGimp practicas guiadas tandas
Gimp practicas guiadas tandasSonia Ballesteros
 
Blender. 3D clases
Blender. 3D clasesBlender. 3D clases
Blender. 3D clasesEasywork.ec
 
Manual illustrator cs3 angela elvecio agosto 6 2011
Manual illustrator cs3 angela elvecio agosto 6 2011Manual illustrator cs3 angela elvecio agosto 6 2011
Manual illustrator cs3 angela elvecio agosto 6 2011Angela Maria Herrera Viteri
 

La actualidad más candente (20)

Manual de Corel Draw Erick Daniel
Manual de Corel Draw Erick DanielManual de Corel Draw Erick Daniel
Manual de Corel Draw Erick Daniel
 
4 reporte mrma
4 reporte mrma4 reporte mrma
4 reporte mrma
 
Paso a paso (completo)
Paso a paso (completo)Paso a paso (completo)
Paso a paso (completo)
 
Crear un vector de caracteres lindo pingüino en illustrator
Crear un vector de caracteres lindo pingüino en illustratorCrear un vector de caracteres lindo pingüino en illustrator
Crear un vector de caracteres lindo pingüino en illustrator
 
Manual De CorelDraw 12 x
Manual De CorelDraw 12 xManual De CorelDraw 12 x
Manual De CorelDraw 12 x
 
Manual
ManualManual
Manual
 
Practica 02 herramienta bezier
Practica 02   herramienta bezierPractica 02   herramienta bezier
Practica 02 herramienta bezier
 
Tutorial paso a paso con tecnicasde correcion digital
Tutorial paso a paso con tecnicasde correcion digitalTutorial paso a paso con tecnicasde correcion digital
Tutorial paso a paso con tecnicasde correcion digital
 
Ficha 2 conocemos el trazo y puntos de ancla de una línea.
Ficha 2   conocemos el trazo y puntos de ancla de una línea.Ficha 2   conocemos el trazo y puntos de ancla de una línea.
Ficha 2 conocemos el trazo y puntos de ancla de una línea.
 
Manual de Corel Draw 2
Manual de Corel Draw 2Manual de Corel Draw 2
Manual de Corel Draw 2
 
Corel drawx 5 Ejercicios 1-14
Corel drawx 5 Ejercicios 1-14Corel drawx 5 Ejercicios 1-14
Corel drawx 5 Ejercicios 1-14
 
Texturas en modelos 3D
Texturas en modelos 3DTexturas en modelos 3D
Texturas en modelos 3D
 
sketchup
sketchupsketchup
sketchup
 
Utn frba consignas corel fundamentos
Utn frba consignas corel fundamentosUtn frba consignas corel fundamentos
Utn frba consignas corel fundamentos
 
Ejercicios paso a paso
Ejercicios paso a pasoEjercicios paso a paso
Ejercicios paso a paso
 
Inkscape para 4 eso
Inkscape para 4 esoInkscape para 4 eso
Inkscape para 4 eso
 
20 1
20 120 1
20 1
 
Gimp practicas guiadas tandas
Gimp practicas guiadas tandasGimp practicas guiadas tandas
Gimp practicas guiadas tandas
 
Blender. 3D clases
Blender. 3D clasesBlender. 3D clases
Blender. 3D clases
 
Manual illustrator cs3 angela elvecio agosto 6 2011
Manual illustrator cs3 angela elvecio agosto 6 2011Manual illustrator cs3 angela elvecio agosto 6 2011
Manual illustrator cs3 angela elvecio agosto 6 2011
 

Similar a Tutorial modulo 2 nuevo

Similar a Tutorial modulo 2 nuevo (20)

Dibujos degradados
Dibujos degradadosDibujos degradados
Dibujos degradados
 
Dibujos degradados aa
Dibujos degradados aaDibujos degradados aa
Dibujos degradados aa
 
Degradados
DegradadosDegradados
Degradados
 
Photoshop
PhotoshopPhotoshop
Photoshop
 
Degradado
DegradadoDegradado
Degradado
 
Creación de gráficos
Creación de gráficosCreación de gráficos
Creación de gráficos
 
Manual ale
Manual aleManual ale
Manual ale
 
Manual de plataforma tinkercad de diseño 3d y programacion
Manual de plataforma tinkercad de diseño 3d y programacionManual de plataforma tinkercad de diseño 3d y programacion
Manual de plataforma tinkercad de diseño 3d y programacion
 
Manual 3
Manual 3Manual 3
Manual 3
 
Practica de flash
Practica de flashPractica de flash
Practica de flash
 
Practica de flash
Practica de flashPractica de flash
Practica de flash
 
Modo de dibujo combionada
Modo de dibujo combionadaModo de dibujo combionada
Modo de dibujo combionada
 
Erizo con Inkscape
Erizo con InkscapeErizo con Inkscape
Erizo con Inkscape
 
Ejercicio de logos
Ejercicio de logosEjercicio de logos
Ejercicio de logos
 
Trabajar con sketchup
Trabajar con sketchupTrabajar con sketchup
Trabajar con sketchup
 
Presentacion De Photoshop
Presentacion De PhotoshopPresentacion De Photoshop
Presentacion De Photoshop
 
Sketchup.
Sketchup.Sketchup.
Sketchup.
 
Contenido de practicas
Contenido de practicasContenido de practicas
Contenido de practicas
 
Ejercicios coreldraw
Ejercicios coreldrawEjercicios coreldraw
Ejercicios coreldraw
 
Aplicación con corel Diseño de un watch (reloj)
 Aplicación con corel Diseño de un watch (reloj) Aplicación con corel Diseño de un watch (reloj)
Aplicación con corel Diseño de un watch (reloj)
 

Último

cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuaDANNYISAACCARVAJALGA
 
Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfMaryRotonda1
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxzulyvero07
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdfgimenanahuel
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosCesarFernandez937857
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticosisabeltrejoros
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFAROJosé Luis Palma
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen
 
EXPECTATIVAS vs PERSPECTIVA en la vida.
EXPECTATIVAS vs PERSPECTIVA  en la vida.EXPECTATIVAS vs PERSPECTIVA  en la vida.
EXPECTATIVAS vs PERSPECTIVA en la vida.DaluiMonasterio
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docxGLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docxAleParedes11
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfAngélica Soledad Vega Ramírez
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arteRaquel Martín Contreras
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxjosetrinidadchavez
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSjlorentemartos
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónLourdes Feria
 

Último (20)

Repaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia GeneralRepaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia General
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahua
 
Power Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptxPower Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptx
 
Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdf
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos Básicos
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticos
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
EXPECTATIVAS vs PERSPECTIVA en la vida.
EXPECTATIVAS vs PERSPECTIVA  en la vida.EXPECTATIVAS vs PERSPECTIVA  en la vida.
EXPECTATIVAS vs PERSPECTIVA en la vida.
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
 
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docxGLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
La Trampa De La Felicidad. Russ-Harris.pdf
La Trampa De La Felicidad. Russ-Harris.pdfLa Trampa De La Felicidad. Russ-Harris.pdf
La Trampa De La Felicidad. Russ-Harris.pdf
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arte
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 

Tutorial modulo 2 nuevo

  • 1. Computer Center America Study Nº2 Tutorial segundo Modulo Corel-Photoshop-Illustrator-Flash-Dreamweaver
  • 2. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial
  • 3. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial LOLLIPOP LOGO Se abrirá un documento nuevo y lo primero se procederá a escribir la palabra LOLLIPOP con la fuente Callibi Bold usando la herramienta de texto y solo dando un click en la esa de trabajo para que así la podamos escalar a nuestro gusto. Después se procederá realizar un circulo el cual sea del mismo tamaño que las letras utilizando la herramienta elipse y Ctrl+shift sostenido para que nos sirva de guías y así proceder hacer una copia de las letras presionando la tecla mas (+). Ahora se procederá a realizar primeramente
  • 4. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial la moldura de la sombra, esta se la realizara con el texto que esta en el interior del círculo seleccionando la herramienta extruccion interactiva de la caja de herramientas Ya aplicada la herramienta y seleccionada en la parte superior se seleccionara la opción tipo de extruccion que se activa por la selección hecha y seleccionaremos una perspectiva diagonal para que cubra por completo el circulo por su perspectiva Ahora a esta sombra se le asignara n color para que se pueda diferenciar la fuente de la sombra para no tener problemas de selección después, para esto se lo seleccionará la sombra para activar la función de color y proceder a seleccionar en color uniforme.
  • 5. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Ahora procederemos a separar la extrucion de las letras para que la sombra sea totalmente independiente para esto se lo hace con click derecho y separar grupo de extruccion o solamente presionando Ctrl + K, una vez hecho este proceso se dara nuevamente click derecho y desagrupar todo y procederemos a soldar. Procederemos a dar relleno de color al circulo de fondo con un color de tonalidad Magenta, despues seleccionamos todo y aplicamos interseccion para obtenerel controno de la sombra y asi suprimir el color de rrelleno que se le asigno
  • 6. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Hemos obtenido el contorno de la sombra dentro de nuestro circulo ahora le asigaremos un color de relleno morado de la paleta de colores, ya tenido nuestrpoo relleno procederemos a colocar las letras que le hemos hecho una copia encima de nuestra sombra y se asignaremos un color blanco. Procederemos a poner el palillo al chupete y un cuadro de fondo para eso se utilizara la herramienta rectandular, ahora a esto sele asignaran colores primero el palillo se le asignara un color blanco y al cuadro de fondo se le asignada un degradado de azules utilizando la herramienta de relleno / relleno de degradados a un angulo de 90º.
  • 7. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Para finalizar solo se eliminaran todos los bordes para otrogar un contraste solo de relleno para esto seleccionaremos todo el diseño y damos click sostenido en la herramienta pluma y elegiremos inguno para obtener el resultado final.
  • 8. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial ESFERA 3D CON DEGRADADOS Y SOMBRAS. Realizar un círculo usando la herramienta elipse de 2mm x 2mm y sin bordes. Se procederá a multiplicar el circulo en 10 copias horizontales hacia la derecha en la pestaña de organiza / transformar y tamaño. En la ventana de propiedades de objeto en distancia de sentido horizontal le ubicamos la copia a una distancia de 3mm y aplicamos esta selección 10 veces hasta obtener una fila de 10 círculos. Se selecciona
  • 9. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial todos los círculos y a distancia vertical de la copia estará a 4mm hacia abajo esta se copiara así mismo 10 veces para tener una cuadricular con circunferencias. Se creara un circulo casi del mismo tamaño de la cuadricula con la herramienta elipse utilizando Ctrl+Shift para crear un circulo desde su centro. Seleccionado el circulo clic en la pestaña EFECTO / LENTE para desplegar la ventana de propiedades y asignnarle el efecto ojo de pez seleccionando la opcion congelada para que nuestro filtro se quede fijo dentro del elipse creado.
  • 10. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Realizado este efecto se movera el elipse a un costado para poder eliminar la cuadricula de fondo con la tecla Suprimir y asi solo quedarnos con el elipse con el efecto ojo de pez. Seleccionado el circulo se da click derecho y desagurpar o con la combinacion Ctrl+U. Se selecciona el circulo y se le da un rrelleno negro de un 30 % en la paleta de colores, despues una vez puesto el relleno se envia el rrelleno hacia atrás de el circulo con el efecto dando click derecho/orden/enviar detrás de la pagina
  • 11. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Una vez hecho esto se eliminara el fondo blanco que esta encima para eso solo basta seleccionar y suprimir para poder quedarnos con el dondo de negro de 30% Ahora con la herramienta relleno interactivo se procedera a apliaar un efecto de relleno en degradacion circular para dar el efecto esferico que se requiere Una vez tenido el fondo esferico se se movera a un costado para dejar solo los circulos con el efecto, para el cual se aplicara la opcion soldar para unificarlos y asi poner un color azul hielo y eliminar los bordes en el efecto y en la esfera de fondo y unificarlos nuevamente.
  • 12. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Y para finalizar se aplicaran sombras en los circulos del efecto seleccionandolos primeramente para obtener un efecto flotante, se utilizara la herramienta Sombra con la opcion planta inferior derecha y si estas estan movidas se las moveran hasta que queden debajo y se aclararan con la opcion fundido de sombra y opacidad de sombra que se activaran en la parte superior una vez aplicado el efecto . ESFERA TERMINADA CON EFECO DE DE DEGRADACION Y SOMBRAS.
  • 13. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial ANDROID LOGO Se comenzara graficando un rectangulo a cualquier escala y le regularemos las medida de 30 x 30 mm en la opcion tamaño de objeto. Y de la misma forma utilizando la herramienta melipse se graficara un circulo de 30 x 30 mm utilizando el mismo procedimiento que con el rectangulo. Se escoge la herramienta selección para desplazar y colocar el circulo en la parte superior del rectangulo ayudandonos con el punto de centro de referncia del circulo y del rectangulo para obtener un resultado asi: Luego se procedera a seleccionar el circulo para poder ubicarlo en la parte de atrás de rectangulo para eso primero se selecciona el circulo click derecho sobre el para desplegar el menu de opciones para buscar orden y escogeremos enviar atrás de la pagina.
  • 14. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Una vez hecho este procedimiento se seleccionara los dos objetos para reortarlos por igual tamaño tanto el circulo como el rectangulo y para obtener la parte principal del logo que es la estructura del cuerpo y esto se lo logragra con la opcion simplificar que se activara en la parte superior de la ventana al seleccionar ambos elementos. Teniendo los dos elementos grficados procederemos a separarlos parqa eso seleccionaremos el semi circulo con la herramienta de selección y con la tecla de direccion hacia arriba la precionaremos hasta tener la distabncia requerida. Ya teniendo el cuerpo complemetaremos redondeando las esquinas inferiores derechas seleccionaremos el cuadrado y automaticamente se activara la opcion de redondear bordes en la parte superior pero la desbloquearemos para que las esquinas se redondeen independientemente , esto se lo verificara si el bloqueo (candado) esta desactivado y asi procederemos a establecer el valor de 30 en las esquinas inferiores
  • 15. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Ahor aya tenmps complementado la estructura del cuerpo se proccederqa con le herramienta rectanulo a graficar con las siguientes medidas 1 x 5 mm y redondearemos completamente los bordes utilizando la herramienta forma en la caja de herramientas para despues realizar una copia de este. Ahora procederemos a otorgarle un angulo de inciinacion de 45° con la opcion angulo de rotacion que se activara en la parte supeior al momento que se ha seleccinado el objeto y el otro le hacemos lo mismo pero esta vez le otorgaremos un angulo de -45 para que quede volteado del lado opuesto. Ahora la ubicamos en la cabeza del robot solo usando la hgerramienta de selección dejandolo como se muestra en la ilustracion de abajo. Una ves hecho esto se seleccionara el semi circulo con llas antenas y utilizaremos la opcion soldar para pode unirlos
  • 16. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Para terminar la estructuctura del muñecho le haremos los brazos y piernas para eso utilizaremon la opcion rectangulo con las medidas de 8 x 23 mm , una vez elaborado el rectangulo redondearemos los bordes con la herramienta forma. Se le realizaran 3 copias mas para colocarlas en sus respectivos sitios, hecho esto se seleccionara todos los objetos y se aplicara la opcion soldar. Ya teniendo la estructura final solo se añadira los ojos y el color requerido del logo. Y PARA FINALIZAR SE ELIMINARAN LOS BORDES Y ASI OBTENDREMOS NUESTRO LOGO DE ANDROID.
  • 17. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial WINDOWS LOGO CON DEGRADADO DE COLOR. Para comenzar a crear nuestro logo de windows procederemos a graficar un cuadrado de 50 x 50 mm como anterioremente lo hemos hecho en los ejercicios anteriores y tambien un circulo de 72 x 72 mm utilizando la herramienta elipse. C0on la herramienta seleccion la colocaremos en la parteinfeior usando los puntos de encuadre del centro del circulo y del cuadrado Se procederaa seleccionar todos los elementos para proceder a utilizar la opcion recortar para otorgarle un visel al cuadrado de la forma del circulo para luego separar los objetos y eliminar el circulo.
  • 18. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Obteniendo el cuadrado con el corte procederemos a ahacer una copia presionando la tecla + y la ubicaremos en la parte superior del mismo para poder seleccionar todos y utilizar la herramienta recortar nuevamente y asitener la forma que reproduciremos para poder crear el logo . Ya teniendo la firgura frincipal la copiaremos 3 veces mas y la podremos en cuadriculaa para dar forma del logo Ahora ya teniendo lasm 4 formas seleccionaremos la superior e inferior que estan en el lado derecho y la rotaremos 180° para que queden totalmente invertidos .
  • 19. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Ya teniendo los 4 objetos los cuales formaran el logo le daremnos un angulo de perspectiva par que sea similar al original, eso se lo obtendra dando doble click en los objetos seleccionado para activar el modo perspectiva y asi darle un angulo de inclincaion. Ya teniendo nuestra perspectiva solo faltara colocar el circulo de fondo para agregarle los degradados de colores , graficaremos un circulo con las medidas de 1770 x 170 mm y la centraremos para ya obtener la estructura de nuestro logo de windows. Ya hemos graficado loa estrcutura de nuestro logo ahora procederemos a gregar los colores con degradados utilizando las mismas tonalidades de el original Seleccionaremos el cuadro superior izquiero y la procederemos a dar degradadpo con color rojo naranjja utilizando la herramienta relleno de degradado en la caja de herramientas.
  • 20. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Continuamos asi mismo con los demas cuadros con los demas cuadros y el circulo de fondo utilizando lel mismo procedimiento y asi obtendremos nuestro logo de windows.
  • 21. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial ADIDAS LOGO Para comenzar a crear este logo comenzaremos a graficar un circulo de 90 x 90 mm utilizando la herramienta elipse de la caja de herramienta el cual se procedera a realizar una copia del mismo presionanto la tecla mas ( + ) Una vez ya teniendo la copia las sobrepondremos para asi crear una interseccionentre las dos para luego seleccionar todos los elementos y utilizar la opcion interseccion el cual se activar en la parte superior al seleccionar los elementos y esta creala i aislara la interseccion de los dos circulos la cual utilizaremos para la crreacion del logo. Teniendo la onteseccion creada se eliminaran los circulos que creamos al principio dejando ai solo la intersecccion, ya teniendo la interseccion de esta se procedera a hacer 2 copias mas presionando la tecla mas (+) a la cual una le ototgaremos un angulo de 35° y las otra -35° para unirñla y asi realizar la estructura inicial del logo.
  • 22. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Se procedera a seleccionar los 3objhetos y se le aplicara la opcion soldar para crear un solo elemento. Se ha tenido la parte principal del logo ahora , se creara un rectangulo utilizando la herm¡ramienta rectangulo de la caja de herramientas cpon una medida de 70 x 4 mm el cua se le ahan 2 copias y se las distribuita a misma distancia para poder crear el corte que se necesita para obtener el logoubicando estas copias en la parte inferiortomando como referencia el logo original . Se procedera a seleccionar todos los elementos que se han creado y aplicarfemosla opcion recortar para que los rectangulos que estan sobre el objeto inicial creen un corte en el mismo, ya aplicando esta selección se eliminaran los rectangulo para asi tener el logo sin relleno de color.
  • 23. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Ahora teniendo la estructura del logo le asignaremos las respectivas leras para poder complementarlo, se escojera la herramienta texsto de la caja de herramienta y se da un clic para activarlo sobre el lienzo y en sus propiedades escigeremos la fuente “ Century Gothic” le asignaremos un tamaño de 30 pts y en bold para agregarle contextura y esta palabra la ubicaremos en la parte infeior de logo para despues asignale y asi terminarlo.
  • 24. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial MITSUBISHI LOGO. Se procedera a crear el logo de mitsubishi para esto utilizaremos ciertas herramientasw, comenzaremos con la hyerramienta poligono en la caja de herramientas el cual se asignaremos un valo de 4 lados al numero de lados del poligono dondeeste automaticamente creara un rombo y a este rombo se le asignara un valor de 30 x 50 mm Luego asignado este valor y creado el rombo procederemos a realizar 2 copias de la misma a las cuales le asignaremos los velores de rotacion de 60° a una y -60° a otra y estas 3 las uniremos por el mismo punto directriz creando un centro y asi el logo.
  • 25. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Ahora seleccionaremos todo y lo agruparemos utilizando la combinacion de teclas Ctrl + G para proceder a rellenarlas de color rojo y quitarle los bordes presionando el icono de la herramienta contorno en la caja de herramientas y aplicar ninguno. Ahora procederemos a clocar las letras par asi terminar nuestro logo, seleccionaremos la herramienta texsto de la caja de herramientas y le daremos un click sobre el lienzo para poder activarla y en sus propiedades en la parte superior le asignaremos el tip’o de fuente “ TechnicBold” y con un tamaño de 50 pts, ina vez ghecho esto se lo colocamnos en la parte inferior y asi terminaremos nuestro logo identico al original. . MOTOROLA LOGO.
  • 26. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Para la creacion del logo de motorola solo utilizaremos dos herrmaientas pricipales en la caja de herramientas como la herramienta poligono y la herramienta elipse, se escogera la herramienta pilogono y se le asignara un valos de 3 en la opcion de numeros de lados en la opcion de propiedades y se le asignara un valor de 13 x 23 mm. Despues se escogera la herramienta elipse de la caja de herraminetas y esta se graficara una con las dimencuiones de 11 x 26 mm para quqe esta se convierta ren un elipse ovalado casi igual conlas mismas dimenciones que el triangulo. Teniendo los dos elementos se procedera a superponer el elipse sobre el triangulo desde la mitad hacia abajo del triangulo para asi seleccionarlos y utilizar la opcuion recortar para crear un ladio de la letra M que forma el logo eliminando el elipse que se ha superponido delante del tyriangulo.
  • 27. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Ya teniendo la forma de la estructura del logo se procedea a hacer una copia del mismo presionando la tecla mas ( + ) y aplicando una simetria horizontal para invertirlo tya que vemos que uno de sus lados es mas grueso que el otro para asi unirlo por sus nodos y crear la letra M de logo de motorola. Escogeremos la herramienta elipse y crearemos un circulo con dimenciones de 40 x 40 mm y esta la cuadraremos con el nodo central de la letra M que hemos creado y asi terner la parte principal de nuestro logo.
  • 28. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Antes de finalizar le agregaremos las letras en la parte inferior de nuestro logo para eso le selecionaremos la herramienta texto y damos un click en el lienzo para activarlo y en sus propiedades escogeremos la fuente ERAS BOLD ITC con un valor de 30 pts y teniendo la fuente creadada damos doble click sobre ella para asi activar el modo perspectiva y dar una ligera inclinacion al texto. Y para finalizar nuestro logo de motorola seleccionamos todos los elemento s y le otorgamos un relleno de color CIAN y la letra M de color blanco seleccionandolo en la paleta de colores para despues quitarles los bordes en la opcion contorno en la caja de herramientas y seleccionando ninguno para asi eliminar todos los bordes y que el logo quede solamente con el relleno de color.
  • 29. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial
  • 30. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial LOGO UMBRO (HERRAMIENTA SILUETA Y DESAGRUPAR) En este ejercicio se procedera a utilizar y aprendert la herramienta silueta en la caja de herramientas el cual lo usaremos para crear el logo de umbro, primero se usara la heramienta poligono el cual se le asignara un valor de 4 para crear un rombo el cual le aignaremos u tamaño de 30 x 60 mm para despues aplicar la herramienta silueta. Ya teniendo el rombo principal precederemos a aplicarle la hereramienta siluta el cual le asignara el grupo de copias en expansion que queremos el cual son 4 en total, esta opcion s la encuentra escondida en la herramienta mezcla el cal con clic sostenido sobre ella aparecera la herramienta silueta, en sus propiedades le asignaremos el numero 3 en etapas de siluetas para asi crear las copias y la opcion fuera para que estas copias se expandan al exterior Ahora se han creado dos formas la primera que es el rombo que hemos creado al principio y la de las suluetas ahora procederemos a separalas para despues asignarles la tonalidad negra, para eso damos click con la herramienta selección sobre el objeto de las siluetas para seleccionarlas depues sobre ella damos click derecho para desplazar el menu de opciones y seleccionaremos separar grupo de siluetas y
  • 31. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial nuevamente click derecho sobre ellos y desagrupar todo para asi todos los rombos queden individualmente separados Ya tenemos separado los rombos y ahora le asignaremos tonalidades de blanco y negro en la paleta de colores comenzando con el tono negro por el rombo mas grande. Y para finalizar solo se colocara la palabra umbro en su parte inferior, se utilizara la herramienta texto y en sus propiedades seleccionaemos la fuente arial black con un tamaño de 80 pts y asi se terminara el logo utlizando la herramienta silueta.
  • 32. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial LOGO NBC . El siguiente ejercicio constara con los comando de soldar y angulo para asi posicionar y delimitar las dfiferentes pocisiones con los diferentes angulos que se lo otorgaran para crear una simetria y asi crear el logo. Primero se crearan un circulo de 30 x 30 mm con la herramienta elipse y un triangulo usaqndo la herramienta poligono con un tamaño de 30 x 50 mm. Se procedera a ubicar nuestro circulo en la parte inferior del triangulo para asi utilizar el comando soldar para formar asi una gora la cual se le haran dos copìas presionando la trecla mas (+)
  • 33. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Ahora a estos tres objetos se le otrogara un angulo de posicion para esto se seleccionara cada unop de los objetos y se le otrogara un angulos de 105° , 140° y el ultimo 353° girado verticalmente para despues unirlos por sus respectivos nodos en las puntas. A esta nueva forma creada se le hara una copia presionando la tecla mas y se girara horizontalmente para crear una simetria las cuales se uniran para otrogarles sus rellenos de colores respectivos y eliminar sus bordes. Y para finlizar nuestro logo solo le escribiremos las letras NBC las cuales se le posicionara en la parte inferior con el tipo de fuente Ebrima con un tamaño de 160 pts y bold y asi termonaremos nuestro logo..
  • 34. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial EVALUACION. PARA ESTA EVALUACION SE UTILIZARAN LAS HERRAMIENTAS RECTANGULO, POLIGONO Y ELIPSE, HERRAMIENTA FORMA , SOLDAR , CORTAR,
  • 35. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial
  • 36. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Efecto Eclipse 1. Crear un Archivo Nuevo sea de tamaño 640x480 o elegir en la opción preferencia la variante web. 2. Combinar las teclas Crtl+I para cambiar de fondo blanco a Negro 3. A continuación despliegue el menú filtro y seleccione Ruido/Añadir Ruido. Luego deberá aparecer el cuadro de dialogo y cambiamos con los siguientes valores.Cantidad:80/Uniforme/
  • 37. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 4. Seleccione del Menu Imagen/Ajustes/Niveles…En el nivel de entrada Aplique un Valor de 0,40 en la casilla de en medio como lo muestra la imagen 5. Creamos una Capa nueva /De la herramienta Marco Rectangular clic sostenido y escogemos la opción Marco Eliptico 6. Dibujamos un circulo y clic derecho /rellenar /Ctrl+d para deseleccionar Crear Capa Nueva
  • 38. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 7. Luego , aplique Menú Filtro/ Distorsionar/Rizo. Cantidad:100 y Tamaño Grande. 8. Aplique Menu Filtro/Desenfocar/Desenfoque Radial.Cantidad:12 Metodo: Giro 9. Oculte esta Capa en el ojo de la misma. Luego Cree una Capa nueva y manteniendo la tecla Ctrl presionada de un clic en la capa escondida, esto seleccionara la transparencia de esta capa. Crear Capa Nueva
  • 39. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 10. Utilizando la herramienta laso y aplastando la tecla shift .Dibujamos una forma puntiaguda un poco mas grande que el circulo y lo rellenamos de color blanco 11. A esta Capa le aplicamos el Menú Filtro/Desenfocar/Desenfoque Gaussiano…., De manera que quede así. 12. Active la capa oculta y Combinamos las dos capas haciendo u Ctrl+E.
  • 40. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 13. Escoja la herramienta Marco Elíptico y dibuje un circulo. Luego Clic Derecho /Rellenar opción Negro. 14. Aplique Menú Filtro/Desenfocar/Desenfocar Más. Luego Menú Filtro/Interpretar/Destello. 15. Aplicamos las siguientes cantidades y listo
  • 41. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Efecto Esfera 1. Creamos un nuevo lienzo de 500x500 px(pixeles). 2. Luego Nos Vamos al Menú Filtro/textura/Retazos 3. Con la Herramienta Marco Elíptico y Aplastando la tecla shift dibujamos un circulo.
  • 42. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 4. Luego Menú Filtro/Distorsionar/Esférisar y ubique en el casillero cantidad 100 %. 5. Ahora damos clic derecho /Selección Inverso/Suprimir.
  • 43. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Efecto Texto 3d 1. Crear un lienzo de 300x300. 2. Herramienta Texto y Escribimos un texto de color negro. Y ctrl + t para agrandar el texto. 3. Después rasterizamos la capa dando clic derecho sobre la capa del texto y opción rasterizar capa.
  • 44. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 4. Después Aplicamos el Menú Filtro/ Estilizar/ Relieve y ubique los siguientes valores. 5. Nuevamente Menú Filtro/Interpretar/Efectos de Iluminación y colocamos los siguientes valores. 6. Para darle mas profundidad ,presionamos : Ctrl+alt y direccional de arriba y abajo. #c6c6c6 #9f9f9f
  • 45. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Efecto de Imágenes Sobresaliente 1. Menu Archivo/Abrir y abrimos cualquier imagen. 2. Hacemos un Ctrl+J , para duplicar la capa y creamos una capa nueva. 3. Escogemos la herramienta Marco Rectangular.y dibujamos un rectángulo en la parte inferior. Crear capa nueva
  • 46. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 4. Luego Clic derecho/contornear y ponemos los siguientes valores de 12 px 5. Menú Edición/Transformar/Perspectiva. Y transformamos hasta que quede así 6. Luego creamos una mascara.
  • 47. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 7. A continuación escogemos la herramienta lazo y contorneamos solo la parte superior del rectángulo. 8. Una vez hecho esto clic derecho /Rellenar. Y Suprimir. deseleccionamos con Ctrl + D 9. Con la herramienta lazo Magnético, seleccionamos alrededor de Mascara
  • 48. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial la imagen junto con el cuadro. 10. Una vez hecho esto clic derecho/selección Inverso , elegimos la capa 2 y ocultamos la capa fondo . Por ultimo tecla Suprimir.
  • 49. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Efecto de Imagen Normal a Dibujo Carboncillo. 1. Archivo/Abrir cualquier Imagen. Duplicamos la capa con Ctrl+J 2. Menú Imagen/Invertir
  • 50. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 3. Ecogemos Menú Filtro/Desenfocar/Desenfoque Gaussiano y cambiamos la cantidad. 4. En La opción Normal de la ventana Capa damos clic y seleccionamos sobreexponer color 5. De la Ventana capa escogemos damos clic en ajuste y relleno/tono y saturación. Bajamos Tono y saturación 2,0
  • 51. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 6. Nuevamente clic en en la opción ajuste y escogemos niveles Ajuste Ajuste
  • 52. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Efecto Retoque 1. Archivo/Abrir/ Buscamos la Imagen del Rostro con Acné. 2. Duplicamos con las teclas Ctrl+J 3. Escogemos la Herramienta Parche. Seleccionamos una Parte donde no haiga
  • 53. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial imperfección y clic izquierdo sostenido y arrastramos a la parte con defectos. 4. Quedando Borrada la parte de la imperfección Antes Después Efecto Zombi 1. Archivo/Abrir. Abrimos las dos imágenes la del rostro de la chica y la del cráneo.
  • 54. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 2. Escogemos la herramienta selección y arrastramos la imagen del cráneo a la imagen de la chica. 3. De la ventana capa en la opción de opacidad bajamos su intensidad a un 50% , una vez hecho esto hacemos la combinación de teclas Ctrl+T y tiene que cuadrar el cráneo con el rostro de la chica. Enter Subimos nuevamente la opacidad a 100% 4. Creamos una Mascara y combinamos teclas Ctrl +I para ocultar la imagen de arriba 5. A continuación elijo la herramienta pincel y de mi barra de propiedades seleccionó un pincel nº24 y Mascara
  • 55. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial aumento su tamaño 82 así. 6. Doy pequeños clic alrededor de la imagen del rostro dejándola así. 7. Escogemos ahora la herramienta esponja y damos varios clic alrededor de lo capa de abajo para que no quede demasiado encimado hasta que nos quede así.
  • 56. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 8. Creamos una Capa. Y con las teclas Ctrl + agrandamos la imagen . 9. Con la herramienta Pincel y con un Color Rojo Procedemos a pintar el ojo y en la ventana Capa en la opción Normal elegimos Multiplicar Crear Capa
  • 57. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 10. Un Ctrl (-) quedando asi la foto. Dispersión de Agua 1. Abrimos la Imagen de la Manzana.
  • 58. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 2. Herramienta Varita Mágica clic Izquierdo en el fondo para selecionarlo, luego clic derecho escogemos selección inverso 3. Creamos un nuevo lienzo con estos valores. 4. Movemos con la herramienta de selección la Manzana al lienzo recién creado. Creamos una mascara y escogemos la herramienta borrador borrando la parte de debajo de la Manzana. Varita Magica
  • 59. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 5. Le Ponemos Un Tono/Saturación con las Siguientes cantidades yn aplastando la tecla Alt y Clic Izquierdo Herramienta Borrador
  • 60. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 6. Abrimos la Imagen de el Agua La volteamos yendo al Menú Imagen/Rotar lienzo 180ª y hacemos clic en la verita mágica para seleccionar el fondo luego clic derecho selección inversa. 7. Movemos esta imagen a la de Manzana Varita Magica
  • 61. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 8. Vamos al Menú Edición /Transformar/Deformar y Deformamos 9. Agregamos una Mascara a esta capa Y con el Borrador Borramos ciertas partes. 10. Le Ponemos a esta Capa También un Tono/Saturación y combinamos las teclas ALT y clic en medio de las dos capas Herramienta Borrador Tecla ALT y Click IZQ
  • 62. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Dispersión de Humo 1. Abrimos la Imagen y duplicamos su capa con Ctrl+J
  • 63. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 2. Doy clic en la Capa 1 y elegimos la herramienta laso contorneando parte de la imagen.Luego dar clic derecho opción Rellenar 3. Clic en la Capa 1 copia. Herramienta laso Magnético y Contorneamos el borde de la persona Herramienta Laso Herramienta Laso Magnético
  • 64. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 4. Clic Derecho y Escogemos la Opción Capa Via Copiar. Y Ctrj para ser una Copia de esta ultima Capa 5. Elegimos la Capa2. MENU Filtro/Licuar quedando así la imagen 6. Creamos una mascara en las dos ultimas capas y con la herramienta bote de Pintura para ocultar una de ellas
  • 65. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 7. –Escogemos La herramienta Pincel y escogemos el pincel de humo giramos activando la ventana pincel y poniendo los siguientes valores. 8. Quedando asi la Imagen.
  • 66. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Lupa Rayo X 1. Archivo/Abrir Imagen 2. Archivo Colocar y colocamos la otra imagen 3. Luego Menú Selección/Gama de Colores y damos clic en una parte blanca de la imagen. Poniendo su tolerancia a 200
  • 67. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 4. Nuevamente damos clic en el Menú Selección /Invertir y creamos una mascara. 5. Vamos a la ventana de las capa en la opción relleno - ajuste y elegimos tono/saturación dejando asi los valores. Relleno y Ajuste
  • 68. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 6. Clic nuevamente en Relleno-Ajuste y opción Niveles. 7. Luego Acoplamos la Imagen con Ctrl+E. Relleno y Ajuste
  • 69. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 8. Archivo/Colocar. Colocamos otra vez la imagen de la chica y la de la Lupa. 9. Creamos un Circulo con la herramienta Elipse y lo ponemos encima de la lente de la lupa. Y dando dando doble clic nos aparece una venta en la cual vamos a poner opacidad de relleno:0% y Cobertura: Profunda 10. Por Ultimo selecionamos las dos ultimas capas y la enlazamos
  • 70. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial
  • 71. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Portada de Revista 1. Archivo/Nuevo Dibujamos un Cuadrado del mismo tamaño de la hoja esto lo hacemos con la herramienta Rectángulo. Escogemos de la ventana Degradado un degradado de tipo Lineal y de la ventana muestra elegimos los color que queremos y arrastramos Hasta la ventana degradado. 2. Creamos dos Rectángulos mas finos y lo entrecruzamos las Puntas la modificamos con la herramienta Selección Directa y en la ventana Transparencia bajamos su intensidad Practica#1
  • 72. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 3. Con la Herramienta Texto Escribimos el titulo y lo demas texto que incluirán en la portada 4. Archivo/Colocar y Colocamos nuestra Imágenes
  • 73. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Etiquetas 1. Archivo/Nuevo/Orientacion horizontal. 2. Herramienta Rectángulo .Ventana Degradado Practica#2
  • 74. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 3. Herramienta texto 4. Archivo/Colocar. Colocamos la Imagen que queremos en nuestra etiqueta. 5. Luego Menú Ventana/Símbolos y Escogemos la Opciones de Símbolo/Gráficos de flujo de Iluminación. Opciones de Símbolos
  • 75. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 6. Escogemos la Herramienta Pluma y Dibujamos la Siguiente Forma. Luego Herramienta Estrella dibujamos una estrella antes de soltar el clic con la tecla direccional de arriba aumento sus puntas y Con la herramienta Selección Directa modifico sus puntas. 7. Y terminamos de Escribir con la herramienta texto dentro de un Rectángulo blanco los Ingredientes. Herramienta Pluma Herramienta Selección Directa
  • 76. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Tarjetas de Cumpleaños 1. Archivo /Nuevo /Orientacion –Horizontal. 2. Herramienta Rectángulo .Menú/Ventana Degradado/Degradado Radial. 3. Luego Elegimos la Herramienta Roció Símbolo y de la ventana símbolo escogemos la opción celebración Practica#3
  • 77. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 4. Damos un clic izquierdo sostenido sobre el rectángulo. 5. Dibujamos Un Rectángulo con Puntas redondeadas y Archivo/colocar. Colocamos la Imágenes
  • 78. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 6. Herramienta Texto y Escribimos los datos Tarjeta de Presentación 1. Archivo/Nuevo / Orientacion Horizontal. 2. Dibujamos un Rectángulo y con la Herramienta pluma dibujamos este trazo y en le colocamos un degradado lineal de azul a celeste Practica#4
  • 79. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 3. Herramienta Rectángulo Redondeado y aplicamos un Degradado lineal de celeste a blanco 4. Elegimos nuevamente la herramienta Pluma y dibujamos la siguiente forma poniendo un degradado de azul a celeste 5. Herramienta Texto y colocamos los Datos de la persona
  • 80. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Ajustar Texto a Una Forma 1. Archivo/Nuevo 2. Dibujamos dos círculos seleccionando ambos Luego ventana /Busca trazos/Dividir.Hacemos un click derecho y Desagrupamos Practica#5
  • 81. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 3. Con la herramienta texto escribo el texto que va a ir dentro de la forma 4. Escogemos la herramienta Cuchilla y dividimos en sectores
  • 82. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 5. Seleccionamos nuestro primer texto, hacemos un clic derecho organizar atrás. Luego Menú Objeto/Distorsión Envolvente/Crear con Objeto Superior Texto Fusión 1. Archivo/Nuevo Practica#6
  • 83. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 2. Herramienta Texto escribimos y en el Menú Texto /Fuente elegimos una fuente con un grosor notable 3. Luego Menú Objeto/Expandir y Nuevamente Menú Objeto Desagrupar. Hacemos clic en Edición Copiar y Pegamos ATRÁS 4. Con las teclas bloq Mayus y Alt hacemos el
  • 84. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial texto que copiamos mas pequeño. 5. Seleccionamos la primera letras C , para seleccionar ambas tendremos que tener aplastado la tecla shift y clic en la letra mas pequeña 6. Menú objeto /Fusión/Crear. Doble clic izquierdo para entrar a la sub capa. En la primera letra pequeña le ponemos un color y a la otra igualmente 7. Otra vez Edición/Copiar y Pegar delante
  • 85. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial cambiamos el color de la letra grande para que se vea asi. 8. Luego Menú Objeto/ Trazado/Desplazamiento. 9. Ponemos las letras mas grande de un color amarillo y las pequeñas de color verde.
  • 86. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 10. Para hacer este procedimiento seleccionamos las dos letras y combinaciones de letras Alt+ Ctrl+B 11. Si quedan encimadas u ocultas algunas letras con las teclas Ctrl+9 ponemos enviarlas atrás y que se vean todas .Por ultimo seleccionamos cada letra dando doble clic – Edición/Copiar/Pegar adelante y cambiamos el color para que de que así Objetos 3d 1. Archivo Nuevo Practica#7
  • 87. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 2. Herramienta Pluma y dibujamos el siguiente trazo 3. Con la herramienta Elipse dibujamos 3 círculos. Una vez hecho esto seleccionamos todos los objetos. Luego clic en el Menú Ventana/ Buscatrazos/Dividir. 4. Clic Derecho /Desagrupar y quitamos los círculos quedando así.
  • 88. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 5. Ponemos un Color a nuestra forma y para eso nos dirigiremos a la paleta de colores y elegimos un color café. 6. Luego Menu Efectos/3d/ Girar. 7. Duplicamos el objeto haciendo Ctrl+C y Ctrl+V para pegar y en la ventana transparencia bajamos su opacidad.
  • 89. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 8. Aplicamos una Rotación en el Menú Efecto/3d/Rotar
  • 90. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Practica#1
  • 91. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Interpolación clásica (Jugando con colores) 1. Ingresamos una forma al escenario y en la línea de tiempo damos un clic derecho en el fotograma aplicando la interpolación clásica podemos insertar un fotograma clave en el 20 mover nuestra forma 2. podemos cambiarle el color eligiendo de nuestra ventana de propiedades la siguiente opción CLIC DERECHO INSERTAR FOTOGRAMA CLAVE Practica#2
  • 92. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Interpolación Clásica (Jugando con tamaños) 1. Insertarnos una forma a nuestro escenario .Le damos clic en el fotograma 20 y le insertamos un fotograma clave 2. Movemos la forma al otro extremo y de la caja de herramienta escogemos la herramienta transformación libre y la hacemos mas grande Insertar fotograma clave Transformacion Libre Practica#3
  • 93. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Interpolación Clásica (Aplicando Alfa) 1. Insertamos una forma en nuestro escenario 2. En el fotograma 25 damos clic derecho e insertamos un fotograma clave y movemos nuestra forma. El alfa lo aplicamos en nuestra ventana de propiedades y su porcentaje la bajamos a 0% esto hara que la forma desaparesca Practica#4
  • 94. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Interpolación de Forma a Imagen 1. En un archivo nuevo inserta una forma y dando clic en el primer fotograma de la línea del tiempo le aplicamos una interpolación de forma r. 2. En el fotograma 25 damos un clic derecho e insertamos un fotograma clave , movemos la forma al extremo que deseemos. Una ves posicionada la forma la eliminamos con la tecla Supr (suprimir} 3. Elegimos el menú archivo y seleccionamos la opción importar /importar a escenario y escogemos la imagen que
  • 95. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial queramos dentro de nuestro escenario 4. Una vez ya la imagen en el escenario de flash elegimos el menú Modificar opción separar(2 veces).Y visualizamos con ctrl+Enter
  • 96. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Interpolación de forma a Texto 1. Archivo/Nuevo. Ingresamos una forma a nuestro escenario 2. Clic en el primer fotograma seleccionamos interpolación de forma . En el fotograma 20 insertamos un fotograma clave y movemos nuestra forma Practica#5
  • 97. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 3. Eliminamos la forma con la tecla Supr (Suprimir) Y de la caja de herramienta escogemos texto. Escribimos un texto 4. Menú Modificar/Separar (2 veces) y Ctrl+Enter para ver la animación.
  • 98. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Interpolación de Movimiento con Capas 1. Archivo/Nuevo . ponemos un color al fondo , dando clic derecho /propiedades del documento /color de fondo azul. 2. En la venta de línea de tiempo crearemos 6 capas para ingresar las imagen con la que vamos a trabajar Practica#6 Crear capas
  • 99. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial 3. Para trabajar con imágenes podemos abrir illustrator para sacar algunas de ellas 4. Colocamos estas imágenes una en cada capa y aplicamos una interpolación de movimiento y empezamos a animar.
  • 100. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial
  • 101. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Dream weaver Creación de un sitio web con todos sus respectivos ítems de un sitio web, este sitio web constara con 5 paginas adyacentes enlazadas entre si con los elementos necesarios, fondo estático tablas, botones flash, enlaces imágenes, videos, Slidebar, imágenes de sustitución, favicon, texto, Texto Flash, marcos; cada unos de los elementos que conformaran el diseño del sitio estarán guardados en la carpeta creada “NOVODESING” el cual contendrán todos los elementos que conformaran la pagina. Y así la página pueda funcionar con efectividad PRACTICA 1 FONDO ESTATICO, CAPAS Y TEXTO FLASH Pagina de bienvenida NOVODESING, esta pagina de bienvenida constara con el fondo estático, en dicho fondo se creara una capa donde se colocara el mosaico de bienvenida donde contendrá un texto flash con color de sustitución el cual dará ingreso al sitio web, dicha pagina tendrá su propio nombre en la etiqueta de la pestaña demostrando el nombre de la pagina “BIENVENIDOS A NOVO DESING” el cual será guardada en la carpeta del sitio antes creada. Se crea la plantilla inicial y se le añadirá el fondo que este almacenado en l capeta de imágenes de la pagina con nombre “FONDO” para eso en la parte inferior se da clic en propiedades y se añadirá fondo en el cual en repetición se pondrá (no repetir) Ahora para poner el fondo estatico se da clic en la opcion codigo para abrir la ventana de cpodigo e ingresar el comando para fondo estatico que es el siguiente: En la seccion del body encontraremos el background con la ruta de la imagen solo se añadira una linea de comando antes de este siendo: ( Background:fixed; ) y asi se mantendra el fondo estatico, este mismo procedimiento se hara para todas las paginas que conformaran el sitio web )
  • 102. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial FONDO LIBRE FONDO ESTATICO CON BACKGROUND FIXED FONDO MOSAICO Y TEXTO FLASH En la parte superior en las herramientas escogemos la opción para insertar la imagen del mosaico en la cual así mismo esta almacenada en la misma carpeta que el fondo y pondremos como descripción bienvenida y así automáticamente se insertara el mosaico que contendrá el botón de bienvenida. Nota: en casos de ejecutar este comando y desaparece la plantilla de fondo se tendra que hacer el mismo procedimiento de ingresar el fondo ya que se desvinculara dependiendo de la maquina que ejecute el programa
  • 103. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Capa Y Texto Flash En la parte superior izquierda se despliega la lista de comando y se seleccionara donde nos mostrara las opciones siguiente, las que utilizaremos dibujar capa y la creamos en el cuadro céntrico del mosaico insertado
  • 104. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Desplegaremos de nuevo la lista activando las opciones de común desplegando la opción flash y seleccionando texto flash para insertar el texto dentro de la capa creada, una vez hecho eso al seleccionar texto flash se aparecerá una ventana de opciones e ingresaremos los mismo valores como se lo muestra a continuación para que quede así el texto de bienvenida de la pagina y así luego vincularla al sitio web. PRACTICA 2
  • 105. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial CREACION DE PAGINA PRINCIPALY CABECERA. (En Esta Sección Se Mostrara El Contenido Que Ofrece El Sitio Web) BOTONES FLASH, MARCOS, TABLAS Y TEXTOS CON SANGRIAS Y ESTILOS DE FUENTES, IMÁGENES SUSTITUCION, SLIDERBAR En la creación de la primera pagina habrá que tomar como referencia la primera plantilla que se muestra a continuación (así de la misma manera habrá plantillas para las demás paginas que se crearan) en la cual se muestra como primer ítem la creación de la cabecera y segundo la creación del contenido del sitio web a una columna utilizando tablas. Y como final de la página el pie de página que también tendrán todas las paginas que se crearan. (PLANTILLA PAGINA PRINCIPAL) CABECERA La cabecera se lo realizara usando un marco superior el cual tendrá como fondo la imagen de a cabecera que se encuentra en la carpeta de elementos de la pagina, en la cabecera constaran con 5 botones correspondientes de INICIO, NOTICIAS, GALERIA, NOSOTROS Y CONTACTOS, todos estos serán creados con capas y texto flash donde serán mas tardes anexadas las paginas a estos textos; el formato que tendrán cada texto que formaran os botones de la cabecera será la siguiente: COLORES UTILIZADOS EN TODOS LOS FONDOS DE LAS CAPAS Y MARCOS ASI COMO TABLAS DEL SITIO
  • 106. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial CABECERA TERMINADA EN LA PRIMERA PÁGINA (Esta Misma Cabecera Sera Utilizada Para Los Demás Ítems De El Sitio Web)
  • 107. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial CONTENIDO PRINCIPAL. En el contenido de la pagina principal constara con un slidebar mostrando algunas imágenes que conforman la pagina (esta estará independiente del contenido), en el contenido se mostraran resumen de lo que ofrece la pagina así como imágenes de sustitución y textos, todo esto se lo creara con capas y tablas. DISEÑO QUE TENDRÁ LA PÁGINA PRINCIPAL PRACTICA 3 CREACION DE GALERIA
  • 108. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial SUSTITUCION DE IMÁGENES, TABLAS TEXTO, SANGRIAS, OBJETOS FLASH (CABECERA ANEXADA) En la pagina de la galería se utilizara un marco en la parte izquierda como se lo muestra en la plantilla donde se determinaran los 3 ítems de las galerías que se presentaran en el contenido, estas son MINIMALISMO, VINILOS Y RUSTICO, esto ítems contendrán imágenes de sustitución así como botones flash los cuales estarán anexados el contenido en el centro de la pagina así abriendo el álbum, es este contenido se mostrara el tema como una pequeña descripción para así insertar el flaspaper “ALBUM”, así mismo todo esto será contenido por capas. TEXTOS PARA LA DESCRIPCIONES DE LOS ALBUMES. EL MINIMALISMO es la tendendia en diseño de iteriores especializada para usarse en ambientes de dimenciones pequeñas, al utilizar decoraciones muchos mas ambplias y son poco detalles da el aspecto de amplitu en un ambient al cual se lo aplique, asi mismo como el uso de tonalidades de colores clara, predominante el color blanco que hace un buem factor en lo que es la luminidad asi como la asimilitud de dar un aspecto amplio donde se lo ha utilizado asi sea este sitio sea pequeño. VINILOS los vinilos es un estilop de decoracion rapida para ambiente personalizados, estos vinilos al ser totalmente adecivos son faciles de aplicar en una pared totalmente llana dependiendo del usuario donde lo desea , siendo facil de aplicar cualquier persona puede aplicarlo , dependiendo de la variedad de color y tamañoasi como la ilustracion debe ser debidamente aplicado de acorde al estilo de decoracion que haya en el lugar porque sino este vinilo adhesivo saldria totalmente de contexto en la decoracion que se ha aplicado. ESTILO RUSTICO deja a un lado las texturas llanas siendo totalmente rugosas pero sin dejar su elegancia ya que con los materiales que se implementan en esta decoracion son tratado solamente con barnices para que no pierdan su textura natura y dandole un brillo con solo sus olores naturales como la madera,tambien
  • 109. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial en este estilo es predominante el acero y las piedras asi como los textiles con tonalidades terracotas y grises. PRACTICA 4 PAGINA DE INFORMACION DE PÁGINA CAPAS, TABLAS, IMÁGENES, TEXTOS, Esta pagina es la que mostrara la información de los creadores de la pagina así mismo como los servicios de los mismos a sus visitantes, (el objetivo de este ejercicio es que el estudiante pueda redactar con sus propias palabras el producto digital que ofrece a sus visitantes) se utilizara las imágenes, tablas, textos y capas para poder dar el formato final del mismo que esta detallado en la vista previa a continuación. PRACTICA 5 PAGINA DE NOTICIAS Y TENDENCIAS (Cada Uno De Los Ítem Abrirá la pagina dentro del mismo contenido de noticias y el mismo contendrá un botón flash para regresar a la pagina de noticias) TEBLAS TEXTOS. IMÁGENES DE SUSTITUCION MARCOS. CONTENIDO PARA LOS ARTICULOS. MAQUETERIA INCREIBLE: Al hablar sobre la maquetaría, existen muchas formas de elaborarlas desde materiales tan comunes como el papel hasta el utensilio mas extraño que sea posible
  • 110. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial encontrar para detallar a precisión y a escala la idea implementada que después será construida en escala real. En este artículo se detalla lo impresionante que puede ser la marquetería ya que hay que enfocarse en los más mínimos detalles con medidas para que no haya ningún error al llevarlo a escala real, sin embargo existen varias herramientas que pueden ayudar en este. saber que una habitación entera pueda caber en la palma de tu mano, para eso hay que ser un experto y tener años de precisión para llevar a cabo un trabajo excelente, no vale solo en cortar los materiales y pegarlos todos, va mas allá de eso en los cuales primero se lleva a cabo el anteproyecto del mismo, como son el plano arquitectónico, el plano decorativo así mismo como las perspectivas y alzados, todo esto en base al concepto al cual se va a trabajar y el estilo también involucra mucho en esto. Al tener todos estos implementos de antemano hay que buscar en todos los lugares en los que puedes encontrar materiales y accesorios a escala o también puedes hacerlo tu mismo para que en si tu maqueta quede genial para que sea aceptada por tu cliente y así el proyecto que nació de una de tus ideas sea construida. HABITACIONES DIVERTIDAS Las habitaciones son los espacios más personales e íntimos en la casa, después de todo sirven como un lugar de descanso y funcionan casi como un refugio para sus propietarios. Pensando en ello, es muy importante que la organización y decoración de la habitación refleje los hábitos, los gustos y la personalidad del dueño del espacio. Cuando se trata de la habitación de los niños no es diferente. A pesar de que el niño no tenga definido preferencias, es esencial que la habitación sea cómoda, transmita la sensación de seguridad del niño y tenga referencia de las actitudes y sus gustos. No hay reglas fijas, pero pensar en los sentimientos que el entorno va a transmitir es muy importante. COLORES GRISES Y BRILLANTES El color gris es sobrio, elegante y muy versátil. Decorar la sala para los muebles o las paredes en este color llevará a tu espacio una alternativa intermedia entre el negro y blanco, ni muy oscuro ni muy claro, es un color que en sus matices más suaves puede disimular cualquier arañazo o polvo en la pared y aunque algunas personas piensen que es un color aburrido, este color puede ser un gran telón de fondo para decorar con otros objetos en colores audaces, relajantes y darle un aspecto diferente a tu espacio. Dependiendo del estilo que más te guste, el gris se puede adaptar con facilidad a cualquier esquema decorativo, desde ecléctico hasta minimalista, todo depende de los elementos que lo acompañen. Los diferentes matices del gris nos permiten crear esquemas monocromáticos para un estilo moderno e incluso combinarlo con otros neutrales como el beige, muy utilizado hoy por los diseñadores. Así también, podemos incorporar texturas grises a la sala como revestimiento de paredes en piedra o de imitación que lograrán un encanto rústico y acogedor a la sala de estar
  • 111. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial Combinar el gris y amarillo, es una tendencia que embellecerá el espacio, las chispas de amarillo alegran y dan brillo al espacio y lograrás un gran ejemplar incluyendo cojines, flores y otros accesorios como vemos en este diseño. MINIMALISMO EN SU MAXIMA EXPRESION Minimalismo en su máxima esplendor El concepto arquitectónico minimalista tiene la cualidad de poder aplicarse la decoración en cualquiera de sus áreas, es decir, en color de pinturas, en accesorios, en muebles, en ventanas, etc. Por su versatilidad de adaptación hoy estaremos ofreciéndote unos consejos para que lo apliques adecuadamente. Por su neutralidad en el tono, al aplicarlo en pisos todos los muebles y accesorios que coloques en la habitación, se convertirán en el centro de atención del ambiente, por lo que debes saber elegir el mueble adecuado, para que todo se integre de forma natural. El salón y el comedor dos ambientes donde el piso se destaca Con el calor de este verano, los pisos en este color, son una opción bastante recomendable para refrescar estos ambientes públicos, para ello en el comedor te sugerimos, mesas de madera sin pulir es decir de estilos rústicos, los cuales deberás complementar, con un juego de texturas lisas individuales del mismo color del piso. En la habitación social por excelencia “el salón”, lo ideal es que coloques muebles de líneas puras y simples con apoyabrazos altos, utilizando el color negro en cojines, para que tus invitados disfruten del exquisito contraste de colores, que el piso y los muebles irradiarán. La habitación principal, paz y amplitud para un buen descanso Este color tiene la virtud de generar una sensación de amplitud y paz al mismo tiempo, por lo que te sugerimos que utilices muebles de madera, en tonos claros y negros. Para obtener un ambiente romántico y de extensión total, es recomendable que coloques edredones del mismo color, para mantener armonía y serenidad en el ambiente. No olvides que tus cojines deben ser en tonos intensos, para que la alcoba no se vuelva monótona y aburrida. El minimalismo en sí, es ideal para ambientes sobrios, donde se busca algo simple y sereno, ya que su único fin es preservar los espacios a los que es aplicado. Entonces encontramos aquí que no hay demasiados accesorios ni elementos y se hace hincapié en formar estructuradas y bien luminosas, donde hay prevalencia de colores neutros, como el beige, el blanco, el negro o el gris. Es un estilo moderno, simple y brinda muchas comodidades al momento de realizar la mantención higiénica del hogar y el orden. FACHADAS INCREIBLES Fachadas increiblilla fachada de nuestra casa alimenta la imagen urbana del lugar donde vivimos y además, es la cara visible de nuestra forma de vida hacia la ciudad. Algunos opinan que la fachada de una casa debería ser producto del gusto estético del vecino de la casa frente a la nuestra, porque será él quien disfrute de la vista de nuestro frente. La fachada de cualquier construcción debe presentar el carácter del mismo, esto nos permitirá comprender cómo funciona el edificio… ¿Es un hospital o una casa? ¡Nuestra fachada no puede generar semejante duda! Es por ello que debemos estudiar detenidamente qué imagen generará nuestra casa hacia la fachada. Analicemos que además, según la ubicación de cada vivienda contaremos con más de una fachada expuesta a la calle. Si nos encontramos en un lote entre medianeras, tendremos una fachada al frente y otra al contra frente. En cambio si nos
  • 112. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial ubicamos en un lote en donde la construcción se ubica con perímetro libre, tendremos más fachadas expuestas que determinar.
  • 113. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial PRACTICA 6 PAGINA DE CONTACTO FORMULARIOS, NUMEROS DE TELEFONOS. En esta sección de la pagina se utilizaran lo que son los cuadros de texto y botones en la pestaña seleccionando la pestaña d formularios en la opción de herramientas de dreamweaver esta contaran con el diseño del formulario que se detalla en la vista previa de la pagina, para poder que tenga el estilo de la captura esta tendrá que ser utilizada las capas ya que estas son la que van a dar el formato de encuadre a los que son los texto y cuadros de textos. (LA CABECERA AL ESTAR YA CREADA Y GUARDADA SE LO ABRE EN LA PAGINA EN BLANCO PREVIAMENTE CREADA UN MARCO EN BLANCO / EL PIE DE PAGINA SE LO PUEDE COPIAR DE LA PAGINA PRINCIPAL YA QUE TODO SU CONTENIDO ESTA DENTRO DE UNA CAPA) BARRA DE FORMULARIOS DONDE SE CREARA EL FORMULARIO UTILIZANDO CAPAS PLANTILLA DE LA PÁGINA PRACTICA 7 IDENTIDAD DE LA PAGINA (favicon) Y ENLACES INTERNOS
  • 114. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial (Aquí Se Anexaran Todas Las Paginas De Sitio Web En Los Botones De Cabecera Así Mismo como El Icono De La Pagina Que Se Mostrara en La Pestaña Del Navegador Cuando Se Ejecute El Sitio Web) ANEXANDO PÁGINAS Esta practica es la mas fácil la cual solo se anexaran todas las paginas principales creadas como son, INICIO, NOTICIAS, GALERIA, NOSOTROS, CONTACTOS. Previamente guardados son esos respectivos nombres en la carpeta de raíz donde se almacenan todos los archivos multimedia de la pagina para así será solo anexadas a la cabecera. INTRODUCCION DE FAVICON, Y ENLACES DE LAS PÁGINAS A LA CABECERA La introducción del favicon en todas las páginas del sitio web constara tan solo con una línea de comando que es la siguiente que será puesta debajo del HEAD al principio <head> <link rel="shortcut icon" href="favicon.ico" /> Solo se tendrá que escribir esta línea hasta el href el cual en dreamweaver abrirá automáticamente la opción de examinar el cual daremos enter para así buscar nuestro favicon que esta almacenado en la carpeta de las imágenes esta contendrá la extensión “ .ico “ y así es como la reconoceremos. Para cerciorarnos que este funciones cerramos la línea de código con /> , para después guardar todos los cambios y así abrirlo en el navegador web el cual nos abrirá en la pestaña la cual estamos abriendo. LINEA DE CODIGO ABIERTA CON EL FAVICON, Ruta del favicon
  • 115. [TUTORIAL SEGUNDO MODULO] Nº2 Lcda Ruth Reyes | Confidencial LINEA DE CODIGO CERRADA CON EL FAVICON. NOTA: esta linea de codigo debera ser incluida en todas las paginas creadas, solo se necesitara una linea de codigo creada y esta puede ser copiada en las demas paginas.