Transcripciones
1. Introducción al curso: Crear una fuerte presencia en redes
sociales es un aspecto increíblemente
importante de los negocios creativos en la actualidad. Si eres dueño de un
negocio creativo o tienes algún tipo de presencia en redes
sociales online, entonces sabes lo
importante que puede ser tener gráficos hermosos, fuertes y claros para
establecerte en redes sociales medios de comunicación. Lo que hace las cosas un poco
más difíciles es que cada plataforma tiene
sus propias reglas cuanto al tamaño que deben tener sus
gráficos. El default de Instagram a cuadrado, pero también tienen
Instagram Stories, que es alto y a Facebook
le encantan las imágenes horizontales y los
gráficos de Pinterest funcionarán mejor si son
más altos de lo que son anchos. La forma más fácil que he encontrado para
mantenerme al día con todo es
básicamente crear plantillas para cada
plataforma y usar esas plantillas para
ayudarme a plan-out temas de publicación, temas de
color y contenido. En la clase de este mes, te
voy a mostrar el
proceso que utilizo para crear plantillas de publicaciones en redes
sociales y Affinity Designer
justo en tu iPad. Hola a todos. Si esta es
tu primera clase conmigo, bienvenido, y si eres estudiante que regresa,
bienvenido de nuevo. Yo soy Jen y te estaré guiando a través de
este curso creativo. Soy
diseñadora gráfica, ilustradora,
y educadora freelance con sede en el Medio Oeste y una carrera Bella
y Sophia Creative Studio. Si quieres conocer
más sobre mí, puedes visitarme online en www.bellasofiastudio.com
y
también puedes consultar mi
canal de YouTube, “The Freelance Life”. Ahí obtendrás una
vista detrás de bambalinas del trabajo que
hago como
freelancer creativo y educador, así
como acceso a
una enorme biblioteca de tutoriales gratuitos
adicionales
relacionados con diseño artístico e ilustración. Soy un gran defensor de compartir conocimientos y
formas accesibles y encontré que cursos
en línea y lugares como YouTube son realmente geniales
para esto y
me ayudaron a conectarme con un grupo
realmente diverso de personas que buscan
aprender y crecer. Entonces, ¿de qué se
trata esta clase y qué
vas a aprender? En la clase de hoy,
vamos a estar aprendiendo sobre el diseño final de plantillas de redes
sociales en Affinity Designer en nuestro iPad
que podemos usar una y
otra vez para planificar y organizar
nuestro contenido de redes sociales. Para este curso en particular, nos estaremos enfocando en diseñar publicaciones de
Instagram
en formato cuadrado, pero puedes actualizar el
tamaño para que se ajuste a tus necesidades. Para algunos de ustedes sin
embargo, podría tener sentido crear varias plantillas de redes
sociales diferentes para cada tipo de publicación
que publiques. Antes de saltar a los aspectos técnicos de trabajar en la app para iPad de Affinity
Designer, repasaremos los
consejos de diseño que ayudarán a tu post
sea fuerte y mantengas
tu proceso agilizado. Entonces nos vamos a meter en la creación en Affinity Designer. Vamos a repasar la configuración tus archivos, la creación de pautas, la importancia de
trabajar en capas, y las diferentes herramientas que están disponibles en el
software para que puedas usar. Entonces, cuando se trata de la clase, las herramientas que
necesitarás son un iPad con un lápiz de Apple y la app
Affinity Designer. Puedes descargarlo en
Affinity.serif.com. Para el proyecto de clase, vamos a estar
creando una serie de publicaciones de Instagram en
Affinity Designer. Puedes ajustarte a tus necesidades pero por la facilidad de
uso en la clase, vamos a crear un conjunto
de tres posts de Instagram en formato
cuadrado que se pueden utilizar como plantillas
para futuros trabajos. El post se va
a desglosar en el siguiente formato, el primer post
incluirá un post básico, el segundo será un post de trabajo
destacado, y el tercero será
en gráfico de tres diapositivas que es como un post
informativo relativo a ti o a tu trabajo. Cuando termines
con tus publicaciones, puedes exportarlas como archivos
JPEG y
cargarlos en Instagram, y compartir captura
de pantalla de tu perfil como
tu proyecto de clase para la galería de proyectos del
curso. Pero si prefieres no compartir tu página de redes sociales,
está totalmente bien. También puedes tomar
solo un screencap de tu
pantalla de Affinity Designer ya que estás trabajando cuando finalices
todas tus publicaciones. Eso se puede compartir a la galería de proyectos del
curso también. Estoy realmente emocionado de crear algo genial contigo hoy. Empecemos.
2. Consejos de diseño de diseño: Antes de empezar a crear tus plantillas de
redes sociales en Affinity Designer, primero
debes diseñar
el diseño general
de tus imágenes. Básicamente, me gusta simplemente mockup mi post ya que
los creo en la app. Esto solo ayuda para
que pueda ver qué funciona mejor juntos
ya que se publican. Lo que es bonito es que
puedes moverte por
tus mesas de trabajo muy
fácilmente haciendo clic en ellas y arrastrándolas hasta donde
te gustaría que estuvieran en el espacio de trabajo usando
tu lápiz Apple. Tus gráficos necesitan ser
diseñados de una manera que pueda acomodar diferentes
informaciones, fotos e impuestos, vez que aún tienen
elementos de diseño realmente
interesantes que también sean cohesivos y transportados
entre gráfico y justo en absoluto,
exhibe tu marca. El clave para esto es equilibrar
tus elementos creativos que a menudo cambian con los elementos que siempre
son iguales,
como el branding dentro de tu plantilla de redes
sociales. Estas son algunas cosas que
debes tener en cuenta al crear tu
plantilla de redes sociales en Affinity Designer. Mantenlos simples, porque estos gráficos
necesitan ser versátiles, me gusta mantenerlos simples. Pero sólo porque
algo sea simple, no significa que
no esté bien diseñado, o que no
empaca un ponche creativo. Apégate solo a un par
de elementos de diseño, y usa esos de manera consistente a
lo largo de tus publicaciones, ya sean colores,
gráficos o elementos de línea. A continuación, utilice los colores de su marca. Para mantener cada pose
fresca y actualizada, intenta apegarte a los colores de
tu marca. la mayoría de las empresas o marcas
les gusta usar de uno a dos colores, o a veces dos o tres. Puedes utilizar estos colores dentro de tus gráficos
y luego puedes rotarlos cada vez que creas un nuevo gráfico de redes
sociales. Esta es una
manera realmente genial de mantener todo simple al mismo tiempo que permite
espacio para crear variedad. A continuación, siempre sugiero incluir un pequeño elemento
de marca. Esto ayuda a garantizar que
su contenido que se vuelve a compartir ayude a construir
un reconocimiento de marca. Asegúrate de que el gráfico sea
específico para ti y tu marca. Se puede incluir un pequeño logotipo, una sub marca, un icono, nombre
comercial o una URL del sitio web. Todo esto ayuda a crear
consistencia dentro de tu trabajo de diseño, y el reconocimiento de marca a
tus canales de redes sociales. A continuación, sugiero rotar
sus fondos. Ayuda a crear interés
visual si tus
plantillas de redes sociales hacen uso tanto de un fondo de imagen como
de un fondo de color sólido. Esta es otra forma de mantener el diseño general
consistente al mismo tiempo que
hace que cada gráfico sea interesante y diferente el uno del otro. Lo siguiente que sugeriría
es usar fuentes consistentes. Las fuentes que estás usando para tus gráficos de redes sociales deben ser las mismas fuentes que
usas para tu branding. Siempre me gusta apegarme a no más de dos o tres fuentes. Deben mantenerse consistentes a
lo largo de cada gráfico y en el
diseño general de su diseño. Esto mantiene el diseño efectivo, eficiente, y realmente ayuda
a aumentar el reconocimiento de marca. Esto también ayuda a mantener tus
gráficos con un aspecto cohesivo. También sugiero utilizar
guías y rejillas. Tener guías configuradas
en tu espacio de trabajo realmente ayuda con el proceso de
diseño en general. algunas guías que utilizo
incluyen cosas como
cuadros delimitadores que necesito
mantener mi texto dentro de, pautas donde sé que tendrán que estar los
impuestos, o para imágenes, marcadores de posición, y gráficos para
elementos como logotipos o flechas para recordarle a las personas que
deslicen a través al visualizarlas. Esencialmente, si
hay ciertas áreas en las que necesitas un elemento
para permanecer dentro, querrás configurar algunas
guías dentro de tu diseño. Eso es todo para consejos a tener
en cuenta a la hora de diseñar. Vamos a saltar a crear
realmente dentro de la aplicación Affinity
Designer en nuestro iPad.
3. Configuración de tu archivo: Lo que queremos hacer es
simplemente saltar a la derecha en Affinity Designer haciendo clic derecho
en la app de tu iPad. Se va a lanzar la interfaz de
Affinity Designer y vamos a
configurar un nuevo archivo. Puede que tengas cosas ya
en esta vista de galería, o si nunca antes has
usado la app, puede que no haya nada ahí dentro, o puede que use esto
mucho para trabajar, así que tengo proyectos pasados. En la esquina superior derecha, vamos a golpear el
signo más y
vamos a montar un nuevo documento. vamos a seleccionar esta
primera pequeña opción, dice nuevo documento. Entonces lo que queremos hacer es
configurar un archivo que sea de 2,000 pixels por 2,000
pixels a 300 DPI. Lo que vamos a querer hacer es actualizar nuestras mediciones desde puntos, y luego vamos a
desplazarnos hacia abajo a píxeles, y luego
vamos a tocar donde dice dimensiones aquí. Entonces vamos a seleccionar el ancho y lo
vamos a actualizar a 2,000. Entonces vamos a tocar
la altura y hacer lo
mismo y
actualizarlo a 2,000. Entonces voy a
cambiar mi DPI a 300, sólo porque me gusta tener un tamaño de archivo más grande porque apps como Instagram sí tienden a
presionar tus archivos. A continuación, lo que queremos hacer es
bajar a estas
opciones de fondo aquí, queremos seleccionar, crear Mesa de trabajo porque
vamos a utilizar las funciones de Mesa de trabajo
en nuestra configuración de archivos. Entonces puedes pegarle Ok.
4. Diseñar tu plantilla: parte 1: Ahora bien, así es como luce tu expediente. Tendrás tu primera mesa de trabajo. Antes de hacer algo con esto, montemos el resto
de nuestras mesas de trabajo. En nuestro proyecto,
vamos a hacer tres diapositivas. Una sólo va a
ser una diapositiva básica, la segunda va a
ser otra diapositiva básica, y la tercera aunque
va a ser una de esas diapositivas por las que
realmente se puede deslizar. Vamos a tener tres
diapositivas en total para eso. Lo que tendremos que hacer es
entonces armar seis mesas de trabajo. Para ello, con tu
mesa de trabajo seleccionada, verás que está
delineada en azul. Es así como sabes
que está seleccionado. Vamos a querer entrar en
nuestro menú Documento. Es esa pequeña página
con un rincón de orejas de perrito. Vas a desplazarte hacia abajo a mesas de trabajo y luego
verás este pequeño
pop-up en la parte inferior. Lo que quieres seleccionar para tu preset es solo documento, lo
que básicamente significa que va a duplicar cualquiera que sean tus dimensiones de
documento actuales, y luego vas a
seleccionar insertar mesa de trabajo. Vas a hacer
esto seis veces. Después de que haya hecho eso, voy a
sacarlo solo
seleccionando mi herramienta Mover. Después me voy a llevar mi
Apple Pencil y voy a seleccionar más
de tres de esas mesas de trabajo. Ya verás que están seleccionados
porque están delineados en azul. Entonces solo voy a arrastrar esas mesas de trabajo debajo de mi
primer set solo para que me sea más fácil trabajar
con esto y verlo todo en mi pantalla aquí. Ahora que tenemos configurada nuestra
mesa de trabajo, podemos empezar a
trabajar en nuestro diseño. Puedes tomar dos dedos
y separarlos para acercarlos y luego
pellizcarlos para alejarlos. Yo quiero que solo trabajemos en
un archivo por ahora mismo. Si alguna vez quieres
deshacerte de cualquiera
del exterior como barras de herramientas
y cosas así, puedes golpear esa
casita en la esquina superior derecha y sacará todo. Si lo vuelves a tocar, va a tirar de todo. Esta es una
clase intermedia así que no
voy a pasar por cada aspecto de nuestras barras de herramientas aquí
y nuestros estudios, pero te daré
un pequeño consejo aquí. En la parte inferior
derecha hay un signo de interrogación y te dará el
nombre de todas tus herramientas, y de todos tus menús, y de todos tus estudios. Tengo algunas otras clases realmente
útiles que recorren los estudios y
los menús con gran detalle. Me aseguraré de
vincularlos en la descripción. En primer lugar, lo que queremos hacer es
idear algunos conceptos. Tengo una idea de lo
que quiero hacer ya. Quiero utilizar
una combinación de ambas imágenes así como textos. Me gusta la idea de
utilizar diapositivas, como esta
función de diapositiva en Instagram sólo para crear algo que sea realmente visualmente interesante. El consejo más grande que me
gustaría compartir para
empezar es mantener
nuestro diseño sencillo. Vamos a estar utilizando
sólo un combo de imágenes,
textos, y formas para esto. Empecemos
en esta primera. Lo que quiero hacer
es tener color en el lado derecho
con una imagen en la parte superior que va a estallar y luego textos
en el lado izquierdo. En la barra de herramientas
del lado izquierdo aquí, lo que puedes hacer es seleccionar
tu herramienta Rectángulo, y luego puedes ir al estudio del
lado derecho aquí y seleccionar tu estudio de
color y
puedes actualizar tus colores. Voy a actualizar mi color
usando la rueda de color. Voy a seleccionar púrpura suave y luego voy a
seleccionar ese pequeño trazo, el trazo para mi color, y lo voy a apagar. Para ello, solo puedes seleccionar este pequeño círculo con una línea azul a través de
él y
te quitará el trazo y luego
voy a tirar mi color base
al frente otra vez. Una vez que haya seleccionado mi color, puedo tomar mi lápiz y mi Apple Pencil y simplemente crear una forma sobre
el lado derecho, y luego simplemente puedo
redimensionarlo tirando de estos brazos y el
diferentes lados de forma. Una vez que haya hecho eso,
lo que quiero hacer es
volver a mi herramienta Forma y
crear otra forma, y voy a
capas eso encima de mi rectángulo original aquí. Esta va a ser la
forma que voy
a usar para mi foto. Voy a actualizar el
color solo para que sepa que voy a
jugar algo ahí dentro, así que es igual que solo
para colocación. Entonces quiero agregar
algo de texto aquí. Voy a añadir un gran
número para llamar el nombre del video que básicamente voy a promover
usando este post. Voy a ir al
lado izquierdo y voy a seleccionar mi herramienta Texto Artístico, que está hacia abajo, y luego sólo
voy a entrar en mi espacio en blanco aquí
y arrastrarlo hacia fuera. Entonces en la parte inferior, lo que notarás
es que hay un pequeño círculo
con un bolígrafo en él. Si haces clic en
eso, subirá tus funciones de
teclado y solo
puedes seleccionar el teclado y subirá tu teclado y podrás
teclear lo que quieras. Voy a teclear 10. Entonces también podrías tocar dos veces para seleccionar ese 10 y puedes bajar al menú inferior aquí y verás que aparecen opciones
adicionales, donde podrás seleccionar
diferentes fuentes para trabajar con y
actualizará esas fuentes. Para este texto aquí en la parte superior, quiero que sea
audaz así que creo que
voy a utilizar Oswald. Voy a seleccionar la versión
media de esto. Entonces quiero
darme una línea divisoria entre este texto y el texto que voy
a tener debajo de él. Voy a utilizar
mi herramienta Pluma. Lo que verás en
la parte inferior aquí es que obtendrás
tus opciones también. Lo que querrás hacer
es tocar de la herramienta Pluma a herramienta
Línea y luego
voy a actualizar el ancho para ser alrededor de
1.5 para empezar. Voy a cambiar mi color de la nada a gris oscuro, oscuro. Entonces quiero asegurarme de que
use fill esté desactivado. Entonces quiero asegurarme de que
no haya relleno en mis
opciones de color también. Voy a seleccionar mi relleno. Voy a seleccionar
ese círculo blanco en la línea azul a través de
él y luego voy
a seleccionar mi trazo. Entonces voy a
acercarme a donde quiero crear mi línea para
darte una línea recta y luego puedes usar
tu herramienta Mover para modificar donde la has colocado que
quede
justo debajo. Yo quiero
hacerlo para que la línea sea alrededor del ancho
del número 10. Ahora, lo que voy
a hacer es volver
a mi herramienta Tipo aquí. En lugar de la herramienta Texto
Artístico, la
voy a mantener
presionada y voy a seleccionar Herramienta Marco. Voy a crear un
marco que va justo debajo y vamos
a colocar tipo aquí. Voy a actualizar esto
para decir los 10 mejores consejos en Affinity Designer para diseñadores
gráficos. Lo que quiero hacer también es actualizar esta fuente también a lo que sea que
voy a querer, entonces voy a volver a mis opciones de menú
aquí y voy a disminuir el tamaño de
alrededor de 12 a ocho. Entonces voy a seleccionar
mis opciones de teclado. Toca el teclado, y
luego puedes moverlo por
ahí simplemente tocando sobre él y moviéndolo en tu pantalla. Entonces lo voy a actualizar. No me gusta cómo está la porción de
diseñadores de diseñadores
gráficos por
sí misma en esta última línea, así que solo voy a tomar mi Apple Pencil y básicamente
voy a redimensionar mi marco para que
sea solo tres líneas. Entonces lo que haré es
seleccionar todo. Entonces lo que quiero hacer
en lugar de tenerlo
alineado a la izquierda es que voy a ir a mis opciones en
la parte inferior aquí, mis opciones de párrafo
y solo voy
a seleccionar alinear centro. Entonces puedo entrar en mi
herramienta Mover aquí y luego solo puedo mover esto para que quede bonito
y centrado debajo, que también podría hacer es ir
al lado inferior izquierdo y seleccionar la opción pequeña
que parece un imán . Ayudará a encolar diferentes
elementos entre sí. Ya verás como esta pequeña línea
verde aparece aquí arriba, eso significa que está centrada. También puede utilizar rejillas. En la configuración del documento, si los tocas todo
el camino en la parte inferior, verás algo
que dice cuadrículas, guías y puedes configurar una cuadrícula o puedes configurar guías. Voy a tocar Guías y voy a seleccionar Mostrar guías. Entonces lo que harás es agregar guías
horizontales o verticales, solo
seleccionarás Agregar
horizontal y Agregar vertical. Entonces lo que puedes hacer
es mover estas guías. Para mantener las cosas en
línea entre sí dependiendo de los
requisitos de tu diseño, lo que sea que estés configurando. Esta es solo una forma realmente sencilla mantener las cosas organizadas. Entonces una vez que hayas
agregado esas guías, puedes bloquear tus guías para que no
desaparezcan como estás trabajando. Ahora puedes seleccionar
tu herramienta Mover. Selecciona aquí todo tu tipo en tu texto y
muévelo para que
quede en el centro
de tus guías. También puedes cambiar el tamaño de las cosas. Entonces si ya no quieres
esas guías, simplemente
puedes volver a
tu menú de documentos y luego seleccionar guías y
luego desactivar las guías. Al hacer
clic en Mostrar guías, haga clic en él para que
quede gris y ya no esté azul. Ahora que hemos
colocado todo, si quieres que
mueva las cosas, solo
puedes utilizar
tu herramienta Mover. Selecciona todos los elementos
que quieras usando tu Apple Pencil y luego
podrás mover las cosas. Digamos que querías encerrar las cosas en su lugar para que no se muevan. Simplemente puedes seleccionarlos. Entonces puedes entrar en
tu estudio de capas aquí, y luego seleccionar el menú de
tres puntos, y luego puedes seleccionar Bloquear, y bloqueará esos
elementos en su lugar. Colocemos nuestra imagen. Entonces vamos a entrar en
nuestro menú Documento, vamos a
seleccionar Colocar imagen, y luego vamos a
importarla de las fotos, y luego vas a
entrar en tus fotos recientes, voy a seleccionar esta
imagen aquí con el escritorio. Entonces para colocarlo, solo
tienes que arrastrar
tu lápiz Apple a través de tu tablero aquí. Entonces obviamente, esto
ocupa la mitad del espacio, así que lo que queremos hacer es
entrar en nuestro estudio de capas aquí, puedes salir de
tus opciones de capa pulsando el botón Atrás. Queremos utilizar
ese rectángulo, así que esencialmente,
vamos a recortar esa imagen en ese rectángulo. Para hacer eso, vamos a encontrar esa imagen en nuestras capas, y luego lo que
vamos a hacer es arrastrarla, y luego básicamente
colocarla justo encima de esa capa de rectángulo, y va a básicamente
lo recortan en esa forma. Ahora lo que queremos hacer es sumar
el resto de nuestros elementos. Voy a seleccionar los 10, y luego voy a
ir a mi estudio de color, y solo voy a seleccionar
de mis colores recientes, y voy a asegurarme que mi relleno real esté seleccionado, y luego tocaré
ese color reciente. Entonces podemos volver a
entrar en nuestra herramienta de texto, mantenerla presionada y
vamos a volver a seleccionar nuestra herramienta de texto de marco. Vamos a
crear otro fotograma que irá por debajo,
y básicamente, esto va a ser más detalle
sobre lo que es este video. Ahora lo que quiero hacer es
seleccionar todo ese texto, y en lugar de
tenerlo alineado a la izquierda, lo
voy a tener alineado a la derecha para
que se alinea con la imagen aquí. Voy a ir a mis opciones de menú
inferior aquí para mi párrafo, y voy a
seleccionar Alinear a la derecha, y verás que lo
empuja hacia la derecha. Entonces lo que queremos hacer
es seleccionar nuestra herramienta de movimiento, y luego simplemente
alejarla un poco de la imagen para que
tengamos algo de espacio aquí. Quiero que la gente se
dibuje por esta zona, así que voy a añadir un pequeño
elemento como una flecha aquí, así que voy a ir a
mi herramienta de pincel vectorial, y sólo voy a
dibujar una pequeña flecha aquí, usando mi pincel vectorial. Entonces voy a seleccionar todos
esos elementos
usando mi herramienta de movimiento, solo
voy a
resaltar todos esos, y luego lo que quiero hacer
es agruparlos, así que voy a entrar en
mis capas estudio aquí. Entonces en la parte superior, hay
algo que
parece una pequeña pieza de rompecabezas. Si seleccionas
eso, agrupará todos esos
tres elementos juntos, y luego puedo rotar y
orientar así como yo quiero. Entonces lo que vamos a querer hacer
es agregar un llamado a la acción. A mí me gusta hacer eso
hacia abajo aquí, sólo algo que
le recuerde a la gente a dónde
pueden ir a checar esto. Voy a agregar, ver mi último video, y luego enlazar en bio solo para que
sepan dónde buscar. Voy a utilizar tanto la flecha como
la Oswald otra vez, así que voy a seleccionar
este número 10, y voy a duplicarlo. Voy a
entrar en mi menú Editar, el pequeño menú de tres
puntos arriba arriba, voy a seleccionar Duplicar, y luego solo voy
a arrastrar esto hacia abajo, y luego lo voy
a resaltar, y voy a redimensionar esto. Voy a cambiar el
color de este morado a ese
color carbón oscuro que hemos estado utilizando para
el resto de esto, y luego voy
a actualizar el texto. Entonces voy a
seleccionar mi herramienta de movimiento, y voy a mover
esto hacia abajo sólo un poco, y hacia la derecha. Creo que voy a
hacer esto un
poco más pequeño también, y luego voy
a tomar
esa línea que creé arriba aquí, lo voy a seleccionar, y luego voy a ir
a mi Volver a editar menú, voy a seleccionar Duplicar, y voy a
seleccionar esa línea, y arrastrarla hacia abajo. Entonces voy a tomar
mi tipo de aquí,
de porción detallada, lo
voy a seleccionar,
y voy a volver a ir a
mi menú Editar,
ese menú de tres puntos, selecciona Duplicar, arrástrelo hacia abajo, y luego lo voy a actualizar para que diga enlace en bio. Voy a cambiarlo para
que no esté alineado a la derecha, sino para que esté alineado a la izquierda. Entonces solo voy a
cambiar el tamaño de mi caja de límite, voy a mover este
texto a la parte inferior. Ese es nuestro primer diseño. Una última cosa que
te
sugiero que agregues es alguna
forma de branding, así que si tienes un logotipo
o algo así,
esa es una gran herramienta para utilizar. Voy a agregar mi logo, y solo lo voy a
agregar aquí mismo en la
esquina inferior derecha de la imagen, así que voy a ir
a mi menú Documento, voy a seleccionar Colocar imagen, Voy a
importarlo de fotos, y luego debería
tenerlo en mis fotos recientes, y luego otra vez,
solo para colocarlo, solo
tienes que arrastrarlo. Mi logo actualmente
es de color negro, así que lo que podemos hacer sin embargo para
ayudar a que pop-out es
actualizarlo a blanco. Podemos agregar una capa FX, por lo que con ese elemento
todavía seleccionado, voy a
entrar a mi FX Studio. Se ve como un poco de F y X. Entonces lo que quiero hacer
es seleccionar la superposición de color, así que voy a
activar esto para que se ponga azul, y luego voy a tocarlo, y en la parte inferior vas a ver tienes algunas
opciones que aparecen. Lo que queremos hacer es convertir nuestro modo de mezcla a simplemente normal, y luego queremos actualizar el color
tocando ese color, y luego solo lo voy
a secar a blanco, y luego lo ves automáticamente
recolorea esto para mí. Entonces solo puedo seleccionar
mi herramienta de movimiento aquí, y luego puedo mover esto
hacia abajo, y no hace falta que sea enorme, voy a hacerlo
relativamente pequeño, pero solo en algún lugar para que
tengas tu marca allí, y cualquiera de tus publicaciones que se vuelvan a compartir se pueden
vincular de nuevo a ti. Ese color FX es una forma realmente
sencilla de hacer esto. Tenga en cuenta aunque
que el archivo tiene que ser un PNG, por lo que por ejemplo, se
trata de un PNG con un fondo
transparente, por lo que sólo colorea
donde haya píxeles. Solo está el negro, y luego un
fondo transparente, coloreará sobre el negro, pero si esto fuera aquí arriba, digamos, un JPEG con un fondo blanco, colorearía sobre todo
el porque la
imagen completa tiene píxeles. Simplemente ten eso en cuenta
ya que estás utilizando algo como el FX color ya que estás trabajando con
cosas como esta. Ese es nuestro primer
diseño, ya está hecho. Bueno, ahora pasemos
a nuestro segundo diseño.
5. Diseñar tu plantilla: parte 2: Me gusta
hacer acomodación tanto de fondos
coloreados como de
imágenes y luego a veces sólo imagen
completa para
el fondo. Eso es lo que vamos a
hacer con este diseño aquí, sólo
vamos
a colocar una imagen en nuestra mesa de trabajo aquí. Vamos a entrar en nuestro menú Documento, seleccione Colocar imagen, Importar de fotos, y luego vamos a seleccionar una imagen. Creo que voy a usar
esto para colocar la imagen. Todo lo que tienes que hacer es
arrastrar tu imagen y luego puedes colocarla
en tu mesa de trabajo. Creo que voy a
redimensionarlo para que encaje
bien en el diseño, y eso me da espacio aquí
mismo para agregar texto. Voy a reutilizar algunos
de estos elementos. Es realmente bonito que puedas reutilizar los elementos que ya
has creado. En este caso, voy a reutilizar el título y el número
y la línea aquí, así que sólo voy a seleccionar mi herramienta Mover,
una pequeña flecha blanca. Voy a resaltar esos dos elementos
arrastrando mi lápiz sobre él. Entonces voy a
entrar en mi menú Editar y
voy a seleccionar “Copiar”. Entonces voy a aprovechar
mi nueva mesa de trabajo aquí, y luego voy a
volver a
entrar en ese menú de edición y seleccionar “Pegar”. Entonces puedo mover
esto por donde me gustaría en este diseño. Voy a actualizar
esto del 10 al 5, y luego voy a
actualizar el título para decir El Poder de los
Elementos del Diseño. La idea es utilizar jerarquía
visual para tirar tu ojo hacia ciertas
áreas dentro de tu diseño. En este caso, el número 5
va a ser básicamente, podría ser como el quinto
post de la serie o
cinco tips o cinco ideas que se relacionan con el
poder del diseño, pero algo lo
suficientemente audaz como para dibujar tu ojo a esa esquina superior
y luego
leerás el título que hay
debajo de él. También me gusta la idea de
agregar algún borde creativo, así que voy a utilizar de nuevo
mi herramienta de rectángulo. Esta vez en lugar
de tener un relleno, voy a tener un trazo y voy a
apagar mi relleno, y luego sólo voy a
crear un rectángulo que va alrededor del borde de esta imagen. Entonces voy a aumentar
el ancho del trazo, así que es sólo un poco más grande, que podamos ver, y luego voy
a sacar de ella, seleccionar mi herramienta de movimiento y obtenemos este bonito borde que
dibuja tu ojo en. Entonces voy a seleccionar
esta llamada a la acción aquí. Entonces voy a
entrar a mi menú Editar, voy a seleccionar “Copiar”. Entonces voy a aprovechar esta mesa
de trabajo de aquí. Después voy a
entrar en mi menú Editar y seleccionar “Pegar”. Entonces sólo voy a mover
esto hacia el lado derecho. Lo que quiero hacer
es asegurarme de que todos estos elementos estén
alineados a la derecha, por lo
que la forma más fácil de hacerlo es seleccionarlo todo. Entonces voy a entrar en
mi función de alineación, así que si vamos por el estudio de la
derecha, si seleccionamos nuestro estudio
transformado, hacia abajo, verás algo llamado Opciones de
alineación. Cuando toques eso, podrás seleccionar
tus diferentes opciones de alineaciónpara tus diferentes opciones de alineación que puedas alinear horizontal,
verticalmente , distribuir
verticalmente, distribuir horizontalmente. Yo sólo me voy a alinear
horizontalmente hacia la derecha y todo se moverá hacia
el lado derecho aquí. En lugar de que diga
ver el último video, voy a actualizar
para decir leer lo último porque tal vez tengo un blog y quiero enviar
gente a la página web. Cualquier cosa que necesites, solo
puedes hacer
que funcione para ti. Entonces voy a
cambiar el tamaño de mi línea aquí. Entonces lo que creo que voy
a hacer es agregar un poco de flecha de Llamada a la Acción, así que voy a entrar en
mi herramienta de rectángulo aquí, si lo sostengo abajo, verás que aparecen todas estas otras opciones y estoy
va a seleccionar un triángulo. Después asegurándome de que esa
herramienta de rectángulo o asegurándome de que la herramienta de
triángulo esté seleccionada, solo
puedo crear un triángulo
usando mi Apple Pencil. Entonces verás que
tienes estos brazos pequeños que puedes utilizar para rotar, así que voy a tomar
eso y girarlo a la derecha a 90 grados. Entonces voy a
redimensionarlo sólo un poco. Entonces voy a seleccionar
mi herramienta de flecha de movimiento. Yo lo voy a mover por aquí. Estos triángulos
tienen el mismo color oscuro, carbón que
voy por, así que lo que podemos hacer es simplemente
entrar a Color Studio aquí, y podemos seleccionar un
elemento que sea ese color, y luego podemos seleccionar el panel de muestras en
la parte inferior de aquí. Si quieres agregar un
color específico para no perderlo, puedes seleccionar este
pequeño menú de hamburguesas y seleccionar agregar
relleno actual a la paleta, y lo agregará a
tu paleta para que siempre tienes la
opción de seleccionarlo, y luego todo se
actualizará a lo
que necesitas que sea. Nuevamente, teniendo en cuenta los temas de
tus colores,
tus historias de color, los colores de
tu marca,
quieres asegurarte de que todo sea consistente
y cohesivo. Una vez que todo se actualiza, puedes empezar a ver
cómo fluye todo y funciona en conjunto porque las historias de color son las mismas, las imágenes visuales son las mismas, las tipografías y las fuentes te usando el trabajo bien juntos
y son lo mismo, y luego obtienes estas bonitas
piezas que funcionan juntas. Ahora, trabajemos en
nuestro diseño final. Será esto como
portada y luego estas tres serán las
diapositivas informativas que se deslizarán. Se trata de tres consejos de diseño
creativo
que compartiríamos, por lo que la idea de
mantenerlo simple, utilizar colores cohesivos, y tener en cuenta
la jerarquía visual, y teniendo un poco de
información al respecto. Empecemos con nuestro layout. Nuevamente, estamos utilizando
el mismo elemento aquí, hace la vida mucho más fácil
porque solo puedo copiar y pegar uno para que sea la primera vez que lo puedas reutilizar una y
otra vez. Voy a actualizar mi fondo de
mesa de trabajo a un gris muy, muy claro. Casi parece que está desapareciendo en mi fondo, pero eso está bien porque
vamos a agregar una imagen encima. En este caso, voy a
agregar una imagen que se llena alrededor de tres cuartas partes
del lado izquierdo, así que voy a seleccionar
mi herramienta de rectángulo, y voy a
crear un rectángulo ese
lado donde
Yo quiero esta imagen. Después voy a
entrar en mi menú Documento,
seleccionar Archivo, Colocar Imagen, y luego Importar desde Fotos, luego encontrar mi última
imagen que quiero
utilizar y luego
arrástrela para colocarla. Voy a
hacerlo para que sea
un poco más grande
que ese rectángulo, y luego lo vamos a recortar en el rectángulo negro
que creamos. Entonces voy a
seleccionar esa foto en mis capas y luego la
voy a arrastrar para que vaya justo encima de mi capa de rectángulo
y la recorte. Una vez que haya hecho eso, voy a volver a seleccionar mi
título y el número, voy a
entrar en mi menú Edición, seleccionar “Copiar”, y luego
tocar mi mesa de trabajo. Entonces voy a
volver a mi menú Editar y seleccionar “Pegar”. Entonces voy a
actualizar esto de cinco a tres porque van
a ser tres consejos los que
estamos compartiendo aquí, y luego voy a actualizar el título para decir Tres Consejos de Diseño
Creativo. También voy a volver atrás y copiar ese logo
de mi primera, voy a entrar al menú
Editar, a “Copiar”, y luego entrar a mi mesa de trabajo
que acabamos de terminar, seleccionarlo y luego entrar en mi menú Editar y selecciona “Pegar”. Entonces la voy a tirar
para que esté en la esquina superior izquierda. Queremos asegurarnos de que de nuevo, tengas alguna marca que te
devolverá tus visuales
a ti y a tu mango. Voy a seleccionar el link
read the last link in bio sobre ese segundo
layout que creamos, y voy a ir
a mi menú de tres puntos, mi menú Editar, y
voy a seleccionar “Copiar”. Entonces voy a volver
a esta nueva mesa aquí y luego ir a mi
menú de tres puntos y seleccionar “Pegar”. Voy a actualizar esto para
decir deslizar a la izquierda para
que sepan
deslizar a la izquierda para leer
el resto del carrusel, así que voy a seleccionar
mi teclado aquí, y luego actualizaré
mi información aquí. Entonces voy a
cambiar el enlace en bio para decir para leer más. Si encuentras que tu texto baja cuando quieres que
atraviese todo el camino, solo tienes que ir a tu Herramienta de
Mover y luego sacar el marco y
podrá encajar más. Entonces voy a
tomar esa flecha y moverla hacia el lado izquierdo, y voy a
cambiar la dirección de la misma y voy
a aumentar el tamaño. Este es el llamado
a la acción para que la
gente se desliza para leer. Después de que haya hecho eso, voy a volver
a mi logo aquí. Yo lo voy a seleccionar, voy a golpear “Copiar”. Vuelve a mi mesa de trabajo aquí, ve a mi
menú de tres puntos, selecciona “Pegar”. Entonces porque este es un fondo
tan claro, voy a cambiar el color de la superposición de blanco a ese gris
carbón. Voy a seleccionar
mi Estudio FX. Selecciona “Color Overlay”. Desea asegurarse de que
su logotipo real esté seleccionado. Sabrás que está seleccionado
porque está delineado en azul. Entonces vas a tocar
donde dice Color Overlay. Obtendrás tu pequeño pop-up
en la parte inferior y luego querrás actualizarlo
a ese gris carbón. Si tocas tu color aquí, puedes seleccionar tu herramienta de ojo y luego puedes
ir a cualquier parte de tu pantalla y
seleccionar ese color. Entonces básicamente sigue
sosteniéndolo y luego puedes seleccionar el área de la que
quieres echar un ojo y actualizará
tu color aquí. Ahora que lo he hecho, voy a tirar de ese logo hacia el lado inferior izquierdo aquí. Voy a entrar en mis
capas, encontrar esa imagen, y luego deslizar justo por encima imagen de
mi logo aquí para que ambas
estén seleccionadas. Después voy a entrar a
mi estudio Transform, seleccionar mis opciones de alineación, y luego quiero alinearlas
horizontalmente a la izquierda. De esa manera, todo está
alineado y espaciado uniformemente. Esa es nuestra página de título para
el carrusel giratorio. Ahora lo que queremos hacer
es sumar nuestros tres consejos. Voy a tomar el
número 3 aquí y lo voy
a copiar y luego lo voy a pegar en el resto
de estas mesas de trabajo. Voy a pegarlo
aquí y luego moverlo a la izquierda y luego hacer lo mismo por
el resto de éstos. Voy a pegarlos. Porque tengo la magnetica puesta, ya
puedes ver que estos se van a mantener en
línea y verás que estas pequeñas líneas rojas aparecen porque las están manteniendo en línea en cuanto a alineación. Voy a seguir adelante
y voy a pegar una última aquí,
teniendo en cuenta la colocación, teniendo en cuenta la colocación, asegurándome de que esté alineada
con el resto de éstos. Entonces voy a
actualizar los antecedentes de cada una
de estas mesas de trabajo. Este primero, voy
a tener que sea ese morado que estábamos usando,
este segundo, voy a incluir
un nuevo color, como un azulado, y luego este último
voy a tener ser ese mismo gris que nuestra página de título. Entonces voy a actualizar
el color de los números. Voy a entrar en mis
capas si estoy teniendo algún problema encontrando
dónde están estas, voy a seleccionar
mi herramienta de tipo, voy a hacer doble clic
y luego
voy a actualizar mi
color a blanco. Igual que con la siguiente mesa de trabajo, haga doble clic en el número, asegurándose de que mi
herramienta de tipo esté seleccionada. Después haré doble clic dentro
del número y luego pincharé en mi estudio de color y luego
tiraré todo a blanco. Haga doble clic en el número, y luego lo voy a actualizar. En lugar de este color claro, voy a hacer ese gris carbón
oscuro sólo para que sea fácil de leer. Entonces voy a
actualizar esto para ser 1, 2, y 3 porque estos son los tres consejos que
voy a estar compartiendo. Voy a ir a mi herramienta de tipo, hacer doble clic dentro
del número, seleccionar mi teclado,
ir a mis números y luego actualizarlos para que sean 1, 2 y 3. Ahora, voy a mantener
esto realmente simple. Yo sólo voy a hacer textos
de uno o dos líneas. Mantenerlo simple va
a ser el primero, los colores
cohesivos
van a ser un segundo, y la jerarquía visual
va a ser mi tercera. Lo que voy a hacer es
llevarme mis títulos aquí, voy a seleccionar uno, lo
voy a copiar, y luego voy
a volver
aquí abajo a mi siguiente mesa de trabajo, y luego lo voy a pegar y luego voy a
aumentar el tamaño de esto
seleccionando todo
dentro de mi cuadro de tipo aquí. Entonces voy a
bajar a mis Opciones. Yo sólo voy a aumentar
el tamaño de esto. Creo que 33 va a estar bien. Entonces voy a
cambiar el tamaño de mi marco aquí. El primero va
a ser mantenerlo sencillo. Voy a seleccionar el
texto y luego voy
a seleccionar mi teclado aquí. Entonces lo voy a actualizar a
decir en todas las gorras. Si quieres conseguir todas las mayúsculas, solo
puedes hacer doble clic en
tu tecla Mayús en tu teclado aquí y te dará una pequeña
línea debajo de la flecha. Es así como sabes que
estás en todas las gorras. Entonces voy a
teclear mantenerlo simple. Entonces lo que quiero hacer es que salga
de fondo. Voy a usar mi herramienta de forma de
rectángulo para ayudarla a salir
de fondo. Voy a cambiar el color de mi relleno para que sea solo
un blanco básico. Entonces voy a crear un
rectángulo, está resaltado, y luego voy a
arrastrar ese rectángulo en mi estudio de capas aquí, y lo voy a
arrastrar debajo del texto que dice
mantenerlo simple. Entonces voy a redimensionarlo. Entonces voy a
seleccionar mantenerlo simple haciendo doble clic
y resaltándolo. Voy a cambiar
el color del mismo de ese carbón oscuro
al morado por
lo que le da este
bonito efecto estampado. Yo voy a hacer eso por esto. Entonces lo que quiero hacer es agregar información sobre
lo que esto significa. Voy a seleccionar
el deslizar a la izquierda para leer más como base de
este bit de información. Voy a seleccionar
todo usando mi Apple Pencil y luego voy a entrar en
mi menú Edición seleccionar “Copiar”, y luego voy a
entrar a mi mesa de trabajo aquí abajo, entra en mi menú Edición,
selecciona” Pegar”, y luego voy a aumentar
el tamaño de todo esto. Entonces voy a borrar
la línea y el texto en negrita. Sólo voy a usar
el texto que está en esa fuente Arvo que tengo aquí. Voy a añadir mi párrafo
de información aquí. Una vez que haya creado estos, puedo reutilizar esto. Puedo seleccionar estos elementos y luego puedo copiarlos
y pegarlos para el resto de los
spreads adicionales dentro de este carrusel. Después podrás actualizar el texto en la
esquina inferior derecha según lo necesites.
6. Exportar tus archivos: Ese es el diseño. Ahora lo que vamos a querer
hacer es exportar estos. En realidad es realmente
simple y me encanta
lo rápido que puedo hacer exportar
fuera de Affinity Designer. Lo que vamos a hacer es
ir a Exportar persona. En este lado superior izquierdo, verás que
hay tres pequeños paneles. Actualmente estamos en
la Persona Designer. El siguiente es
la persona Pixel, y luego está
la persona Export. Nos permitirá exportar
múltiples elementos todos a la vez. Ya ven estos están
listos en mi mesa de trabajo. Lo que voy a
hacer es mostrarte cómo crearlas como rebanadas. En el lado izquierdo, cuando estemos en nuestra persona
Export, vamos a seleccionar
nuestra herramienta Flecha, que es nuestra herramienta de selección. Vamos a tomar
nuestro Apple Pencil y seleccionar sobre todos nuestros tableros. Una vez que hayas seleccionado,
vamos a ir a nuestro lado derecho
y vamos a
ir a nuestro estudio Layers aquí. Vamos a seleccionar el estudio de
capas en la parte superior, vamos a ver algo
que diga Crear rebanada. Básicamente, va a crear una rebanada de cada una
de estas mesas de trabajo. Si volvemos a
nuestro menú Slice, que es esa opción de cortador de
caja pequeña en la parte superior del
lado derecho, verás que todas las mesas de trabajo
han sido creadas como una rebanada. Lo que vamos a querer hacer
es seleccionar todos estos. Darás click en
tu primero y luego pincharás en tu
segundo arrastrando a la derecha. Entonces tu tercero, tu cuarto, tu quinto, y tu sexto. Sabrás que todos están seleccionados porque están
resaltados en gris. A continuación, puede seleccionar Exportar todo. Entonces querrá seleccionar una carpeta específica en
su sistema de trabajo aquí. Solo voy a
seleccionar mi carpeta de
proyecto de clase y golpear “Done”. Exportará todos
esos archivos a la vez. No tienes que
hacerlo uno por uno. Podrías, si quisieras,
podríamos volver a entrar en la persona del Diseñador de
Afinidad. Lo que podrías hacer es simplemente
seleccionar tu mesa de trabajo y luego ir al
menú de tu documento y seleccionar Exportar. Después puedes seleccionar PNG, JPEG, el
formato de archivo que quieras, y luego exportarlos uno por uno. Pero me parece que las rebanadas, exportarlo como rebanadas
es mucho más rápido. Entonces lo que querrás hacer
es salir de este documento. Comprueba dos veces para ver si tus
archivos se han exportado correctamente. Todos nuestros archivos se han exportado
al menú de documentos. Entonces simplemente puedes
seleccionarlos básicamente y compartirlos.
7. Outro de el curso: Gracias por aparecer, aprender y crear
algo genial conmigo hoy. Realmente espero que
te
resulte útil este curso y que estés
más cómodo usando Affinity Designer
en tu iPad para diseñar tu propia plantilla de post en
redes sociales. Antes de que te deje ir sin embargo, por favor no olvides presentar tus entregables finales de proyecto a la galería de proyectos de clase. Tengo muchas ganas de ver las publicaciones en
redes sociales de
todos y
puedo ofrecer comentarios
o responder preguntas. Si esta es la primera
clase que has visto de la mía y quieres conocer
más sobre mí y mi trabajo, puedes visitarme en línea en www.bellasophiacreativecreative.com. También puedes consultar más
de mis cursos relacionados con el diseño y las industrias
creativas justo en mi perfil docente. Estaré seguro de
dejar enlaces para algunas clases que se relacionen ésta en la
descripción de la clase a continuación. Muchas gracias por ver y crear conmigo hoy. Te veré en
el próximo. Adiós.