Neste tutorial, vou mostrar-lhe alguns efeitos especiais que podem ser aplicados a um objeto retangular simples brincar com sombras. Obviamente eu não estou me referindo efeito de sombra aplicado em uma camada, mas para sombras reais feito manualmente. Primeiro de tudo, desenhe um retângulo em uma camada assim:
Foi um longo período de tempo que eu queria ver o layout da página inicial deste blog, considerando também a numerosos artigos accumolati nos últimos anos. Eu também queria experimentar algum framework CSS ( 960 , Blueprint ) e então eu aproveitei a oportunidade para dar uma boa limpeza com o tema, leia o código PHP e dar uma gráfica "refrescado" em tudo.
Foi lançado agora (graças à sugestão do autor Michael Jackson JI ) a versão beta 3.0 de Shadowbox.js . Além do novo design do site aqui são as mudanças mais importantes nesta versão preliminar:
Talvez nem todos saibam o potencial de lidar com texto em Photoshop, especialmente o fato de que ele pode manipular texto de maneiras muito evoluídos. Se quiséssemos, como "bend" um texto, somos tentados a usar o "Criar texto Warped" 
, Que abre uma janela com as seguintes configurações:
Quando me pediram para desenhar e projetar o logotipo para Saidmade , como muitas vezes acontece por Suas criaturas, eu estava muito chateado. No entanto, não foi possível contar com a criatividade dos outros, era preciso expressar o que ia nascer de forma independente e pessoal. No final, eu estou muito satisfeito com o resultado final. O símbolo que saiu é exatamente o que estávamos procurando!
Normalmente eu não, no entanto, visto que, mesmo em undolog é gráfico e design, não posso deixar de relatar o restyling do blog UPI em Papel . Além disso, o desenho, também, quando vejo uma "mão" belo é mais forte do que eu! Com o novo layout, então, as ilustrações de UPI são ainda mais agradável.
Quando Shadowbox abre a janela para mostrar conteúdo (imagem, iframe, filme, etc ...), vista, esperando, um gif animado que vem no pacote. Se a página que está usando Shadowbox está no mesmo nível que a pasta de imagens, tudo funciona bem. Por padrão, na verdade, olhar para o gif animado abaixo imagens Shadowbox / loading.gif - ou imagens / carga-light.gif se você tiver escolhido a luz estilos (shadowbox-light.css). Caso contrário, e, muitas vezes, há também o risco de não accorgesene, se estamos em um diferentes mastros, que gera um bom código 404 - página não viga em nosso arquivo caso não encontrado!
Para resolver o problema apenas inicializar Shadowbox com um parâmetro adequado que indica precisamente o caminho absoluto para a pasta de imagens: undolog.com de, por exemplo, coloquei o gif animado de carregamento diretamente na pasta imagens neste raiz (como cerca de um bilhão de outros Sites 
. Para tornar esta pasta acessível a Shadowbox, independentemente do caminho, eu incluí uma maneira fácil:
1 2 | / / Init shadowbox parâmetro com AssetUrl assetURL : 'http://www.undolog.com/' } ) ; Shadowbox Init ({AssetUrl: 'http://www.undolog.com/'}).; |
Planetozh criou um belo cenário da ferramenta dinâmica pode listar todas as bibliotecas JavaScript como o Lightbox.
Usando um painel (veja a imagem à esquerda) com uma série de "tiques" (caixa), que indicam as várias características das bibliotecas, você pode executar um filtro, resultando em uma lista de uma ou mais bibliotecas que fazem o trabalho. Esperamos que o autor mantém actualizado esta página fantástico, muito útil para separar os numerosos e cada vez mais poderoso bibliotecas desse tipo.
Flash CS3 nunca deixa de surpreender. Veja como criar o efeito de névoa clássico de televisores em segundo lugar, com 10 linhas de código.
Últimos comentários
Giovambattista Fazioli : @ Ale: Como mostrado @ Kevin ver em GitHub repo: https://github.com/gfazioli/Ch roma-Key
Giovambattista Fazioli : @ Kevin: Veja https://github.com/gfazioli/Ch roma-Key
Kevin : Very nice exemplo -, gostaria de ver o fla também.!
Ludovica : Olá! Vou explicar a minha dúvida. Quando eu escrevo um post não adicionar imagens no artigo (se assim for ...
Marco : Olá @ Giovan Battista Fazioli, obrigado por todas as explicações sobre este excelente guia. Eu tenho uma pergunta para ...