quarta-feira, 27 de maio de 2015

Efeito Colorize

Ooi gente linda :3
Tudo bem com vocês?
Hoje eu vou ensinar pra vocês um efeito que eu acabei de inventar xD Mas eu garanto que vai ficar muito legal, e o melhor é que dá pra fazer com qualquer foto.

Então, vamos lá?
Após abrir seu PhotoScape, na guia editor, abra a imagem que irá editar. Permanecendo na guia Início, clique em Black & White. Caso a sua imagem esteja um pouco desfocada, clique no botão Afina e selecione o nível que ficar melhor, apenas para aumentar um pouco a nitidez.
Após isso, pressione Ctrl+C no seu teclado. Agora sua imagem foi copiada, e daqui a pouco nós usaremos essa cópia.

IMPORTANTE: Caso você esteja utilizando uma imagem sem fundo (Png), você não pode realizar esse passo, pois a transparência irá se perder na foto copiada. Sendo assim, você teria que salvá-la, para que depois possa seguir com os outros passos.

Agora, clique em Filtro e depois em Linear Gradiente. Observe o que aconteceu com a sua imagem, é isso o que a ferramenta Linear Gradiente faz. Agora vamos configurá-la(Você vai precisar repetir esse passo duas vezes,  sendo uma delas com uma configuração e a segunda com outra, então preste bastante atenção nas coisas que terá que mudar e nas coisas que ficarão iguais para as duas).
Na caixinha destacada de vermelho você vai configurar a posição da faixa, de acordo com seu gosto. Eu coloquei Acima e Abaixo. Esta configuração será uma da primeira vez e outra da segunda, para que fiquem opostas.
Exemplo: Na primeira vez você escolheu Esquerdo, então na segunda deverá escolher Direito, senão o efeito não ficará correto.

Essa barra destacada de azul será o tamanho da faixa de cor na sua imagem. O valor dela pode mudar de acordo com cada imagem, então você deve procurar um valor que deixe a faixa de cor próxima do centro da imagem, mas sem cobrir ela toda. Essa configuração será a mesma para as duas vezes.

Essa caixinha destacada de roxo é onde você configura uma margem na sua foto, ou seja, vai alterar o tamanho da foto adicionando uma margem próximo ao efeito. Ela vai ser da mesma cor do efeito, por isso não dá pra ver diferença, exceto pelo tamanho da imagem que irá ser alterado.

Essa caixinha destacada de rosa é onde você vai escolher a cor do seu efeito. Ela será diferente nas duas vezes.
No nosso caso essas cores vão ser uma mais escura e outra mais clara. Na imagem abaixo tá mostrando como você deve escolher as cores, pra que não saia cor errada no final. Observe (se for preciso, abra em outra guia para visualizar melhor):
Após configurar e confirmar a cor e o efeito pela primeira vez, você vai fazer o mesmo processo novamente, mas desta vez colocando a posição da faixa contrária à da primeira vez (ex.: se na primeira vez você escolher direita, na segunda vai escolher esquerda, e vice e versa), e colocando a cor também oposta à cor escolhida na primeira (ex.: se você escolheu rosa claro da primeira vez, na segunda deve escolher rosa escuro, e vice versa).

Assim que você tiver feito esse processo acima, você vai para a aba Editar, pois agora nós vamos utilizar aquela imagem que você havia copiado no início do tutorial.
Ao chegar na aba Editor, clique em Foto e depois em Foto do Clipboard. Na janela que aparecer, você vai configurar a Opacidade. Clique e arraste o ponteiro até que a opacidade da foto esteja boa pra você, com relação ao efeito atrás. O objetivo é que o efeito não fique tão escuro quanto estava antes, então você deve deixá-lo mais claro aumentando a transparência da foto que está por cima.
Caso a sua imagem de cima esteja desalinhada com a imagem de baixo, você deve configurar essa caixa destacada de azul, e deve selecionar a opção Centro onde está escrito "Pra esquerda". Depois disso, é só clicar em Foto+Objetos e pronto!
Meu resultado:
E aí, gostaram desse tutorial? Deixem um comentário dizendo o que achou, aproveite e poste seu resultado também!
(Pra quem quiser, a fonte que eu usei foi Inversionz Unboxed e quem está na foto é o T.O.P da banda coreana Big Bang[meu oppa *3*])
Até semana que vem galera,
Kissus >3<

quinta-feira, 21 de maio de 2015

Fontes

Ooi gente, olha quem tá aqui uma semana mais cedo xD
Mas é por uma boa causa. Eu vim fazer esse post pra ajudar a todos que tem dificuldade com as fontes, tanto pra baixar, dezipar ou instalar. Vou ensinar agora passo a passo de todos esses processos que eu falei.
Baixando fontes do Netfontes
Com o site já aberto, você vai escolher a fonte que você quer baixar, seja procurando em uma das categorias ou com pelo nome, caso você já tenha alguma fonte específica em mente. Eu vou baixar uma fonte do tipo Escrita → Caligrafia, essa que está destacada na imagem:
Pra fazer o download é muito simples. Você vai clicar no botão Baixar, localizado à direita da visualização da fonte. Observe:
Após clicar neste botão,(provavelmente) vai abrir uma janela pra você escolher onde vai querer baixar. Caso essa janela não apareça, é provável que seu arquivo tenha ido parar na pasta Download do seu computador.
Assim que localizar o arquivo, observe que ele vai estar desta forma
Isso significa que a sua fonte está zipada. Agora nós vamos aprender como dezipar.
Dezipando a fonte baixada
Para dezipar é muito simples. Você vai selecionar o arquivo e clicar nele com o botão direito. No menu que abrir, clique em Extrair arquivos... Vai aparecer uma janelinha, pra você escolher onde vai ser extraído. Você pode escolher tanto naquela barra, digitando o "endereço" da pasta (é como se fosse o url de uma página da internet, mas são as pastas do seu pc) ou pela caixinha, clicando nas setinhas pra mostrar as subpastas.

Após isso, é só clicar em OK e o seu arquivo será extraído pro lugar que você selecionou. Agora nós vamos ver como instalar/ver as fontes já instaladas.
Instalando a fonte
Para instalar uma fonte é mais simples ainda (só vai ficando mais fácil esse negócio kkk). Assim que localizar o seu arquivo extraído, você deve clicar duas vezes no arquivo que tiver algum desses dois ícones aqui. Quando você fizer isso, irá abrir uma janela mostrando todas as letras do alfabeto e os números com a fonte.
Observe que essa fonte que eu baixei não possui números, eles são mostrados como símbolos, ela possui apenas as letras maiúsculas e minúsculas. Para instalar a fonte, você deve clicar no botão Instalar, localizado na parte superior da janela:
Abrirá uma pequena janela mostrando o progresso da instalação, mas ela se fechará automaticamente ao concluído o processo. Após isso você pode fechar esta janela da fonte, e pronto! Sua fonte já foi instalada e você já pode utilizá-la. A seguir vou mostrar como acessar as fontes já instaladas.
Acessando a fonte
Para achar as fontes que estão instaladas no seu computador você deve seguir o seguinte caminho:
Você pode até digitar esse caminho C:\Windows\Fonts na barra de endereços (aquela barrinha que na parte de cima da página, do lado dos botões de voltar e avançar), e apertar enter, que você já vai parar direto na pasta. Dentro desta pasta vão estar todas as fontes que você tem instaladas no seu pc.

Então gente, é só isso! Gostaram do tutorial? Espero ter ajudado vocês ^u^
Até semana que vem,
Kissus >3<

Antique Portrait GIF

Oii gente linda!
Desculpa por esse post ter saído só agora, mas é que meu dia foi muito corrido e não deu pra postar antes, desculpa >.<
Hoje nós vamos fazer uma edição um pouquinho mais "complexa", porque envolve várias guias do PhotoScape (daquelas que aparecem quando você abre o programa).

Eu vou ensinar a fazer uma edição bem legal em gif, que são aquelas imagens que se movem, mas é necessário muita atenção, porque senão o seu resultado final não vai ficar como o esperado.
Uma coisa importante: Nessa aula nós vamos usar molduras (já falei sobre elas no post sobre materiais). A moldura que eu vou utilizar se chama Antique Photo 01, e eu não tenho certeza se ela vem na nova versão do programa, então eu vou disponibilizar ela aqui pra download pra se caso você não tiver e quiser usar a mesma que eu, mas você pode utilizar alguma outra que já tenha, caso queira. Pra baixar a moldura, clique aqui. Para saber como instalar e utilizar molduras, veja esse tutorial aqui.

Então, vamos lá?
Para fazer essa edição você vai precisar de várias imagens, que podem ser do que você quiser e quantas precisar. Eu vou utilizar, no total, 4 imagens do Sebastian Michaelis (lindo *u*), personagem de um anime.

Abra o seu PhotoScape e clique na guia Página. No canto direito vai aparecer esse menu aqui. Você vai escolher o design da página que achar melhor; eu escolhi o square_right_2. Pra colocar uma imagem nos quadradinhos você vai clicar no quadrado e, na janela que abrir, vai na pasta onde tá a imagem que você quer, escolhe a imagem e clica em ok. Aí você vai repetir esse processo para todos os quadradinhos da página escolhida (exemplo: eu escolhi uma página com dois quadradinhos, então vou fazer esse processo duas vezes). Escolhidas as imagens, vamos começar a configurar!

Na caixinha do tamanho você vai deixar do tamanho que quer o resultado final. Nas caixinhas de Moldura e Redondo você deixa 0; o fundo pode colocar banco mesmo. Aí na moldura, você clica no botão e na janelinha que aparece procura a moldura que vai colocar (a que eu disponibilizei ou outra de sua preferência). Neste passo, é interessante que nenhuma imagem esteja selecionada, pois aí a margem vai aplicar-se automaticamente em todas as imagens.
Após aplicar estas configurações, tecle Ctrl+C para copiar sua imagem, depois vá na guia Animação Gif e tecle Ctrl+V para colar sua imagem.

Você vai fazer esses mesmos procedimentos com a próxima página. Volte na guia Página, selecione as imagens que estão nos quadrados e aperte a tecla Delete, para que possa inserir novas imagens. Agora é só seguir o processo anterior de inserir imagens (não precisa configurar de novo, já vai estar tudo configurado), teclar novamente Ctrl+C, ir até a guia Animação Gif e teclar Ctrl+V.
Após fazer isso, repare que (provavelmente) a imagem na tela vai estar alternando entre as fotos que você colocou nos quadrados, mas não é esse o efeito que nós queremos, então vamos configurar!

Sem nenhuma imagem selecionada, clique no botão Mudar Efeito e escolha a segunda opção "Move-se o atual quadro para a próxima transição". Agora, clique no botão Alterar Tempo, acima do Mudar Efeito, e, na janela que aparecer, digite o número 50. Agora aperte o botão do play, se o efeito estiver como se estivesse subindo, então pode salvar a sua imagem!

Meu resultado:
Então, é isso pessoal! Espero que tenham gostado.
Deixe um comentário dizendo o que acharam, ou então deem um voto pro que achou da aula ^^
Até semana que vem,
Kissus >3<

quinta-feira, 14 de maio de 2015

Letras Vazadas

Oi gente! Tudo bom com vocês?
Desculpem por essa aula não ter saído ontem, é que eu programei pra postar mas não foi ;-;
Enfim, hoje vamos ter mais um tutorial que eu considero bem fácil, mas o resultado final é bem legal. Eu chamo de Letras Vazadas, mas talvez outras pessoas (e até você mesmo) conheça por outro nome.
Aqui tem um exemplo que eu fiz, só pra mostrar mais ou menos como é.

É isso aí, uma imagem dentro das letras. E é isso que eu vou ensinar a fazer. Vamos lá então?
OBS: Apesar de ser bem fácil, é necessário um pouco (ou talvez muito) de paciência, pois dependendo da palavra que você escolher, vai ser um pouco mais trabalhoso pra mexer. Ao longo do tutorial vocês vão entender melhor.
Pra começar, vamos abrir a imagem que ficará na letra. Pode ser a imagem que você quiser.
(Caso você tenha dúvidas sobre como abrir uma imagem, veja a postagem anterior, tá bem no comecinho.)
Depois de abrir a imagem, clique na guia Objeto, depois clique em Texto. Como eu já expliquei cada detalhe da caixa de texto, eu só vou dizer o que fazer, sem mostrar imagens. Caso você esteja com dúvidas, pode conferir o post anterior ou me perguntar diretamente pelos comentários.
                                                                      ~*~*~*~
Eu vou falar um pouco sobre a fonte, antes de continuar o tutorial.
É óbvio que você pode fazer com a fonte que achar melhor/quiser, entretanto eu aconselho que pratique primeiro com uma fonte mais "quadrada", igual a que eu coloquei na imagem de exemplo, porque assim vai ficar muito mais fácil na hora de preencher a parte de fora. Uma fonte mais "desenhada" pode acabar atrapalhando você na hora de colorir os cantinhos; mas é só uma dica, então fica a seu critério.
                                                                      ~*~*~*~
Ok, agora vamos colocar o texto.
Após definir a fonte e o texto que vai colocar, ative o contorno, coloque a espessura em 2, escolha a cor que achar melhor (as mais usadas são preto e branco, mas você pode escolher a cor que quiser) e selecione a segunda opção:
Dê OK. Você perceberá que a palavra já ficou "vazada" por si só.Clique em Foto+Objetos. Agora é só completar a parte de fora da imagem. Para esse passo eu aconselho que você corte a imagem o mais rente possível da palavra, pois ficará mais fácil assim.

Para preencher a parte externa da imagem você pode utilizar de várias ferramentas como, por exemplo, a ferramenta de retângulos, círculos e até mesmo a ferramenta pincel. Para usar a ferramenta de pincel vá até a guia Tools e clique na primeira ferramenta, Paint Brush, selecione a cor (que no caso é a mesma do contorno da palavra), selecione o tamanho do pincel (através das bolinhas ao lado da cor ou rolando a bolinha do mouse), clique na imagem e arraste por onde quer pintar.

Sempre que você soltar o botão do mouse ele vai parar de pintar, e quando você clicar novamente vai começar de novo, então se for pintar uma área muito grande vá pintando aos poucos, pois se cometer algum erro, é só apertar Ctrl+Z e não irá perder a maior parte do trabalho (digo isso por experiência própria, pois faço muito isso de sair colorindo tudo feito uma louca e depois perder quase todo o trabalho feito).

Após pintar toda parte fora das letras, tá pronta sua imagem! Viram como é fácil?
Aqui tem mais alguns exemplos que eu fiz pra mostrar pra vocês:



O coração desse último exemplo eu fiz da mesma forma que as palavras, pois eu tenho uma fonte onde cada letra é um coração diferente. É bem legal ter esse tipo de fonte, pois fica bonito quando você põe isso na imagem.

Espero que vocês tenham gostado do tutorial de hoje. Comentem ou votem o que acharam, e aproveitem pra postar seus resultados também, eu adoraria vê-los!
(Atualizando aqui, uma leitora do blog me disse que existem sites onde é possível fazer esse mesmo efeito! o site é esse aqui, aí você envia a imagem que quer por no fundo, clica na aba 2013 e em "Image In Text", o resto é bem simples, você só vai configurar da forma que quiser. Bem simples, né? Pra quem teve dificuldades de fazer no PhotoScape, pode tentar essa alternativa! Muito obrigada à leitora que me deu essa dica, eu nunca ia imaginar que havia um site que fazia isso kkkk)
Até semana que vem,
Kissus >3<

quarta-feira, 6 de maio de 2015

Colocando brushe, texto e efeito

Oi gente!
Quem achou que não ia ter post hoje, levanta a mão \o \o
(até eu achei que não ia ter) Mas vai ter sim xD
E aí lindos e lindas, como vocês estão? Eu estou só na correria, mas assim que é bom \o/

Hoje eu vou fazer um tutorial pra vocês colocarem em prática algumas coisas que falei semana passada. O tutorial vai ser bem simples, só pra vocês se ambientarem com os recursos que eu expliquei. Então, vamos lá?
Primeiramente, vamos abrir a imagem que iremos editar. Você pode pegar uma foto sua mesmo, ou escolher uma imagem daquelas que eu disse semana passada. Eu vou usar uma imagem da Pitty (linda *3*). Caso você não tenha ideia de como abrir uma imagem:

Após abrir a imagem, clique em:
►Brilho, Cor→ Melhora o Contraste→ Alto
*►Efeito Filme→ Agfa→ Médio*
►Brilho, Cor→ Aprofundar→ Médio
(Se a sua foto for escura, ela vai ficar mais escura ainda, por isso recomendo uma foto um pouco mais clara.) Eu tenho uma coisa a dizer sobre essa opção em destaque. Nas versões mais antigas do programa ela se encontra dentro do botão Filtro, e já nas versões mais recentes se encontra também em forma de botão, em cima do Filtro (reparem na imagem ali em cima). Caso a sua versão seja mais antiga e não tenha o botão Efeito Filme, você vai clicar no botão Filtro→ Efeito Filme (primeira opção lá em cima)→ Agfa - Médio. Observe a imagem para configurar nos dois modelos, clique aqui.
Agora, vamos adicionar o brushe e um texto. O que escrever e qual brushe colocar dependem muito da edição que você está fazendo. No caso da minha edição, eu vou apenas escrever um nome e colocar um enfeite simples.

Para colocar o brushe, vá na guia Objeto (ao lado da guia Início, parte inferior do programa), e clique na ferramenta Fotografia→Foto. Após isso, abrirá uma janela pra você escolher a imagem que deseja colocar.
Essa é a minha pasta de brushes. Como é possível perceber, eu possuo muitas subpastas, onde cada tipo de brushe fica organizado.
Após abrir a imagem que você quer, dê OK na caixa que aparecer, e posicione o seu brushe. Se for necessário, redimensione-o clicando nos pequenos quadradinhos em volta da imagem e arrastando-os.

Assim que você posicionar o brushe da forma que achar melhor, é hora de colocar o texto.
Para isso, clique na ferramenta Texto. Irá aparecer a seguinte janela:
Defina o texto que quiser, da forma que achar melhor. Após ajustar tudo e posicionar seu texto, clique em Foto+Objetos. Se aparecer uma caixinha é porque alguma coisa está fora da imagem. Você pode voltar lá e tentar descobrir o que é pra redimensionar, ou pode clicar em Combine sua foto com objetos, mas aí o que estiver sobrando vai ser cortado.
Feito isso, é só clicar em Salvar→Salvar Como e escolher um nome e a pasta onde irá salvar sua imagem.
×Prontinho!×
Meu resultado:

E aí, gostaram? Comentem o que acharam desse tutorial, deixem nos comentários também o resultado de vocês.
(Pra quem quiser, a fonte que eu usei foi Rock Show Whiplash e o brushe é esse aqui).
Até semana que vem galera,
Kissus >3<
Light Blue Pointer