Transcripciones
1. Introduccion: Si está buscando elevar sus productos digitales
y hacer que se
destaquen en los mercados en línea, entonces está en el lugar correcto Mi nombre es Ken, y soy diseñador gráfico con más de
nueve años de experiencia. Y en esta clase, te
enseñaré a crear mockups
profesionales de productos
digitales llamativos usando Adobe Illustrator
y Photoshop Pero tal vez te estés preguntando Por qué las marcas. Los Mkups
son lo primero que ven los clientes
potenciales cuando buscan
productos digitales en un sitio web, y un
mokup bien diseñado puede marcar la diferencia entre una
venta y un pasado Ya sea que esté vendiendo libros electrónicos, software o plantillas de diseño, presentar su producto de una
manera realista y
atractiva es clave para
captar la atención
e impulsar Muestra profesionalismo. En esta clase paso a paso, comenzaremos creando una plantilla base de maqueta
en adobe illustrator Que luego llevaremos a photoshop para
completar el diseño. Y para cuando terminemos, habrás aprendido
a diseñar una plantilla base desde cero
en Adobe Illustrator, cómo importar esa plantilla
base a photoshop y crear una maqueta de producto
realista Te mostraré
cómo distorsionar y encajar tu obra de arte sin problemas
en la maqueta, para darle esa perspectiva,
esa perspectiva de tres D. Te mostraré cómo vincular archivos de
Adobe Illustrator a photoshop para
actualizaciones en tiempo real y ediciones rápidas Además, te compartiré consejos y trucos
útiles para que tu trabajo fluya
mucho más rápido y más suave. Ahora bien, esta clase es perfecta
para cualquiera que cree activos digitales
descargables y quiera venderlos
o regalarlos. Al final, tendrás una maqueta totalmente editable que
podrás usar para exhibir
tus productos digitales, y ganarás
la confianza para abordar otros
proyectos de maquetas en No necesitas ninguna
experiencia previa en photoshop o Adobe Illustrator
porque esta es una guía
paso a paso de
principio a fin. Entonces, si estás listo para llevar tus
presentaciones de productos digitales
al siguiente nivel, vamos a sumergirnos en. Y a medida que empecemos, En la siguiente lección, veamos el
proyecto que vas a
construir a lo largo de la
clase. Te veré en breve.
2. Demostración de proyecto de clase: Ahora, siempre me encanta
insistir en que la mejor manera de
aprender una habilidad técnica
es trabajar en un proyecto. Y eso es lo que
vamos a hacer en esta clase. Quiero que aprendamos a construir esto trabajando
en un proyecto. Entonces aquí estamos dentro de photoshop, y quiero
mostrarte lo que
construirás para cuando
terminemos la clase. Entonces aquí hay un producto digital, y lo tendrás
al final de la clase, y también habrás
entendido cómo construirlo. Ahora, digamos que quieres
editar esto en un producto
digital diferente. Todo lo que tienes que hacer es
elegir esta cara y reemplazarla por tu cara con cualquier obra de arte con la que
quieras reemplazarla. Haré doble clic en este icono de Objeto
Inteligente, y ahora vamos
a ir al lugar donde podemos reemplazar la obra de arte. Así que vamos a
elegir tu obra de arte. Diré enlace de lugar. Y ahora navegaré hasta el lugar donde
tengo mi obra de arte. Navega hasta donde
tienes tu obra de arte. Entonces iré dentro de
elementos donde
tengo algunos ejemplos de obras de arte. Y voy a compartir todas
estas imágenes justo debajo este reproductor de video en la pestaña de
proyectos y recursos. Descárgalos si
quieres seguirlos. Entonces digamos que quiero reemplazar
esa obra de arte con esto. Simplemente haré doble
clic en eso e ingresaré. Ya puedo borrar esto. Ahora nos quedamos con esto.
Control S para guardarlo. Ahora si volvemos a
nuestra plantilla base, como puedes ver, el producto
ha cambiado el frontal. Ahora cambiemos de
lado. Ahora estaba el lado. Voy a seleccionar ese lado.
Haga doble clic en eso. Ahora estamos reemplazando al lado. Lugar de archivo vinculado. Aquí hay un lado. Entrar. Estas son algunas
otras obras de arte laterales que estaba probando. Guarde eso. Y voy a
ir a nuestra obra de arte y
ahí la tenemos. Tenemos un producto nuevo
usando la plantilla base. Entonces, como puedes ver, esta es una maqueta de producto
digital editable altamente reutilizable que puedes seguir usando Entonces básicamente, para cuando
terminemos la clase, habrás entendido cómo
construir una
maqueta de producto digital como esta Aquí hay uno donde es solo
un producto individual, y estos son tres Y
también te mostraré cómo
hacerlos productos únicos. Ahora mismo, tenemos tres productos
idénticos, pero ¿y si este producto fuera diferente de esto
y esto de esto? ¿A
lo mejor esto era verde y es un
tipo de producto diferente? ¿Cómo lo hacemos? Aprenderás todo eso a
lo largo de la clase. Y entonces, si te sientes
tan emocionada como yo, ¿qué estamos haciendo aquí? Sigamos adelante y comencemos con la Lección uno. Ver en breve.
3. Crea una plantilla base en Illustrator: A, bienvenidos a la primera lección. Ahora, como pueden
ver en mi pantalla, ya
tengo Adobe
Illustrator y Photoshop abiertos. Ahora, la primera cinta en la que
vamos a trabajar es crear una plantilla base
en Adobe Illustrator. Así que déjame cambiar a
Adobe Illustrator. Así que voy a presionar Control N para crear un nuevo proyecto o
simplemente ir a presentar nuevo. Entonces trae a colación este pop up. Iré a la web, y
elegiré HD. Eso es 1920 por 1080
píxeles de dimensión. Entonces voy a seleccionar eso.
Y aquí mismo, er modo de color, déjalo como color
RGB porque
no estás haciendo impresión. Estás preparando tu maqueta de
producto digital para compartirla en línea para que la gente vea
tus productos en una pantalla Entonces RGB, el mismo caso
se aplica a los efectos de descanso. Si estás imprimiendo,
vas con 300 PPI o 150 para pantallas 72. Pero todo esto es básico
adt ilustrado. Esta clase no se trata de básico
ilustrado. Yo sólo voy a seguir adelante y darle a
Crear, y ahí vamos. Ahora bien, esta es una página Full HD. Y lo que quiero hacer es que hay diferentes
formas de crear esto. Podemos simplemente seguir adelante y voy a
escoger la herramienta rectángulo. Y dibuja un rectángulo, tal vez hasta ese punto. Ahora, seguiré adelante y seleccionaré la
herramienta de selección directa para
permitirme seleccionar diferentes esquinas
individuales. Seleccionaré esta esquina y luego para evitar el movimiento
hacia la izquierda y hacia la derecha, para limitarla a arriba y abajo, mantendré pulsada la tecla shift y la
arrastraré hasta tal vez ese punto Seleccionaré
esta otra esquina, empezaré a arrastrar hacia arriba
y mantendremos pulsada la tecla shift. A tal vez ese punto. Creo que se ve bien. Lo seleccionaré una vez más
y manteniendo pulsado hacia fuera, notaré que el cursor del mouse está
cambiando a un doble. Eso significa que vamos
a duplicar esto. Manteniendo presionado, voy a
arrastrar manteniendo presionado el turno. Voy a impedir que se mueva hacia arriba y hacia abajo. Sigo aguantando. Ahora voy a mantener presionado el turno. Ahora es turno y fuera. Eso significa que se moverá
de izquierda a derecha en línea recta
hasta tal vez ese punto. Haga clic derecho en él transformar, reflexionar sobre la vertical
sobre la vertical. Sí, en la vertical. Bien Déjame arrastrarlo hasta ese punto porque quiero
traerlo hasta aquí. Después seleccionaré la herramienta de selección
directa. Escoge estos dos, y
arrástralos hasta ese punto. Como puedes ver el modelo base o la plantilla base ha
empezado a tomar forma. Pero antes de llegar lejos, podemos seleccionar esta esquina. Empieza a arrastrarlo hacia abajo, luego mantén pulsada la tecla shift para evitar que se
mueva de izquierda a derecha Hasta ese punto,
solo queremos reducir
esta inclinación. Queremos reducir esas pendientes. Como puedes ver, ahora tenemos una malla base para un producto
digital. Ahora, también puedes arrastrar estos dos puntos de anclaje
para que se vea estrecho. Seleccionaré a los dos, Control G para agruparlos. Usa el centro de
alineación horizontal y alinea verticalmente al centro para
alinearlo en la mesa De hecho, permítanme seleccionar la herramienta de mesa de trabajo y reducir
todo este espacio en blanco Ahí vamos. Control Zero, para mostrar toda la mesa de trabajo
para ponerla en foco Después seleccionaré la
obra de arte y ahora la
alinearé en el centro y la guardaré. Así que quiero guardar esto por dentro. Voy a guardarlo dentro de
esta carpeta llamada assets. Y voy a incluir
esta carpeta de activos debajo este reproductor de video
en la pestaña de proyectos y recursos como una carpeta ZIP, y va a contener
imágenes y mis archivos de proyecto, y puedes echarles un vistazo. También puedes usar las imágenes que he usado para completar
tu proyecto de clase. Así que vamos dentro de los activos, y quiero
llamarlo plantilla base. Pulsa enter para guardar,
ingresa de nuevo para guardar. Ahora tenemos la plantilla base. Esto no va a ser
parte del resultado final, sino que nos va a ayudar a colocar las imágenes de la
manera correcta dentro de Photoshop, y eso es lo que
vamos a hacer en la siguiente lección. Te veo corto.
4. Coloca el arte de la portada como JPG: Y bienvenidos de nuevo. Entonces, ahora que hemos creado
la plantilla base, ya
estamos listos para
usarla dentro de photoshop. Recuerden, mencioné
que esto sólo va a ser una guía. No va a ser parte
del resultado final. Todo bien. Así que minimicemos Illustrator
y abramos photoshop. Y en photoshop, voy a
ir y decir abierto. Creo que está
aquí. Plantilla base. Haga doble clic en eso y simplemente
use la configuración predeterminada, entonces. Ahí vamos. Y estoy
acercando y alejando manteniendo presionada la Alt y
usando la rueda del ratón Eso es útil para cualquiera que
sea principiante en photoshop. Entonces ahora que tenemos
la plantilla base, y va a ser nuestra guía, es momento de colocar esas caras, y comenzaremos con este lado, que es el lado frontal. Entonces iré a archivar. De hecho, déjenme decir,
digamos lugar incrustado. Los usaremos como ejemplo. Haré doble clic en esta obra de arte, y ahora está importada. Puedo seguir adelante y
hacer clic en esta garrapata o presionar Enter para colocarlo. Simplemente lo recogeré
y lo arrastraré hasta arriba para asegurarme de que
esté alineado ahí arriba, luego arrastraré esta
esquina inferior para cambiarle el tamaño No te preocupes por
la precisión en este momento. Vamos a arreglar eso
, entrar para colocarlo. Ahora con la imagen seleccionada, iré al panel de capas, y haré clic derecho y
convertiré en objeto inteligente. Eso es muy importante. Ahora que se ha convertido en
un objeto inteligente, mantendré pulsado el
control. Y seleccione. Observe que el cursor del mouse está
cambiando en el momento en que se acerca a la esquina,
manteniendo presionado el control. Ahora puedes arrastrar y colocar
esa esquina ahí mismo. Aún manteniendo pulsado el control, selecciónelo y arrástrelo hasta ese punto. Entra a cometer. Ahora ahí lo tenemos.
Sólo voy a darle a Control S para guardarlo. Queremos guardarlo dentro de
esta carpeta de activos. Y esta vez, todavía vamos a llamarla la plantilla base, pero es un archivo PSD, un archivo photoshop,
guardar guardar eso. Y así terminamos
con el frente. Así que sigamos adelante
y coloquemos el costado. Iré a archivar. Colocar incrustado. Déjame volver aquí dentro. Haga doble clic en ese lado. Lo arrastraré y
lo colocaré en algún lugar por aquí. Déjame mantener presionada t y
desplazarme para acercarla. De hecho, antes que nada, déjame golpear enter para colocarlo. Seleccione esto. Mantenga pulsado el control. Selecciónelo. Ahora arrastra esta esquina
y colócala correctamente. Golpea entrar. Seleccionaré
esto, mantén pulsado Control. Antes de hacer eso,
déjame golpear control cero. Ahora que
ya lo hemos colocado, quiero entrar aquí a la capa y
hacer clic derecho y convertirlo
en un objeto inteligente. Todo bien. Ahora, déjame
acercarme, manteniendo presionada la Alt y desplazándome
con la rueda del ratón Yo cargaré eso y
lo pondré hasta ese punto. Como puedes ver, la obra de arte
en sí tiene una línea blanca, pero eso no es un problema. Mantendré pulsado el control y arrastraré esa esquina
hasta ese punto. Pasear con la
rueda del ratón para llegar al fondo. En para desplazarse con
la rueda del ratón. Mantenga presionado el control para
elegir esta esquina. De hecho,
déjame ponerla ahí. Presiona Enter, selecciona esto, mantén presionado el control, selecciona eso. Entonces ahora sigue
manteniendo pulsado el control, arrastre y colóquelo correctamente. Entra, selecciona esta,
selecciona esta esquina. Después colócala ahí mismo, entra. En y desplazamiento. Mantenga el control.
Mantenga presionado el control, selecciónelo y luego arrástrelo
a esa esquina justo ahí. Ingresa, Control cero, y
ahora tienes tu producto, Control S para guardarlo
en la plantilla base. Ahora bien, si queremos
reemplazar el ritmo, todo lo que tenemos que hacer es
llegar a la capa, y notar aquí tenemos un pequeño icono dentro
del icono de capa. Entonces, al hacer doble clic en esto se
abrirá la fase plana, y si actualizamos esta fase, también
se actualiza en el producto digital
en la plantilla base. Entonces voy a entrar aquí. Colocar incrustado, y ahora puedo
seleccionar una obra de arte diferente. Haga doble clic en ese Enter. Déjame darle al control S para guardarlo. Ahora volviendo aquí, como pueden ver, hemos
reemplazado nuestra obra de arte. Hagamos lo mismo por el lado. Si queremos sustituir el lateral, vendré aquí,
haga doble clic en esta esquina. Archivo, Colocar incrustado. Haga doble clic en que ingrese. Control S para guardar, y ahora volviendo aquí, nuestro producto está actualizado. Entonces ahora, recuerden, mencioné
que esta capa aquí, la plantilla base que creamos
en Adobe Illustrator no
va a ser parte de la plantilla del producto
final. Y eso es porque solo
queríamos usarlo como guía sobre dónde
colocar cada rincón de
la obra de arte. Ahora que hemos marcado las caras de la maqueta de producto digital, no
necesitamos esto Entonces déjenme
revelarlos una vez más, si lo ocultamos, noten que no
hay cambio. A ahora mismo, debido a que las dos
imágenes no están adjuntas, hay una C a través del
espacio entre ellas. A que tenemos que hacer es seleccionar
una de las caras y empujarla hacia la derecha para que esté en
contacto con la otra. Control cero, puede continuar empujándolo hacia la izquierda
o hacia la derecha hasta que esté
bien posicionado. Ahora, si selecciono
la plantilla base, importamos y eliminamos, Control S. Ahora tenemos una maqueta de producto
digital totalmente editable y reutilizable Entonces, si quieres
ampliar el espacio aquí, puedes seguir adelante y
usar la herramienta de recorte para expandir la mesa de trabajo
hasta tal vez ese punto Ese punto. Vamos
también estoy manteniendo pulsado y usando la
rueda del mouse una vez más para alejar el zoom. U Sigamos
creando algo de espacio, algo de espacio para ello, y ahora controlar S. Déjame seguir
adelante y seleccionar eso. Manteniendo pulsado y arrastrando. Puedo duplicar eso. Mantenga pulsada la Alt una vez más
y ponga eso ahí mismo. Déjame seleccionar todo. Manteniendo presionado este
lado. Puedo redimensionarlo. Entra, y ahora tenemos
tres productos digitales. No están correctamente alineados. Vamos a alinearlos.
Sí, hasta ahí. Por supuesto, ahora, si
quieres cambiar estos, todo lo que tienes que hacer
es hacer doble clic en cualquiera de los
objetos inteligentes en la esquina. Archivo, Colocar incrustado. Haga doble clic en esto, ingrese, guarde. Y ahora se cambian los lados. Cambiemos también la cara. Haga doble clic en esa cara. De hecho, ya
tenemos esto aquí, así que solo esconderé esto y guardaré. Ahora, volviendo aquí, hemos actualizado nuestro producto. Entonces, básicamente, así es como
crear un producto digital. Ahora, en la siguiente lección, quiero mostrarte
cómo pude crear este tipo de
obras de arte para mis Murciélagos, porque quizás te estés
preguntando, Ken, sí, me
has mostrado cómo
crear el marcado, pero me gusta la forma en que
diseñaste tus ilustraciones de
productos digitales ¿Cómo hiciste eso? Eso quiero mostrarte en la siguiente lección.
Nos vemos en breve.
5. Coloca el arte de portada como archivo de IA: parte 1: Así que ahora es el momento de
aprender a pensar como un diseñador y crear algunas obras de arte agradables para
tu producto digital. Y así quiero
cambiar a Illustrator. Aquí estamos. Déjame cerrar esto. Ya no lo estamos usando, Control N para agregar nuevo. Yo sólo voy a ir de
hecho, déjame ir a la web. Déjame ir con esta común. Entonces crear necesitamos
cambiar la orientación. Entonces seleccionaré la Guerra del Arte
dos y cambiaré al retrato, y las dimensiones no
son las correctas. Creo que esas son
mejores proporciones. Control cero. Ahora, Control cero pone en foco a toda la
sala de arte. Entonces ahora, quiero
cambiar a pick gratis. Y aquí es donde normalmente
vengo a buscar plantillas para hacer diferentes cosas
ya que estoy trabajando en
mis proyectos de diseño. Digamos, por ejemplo, como pueden ver, ahora mismo, mi obra de arte aquí
tiene algunas mascotas. Así que solo fui aquí
y dije, mascota. Como puedes ver aquí, tenemos algunas mascotas lindas que puedes usar Descarguemos este león. Yo sólo voy a seguir adelante
y descargarla. Ahí tenemos otro equipo. También buscaré paquete de iconos. Creo que ya lo había
buscado antes. Sí, yo iré con esto. Entonces eso, y
hagámoslo también. Sigue adelante y busca cualquier tipo de
producto digital que quieras vender. Para mí, voy a estar vendiendo voy a estar
vendiendo un pack de iconos. Así que déjame ir a
donde se encuentra. Aquí estamos. Simplemente los extraeré aquí mismo para
separar carpetas. Abre esto en Illustrator. Y eso. Impresionante. Entonces parece que aquí
nos falta una fuente, pero esta fuente no es problema. No necesitamos esa fuente. Simplemente haré doble clic en
esto hasta que esté dentro del grupo porque todo
lo que necesitamos es el león. Ahora, con nuestro león
y el fondo, seleccionaré y
lo arrastraré a nuestro documento, el documental creado,
y lo pondré en la esquina superior izquierda,
redimensionaré ese fondo Voy a poner todo
en el medio. Una línea para abordar en el medio. Déjame hacer que el león sea
un poco más grande. Bien, voy a
controlar C para copiar este león y controlar el turno
V para pegarlo al frente. Voy a hacer grande
manteniendo presionado turno y t para cambiar el tamaño desde el centro, y voy a reducir la
opacidad a un 10%. Hasta algún lugar ahí. Quiero hacer click en
esto para que
no se desborde hacia
fuera de la mesa Entonces todo lo que necesito hacer
es seleccionar esta copia. Y pegarlo,
Déjame alinearlo al
centro a la mesa de trabajo Y luego mientras esté seleccionado, mantendré pulsada la tecla Mayús
y seleccionaré la obra de arte, clic
derecho dentro y
haré recorte de visón De esa manera lo estamos recortando en
el rectángulo que acabamos de duplicar Recuerda, cuando seleccionamos esto, estamos seleccionando
la máscara de recorte No estamos seleccionando
la obra de arte en sí, y por eso la
opacidad sigue siendo del 100% Si hacemos doble clic en él
y llegamos a la obra de arte, recuerda, la hicimos 10%. Hagámoslo ocho 7%. 8%. Haga doble clic en el exterior. Seleccionaré esto y
lo alinearé al centro y al centro. Control S para
guardarlo dentro de los activos, lo
guardaré como paquete de iconos de León. Todo bien. Quiero volver a elegir gratis
muy rápidamente, y aquí dentro, voy a escribir fuente o tipografía, y obtendremos alguna fuente editable
agradable que podamos usar en A ver. Déjame
ir con este jugo. Esta es solo una guía sencilla para ayudarte a saber cómo hacerlo. Descarga gratuita. Todo bien.
Vamos a buscarlo. Extracto. Vamos a abrirlo. Piensa que podríamos necesitar
descargar esa fuente. Sí, esto es Spartan MB negro. Así MB de fuente negra. Fuente D. Vamos a
descargaré a toda la familia. Descargar. Descargar. L et's extraen eso a Spartan M B, y vamos a instalar
todas estas fuentes Todo bien. Déjame
ponerlos aquí. Ahora los tenemos activados
con éxito. Déjame cerrar eso y ha cambiado a la fuente correcta. Quiero escoger esta fuente
y arrastrarla aquí. Yo
también elegiré el texto y editaré esto a L en probablemente algo así como icon pac. Cambiemos
eso a mayúsculas Color blanco, y vamos
a salir a tal vez 500. Cambiemos la fuente a
Mat Monerat un regular. Esto todavía está a la vista. Déjame reducir la
propia máscara de recorte hasta tal vez ese punto Seleccionaré estos
dos, el fondo y la máscara de recorte y golpearé
Control dos para bloquearlos. Ahora puedo seleccionarlos. Voy a seleccionar estos,
Control G para agruparlos. Después alinearlos en el centro. Control S. Muy bien. Ahora tenemos el
paquete de iconos del león y ya está listo.
6. Coloca el arte de portada como archivo de IA: parte 2: Ahora, para usarlo dentro, de hecho, permítanme también
hacer doble clic en este grupo para que
podamos acceder al texto, empujar este texto
hacia arriba. Control S. Ahora lo hemos guardado. Ahora bien, para
usar esto como nuestra obra de arte, no
necesitamos
exportarla como JPEG o imagen. Todo lo que tenemos que hacer es minimizar
esto, minimizar eso. Recuerda, photoshop
es creado por Adobe. Illustrator es creado por Adobe. Estos programas funcionan en
conjunto a la perfección, por lo que puedes importar archivos de
Illustrator. Entonces voy a ir al frente aquí y reemplazarlo por
digamos lugar vinculado. Ahora, voy a ir a los activos, Paquete de iconos de
León. Ahí vamos. Actualiza eso. Vamos a importar el recorte
al cuadro delimitador. Eso está bien. Déjame escoger esa esquina
y esa esquina. Entra, y vamos a guardar eso. Ahí vamos. Aún
no está actualizado. Control S para guardar, y ahora está actualizado. Ahora, si volvemos al interior de
Illustrator y decimos Control O, queremos crear el lado. Simplemente seleccionaré el paquete de
iconos del león, y lo pegaré. Quiero duplicarlo, y voy a llamar a este paquete de
iconos lado. Entrar. Se me olvidó etiquetar
esto como frente del yen, pero lo haremos más tarde. Ahora mismo es de lado. Y debido a que la altura ya
está bien, todo lo que tenemos que hacer es seleccionar
la herramienta de mesa de trabajo y
acotar la mesa de trabajo a algo razonable
hasta ese punto, Ahora cambiemos el tamaño de esto
a algo así. Pon esto ahí arriba. Control out y dos
desbloquearemos las capas que
bloqueamos con Control dos. Seleccionaré el fondo azul y lo redimensionaré hasta ese punto Ahora tenemos la máscara de recorte que está recortando la obra de Haré doble clic en la
máscara y la arrastraré hasta ese punto. Haga clic en el exterior. De hecho, la obra está
demasiado a la izquierda. Así que vamos a
hacer doble clic en él y luego seleccionarlo y ponerlo
en algún lugar ahí. De hecho, puedo escribir
esto tal vez como mi nombre. Señor Moneybags. Voy a cambiar
esto a Montserrat Montserrat. Negro. Lo voy a
cambiar a color blanco. Y ponlo ahí mismo. Puedes poner el nombre que quieras aquí mismo a un lado. Todo depende de ti. Ahora
volviendo a photoshop, claro,
voy a hacer
doble clic en esto. Esto ya está abierto. Déjame colocar Link esta vez. Coloque el cuadro delimitador lateral Vincular. Eso está bien. Voy a mantener pulsado
para cambiar el tamaño desde el centro Entrar. Control S para guardarlo. Ahora bien, si vuelvo a cambiar aquí, nuestro producto está
actualizado. Ahí vamos. Ahora bien, si vuelvo
a Illustrator, donde está Ilustrado, y a casa, voy a decir por Mr. Bolsas de dinero. Entonces solo voy a agregar
por Mr. Bolsas de dinero. Control S. Si vuelvo a cambiar a photoshop, notarás que se
actualizaría automáticamente porque si presiono Control
S y voy a nuestra obra de arte, automáticamente
se cambia por Mr. Moneybags. Entonces por eso lo colocamos vinculado
porque nos gustaría
poder actualizar el ritmo,
la obra de arte en Illustrator y ver esos cambios en tiempo
real en photoshop. La obra aún está vinculada
a los datos ilustrados. Ahora, tal vez se esté
preguntando por qué no
usé este paquete de iconos. Recuerda, descargué
un paquete de iconos, oh, espera, en realidad lo
abrimos. Este fue el paquete de iconos
que creamos. Aquí vamos. Pensé que
podríamos usar esto como iconos de muestra
en el arte de la portada. Si arrastre y coloco esto aquí, y baje esta obra de arte, haga que estos íconos sean mucho
más grandes, empuje esto hacia abajo. O sea, es solo volviéndose creativo y viendo qué
resultados obtendrás. Déjame solo guardar eso y ver
qué resultados vamos a tener. Simplemente haciendo clic aquí. Déjame ir al frente, como puedes ver, se está actualizando. No me gusta lo altos que están, así que déjame tirarlos hacia abajo. Interruptor de Control S aquí. Control S. Aquí adentro. Actualizada automáticamente,
Control S para guardarlo. Y ahora entrando aquí, nuestro paquete de iconos León está actualizado. Entonces, básicamente, así es
como crear un marcado de producto digital Ahora tal vez se esté preguntando, ¿y si quiero agrupar
tres productos diferentes? A lo mejor este es
rojo, esto es azul, y esto tal vez sea verde, porque ahora mismo en este momento, si notas si cambiamos esto, afecta a los tres productos. ¿Qué pasa si queremos tener
un paquete de productos único, otro paquete de productos único y otro paquete de
productos único?
7. Múltiples paquetes: parte 1: Para lograrlo,
tendrías que crear los productos individualmente y luego
organizarlos dentro de Adobe Illustrator. Permítanme solo
seleccionarlos y eliminarlos. Tomaré la herramienta de recorte
y la pondré ahí. Así es como lo haría yo. Si hay una mejor
manera de hacerlo, por momento no
me doy cuenta de
ello. Entonces Control S. ahí vamos. Entonces voy a abrir Ado
Illustrator Control N. Vamos a ir
con el valor predeterminado. O tal vez solo déjame ir
a la Web, 1920 por 1080. Y ahora permítanme solo
colocar plantilla base. Ahí vamos. Porque recuerda, este documento de photoshop
se llama plantilla base, así que lo hemos importado. Ahora bien, si lo actualizamos, si vuelvo a entrar
aquí y esconder eso y mostrar esto y guardarlo, Esto también se actualizará, y también lo hará esto porque
están vinculados Déjame guardar esto, y
ahora entrando aquí,
debería actualizarse en cualquier momento. ¿Por qué no se
actualiza Control S? Sí. Así que algunos archivos han sido
modificados en el panel de enlaces. Sí. Ahora se actualiza a sí mismo. Ahora, si quiero agregar otro
producto aquí, arrastre Alt, arrastre Alt, Control D para repetir ese último
movimiento, tonelada arrastrando Voy a seleccionar esta,
la central, ir al link,
re link, selecciono esta copia, pegarla, re link a eso. Y ahora todavía se ve igual porque esto es sólo
una copia de esto. Pero ahora si hacemos cambios a esto en photoshop,
será único. Déjame cambiar a
photoshop porque ahora esta es su propia obra de arte
única. Si bien esto todavía
está seleccionado, diré editar en photoshop. Y si hago doble clic en la cara y escondo esto y
lo devuelvo y controlo a S. Volviendo aquí Ahora tenemos esa cara. Déjame hacer doble clic en
el lateral también. Déjame esconder eso y guardar. Creo que tenemos que volver
aquí y controlar S, digamos el
archivo principal. Ahora regresando. Ahora eso es rojo. Por supuesto, estas alturas ya conoces el simulacro, yendo al tercero,
iré a volver a vincularlo Y voy a seleccionar esta
plantilla de pegar copiar y pegar. Y ahora tenemos un tercer ejemplar. Voy a hacer doble clic en eso, y ahora es una copia única,
edita en photoshop. Y claro, ahora ya
conoces el simulacro. Ahora, una cosa que debes
saber es antes empezar a editar esto o después cerrar esto en
Adobe Illustrator, déjame antes que nada, guarda eso. Déjame guardarlo como muestra. Ahora, ahora se guarda como muestra. Si la cierro y voy a esa
carpeta. Aquí tenemos muestra. Ahora, recuerden, no podemos trabajar con tener este
tipo de nombres, así que podemos darle a este un nombre
más apropiado. A lo mejor este es el haz de trampas. A lo mejor este es el paquete
Hip Hip Hop. Cualquiera de estos puede ser una plantilla que siempre podemos reutilizar
porque todo lo que necesitas
hacer es entrar en photoshop
y cambiar las caras. Entonces, si quieres reutilizarlo, cualquiera de ellos puede ser
tu plantilla base. Entonces podemos renombrarle este
al paquete de iconos Lion icon
pack, Lion icon Pack. Ahora bien, cuando abramos muestra, dirá
que faltan algunos de los
archivos que usamos, y es porque no
puede encontrar los archivos
por el nombre por el que los importamos. hemos cambiado. Así que reemplace. Y ahora digamos ¿
qué paquete de trampas? L et's también paquete de hip hop. Y el último
Icono de León. Ahí vamos. Entonces, básicamente, así es
como crear una maqueta de producto digital Y como puedes ver,
es muy versátil, puedes usar este
método para crear incluso una pila de productos
digitales. Y antes de que te vayas, tengo
algunas reflexiones finales. Próximos pasos e ideas que me
gustaría compartir con ustedes
en la siguiente lección. Entonces te veré en breve.
8. Múltiples paquetes: parte 2: Ahora, acabo de
pasar por las lecciones para ver si me perdí algo, y me he dado cuenta de que hay dos cosas de las que me olvidé
hablar. Entonces aquí mismo, esta es la
plantilla base original en la que trabajamos. Entonces si acabo de deshacer, ahora tenemos estos
tres productos. Una cosa que notarás
aquí es que no es fácil decir que
se trata de tres productos porque ninguno de ellos
está proyectando sombra. Necesitamos agregar alguna sombra
paralela para separar este frontal de
esto y esto de esto. Entonces, ¿cómo se hace eso?
Voy a seleccionar este lado. Y voy a ir a
efectos, sombra paralela, o simplemente puedo hacer doble clic
aquí mismo en cualquier parte de aquí, eso sacará a colación
el estilo de capa. Voy a ir aquí a dejar sombra, activar eso, y
ya
notarás que la sombra está apareciendo. Pero si hago clic en eso, abriremos las opciones de sombra
paralela y podremos
jugar con ellas. Por ejemplo, la dirección, quiero que la sombra
esté de este lado. Así. Esta es la vista previa. Yo quiero tal vez ese lugar. Estoy evitando esto. ¿Qué pasa eso? Sí, algo así. También queremos cambiar el modo de
fusión a algunos multiplicar. Vamos a probar eso. Multiplicar,
podemos cambiar el color tal vez, que
sea un poco. Y creo que está bien. Entonces haciendo clic afuera. Seleccionaré esto
y haré lo mismo. Solo puedo venir directamente
aquí y hacer clic en sombra paralela, y aplicará la última
configuración que apliquemos. Como pueden ver, si hago clic en Bien, ahora es fácil distinguir entre estos tres productos. Control S. Ahora, otra forma distinguirlos es entrando dentro de tu obra de arte
real. Vamos a entrar aquí. Esto es. Aquí, podemos agregar
una textura de degradado. Con ese rectángulo,
alineado en el centro. Voy a ir a los ajustes de
degradado, seleccionarlo para darle un degradado. Voy a revertir eso, tirar esto a ese lado
y a ese lado. Y ahora cambia el modo de mezcla. Vayamos aquí a la aparición. No, vamos a la transparencia. Modo de mezcla multiplicar. Ahora está demasiado oscuro.
Podemos Podemos hacerlo 35%. También podemos dejarme
decir que Control S. Si aumentamos esto,
hagámoslo tan oscuro como eso. Control S. Ahora,
cambiemos a photoshop. Haga doble clic en eso. No.
¿Dónde está el frente? Déjame colocar link. Paquete de iconos de León. Sí, seleccionemos un paquete de
iconos Lon. Cambiar el tamaño de eso Entra a colocar Control
S. Ahí vamos. Ahora volviendo aquí, como pueden ver,
tenemos esta sombra. Ahora incluso si nos deshacemos de
los efectos de sombra paralela, Recuerda que agregamos este efecto. Si voy a este efecto, haz
doble clic en eso y elimínalo. Lo hemos eliminado, pero
aún se puede distinguir
entre este producto y este producto porque la luz viene
de este lado, golpeando el costado, y provocando
una sombra en el frente. Sigamos adelante y
también digamos bien. Ahora no voy a seguir adelante
y quitar eso. Solo quería
mostrarte cómo hacer esto,
cómo hacer que cada producto
digital individual destaque.
9. Organización de tus archivos: Ahora bien, lo siguiente de lo
que quería que
habláramos es de organización. Por ejemplo, para esta manada
de leones , se supone que la plantilla frontal, lateral y base que
vas a usar están en una carpeta. Entonces voy a ir. Déjame antes que nada, cerrar esto, cerrar
todo. Abierto. Yo, déjame cerrar eso. Déjame abrir Illustrator
y cerrar todo. No guarde ninguno de estos. No, no digas. Ahora bien, si saco mi explorador de archivos, aquí estamos. Aquí está la manada de leones, y aquí está la
plantilla base que utilizó. Se supone que debemos crear nuevos. Paquete de iconos Lon. Paquete de iconos de León, así que llevaré el lateral, la obra de arte frontal y
la plantilla base. Estas son plantillas base
para otros proyectos. Estos fueron ejemplos con los
que estábamos trabajando. Ahora, si quiero crear un producto digital
completamente nuevo, todo lo que tengo que hacer es venir aquí, la plantilla base,
Crear una nueva carpeta, llamarlo el siguiente nombre. Paquete de brochas cepilladas. Qué clase de nombre es ese. Pero supongamos que estoy vendiendo paquetes de pinceles de
photoshop. Quiero empaquetarlos como
un paquete de productos digitales. Ingresa, ingresa, pega eso
en su plantilla base. Ahora en esta carpeta, aquí es donde voy a crear un nuevo archivo de adobe
illustrator para el frente para el lateral. Después abriré
la plantilla base. Photoshop siempre. Muy bien, esta es la
equivocada. Esto lo cambiamos. Pero espero que te den el simulacro. Utiliza la plantilla base. Esta puede ser tu
plantilla base de tres, o puedes tener una plantilla
base de solo dos
plantilla base de solo una. Lo más importante
es que
sepas trabajar con
el Mk up mismo, y ahora sabes editarlo. Ahora, antes de que te vayas,
como te
mencioné, tengo unos próximos pasos e
ideas más que me gustaría compartir
contigo en la lección final, así que no vayas a ningún lado.
Nos vemos en breve.
10. Próximos pasos: Enhorabuena por
completar la clase. A estas alturas, deberías tener un marcado de producto
digital totalmente editable y reutilizable, junto con las habilidades para crear variaciones
más creativas del Ahora puedes empaquetar y presentar tus
activos digitales descargables como un profesional Es hora de poner
esas habilidades a trabajar y empezar a ganar dinero en línea. Pero antes de que te vayas, no olvides presentar
tu proyecto de clase. Nos encanta ver la creatividad de nuestra comunidad compartiendo ideas
y compartiendo comentarios. Así que por favor sube una imagen o captura de pantalla de tu
marcado una vez que hayas terminado Hágalo único, agregue
su propio toque y no dude en buscar otros ejemplos para inspirarse. Y una vez que hayas terminado, simplemente dirígete a la
pestaña de
proyectos y recursos debajo del reproductor de video y sigue los sencillos pasos
para subir tu trabajo. Y por último, si encontraste valiosa
esta clase, me encantaría escuchar tus comentarios. Las reseñas son una gran parte de la
comunidad Skillshare porque
ayudan a otros estudiantes a descubrir clases
increíbles
que deberían tomar Entonces, si tienes un momento, por favor deja una reseña debajo la pestaña de reseñas
debajo de este video. Avísame si la clase
cumplió con tus expectativas, qué te gustó y qué
cosas geniales aprendiste. Una vez más, quiero
agradecerles
mucho por
acompañarme en esta clase, y espero con ansias ver tu proyecto hasta la próxima vez, mantente creativo, mantente
increíble. Paz.
Ken Mbesa, Web Designer | 3D Artist
