Zaandr blog - дизайн, креатив, блоги, wordpress

Красивая кнопка для публикации ссылок ВКонтакте

Zaandr — Wed, 26 May 2010 16:43:58 +0000

Я думаю уже давно не новость, что в социальной сети «ВКонтакте» теперь можно публиковать ссылки с внешних сайтов. Если у вас возникают вопросы: «а зачем?», «а как?» быстренько читаем официальную страничку как сделать так, чтобы пользователи могли опубликовать ссылки на ваши сайты в vk. Ну а я вам сегодня представляю большую красивую кнопку, которая идеально впишется рядышком с кнопками twitter и др. социальных сетей.

Copyright © 2010, Zaandr.ru. Все права защищены. | Постоянная ссылка | Комментарии: 3
Хотите узнать больше? Посмотреть все записи в категории Скрипты.

Егор Zhgun и его кино

Zaandr — Fri, 21 May 2010 08:52:26 +0000

Сегодня у нас опять картинки. Весна, настроение легкое и записи тоже легкие, для вдохновения.
Поприветствуем работы Егора Zhgun`а, которые Егор совестливо выкладывает в своей жж-шечке, в перерывах между работой в студии Артемия Лебедева.

Copyright © 2010, Zaandr.ru. Все права защищены. | Постоянная ссылка | Пока комментариев нет. Будете первым? :)
Хотите узнать больше? Посмотреть все записи в категории Photoshop.

Пейзажи апокалиптической Москвы

Zaandr — Mon, 17 May 2010 13:36:51 +0000

Сегодня я хочу показать вам работы московского художника Владимира Манюхина. Живописью он занимается с детства, а с 2000 года увлекается компьютерной графикой. В 2005 году выходит первая картина данной серии — Пейзажи апокалиптической Москвы. Под катом большие картинки и исходники из чего они были сделаны. Мастерство оно такое.

Copyright © 2010, Zaandr.ru. Все права защищены. | Постоянная ссылка | Комментарии: 7
Хотите узнать больше? Посмотреть все записи в категории Photoshop.

Где скачать бесплатные кириллические шрифты?

Zaandr — Sun, 21 Mar 2010 17:07:50 +0000

Наверняка, у человека связанного с вебдизайном не раз возникал вопрос «Где скачать бесплатные кириллические шрифты?». Большинство русскоязычных сайтов о шрифтах не содержат в своих недрах действительно интересных и новых шрифтов. В буржуйнете же есть множество прекрасных шрифтов, но не кириллических. Остается рисовать самим. Но это могут далеко не все. Вашему вниманию предлагается прекрасная подборка бесплатных кириллических шрифтов.

Copyright © 2010, Zaandr.ru. Все права защищены. | Постоянная ссылка | Комментарии: 2
Хотите узнать больше? Посмотреть все записи в категории Вебдизайн.

Интервью с Настей Манно, дизайнером, автором блога mannodesign.com

Zaandr — Fri, 12 Mar 2010 12:57:21 +0000

Сегодня в моем блоге первое интервью. Мне даже не пришлось задуматься над вопросом у кого его взять. Настя одна из первых блогеров на которых я подписался, неудивительно ведь мне интересен в первую очередь дизайн, с тех пор, если быть честным, я так и не нашёл русскоязычного блога такой же тематики.
В интервью затронуты темы: дизайн, русскоязычная блогосфера, twitter и всё про него, социальные сети информация о Насте и др.

Copyright © 2010, Zaandr.ru. Все права защищены. | Постоянная ссылка | Комментарии: 11
Хотите узнать больше? Посмотреть все записи в категории Интервью.

Кнопка ССЫЛКИ@MAIL.RU плагин для wordpress

Zaandr — Wed, 10 Mar 2010 20:41:55 +0000

Доброго времени суток. Вчера (9 марта) компания Mail.ru анонсировала свой новый сервис Ссылки@Mail.Ru позволяющий публиковать ссылки в своем профиле В Мой Мир@Mail.Ru. После того, как пользователь разместил ссылку с помощью кнопок сервиса, ее увидят все его друзья и подписчики. Анонсы материалов с ссылками появляются в ленте событий «Что нового» пользователя сервисов компании Mail.Ru.

Copyright © 2010, Zaandr.ru. Все права защищены. | Постоянная ссылка | Комментарии: 15
Хотите узнать больше? Посмотреть все записи в категории Wordpress.

Современный дизайн навигации в стиле грандж в Photoshop

Zaandr — Mon, 08 Mar 2010 18:26:24 +0000

Навигация в веб-дизайне является одной из наиболее важных частей в юзабилити сайта. Сегодня я покажу вам, как создать современный дизайн навигации в стиле грандж в Photoshop.

В этом уроке вы узнаете, как использовать градиенты, текстуры и стили слоя. Результат выглядит современным и может быть использован в качестве элемента современного веб-дизайна. Надеемся, что вы узнаете что-то новое.

Шаг 1: Создаем новый документ

Для начала создайте новый документ. Выберите Файл-> Новый... (File -> New... ) и установите ширину 920 пикселей, высоту 170 пикселей.

Шаг 2: Навигация по сайту

Создайте новый слой Слой->Новый->Слой (Layer -> New -> Layer...) и назовите его «Навигация по сайту». Установить основной цвет #1e1e1e и выберите инструмент Прямоугольник со скругленными углами (Rounded Rectangle Tool), затем установите радиус до 6 пикселей и выделите прямоугольную область, как показано на рисунке ниже.

Шаг 3: Навигация по сайту стиля слоя

Чтобы настроить слой «Навигация по сайту» нажмите Слой->Стиль слоя->Параметры наложения (Layer -> Layer Style -> Blending Options) и выберите вкладку Внешнее свечение (Outer Glow). Вы должны применить следующие настройки.

Далее выберите вкладку Наложение градиента (Gradient Overlay) и настройте как показано на рисунке. Режим для градиента Мягкий свет (Blend Mode is Soft Light)

Шаг 4: Текст навигации

Для создании навигации ссылок установите основной цвет #ffffff (белый). После этого выберите инструмент Горизонтальный текст (Horizontal Type Tool). Используйте шрифт Myriad Pro Regular (или Arial) размером 14 пт. Напишите несколько слов, таких как «Главная, Обо мне, Блог, Контакт». Затем зайдите в Слой->Стиль слоя->Параметры наложения (Layer->Layer Style->Blending Options) и примените следующие настройки.

После проведенных действий у вас должен был получится результат, как на картинке ниже.

Шаг 5: Добавляем текстуры

Приступаем к приданию вида гранджевости нашему меню. Для этого нам нужны текстуры. Для примера воспользуемся этими. Скачайте их.
Выберите текстуру Media_Militia_BTOB_005, измените её размер — 25% по высоте и ширине (клавиши CTRL+T). После удерживая кнопку CTRL, кликните по слою “Navigation bar”.
Когда вы выделили слой “Navigation bar”, кликните по слою текстур и скопируйте выделенное (CTRL+C), затем скройте слой с текстурой и вставьте выделенное (CTRL+V).

После этого выберите Слой->Стиль слоя->Параметры наложения (Layer -> Layer Styles -> Blending Options) и применять настройки, показанные на рисунке ниже.

Шаг 6: Активные кнопки
Создайте новый слой Слой->Новый->Слой (Layer -> New -> Layer...) и назовите его «Button». Установить основной цвет #95009E удерживайте кнопку CTRL и нажмите на слой “Navigation bar”, выделив его. После этого выбрать инструмент прямоугольник (Rectangle Tool), выберите слой «Button» и нарисуйте кнопку. Примечание: Слой «Button» должен быть ниже слоя с текстом и текстуры.

Затем зайдите в Слой->Стиль слоя->Параметры наложения (Layer -> Layer Styles -> Blending Options) и примените следующие настройки.

Добавьте текстуру фона и вы закончили!

Результат

Скачать Современный дизайн навигации в стиле грандж в Photoshop (2,5 MB)

Руководство является переводом англоязычной статьи Create Modern Grunge Navigation Design in Photoshop.

Форма обратной связи на блоге без использования плагинов

Zaandr — Thu, 04 Mar 2010 20:52:22 +0000

Почти на каждом блоге есть страница под названием контакты. На этой странице обычно размещены координаты электропочты, icq, скайпа. Гораздо приятнее увидеть на этой странице форму контактов, написал и забыл без надобности копировать адрес, который частенько изображён на картинке. Для создания форм есть масса плагинов, но использовать плагин, чтобы создать одну форму не всегда оптимально. Сегодня мы поговорим о том, как сделать форму контактов без использования плагинов в wordpress.

Подборка красивейших работ компьютерных художников

Zaandr — Wed, 03 Mar 2010 22:11:22 +0000

Ночной пост. Он будет легким для восприятия. В нем я хочу показать вам подборку красивейших работ, которые я увидел за последнее время. Я не представляю как такое можно рисовать, это прекрасно. Лично для меня просмотр таких рисунков служит для вдохновения, чего и вам желаю. Осторожно трафик!

Создаем портрет из текста в Photoshop

Zaandr — Tue, 02 Mar 2010 19:53:42 +0000

Сегодня наш ждет очень простой урок для Photoshop. Приближается день Милых Дам и, возможно, кому-то из девушек будет приятно получить свою фотографию в такой обработке. У нас же это не займет много времени.