Transcripciones
1. ACERCA DE ESTA CLASE: Hola. Bienvenido a este
delicioso curso de diseño, donde
elaboraremos desde cero un menú de barra de
ensaladas audaz, vibrante y totalmente apetitoso desde cero un menú de barra de
ensaladas Usaremos Adobe
Photoshop, en diseño, procrear e incluso un poco de magia
generativa de IA con Mid journey
y Adobe Si eres un
estudiante de diseño, freelancer o simplemente tienes hambre de
subir de nivel tus habilidades creativas, este proyecto
te enseñará a pasar de un lienzo en blanco a un menú listo para imprimir completamente
pulido. Comenzaremos con el
brief y la investigación, esbozaremos los primeros conceptos de
diseño y nos sumergiremos en el viaje para
generar algunos de los elementos lúdicos e
ilustrados que
darán a nuestro menú su estilo único. Aprenderás
flujos de trabajo esenciales en Photoshop para preparación de
imágenes y en el diseño
para el diseño de maquetación, incluyendo
formato de texto, estilos, toques
decorativos
y estructura de página. Te mostraré cómo diseñar cada sección del menú, desde
la guía de ensaladas Build Your Own hasta los cuencos bellamente
compuestos, incluyendo ingredientes e información
nutricional. Ganarás confianza trabajando con tipografía y jerarquía, usando Procreate para detalles ilustrativos
dibujados a mano,
enmascaramiento en Photoshop, técnicas de diseño
inteligente
y en diseño, y consejos sobre el uso de imágenes
generadas por IA de manera creativa Al final de esta clase, tendrás tu propio diseño de menú de
varias páginas lleno de personalidad, sabor y todo el pulido
profesional esperarías de
un proyecto del mundo real. Así que toma tu cuaderno de bocetos y
encienda tus herramientas favoritas de
Adobe Esto va a ser fresco, divertido y lleno de sabor de diseño. Hagamos algo
delicioso juntos. Nos vemos en la primera lección.
2. Introducción y resumen: Como pueden ver,
tengo las manos B abiertas en mi pantalla porque vamos a estar usando un par de
inspiración de aquí. Haremos un
flujo de trabajo de diseño completo para un diseño de menú. Así que sin perder
demasiado tiempo, solo
voy a ir rápido a mis colecciones y
tablas, diseño de menús. Entonces tengo algunos de
ellos recogidos aquí, pero también tengo algunas de las inspiraciones que
estaremos usando en Mila. Dentro del brief, encontrarás todo lo que necesitas para
comenzar con este proyecto. Y ya tengo muchas
cosas aquí en este tablero, incluyendo la copia o una opción para una copia que
puedes usar para este menú, y también un par de activos. Entonces si me alejo, verás aquí del lado derecho
después de la inspiración, en realidad
seguí adelante e hice
un poco de generación una sesión donde
intenté crear unas cuantas imágenes que pudieran
ser utilizadas para el menú. Entonces esto es para una barra de ensaladas, y de hecho
los creé en base a la copia
que voy a usar, que también fue
generada por Ched GPT Simplemente lo refiné un
poco, pero en general, tanto M Journey como Ched GPT hicieron un muy buen trabajo al
ayudarme a idear algunos activos y obviamente solo ayudar
a armar este breve Y no veo
ningún daño en usar IA para esto solo
para experimentar y solo para practicar el diseño porque aunque tengas los mejores activos para
iniciar el proyecto, todavía
se reduce a
tus ideas creativas, cómo juntas las cosas, cómo creas tus
diseños, la composición. Así que puedes tener los mejores
activos para empezar, pero aún así puedes terminar
teniendo un diseño muy débil. Entonces ese es el objetivo principal aquí. Y podría terminar usando estos. Termino creando algunos nuevos o tal vez usando
algunos activos bursátiles. Ya veremos cómo va. Intencionalmente
ni siquiera hice ningún bosquejo. Así que de nuevo, tengo mi
iPad listo aquí. Simplemente, literalmente, tengo como un marco de alambre para mis bocetos
en miniatura Si decido hacerlas, de
nuevo, puede que no, pero esto es obviamente
algo que
normalmente haría por
casi todos los proyectos. Haz un par de
bocetos en miniatura solo para explorar cómo colocaré
todo en las páginas Sólo voy a
mostrar también una selección de
trabajos de nuestros alumnos. Eso se hizo en otro
breve, un escrito similar. Esto también fue para un diseño de menú. Pero este era para
un restaurante de pescado o
un restaurante de camiones de mariscos con la marca llamada
Fishman o Fisherman Alguien lo llamó Fishman, lo cual también es bastante divertido Pero sí, Pescador,
era el nombre. Pero puedes ver la
increíble variedad y calidad de trabajo que
obtenemos de nuestros miembros profesionales, algunas
ilustraciones muy imaginativas, obviamente alguna marca
que la acompaña Entonces algunos alumnos hacen
un esfuerzo extra a veces, y aunque no lo
especificamos en el brief, solo
pedimos el menú, pero obviamente se dejan llevar
un poco, y luego siguen trabajando en ese proyecto y lo
expanden aún más, lo que siempre es una
gran cosa para ver. Aquí hay otro bonito diseño
elegante o este peculiar que me acerco
un poco más Me encanta como tenemos aquí al personaje
pescador y como podemos verlo pescando con el anzuelo una parte como
esa caja de la derecha Muy, muy cool
poco diseño ahí. Pero sí, puedes ver que hay algunas ideas muy inteligentes y diseños
funcionales realmente agradables. Entonces una de las cosas de las que
siempre hablamos mucho
es, una cosa es
hacer un diseño bonito pero también es muy importante
hacerlo funcional. Y ese es también
uno de mis objetivos en este taller en el que me
gustaría enfocarme en crear algo funcional
donde quien
esté mirando el
menú podrá encontrar rápidamente las
diferentes categorías u opciones que tienen, muy rápidamente ver las diferencias de
precios. Y en caso de este menú de barra de
ensaladas, tendremos la opción de gente cree
sus propias ensaladas. Entonces eso también tiene
que ser muy claro, como cuáles son los ingredientes
que pueden elegir y cuál es el orden en el que
deben decírselo a la persona
que los sirve. Así que hay muchas
cosas que pueden mejorar la experiencia del cliente. Entonces, para mejorar eso, el diseñador puede hacer mucho, y se trata principalmente de hacer que
los diseños sean funcionales. Ahora otra cosa importante a mencionar aquí es que
aunque estaremos diseñando un menú de impresión o
menú que se pueda imprimir, será en un formato que también se
podrá utilizar en exhibición. Entonces digitalmente, si hay, como, un televisor grande o un par de televisores o pantallas detrás de la gente
que sirve en la barra de ensaladas, también
se puede
usar de esa forma Así que tanto en formato digital
como impreso. Entonces me gustaría, como,
lograr un equilibrio para un diseño y
un layout que
podrían funcionar para cualquiera de ellos. Y tal vez obviamente podría ser
necesario que haya cambios sutiles en, como, tamaño del
texto y cosas así, dependiendo de cuál es el formato
y cuál es el tamaño real. Pero en general, ese es también uno de los
objetivos que quiero hacer. Así que no solo imprime, sino
que también piensa en la configuración digital. Bien, y menciona que
si revisas el brief, encontrarás las cosas más
importantes escritas aquí, así que detalles a incluir. Por lo tanto, tiene que ser una impresión A cuatro vertical u
horizontal, vertical u
horizontal,
desplegada, a doble cara Entonces, esencialmente, serán dos
caras de un formato A cuatro. Y tendrá que incluir
las siguientes cosas, la marca, que
es simplemente barra de ensaladas. Pero también hay un logan
genial Vamos a comer. Es bastante divertido. A HGPT se le
ocurrió eso. No soy yo. Y también estas
opciones de lema o moto que puedes usar, que podrían verse realmente geniales
en algún lugar dentro del diseño Aquí hay algunos muy
inteligentes. Y luego, obviamente,
el diseño tiene que incluir ilustraciones,
y/o fotografía, y quieres que sea moderno, limpio y cómodo leer desde una distancia
que sea importante, y quieres dividir
el menú en secciones. Entonces la jerarquía es jerarquía
visual importante y crear unidad
entre los elementos, por lo que tenemos que prestar
atención a eso. Y luego tenemos
más abajo aquí, tenemos las opciones del menú. Entonces creé dos
o generé dos. El primero es un poco
más como uno estándar que tendrías un
poco más de opciones aquí para ensaladas, y luego un par de opciones de
batidos Entonces esto es simplemente muy, como, estándar,
tipo de menú poco cliché Pero luego también creé uno que es un
poco más peculiar, y solo tiene cinco
opciones de ensalada o ensaladas de autor Pero luego
también está la opción de
construir tu propia ensalada, y luego está la
opción de elegir la base, los aderezos, la proteína,
y cómo vestirla Y hay un par de cosas
adicionales como sopas y letreros y bebidas. Y en realidad usé este breve y lo usé para
generar estas imágenes. Entonces, si vas por
la segunda copia, entonces podrás
usar estas imágenes. Y es bastante asombroso lo bueno que es el viaje de la carne al
armar los ingredientes Entonces solo voy a leer
los ingredientes para esto. Entonces esta es la clásica ensalada de
overachiever. Esta es la descripción de la misma. Conoces el tipo, siempre crujiente, siempre equilibrado, siempre
fotogénico, romain fresco, tomates
cherry, zanahorias
ralladas, pepinos, picatotes, vestidos con nuestra vinagreta de la vestidos Entonces, sí, quiero decir,
eso es perfecto. No creo que viaje de carne
se haya perdido nada de eso aquí. Entonces creo que todos los
ingredientes se muestran de
una manera muy estéticamente
agradable y apetitosa Pero veamos esta otra. Kale, sí, es el nombre de esto. Col rizada, quinua,
garbanzos asados, batatas, arándanos
secos y
almendras tostadas con un aderezo de tahini de limón y almendras tostadas con Y es increíble. Puedes corregirme si me equivoco, pero siento que todos
los ingredientes están capturados a la perfección. Todos se ven realistas. Se ven proporcionalmente correctos estando uno
al lado del otro Eso también es algo así como en las iteraciones de los modelos
generativos de imagen de IA, me he dado cuenta de que
las proporciones de ciertos ingredientes no se
verían Como un jitomate
sería más pequeño que una baya, ¿verdad? Entonces, el jitomate está apenas
fuera de proporciones. Pero en estos casos, creo que todo
se ve perfectamente bien. Y puedes ir y mirar la copia y
mirar estas imágenes, y me dices lo que
piensas al respecto, pero siento
que se ven increíbles. Y si no has almorzado o dependiendo de dónde
te encuentres en el mundo, si no has desayunado, lo
siento de antemano porque estas imágenes
te harán sentir mucha hambre. Acabo de
almorzar, así que estoy bien, pero me dio hambre, solo
mirándolos cuando los estaba
generando. Y mira esto,
también. Tenía esta idea. Nuevamente, no estoy seguro de si
voy a usar esto o no. Pero estoy planeando
utilizar formas circulares para el diseño. Tiene sentido porque las bolas, cuando las miras,
son circulares desde arriba. Entonces eso es lo que pensé, incluso los ingredientes y
todo lo demás, estoy tratando de exhibir de
esta manera circular, una configuración circular de vista superior. Así que incluso este aguacate tos bytes está dispuesto
en un círculo, de nuevo, cosa
increíble que
mid Journey podría lograr y si te
interesan los
prompts que se usan, puedo mostrarlos también
rápidamente en mi pantalla Incluso los jugos o los batidos se
muestran desde arriba Mis favoritos, estos. Así que las otras cosas
diferentes que puedes usar o que podrías elegir cuando quieras
crear tu propia ensalada se
muestran aquí. Así que de nuevo, a partir de la copia,
pongo los ingredientes, y sólo puedo mostrarles
el aviso para esto. A ver, como éste de aquí. Se puede ver el
prompt a la derecha, foto de vista
superior de obviamente
todos los ingredientes, ingredientes
saludables
dispuestos en un círculo, fondo blanco. Eso es simple, tan
sencillo como lo es. Y luego está, por
ejemplo, así, que tiene muchos
más ingredientes, y Mini aún logró
empacarlos en una sola imagen. Aquí, empiezo a notar
los problemas de proporción como el aguacate se siente un
poco demasiado pequeño en
comparación con todo lo demás. A lo mejor las cebollas, en realidad,
las cebollas parecen estar bien. A lo mejor los platillos rojos
podrían ser un poco más grandes. Pero aún así, creo que
podemos salirnos con la suya. Pero solo salto de nuevo a mi
tabla y te puedo mostrar, también
tenemos las
opciones de proteínas. Y luego también intenté
crear un par de ilustraciones
interesantes,
más abstractas. Me gusta mucho este
estilo de ilustración. Y obviamente, tardaría horas en hacer algo así. Entonces por el bien de
tratar de empacar todo
lo que pueda en este taller. Ya los he generado. Y si nos gusta esta dirección, dirección
visual,
podemos seguir adelante con esto. O, de nuevo, aunque
no siga adelante con esto, siéntase libre de usar estos activos. Estos son ligeramente diferentes. Pero sí, aquí hay
otro con aguacates. Podría generar algunos más
de estos si es necesario.
3. Investigación e inspiración: Entonces otra cosa que es muy
importante y quería
mencionar cuando haces tu
investigación para un proyecto, normalmente
me gusta
dividir mi investigación en estilo y referencias reales de
competidores Y lo que quiero decir con eso
es que es importante buscar diseños
reales para negocios muy
similares. Entonces en este caso, los menús de la barra de
ensaladas, es importante recogerlos. Y puedes ver algunos de estos ejemplos aquí son
en realidad barras de ensalada. Pero al mismo tiempo, no
debes limitarte a concentrarte en eso
porque lo que es más importante o igualmente
importante es encontrar ejemplos de estilos, estilos
visuales que
creas que funcionarían para la marca. Por supuesto, como diseñador, tienes la capacidad de
aplicar ese estilo a lo que sea que
estés trabajando, a
cualquier activo con el que
estés trabajando. Entonces, por ejemplo,
y por eso quería explicar porque he visto esto antes que cuando miro la
investigación de alguien, uno de nuestros estudiantes, digamos, se
enfocaría demasiado y redujo
demasiado su investigación en un nicho muy específico Si bien, por ejemplo,
en este caso, aunque es un menú de barra de ensaladas, pero puedes encontrar si solo
amplías un poco tu búsqueda, puedes encontrar
ejemplos realmente geniales de diseños de menús En este caso, esto es un um
creo que es una hamburguesería, sándwiches y hamburguesas, sí. Entonces se podría decir que es lo
contrario de una barra de ensaladas, pero el estilo de la misma, tanto el menú como el
branding, me gusta mucho. Y puedo imaginar aspectos de esto siendo aplicados
a nuestro proyecto. Entonces esto es lo que quiero decir
que no debes restringirte solo
mirando barras de ensaladas. Aquí hay otro muy buen
ejemplo una barra de fideos, una vez más, muy similar Pero nuevamente, es más una referencia
de estilo. Y aquí, el menú en sí, no
me gusta tanto. Es un poco aburrido, muy repetitivo a la cuadrícula, demasiado enfoque en la cuadrícula No obstante, me encanta su branding. Los desnudos de arena son muy divertidos. Pero sí, me gusta mucho cómo han hecho su exhibición de
su comida también. Nuevamente, el menú no es
el mejor pero sí, principalmente el branding
en este, me encanta. Han hecho un muy
buen trabajo con eso. Estoy tratando de encontrar referencias para la estética y la dirección. Nuevamente, esto es un
poco difícil de leer Barra de jugo
G NGR y
sándwiches. Me encanta el estilo. Me encanta la
sensación general y el aspecto de la misma. Y estoy planeando
incorporar estas extravagantes, ilustraciones de estilo
ligeramente ingenuo o letras a mano Pero, sí, otra vez, otro
muy buen ejemplo. Y entonces esta también es
bastante genial. Una vez más, es más de una referencia de estilo,
pero en este caso, realidad se trata de una barra de ensaladas, menú
muy chulo,
jerarquía muy clara se ve bien. Creo que hubo uno
más si solo vuelvo, creo, sí, este
es el último. También agregué este
porque me gusta mucho. Nuevamente, es esa
ilustración ingenua o, como, casi infantil ilustración
de ilustración infantil, amateur
muy básica,
pero aún funciona Por su consistencia y por la
forma en que se hace. Entonces sí, hasta cosas como esta, obviamente, está muy de moda. Muchas identidades
se están enfocando en estas, como, doodle como ilustraciones Pero esto va incluso
más allá del garabato. Esto es intencionalmente, como
dije, muy infantil. Como, no sé
cómo decir esto. Al igual que, todos los
pesos de línea están cambiando. Es muy desordenado y
caótico, pero funciona. Funciona cuando se
junta en un bonito formato.
4. Configuración de documentos: Creo que empieza a empezar. Por cierto, principalmente
estaremos trabajando en diseño, y ya puedo comenzar a
preparar mi documento ahí. Entonces voy a hacer una
orientación apaisada, tamaño A cuatro. Quiero dos páginas 20 de
margen y seis columnas. Y voy a usar sangrado
también porque estamos
haciendo esto para imprimir, aunque
también es para digital, pero voy a usar una sangría de tres
milímetros Slug no vamos a necesitar, así que
vamos a crear esto. Bien, funcionó. Así que
permítanme guardar esto rápidamente. Pongámoslo en el taller de la barra de
ensaladas. Archivos, y vamos a
guardarlo como menú. Barra de ensaladas. Menú. Cosas buenas. Canalón es el espacio
entre las columnas. Se puede utilizar para un par de
cosas diferentes en el diseño editorial, pero generalmente,
sería el espacio o espacio
vacío entre las columnas. Y para ser honestos, en este caso, puede que ni siquiera
necesitemos el canalón, así que eso es algo
que podemos ajustar posteriormente en los
márgenes de maquetación y columnas Así que siempre puedo
volver aquí e incluso puedo ponerla a cero así. Voy a ver cómo voy a
usar estas guías. Porque obviamente si presiono WD no son parte del diseño, solo me van a ayudar a orientar y alinear
las cosas dentro del diseño Pero en general, estaba pensando en utilizar como el lado izquierdo,
el centro y el derecho. Entonces
sería útil dividir el diseño en tres partes principales, similar a un folleto tríptico Y por eso tengo seis
columnas porque quizá quiera repartir cada una de esas
secciones de nuevo por la mitad. Puedo descomponerlo aún menos. Así que incluso podríamos ir
más allá y tener 12 columnas si
quisiéramos dividirla aún más, pero veremos cuánto
de ella vamos a necesitar. Y obviamente,
tenemos dos páginas, y tenemos una página padre. Si queremos que algo
se repita en ambas páginas, podemos poner algo ahí. Entonces sí, el margen uso 20
milímetros, por cierto, sí. A lo mejor ese es el que estás pidiendo por la
cuneta, yo no la cambié. Eran 4.2 milímetros, pero sólo podemos
cambiarlo a 5 milímetros. Lo único si
cambias alguna configuración en la opción que acabo de
mostrar márgenes y columnas, es importante
asegurarte de que no tienes ninguna de las páginas
seleccionadas o seleccionar ambas páginas y luego
cambiarla porque solo
se aplicará a la página actualmente
seleccionada de lo contrario. Entonces, si tienes ambas páginas seleccionadas y
cambias la Canaleta, ésta debería actualizarse
sobre ambas.
5. Conceptos del bocetado: Creo que es una buena idea
hacer algunos bocetos. Así que saltemos a mi tabla de Milne y
abramos el menú Bien, ahí está el menú. Voy a poner esto
aquí del lado izquierdo, y voy a tener mi
iPad en el lado derecho. Bien, entonces ya
configuré mi wireframe, como mencioné antes, estoy usando un iPad
con un lápiz Apple Por cierto, la mayor parte
del tiempo cuando estoy creando mis bocetos, y uso un layout muy simple,
configuro una capa, medallero, que es mi wireframe, y luego dentro de eso
voy a trabajar Ahora, las tres cosas
que tenemos que
encajar aquí Número uno, tenemos cinco ensaladas de autor. Entonces cinco ensaladas. Bien. Entonces vamos a
mover esto un poco hacia arriba. Entonces tenemos el número dos, tenemos el construir tu propia barra de
ensaladas, construir ensalada. Sección. Y luego tenemos
las sopas y los acompañamientos. Entonces si me desplazo por
aquí, sopas y acompañamientos, sopas y acompañamientos, el número
cuatro son las bebidas. Bien, entonces estas son
las cuatro cosas principales que tenemos que
encajar en el diseño. Simplemente voy a cambiar mi
color a algo diferente. Sí, así que cuando se trata
del diseño en sí, lo que pensé que
voy a hacer aquí con mi wireframe es
que voy a hacer rápidamente tres variaciones, y voy a hacer,
solo voy a escribirlo aquí Esto va a ser el frente y esta va a ser
la parte posterior del diseño. Ahora bien, en términos
de formato digital, esto significaría que tenemos,
obviamente, dos pantallas separadas. Estoy usando un pincel
llamado el cepillo Elder. No estoy seguro de quién es, pero para ser sinceros, Procreate
tiene tantos pinceles buenos, y realmente no importa Cualquier cosa que funcione para ti.
Me gusta este pincel porque tiene la sensación um de lápiz. Entonces sí, es como un
lápiz seis B, un poco parecido a eso. Simplemente se siente un
poco más natural. Bien, ahora,
pensemos en esto. Entonces tenemos estas cinco
categorías cuatro categorías. Siento que una opción
podría ser que
encajemos las cinco
ensaladas principales en el frente, y luego pongamos todo
en la segunda página. Siento que esas cinco ensaladas tienen que destacarse de verdad. Son como los platillos de
autor. Entonces hagamos una
versión así. En primer lugar, tendríamos
el nombre arriba en alguna parte de aquí. Entonces menú, podemos
tenerlo del lado izquierdo, y luego podemos tener si
tenemos todo el espacio para
solo esos cinco platillos, podemos llegar a un par de formas creativas de hacerlo. Entonces podríamos tener, como, el diseño aburrido de
tener los círculos. Por cierto, si presiono
y mantengo pulsado en Procreate, podemos crear formas
redondas más bonitas como esta Entonces podríamos crear un layout
donde tengamos quiero decir, todos estos elementos dispuestos
más como en una cuadrícula. Así que podemos simplemente
duplicar este bit. Así podríamos colocarlos
uno al lado del otro así. Ahora, porque
tenemos cinco de ellos, eso ya no es
perfecto para este diseño, porque
tendríamos tres en una fila y dos
en la segunda fila. Entonces no es como una grilla perfecta. Pero podemos intentar
crearlo de esta manera. Voy a ver
cuál es la mejor. Así que solo voy a hacer
duplicar con ahí, duplicar. Creo que tenemos uno más aquí, y luego una vez más. Bien. Entonces, si vamos por cinco ensaladas exhibidas con sus grandes imágenes, podríamos ponerlas de
muchas maneras diferentes. Esto es obviamente
solo una forma muy rápida y estándar de decirlo. Pero podríamos moverlos
y hacerlos más grandes, estar en los lados
así y cosechar en ellos. Podría perder algunos de los
ingredientes si hacemos esto, pero esto también podría funcionar
como un diseño interesante. Y podría explorar eso
en un boceto separado. Pero por ahora, siento que esta es una de las opciones
que podríamos ir por. Y lo más importante aquí en lo que pensar
es si hacemos esto, entonces ¿cómo agregaríamos el texto? Ahora bien, una cosa que
podríamos hacer es tener el título o el nombre de cada uno
escrito en el mismo lugar. Y la consistencia es importante a la
hora de diseñar menús. Así que piensa en el
aspecto funcional del diseño. Si lo tienes todo de manera consistente
en el mismo lugar, es más fácil para la
gente encontrarlos. Ahora bien, los ingredientes
deberían ser bastante sencillos simplemente con
solo mirar las ensaladas, pero como tenemos esta buena copia aquí
en el fondo, recuerdas que la hemos visto como aproximadamente un párrafo
para cada una de estas, también
sería bueno encontrar una manera de incorporar
eso en el diseño. Entonces esto no es algo que
se me ocurra
aquí en el boceto, y eso también es algo que me
gustaría enfatizar que sus bocetos no son para tratar de replicar
el diseño final Es una exploración, ideación, cualquier cosa que
te ayude a visualizar y recordar lo que se te ocurrió está perfectamente bien No tiene que ser
parecido al diseño final. Ese es el objetivo de
crear bocetos en miniatura. Así que no pierdas
demasiado tiempo realmente refinando tus bocetos
porque es principalmente para ti Sin embargo, si terminas
creando algunos bocetos agradables, por
supuesto, también es bueno
incluirlos en tu presentación Si usas el proyecto
en tu portafolio, siempre
es bueno mostrar de dónde provienen
las ideas y
tu proceso de pensamiento. Pero, por ejemplo, en este caso, simplemente
volvemos a cambiar a un color
diferente. Y entonces siento que los
ingredientes podrían
agregarse tal vez encima
del diseño. Quiero decir, en la parte superior del círculo, dando
vueltas así. Y lo bueno de
esto es que
permitiría menos
texto o más texto, dependiendo de la cantidad de
ingredientes que haya en un platillo. Entonces lo que me aseguraría es que siempre
comiencen en el mismo lugar. Entonces, si va un
poco demasiado hacia abajo, podría ser un
poco difícil de leer. Entonces nuevamente, pensando en el diseño
funcional, pienso alrededor de las 9:00 o 8:00
es donde deberían comenzar, y luego pueden seguir
corriendo en esta dirección. Entonces, obviamente, es una dirección de lectura de izquierda
a derecha. Y por cierto, el
título puede comenzar en el nombre del
platillo puede comenzar a las 6:00 y luego seguir subiendo. Pero volviendo a este color
que usamos, por cierto, si tocas dos veces tu ahora, toca y mantén presionado tu
color en la parte superior derecha, debería cambiar al color usado
anteriormente. Pero sí, así que algunos diseños podrían que el texto vaya más allá. Sólo tienes que ir a hacer mi
pincel un poco más delgado. Mientras que otros tendrán
menos ingredientes, por lo que solo corren hasta allí. Obviamente podemos
llenar el espacio aquí. Podemos tener el lema
escrito aquí arriba. Tenemos un bonito espacio
aquí para texto. Sólo voy a hacer que parezca que
hay algún texto ahí. Y entonces
también podríamos tener tal vez un pequeño lote fresco aquí
con la lechuga comer. Yo sólo voy a escribir
que ahí comen lechuga. Y eso también podría ser en
círculo o como un estilo insignia. Y entonces podemos tener algo de
información aquí también si
necesitamos pero ya
llenaría esta página bastante bien. Y luego avanzando, voy a dibujar la parte posterior de este diseño antes de pasar
a la siguiente idea. Así que escojamos este verde. Entonces la parte de atrás, como dije antes, sería sobre construir tu propia ensalada y luego
sopas y las bebidas. Entonces aquí, si me desplazo un poco hacia abajo, ahora
estamos trabajando con
este segmento de la copia. Siento que construir tu
propia ensalada es muy importante. Entonces o podemos dedicarle dos tercios a eso y un
tercio a las sopas y bebidas. Entonces lo que pienso es
dividir la página en dos tercios donde
tenemos este lado para el
construir tu propia ensalada, y en el lado derecho,
podríamos tener las bebidas. Entonces creo que eso es lo que
voy a hacer en esta versión. Entonces voy a hacer sopas y acompañamientos. Reserva, y luego hacemos bebidas. Tan simple como eso.
Y luego tenemos la sección de ensaladas construida. Ahora ni siquiera voy a
entrar a pensar más en ello, cómo quiero hacerlo dentro eso porque eso es
generalmente ya,
como, expuso todos los segmentos
o secciones
importantes de los que hablamos. Entonces tenemos el número uno
en la primera página, y luego tenemos los otros tres en la segunda
página, así de simple como eso. Bien, ahora, ¿qué otras
cosas podemos hacer aquí? Si tuviera tiempo, normalmente
haría por lo menos de cinco a diez de estos. Entonces tanto para la parte delantera como para la trasera, haría variaciones. Sólo voy a
hacer tal vez uno más porque ya se puede ver
lo que normalmente haría. Sin embargo, lo que voy a hacer es tomar prestado uno de estos círculos, y lo traeré aquí Bien, entonces voy a ensalar una ensaladera, y tal vez esta vez podamos explorar qué pasa si los
hacemos más grandes. También estoy pensando que sí, creo que lo grande es bueno. Y luego vamos a ver si
lo coloco siendo recortado, ¿cómo podríamos
encajarlo de una manera inteligente Si creara una máscara de recorte, podríamos
trabajar aún más rápido Sólo voy a
hacer esto rápidamente. Entonces hagamos uno ahí, uno aquí. Incluso podrían, como, estar
completamente
uno al lado del otro así. Duplicar. Si tengo
dos en la parte inferior, así, creo duplicado. Tenemos espacio para todos ellos. Y el último. Observe cómo estoy tratando de
asegurarme también de no recortar demasiado de los elementos porque quiero asegurarme de que todos los ingredientes sean visibles. Y si recuerdas los diseños o las imágenes que generamos, obviamente
tienen algunas
de estas imágenes tienen los ingredientes o ingredientes
específicos en un solo rincón
de los platillos. Entonces eso es claramente
importante tener en cuenta. Sólo voy a
volver aquí, seleccionar estas cinco primeras de las
imágenes, agruparlas. Sí. Y luego aplanar.
Lo siento. Sí, ese es el indicado. Y luego vamos
a borrar estos bits aquí. Nuevamente, no me preocupa
demasiado hacer
esta súper apretada. Sólo estoy pensando en la colocación. Entonces sí, si los hice grandes, y eso es una cosa
que en el diseño, funciona muy bien,
sobre todo si tienes muy buenas imágenes que
quieres enfocar en esas imágenes. Así que escalar las cosas, hacer algo muy grande
puede funcionar muy bien. Por lo general, funciona bien si puedes contrastarlo con elementos
más pequeños. Entonces por qué creo que aquí podríamos hacer voy a usar este color azul otra vez solo para cambiar mi color. Obviamente, tendríamos que tener el menú escrito en alguna parte, y por cierto,
diría menú de la barra de ensaladas. No tengo que anotar
todo en mi sketch. Nuevamente, no tiene sentido. Lo que pensé que
podíamos hacer, obviamente, tenemos un gran espacio
aquí en el medio, que tenemos que
pensar en cómo llenar. Pero lo que puedo hacer es tener un pequeño segmento en el
medio recortado,
y ahí es donde
ponemos el texto, ¿verdad Entonces eso sería
bastante interesante. Mira los círculos que estoy dibujando. Por alguna razón procret Sí, no quiere ayudarme. Bien. Nuevamente, no tenemos que
hacer esto para todos ellos, pero ya te puedes imaginar
que solo tendríamos un círculo blanco superpuesto en
el centro de estas bolas, y luego agregaríamos los ingredientes ahí y
la descripción y el
nombre de los platillos Ahora bien, el nombre de
los platillos podría incluso superponerse aún más, habiendo escrito
así con letras grandes El único problema con eso es que
tendríamos que asegurarnos, nuevo, no encubrimos
demasiado de las imágenes, sino porque ya
son tan grandes, aún
deberían tener suficiente espacio para revelar de
qué se trata el platillo. El único problema con
esto es que algunos de los nombres son bastante
largos, como este. Entonces tal vez necesitemos
simplificar esto un poco. Esta se llama la I am
trying to B Healthy salad. Entonces, si tuviéramos que ir con este diseño que
podría ser muy largo, la
mayoría de ellos son en realidad
bastante largos, aparte de Kalia Con Kalia,
funcionaría muy bien. El clásico sobre el cumplidor, eso también es un
poco largo Entonces para este ejemplo, podría tener que
simplificar los nombres, tal vez darles como una palabra clave que realmente los
separe de los demás. Y entonces el título más descriptivo podría
estar en esa burbuja. Sí, así veremos
veremos si funciona o no. Pero, ¿por qué usaría
la parte central? Bueno, ahí podríamos tener el
lema escrito. También podemos tener
algunos
ingredientes más pequeños, como, flotando
alrededor de estos platillos para que parezca que
estaba en la misma mesa, simplemente dispuestos uno
al lado del otro. Creo que eso
funcionaría bastante bien. Y entonces, para ser honestos, para la espalda lo único que pensaría en hacer de otra manera es cómo
separo la página. Entonces, si pensamos en cómo se
trazó
la primera página en estos grandes círculos, tal vez una cosa que
podríamos hacer para la segunda página es tratar de
replicar eso de alguna manera Entonces lo que podríamos hacer es quizás usar un semicírculo grande,
como, En la parte superior, así,
que es para el construir
tu sección de ensaladas. Y luego para las
sopas y los lados, podríamos usar un círculo. De nuevo, podríamos pensar
en hacer un círculo como este tal vez. Ahí hay una sección. Déjame dibujar mejor esto. Como un segmento así, y otro segmento ahí. Nuevamente, va con el mismo
estilo que tenemos arriba. Y entonces solo
escribiré las cosas aquí. Esta es la sección de
ensaladas facturadas, sopas más bebidas, sin sopas
y acompañamientos, y luego bebidas Bien. Sí, así que ese es
otro. Y pueden ver, una de las cosas importantes que
estoy teniendo en cuenta es que quiero tener conexión
entre estos elementos. Entonces quiero asegurarme, quiero decir, el frente y
la parte posterior del diseño. Quiero asegurarme de que esto, la parte delantera y la trasera, ya sea cuando se ve
uno al lado del otro, recuerda , de
nuevo, podría ser en dos
pantallas en la pared, realmente
deberían
sentir que son parte
de lo mismo. Nuevamente, lo mismo
aquí con este diseño, tendríamos que
llevar de alguna manera la estética y la sensación general de lo que creamos aquí
a la segunda página. Y eso podría ser
simplemente los colores y las fuentes y como las proporciones de las cosas
que estamos usando. Pero
también podría ser como un
tema general que lo que he estado haciendo aquí de usar estos círculos recortados que aparecen tanto en la
parte delantera como en la parte posterior,
las formas realmente, como, grandes
que unificamos Eso sería interesante si
pudiéramos hacer las dos, porque eso, por cierto, también
es algo
que me gusta hacer. Yo no me gusta asentarme
demasiado en un diseño, antes de refinarlo por completo. Y también es bueno
hacer eso y presentarle al cliente
un par de opciones. Al menos normalmente
haría tres variaciones.
6. InDesign y creación de imágenes: Bien, así que vamos
a saltar en el diseño. Bien. Lo primero es lo primero, voy a configurar mis capas. Normalmente trabajaría con
una capa para el texto. En realidad, primero voy a hacer una capa de
fondo. Después crearé una capa para el texto y luego finalmente
una capa para imágenes. Ahora bien, las imágenes, en este caso, muy
probablemente
estarán debajo del texto, por lo que ese será el
orden de las capas. Pero en muchos casos,
es posible que necesites terminar creando una cuarta capa donde las imágenes se superpongan al texto si alguna vez
quieres hacer eso. Pero normalmente este es el pedido que
quieres hacerlos. Y vamos a estar usando estilos de
párrafo seguro, así que los voy a mantener aquí arriba. También voy a hacer pop en los estilos de personaje porque los
usaremos también. Las páginas que ya configuramos, así que no tenemos que
preocuparnos por eso. Y creo que eso es todo por ahora. Por cierto, solo vale la pena
mencionar que
también puedes generar cosas
directamente dentro en el diseño. Se puede utilizar relleno generativo
o lo mismo que confía en Adobe Firefly dentro en el diseño es el modelo de
texto a imagen O sea, se puede ver eso si
usamos uno de los prompts que
utilicé a mediados de viaje, solo como un
experimento interesante Uno de estos que me parece está muy
bien elaborado como éste, podríamos probar esto
y crear un marco, haciéndolo formato cuadrado, dejar caer el texto aquí, y luego voy a decir generar. Creo que eso es todo
lo que necesito para configurar. Entonces este es el texto a imagen función
Adobe Firefly
dentro en el diseño La razón por la que estoy mostrando
esto es porque obviamente, no todos ustedes tienen
acceso a Mid journey, y pueden ver que en realidad
hizo un muy buen trabajo. No está nada mal como esta,
en particular, se ve muy bien. Entonces sí, se ven realistas. En cierto modo,
incluso se podría argumentar que podría ser incluso mejor que a mitad de viaje. Entonces es sorprendente a veces
lo buena que puede ser la luciérnaga
mientras que en otros casos, lo mala que puede ser, pero definitivamente
vale la pena experimentar con ella si necesitas
generar activos. Aunque, por supuesto, también se
pueden buscar en línea los activos
de acciones que en
realidad se basan en fotografías, fotografías
reales. Si eso es muy importante
para el cliente, obviamente
tienes que
asegurarte de hacerlo. Pero lo que me gusta
hacer es incluso si
termino usando una
imagen generada en mi composición, solo
puedo decirle al cliente que si te gusta
la forma en que se ve esto, solo
podemos tener un día de sesión de
fotos con tu chef y luego hacer estas fotografías
reales reales dispuestas de manera similar. Entonces creo que
lo asombroso de las imágenes generadas
es que es muy útil para tu cliente
entender lo que
buscas sin que pases demasiado tiempo recorriendo Internet,
buscando fotos de archivo reales,
que, en
la buscando fotos de archivo reales,
que, mayoría de los casos,
como aquí, donde necesitábamos los ingredientes específicos
apenas cualquier ingrediente Queríamos que estos ingredientes, estos greens específicos
se colocaran uno al lado del
otro en formato circular. Eso sería muy
difícil de encontrar casi imposible porque es muy específico. De nuevo, volviendo aquí, si miramos, por ejemplo,
las opciones de proteínas, para asegurarnos de que son exactamente
estas opciones de proteínas que teníamos en el menú, se
muestran en un diseño
circular. Estoy casi seguro de que no
encontrarías ese ejemplo exacto sin obviamente
tuvieras que armar
las cosas manualmente, y eso podría llevar mucho
tiempo, y al final, un cliente podría cambiar de opinión y ni siquiera
quiere esa dirección. Entonces, para la exploración
y la iteración rápida, la IA
generativa es brillante Bien, así que
voy a dejar esto aquí
en la mesa de trabajo Solo quería mencionar esto que aquí tenemos esta
opción, claro.
7. Flujo de trabajo de imágenes y enmascaramiento: Lo que voy a
hacer es descargar estas imágenes. Entonces, antes que nada, necesito
estas cinco imágenes. Entonces descargaré imágenes
originales, y las dejaré caer en mi otra carpeta
donde estoy trabajando. Así que los archivos, y voy a crear una carpeta de enlaces
y colocarlos ahí dentro. Y en realidad voy
a renombrar estos y lo
llamaré ensaladas de firma. Y si, eso me gusta. Bien. Ahora podemos
dejarlos caer en el diseño. Y en diseño, tienes esta característica llamada
codicioso Pi Si haces clic y arrastras y luego presionas flecha
derecha un par de veces, puedes colocarlos todos en. Sólo voy a
colocarlos en todos a la vez. Y entonces lo primero
que tendremos que hacer es deshacernos de sus antecedentes
originales. Y además, sólo voy
a asegurarme de que estos estén encajados dentro de su marco. Así, sí. Así que
déjame acercarme un poco más. Bien. Así que lo primero que hay que
hacer rápido es sacar a la mayoría de estos. Entonces eso no es algo que tengamos
actualmente en el diseño. En realidad sería una característica
muy útil, pero no creo que lo
tengan aquí todavía. Lo más probable es
que lo traigan. expansión generativa está ahí, así que podemos expandir las imágenes, pero no podemos eliminar el
fondo rápidamente Entonces para eso, necesito
alterar la opción, hacer
doble clic en la imagen, que la
abrirá en Photoshop, y ahí tenemos la opción de fondo
eliminado. No obstante, como puedes ver, encontró bastante bien los bordes, pero debido a que la pelota es tan similar al color de
fondo, todavía no hizo un buen trabajo. Entonces voy a intentar usar
la selección circular. Así Eliptico herramienta de mercado. Y déjame rehacer esto. Haga clic y arrastre, y luego
con la barra espaciadora, en realidad
puede incluso mejor. Vamos a usar una forma, la herramienta Elipse establecida en trazado,
y vamos a dibujar este camino Y entonces lo que podemos
hacer es alinearlo arriba y abajo. Así. Arrastra esto
un poco aquí en la parte superior. Si hay algún detalle
que salga del cuenco, obviamente
podemos ajustarlo. Pero por ahora,
siento que eso está bastante
cerca de lo que necesitamos, y luego simplemente convertimos esto en una máscara vectorial por comando o control
haciendo clic en el icono de la máscara. Entonces eso va a
crear una máscara vectorial, y luego solo tenemos que
asegurarnos de que esta se guarde como un archivo photoshop. Y luego dentro en diseño, solo
tenemos que dejar caer la versión
del archivo Photoshop para reemplazar el JPEG. Boom. Eso es. Bien. una sutil diferencia
en los colores. Creo que eso es porque en
el original teníamos SRGB, y el nuevo,
tenemos Adobe RGB Pero de todos modos, ahora tenemos
este enmascarado. Así que vamos a repetir
lo mismo rápidamente para estos otros. Voy a alterar opción doble click
sobre esta otra imagen, retirar de nuevo un camino no tiene
que
ser un círculo perfecto. Y luego vamos a
ajustarlo a los bordes. En realidad, antes de hacer esto, veamos si el
fondo eliminado funciona aquí. Ahora, todavía no
nos limitamos
a apegarnos a nuestra opción de máscara de ruta y
vector. Debido a que estamos usando un archivo PSD, no
me
preocupa demasiado hacer esto perfecto. Es como una forma rugosa, y luego la convertimos
en una máscara, segura. Siempre se puede
refinar esto más adelante. Ese ya está hecho.
Volvamos a dejarlo caer. Boom. Bien. Y luego tenemos que hacerlo rápido
con los otros dos. Y aquí puedo ver ya que tenemos un pequeño detalle saliendo
de los bordes de la pelota. Entonces eso es algo
que tenemos que dar cuenta con nuestra máscara. A ver si puedo
meter esto aquí. Por cierto, si
tienes un trazado que no
parece estar funcionando bien, también
puedes entrar y usar
la herramienta de selección directa y ajustar los mangos para
ajustarlo aún más cerca. Como aquí, se puede
ver,
lo estoy ajustando así ya se ve
más ajustado. También puedo mover ese
punto un poco más alto. Ese se siente mejor en
ese espacio. Entonces sí, si quiero
que sea más específico, puedo hacer estos ajustes
y sacar ese un poco. Y en la parte inferior también, podemos encajar esto un
poco más adentro. Ojalá, esta sea una
técnica útil para todos. Pero sí, entonces lo que
haría aquí es que primero
crearía una máscara
a partir de esta ruta, comando, clic en la máscara, y
luego seleccionaría la máscara y reduciría la densidad para poder ver dónde
se supone que debe estar la hoja. Y luego usa la herramienta
pluma, conéctalo para agregar o combinar formas, y simplemente tener
esa máscara seleccionada. Es importante. La máscara
necesita ser resaltada. Puedes dibujar sobre
esa parte faltante, y yo puedo
seguir la forma de ese
detalle que sale. Y eso es todo. Solo dale la vuelta, libro, listo. Y luego
volveré y aumentaré la densidad, y se ve bien. A ver. Sí, se ve genial. Simplemente mostrándolo de
cerca a todos. Entonces son dos formas
ahora dentro de la máscara. Si vuelvo, hay una forma ahí y
una forma grande detrás. Todo no destructivo, obviamente, porque son todas formas vectoriales, y se guarda como una máscara. Entonces ahora volvemos aquí, lo dejamos
caer, pop hecho, y luego creo que
tenemos dos más
que hacer que uno no parece tener
ninguna forma fuera de ella. O sea, cualquier
detalle fuera de límites que nos deba
preocupar ,
tenemos que preocuparnos Vamos a arrastrar esto hacia abajo. Como dije,
no voy a pasar demasiado tiempo refinando
esto por ahora. Simplemente consíguelo aproximadamente en
su lugar y luego haga popó, guarde y cierre, cierre
y deje caer aquí Este fue el número cinco. Sí, listo. Y entonces el número
dos es el último. Forma, dibujo y línea. Y ya terminamos. Oh, lo siento. Almizcle. Eso es. Guardar, cerrar y traer. Ensalada también. Bien, genial. Así que eso llevaba un
poco de tiempo, pero todavía tenemos que, obviamente,
configurar las cosas de esa manera.
8. Conceptos básicos de tipografía: Ahora comenzaremos
a agregar el texto. Así que todavía no me voy a
preocupar por las opciones de fuente, primero
me preocupa la
ubicación. Entonces esa es otra
cosa que
realmente puedes perder mucho tiempo
en elegir las fuentes adecuadas. Soy un firme creyente de que primero configurar un diseño es más importante a dónde van las cosas, qué tamaños tomará el texto, y luego pensar en
las fuentes reales Entonces, en cierto modo, uso como
un texto marcador de posición, aunque el texto en sí
en realidad ya está usando la
copia con la que trabajamos, pero la
elección de fuente real viene más tarde Eso es casi como
vestir el texto. Esa es la forma en que pienso al
respecto, de todos modos. Entonces me gusta poner primero los maniquíes en su lugar y
después los vestidos Bien, entonces menú de la barra de ensaladas. Ese es nuestro título. Hecho.
Hagamos esto más grande. Bien. Podemos decidir cómo
queremos poner esto. Voy a hacerlo simplemente
en dos líneas por ahora, y luego lo
alinearé a nuestro margen solo
para ver dónde está el margen. Sí, el margen puede
ser un poco demasiado grande, pero veremos de nuevo más adelante
cómo funciona eso. Probablemente voy a hacer el
menú ya más grande. Así que vamos a tener un
poco más de espacio aquí. Vamos a hacer el menú más grande, y voy a
reducir el seguimiento. Y ahora sólo voy a hacer todo
un poco más pequeño. Bien, eso es bueno.
Siempre que cambies el tamaño del texto, puedes usar
atajos de teclado en diseño, Comando o Mayús de Control, punto
completo
para aumentar y disminuir el tamaño Alt o opción flecha arriba y abajo
es cambiar el interlineado. Y también cuando tienes
las cosas bien establecidas, también
puedes usar Comando
o Control Shift, arrastra un punto de esquina para cambiar
el tamaño también rápidamente. Entonces tenemos el nombre ahí arriba. Ahora bien, si volvemos a Milind, solo
quiero volver a una
copia y recordarnos a nosotros mismos, en realidad, no a esta Recuérdennos, el
eslogan era, comamos. Pero también están estas
líneas de etiqueta lanzadas de amor, vestidas para impresionar y siempre
listas para crujir o un país de las maravillas crujiente y crujiente donde
cada
bocado O bien, bienvenido al lado
salvaje de las ensaladas, tanto frescas como totalmente deliciosas.
Ese me gusta bastante. Bienvenido al
lado salvaje de las ensaladas. Ahora bien, si vamos
por una copia como esta, también
tenemos que
pensar en cómo podemos representar eso en
términos de estilismo. Entonces, si queremos
ir un poco salvajes, tal vez
podamos hacer que
nuestra tipografía principal un poco salvaje o tal vez tener
algunos elementos que
tal vez sea como líneas dibujadas
a mano que
hacen que las cosas se vean un
poco Creo que voy
a ir por esto, y voy a enfatizar eso. Igualmente, si fui por
otro ejemplar donde dice vestido para impresionar
arrojado de amor Ahí tal vez los corazones
podrían haber elementos que
usaríamos vestido para impresionar, nuevo, algo que
enfatiza vestirse bien. Aquí se trata más de los
bocados, crujientes y crujientes. Entonces cada una de estas copias
enfatiza un ángulo específico, y que como diseñador, debes y tienes que
enfatizar y jugar con él. Bien, ahí sólo voy a
hacer espacio. Sí. Ya, voy a
quitar los guiones este texto para asegurarme
de que no
se separen Lo haré más grande
y luego lo centraré por ahora y tal vez lo haré
algo así. Bien. Ahora, no te preocupes por
las opciones de fuente. Como dije, es
sólo una fuente por defecto. Mini y Pro se ven
muy mal o como, realmente aburridos. No está mal. Es una fuente muy buena, pero el
momento solo se ve aburrida, pero verás
cuánto va a mejorar una vez que encontremos las
fuentes adecuadas para trabajar. Pero solo queremos poner
las cosas en su lugar primero. Eso es lo más importante. A donde van las cosas es
más importante. Voy a tener
otro ejemplar en algún lugar con como lema o
este otro eslogan, el comamos. Y esta voy a poner en
todas las mayúsculas, sin guiones. Así que pongamos eso en
algún lugar en la parte inferior. Um siempre
podría entrar aquí o arriba a la derecha. Podemos encontrar un lugar
para ello más tarde. Y luego dentro en diseño, si alguien va a buscar más, deberías poder
buscar una fuente. Yo sólo voy a hacer PhoenixN. Bien, vamos a
entrar en el tipo Adobe Fonts. Es más fácil en línea, en realidad. Parece que podría
no ser fuentes de Adobe. Sólo voy a buscarlo
por separado. A ver si está
aquí. Ah, sí. Encontré esa. Bien. Entonces ya
podemos tener esa lista. Pero sí, volveremos
a las fuentes más tarde por ahora.
9. Incorporación de elementos de diseño: Bien,
volvamos a meternos en el diseño. Entonces queremos tener,
como dije antes, estas formas
encima de los platillos, recortando de ellos. Probablemente quiero tener
alrededor de mi espacio utilizado. Así que simplemente cambiaría
el color a blanco. Bien. Y luego quiero
asegurarme de que estén alineados en el centro perfecto
de las formas detrás de ellos. Entonces me alineo y alineo así. Yo solo uso la opción de centro alineado horizontal y
verticalmente. Y entonces me aseguraré de
que se
duplique la misma forma para cada una de
estas otras formas aquí. Nuevamente, voy a alinear
centro centro así. Y entonces si es
necesario, puedo mover a estos dos de vuelta donde
quería que estuvieran. Bien. Ahora, ya, puedo
ver que en este caso, las bayas se están
perdiendo un poco porque estaban más en
el centro del platillo, pero siguen siendo
ligeramente visibles, así que no me preocupa demasiado. Entonces creo que está bien por ahora. Entonces déjame también simplemente
hacer algo rápido. Me doy cuenta de que mi texto
no está en la capa de texto, así que solo voy a
seleccionarlos y soltarlos
en la capa de texto, y voy a bloquear
esa capa por ahora. También bloquearé mi capa de
fondo para que no
ponga cosas ahí accidentalmente. Esta forma puede estar en la capa de imágenes porque está
conectada a las imágenes. Así que de nuevo, voy a alinear estos entre sí y
luego moverlos de nuevo hacia abajo. Sí. Eso se ve bien. Ahora, aquí, este círculo empieza a terminar estando demasiado cerca
del borde de la página. Eso podría ser un problema. Entonces lo que voy a tratar de
hacer es mover esto un
poco hacia arriba, así. Y entonces esto puede ir un
poco a la izquierda. Bien. Pongamos uno
más de estos aquí arriba. De nuevo, alinear una línea se ve bien. Luego alinee una línea en
esa también. Boom, boom, y luego
muévelo de nuevo hacia arriba. Sí, creo que las placas
pueden superponerse un poco. Una superposición sutil como esa se ve realista. Yo pienso,
algo así. De nuevo, asegúrate de que no
vaya demasiado lejos hasta el borde. La caja, al menos ese círculo tiene que bajar un poco más. Tengo ganas de estar
más cerca del margen.
10. Perfeccionamiento de texto: Bien. Y entonces puedo tapar las imágenes ahora y
estaremos trabajando con el texto Ciertamente, ese es un tema que podría
parecer donas Pero veamos cómo quedará
una vez que tengamos el texto en. Entonces voy a cambiar el tamaño del texto probablemente bajando
a diez puntos por ahora, y luego vamos
a traer la copia. Entonces tenemos que volver a Monat, y necesitamos el segundo ejemplar Entonces comencemos con éste. La copia clásica de los overachievers. También tenemos que recordar
hacer espacio para los precios. Entonces primero, éste, voy a hacer que el texto sea
aún más pequeño así. El texto central tendría sentido. No me gusta el texto central, pero en este caso,
creo que tiene sentido. Así que lo voy a
mantener así. O podríamos usar en realidad un
círculo para nuestro texto. Supongo. Nuevamente, no me gusta
poner texto en círculo, pero tal vez en este caso, podamos hacer una excepción. Entonces, si utilizo la misma
forma que tenemos aquí, esa forma blanca, en realidad
podríamos poner
el texto dentro de esa. Entonces, si copio este texto,
y uso mi herramienta de tipo y hago clic dentro de esa forma, solo
puedo poner el
texto ahí. Y entonces lo que haría en diseño es presionar
Commando Control
B, B porque no sé, frontera. Lo puedes recordar de eso. Pero esas son las opciones del
marco de texto. Box en realidad probablemente tenga más
sentido. Cuadro de texto, y luego use
el espaciado de inserción. Probablemente quieras
aumentarlo
hasta 3 milímetros y
luego hacer clic en Bien. Quieres asegurarte de que el texto
no tenga separación por sílabas, y solo vamos a
hacer que el texto sea más pequeño tal vez siete puntos por
ahora u ocho Hagamos siete puntos así. Y entonces en realidad voy
a hacer una cosa adicional. Voy a alinearlo
al centro así. Creo que se ve bastante bien. Bien. Ahora, ya,
eso es una cosa que podríamos aplicar a todos
estos círculos creando
un estilo de objeto. Entonces voy al
menú Ventana estilos de objeto, y luego creo un nuevo estilo
mientras este está seleccionado. Alterar opción, haga clic en el
signo más y luego
llamarlo cuadros de texto de círculo pequeño Llamados libros de texto circulares,
aplicar estilo a la selección. Bien. Y luego podemos seleccionar todos estos otros y seleccionar
el mismo estilo para ellos. Bien. Borrar anulaciones Sí, debería funcionar. Y luego solo
usemos la misma copia, y solo voy a dejarla caer
rápidamente en cada una de estas solo para ver si
funcionó. Sí, funcionó. Ahora sólo voy a traer
el ejemplar de Milanat. Entonces tenemos la segunda, la matanza, que es ésta. Oh, hay
algo que no
consiguió el espaciado interior no parece estar
funcionando por alguna razón. Sí. Simplemente no me refresqué correctamente.
Eso es muy extraño. Una de las peculiares del diseño. Nunca antes había visto eso. Pero solo ve a actualizarlos todos
rápidamente. Bien. Entonces, este ya está
en el lugar correcto. Tenemos que conseguir el otro. César no te puedes resistir. Sí. Entonces tenemos la ensalada de situación
picante. Deja caer eso y luego el último deja caer
eso ahí dentro. Bien. Fresco. Entonces solo estoy
comprobando los márgenes. La mayor parte de mi texto está dentro de
los márgenes, así que está bien. Aparte de este de aquí a
la izquierda está un poco
demasiado cerca del borde, pero esto siempre se podría
mover un poco más alto. Sólo aléjate. Sí. Ahora está más
cerca del centro. Bien. Ahora, tenemos que
asegurarnos de que tenemos espacio para los
nombres de estos platillos. Y para esto, como
mencioné anteriormente, podemos explorar
diferentes layouts. Pensé en volver a tener el nombre
superpuesto en la imagen. Así que sólo voy a
usar otro círculo, solo un marco vacío, un círculo. Y sería útil alinearlo con esa
otra forma detrás de ella. Entonces solo
lo alinearía así por ahora, y voy a poner esto
en la capa de texto. Tiene sentido tenerlo ahí. Y para ser honestos, todos estos círculos deberían estar también en
la capa de texto. Así que sólo voy a esconder esto
por un segundo, este círculo. Y voy a
mover estas formas porque ahora las tenemos en
esos círculos. En realidad deberían estar
en la capa de texto, sí. Y ese círculo que
acabo de crear, quiero ponerle encima. Por ahora, en realidad,
sólo voy a hacer una capa separada. Tendrá más sentido
separar las cosas. Entonces estos serán los nombres de las ensaladas o
los nombres de los platillos. Nombres de platillos, y pondré
ese círculo ahí para poder bloquear esto y
las imágenes también. Bien. Ahora bien, esto que recuerdo
se llamaba Kill. Tengo este seleccionado. Y luego si voy
al tipo en una
herramienta de trayectoria aquí en diseño, podemos simplemente dar click en Me refiero
al círculo y escribir en Ke. Ese es el título del nombre. Y lo que voy a hacer
es simplemente elegir una fuente como Hevita es una fuente que
nos gusta mucho usar O Avenir es bueno por ahora, o el gordo Frank también es
bueno Todos estos podrían
funcionar bastante bien. Voy a hacerlo grande
y lo pondré en blanco. Y así tenemos que
comprobar si
va a ser lo suficientemente visible. Y por supuesto, cuando
uses esta función, podrás mover el
punto inicial y final fácilmente. Así que normalmente establecería el
punto final para que sea el fondo, así que eso es como las 6:00. Y luego el punto de inicio se
puede mover fácilmente. Como, en este caso,
siento que en algún lugar por aquí es un buen comienzo
porque la col rizada está ahí Pero de nuevo, podríamos volver a la imagen misma y
poder girarla alrededor. Solo asegurándonos de que no
perdamos la salsa en el fondo. Sí, algo así. Ahora vuelve al texto y ahora vuelve a rotarlo
un poco. Sí, algo así. Siento que si todos los
platillos solo tienen dos palabras, este estilo podría funcionar, y podría ser bastante
agradable e interesante. Podríamos reducir la opacidad de estos círculos que se
superponen sobre la ensalada Si entro en la transparencia de este objeto,
podríamos hacerlo. Entonces si solo voy
al porque no puedes
hacerlo con el tinte, tiene
que ser la transparencia. Vamos a la ventana. Objeto. En realidad,
no es transparencia. Cómo se llama Audiencia en diseño por la
opacidad, se me olvidó Efectos. Ese es el indicado. El panel de efectos. Entonces al
tener esto seleccionado, quiero que se reduzca la
opacidad de sentir, solo para ver cómo se ve No estoy seguro de por qué no se está actualizando. Oh, tengo seleccionada la
capa equivocada. Entonces no son las imágenes, la capa de texto, esta. Así que siente la opacidad reducida. Quiero decir, podría ser una buena idea. Funcionaría, pero va a hacer que el texto sea difícil de leer. Siempre se podría tener que ver
un poco a través, como 90%. Pero para ser sinceros, no soy
un gran fan de hacer eso. Verás un poco más de
la comida, pero como dije, no
estamos encubriendo elementos
importantes de la comida. Vemos suficiente de los
ingredientes alrededor del círculo. Así que en realidad prefiero
mantenerlo así porque cuando
miras esto desde la distancia, solo
voy a hacer que
mi pantalla sea más grande. Observe cómo ver
a través del círculo, realmente
no agrega
mucho al diseño. Obviamente, ya se puede ver toda
la pelota. Entonces se ve un poco
menos como donas, pero solo reduce la visibilidad o
legibilidad del texto Entonces, en términos de función, esto es una desventaja. Así que sí, podríamos probar
otros colores también, pero me gusta la sencillez de la forma en
que se veía antes. Así que sólo voy a volver a tenerlo completamente
lleno de blanco. Podemos explorar diferentes colores. Esa es
realmente una buena idea. Entonces, si tuviéramos un color
como, no sé, uh, me gusta un color azul, y entonces obviamente
el texto en sí podría ser blanco, algo así. Esa es en realidad una mejor idea. Eso me gusta más. Y claro, podríamos tener algo
funky e interesante color Entonces si entro,
vamos a hacer HSB, podemos escoger hasta
podría escoger colores
del plato en sí, pero solo voy
a escoger algo así como un bonito
color pastoso como este Creo que eso ya está
funcionando un poco mejor. Lo voy a mantener
así por ahora y
volveremos a eso más tarde. Pero sí, esto es algo que ya
me gusta un
poquito más. Podríamos experimentar
con diferentes colores, tal vez simplemente mantenerlo así. Tal vez hacerlo un
poco más oscuro. Lo único con esto es que probablemente necesitaremos usar el mismo color para
todos los círculos. De lo contrario, puede llegar a ser un
poco demasiado abrumador. O potencialmente
podríamos usar cada uno quiero decir, tener un patrón,
blanco verde blanco, verde, blanco,
algo así. Y entonces si el texto también se
ponía en verde, crearía ese patrón o continuaría ese
patrón en un círculo. Voy a seguir añadiendo los títulos sobre los
nombres, los nombres de los platillos. Entonces, permítanme copiar este
texto y moverlo por aquí. Y trata de alinear esto
con el otro círculo. Entonces un círculo y luego el círculo
crujiente, alinean una línea. Y entonces acabamos perder la alineación en el centro de ese
marco pero por ahora. Voy a guardarlo
así. Creo que está bien. Entonces este es el texto
original aquí estaba, si volvemos, fue
César, no puedes resistirte Voy a pedirle al
Che GPT que me ayude. Sólo vamos a darle a este plato de bolas de ensalada un nombre compuesto por dos palabras,
dos palabras cortas. Dame diez opciones. A ver. Bien, crujido César. El crujido César es bueno. Crisp royal también es bueno. Hmm lanzamiento de toga. Creo que iré
por el crujido César. Creo que eso es bastante agradable. Sí. Crujiente César. Se ve bien. Ahora, de nuevo,
ya puedo ver que el texto va
a ser muy difícil de leer en este formato. Entonces eso es otra vez, algo
que tendremos que abordar. Obviamente puedo mover este
texto un poco más alto, tal vez alinearlo a la derecha. También podemos verificar
si podemos ajustar la imagen girando la imagen
si consigue más legibilidad Ya ves aquí,
se ve un poco mejor. Legibilidad. Observe
cómo ese detalle que nos preocupaba
antes ascendió ahora. Pero claro,
podríamos introducir un poco de sombra paralela. Tengo muchas ganas de evitar
usar sombras paralelas, pero en este caso,
creo que podríamos introducirlo de manera suave. Si modifica la opción,
haga clic en la sombra. Puedes tener refinamientos en él. Voy a tener distancia cero, y voy a tener tal vez el tamaño
un poco más grande. Sí, algo así. Creo que eso es bastante agradable. Entonces de inmediato,
el texto se ve mejor. Por lo que ahora sólo podemos dar la
vuelta al platillo incluso en esta dirección
u orientación. Todavía podemos leerlo. Sí,
creo que se ve bien. Y luego, por supuesto, esto se puede guardar como otro estilo de objeto. Recuerda que con en el diseño, siempre que uses configuración de
opacidad o un efecto como
dropshadow que necesita ser guardado como un estilo de objeto, mientras que el estilo de párrafo
estilo párrafo solo para mostrarte
no incluye esa Entonces tenemos que guardar esto
tanto como un estilo de párrafo, que ya podemos hacer ahora. Lo guardaré, y lo
llamaré nombre de plato, nombre plato
característico o tazón. Sí, vamos a llamarlo nombre de la ensalada de la
firma. Y aplica estilo a la selección. Sí, está bien. Y una vez que
hayamos guardado ese, podemos entrar en estilos, estilos de
objeto. Y voy a
poner esto aquí en el fondo solo para que
podamos volver a ello. Y también queremos guardar esto como el nombre de la ensalada de la firma, o simplemente podemos
llamarlo sombra sutil, y podemos guardarlo así. Por cierto, si incluyo el estilo de párrafo
dentro del estilo de objeto, entonces de alguna manera,
anidarlo ahí, será más fácil de aplicar Ahora, por ejemplo, si
selecciono este de aquí, solo
puedo elegir este
sutil estilo de objeto de sombra, y automáticamente también
aplica el estilo de párrafo. Solo para demostrar esto, si selecciono ese texto
y cambio la fuente a otra
cosa así,
habiéndolo seleccionado, solo elijo el estilo sutil del objeto de sombra
y digo anulaciones claras ¿Por qué no cambia? Ponlo a ninguno, ¿y luego eso? Hmm. No estoy seguro de por
qué no es aplicar estilo
y claro claro o todo. Todavía no lo
hace. No estoy seguro de por qué. Pero sólo voy a ir
con ambos estilos guardados. Sí, estaba extraño. Algo que olvidé
instalar probablemente aquí. Pero, sí, está bien. Vamos a poner esto
rápidamente aquí arriba. Voy a mover el texto hacia abajo, y luego necesitamos el
nombre para éste. Entonces esta fue la tercera. ¿Lo puse en el
lugar correcto? ¿El otro? Sí, ese es el
crujido casar. Eso está bien. Kala Y esta cuarta fue
la situación picante. Situación picante,
tal vez podamos encajar eso. A ver si me muevo
esto un poco hacia abajo. Sí, creo que está bien. Y ya tiene la
sombra en él también. Sin la sombra
se ve así. Con la sombra se ve así. Sí, creo que está bien. Se ve bien. Y entonces
podremos tener el último. Ahora bien, este va a ser
un poco complicado porque necesitamos encajar el texto en
la parte inferior del círculo. Quiero decir, no es tan complicado. Solo hay que ser astutos al
respecto, cómo hacemos esto. Entonces, qué tenemos que hacer
aquí y voy a mostrar esto en el costado solo para asegurarme de que sea
fácil ver lo que estoy haciendo. Entonces el apellido de la ensalada se llama Estoy
tratando de ser Ensalada Saludable. Voy a volver a usar
Chad GPT y luego decir, solo
quiero dos palabras para esto Estos ingredientes.
Blanco todo mordido, hoja
de poder,
impulso de baya, bola de Zan. Eso me gusta. Bola de Zan. Vamos a llamarlo Zan Ball. Bien. Entonces lo que quería mostrar, nuevo, esto es muy extraño. ¿Por qué está teniendo la sombra
del No estaba refrescando
la sombra de inmediato Entonces lo que quería mostrar
aquí es que obviamente, en lugar de tener el texto
al revés así,
tendremos que escribir esto
en la otra orientación. Entonces lo que tienes que hacer es
encontrar esta cosita diminuta, voy a mover en la otra
capa solo para que la veas. Esta cosita diminuta, que es el punto central del
texto y arrastra eso dentro. Así de sencillo es. Sólo hay que
arrastrar eso dentro. No es muy intuitivo, pero eso es lo
que hay que buscar. Una vez más, este es el
punto de partida de tu texto aquí. Lo voy a poner a la izquierda, y ese es el punto final de
tu texto a la derecha. Si tengo suficiente espacio para ver dónde está esa pequeña forma, ese
es el punto central. Eso es lo que necesitas
para arrastrar dentro. Y una vez que lo arrastre
dentro del círculo, entonces podrá alinear
el inicio y el punto final. Normalmente iría por
algo como esto. Punto de inicio y punto final. Y, sí, no sé qué está
pasando con la sombra. Sólo voy a volver a
encenderlo. Pero lo que hay que tener
mucho cuidado al usar texto en un trazado establecido en el interior de la forma es que puede
parecer muy desordenado porque todos los personajes son arrastrados muy
cerca unos de otros Entonces el rastreo se estropeó. Hay dos
soluciones rápidas para esto. O bien use la tecla de opción Alter y luego presione la flecha hacia la derecha
un par de veces. Y luego también puedes entrar y conn
manualmente las cosas
un poco más Pero lo que me gusta
hacer también es usar opción o Alt Mayús flecha hacia abajo, que es desplazamiento de línea de base y mover el texto
fuera del círculo. Y de esta manera,
incluso puedes restablecer el seguimiento. Entonces, si entro en el rastreo, puedo simplemente ponerla a cero, y en realidad podemos
reducir el rastreo
alterando la opción flecha izquierda,
algo así. Ves de inmediato
se ve mejor. Sólo voy a aumentar
el espacio entre las palabras. Y un seguimiento personalizado de estos
personajes un poco más. Frescamos la sombra, y ahora podemos volver al
texto, quiero decir, a la imagen, y
encontremos un buen lugar para ello. En algún lugar así, me
queda bastante bien. Así que vamos a guardar el trabajo
que hemos hecho hasta ahora. Sigamos pero en realidad, tenemos un nombre más
que olvidamos agregar. El clásico superador.
Bueno, de nuevo, eso es un bocado. Entonces tendré que pedirle a
Chat GPT
que reduzca eso para nosotros y haga una versión de
dos palabras del mismo El arreglo fresco es bastante bueno. Chill crunch, bocado clásico. Bocado clásico, a mí también me gusta. Hoja fácil aún mejor. Todos son muy
buenos. Hoja fácil me gusta. Así que vamos a hacer eso. Entonces copiemos esta. Vamos a girarlo alrededor
y luego hoja fácil. Cosas buenas. Alinear un poco más, mantenlo al
margen, luciendo bien. Bonito. Ahora, por cierto, para todos estos, utilizo
el mismo estilo de párrafo, lo
que facilitará la actualización de esto. Entonces si quiero volver atrás y cambiar la fuente, por ejemplo, a Hevits otra
fuente que uso a menudo, ya ves lo rápido que
podemos actualizar Y en este caso, si sentimos que es demasiado grande, también
podemos actualizar el tamaño, esa es la belleza de los estilos de
párrafo, mira lo rápido que podría
actualizar todo y si solo echamos un
vistazo a esto antes y después. Entonces ese fue el antes
y ese es el después. Siento que esta fuente es
definitivamente más legible. Entonces al compararlo con éste, éste es más legible, sobre todo en este formato. Así que en realidad podría
ceñirme a usar este. El otro tiene un
poco más de carácter, aunque. Entonces quiero decir, en estos casos, otra cosa que
a menudo hago en diseño
es que en realidad creo un estilo de párrafo de
variación. Entonces es solo una forma rápida de
cambiar de un lado a otro. Si voy a salvar esta, en realidad,
volvamos a esa. Entonces duplico este estilo. Y yo lo llamo V dos, o puedo, vamos a llamarlo
solo V dos. Y luego vuelvo y lo
cambio a Sombreros. Y creo que fue
¿cuánto fue? Probablemente 28 puntos. Entonces, si tengo todo el nombre del
plato seleccionado, ahora
puedo
cambiar muy rápidamente entre los dos. El único problema aquí
es obviamente porque usamos el diferente
cambio de línea de base en uno de ellos. Eso se va a estropear. Entonces no voy a hacer esto. Es solo que complica un poco
las cosas. En caso de que no
lo tuviéramos así configurado, sería fácil
cambiar de un lado a otro. Pero voy a ir con
el segundo por ahora, así que prueba y apenas
reduce el tamaño a ahí. Y veamos si
cabe en todas partes. A lo mejor este necesita
bajarse un poco. No es el ángulo ideal
para que sea rojo, pero sí, por ahora,
debería estar bien. Y luego solo actualice las
sombras en todas ellas. Bien, ahora, antes de que
me olvide, también voy a cambiar esta forma aquí al
mismo color que ese. Que lo que quiero hacer
es guardar esto como una muestra, vamos a hacer esto
guardar en dos muestras, y luego podemos seleccionarlo
de las muestras fácilmente Fue éste.
Y entonces el texto se puso en blanco por ahora. Ahora bien, sería importante elegir la fuente que queremos usar
para el texto, la copia
del cuerpo.
11. Fijación de precios del texto: Y no
olvidemos el precio. Entonces eso también es algo muy importante para lo que tenemos que
hacer espacio. Entonces el precio es
solo uno de estos. Hagamos esto primero 1999. Bien. Entonces voy a hacer solo
un precio por ahora en una caja. Siento que probablemente
tendría
sentido tenerlo ya sea
en la parte inferior o arriba. Por ahora, sólo lo voy a
poner aquí en la parte inferior. Y para éste, creo que tendría sentido
usar la misma fuente solo en el verde o en el negro. Por ahora, voy
a mantenerlo negro. Y aún no estoy puesto en
esta fuente, por cierto. Solo estoy pensando en
voz alta por el momento. Entonces ese podría ser un precio. Nuevamente, si cambio a la
otra fuente Fat Frank, veamos cómo se
ven los números en esa. Eso definitivamente se ve
mejor en los números. A mí me gustan más
los números de este. Así que por ahora, sólo voy
a guardarlo así, y luego hagamos también una
versión blanca de ella, solo para que podamos ver y esta col rizada era ¿cuál era
el precio de eso Col rizada 1099. Mm hmm. Bien, ya puedo ver un tema sería que si
mantenemos el texto centrado, va a dejar un gran
hueco aquí en la parte superior. Pero lo que siempre podríamos
hacer es poner tal vez nivel de
especias ahí
en la parte superior con poco como iconos de especias
o chile. Creo que eso estaría bastante bien porque como este cuarto definitivamente
es muy picante. Podría ser algo útil para
indicar para estos platillos. Entonces eso es todo
íconos nutricionales como incluye nueces, y creo que eso es
muy importante. Entonces sería útil
para ese espacio. Pero hasta ahora, se está
uniendo. Los decimos se podrían
subir en el precio. Podemos ponerlos a, como, superíndices así, y también podemos
acercarlos un poco más con rastreo
o curado así Por ahora, sólo voy a
mantenerlo así porque quiero decir, también puede ser subíndice Simplemente va un
poco demasiado profundo por defecto, pero obviamente puede ser
aumentar más alto. Podemos, por supuesto,
también simplemente
hacerlo más pequeño simplemente así. Reducir el tamaño
podría ser suficiente. En realidad, esa es probablemente
la mejor manera de hacerlo. Creo que hice dos
pasos bajando, y probablemente aumentaría un poco
el rastreo,
algo así. Creo que se ve
mejor. Hay muchas opciones estilísticas
que podemos hacer ahí, y estoy de acuerdo en que
vale la pena explorarla, pero solo voy a
mantenerlo así por ahora
12. Selección de fuente: Y voy a seguir
eligiendo una fuente para esto. Entonces una fuente que recientemente
comencé a usar con bastante frecuencia es, déjame ver si está
guardada aquí. Sí, es el mascalero. Es una fuente bastante bonita. Es una fuente seri. Puede ser un
poco complicado de
leer en este formato regular. Pero si elegimos audaz, siento que eso
se ve bastante bien. Funciona bastante bien
con este texto. Pero veamos tal vez demi
bold sea suficiente. No está mal. No está mal. Yo solo acercaré el zoom solo para que
todos puedan verlo mejor. Voy a sustituir esto por
el punto y coma. Creo que así se ve
mejor. Creo que esta fuente
probablemente pueda bajar a 6.5 de tamaño porque es una fuente grande
bastante negrita. Sí, creo que
se ve bastante bien. Un poco demasiado contraste
entre las serifs y,
como, las
partes más gruesas del texto Esa es mi única preocupación
por el texto pequeño. Ese es el único tema
que podríamos tener aquí. Voy a ver si este es
un estilo de párrafo de todos modos, y lo llamaré
llamémoslo descripción. Descripción del plato de la firma. Sí. Entonces esa es una opción. Hagamos un duplicado de esto, dupliquemos este estilo
y lo llamemos V dos. Veamos otra
variante sobre eso. Así que manteniéndolo abierto así, podemos buscar otra fuente. Creo que otra fuente que se me
ocurra desde lo alto de mi
cabeza sería din. Y veamos con
dinseen es un SunseFont muy agradable, fácil de leer probablemente
podríamos usar la versión
regular de la Tal vez itálica. Ahora
itálica es difícil de leer. Demi también podría ser buena. Sí, Demi sigue siendo buena. Así que vamos a hacer clic en
eso. Vamos a hacer clic en Bien. Y entonces ahora se puede
ver a lo que me refería cuando
creo dos estilos de
párrafo separados, lo fácil que es
cambiar entre los dos. Y en realidad podríamos probar
esto en todo este texto. Entonces, si selecciono todos los
círculos, en realidad, tendremos que tener un estilo
diferente para el verde porque ese habrá
que fijarlo en blanco. Pero al menos para estos tres, creo que me
equivoqué la cosa seleccionada. Entonces se registran los nombres de los platillos. Se selecciona este texto, ese,
éste, y éste. Entonces todos están
usando eso o aquello. Entonces, desde la distancia, estas son las dos
opciones. Entonces esa es una. Odio el hecho de que no podamos deshacer en el modo de vista previa de
pantalla completa. Sólo tengo que cambiar de un
lado a otro. Siento que voy a
ir con el DN. De hecho probablemente
prefiero eso más. Aunque sería bueno
tener un bonito contraste entre la fuente sensorial en el nombre en el nombre del plato y luego tener una fuente serif en la descripción Pero solo siento que es más legible
tener la versión din. Voy a ir con el
din, pero voy a crear otro duplicado de
estilo de párrafo, y esto debería estar
basado en la versión dos, y solo voy
a llamarlo blanco. Y cambiaré el
color del texto a blanco y luego actualizaré el estilo. No es dejarme redefinir
el estilo, sino por qué. Bien. Voy a entrar manualmente
luego el color del personaje blanco. Bien. Eso es. Y luego para
éste, también, Ups. Esa es la equivocada. Sólo hay que ordenar mis capas
un poco ahí. Bien. Pero ahora,
pensemos en elegir la fuente para el menú de la
barra de ensaladas taxi en la parte superior. Obviamente, tendría
sentido
utilizar uno de estos fondos con los que ya
estamos trabajando. Actualmente, en realidad estamos
usando tres fuentes diferentes, aunque el fat frank y el heavy test
se ven muy similares. Así podemos escapar usando uno diferente si preferimos
los números en uno de ellos. Idealmente, querrías
terminar usando una sola fuente para eso, pero aún así podríamos introducir una fuente diferente para los detalles más estilísticos
como el texto principal Y no puedo recordar. Creo que se llamaba Phoenix, esa fuente que
hemos visto antes, que podría no estar disponible aquí porque la instalamos diseño de violín ya
estaba abierto,
lo cual también es molesto
a veces no se actualiza. En realidad, a lo mejor tengo
que analizar ahí. Probablemente no va a funcionar, pero por ahora, vamos a explorar. Si tuviera que usar esto, más probable es que lo tuviera
configurado en dos fotogramas separados, así puedo experimentar un poco más
con él. Menú de barra de ensaladas. Esa R es muy difícil de leer, la R minúscula, así que probablemente reemplace eso con
APitR. A ver. El N también es bastante
difícil de leer. La U es muy dura tanto
en capital como en menor ya parece una N,
que no me gusta. Entonces, tal vez así, es mejor. Sí, está bien. Veamos la S,
minúsculas. Eso está bien. Css superior y la B.
Sí, está bien. Bien, así que no está mal
pero no es la mejor fuente. No estoy 100% contenta con
esta fuente, pero por ahora, solo
podemos explorar si fuéramos a usar
algo como esto, obviamente
podríamos usar
el color que ya nos
instalamos o al menos empezamos a
usar para los fondos O el menú puede ser
eso o la barra de ensaladas, probablemente esa tiene
más sentido usar este color en el menú de la barra de ensaladas. Y podríamos tener un
poco de ángulo tal vez en el menú así, alinearlo y luego
alinearlo aproximadamente a nuestro margen. O podemos arrastrarlo más aquí para llenar un poco mejor este
espacio. Yo vería esto en gran tamaño. Sí. No está mal. No está mal. No soy un gran fan
de la N y la U. Esa es mi principal preocupación
con esta fuente. Así que vamos a explorar
una opción adicional. Voy a simplemente
duplicar estos dos. Los agruparé,
duplicaré, copiaré y pegaré y cerraré el original u
ocultaré, perdón, no cerraré. Vamos a moverlo aquí arriba. Bien. Entonces claro, podríamos usar Havits que ya
establecimos en el
texto, el título O tal vez lo que podríamos hacer. Ya que me gusta la barra de ensaladas, a lo mejor solo el menú
tiene que estar en havits De esa manera, es una buena
pareja de estos dos. A ver. Solo hay que
revelar un poco más de eso. Pero en este caso,
probablemente me gustaría mantenerlo recto. Y a lo mejor éste puede
estar un poco en ángulo. Mm. Sí, tal vez
algo así. No estoy seguro del ángulo. A lo mejor todo puede estar en un ángulo porque de lo contrario, solo
hay ese incómodo espacio
negativo entre los dos. Creo que
ambos necesitan estar en ángulo si quiero ir
por esa opción de ángulo, variación
ligeramente diagonal en él, o podemos tener que
ir un poco bien. Este Mmm se ve un
poco mejor. Se siente en el espacio un poco mejor, y potencialmente esto
podría moverse un poco a la derecha también,
algo así. Sí, así que esa es la opción
uno o la opción dos. Sí, incluso puedes
superponer los dos encima del otro.
Podría funcionar también. La barra de ensaladas podría superponerse, como si eso estuviera puesto en la
parte superior, eso es bastante agradable. Pero por ahora, solo por
diseño funcional y legibilidad, voy a mantenerlo separado Voy a renombrar el si me deja. El diseño no lo es, lo es. Título uno, Título dos, solo para poder
volver fácilmente a él y cambiarle el nombre. Quiero decir, encuéntralo. Bien. Y entonces
no olvidemos cambiar esto también a Din
aquí en medio. No creo que el Fénix
trabajara en éste. Sólo voy a intentarlo, pero tengo la sensación de que
va a ser muy difícil de leer, aunque eso tiene
más carácter. No tiene líneas de guiones. Así que sólo voy a
usar una parada completa ahí y hacerlo más grande. A ver. Simplemente diseñarlo rápidamente para que podamos tener una
mejor idea de cómo se vería y tal vez
tener un ángulo en él. Sería bueno
tener un ángulo
diferente al del título. Pero para eso, tendría que
mover un poco los platillos. F ahora, solo voy a
hacer esto un poco más pequeño y ver si
puedo encajarlo
aquí en realidad solo
mantenlo como el mismo ángulo por ahora al
menos solo un
ángulo sutil como ese. Entonces la pregunta principal es, es eso lo suficientemente legible? Bienvenido al
lado salvaje de las ensaladas, tanto frescas como
totalmente deliciosas. Creo que es lo suficientemente legible, pero no me gusta la forma en que está sentada centrada
ahí en el centro. Creo que lo que tenemos que hacer es
tener esto separado
en dos marcos de texto. Y luego tener un ángulo ligeramente
diferente como este. Creo que eso ya es
un poco mejor. Y tal vez lo que
podríamos hacer es lo totalmente delicioso podría
ser aún más enfatizado. Tan audaz, fresco, y luego
tener una totalmente deliciosa. Podríamos probar esto
en todas las capitales. Veamos en todas las capitales. Creo que se ve bastante bien. Y eso puede ser, de nuevo, negro, tener esa variación, o tal vez esta palabra
pueda volver a ser verde. Y luego una mayúscula quiero
decir, una marca de exhumación. Sí. Creo que eso es
bastante agradable y solo
podemos
mover las cosas un poco. Sí. No es perfecto, pero tampoco está mal. Sí, entonces tiene un ritmo,
negro, verde, negro,
verde, mismo tipo de letra que usamos e introducimos
en el título. Entonces hay unidad, un bonito contraste con
la disposición
general más estructurada de los círculos. No obligaría a tener
un círculo otra vez aquí. No obstante, para el Comamos, creo que podríamos usar el círculo. Entonces tal vez usando la misma fuente que ya
establecimos aquí. Yo sólo voy a
hacer el Comamos, probablemente comamos de negro. Y lechuga en verde. Y entonces esto
podría ponerse en círculo. Yo solo voy a hacer
un círculo rápido aquí, un marco de círculo vacío así, y luego simplemente copiar este texto y ponerlo en la cosa con
el tipo en una herramienta de trazado. Me encanta cómo en el diseño siempre cambia el texto
alrededor de la izquierda de la línea. Voy a mantener
este también en la mesa de trabajo por si
acaso cambie de opinión Y estoy consciente
de que este texto está
muy cerca del borde. Entonces tal vez lo que podamos hacer en
vez de tenerlo en un solo camino es
copiar este texto, sacarlo, duplicar
este círculo y ocultar el otro por ahora. Pon el texto, pon ese
texto ahí, ¿eh? Pon ese texto
ahí. Eso es. Y luego usar el cambio de línea de base. Algo así.
No es perfecto, pero por ahora, creo
que eso va a funcionar, y todo puede estar
un poco en ángulo también,
y tal vez podamos
hacerlo un poco más grande. No sé por qué el tamaño del texto no
está redimensionando cuando hago esto, y ahora está redimensionando. Eso es. Probablemente no tiene que ser demasiado grande, algo así. Bien, echemos un vistazo a todo
el asunto juntos. Otra vez, no me gusta
la U en la carta. Esta parte no me gusta, pero no tan mal. Esta parte es un
poco difícil de leer F y la R. En algunos casos, dibujaría manualmente estos detalles y los refinaría en un diseño final si estoy usando un texto de
letra manual como este. Obviamente siempre se puede
personalizar el diseño, pero creo que se ve bien.
13. Elementos decorativos: Pasaría a la página siguiente e intentaría hacer
todo lo que pueda ahí. Obviamente estoy consciente
de que
no puse todos los precios en, pero como dije, estos
son detalles más menores. Y por cierto, una cosa adicional que
podría quedar bien aquí son solo algunos garabatos y algunos pequeños detalles
que dibujamos Ahora bien, dibujar dentro en el
diseño no es algo
que recomiendo hacer. Entonces, si alguna vez terminas
haciendo algo como esto, te
recomiendo hacerlo
en Photoshop en su lugar. Entonces solo una cosa rápida que
voy a mostrar aquí es que si exporto esto a Photoshop, o incluso en Procreate, en
realidad, haría esto Voy a exportar esto
a mi escritorio, menú de la barra de
ensaladas, sí, exportar. Y luego voy a agregar
soltarlo en mi iPad. Así que pongamos eso
ahí rápidamente. Menú de barra de ensaladas. Sí. Y luego agrega drop al iPad. Y luego voy a
volver rápidamente a mi iPad en la pantalla, también. Voy a poner esto en Procreate solo para que todos
podamos verlo. Entonces Mm mm mm va a sacar a colación mi iPad. Procreate Y luego ahí está. Entonces, lo que haría
en una capa separada, voy a bloquear esta. Y en una capa separada, me aseguro de usar
el mismo verde, y voy a
usar el mismo pincel que usé antes creo que
funcionaría bastante bien. Entonces para agregar un poco más de carácter, empezaría a hacer cosas como pequeñas hojas como esta
que parece que podrían ser hojas, podrían ser otra cosa. Solo agrega un poco
más de carácter al diseño. Y entonces también podemos
hacer algo que no sé, tal vez las líneas en zigzag podrían funcionar. Sí, creo que
las líneas en zigzag estarán bien. Siguiendo la forma
de estos platillos. Y lo estoy haciendo intencionalmente un poco wonky porque quiero conseguir ese efecto
garabatos un poco infantiles que hemos
visto en También podemos hacer yo solo voy a hacer algunas
líneas adicionales aquí así. Eso es bastante bonito.
¿Y entonces qué más? A lo mejor también podamos hacer negro, algunos detalles en negro. Nos vendrían bien algunas líneas funky. Creo que eso es lo que estoy
haciendo aquí ya. A lo mejor estoy pensando en algo que
sería fácil de representar, pero no demasiado complejo
y no demasiado específico. O sea, si hacemos pequeños círculos, podría funcionar porque tenemos
tantos elementos circulares. Si hago pequeños círculos, y si tenemos suficientes de ellos, eso podría funcionar bastante bien. Casi como si
se tiraran pequeños ingredientes alrededor del diseño. Estoy variando un poco las formas
y tamaños. Vamos a hacer un poco
más de este color. Algunas hojas más
aquí y allá. Esto va a ser muy rudimentario, pero puedes imaginarlo siendo desarrollado con un
poco más No puedo esperar
que estos se vean increíbles. Pero igual que un sentido del estilo, De nuevo, el círculo grande, no
creo que sea necesario. Probablemente eso es todo por ahora, no
iría más allá. Siempre podríamos
agregar más detalles, pero creo que, de nuevo, si solo miramos esto
sin y con los detalles, creo que agrega una capa de interés y
vivacidad al diseño Y lo que podemos hacer es que podemos exportar esto sin nada. Entonces con transparencia desde aquí. Entonces solo vamos a compartir
y hay un PNG. Y luego lo pondré
en mi computadora, y luego debería funcionar. Pero solo voy a dejar
esto en el escritorio, archivos del taller de la barra de
ensaladas, y luego simplemente lo renombraré, garabatearé, y lo pondré
en la carpeta Links, y luego lo colocaré en diseño y lo pondré
en el fondo Creo que para esto, la
capa de fondo será perfecta. Así que intentemos
colocarlo así. Ahí está. Bueno. Sí,
nos vemos bien. Veamos el fondo. Y hagamos una vista previa a
pantalla completa. Bien. Entonces ese es el
frente del layout. Ahora, una vez más,
pequeños detalles como los iconos nutricionales o los iconos nivel de
especias podrían
agregarse aquí para agregar más detalles. Podría haber un poco
más como la leyenda se puede agregar ahí en la parte superior de
lo que significan esos íconos, que haría que todo
el asunto fuera un poco más profesional. Podríamos tener alguna información
adicional en estos espacios vacíos.
14. Diseño del diseño de la parte posterior: Desde que trabajé en
el otro boceto, solo
voy a
sacarlo a colación rápidamente otra vez, teníamos nuestro otro boceto aquí. Solo tráelo de vuelta a mi iPad y luego enséñalo a todos. Entonces, si recuerdas, teníamos esto como el
diseño posterior para esta versión. Solo me voy a centrar en la
segunda página de conexión para esto. Entonces aquí voy a trabajar primero
en segundo plano, y voy a
establecer los telones de fondo Entonces, antes que nada, usaré una forma circular
y alejaré un poco. Y quiero crear
un círculo grande, que irá a
vamos a simplemente rellenar esto
con un color por ahora. Usemos ese verde
que creamos antes. Se puede poner eso en el fondo
ahí. Esa es una forma. Tendríamos
otra forma aquí, y entonces tendríamos una forma
aún más grande en la parte superior. Pero me aseguraré de que sea un círculo perfecto.
Algo así. Y ni siquiera me
molesta si
no está perfectamente alineado
en el centro De hecho dejaría
claro que ni
siquiera está alineado, y estos tampoco son perfectamente simétricos porque aquí no
teníamos simetría. Entonces tenemos una asimetría, y quiero tener esa unidad entre el frente
y el reverso del diseño Entonces sí, quiero mantener esa asimetría entrando aquí en
la segunda página también Y por ahora, solo mantengo
estas formas del mismo color, pero obviamente queremos que
se vean diferentes. Entonces esta de arriba sería
la parte de la ensalada de construcción. Y para ello, voy a
traer ahora las imágenes. Entonces, vamos a traer esas
imágenes de Manate. Saltamos a los
que ya creé. Entonces me siento como el
construir tu ensalada, y definitivamente
quiero usar estos. Probablemente iré con
este por los aderezos, iré con
vamos con éste, y por la proteína,
iré con esa Estos tres,
voy a descargar, y volveré a caer estos en
mi otra carpeta, taller de barra de
ensaladas,
archivos, enlaces. De hecho voy a
dejar esto aquí solo para poder acceder a él más rápido, y luego
cambiemos el nombre de esto rápidamente. Renombrar, estos son los ingredientes. Y llevémoslos
rápidamente al diseño. Y en realidad, antes
incluso de hacer eso, primero los
voy a abrir
en Photoshop. Veamos si eliminar
fondo funciona aquí. Todavía no funciona bien. Entonces voy a ver si puedo
usar el rango de color selecto. ver si puedo
aislarlo. En realidad no. Vamos a probar la herramienta
Selección rápida. En realidad, podemos comenzar con
seleccionar tema y luego usar la
herramienta Selección rápida para refinar un poco
la selección y
agregar los detalles que faltan. Y este de aquí
también, de nuevo, no
me molesta mucho
hacer esto a
nivel profesional ahora Eso está bien por ahora. Como la máscara que tenemos, tal vez solo pinte sobre
estas partes rápidamente. Estoy presionando o tecla de opción
en la máscara. Para acceder a la propia máscara. Entonces como uno ha hecho, hagámoslo.
Quitar fondo. Bien, eso está bien. Vamos a guardar
esto, quitar fondo. Bien, la única parte aquí, estoy usando mi pincel, pintar de nuevo el
queso, guardar esto. Y luego tenemos
las tres imágenes. Así que suelta los archivos PSD en
indsign en la capa de imágenes. Uh en diseño. Uno, dos, tres. O si volvemos,
podemos volver a usar la función
fi codiciosa, simplemente dividirla en tres Yo uso las flechas en mi teclado. De esa manera, al menos
son del mismo tamaño. Bien. Sí, eso se ve bien. Bueno. Y entonces podemos esto es lo primero que la
gente tiene que elegir. Esto es lo segundo que la
gente tiene que elegir. Y entonces lo último que tendrán que
elegir es el aderezo. Entonces, para la forma detrás, creo que solo nos vendría un negro pero con un valor de tinte
muy bajo. Entonces, como una sutil forma gris porque estas
imágenes son muy bonitas, destacan lo suficiente, solo van a hacerlas
un poco más grandes también. E intencionalmente me
superpongo y
salgo del marco así. Y entonces voy a
empezar a pedir prestadas cosas desde la primera página,
como el texto Por lo que voy a hacer este ejemplar
voy a utilizar para las secciones. Entonces esta copia, que teníamos
aquí fue construir tu propia ensalada. No creo que
tengamos que decir bar, construye tu propia ensalada. De nuevo, probablemente
iría con variar el no estoy seguro de si
necesitas estos platillos. Construye tu propia ensalada. Así adelante Mm hmm. Más liderando
necesitamos espacio ahí. Y entonces
probablemente, de nuevo,
combinaría los dos estilos de texto, igual que en el frente. Entonces usaría ese texto de
Phoenix en esta parte. Ahí está Phoenix.
Sólo voy a comercializar favoritos para
que me resulte más fácil. Sí, quiero decir, en la primera página, sí, creo que eso es bueno. Construye tu propia ensalada, puedes hacer que este texto sea más grande. Y nuevamente, en este caso,
esto será verde. Y ya es hora de que elimine todos los colores
innecesarios. Realmente me molesta cuando
tenemos en el panel de Swatch s, tenemos colores que ni siquiera
estamos usando Así puedes entrar y menú
desplegable y simplemente seleccionar todos los no utilizados
y luego ubicarlos. Eso ha estado planeando
hacer eso desde hace mucho tiempo. Y entonces hagámoslo. Bien. Sí, algo así. Creo que se ve bastante bien. A lo mejor este puede ir un
poco aún más alto. Eso me gusta bastante. Incluso podemos tener un poco de
curling aquí, separándolos. Este puede llegar
un poco más lejos, así que no se superpone. Ya sabes, ahora usarías
la R mayúscula como antes, esa R minúscula
no se ve bien Y potencialmente podemos tener
un poco de ángulo aquí
así como eso con
tu propia ensalada. No estoy seguro. Se siente muy desequilibrado
en estos momentos. A lo mejor si esto va en la
misma línea y hazlo más pequeño Veamos si esto es minúscula. Sí. No voy a
preocuparme demasiado ahora,
pero sí, requeriría
un poco más de refinamiento Por ahora, sólo voy
a mantenerla así. Y podemos agregar rápidamente las
palabras clave dentro de estos círculos. Entonces el primero
serían los greens, creo que se llamaba, o toppings
base Y para eso, solo usaré la misma fuente, esta fuente
heavitas Así que vamos a agregar coberturas base. Palabra más larga,
no encaja tan bien, pero tal vez podamos
dividirla en dos líneas. Mm. No voy a quedar tan bien. Tiene que ser así más pequeño. Y luego proteína. Creo que solo tenemos que usar el mismo tamaño en la
primera palabra también. Así que vamos a copiar esto aquí. Base. Yo sólo lo llamaré verdes. De esa manera, es un
poco mejor. Bien. Obviamente,
tendríamos más copia aquí, así que tendríamos esta copia
el sentimiento creativo, que podríamos agregar
con la otra fuente, esta que hemos estado usando. Sólo voy a
dejarla caer aquí. Y veamos cómo se ve. Uh, Sentirse creativo personaliza tu bola perfecta
de bondad frondosa Entonces esto probablemente podría estar sintiéndose creativo podría ser el color que hemos estado usando. Y entonces todo este texto
puede estar aquí arriba en la parte superior, y probablemente pueda ser una
sola línea. Así. Esa es sólo la instrucción. Y entonces podría haber más
explicación de cómo funciona. Y claro, sí, como aquí, en realidad
podría explicar
todo esto con el texto. Yo sólo voy a copiar
esto y antes de que me olvide, vamos a poner en uso esto. En realidad, solo puedo usar un marco de texto y luego usar
la descripción versión dos, alineada a la
izquierda aumentar de tamaño, y luego solo
voy a hacer por ahora. Voy a hacer una lista y pasos como este y un formateo
rápido aquí. Voy a tener entre
los párrafos, algo de espacio. Entonces hay esta opción entre párrafos,
tal vez 4 milímetros, y podemos tener un resaltado
agregado en las instrucciones, el elige tu base,
elige cuatro coberturas Esos pueden ser usando un estilo de personaje
simple. Sólo voy a
configurar un
estilo de personaje , llámalo verde. Usa el color del personaje verde. Bien. Vuelve aquí, crea un nuevo estilo para esto, llámalo construir texto de ensalada. Y luego dentro de eso,
voy a entrar en estilos
anidados y añadir el
nuevo estilo anidado verde Y voy a decir hasta y
no palabra, sino un personaje. Y ese es el punto y coma. Y ya ves, ya está
funcionando. Haga clic en Bien. Hecho. A lo mejor solo en
el estilo de personaje, vuelvo y actualizo
la familia de fuentes a negrita. Veamos cuál es la versión
más gruesa de din? Es Extra audaz. Bien, así que solo entramos
aquí, formateo básico. De hecho, es
más fácil si elegimos din y luego
solo podemos elegir Extra bold. Hecho. Bien. Así que volvamos, veamos esto en pantalla completa. Y lo que es más importante, cuando
estás usando un estilo de párrafo, en este caso, vamos a entrar en
viñetas y numeración. Queremos tener una nueva lista, Lista uno, y luego queremos continuar desde el
número anterior que hay que configurar. De esa manera tenemos los
números reales escritos ahí. Probablemente haré más grande este
sentimiento creativo. Y solo
vuelve a poner el texto aquí, personalízalo. Sentirse creativo probablemente puede ser havita solo para tener
dos textos diferentes Quiero decir, las fuentes allí pueden sentirse un poco demasiado
fuertes, demasiado poderosas. Sí, en realidad,
lo prefiero en el formato original. Sólo voy a
hacerlo un poco más grande, sentirme creativo, y entonces
el texto puede venir aquí abajo. A lo mejor este texto puede ser un poco
más pequeño o tal vez podamos hacerlo un poco
más vía así. Y luego rotaré
esto un poco. Bien. Y entonces el construir tu propia
ensalada puede ser mucho más grande. Bien. Entonces, una vez más, se está uniendo. Podemos ver cómo
van las cosas juntas. Nuestro diseño frontal, el
frente del diseño, siento que está
funcionando bastante bien. Como mencioné, un par de
pequeños detalles ingredientes. Quiero decir, como la
leyenda puede ayudar. Pero en general, creo que tenemos el estilo bastante bien establecido aquí. Y entonces
ya podemos ver cómo
podría continuar a
la segunda página. Tendríamos la
sopa y los lados, según mi boceto en la parte inferior izquierda y
las bebidas a la derecha. Podríamos simplemente aparecer rápidamente en
algunas de esas imágenes ahí. A ver si puedo encontrarlos. Entonces tenemos tal vez esta tostada de
aguacate bytes. Es una imagen muy bonita. Vamos a dejar esto
ahí rápidamente solo para que tengamos una idea de
cómo se vería. Voy a, vamos a ver,
quitar fondo. ¿Cómo está funcionando? No está mal. Sí, puedo vivir con eso. Vamos a guardar esto y luego
ponerlo en los enlaces. Esto es lados. Y luego solo tenemos que
dejarlo caer en el diseño. Y una vez más, la
forma detrás de ella, esto iría en
la capa de imágenes, pero la forma detrás de ella
podría ser de color diferente. No tiene que ser este
verde o tal vez el mismo verde, sino con un menor
valor de tinte como ese.
15. Sopa y acompañamientos: Entonces, para seguir adelante, solo usemos la misma copia que
tenemos aquí arriba. Yo solo voy a
duplicar esto, y vamos a ponerla aquí en el costado por ahora solo para que
podamos verlo mejor. Y voy a usar la copia que generé en Chet
GPT para esta sección Entonces estas son las sopas y los lados. Voy a seleccionar esto
y luego dejarlo caer aquí. Debería recordar los
ajustes que usamos, pero voy a adaptar
esto un poco. Entonces antes que nada,
voy a cambiar
a balas en lugar
de lista de números. Eso es algo que podemos
encontrar aquí en diseño. Y entonces voy a usar el interruptor entre
el estilo de carácter y el resto del párrafo
usando la separación de punto y
coma Y creo que va
a tener sentido presionar Shift Enter solo para
crear un retorno suave. Porque si presiono
Enter, obviamente, va a crear
una nueva bala. Quiero evitar eso. Entonces eso se ve bien. Entonces hagamos lo
mismo aquí también y
pongamos así el punto y coma Cambio de punto y coma na. Y eso ya se ve
bastante bien. Bien. Así que ahora podemos
traer esto por aquí. Y claro, podrías guardar una versión de esto como
un estilo de párrafo. Entonces fue el texto de la ensalada Build. Podría crear un nuevo estilo
basado en esto, la opción Alter, hacer clic en el nuevo icono, y luego se basa en
el texto de la ensalada Build, pero estas van a
ser las otras opciones. Sí. Y luego haz clic en Bien. Y sólo voy a presionar W
sólo para ver cómo se ve esto. Siento que en algún lugar ahí, podría funcionar bastante bien. Pero cuando veo mis márgenes, en realidad
quiero apegarme
a mis márgenes y notar cómo voy a mantener mis balas fuera del área del margen. Pero probablemente esto pueda llegar un poco más abajo en
algo así, solo porque soy consciente de
que necesitaremos el nombre o el título para
la sección o el subpad Y podemos mover esto por aquí, tal vez solo darle la vuelta un poco, solo para que tengamos más espacio. Sí, eso se ve bien. No quería superponer estos elementos,
estas dos imágenes. Ahora, no quiero que cosas como las tres
piezas se separen. Y para ello, hay una técnica
muy sencilla. Solo hay que entrar en el panel de estilos de
personaje, crear un nuevo estilo mientras
no se selecciona nada. Y entonces sólo voy a llamar
a esto sin descanso. No necesita estar
basado en nada. Y bajo los formatos básicos de
caracteres, solo
quieres
encender sin descanso. Una vez que haces clic en Bien, ahora podemos seleccionar lo que no
queremos que se separe. Y en este caso, estas
tres piezas y el precio, no
queremos que nos separen, así que solo voy
a decir que no se rompa. Lo mismo aquí, no
voy a poner ningún descanso de esa manera
que siempre se quede unida
sin importar lo que haga. Entonces claro, si hay espacio, puede subir una
línea, como se puede ver. Pero luego inmediatamente en
cuanto no haya suficiente ancho, va a
separarlo y moverlo hacia abajo. Ahora bien, una cosa que noté aquí
es que por alguna razón, no
tenemos suficiente espacio entre estos elementos
aquí o estos párrafos. Ahí debería haber 4
milímetros, pero solo voy a agregar esto
rápidamente de manera individual aquí. Entonces voy a
aumentar eso a cuatro. Y vamos a volver a
verificar nuestro margen. Sí. Así que probablemente queramos arrastrar esto un
poco más a la derecha. En realidad, aquí no
tenemos mucho espacio. Entonces tal vez
necesitemos alargar esto. No quiero ir
más de dos líneas sobre el margen original. Pero sí, eso se
ve bastante bien. Ahora, como tenemos aquí
esta imagen, que tiene ocho rebanadas o trozos de estas
tostadas o tostadas, sólo
voy a cambiar
esto en el ejemplar En vez de cuatro,
voy a escribir ocho. Y luego vamos a
duplicar este texto aquí arriba. Voy a derribarlo. Y el título aquí
son sopas y acompañamientos. Así que probablemente podamos usar
el mismo formato, derecho, sopas y no hay alférez
en esta fuente, desafortunadamente Entonces, o tengo que
escribirlo así. O podemos usar esa otra fuente, que debería tener
un alférez. Sí. Entonces sopas y acompañamientos. Creo que esto es un
poco mejor así. Ahora voy a hacer este
un poco más pequeño,
algo así, y tal vez empujarlo un poco de esta
manera. Ahora, veamos si
cambio este P total,
tal vez Capital O, mayúscula U, Sí, eso sigue siendo algo de lo
que no estoy contento. Pero esto probablemente sea
un poco mejor, y tal vez podamos tener un
poco más de espaciado
entre los dos. Quiero decir, puedes superponer
estos dos si quieres, pero yo solo voy a
mantenerlo separado así, y voy a darle una rotación un
poco diferente. No se necesita demasiada rotación, algo así.
Sólo un sutil. Ángulo así. Y de nuevo, estoy tratando de quedarme cerca de mi margen o al
menos utilizarlo. Entonces voy a usar el
porcentaje para estar ahí, y luego la S puede salir del
margen. A lo mejor esto puede subir un
poco así. Una cosa aquí que
me gustaría
evitar es tener una
tangente creada Entonces por ejemplo, esta P, alineándose perfectamente con
el círculo en el fondo
no sería agradable o como la S, cosas así quiero evitar. Siempre me
aseguro de tener una superposición de confianza entre los elementos como
este se ve bien. Así que volvamos un poco. A lo mejor puede ir incluso un
poco más abajo, como.
16. Bebidas: Ahora, como ya tenemos
esto aquí, sólo
voy a
moverlo aquí a la derecha. Y por ese lado,
simplemente va a decir bebidas. Entonces para esto, solo usaremos esa primera fuente y
escribiremos bebidas, y probablemente D
va a funcionar bien. Pero podemos comprobar si
queremos usar R. Sí, creo que eso es un poco más legible. Así que vamos a hacer esto. Voy a moverlo aquí, y podemos ajustar el color de esto porque en este momento es un poco
demasiado denso. Voy a cambiar eso pronto, pero primero también podemos
traer este texto por aquí, y luego dejemos caer
la copia ahí dentro. ¿Podemos tener tres opciones? Vamos a dejarlo caer, y luego voy a seleccionar
esto en el fondo, reducir el valor de tinte en él. Algo así. Entonces sigue siendo más oscuro que
el de la izquierda, pero no
tan oscuro como antes. Y entonces solo volvamos a hacer el
mismo tratamiento aquí. Entonces puse el punto y coma,
cambio de retorno, y luego dejo caer el punto y coma
ahí, cambio Y entonces siento
que eso se ve bien. Ahora, por supuesto, también podríamos hacer que estas balas sean más
interesantes. Así podríamos crear balas
únicas, balas
ilustrativas
si quisiéramos. Pero voy a mantenerlo
más sencillo en este caso, y sólo voy a
configurarlo así por ahora. Siento que si movemos el
texto aquí a la izquierda y ponemos la bebida a la
derecha y luego tenemos el texto aquí podría funcionar mejor. Pero sabremos
mejor una vez que
traemos la imagen que estaba
jugando para usar aquí. Ya hice una
versión massa de esta limonada. Y sólo para ir con el tema de ver todo desde arriba
y esta forma circular, creo que esto va
a funcionar bastante bien. Probablemente podamos
hacer esto más grande. Voy a usar comando
o control shift drag. Y no tenemos que ver todos los elementos
para que esto funcione. Yo también quiero llenar ese
vacío ahí a la derecha, y luego vamos a
mover el texto,
darle la vuelta un poco a esto, ver qué funciona mejor aquí. A lo mejor el limón puede
estar en el fondo. Sí, eso se ve bastante bien. Bien. Bueno bajó
un poco también. Yo preferiría que la bebida salga un poco de este
límite, pero de esa manera, tal vez tengamos que darle la vuelta un poco de esta
manera. Mm hmm. Eso no está mal. Ahora sólo tenemos que
exprimir la copia. Sí, eso es lindo. Y la palabra bebidas puede tener un poco más de
espacio ahí así. Y entonces potencialmente estos también
pueden subir un poco. Entonces, si solo muevo
este de aquí arriba, los greens,
hagamos un poco más de
espacio ahí abajo. Eso creo que funciona
mejor en general. Mmm Y luego las bebidas también
pueden estar ligeramente en un ángulo
diferente. Así. A
lo mejor es un poco demasiado. Voy a mantener esto casi
recto así.
17. Sección de información adicional: Ahora, obviamente, el
mayor problema aquí en este momento
es que tenemos un espacio vacío
bastante grande aquí en esta sección
y también aquí. Entonces esa es la zona donde podría ir información
adicional. Y por ahora,
sólo voy a poner alguna copia de marcador de posición
aquí en la capa de texto Entonces déjame simplemente bloquear
todo lo demás, crear un marco y éste, solo crear ese marco, y debería estar
no en los platos, sino en la capa de texto. Y luego hagamos que
este texto sea más pequeño, tal vez ocho puntos o
incluso siete puntos, y luego solo utilicemos la opción type fill with placeholder text Y hagamos esta
luz así. Probablemente incluso más pequeños. Podría ser como cinco puntos. Y luego solo volvamos a hacerlo. Escriba, rellene con texto de
marcador de posición. Um podemos tener un
párrafo aquí. Simplemente borremos
un poco eso. Eso podría usarse
para la copia de marcador de posición. Y en realidad podríamos usar esta imagen para tener un
texto envolvente alrededor de esto. Ahora la forma en que hacemos esto es
ir a Window Manu text wrap y elegimos la función wrap around
object shape Pero en este caso, queremos usar el canal Alfa en lugar
de lo mismo que clipping. Por lo que reconocerá los
límites dentro de la imagen. Solo queremos crear un
desplazamiento como 3 milímetros, y eso se ve bien. Entonces, si selecciono este texto
y hago algo como esto, puedes ver cómo va a alinearse alrededor de ese texto. Así que sólo voy a configurar
esa copia así. No hay cosa importante si solo
vuelvo aquí al ajuste
del texto es que
queremos que solo se use
el lado izquierdo, o se puede decir área más grande. Eso va a evitar que esos pequeños
detalles se separen. Entonces nota esto si
digo lado izquierdo o ambos lado
derecho e izquierdo, ahí es cuando vemos
esto separándose. Pero si elijo el área más grande, eso va a evitar que
esos pequeños textos se separen. Y para que esta forma de texto
funcione aún mejor, incluso podemos usar justificado con la
última línea alineada a la izquierda. Texto. Sí, eso
ya se ve mucho mejor. Desde la distancia también, eso se ve bastante bien. Entonces esto podría usarse para información sobre
los ingredientes como consejos nutricionales y advertencias sobre frutos secos
y cosas así. Entonces siento que ya
se ve bien. Podemos simplemente entrar y decir
relleno con copia de marcador de posición, así que tenga un poco
más de texto ahí, y solo podemos tener
otro párrafo, arrastra esto un poco hacia abajo Incluso puede superponerse en el exterior. Pero ahora tenemos una forma muy
bonita por aquí. Creo que eso funciona
muy bien. Entonces veamos esto
en pantalla completa. Sí, eso me gusta. Y
siento que en esta página, acabamos de perder ese texto
ahí, el título, y la razón de
eso es porque obviamente
hay que está
superponiendo la imagen. Está demasiado cerca de la imagen, así que está tratando de envolverse
alrededor de la imagen. Pero para evitar eso, podemos seleccionar ese marco de texto y presionar Commando Control B, B para cuadro, y luego
simplemente podemos activar Ignorar ajuste de texto. Y C volvió. También podemos hacer lo
mismo aquí, ignorar Text Rap solo para
asegurarnos de que no afectará a esos. Supongo que también podemos
hacerlo en esta. Sólo para estar en el lado seguro en caso de que empecemos a
mover las cosas, y el resto, creo que está bien. Bien, esta página se ve bien ahora. Yo sólo voy a salvar mi trabajo. Volvamos a la primera página. Probablemente
notarás que aquí edito los precios de
todas las demás ensaladas. Pero ahora si comparo con las
principales diferencias que
no tenemos los
detalles dibujados a mano en la segunda página, eso es algo que todavía
voy a agregar ahí.
18. Iconos de la primera página: Primero, quiero finalizar esta primera página con
algunos detalles adicionales Entonces una cosa que quería
agregar aquí son los íconos, para los
cuales tengo el lugar. Entonces voy a
saltar a Illustrator y notar que también preparé
estos dos pequeños íconos. Entonces el chile, que
va a ser utilizado para el nivel de picante y las nueces para mostrar
si contiene frutos secos o no Ahora, lo mejor que se
puede hacer es utilizar estos como
archivos reales de Illustrator colocados en el diseño. Pero a veces si
quieres ahorrar tiempo, también
puedes simplemente copiar y pegar gráficos
vectoriales de
Illustrator en el diseño. Pero si haces eso, hay una cosa importante
que quieres
asegurarte de que primero
expandan cualquier pieza. Entonces, si usas trazo, ancho en tus elementos. Se quiere evitar tener que
lidiar con eso en el diseño. Así que solo quieres ir a
expandir, hacer clic en Bien, y luego incluso puedes usar la opción Pathfinder Unite para
crear un solo
objeto compuesto a partir de esto Lo mismo aquí,
objetar, expandir, Bien, y luego unir.
Y eso debería funcionar. Bien, ahora, veamos si
copio esto y salto por aquí, puedo dejarlo caer y
veremos cómo se ve esto. Vamos a reducir el tamaño, comando control shift, drag. Sí, eso se ve bien. Y verás por qué prefiero
usar estos pequeños
iconos de esta manera. Así que simplemente pega
en el diseño. Por cierto, si
entro en mis enlaces, verás que éste ni
siquiera aparece
ahí, así que no es un link. Está completamente
incrustado aquí, lo cual es una ventaja. Y también lo bueno es que
en realidad puedo cambiar su
color. Así. Así que sigue funcionando
como un objeto vectorial, manera similar a como lo
cambiaríamos en Illustrator. Pero lo que voy a hacer también es crear un
marco de texto para los iconos. Verás por qué
voy a hacer esto. Entonces voy a entrar en
la capa de texto. Yo creo, sí, ese va a ser el
mejor lugar para trabajar. Entonces voy a registrar
los nombres de los platillos, y voy a crear
un marco de texto aquí. En realidad, voy a
llamar a éste íconos. Así que voy a crear
una nueva capa para ellos y bloquear todo lo demás. Bien. Entonces aquí, voy a crear un nuevo bloque o
marco de texto así como así. Y luego voy a
seleccionar esta imagen, que creo que ahora está en
la capa equivocada. Así que vamos a moverlo hacia arriba. Entonces corté esto, eso es Commando Control X y luego lo pegué en esta caja de aquí. Ahora, es demasiado grande, claro, así que tendremos que
hacerlo más pequeño. Pero esencialmente,
una vez que hagas
esto, va a funcionar como
personaje en el texto. Pero los
cambios de tamaño del texto no lo afectarán. Entonces, si selecciono esto y
cambio el tamaño del texto, eso no va a afectarlo. En cambio, tenemos que
seleccionarlo manualmente y redimensionarlo
al tamaño que necesitemos Bien, eso se ve bien. Acabo de notar que probablemente
perdimos un elemento ahí. Sí. Ahora tengo la selección
correcta. Eso. Eso es bueno. Bien, ahora traigo de
vuelta esta forma aquí y trato de
alinearla con el círculo. Si tengo mis guías inteligentes
encendidas, podría ser más fácil. Entonces voy a Ver Cuadrículas y
Guías, Guías Inteligentes. Entonces ahora si empiezo a
arrastrarlo, debería ayudarme a ver
dónde está el punto central Eso es bueno. Bien. Ahora bien, esto
es lo que quería lograr. Si solo copio y
pego, puedo aumentar la cantidad
de picante aquí Entonces probablemente tendremos tal vez tres chiles es
el nivel de picante, el nivel más alto
de especias Y podemos decidir si
queremos que estos sean rojos. Siento que tendría
sentido que fueran rojos. Entonces voy a añadir un nuevo color. En las muestras, y
voy a introducir rojo. Pero este rojo me
aseguraré es un poco rojo más oscuro,
algo así. No quiero que
sea demasiado brillante. Sí. Y podemos simplemente asignarle
esto a ese objeto. Asegúrate de que esté
completamente rojo. Y echemos un vistazo a
esto desde la distancia. Sí, siento que se ve bien. Probablemente el icono en sí
sigue siendo un poco demasiado grande, así que voy a hacerlo más pequeño. Nuevamente, eso es
igual que las proporciones de todos los elementos juntos. No quiero que sea
demasiado grande y dominante. Pero esto se ve bien. Entonces este es probablemente
un solo chile, y luego necesitaremos un carácter especial de descanso
aquí que es la pestaña Shift, que es la pestaña de sangría derecha También puede entrar en tipo, insertar carácter especial,
otra pestaña sangría derecha Y lo que esto puede hacer, sólo
voy a copiar
esto aquí a la derecha. Que no importa cuánto
texto o en este caso, iconos que tengas en un marco de texto, siempre
estarán en el lado
izquierdo y derecho. Entonces, como puedes ver,
esta es una excelente manera de configurar como el punto final e
inicio de un marco de texto. Pero voy a sustituir
esto, claro,
aquí, así que
sólo voy a eliminar eso. Y voy a saltar de
nuevo a Illustrator, seleccionar nuestro icono de nudo, y luego traerlo aquí. Es un nudo gigantesco. Así que vamos a hacerlo más pequeño. Vamos a acercarnos. Bien. Así. Obviamente quiero
alinearme con esta otra. E idealmente
querrías medir que el grosor de las líneas
va a estar perfectamente alineado. Siento
que algo así va a funcionar. Y esto probablemente pueda ser negro, o tal vez podamos
reducirlo un poco, así se puede reducir el tinte. Entonces es más como gris. Sí, a lo mejor el gris es bueno. Y voy a cortar esto de nuevo, seleccionar esa parte en el
texto y luego pegar. Bien, entonces eso se ve bien. Alejemos el zoom. Y
vamos a verlo así. Ahora, tenemos que
decidir, claro, ¿cómo vamos a manejar esto? Entonces normalmente lo que me
gustaría hacer es si existe posibilidad de
que aparezcan frutos secos en los ingredientes, entonces esto se pondría rojo, o se volvería
completamente negro o algo que hiciera
obvio que está ahí. Ahora, en este caso, podemos
hacerlo aún más desmayado, así que está de grado fuera. Y significa que no
hay frutos secos en él. Potencialmente,
también podríamos simplemente quitar el icono de las nueces si no queremos
que aparezca ahí arriba, sí, no estoy seguro de
cuál sería mejor, pero probablemente no queremos
que aparezca en absoluto ahí. Sí, creo que es
una mejor configuración. De hecho, seguí adelante y
le pedí a Chad GPT que
me dijera cuál de estas ensaladas contendría nueces o
probablemente contendría nueces Y es sólo la col rizada, sí, la que va
a tener almendras en ella. Así que para esa, podemos tener esta configuración, y solo voy a
mover esto por ahí. Entonces todo este marco
que creamos aquí, podemos caer sobre este. Y entonces ya veo el tema de los colores
chocando un poco aquí, así que tal vez necesitemos
actualizar esa muestra. Pero por ahora, voy
a hacerlo así. Y el
nivel de picante en este puede ser un solo chile, supongo De nuevo, tengo a Ched GPT
ayudándome aquí. Sí, todos ellos serían el mismo
nivel de picante por defecto Pero esto también contiene frutos secos. Entonces lo que voy a hacer aquí es poner esto a tal vez blanco. Entonces de esa manera, es muy obvio. Y entonces voy a
tener este color actualizado. Entonces, si solo hago doble
clic en esta muestra, quiero un color
que vaya a funcionar bien en este fondo Entonces sí, tal vez queremos
tener algo así. Eso se ve bastante bien aquí, y podemos comprobar cómo
se ve en blanco. Sí, se ve bien en
blanco y en verde. Entonces quieres crear
un color que tenga suficiente contraste en
ambas variaciones,
ambos fondos. Y entonces todo lo que voy a hacer aquí es simplemente reducir
la distancia entre los dos y alinearlo de nuevo
al centro del círculo y luego tal vez
moverlo un poco hacia arriba. Bien. Esto se ve bien. Sí. Por lo que muestra
el nivel de picante Ahora, a veces tal vez
quieras moverte y
ajustarte un poco. En lugar de usar el punto central
físico real, siento que esto
se siente más centrado, y entonces también podemos hacer
lo mismo aquí. Pero como mencioné antes, creo que es confuso si tenemos un icono de nudo ahí dentro. Entonces, en cambio, solo voy
a alinear esto al centro. Vamos a Comando o Control
Shift C. Y entonces podremos usar lo mismo
en todos estos otros. Así que dejemos caer
uno más aquí arriba. Nuevamente, alinea en el centro, y este debe
estar centrado así
como el elemento de texto debajo. Sí, eso está alineado
con el centro, bonito. Y entonces podemos otra vez simplemente
duplicar esto por aquí, alinearnos con el
punto central de esa forma. Esto
también debería estar alineado. Tal vez tia. Y en este caso,
debido a que esta es la ensalada de situación picante, solo
podemos copiar y
agregar cuatro chiles ahí para asegurarnos de que
muestre más chiles, y entonces tal vez este crujido de cesar pueda volver a ser, uno, Alineemos esto
también al centro. Bonito. Y luego éste, siento que no está alineado. Ahora está en el centro. A lo mejor aquí también podemos
agregar dos chiles. ¿Por qué no? Y entonces sólo voy a
extender esto a ambos lados. Sujeta esa llave de opción de altar. Se puede extender tanto al lado
izquierdo como al derecho al mismo tiempo. Bien, entonces tenemos nuestros
pequeños iconos colocados en. Y siempre que uses
iconos en un menú, es importante tener una leyenda para mostrar lo que realmente significan. Así que solo voy a usar
este marco de texto que ya
tenemos aquí que
incluye a los dos, y luego dejarlo caer
aquí arriba. Sólo muévelo aquí arriba. Bien. Y en este caso, voy a cambiar
esto a negro, solo para que podamos verlo. Y entonces voy a
poner esto en dos líneas. Y entonces tal vez en
el espacio ahí, en algún descanso entre ellos o espacio entre ellos
mediante el uso de leading. Y simplemente escribo nivel
picante y
luego puede contener nueces Y creo que el texto puede
ser negro en este caso, solo para seguir la misma configuración. Y luego solo podemos usar
una pestaña también pestaña aquí. Y después al tener esto seleccionado, solo
voy a escribir mis nuevas pestañas, y luego solo metemos
la pestaña aquí. Así que eso va exactamente
donde quiero que vaya. Sí, eso se ve bien. Y luego ahora
solo voy a seleccionar estas imágenes o íconos y simplemente
ajustarlos un poco, así que lo arrastre hacia abajo para que quede alineado al centro
de estas líneas. Bien, eso se ve bien. Y sí, probablemente podamos hacer esto un poco
más pequeño. Así. Y también, tal vez
solo podamos usar un itálico. Sí, itálica está bien. Mm hmm. Eso se ve bien. Sólo quiero
mencionar que esto
también está fuera del área de margen. Pero para
información más pequeña como esa, podemos usar esa sección.
19. Toques finales: Ahora, claro,
tenemos más espacio para colocarlo tal vez aquí
si quisiéramos. Pero en realidad hay
una cosa adicional que quería
hacer aquí también. Todavía tenemos algo más de
información que
pensé que sería interesante
colocar en, como las calorías, la proteína, la cantidad de proteína, y si es
para vegetarianos o no y si
contiene gluten o no Ahora bien, estos también podrían
representarse con íconos. Entonces esa es la opción.
Podríamos introducir más íconos. Pero pensé que quiero
mostrarte otra manera de que
podamos hacer esto. Entonces, si queremos usar
más copia para esto, en realidad
podríamos crear
una forma adicional. Y voy a usar una nueva capa una vez más para
esto solo para hacer las cosas más fáciles. Entonces esta va a ser
la capa más info. Y luego voy
a dibujar realmente el marco y
después alinearlo. Mantendré la tecla Mayús
y crearé una forma más grande. Ahora bien, si mantienes
apretada la barra espaciadora, también
puedes moverla,
algo así. Cuando muevo esto, puedo alinearlo con las guías
inteligentes para asegurarme de que esté alineado ese punto central.
Eso se ve bien. Y luego usando el
tipo en una herramienta de trazado en lugar de escribir
dentro del círculo, estaremos escribiendo en el círculo. Entonces solo escribiré ahí. Y entonces lo primero que
quiero hacer son las calorías. Entonces esta es la hoja fácil. Aquí se equivocan los nombres, pero sé que ese fue el
primero que tiene 320 calorías. Entonces solo escribiré
eso en 320 al. Normalmente está escrito
así, KCL. Sólo voy a bajar el
tamaño de este texto a
tal vez diez puntos, y quiero que sea, a lo mejor
Demi va a ser buena Echemos un vistazo a
esto desde la distancia. Sí, eso me gusta.
Se ve bastante bien. No estoy seguro si queremos
que sea en verde o negro, pero por ahora, voy
a mantenerlo así. Y luego voy a usar este carácter separador
para agregar más información. Entonces la siguiente información
es la proteína en gramos. Yo solo escribiría proteína seis G, otro carácter
separador. A lo mejor esto puede ser una
minúscula y decir proteínas o simplemente proteína
probablemente suene Entonces sólo puedo escribir Vigan
y después contiene gluten. Bien, echemos un
vistazo a esto desde la distancia. Sí. Eso me gusta. Y sólo para ir con nuestro
tema de verde y negro, lo que voy a hacer aquí
es que voy a cambiar cada segundo
segmento a negro. Entonces empiezo con verde, luego negro, y
luego negro otra vez. Entonces es un patrón alterno. Y en realidad voy a hacer esta forma también o ese
separador también negro. Creo que así
funciona mejor, sí, tiene un buen ritmo. Y luego solo tenemos que copiar todo
este fotograma a
estas otras formas aquí. Entonces, si me acerco, intentemos alinearlo y
lo muevo. Ahí está. Si está demasiado cerca,
obviamente podemos hacer esta
forma un poco más grande. Sólo tenemos que mantener pulsadas
las tres teclas modificadoras. Por lo tanto, la opción de comando shift en Mac o controla todo el turno en la PC. Y arrástralo un
poco para correctamente aquí. Echemos un vistazo.
Sí, eso se ve bien. No voy a
cambiar el texto. Yo sólo quiero hacer
espacio para todo, así el texto siempre
se puede cambiar después. Sólo voy a
rotarlo un
poco aquí. Eso se ve bien. Y luego vamos a crear
otra copia de esto y alinearlo con este otro
círculo ahí mismo. Vamos a darle la vuelta
y por cierto, cuando redimensione estos círculos,
el tamaño del texto se ve afectado Es muy difícil notarlo, pero sí se ve afectado. Entonces eso es sólo algo
que tendremos que arreglar. Y sí, quiero
asegurarme de que esté perfectamente alineado. Pero en este caso, la forma
del plato o esa ensaladera
está un poco distorsionada. Entonces voy a bajar un poco
este círculo. Nuevamente, el ajuste manual
a veces puede ayudar. En este caso, solo uso
las flechas del teclado. Sí, así es bueno. Mi dibujo podría necesitar ser actualizado aquí solo para
asegurarse de que encaja, pero aún así se ve bastante
bien y fácil de leer. Y así en caso del texto
para asegurarme de que es lo mismo, solo
volvería a
ajustarlos y ponerlos a diez
puntos, todos ellos. Nuevamente, podríamos usar estilos de
párrafo para esto para asegurar que
se configuraron correctamente. Pero por ahora, sólo voy
a mantenerla así. Y luego solo volvamos a
duplicar esta forma, teniendo los marcos visibles, puedo moverla y alinearla
ahí al punto central. Y aquí necesitamos
configurar el punto final y el
punto de partida manualmente. Entonces tenemos que mover
el punto de inicio aquí
abajo y el
punto final allá abajo. O simplemente podemos acercar
el punto final a
donde realmente termina. Y de esa manera, podemos encontrar
el punto central más fácil. Entonces este es el punto central. Arrastremos eso dentro
del círculo así. Y entonces podemos simplemente
seguir arrastrando eso
hasta que tengamos la
alineación que necesitamos O, claro, no olvides que también
puedes simplemente rotar el círculo. Y nuevamente, tenemos que
hacerlo un poco más grande también estoy usando las
teclas de flecha para ajustarlo, y luego eso se ve bien. Entonces se curva de izquierda a
derecha, como lo necesitamos. Pero en lugar de
curvarse en la parte superior, ahora se curva en la parte inferior Y, sí, de nuevo,
no olvidemos cambiar el
tamaño del texto a diez puntos, bajar, y luego finalmente, tenemos este de aquí. Bueno, aquí
sería un poco difícil exprimir en la
información de ese lado. Entonces lo más probable es que tengamos
que ponerlo en la parte superior. Y en ese caso, solo
podemos
volver a estos íconos, y probablemente podamos
ponerlos en la misma línea. Entonces, en vez de dos líneas, lo que voy a hacer
es poner esto aquí arriba. Y configurarlo así. Ahora, la pestaña, podemos quitar. Y en lugar de tab, podemos simplemente confiar en
tal vez dos espacios. Esa no es la
forma ideal de hacer esto, pero de nuevo, solo voy a
configurarlo rápido así. Bien. Y luego vamos a traer aquí otro de estos
círculos. Alinear primero que nada, para acercarnos lo más
posible y rotar donde necesite estar. Y luego vamos a ajustarlo
manualmente, arrástrelo un poco hacia arriba. Entonces lo estamos alineando a esa
curva y se ve bien. No cambié el tamaño en él, así que aún deberían
ser diez puntos. Genial. Ahora, vamos a guardar esto
y vamos a echarle un vistazo. Sí, estoy contento con toda la información
que tenemos aquí. Para que veas que
las cosas se están poniendo más ocupadas cuantos más detalles
estés agregando Pero aún así, siento que
tiene una jerarquía muy buena. Está muy claro
dónde están las cosas. Entonces, si me interesa
alguna de estas ensaladas, puedo encontrar muy rápidamente la información importante o
la información relevante. Y hay consistencia
entre las cinco imágenes. Por lo que siempre está
la información en el mismo lugar usando el
mismo textil también. Y esta repetición asegura que tenemos una jerarquía visual muy
clara Ahora, como mencioné, último aquí es que yo haría un
poco de bosquejo aquí, y entonces podemos llamarlo un día Pero como ya has visto
cómo hago esto en mi iPad, solo
voy a acelerar
las cosas y mostrarte un lapso de tiempo en su lugar. I
20. Para terminar: Y eso es una envoltura. Acabas de completar la clase de diseño del menú de la
barra de ensaladas. Espero que te hayas divertido tanto trabajando en esto como yo
armándolo. Ahora es tu turno. Toma lo que has
aprendido y completa el proyecto de clase diseñando
tu propio menú a dos caras. Puedes seguir los mismos
conceptos o crear algo completamente
diferente, una barra de jugos, un menú de postres, o
lo que sea que te inspire Cuando hayas terminado, no
olvides
compartir tu proyecto
aquí en Skillshare Siempre me encanta ver
tu trabajo creativo, y me
registraré para dejar comentarios y celebrar
tu progreso. Si disfrutas de esta clase, asegúrate de
revisar mis otras clases aquí en Skillshare desde diseño
editorial e ilustración
vectorial
hasta diseño de carteles, trucos de
photoshop y uso IA
generativa en
tu trabajo creativo Tanto por acompañarme. Y hasta la próxima,
sigue diseñando, sigue experimentando y,
lo más importante, mantente
creativamente curioso