quinta-feira, 9 de dezembro de 2010

Experiencias Adquiridas no Trabalho Final

No trabalho final uma das principais coisas aprendidas foi o trabalho em equipe o quanto ele poder ser prazeroso e ao mesmo tempo rico. Algumas vezes, com choques de opiniões , que identifica a personalidade de cada integrante, mas sempre contornado com uma boa conversa . Aprendi que as tecnicas de layout serviram como base para não cometermos grandes erros e as cores auxiliaram-nos a enfatizar a mensagem desejada com mais eficacia.A história passou por varias mudanças , pois a nossa primeira ideia era fazer uma padaria ao invés de um restaurante e expor o personagem a mais situações interativas durante o digital storytelling, mas fomos orientados pedagogicamente de que o conceito trabalhado(razão e proporção em receitas) não se aplica a todas as receitas. Então seguimos com a ideia, mas com a condição de deixar explicito esse detalhe da não geralização.Aprendi neste trabalho a escuta mais as pessoas, não que eu não escuta-se, mas ficou melhor ainda, aprendi que as ideias simples são as mais dificeis de se pensar , mas a simplicidade de uma ideia que todos a ignoram e a que torna a grande ideia que muitos descartaram ou acharam-na impossivel de ser aplicada.

sexta-feira, 12 de novembro de 2010

Fonte Courier


Courier é uma fonte tipográfica monoespaçada, de serifa egípcia, projetada para assemelhar a saída de uma batida de máquina de escrever. A tipografia foi projetada por Howard "Bud" Kettler em 1955.

Avanços da fonte:

Courier New

Courier New é uma versão da Courier introduzida com o Windows 3.1, que também incluiu as fontes de bitmap Courier. A família compreende Courier New, Courier New Bold, Courier New Italic e Courier New Bold Italic. Courier New caracterica espaço entre linhas mais alto que a Courier. Sinais de pontuação são retrabalhadas para fazer os pontos e vírgulas mais pesados.
[editar] Courier Standard

Courier Standard, Courier Standard Bold, Courier Standard Bold Italic e Courier Standard Italic são fontes distribuídas com o Adobe Reader 6, como uma substituição para as fontes PostScript Courier.

Fonte Arial


A fonte Arial foi desenvolvida como uma fonte bitmap sem-serifa por Robin Nicholas e Patricia Saunders em 1982 nos escritórios da Monotype no Reino Unido, por encomenda da IBM, a qual usava uma fonte similar, a Helvetica, adquirida à Linotype, na impressora IBM 4250. Talvez tenham pedido à Monotype para desenvolver uma fonte sem serifa e metricamente igual à Helvetica, para efeitos de compatibilidade, pelos elevados custos de licenciamento cobrados pela Linotype. Esta nova fonte seria incluída numa nova série de impressoras a laser (IBM 3800). A Monotype então cria uma fonte baseada numa já existente, a Monotype Grotesk, metricamente semelhante à Helvetica, mas com sutis alterações quanto à forma e ao espaçamento entre letras, de forma a ser mais legível em monitores em várias resoluções. Nesta altura, julga-se que o nome Arial não existia, e a IBM denominou-a "Sonora Sans" (e a Times New Roman por "Sonora Serif").

Uns anos mais tarde, e de forma análoga, a Microsoft lança o Windows 1.0 em 1985. Desde essa data até ao lançamento do Windows 3.0, a Microsoft inclui nestas versões a fonte "Helv" (assim como a "TmsRmn"), sofrendo então um processo em tribunal devido à violação de marca ("Helv" é abreviação de "Helvetica", "TmsRmn" da "Times New Roman"). A Microsoft procura então uma fonte que pudesse substituir a Helvetica, de forma a evitar elevados custos de licenciamento da Linotype (tal como a IBM havia feito) para o próxima versão do Windows a ser lançada. É aqui que entra a Monotype com a fonte Sonora Serif, licenciada à IBM, mas não em exclusivo. A Microsoft lança então em 1992, o Windows 3.1 com esta família de fontes da Monotype, denominando-a Arial, e sob o formato de uma nova tecnologia desenvolvida em parceria com a Apple, o TrueType.

Surgiu assim, pela necessidade que a IBM tinha para concorrer com a fonte Helvetica, criada pela empresa Linotype em 1957, e muito popular desde então. Evitando assim o uso dessa fonte, devido aos elevados custos de licença por parte da Linotype e também da Adobe Systems, esta última detentora da tecnologia PostScript que a fonte Helvetica utilizava. Quanto à tecnologia, a Microsoft recorreu ao TrueType, desenvolvida em conjunto com a Apple Computer. O Windows 3.1 foi o primeiro programa a implementar esta tecnologia, com um conjunto de outras fontes (Arial, Bookman Oldstyle, Book Antiqua, Corsiva, Century Schoolbook, Century Gothic, e Times New Roman). Esta surgiu também com o intuito de ser uma alternativa economicamente viável em relação ao PostScript da Adobe Systems. Actualmente O último padrão PostScript Type 3, para além da Helvetica e outras fontes, inclui agora também a Arial.

Fonte Times New Roman


A Times New Roman é uma família tipográfica serifada criada em 1931 para uso do jornal inglês The Times of London. Hoje é considerada um dos tipos mais conhecidos e utilizados ao redor do mundo (em parte devido ao fato de ser a fonte padrão em diversos processadores de texto). Seu nome faz referência ao jornal (Times) e ao fato de ser uma releitura das antigas tipografias clássicas (new roman).

Os desenhos originais foram feitos por Victor Lardent, sob a supervisão de Stanley Morison, no próprio jornal The Times. A fonte então passou por um extenso período de aperfeiçoamento e revisão no escritório da Monotype, uma empresa especializada no desenho de tipos.

Times New Roman é uma fonte que foi adaptada de tal forma que possui excelente legibilidade, misturando curvas clássicas e serifas, o que permite que seja usada tanto em livros e revistas quanto em textos publicitários e até relatórios de empresas.

sexta-feira, 22 de outubro de 2010

Storytelling

video

Link no youtube: http://www.youtube.com/watch?v=lBIThCw6Kqg

Storyboard do Storytelling My Memories

Dissertação do Storytelling My Memories (A prova)

O Storytelling My Memories conta de maneira simples as fases básicas da vida humana.Mesmo que não cheguemos a vivenciar toda elas, conhecemos pessoas que viveram ou estão vivendo algumas destas fases e que nos transmitem experiência, segurança, precauções,sabedoriae entre outros capacidades . Cada fase em si é rica, e mesmo que quisessemos expressalas em si não conseguiriamos, pois cada pessoa tem sua experiência particular em cada uma delas e as impressões de cada um delas é que nos vai formando como pessoas e nos tornando mais humanos com o decorrer do tempo. Então, este storytelling é uma pequena amostra de cada fase humana e de caracteristicas comuns a todos nós.
Os conceitos visuais aplicados, neste trabalho, foram trabalhados tentando relaciona-los a cada fase desenvolvida no storytelling. Na fase da infância aplicamos o equilibrio,a simetria,repetição,nitidez,minimização, simplicidade e alternamos economia e um pouco de exagero.Também, procuramos usar cores mais claras, que transmitissem, leveza,alegria e aventura. Aplicamos esses conceitos nesta fase por ser uma fase mais livre sem obrigações, preucupações, onde cada um de nós basicamente aprendemos.Na fase da adolescência utilizamos alguns conceitos presentes na infância, mas acrescentamos o exagero, a fragmentação,a unidade e a complexidade.Nesta fase utilizamos tais conceitos por ser uma etapa na vida de experimentação, mudança, conflitos, formação mais solidificada como pessoa, onde a pessoa já adquiri responsabilidade, tambem nela, utilizamos cores mais alegres, mais despojadas e mais neutras.Quando a maturidade chega o ser humano se depara com uma situação meio que imposta.É quando as responsabilidades gritam mais que na adolescência e o individuo põe a prova aquilo tudo que ele carrega como pessoa, valores, conhecimentos, esperanças,planos,mas,tambem, é uma fase de concretizações onde ele já deseja relacionamentos serios buscando uma pessoa que o complete.Aplicamos nela a difusão, paradestacar a busca do destaque no meio profissional,o equilibrio, simetria e outras técnicas contidas em outra fases. As cores,nesta fase, são mais serias.
A fase velhice é a mais rica e , talvez, a que despertou este trabalho, pois ela é a fase das memorias, dos conselhos e a que nos alivia, pois é o inicio de um descanso. Aplicamos cores mais tons pasteis e trabalhamos simetria, nitidez e entre outras técnicas já expostas.

sexta-feira, 8 de outubro de 2010

Storytelling no you tube

Este é o link do video caso haja algum problema na vizualização dele,neste blog:
http://www.youtube.com/watch?v=1_uCbbW7o8E

Strorytelling- A vida

video

Storytelling- Base conceitual

O storytelling A Vida aborda a tematica da vida humana focada em cada fase de amadureimento do homem. Abordando as tematicas gerais da vida de forma simples e objetiva associando fotos e sons para cada fase.
No storytelling A Vida trabalhamos conceitos visuais de equilibrio e simetria, como na imagem dos dois senhores conversando e da familia olhando o mar,assimetriana imagem de formaturas e de estudo preparatorio para o vestibular,a ideia de simplicidade como a das irmãs mexendo no computadore e a das mãos do casal em cima do buquê. O conceito de economia foi trabalhado com a imagem das crianças sentadas no tronco e a minimização com a da criança brincando com os dados,dando a ideia de felicidade. O exagero foi trabalhado nas fotos dos estudantes na sala fazendo exercicios e se formando. A nitidez , tambem foi trabalhada na maioria das fotos, e a difusão em algumas fotos como a da mulher executiva.

Storytelling-Storyboard













sexta-feira, 10 de setembro de 2010

Equilibrio e desequilibrio


Aprimeira causa um seto desequilibrio no expectador e a segunda é bem equilibrada.

domingo, 5 de setembro de 2010

Logo Finalizada!!!!!!!!!!!


A concepção desta imagem vem do conceito em questão que é a culinaria.O intuito de uma tv culinária é oferecer as pessoas variedades de pratos que fogem ao cotidiano ou que otimiza o preparo deste, seja inovando, criando ou reapresentando um pranto,podemos observar a colher como um primordio na vida de um ser humano , já que normalmente começamos a comer de colher para depois nos abtuarmos a utilização do talher.Mesmo assim, a colher é utilizada para pormos a comida e nos ajuda no processo de preparo do alimento, então nada melhor do que um logo marca com esse utensilio, que de tão comum passa a ser simbolico.
Com relação a montagem da logo, foi utilizado a linha para dar forma ao cabo da colher e para ajudar a lapidar as formas( basicamente o circulo e quadrado), dando compreenção as letras formadas. Para a formação das letras foi utilizado basicamente o circulo, porém com a presença de quadrado para a formação das letras coma forma mais reta como o r e o m. Com relação a utilização das cores são mais voltadas para o cotidiano como o caso da colher, que é o cinza, com relação as cores das letras o vermelho e o amarelo, que são utilizadas para propagandas de genero alimenticio, pois, segundo estudos, dão ao receptor da mensagem visual a sensação de fome.

sábado, 28 de agosto de 2010

Psicologia de Gestalt !!!!!




Observe as imagens acima e observe atentamente cada uma, veja os elementos q conseguiu identificar e depois continue a ler este comentario.

Na primeira imagem observamos na montanha a cabeça de animais, urso, crocodilo, bode, entre outros.
Na segunda imagem observamos o plano que deixa nosso olhar meio confuso.
E a terceira a mais interessante, na minha opinião, no rosto do homem observamos um senhor e uma mulher.
espero q tenham conseguido observa e desvendar ate coisas q ñ vi.

domingo, 15 de agosto de 2010

Comentario sobre o texto Leitura de imagens, cultura visual e prática educativa

No texto de Emilia Sardelich ao citar o renascimento como forma de expressão visual percebo que em cada epoca junto com o avanço da imagem olhar que setem sobre elas tambem tem que ser mudado, adequado a realidade da epoca.Acredito que os tempos de maior imcompreensão são os de transição de um periodo visual para outro,não q ue essa transição cause perdas ,mas sim as inovações éque causa essa imcompreenção, o que contribui para um melhor enriquecimento visual da comunicação em si.No modo de leitura de imagens é interessante as categorias que Rudolf Arnheim organizo creio que realmente ajude na decodificaçãoe na assimilação da mensagem a ser transmitida.Outro processo bem atrativo do texto é quando levanta a questõao do analfabetismo visual em especial, quando se fala do processo estruturado por Ott ,da percepção dos elementos visuais, na meditação de cada elemento, a busca pelo significado historico dele, a estruturaçãoda mensageme por fim a descoberta do processo de leitura da imagem. Uma passagem do texto que chama a atenção sobre o aspecto de leitura de imagens é este:
" Ler uma imagem historicamente é mais do que apreciar o seu esqueleto aparente, pois ela é construção histórica em determinado
momento e lugar, e quase sempre foi pensada e planejada."
É interessante a discursão levantada sobre a cultura visual com as duas vertentes de como é tratada por Barnard a imagem com uma linha mais "restritiva " e a outra vertente como uma linha mais emocional sobre o aspecto que a imagem toca a sociedade.A compreensão da imagem é importante e essencial para a cultura que vivemos e estamos construindo. O texto de Sardelich no auxilia a compreender esses aspectos da imagem e como saber compreende-la, mas ver tambem como a sociedade em si compreende a imagem e a Cultura visual que cada dia se fortifica em nosso meio.


segunda-feira, 9 de agosto de 2010

Imagem Significativa p/ mim.

Essa imagem é significativa para mim, pois me lembra a minha infância, pois, como é um desenho animado, me faz lembrar a imaginação que tinha quando criação para inventar historias para minha propia diversão.O fato dos desenhos sempre tentarem de alguma forma passar uma mensagem de que é necessario vencer alguns obstáculos, mesmo que você tenha medo.Essa figura é especial ,pois foi meu primeiro DVD e em especial você pode observar que o Marlin no começo do filme nunca pensaria que atravessaria o oceano para encontrar o Nemo e você ver que ele tem medo e por isso ele super protege o filho, o que quero dizer é que no caso dessa imagem e do filme que vem a minha memoria no caso é superação. Superação de muitas vezes não acreditar em você mesmo ,mas vendo que existe pessoas que acreditam e que vão com você até o fim com você no caso eles na imagem estão com medo ,mas sabe que um pode contar com o outro.É isso lembra, tambem, amizade e confiança.

domingo, 2 de maio de 2010

Making-of

Primeiro passo abrir um arquivo no photoshop com 1250 o width por 1650 de height com o fundo transparente .
Segundo passo abrir a imagem com a foto de fundo da UFC escolhida. Selecionar tudo e copiar colar no arquivo de fundo e ajustar a seleção com a move tool com o botão show transform cotrol selecionado, de tal forma a cubrir todo o fundo.Após isso seleciona-se a parede amarela com a ferramenta rectangular macquee tool. Seleciona-se a parede toda até com o portão. Para depois retirar o portão da seleção utilize a mesma ferramenta (rectangular...) só que segurando a tecla ALT no teclado, assim o portão ficará fora da seleção
Terceiro passo com a parede selecionada você aplicara sobre ela o filtro artistic Waltercolor, dará a parede um caráter mais envelhecido.
Após o filtro vá lá à select e click em deselect a parede não terá mais seleção.
Quarto passo você selecionará só o portão com a ferramenta rectangular macquee tool(Dica: se sua seleção ficar ainda pegando a parede click no botão Edit in quick maske mode e utilize a borracha, alterne as cores da ferramenta set foreground color, para incluir ou excluir da seleção as parte que iremos trabalhar, após isso aperte no mesmo botão para aparecer a seleção de novo ) e utilize a borracha para apagar o a paisagem que está na janela e na porta da foto, apagando toda ela deixando só o portão.
Dica: eu utilizei a borracha (eraser tool) no tamanho 33 e os retoques no tamanho 9.
Com o portão sem a paisagem, que aparecia no fundo, utilizaremos nele para dar um efeito o filtro artistic : smudge stick.,após o filtro deselecione o portão na ferramenta deselect lá em select.Uma grande dificuldade foi selecionar este portão e apagar o fudo atrás dele.
Quinto passo com a ferramenta rectangular macquee tool você selecionará o chão.
Vai na ferramenta Set foreground color click neste botão e vai abrir uma janela com o nome Color picker. Escolha freqüência de cor laranja e selecione uma área perto do preto onde a cor fica marrom bem escuro. Utilizando o balde de tinta (Paint bucket tool) pinta-se todo o chão selecionado pela ferramenta rectangular macquee tool até ele ficar todo marrom. Após isso você utilizará o filtro de texture texturizer, que dará o efeito desejado no chão.
Sexto passo Abra uma nova camada e click novamente na ferramenta Set foregraund color. Quando abrir a janela Color Picker selecione a faixa de laranja de novo e selecione uma cor marrom mais clara um pouco da do chão. Utilize o balde de tinta e pinte toda a camada.Após isso use o filtro texture craquelure. Com essa camada selecionada você a colocará abaixo da camada fundo selecionará com a rectangular macquee tool só a parte da abertura do portão, que é tipo a porta.Após isso selecione a tecla delete no teclado o fundo ficará transparente de novo.
Sétimo passo você abrirá outra camada selecionará o balde de tinta e pintará essa camada toda de preto.
Oitavo passo abra uma nova camada e coloque o nome dela de círculos e depois click na ferramenta Set foregraund color e na janela color picker escolha a freqüência de cor que fica entre o azul e o verde você escolhera uma cor dessa freqüência um pouco escura. Depois você vai à ferramenta brush e escolhe o master diameter = 9 e o hardness= 100%.
Selecione a ferramenta freeform pen tool e no botão que fica lá em cima chamado elipse tool
Você fará círculos na seguinte proporção do maior até o menor deixando um bom espaço entre eles. Depois de fazer o circulo você vai lá à ferramenta Path selection tool( a seta preta ) e com o botão direto do mouse você selecionará os círculos, na hora em que você selecionar o círculos, eles ficaram cheios de pontos. Você selecionará de novo a freeform tool e com o botão direito do mouse abrira uma janela.Selecione o termo stroke path abrirá outra barra de seleção você escolhera o termo brush e click em ok e depois em delete para observar como ficou. Após isso você vai em Set foregraund color e na freqüência de cor selecionada antes,neste mesmo passo, você selecionará uma cor mais clara. Irá à brush e escolha um brush de tamanho 11 e com hadness de 0%.
Faça o mesmo procedimento acima com a elipse tool só que os círculos serão colocados entre os outros, já feitos. Selecione a seta preta repetindo o processo acima de formação dos primeiros círculos.
Nono passo abra no photoshop a imagem do star war selecione o banner do Xbox 360 com a rectangular macquee tool e copie cole na imagem da capa do jogo que está sendo formada. Click na ferramenta move tool e certifique-se que o botão dessa ferramenta chamado show transform control estará selecionado (está imagem tem que se na ordens das camadas sendo a primeira) e aumente o banner até que ele cubra completamente o teto . Ficando na posição como no jogo Star Wars.
Décimo passo abra no photoshop as duas fotos do garoto propaganda do jogo.
Selecione o garoto com a ferramenta quick selection tool, se ela selecionar além do desejado você segurará o botão alt e clica na peça até ela ser deselecionada. Após só o garoto selecionado, você o copiará e o colará na capa. Ao colá-lo selecione a ferramenta move tool com o botão show transform control selecionado. Rotacione o menino e o diminua até ficar em um tamanho considerável que caiba na capa do jogo. Faça o mesmo procedimento com a outra foto do garoto.Outra grande dificuldade era a pose da foto a posição dde cada parte do corpo e tudo.
Décimo primeiro passo escolha a fonte sliced juice na cor preta lá na cor de letra lá em cima em suas propriedades e tamanho da letra com 33,5 pt( se o seu computador não possui está fonte vá no site Google epesquide o nome dafont você encontrara uma site com esse no e esta fonte está na categoria fancy na subcategoria distorted na pagina 6 )escolha o local na parede abaixo do banner o Xbox digite o nome do jogo e ajuste tamanho e largura com a ferramenta move tool( com o botão show tansform control selecionado) e abaixo dos pés dos personagens do jogo digite um termo provocativo do jogo com a cor da letra verde com 12pt. Ajuste com o move tool.
Vá à imagem do star wars e tire o Celinho teen( no canto inferior esquerdo da imagem) cole na imagem da capa, ajuste o tamanho com o move tool e mova ela até o canto inferior direito da capa.
Lembre-se: A posição das camadas tem que ser de forma a todos os elementos do jogo aparecerem em seus respectivos locais.Para isso também utilizemos o bom senso.
Pronto!A capa do jogo está pronta!!
A minha maior dificuldade foi em montar a capa saber onde colocar cada coisa, que ferramenta utilizar saber se eu estava utilizando os meios menos complicados, ou seja na idealização da capa do jogo .

A capa do jogo!!!!

Elementos básicos (imagens sem tratamento)





AS fotos utilizadas para a produção do jogo.
As minhas fotos estão deitadas pq foram batidas assim eu não sei coloca-las em pé.Desculpe!!

O meu jogo foi praticamente baseado minha imaginação ,mas ouveram alguns elementos que despertaram em mim mais ou menos essa ideia.As batalhas em vulcões,no céu, esse tipo de coisa e as habilidades de cada personagem sempre me chamarão a atenção então eu fiz um jogo de luta,eu acho, meio dinâmico.As capas que me chamaram a atenção para essa temática foram estas acima.

quarta-feira, 28 de abril de 2010

terça-feira, 13 de abril de 2010

quarta-feira, 7 de abril de 2010

segunda-feira, 5 de abril de 2010

sábado, 3 de abril de 2010

ahei bem interessante, fui eu que fiz seguindo um tutorial. Deu trabalho!

domingo, 28 de março de 2010

A COLORAÇÃO!!!!

O PORCO

O porco mais dificil que já fiz. Deu trabalho!!

sábado, 27 de março de 2010

sexta-feira, 26 de março de 2010

Aula de contraste!!!

Eu gostei muito da aula. Além da temática que foi muito boa a abordagem, tanto do contraste social como a do psp e a da inclusão digital . Mas, a que mais se destacou, para mim, foi o video do tigre, a mistura de tecnicas quando é bem feita causa uma otima mistura de contraste.
Eu acho que os cotrastes em si são todos conhecidos ,mas as abordagens que são feitas sobre ele é que são diversas. É a nova moldagem que inova e destaca esse contraste cotidiano que vivemos.

quarta-feira, 17 de março de 2010

Restaurando fotos.


segunda-feira, 15 de março de 2010

Novas tecnicas no photoshop.



quinta-feira, 11 de março de 2010







Aqui estão minhas ultimas peripecias na aula de edição, espero que gostem!

acima as originais e abaixo as do photoshop

quarta-feira, 10 de março de 2010



Está ai minha primeira aventura no photoshop. Não ficou essas coisas todas , mas tambem não ficou tão ruim.
É uma figura meio que abstrata, um casal de namorados e um carro passando lá ,longe deles.Acima é a original e abaixo a que eu fiz.

testes no photoshop

Bom,
meu nome é lucas e sou estudante do curso de sistemas e midías digitais da ufc.
Vou postar neste blog os meus testes e os meus primeiros trabalhos. Espero que com o tempo melhore.
Para quem for blogueiro de plantão verá minha evolução, aguarde!!!!!
Vamos começar?!?!