Новости Интернет

[web-design]

Раф Шакиров запустил деловой портал Daily Online



Бывший главный редактор The New Times Раф Шакиров запустил новый интернет-проект Daily Online. Издание специализируется на деловых новостях.

Ранее Шакиров рассказал журналисту "Частного Корреспондента", что деловой портал Daily Online будет развиваться "с учетом кризисной обстановки". "Для СМИ кризис означает, что интерес к деловой информации резко возрастает", - объяснил Шакиров.

4 ноября пользователи "Живого Журнала" объявили, что сайт Daily Online уже находится в открытом доступе, хотя его разработка очевидно не завершена. Вскоре доступ к сайту был закрыт. Получить комментарии Шакирова по этому поводу "Ленте.ру" пока не удалось. В редакции сайта нам сообщили лишь, что официальный запуск проекта состоялся 6 ноября.

Источник

@темы: Новости

---

Чтиво за чаем: забавности

[web-design]

Что движет россиянами

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

Чтобы понять национальную психологию, можно наблюдать, как представители данной нации учат своих детей. Впрочем, это не будет вполне чистым экспериментом. Дети многому учатся сами, многое не говорится въявь, а лишь подразумевается. Изучение существ, которым можно "заглянуть в голову", увидев полный список управляющих ими алгоритмов, дало бы психологам гораздо больше.

Такую возможность дала психологам компания Microsoft - быть может, сама того не желая. В нынешнем году Microsoft затеяла игру для программистов многих стран мира. Компания изобретала нестандартные ходы для популяризации своих новых технологий среди независимых разработчиков. Microsoft создала террариум. Всем желающим предложили населить его растениями и животными - травоядными и хищниками.

Программист задавал свойства существа (дальность зрения, максимальная скорость движения, сила атаки, сила защиты и т.п. - общая сумма была ограничена), алгоритмы его поведения (по какой траектории передвигаться; в каких случаях атаковать; есть все, что обнаружишь, или оставить немного на развод и т. п.). Трава росла. Травоядные ели траву. Хищники ели травоядных и друг друга.

Тот, кто больше ел, больше размножался. Задача состояла в том, чтобы размножиться как можно больше, вытесняя конкурирующие разновидности хищников, травоядных и т.п. Игра показала, что россияне плохо умеют изготовлять хищников, зато у них замечательно получаются травоядные. В ходе игры российские "коровы" победили всех конкурентов - за счет уникальной стадности и редкостного умения пакостить травоядным представителям других наций. По сути, российские разработчики были единственными, кто додумался, как сделать травоядных по-настоящему стадными. По правилам игры, животным не разрешалось напрямую обмениваться информацией. Поэтому, пасущаяся с краю стада "корова" не могла сообщить коллегам об увиденной "траве" или приближающихся хищниках.

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

Второе изобретение российских программистов было поизощреннее. Если в поле зрения их коровы не было травоядных своего вида - а сплошь чужаки, российская корова с максимальной скоростью съедала всю доступную траву, ничего не оставляя "на развод". И погибала от голода вместе с чужаками. Сложная смесь самопожертвования и ксенофобии.

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

Историю рассказал(a) Nigiro Tluafed
Источник

@темы: Юмор

---

Баннер с эффектом увеличения

[web-design]

В этом уроке я попробую объяснить как можно сделать интересный баннер для сайта. Сразу скажу что сначала лучше все сделать в Photoshope, а анимацию в ImageReady.

Итак начнем!

Шаг 1.
Создаем новый документ. Размером 468Х60 (Стандартный размер баннера).
И заливаем фон темным цветом, (каждый может сделать фон по вкусу).


Шаг 2.
Берем инструмент эллипс , выбираем цвет его заливки темнее фонового и рисуем в нижней части нашего баннера. Так чтобы что бы в видимой части находилось только половина эллипса.


Шаг 3.
Берем инструмент shape tool:custom shape: и выбираем фигуру World (хотя по моему мнению это не обязательно, каждый может выбрать другую форму) и рисуем его на нашем баннере как показано на рисунке.


Далее мы меняем режим наложения этой фигуры на color dodge и прозрачность на 50%. В результате у нас должно получиться:



Шаг 4.
Создаем новый слой и с помощью инструмента Т пишем на нем
«searching for best deal». В данном случае автор не акцентирует свое внимание на шрифте текста.


Шаг 5.
После того как вы это сделали мы опять возвращаемся к инструменту shape tool и вбираем фигуру под названием magnifying glass. И рисуем его на нашем баннере, и так чтобы размер окружности был чуть больше размера текста.


Дальше мы идем в Blending Options и настраиваем этот слой как показано на рисунке.



Шаг 6.
Продолжим. Теперь мы дублируем слой с текстом и изменяем тип шрифта, размер и цвет.


Шаг 7.
Теперь мы рисуем круг. Как показано на рисунке.


Нажимаем Ctrl+Alt+G чтоб сделать маску.



В результате у нас должно получиться что то такое.


Шаг 8.
Далее мы создаем новый слой и вставляем туда логотип и название компании.


Шаг 9.
Далее мы открываем наш банер в ImageReady, и переходим к окну анимации. В первом же кадре у нас должно быть все слои кроме название компании, то есть кроме последнего.


Шаг 10
Теперь самое интересное. Мы в панели слоев выбираем только два слоя. Это наше увеличительное стекло и слой с маской.


Теперь мы дублируем каждый кадр и перемещаем нашу линзу через весь текст.


У автора данной работы получилось всего 7 кадров. Чтобы пройти от начала до конца. Теперь ведем наше стекло обратно к началу. Также дублируя кадры и передвигая форму увеличительного стекла




Шаг 11.
Теперь на 14 кадре мы вставляем название фирмы и логотип, а остальные слои отключаем.


Теперь дублируем кадр с названием фирмы чтоб сделать эффект блика



Ну вот и все, теперь нажимаем Ctrl+Alt+Shift+S чтобы оптимизировать и наслаждаемся.



Спасибо за внимание!!!

Автор: Fiery Darts
Перевод: Dervil
Источник

@темы: Баннеры, Уроки, Web-дизайн

---

Воры в законе?

[web-design]

Заимствование элементов дизайна и всего дизайна целиком становится хорошей традицией в российской web-индустрии. Да и как же этому не превратится в традицию, когда в "клонировании" подозреваются лидеры рынка - Art.Lebedev, Gorod-Info и некоторые из "лучших российских интернет-магазинов".

Лень - двигатель прогресса, это известно каждому .. русскому. И народный фольклор только подтверждает эту еще одну "национальную особенность", вспомнить хотя бы русские сказки о скатертях-самобранках, золотых рыбках и всенародно любимые слова: "по щучьему велению, по моему хотению" ..

Так и любой нормальный русский предприниматель пытается найти формулу успеха, которая позволила бы ему впоследствии безбедно существовать долгие лета. Отсюда и Левши и Кулибины и многие другие "первооткрыватели", которыми издревле славилась земля русская.

Однако, если говорить серьезно, то попытка стандартизировать производственный процесс продиктована, безусловно, не ленью, а стремлением повышения эффективности производства методами снижения производственных издержек. И уж, конечно, явление это присуще не только и не столько российскому предпринимателю, сколько любому здравомыслящему человеку. Проще говоря, чтобы больше заработать - надо меньше потратиться на материалы и работу, а чтобы меньше потратиться на материалы и работу - надо делать "заготовки" и "шаблоны", т.е. использовать серийные методы производства.

23 мая Студия Артемия Лебедева объявила о "создании сайта eStart Единственный контент-портал в рунете. Несколько месяцев круглосуточной работы. Гигабайты информации. 18 изданий Independent Media под одной обложкой. 50 веб-редакторов ежедневно обновляют сайт. Самый полный портал в Рунете на сегодняшний день."

Сайт замечательный и удобный с очень многих точек зрения (ваш покорный слуга является его периодическим посетителем). Однако, уже через несколько дней после официального открытия сайта поползли недобрые слухи о его удивительном сходстве с небезызвестным порталом Go.Com go.com. Сходство просматривалось не только в информационной архитектуре, но даже в цветовой схеме, расположению и исполнению элементов навигации, в общем, складывалось полное впечатление, что что-то очень не так.

Естественно, что эта новость буквально взбудоражила общественность, и когда журналист издания Internet.Ru internet.ru Даниил Дугаев поинтересовался у г-на Сауэра, отчего дизайн сайта eStart.Ru внешне так напоминает популярный американский портал Go.com, а логотип - известный аукцион eBay, тот ответил: "Ничего страшного. У них дизайн хороший. Зачем нам изобретать велосипед?" (прим. автора - г-н Сауэр исполняет обязанности председателя совета директоров Independent Media). В свете последних событий, галерея клонирования Клоны сайтов, разработанных Студией Артемия Лебедева на страницах Студии Артемия Лебедева выглядит какой-то неполной : ) С полной версией статьи о презентации портала eStart вы можете ознакомиться здесь .

История поутихла, однако, вскоре началась новая шумиха относительно очередной пары сиамских близнецов. Мэтр российского web-дизайна, компания Gorod-Info опубликовала обновленную версию информационного ресурса Weekend.Ru weekend.ru. Weekend является чуть ли не самым старейшим российским культурным порталом и уж наверняка одним из самых уважаемых. Однако, новое лицо ресурса удивительным образом походило на популярный в среде молодых (и не очень) дизайнеров сайт - k10k.net Сейчас у сайта меняется лицо. И спор разгорелся с новой силой. Правда, ныне k10k.net находится в стадии смены дизайна (вероятно, вконец оскорбленный действиями Городошников : ) ), поэтому и этот спор со временем умер.

И, уже совсем недавно российская web-общественность была "порадована" новым скандалом, который разворачивается как раз сейчас и, возможно, апогей этого скандала еще впереди. Шумно появившийся весной 2000 года холдинг eHouse ehouse.ru, который объединил под своей маркой такие известные ресурсы b2c российского сегмента сети как Dostavka.Ru dostavka.ru, MegaShop.Ru megashop.ru, Wstore.Ru wstore.ru, Kenga.Ru kenga.ru невольно стал эпицентром этого события.

Дело в том, что страницы "крупнейшего российского магазина парфюмерии и косметики" Aromat.Ru aromat.ru подозрительным образом копируют "крупнейший зарубежный магазин парфюмерии и косметики" Fragrance.Net fragrance.net. В данном случае речь уже не идет о простом "заимствовании" принципов построения навигации или отдельных элементов интерфейса - страницы скопированы целиком, даже HTML-код во многом совпадает. Однако, на этом дело не закончилось, и к нападкам вредных дизайнеров присоединились сотрудники сайта BeautyMall.ru beautymall.ru, которые обвинили Aromat в точном воспроизведении элементов текста на страницах интернет-магазина.

Копаться в чужом грязном белье - дело неблагородное и неблагодарное. Поэтому, я воздержусь от суждений по поводу того "кто прав, кто виноват" и надеюсь, что и сам в ответ судим не буду. Любопытно другое - а может быть и в самом деле, очень скорое будущее заставит общественность понять, что основные формы и разработки в области web-интерфейсов уже сделаны, и надо просто уметь применять те или иные шаблоны соответственно случаям и назначениям?

В любом случае, похоже, меняется сама природа российской индустрии сайтостроения и от элитарности и амбициозности, присущей молодой творческой интеллигенции, к индустриальности, серийности и масштабности производственников, с борьбой за прибыли и охват рынка и снижением себестоимости изделий.

Автор: Валерий Комягин
Источник

@темы: Мнение, Статьи

---

Новости

[web-design]

На конкурсе "Премия Рунета - 2008" началось голосование "Экспертного совета"


Пятого ноября началось голосование "Экспертного совета Премии Рунета - 2008". Оно завершится 12 ноября и определит лауреатов "Премии Рунета - 2008". Об этом сообщается в пресс-релизе ( www.premiaruneta.ru/press/news/127/ ) "Премии Рунета - 2008".
В "Экспертный совет Премии Рунета - 2008" входит 250 человек, которые стояли у истоков Рунета. Члены совета определят лауреатов "Премии Рунета - 2008" в семи номинациях: государство и общество, культура и массовые коммуникации, наука и образование, экономика и бизнес, здоровье и отдых, технологии и инновации, Рунет за пределами RU.

В этом году голосование проходит по short-листам, включающим десять интернет-проектов и организаций. Short-листы были сформированы на основе ранее состоявшегося голосования "Экспертного клуба Премии Рунета - 2008", в который входит 450 человек.

Лауреаты "Премии Рунета - 2008" будут объявлены 25 ноября в ходе торжественной церемонии в ГЦКЗ "Россия". Тогда же будет объявлен и лидер "Народного голосования", которое началось 30 сентября и завершится в день вручения "Премии Рунета - 2008".

Конкурс "Премия Рунета", учредителем которого выступает Роспечать, проводится с 2004 года. Его цель - популяризация информационно-коммуникационных технологий в России.

ICANN решила создать домен "РФ"


В 2009 году в интернете появится российский кириллический домен "РФ", сообщает "Интерфакс" в среду, 5 ноября.
Решение о создание в интернете кириллического домена верхнего уровня приняла международная организация ICANN (Internet Corporation for Assigned Names and Numbers). Администратором домена назначен Координационный центр домена RU.
По заявлению ICANN, появление нового домена "РФ" в корне системы интернет-имен запланировано на конец июня 2009 года.
По мнению экспертов Координационного центра домена RU, к лету 2009 года будет детально прописана процедура открытия домена.
В поддержку создания кириллических доменных имен неоднократно выступал президент России Дмитрий Медведев.

Гонконгского студента будут судить за взлом сайта "Макдональдса"

22-летнего студента гонконгского университета науки и техники, взломавшего сайт "Макдональдса" год назад, будут судить за мошенничество, сообщает The Earth Times. Он признал свою вину и будет осужден в течение двух недель.
Молодого человека обвиняют в изменении адресов электронной почты победителей конкурса, проводившегося "Макдональдс" в прошлом ноябре в Гонконге. В результате он стал обладателем пяти мобильных телефонов, которые предназначались победителям конкурса.
Из этих пяти телефонов студент успел продать четыре, заработав около 900 долларов.
Источник новостей: www.lenta.ru

@темы: Web-дизайн, Новости

---

Интервью: Александр Долгин

[web-design]

Александр Долгин: "На Web 2.0 заработают инвесторы, на Web 3.0 - пользователи"

Сергей Гребенников, заместитель исполнительного директора РОЦИТ

23 октября на конференции RIW-2008 прошел круглый стол «Интернет-сообщества и социальные сети как бизнес». В преддверии этой дискуссии заместитель исполнительного директора РОЦИТ Сергей Гребенников обсудил проблему монетизации социальных сетей с экономистом, профессором ГУ-ВШЭ, Александром Долгиным, управляющим рекомендательным сервисом "Имхонет".


С.Г.: По поводу заработка в социальных сетях высказываются различные, зачастую диаметрально противоположные, точки зрения. Антон Попов, например, предположил, что пользователи социальных сетей вскоре начнут зарабатывать, для чего им нужно объединиться и совместно продавать свои услуги. Антон Носик, наоборот, не раз повторял: «Нет, никогда, это ерунда…» - зарабатывать могут только профессионалы, их нужно нанимать на работу. Так будут ли пользователи социальных сетей когда-нибудь зарабатывать на том, что они генерируют контент?

A.Д.: Мне хочется уточнить вопрос: будут ли участники сети зарабатывать на чем-либо, или они смогут получать плату именно за производство контента? Ведь одно дело монетизировать свое внимание (труд смотрителя рекламы) и совсем другое – получить деньги за созданный тобой продукт, к примеру, за текст в блоге или любительское видео.

Второе. Вы спрашиваете о перспективе заработка для учредителей сети, плюс некоторых ключевых юзеров, или о рядовых членах сети – обо всех и каждом? Третье. Речь идет о прямом вознаграждении, т.е. о деньгах, выплаченных на руки, или о всякого рода привилегиях, скидках? Чтобы не множить далее числа оговорок, перейду к сути.

Давайте различать перспективы монетизации нынешних социальных web 2.0 сетей и сетей следующего поколения. Я полагаю, они принципиально разные. Рядовые пользователи web 2.0 сетей (user generated content) не смогут зарабатывать на внутренних коммуникациях между собой, не переступая этическую грань, то есть, не превращая себя в рекламо-смотрителей, а свои странички в рекламоносители. Пользователи сетей web 3.0 – user certificated content – зарабатывать будут! (Каким образом – это отдельный большой разговор.)

Сразу подчеркну, о монетизации социальных сетей рано и рискованно высказываться со всей определенностью. Ведь, сказать «да» – это всегда конкретика, подкрепленная знанием оправдавшей себя бизнес-модели. А категорически отрицать такую возможность, заявлять «нет, никогда, ни при каких условиях» – сложно: вдруг, что-то будет придумано…

Экономическая логика видится мне следующим образом. Некое количество людей в социальных сетях включено в систему самообслуживания. Они создают ценность друг для друга, и, может быть, в процессе своей деятельности производят нечто ценное для кого-то еще? Тогда, этот кто-то бы мог заплатить? Если брать замкнутое сообщество, то понятное дело, никто никому не заплатит – это противоестественно: мы с тобой играем в футбол, или участвуем в КВН к взаимному удовольствию, о каких взаиморасчетах может идти речь?

Но, может, обложить данью новичков? Мы отладили игру, претерпели стартовые неурядицы, пусть люди, пришедшие на все готовое, купят входной билет. Однако и тут закавыка. То, о чем мы говорим, – это производство, так называемого, сетевого блага – его ценность прирастает в зависимости от числа людей им пользующихся. Поэтому каждый новобранец привносит дополнительную ценность в сеть самим фактом своего присоединения. Значит, отцам-основателям и старожилам не выгодно городить барьеры входа, у нас ведь не клуб с лимитированным числом мест, которому грозит переполнение.

Таким образом, рассчитывать на доходы внутри сети не приходится. К тому же деньги разрушают атмосферу альтруизма, – а ведь сообщество не в последнюю очередь держится на этом. Перемести игру в силовое поле меркантильности, и она переродится. Любительский спорт не функционирует по законам профессионального. Вообще, опасная это вещь, выборочная меркантилизация в коммуне. «Я с тобой за так общаюсь-переписываюсь, а ты, выходит, на мне зарабатываешь. Так не пойдет! Пойду-ка я отсюда!»

Теперь поищем плательщиков за пределами сети. Здесь есть о чем говорить, поскольку сообщество по ходу жизнедеятельности производит нечто ценное для внешней бизнес-среды. В частности, сеть, наподобие крупного шоу или спортивного турнира, концентрирует в одном месте большое количество людей, что удобно для рекламодателей. Очевиден платежеспособный интерес третьей стороны, вопрос в том, кому пойдут вырученные от рекламы средства? Делить их поровну между всеми членами сети? Тогда получим некий выхолощенный вариант акционерного общества с равными долями участников. Однако если руководствоваться справедливостью, чтобы доли были равны, необходимо равенство вкладов. А как его установить? Пользователи ведь общаются, кто сколько хочет, и делают это без всяких обязательств по производительности. Начни принуждать к тому, что сейчас делается в охотку, и все пойдет насмарку.

Короче говоря, если широко акционировать сеть, сделав всех участников ее совладельцами, то можно было бы делить между ними доходы, собираемые в первую очередь за счет рекламы. Но это не решает вопроса с вознаграждением именно за сетевую активность. Как поделить доход социальной сети между ее участниками и при этом соблюсти три условия: во-первых, чтобы дележ был справедливым, во-вторых, пользователи понимали, за что получают деньги, в-третьих, не перерождалась игра, представляющая основную ценность, которую теперь хочется монетизировать?

Назначь пользователям плату «по труду» – числу тех или иных генерируемых ими транзакций – получишь «накрутки». Можно научиться отделять содержательные высказывания от «спама», дифференцировать участников на ценных и не очень, ввести пользовательские рейтинги – но это не вебдванолевская история.

С.Г.: Ранжировать пользователей сложно и чревато: больше будет обиженных, чем довольных…

A.Д.: Если идти по этому пути, нужно приписать некоторый вес каждому блогу, отличать белую кость от черной, хороших от плохих, и в соответствии с этим платить. На самом деле, в офф-лайне так и происходит – персональная монетизация по модели «звезд». Мы вместе участвовали в студенческом капустнике, никто нам за это не платил. У тебя проявились актерские способности, тебя приняли на профессиональные подмостки, там ты стал зарабатывать. То же можно сказать и про дворовый футбол – мальчишкам ведь не платят за то, что они гоняют мяч. Контракты светят лишь тем немногим, кто дорос до трибун и телекамер. И детям не платят за игру в песке, даже если в нем попадаются золотые песчинки.

Так и в Интернете. Человек заработал популярность в интернет-сообществе благодаря качеству высказываний, острому языку, компетентности, стал там персоной – после чего его репутационный, социальный капитал при желании может монетизироваться на других площадках, к примеру, на телевидении. Но там человек занят не тем, что хочет и когда хочет, а тем, что от него требуется. В этом принципиальное отличие профессиональной трудовой деятельности от игры.

Если обобщать сказанное, есть два режима деятельности. Один – целенаправленное создание продукта по определенной технологии и с определенной системой ответственности. И второй: я чего-то поделал, как умею, у меня нечто получилось, давай-ка вы мне за это заплатите. А кто должен быть плательщиком? Тот, кто нас читает. Но они с вами в паритете, вы без них и играть-то не сможете. Рубикон пролегает именно здесь: то ли ты резвишься в свое удовольствие, то ли трудишься в поте лица с обязательствами.

Социальные сети существуют не первый год, и бесконечное количество умников ломают голову, как на них заработать, – пока ничего революционного не придумалось. Нет сомнения, создатели и владельцы сети сколько-то заработают и уже зарабатывают. Ведь сеть в целом – это аттрактор человеческого внимания, в ней можно размещать рекламу, причем хорошо таргетированную, дорогую. Можно перепродать инвесторам, ставящим на будущее интернета. Можно переводить пользователей на платные сервисы – например, рейтинговать их, вывешивая фото на видном месте. Но Вас-то явно волнует не то, как «доить» рядового юзера, а как ему самому заработать, причем, заработать играючи.

Сетевую коммуникацию (за вычетом расчетов на содержание инфраструктуры) можно представить как игру с нулевым результатом. Тут как на бегах – проигрыши распределяются в пользу победивших, но весь микросоциум в целом не зарабатывает.

И все же оставляю в моем скепсисе нотку сомнения: не могу сказать «нет» с такой же определенностью, как «да».

С.Г.: Это еще не самый негативистский подход...

A.Д.:Можно упомянуть об одной возможности монетизации социальных сетей – но она ближе к web 3.0. Люди вывешивают всякие мини-тексты – они сыплются валом, много ерунды, но есть и прикольные. Если такой сайт работает в контакте с издательством, а у того редакция вручную все перелопатит и отсортирует, то можно издать, к примеру, 100 лучших цитат Рунета (100 лучших кулинарных рецептов/100 анекдотов…). У каждого кусочка этой книги есть свой автор, которому можно выплатить авторское вознаграждение.

С.Г.: В Германии так собираются издавать бумажную версию «Википедии» –отчисляя авторам, чьи статьи туда войдут.

A.Д.: Все подобные производственные процессы складываются из двух стадий: сначала эмиссия всего, что получается без разбора, потом фильтрация. Оба этапа имеют свою ценность, значит, между этими двумя главными группами участников можно поделить добавленную стоимость. Это вполне реалистичная модель, но ее нельзя рассматривать как монетизацию социальных сетей в пользу всех участников. Без инстанции по контролю качества дельное от ерунды не отличишь и справедливой платы не назначишь. В web 2.0 сетях фильтрация – это трудоемкий ручной процесс.

Другое дело web 3.0 сети, неразрывно связанные с рекомендательными сервисами. Например, рекомендательный сервис/социальная сеть "Имхонет" позволяет автоматически очерчивать круги единомышленников и автоматически же сортировать для них контент. Создает клуб клубов. Есть большая разница между сплошной, поточной лентой информации с ее издержками на чтение ненужного, и – месседжами, расфасованными под запросы разных сообществ.

Обычные социальные сети потому столь требовательны к тому, кого пускать, кого не пускать (или кому не давать слова), что чужаки мешают костяку сообществ своими высказываниями не по делу, тем, что зашумляют эфир. Стереотип столь силен, что пользователи "Имхонета" переносят требования фейс-контроля и на сайт проекта. Хотя здесь требования кого-то изгнать или оградить от чьих-то высказываний звучит забавно и избыточно. Ведь в "Имхонете" никто никому не мешает: люди рассредоточиваются по абсолютно разным пространствам – они, как рыбы в океане, плавают на разных глубинах. Автоматически вычисленный антипод не попадет в твою френд-ленту. Именно поэтому перспектива получения денежного вознаграждения за факт оценивания потребленных товаров и услуг, появляется у каждого члена сети, вне зависимости от профессионализма его суждений.

Тот факт, что пользователи рекомендательного сервиса не только генерируют контент, но и сами оценивают его, выдают на гора новый кондиционный продукт – информацию о качестве товаров и услуг – вот где открывается возможность заработков для каждого члена сети. Возможность, которой не располагают наиболее известные сегодня социальные сети.

С.Г.:А где-то схему оплаты пользователям уже пробовали внедрять?

A.Д.: Социальные сети и разные сервисы пытаются платить пользователям, например, за исправление контента. Но эти технологии работают криво. «Дайте мне качественное описание какого-то продукта – я вам заплачу за это доллар» – объявляет один западный сервис и платит несколько долларов за несколько десятков отзывов длиной 200 слов каждый. Если сравнить со средней ценой рабочего времени, то условия, прямо скажем, драконовские. Оно и понятно, ведь самодеятельный автор отписался бы вообще без всякой оплаты. Так, зачем платить много?

Можно еще подговорить агентов влияния и через них транслировать рекламу. Образуется «пятая колонна» на подкормке. Таким путем монетизация сейчас и идет: человек писал отличные блоги, выбился в лидеры, после чего начинает гнать «джинсу» – продвигать разные потребительские товары и услуги. Например, нахваливает некую ритейлерскую сеть, как это было в череде блогов. Это сразу видно. Пока монетизации, совместимой с этическими принципами самодеятельности и творчества, не вырисовывается.

Подытоживая сказанное: на социальных сетях поколения Веб-два-ноль заработают их создатели, инвесторы и некоторые избранные активисты сообществ. Рядовые пользователи смогут зарабатывать в сетях третьего поколения, где они будут не только генерировать контент, но и сертифицировать его, не ограничиваясь продукцией собственного производства. Полагаю, за этой бизнес-моделью большое будущее, поскольку она как нельзя лучше соответствует гуманистическим принципам жизнеустройства.

Источник: www.webplanet.ru/interview/business/2008/10/15/...

@темы: Интересно, Известные люди, Мнение, Новости, Статьи

---

Сайт для студии веб-дизайна

[web-design]

Сегодня в меню сайт для студии веб-дизайна.


Новый документ 760 на 700 пикселей с цветом фона #d9d9d9.
Меняем масштаб на 50%. Берем инструмент Pen и рисуем фгуру как на рисунке(рисуйте с нажатой клавишей Shift)

С этим же инструментом нажмите с зажатой клавишей Ctrl один раз на уголок вашей фигуры.

Зажмите клавишу Alt и переместите уголок вашего пути как показано на рисунке:

Сделайте тоже самое с еще одной точкой пути:

Зажмите клавишу Ctrl и переместите две средние точки как на рисунке:

Теперь у вас есть хорошая фигура:

Добавляем стили слоя:




Дублируем фигуру. Edit > Transform > Flip Horizontal. Должно получиться нечто такое:

С инструментом Move поместите эти две фигуры так, как на рисунке:

Дублируем эти два слоя. К копиям применяем Edit > transform > Flip Horizontally. С инструментом Move ставим их вниз шаблона.

Дублируем самый первый слой, который мы создали и помещаем его также как на рисунке:

Дублируем этот слой. Edit > Transform > Flip Vertical. Помещаем фигуру как на рисунке:

Выделяем два слоя из середины нашего шаблона. Склеиваем их(CTRL+E). Добавляем стили слоя:





Результат:

Вставляем интересные и нужные картинки:

Добавляем еще картинки и текст:

Добавляем логотип:

Создаем новый слой. Выбираем инструмент Pencil с размером кисти 1 пиксель. Изменяем масштаб до 1600%. Рисуем несколько точек на новом слое

Дублируем этот слой несколько раз и помещаем стрелочки как на рисунке:

Осталось еще пустое место, туда можно поставить все что захотите:

Добавляем детали, например точки.

Выбираем инструмент Custom Shape и выбираем такую заготовку:

Рисуем одну фигуру, затем дублируем её много раз. Ставим стрелки как на рисунке:

Вот и все. Финальный результат:

Автор - Talk-Mania
Перевод - Serious St@son

@темы: Уроки, Web-дизайн

---

Забавности перед обедом

[web-design]

Ток-шоу "КтоКого"

- Итак, дамы и господа! Вы смотрите второй выпуск ток-шоу "КтоКого", которое регулярно ведется в этой эхе и набирает неуклонную популярность среди наших фидозрителей и ньюсослушателей. Давайте поприветствуем участников шоу! По левую руку от меня web-дизайнер Васисуалий Пупкин, поклонник современных визуальных технологий и удобства в работе! (камера плавно наезжает на серьезного молодого человека с свежевыбритым лицом и ослепительной белозубой улыбкой). Васисуалий, расскажите немного о себе.

- Web-дизайном я начал заниматься три с половиной месяца назад, так как считаю, что в нашем мире трудно жить без своей домашней странички. Ее адрес - www.liad.freeservers.com/~vasisualiy/pupkin.htm, и буквально позавчера я добавил туда раздел, полностью посвященный моей любимой кошке Люське! Для работы я купил себе Pentium III-650, лицензионную Windows NT (впрочем, я планирую перейти на Windows'2000 - она намного красивее!) и Microsoft FrontPage 2000!

- Это, конечно, потрясающе! Hо мне надо представить другого участника шоу. Итак, по правую руку от меня - профессиональный сисадмин, фанат-юниксоид Гига Битзе! (на сцену входит весьма небритый и суровый мужик с неизгладимыми следами многолетнего пьянства на рабочем месте, под мышкой он держит ноутбук с явственными вмятинами после недавней оргии). Гига, расскажите о себе, пожалуйста, только коротко.

- HTML/DHTML, CGI/Perl, C/C++, Java, Javasсript, Python, sh/sed/awk, www.gigabitze.org (webmaster), операционки: FreeBSD, Linux, BSDI, OpenBSD, Solaris, SCO, компьютер: P133/16 (непринужденно помахивает ноутбуком), стаж 15 лет.

- Колоссально! А теперь перейдем непосредственно к вопросам. Васисуалий, какими программными продуктами вы пользуетесь для создания своих Web-страничек?

- Конечно же, Microsoft FrontPage 2000! Это же просто хит! Понимаете, web-дизайнеру незачем отвлекаться на различные невероятно сложные и ненужные процедуры вроде написания строчек текста. Это же творческая личность, у него все должно быть под рукой! В инструкции к этой потрясающей программе так и сказано: "Web-дизайнер может не знать HTML". И это действительно так! Вот смотрите, давайте проведем эксперимент! Вот сейчас я сдвину логотип со своей главной странички влево за две секунды! (легким движением мышки совершает требуемое, бесцеремонно согнав ведущего с его компьютера). Вот, полюбуйтесь!

- Что ж, давайте посмотрим... Гига, прекратите блевать в пластиковый пакет, вы же не в самолете! Приобщайтесь к современным технологиям! Разрешите мне ваш ноутбук, пусть зрители убедятся, что Васисуалий прав... ой, а где у вас мышь?

- Три года назад съела соседская кошка Люська. С тех пор не удосужился купить...

- Ладно, тогда давайте сами. Зайдите пожалуйста на сайт Васисуалия, пусть народ посмотрит (пальцы Гиги танцуют джигу на клавиатуре, которая по степени раздолбанности смахивает на танцпол ведущих рейверских клубов). ОЙ, ЧТО ЭТО??!

- Это сайт моего любезного коллеги в Netscape (камера плавно наезжает на Васисуалия, который, заглянув в ноутбук, отшатывается и рефлекторно пытается перекрестится. Он издает жутчайший вопль, достойный администратора, у которого полетел несбэкапленный файл с годовыми отчетами)

- В ЧЕМ???!!!

- Hу, в Netscape Navigator... знаете, браузер такой...

- То есть как это браузер? Вы мне мозги не пудрите, я же знаю, у браузера в правом верхнем углу крутится буква "e", это мы еще в школе проходили. А это, наверное, троян какой-нибудь.

- Да нет же, браузер! Я его сам компилировал! Вот, смотрите, вот он ваш логотип... (мучительно прокручивая скроллбар) Во-оооон он, в самом левом углу.

- Hе может быть! Я ж его при вас смещал влево! Hе, неправильный у вас браузер. Как вообще такой анахронизм мог сохраниться? Ему место в музее... (согнутым средним пальцем показывая в ноутбук, из брезгливости опасаясь приближаться к нему ближе чем на два с половиной метра).

- (Лицо Гиги Битзе начинает краснеть, на лбу проступает отчетливо видимая в асральной плоскости (доступной лишь настоящим сисадминам) ненависть ко всему мелкософтофскому отродью) #$%&* %^@" *%$!!! Это мой боевой трофей! Я его честно выиграл в сеансе одновременной игры в Quake! И никому не отдам! #$%@, нет, он на мой ноутбук покушается! Все видели?

- Да кому он нафиг нужен?!

- (Ведущий останавливает начавшееся было кровопролитие) Гига, успокойтесь. Покажите лучше, как вы работаете над сайтом.

- Да запросто! Сейчас на нем и покажу... (Гига бросает злобный взгляд на Васисуалия и запускает vim). Вот, смотрите, чего я напишу...

==>Смотрим на экран ноутбука

# vim /usr/temp/web/vpmd.html
Пупкин мастдай!


.md {background-color: #000000; color: #00ff00; font-size: 50px}

Васисуалий, ТЫ HЕПРАВ!!!

~
:wq
file saved.
# sh sync liad.freeservers.com/vasisualiy/_vti_pvt/ -p pupkin
dirs synchronized.

==>Отрываемся от экрана.

Вот таким путем!! Васисуалий, не смотрите, все равно ничего не поймете! Лучше зайдите на свой сайт!

- А чего я там не видел?

- А вы зайдите, зайдите... Мир полон неожиданностей!..

- Hу ладно, сейчас.... (ведущий подключает свой многострадальный компьютер к большому экрану, дабы зрители могли насладится свежим оригинальным дизайном сайта Васисуалия, с многочисленными фреймами, скроллбарами и картинками полиграфического качества и такого же размера). Hемая сцена, тишину нарушает лишь легкий стук упавшей челюсти Васисуалия.

- ЭТО HЕ МОЙ САЙТ!! И кстати, почему это я неправ?

- Как не ваш? Вы же сами говорили, что он доступен по этому адресу... Господин Битзе, прекратите смеятся! Лучше помогите человеку проблему решить, у него, похоже, браузер глючит...

- А по-моему, не глючит. Это я его сайт обновил. Сделал его, так сказать, актуальным. Хоть щаз - на конкурс!

- Hо КАК?? Васисуалий, вы что, дали ему пароль?

- H-ннет, не д-ддавал... а что такое "мастдай"?

- А зачем мне пароль? Мне пароль не нужен. Васисуалий, вы когда-нибудь заглядывали в директорию /_vti_pvt на вашем сайте?

- У меня нет такой директории! Я ее не создавал!

- Проверьте сами. Попробуйте утянуть файл /_vti_pvt/administrators.pwd...

- Да откуда ему там быть? Хотя... ой, что это?

- Догадайтесь!

- Hет, неправда, это не мои пароли! Тут вообще мешанина какая-то...

- (Гига торжествующе демонстрирует ноутбук с окошком, в котором крутится John The Ripper) А это что?

- (Васисуалий машет руками) Камеру! Камеру уберите!!! Как?? Вы что, телепат?

- Hет, но ваш пароль - pupkin. Так ведь?

- Зачем при народе-то сообщать? Так откуда вы узнали?

- Пусть это останется моим профессиональным секретом. А вы пользуйтесь своим фронтпэйджем, пользуйтесь... Чес-слово, доставили мне удовольствие...

- (Вмешивается ведущий) Итак, наше эфирное время подходит к концу (как бы пошло это не звучало, во всяком случае, я больше не кладу будильник в карман брюк), и мы вынуждены завершить наше ток-шоу. Hо мы видим, что способ обновления, показанный нам Гигой Битзе, сработал на ура, правда, лично я совершенно ничего не понял. Итак, попрощайтесь с нашими героями! (Герои уходят за сцену, причем Гига умудряется показать в камеру два заранее приготовленных карманных баннера www.gigabitze.org, а также кикнуть Васисуалия). До новых встреч!

P.S. Попытайтесь сохранить докУмент во фронтпейдже. Как он его обзовет? Правильно, "Microsoft HTML document". Одна эта фраза говорит обо всем. MS - suxx, воистину и форева!

Аминь.

@темы: Юмор

---

Стильное лого №7.

[web-design]

В этом уроке Вы узнаете, как создать изящную эмблему. Методы, преподаваемые в этом уроке могут также быть изменены, что позволит создать почти полностью различные эмблемы.

Откройте существующий документ в photoshop, или создайте новый. Я буду использовать документс размерами 440 x 312 для этого урока. Заполните фон белым (*FFFFFF).
Выберите Custom Shape Tool ( ) и выберите Форму Травы:

Создайте новый слой, установите ваш цвет переднего плана в черный (*000000), и тяните форму на холст:

Выберите pen tool ( ), и щелаем правой кнопкой где-нибудь внутри формы. Нажимаем " make selection ":

Нажмите OK:

Заполните это выделение черным:

Устанавливаем следующие настройки слоя.
Drop Shadow:

Результат:

Теперь нажмите CTRL + J, чтобы дублировать этот слой.
Идите " Edit->Transform->Flip Horizontally ".
Нажмите 'V' на вашей клавиатуре, чтобы выбрать move tool, и переместите слой по как показано на картинке:

Затем мы добавим текст к рисунку. Установите ваш цвет переднего плана в серый (*B4B4B4). Выберите text tool, и выберите хороший толстый шрифт, который вам понравится. Я буду использовать XXX.

Устанавливаем следующие настройки слоя.
Drop Shadow:

Bevel & Emboss:

Satin:

Gradient Overlay:


Stroke:

Результат:

В этом месте те же самые методы применяются, чтобы создать большее количество деталей. Вы можете выбирать другую форму и применять внутреннюю тень типа inter Shadow, как сделанно здесь:

Большое спасибо за чтение этого урока! Я надеюсь, что вы узнали некоторые полезные способы и методы работы в Photoshop.

Автор: Sacred M
Источник: www.photoshopforce.com/tutorials/professional-l...

@темы: Уроки, Дизайн

---

Вдохновляющие сайты недели

[web-design]

Вдохновляющие сайты недели по мнению Сенорранет:

digimurai.com

Смотреть все вдохновляющие сайты

miragecraft.com



charliegentle.co.uk



stefaniedesigns.com



position-absolute.com



barcinski-jeanjean.com



good.is



aielloceramiche.com



weberica.net



4design.tv



robbinsmedia.com



rockatee.com



digitaldeceptions.ca



lupoart.it



protect77.com



prophetsnowboards.com



zunejourney.net



cellarheat.com



piotrowskimichal.com



starbuckscoffeeathome.com



detruk.blogspot.com



samsung.ru/blackline



boedesign.com



targetscope.com



tonygeer.com



saschaeggenberger.com



simayaa.com



keithar.com



malenehald.dk



liptoncleargreen.nl



Источник: creativemagazine.ru/design/267-vdokhnovljajushh...

@темы: Интересно, Работы

---

В помощь

[web-design]

Слева в меню Ссылки добавленно 40 ресурсов, где вы можете скачать разнообразные кисти для Photoshop.

@темы: Ссылки

---

Шоколадно-карамельный стиль, панель навигации для сайта

[web-design]

1. Начнем с создания прямоугольной области, как на рисунке, используя custom shape tool.



2. Откроем окно стилей слоя и выставим следующие параметры:









В результате должна получиться примерно такая картинка:



3. Создайте на новом слое прямоугольную область с закругленными краями (rounded rectangle shape tool) и примените к нему стиль предыдущего слоя.



4. Двойной клик - окно стилей слоя. Измените параметры в "satin" как показано на рисунке.



Получим такую картинку:



5. Продублируйте слой с кнопкой нужное число раз



6. Выделите слои с кнопками и рамкой и объедините их в один.
7. Зайдите в меню Filter->Liquify и инструментом forward warp tool сделайте подобные "наплывы" для имитации шоколадного эффекта.



Получим такую картинку:



8. Продублируйте слой. Примените к новому слою фильтр texture->mosaic tiles с такими параметрами:



9. Измените тип смешения слоя на "Difference" и уменьшите прозрачность.
10. И в завершение сделайте надписи на ваших кнопках.



Автор перевода - SancheZ86.
Оригинал урока - www.photoshopbuddy.com/

@темы: Уроки, Web-дизайн

---

Улыбка перед обедом

[web-design]

Серия "Для чайников"

Wife 1.0

НАБЛЮДЕНИЕ ОПЫТНОГО ПОЛЬЗОВАТЕЛЯ.

В прошлом году один мой друг заапгрейдил Девушку 1.0 до Жены 1.0 и обнаружил, что она занимает кучу памяти и оставляет очень мало системных ресурсов для других приложений. И недавно он заметил, что Жена 1.0 еще и запускает дочерние процессы, которые тоже отнимают ценные ресурсы. Ни в рекламных листках, ни в документации такой феномен не был описан, хотя по информации, полученной от других пользователей, подобного и следовало ожидать в связи с природой данного приложения.

Вдобавок ко всему Жена 1.0 инсталлируется таким образом, что всегда запускается при инициализации системы и следит за процессом работы. Он обнаружил, что некоторые приложения, в том числе футбол 10.3, Пивцо 1.5 и Рыбалка 7.0 вообще перестали работать в его системе, вызывая аварийный сброс при попытке выполнения (хотя никогда раньше таких проблем не было).

При инсталляции Жена 1.0 не предоставляет выбора, устанавливая нежелательные добавки, вроде Тещи 55.8 и бета-релиза Шурина. Также кажется, что производительность системы падает с каждым днем. В следующем релизе Жены 2.0 нам хотелось бы увидеть такие возможности: кнопка "Не напоминай мне больше"; кнопка минимизации; опция в Uninstall, позволяющая установить Жену 2.0 таким образом, чтобы в любой момент можно было удалить ее без потери cash и других системных ресурсов; опция, позволяющая запустить сеть в режиме неразборчивости, что сделает функцию опробования системного оборудования значительно более полезной.

Лично я решил избежать всех головных болей, связанных с Женой 1.0 и продолжать использовать Девушку 2.0. Но все равно у меня с ней возникли проблемы.

Оказывается, невозможно поставить Девушку 2.0 поверх системы с Девушкой 1.0: сперва необходимо удалить Девушку 1.0. Другие пользователи говорят, что это очень старая ошибка, и что я должен был бы о ней знать. Говорят, разные версии Девушек конфликтуют по поводу совместного использования порта ввода-вывода. Думаю, они давно могли бы и исправить такую глупую ошибку. ьуже того, программа удаления Девушки 1.0 работает нестабильно, иногда оставляя в системе следы работы приложения.

Еще один неприятный момент: все версии Девушки постоянно выводят короткие надоедливые сообщения о необходимости апгрейда до Жены 1.0.

ПРЕДУПРЕЖДЕНИЕ ОБ ОШИБКЕ

У Жены 1.0 есть недокументированная ошибка. Если попытаться установить Любовницу 1.1 без удаления Жены 1.0, Жена 1.0 уничтожит все файлы MS Money и затем сама себя удалит. Затем Любовница 1.1 откажется продолжать установку, заявляя о недостаточности ресурсов.

КАК ОБОЙТИ ОШИБКУ

Чтобы обойти описанную выше ошибку, попробуйте установить Любовницу 1.1 на другой системе и никогда не запускайте приложения для передачи данных вроде LapLink 6.0. Также берегитесь аналогичных shareware-приложений, способных перенести вирусы и заразить Жену 1.0. Еще одно решение - работать с Любовницей 1.0 анонимно через провайдера. Но и здесь приходится быть осторожным, чтобы случайно не скачать себе по UseNet вирус, и подсадить ресурсы MS Money.

Источник: www.bagrov.spb.ru

@темы: Юмор

---

Сайты для вашего вдохновения: бесплатные картинки (headers) для сайта или блога

[web-design]

Авторский блог является неким виртуальным представительством, поэтому должен выглядеть уникально. Проблема в том, что большинство бесплатных шаблонов (если не все) доступны каждому в сети, поэтому достаточно велик шанс встретить два абсолютно одинаковых сайта. Я говорю сейчас исключительно о дизайне, так как это первое, что бросается в глаза посетителя. Это можно сравнить с тем, когда вы идете на вечеринку или праздник и встречаете человека, который одет точно также. Могу предположить, что вы его возненавидите и будете всячески избегать



Но не спешите расстраиваться, ведь очень часто внести уникальность в блог можно простой сменой шапки (header`а). Как правило, этот ход, как и добавление различных виджетов в боковую панель, может выделить вас среди других блоггеров.

Поэтому предлагаю вашем вниманию несколько сайтов с «хедерами», которые помогут персонализировать и приукрасить ваш проект:
1. 45 Free Beautiful Blog Headers ( www.smashingmagazine.com/2008/03/05/blog-header... )- классный список от Smashing Magazine, некоторые шапки содержат исходники (.psd файлы), поэтому можно их слегка модифицировать.
2. Free Webpage Headers ( www.freewebpageheaders.com/gallery/ ) - неплохая коллекция из нескольких сотен изображений размером 800×200. Картинки отсортированы по категориями для более удобной навигации и поиска.
3. Dreamstime ( www.dreamstime.com/ ) - на самом деле на этом сайте за изображений нужно платить, тем не менее есть раздел с бесплатными экземплярами.
4. stock.xchng ( www.sxc.hu/ ) - не смотря на странное название, на сайте можно найти тысячи бесплатных изображений для блогов.
5. Stock Vault ( www.stockvault.net/ ) - сайт, где дизайнеры и фотографы могут поделиться своими работами.
6. FreeFoto ( www.freefoto.com/index.jsp ) - довольно неплохой сайт, где также можно поискать изображения для шапки.

Источник: design-mania.ru/web-design/articles/free-images...

@темы: Ссылки

---

Примеры дизайнов: Павел Трушко

[web-design]

Перейти в портфолио Павла Трушко

www.free-lance.ru/users/rgbist/portfolio/

Вопрос: Как вам работы Павла Трушко?

1. Отлично		3	(33.33%)
2. Хорошо		5	(55.56%)
3. Средне		0	(0%)
4. Так себе		0	(0%)
5. Ужасно		1	(11.11%)
Всего:		9

@темы: Работы, Портфолио

---

Скачать бесплатно Photoshop CS4

[web-design]

www.slynet.ru/graphics/334-adobe-photoshop-cs4-...

Удачного пользования, господа!

@темы: Ссылки

---

Super cool frilly bits typography

[mercenary]

Вычурная типографика


В этом уроке использовались обычные векторные орнаменты-клипарты
их можно поискать здесь:
cameronmoll.com/archives/2008/05/25_resources_o...

Автор взял эти:
www.istockphoto.com/file_closeup/object/5836792...



Откройте фотошоп и создайте новый документ (1680x1050px). После этого напечатайте любое слово (здесь взято «abduzeedo»). Идём в Layer>Layer Style>Gradient Overlay и используем красный, жёлтый , зелёный и голубой цвета.



Начнём смешивать вектор и текст. Первое что вы должны сделать- это подобрать для каждой буквы подходящий вектор. Затем нужно разместить вектор примерно так, как показано на рисунке ниже:



После того, как вы подогнали вектор к букве, добавим некоторую глубину. Для этого используем стили слоёв. Идём в Layer
>Layer Styles>Drop Shadow. Blend Mode-Multiply, чёрный цвет, Opacity-100% ? Angle- -60, Distance- 5px, Size- 5px.



Теперь создадим слой с тенью. Клик правой кнопкой мыши по слою с тенью. Выбираем из меню Create Layer. Всё, теперь у нас есть слой с тенью.



Теперь, когда мы имеем слой с тенью, применим маску. Layer>Layer Mask>Reveal All. Выберите Brush Tool(B ) чёрного цвета, diameter-45 pixels а hardness- 0%. И с помощью маски спрячьте некоторые части тени.



Повторите тоже самое с другими буквами. Ре обязательно делать это со всеми буквами. Автор сделал это только с буквами A, B, D, Z, E, D и O. После того, как вы всё сделали, сгруппируйте слои вместе и назовите группу «logo».








А сейчас, время добавить текстуру. Можете спрятать все слои, чтобы не мешались. Скачайте набор Vintage II ( designreviver.com/freebies/300-vintage-style-te... )и "Vintage10.jpg" переместите в документ. Так как это изображение-1500px, а документ-1680px вы должны будите дублировать изображение и заполнить оставшуюся часть этим. Image>Adjustments>Hue/Saturation. Поставьте Hue 49, Saturation 19, Lightness +35.



Скачайте jocosity.deviantart.com/art/15-textures-art-vin... и "textur2.jpg" переместите в документ. Теперь измените Blend Mode на Overlay. Image>Adjustments>Hue/Saturation. Поставьте Hue +2, Saturation -41, Lightness -75.



Скачайте lailomeiel.deviantart.com/art/Old-Paper-Texture... и "DSC02679.JPG" переместите в документ. Blend Mode поставьте на Color burn. Теперь сгруппируйте все слои с текстурами назовите группу «Textures».



Выберите группу "logo" и идите Layer>Merge Group. Это соединит все слои в группе. Layer>Layer Style>Drop Shadow. Поставьте Blend Mode на Color Burn, 100% Opacity, -60º Angle, Distance и Size 5px.



Дублируйте группу "texture" и измените blend mode слоя "paper" на Overlay. Соедините слои. Поместите этот слой над «logo». Layer>Create Clipping Mask и поменяйте Blend Mode на Multiply. Опять дублируйте слой "texture" и убедитесь что он всё ещё с clipping mask. Blend Mode на Overlay.



Сгруппируйте слой «logo» и два слоя с текстурами clipping mask. Дублируйте этот и склейте слои вместе. Теперь Filter>Blur>Gaussian Blur. Поставьте Radius на 4.5 pixels и поменяйте Blend Mode на Screen и 80% Opacity. Теперь можете добавить Radial Gradient по вашему желанию.



вот и всё!


Автор: www.abduzeedo.com/super-cool-frilly-bits-typogr...
Перевод: KILLery

@темы: Уроки, Web-дизайн

---

Cars & Transportation layout

[web-design]

Результат:


Создайте новый документ размером 760 x 770 px, цвет фона: #343e48.

Затем выберите Rectangle Tool и в новом слое нарисуйте прямоугольник цветом #a00000.

Разместите это прямоугольник как показано на рисунке ниже:




Затем добавьте стиль к слою с прямоугольником:




Теперь добавьте картинку с машиной:




Дублируйте слой с машиной (выберите слой с машиной и нажмите CTRL+J).
Затем: Edit > Transform > Flip Vertical.

И поместите дубликат слоя как показано ниже:



Далее нажимаем Add Layer mask (3 кнопка снизу на панели слоев).
Затем выбираем Gradient Tool и делаем следующие установки:



Залейте градиентом в направлении, показанном ниже:



Результат:



Теперь мы создадим новый узор.

Откройте новый документ 8 x 8 px с прозрачным фоном.
Увеличьте документ до 1600% и с помощью Pencil tool (размер 1 рх) нарисуйте следующее:



Затем переходим Edit > define pattern.
Выбираем имя узора и нажимаем ОК.
Теперь можно закрыть документ 8x8.

Выберите Rectangular Marquee Tool и сделайте выделение сверху макета:



Создайте новый слой (CTRL+SHIFT+ALT+N)
Выберите Paint Bucket Tool и заполните выделение созданным ранее узором.
Затем нажмите CTRL+D чтобы снять выделение.



Далее переходим Filter > Render > Lightning Effects и делаем следующие установки:



Мой результат:



Теперь сделайте еще одно выделение:



Создайте новый слой и заполните его тем же узором, снимите выделение:



Добавьте стиль слоя:



Результат:



Нажмите CTRL+F (чтобы добавить тот фильтр, который использовали ранее):



Добавьте текст:



Добавьте изображения, для фона изображений я использовал тот же узор:



Добавьте пунктирные линии:



Выберете теперь фоновый слой (красный).
Идем в Layer > Rasterize > Shape.
Затем Filter > Render > Lightning Effects с установками:



Мой результат:



Добавьте стили слоя к заголовку сайта (CAR DEALER):







Окончательный результат:



Автор: talk-mania.com
Перевод: Nastia

@темы: Уроки, Web-дизайн

---

Новости: Премия Рунета

[web-design]

Премия Рунета 3-ий этап голосования, финал.
Желающие могут отдать свой голос за 10 любимых сайтов.
narod.premiaruneta.ru/

@темы: Новости

---

Web-design: Band website template

[web-design]

В этом уроке будет показанно как сделать музыкальный сайт в стиле Grungy.



1. Разработка шаблона сайта
Очевидно, что первое мы должны сделать, это создать новый документ. Автор использовал не большой размер 760х760 px. Вы возможно, захотите использовать больше. Создайте новый слой Ctrl+Shift+N. Далее, что нужно сделать это заполнить фон с довольно темным цветом, автор использовал серо-коричневый. (# 47433a)
2. Добавляем текстуры для фона
Чтобы добавить некоторые текстуры на фон можно использовать некоторые фильтры. Автор начал с применением фильтра Noise с низким значением (Filter> Noise> Noise, на Amount 0,9).
И поставте в поле Distribution параметр Gaussian и ниже Monochromatic.

Далее, скачайте специальные кисти keren-r.deviantart.com/art/Grunge-Brushes-3-199... для нашего дизайна и в некоторых углах нанесите тонкие детали. И сделайте прозрачность от 20 до 50% по вашему усмотрению.





Сделайте немного больше полос (не забудьте использовать различные кисти. Не забывайте использовать низкую прозрачность и при каждом рисовании разной кисти не забудьте создавать новые слои. И у вас должно получиться красивый grungy фон.


3. Наводим марафет
Добавьте штамп для будущего сайта. Как добавлять печати см. здесь - www.photoshopstar.com/graphics/branding-iron/ . После того как сделали штамп и добавили его, снизьте прозрачность до 30% и измените режим слоя на Soft Light.
Наконец объеденим все слои вместе (Layer > Flatten Image).

И сделаем освещение слою (Filter > Render > Lighting Effects) и измените параметры так как показанно на рисунке (автор использовал такие параметры, вы если хотите можете использовать другие параметры).

Должно получиться вот это:

4. Проектирование содержания секции (обязательно!)
Каждый сайт нуждается в содержание раздела, так что давайте сделаем его. Выберите Rounded Rectangle tool и сделайте прямоугольник в середине документа коричневого цвета (#716a5d). И снизьте прозрачность до 40%.
Далее, нажмите правой кнопкой мыши по последнему созданному слою т.е созданному квадрату и в меню выберите Blending Options и поставьте галочки напротив пунктов Outer Glow и Inner Glow. В Outer Glow измените параметры как на скриншоте и в Inner Glow тоже измените как на скриншоте.


Должно получиться вот это:

Далее добавьте маску слоя (Layer > Layer Mask > Reveal All). И при необходимости используйте ластик.

5. Разработка базового текста логотипа
Теперь пришло время дать шаблону жизнь, давайте добавим текст! Для этого скачайте шрифт под названием "4990810". www.dafont.com/4990810.font Скачали? Отлично! Теперь собственно добаляем текст, измените размер шрифта на 48pt и измените цвет текста на #c9c4b8. Когда написали снова зайдите в Blending Options и измените параметры Drop Shadow и Gradient Overlay как показанно на скриншотах:


Должно получиться вот это:

Теперь добавим авторские надписи типо Copyright, год, и название сайта. Возьмем например шрифт Tahoma или Arial и напишем снизу точто надо, кстати используйте размер 11pt, а цвет #5c584e так как для нашего фона подойдет цвет именно такой.

Теперь, что еще является обязательным для веб-сайта? Навигация, конечно!
Автор использовал шрифт Cornet www.dafont.com/theme.php?cat=601 . Но можно выбрать свой шрифт на сайте www.dafont.com/ После того как автор написал свой текст навигации (News, Tours, Discography, Biography, Gallery) автор применил следующие стили к слою с текстом:


Также автор сделал к каждому слову прозрачность по своему усмотрению. А также он подчеркнул слова.


Ну а теперь добавьте текст и картинки:



Во всём проделанном у нас должно получиться вот это:


Автор: Photoshopstar.com
Перевод: Gred

@темы: Уроки, Web-дизайн