Как стать автором
Обновить

Комментарии 201

Аха, щас начнется ))
Запасаемся попкорном!
Идеальная gifка — всего 300 кб, большая, красочная и повтор кадров не заметен абсолютно. У автора золотые руки.
ждем статью «простая классная гифка за 5 секунд» :)
вам сюда iwdrm.tumblr.com
Да! Но при этом парень, бедный, жуют постоянно, ничего не кладя в рот… Может языка уже нет… :)
Эту девушку зовут Амели!))
Парень!?
Эт девушк, если что… :)
Это вообще-то девушка :)
О, у вас тут флэшмоб! Напишу-ка я тоже, что это девушка.
Опа! Нашелся человек, который НЕ смотрел «Амели» =)
image

нее, не он?
Я не смотрел. А стоит?
Мне понравилось. Хороший светлый фильм.
Понятно, спасибо)
С девушкой особенно :)
Я не смотрел «Амели» до сегодняшнего дня.
Отличный фильм, очень понравился.
добро пожаловать в ряды посмотревших :)
Кстати дальше по сюжету она плачет над собственной смертью по телеку.
Стало интересно посмотреть. Можно название?
НЛО прилетело и опубликовало эту надпись здесь
«Амели»
Простите, но есть еще здоровые адекватные люди??? Мы с dimap одновремено запостили ответ, и минус хватаю я. При том что я отвечаю на вопрос, который был адресован мне. Где логика???
Держите "+", и луч света!)
Я просто призываю к здравому смыслу :) Или комментирование превращается в ежесекундную гонку?
судя по недельному тренду, в 5 секундную;)
точнее не скажешь! :)
ждем урок!
Луч света в режиме Overlay.
НЛО прилетело и опубликовало эту надпись здесь
А в английском варианте, кстати, «Amelie From Monmartre» (Амели с Монмартра), а в оригинале «Le Fabuleux Destin d'Amélie Poulain» (Необыкновенная судьба Амели Пулен).
В этом случае — Амели в роли верстальщицы, которой нужно эту картинку положить повторяющимся фоном на странице
Эх, жаль что на Хабре пока еще нельзя добавлять в избранное комментарии ;)
Так можно же! Рядом с датой комментария посмотрите повнимательней.
Да… То, что на виду и не замечают люди… Сам вот тоже только сейчас узнал.
топик открытий
Запасаемся! К серии атак уроками фотошопа готовы!
image
Молодцы!

Надеюсь, нас не заставят долго ждать!
Обожаю этого парня!
Заключённые, что с них взять...))…
А что там на заднем плане происходит?
человек бьется головой об стену потому-что его достало хлопание
Доктор Стрейнджлав! Лови симпу!
Слушайте, а напомните мне название этого фильма?
Тёмный рыцарь, ЕМНИП
Не не. Не с джокером. Про тёмного рыцаря я знаю. Я про картинку выше.
Выше написали уже: «Доктор Стрейнджлав, или как я перестал волноваться и полюбил атомную бомбу»
Большое спасибо. Я просто ни разу не видел его с начала и до конца.
Запасаемся коллективно :)
image
Дальше больше?
Но всё равно зачёт, как и рельефный фон за 5 секунд.
Реквестую простой фруктовый фон за 5 секунд. Например, апельсиновый или под грушу.
Апельсин work.wuzzap.net/apelsinka.jpg

5 секунд, засекал))

новый оранжевый слой --> Filter>Artistic>Sponge --> Filter>Artistic>Plastic Wrap --> сверху ещё один оранжевый слой в Overlay для сочности
накалякал пример использования этой текстуры: work.wuzzap.net/apelsinka2.jpg

Filter>Distort>Spherize --> рисуем под ней эллипс с зажатым Shift (круг) --> Create Clipping Mask
Ну и плюс пару-десять слоев — всякие тени/блики/рефлексы. 40 минут, с учетом что сейчас полшестого утра)).
Хабрэффект, не открывается(
Просто и доходчиво. Продолжайте ликбез
Клозед блог решает вопрос. Авторы задумайтесь!
Я кстати в него вступлю. Речь о разграничении интересов.
Вечно вы во что-то вступаете :)
В горошек рулит!
НЛО прилетело и опубликовало эту надпись здесь
боюсь представить конец недели… чего ожидать?
все эти «фоны за 5 секунд» отлично смотрятся ровно до тех пор,
пока не потребуется сделать заливку и background-repeat :(
Лет 8 назад пользовался програмкой — генератором повторяющихся текстур. Отлично работала. Так что можно делать статью «Красивый repeatable фон за 10 секунд». :)
FilterForge вас спасет!
НЛО прилетело и опубликовало эту надпись здесь
Я в курсе, спасибо, видел где-то пару статей на тему :)

Но когда у меня 8 лет назад стояла задача «получить сложную повторябельную текстуру» — было быстрее ручки в специальной софтинке покрутить, получая сразу гарантированный интересный результат, чем разбиратсья с фотошопом ;)
Костыль, но можно сделать бекграунд в 2.5к пикселей и с background-repeat: none;
Можно сделать маленькую картинку фона и зеркалировать ее сначала горизонтально, а потом вертикально и получится повторяющийся фон.

Хотя красота требует жертв!
В случае с имитацией рельефа/освещения этот трюк не пройдёт.
Подойдет т.к. концы сходятся в любом случае. Там ведь зеркалирование сторон происходит.
Попробуйте :)
Делаем все то же самое, но генерированный шум дублируем с отзеркаливаем по горизонтали и вертикали. Теоретически должно получиться, на практике — не пробовал. Про подсветку, конечно, забываем.
Меня тут смотрю опередили! :)
Именно так и делал. Без подсветки, естественно.

Забыл отметить нюанс. В ГИМПе дополнительно надо равномерно обрезать края со всех сторон — чтобы избавиться от краевых эффектов.
Make Seamless?
Попробовал так: генерим шум, не зеркалим, объединяем слои, make seamless — по моему остается краевой артефакт в одном из углов. Мне больше понравилось, если после объединения равномерно обрезать края со всех сторон. В общем для данной текстуры работает!
почему забываем? подсветку выносим в виде полупрозрачного png-файла, а в верстке уже правильно применяем.
Я имел ввиду именно бэкграунд. Вынести подсветку отдельно, конечно, не проблема.
как уже ниже ответили, самое банальное — flip horizontal, flip vertical, profit.
нужна подсветка — шапку делаем отдельной картинкой, в конце концов :)

еще в школе, года 4 назад, написал на демиарте урок с еще одним интересным эффектом. не вебдванольно, но кому-то может пригодиться:)

<задрот>
и да, еще мне одному кажется, что у уважаемого автора небольшие проблемы с выравниваем элементов на картинке? кнопочка съехала влево как-то :(
</задрот>
Нет, все как раз правильно у него. Так по правилам типографики должно быть: текст выравнивается по одной вертикали, а то что там дизайнерские излишки — уже вылазят как угодно.
Это если подложка светлая (слабо контрастная относительно фона), то да. А если наоборот, то выравнивается по краю, а текст отодвигается. Вообще мнений на этот счет несколько и у всех свои адепты, поэтому решает каждый сам :)
Ну в данном случае, пожалуй, соглашусь. Глаз режет немного.
В какой-то из версий программы Image Analyzer была функция генерации текстуры из изображение. Способна сгенерировать такого монстра, что мало не покажется :)
А теперь дружно пытаемся оттайлить этот фон и получаем фигу. Верстаки массово с громкими лозунгами и бутылками с коктейлем Молотова благодарят дизайнеров.

НУ а так получилось очень даже хорошо и симпатично. Подскажите, пожалуйста, ссылочку на то, как сделать такую кнопку-втулку, как на главной картинке? Писать урок на хабр не надо, хватит ссылки. Спасибо!
Премного благодарствую! Я правда на Гимпе работаю, но ничего, разберусь! =)
О, спасибо, именно этим вопросом и озадачился… Решил сначала комментарии почитать, видимо, не зря… :)
Этот фон мне понравился больше чем рельефный.
Вам надо блог завести, что-нибудь с названием вида «Простой фон за 5 секунд» )
Надо завести блог «За 5 секунд», куда постить всю быстроделаемую фигню. В т.ч. какие-нибудь сниппеты для программистов, фоны для ФШ и очевидные вещи, типа, 10 советов по безопасности сайта. Я бы на такой подписался.
Поддерживаю!!!
В сегодняшнем выпуске блога «DIY за 5 секунд»: как изготовить «розочку».
за 5 секунд уже «deadline» наступит. нужно быстрее :-)
Потому дома потренироваться надо немного :)
дико извиняюсь, но объясните картинку. совершенно не понял о чем речь :)
Звездочка — холодное оружие из разбитой бутылки :)
Вы хотели сказать «розочка»?
Тьфу, конечно розочка! Не спал долго :(
Хорошие уроки, мне как не дизайнеру иногда полезно знать как навести макияж на что-нибудь.
вам как дизайнеру это должно быть уже известно )
вы не заметили «не», я не дизайнер =)
вот что значит не спать по ночам, прошу прощенья )
краткость сестра таланта
Кратк. сес. тал.
Кртксть сстр тлнт. :)
Кстати, там, где я живу — замечательно обходятся без гласных букв.
Всегда очаровывала эта традиция братьев-славян :)
Язык о котором речь — имеет скорее семитские корни, чем славянские.
čtvrthrst — четверть горсти по-чешски.
Strč prst skrz krk — скороговорка на чешском и словацком языках, означает «просунь палец сквозь горло». «R» и «L» в чешском, словацком, сербском, хорватском и словенском — консонанты, то есть слогообразующие согласные. В русском перешли в -оро- и -оло-, а также (менее часто) в -ра- и -ла- посредством староболгарского: порох и золото, прах и злато, например. Но не только всё же, поскольку горб, гроб, гриб, грабить имеют один и тот же старославянский корень ГРБ.
Ещё более сложна вторая по популярности чешская скороговорка без гласных: «Prd krt skrz drn, zprv zhlt hrst zrn», означающая «Крот пукнул сквозь траву, проглотив сначала горсть зёрен», или дословно «Пукнул крот сквозь траву, сперва заглотив горсть зёрен».
Копипаста и википедии, но весьма интересная, имхо.
а вот интересно, во всех ли языках мира согласные звуки несут больше информации, чем гласные?
Нет, в полинезийских гласные и согласные по крайней мере равнозначны. Пример: гавайский — гласных больше, чем согласных.

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

Сам арабским/ивритом никогда не занимался, просьба знающих людей поправить, если что.
А как же огласовки?
Это не буквы, а специальные пометки — их придумали значительно позже, для облегчения понимания и обозначения «правильного» произношения. В прочем если вы возмете современную израильскую газету, огласовок в них нет, за очень редкими исключениями.
Круто.
Красткость — с.т.
У вас на одну букву больше, чем надо.
очипятки блывают у всеех
Теперь понятно как сделали фон папок в iOS :)
Выглядит очень реалистично. Спасибо автору, сделал себе приятную и неотвлекающую обою.
p.s.: Горизонтальный блюр — неплохая металлическая текстура.
Ребят, я был первым, кто подобную вещь запостил на хабре и тогда уже меня ругали за это.
Не делайте из хабра демиарт!
Пусть посты будут закрыты и видны только подписчикам блога.
Звучит гордо!
Да, гордыня, такая гордыня. Простите.
Да, вполне решение.
Хотя я на дизайн не подписан и было интересно посмотреть такие топики как человеку несведующему.

Уж всяко полезнее, чем перепост новостей с энгаджета :)
211 плюсов и 256 добавлений в закладки, как-то диссонируют с «ругали за это»=))
В комментариях ругали :) Ну и 106 минусов ведь.
Согласен, есть другие места для уроков по фотошопу. Если каждый сейчас начнет перепечатывать уроки на хабр, то читать будет не чего.
Не дает покоя умопомрачительный успех предыдущего поста?
Теперь чуть посложнее:
Как сделать вот так?
Вот так?
Нет, не так — вот так.
Легко! Так можно сделать всего за 5 секунд.
Все эти гранж-эффекты, мятая бумага и прочие шероховатости делаются абсолютно одинаково. Поверх накладывается растр с уже готовой текстурой (делается самостоятельно или тырится с фотобанков), изменяется режим смешивания на Multiply или Overlay, возможны различные комбинации для пущей выразительности.
А не подскажете где можно взять уже готовые растры с текстурами такими?
За 5 секунд?
1. делам 2 слоя с шумом
2. один слой оставляем как есть
3. второй слой размываем немного и добавляем контраста
4. и еще один слой с «облаками» и его тоже немного размываем
5. все это мешаем через софтлайт с зеленым фоном
6. регулируем прозрачность по вкусу
7. затеняем края
Фронт работ для смельчаков — Top 40 Background and Texture Tutorials and Resources. Там вам и трава, и дрова, и все что душе угодно. Посмотрим, на сколько еще «фоновых» постов хватит терпения у хабрасообщества =)
Зачем вы так? Что ж теперь людям постить?!
пусть переводы клепают
Неделю пятиминуток объявляю закрытой.

Начинаем неделю гугл-переводчика, ура товарищи!))
Как скачать нужный бэкграунд за 5 секунд.
Раскрыл:
а как бы его пообъемней сделать?
Нормальные такие кружочки
4D?
Пропущено слово fucking, которое показывает всю соль картинки и душевные переживания ее автора :)
После того как сова нарисована, можно поизучать танцы
супер! спасибо — получилось!
work.wuzzap.net/shtora.jpg

могу рассказать как за 4 шага сделать такую штору. Секунд 10, если юзать хоткеи))
Ваша штора меня почему-то пугает.
ну, вот здесь, например, в обрамлении слайдера шторы именно так сделаны macter.com.ua/
Ваша штора серьезно меня шторит
НЛО прилетело и опубликовало эту надпись здесь
Почти ))
1) Render -> Fibers
2) Blur -> Motion blur в том же направлении,
3) Ctrl(Cmd) + M вытягиваем чуток кривые
4) Новый слой, заливка красный, тип Overlay

Ну а потом свет, тестуры и т.д. по вкусу
Так статью пиши :)
НЛО прилетело и опубликовало эту надпись здесь
Уроки фотошопа от Дэвида Линча

image
Пойду попробую договориться к своим дизайнерам о халтуре, оплата по5секундная =)
«Сделайти мне фон пожалуста )))) Симпу обещаю!!!!!!» :)
Ждем статью «делаем фотографию без изменений за 5 секунд» )))
А как сделать такой же клевый шрифт?
Да-да, расскажите про буковки! И про подложку для «за 5 сек»!
Это просто гениально, гениально!
Гениально!
Как поднять карму за 5 секунд
Я все же настаиваю об отдельном блоге! Очень хочется.
Да, хороший формат статей «Как сделать %epic_quest% за пять секунд»
На главной выбор был — или месячные или фон за 5 сек.
Выбрал фон.
Теперь точно страшно второй на выбор топик открывать.
Здравствуй, хАбр!
Да, таким же нехитрым способом можно получить не только тканевый фон, но и нечно подобное к текстуре бетона или гипса. Достаточно усилить резкость слоев и сверху еще раз добавить «шумный слой», который использовался вначале.

image
Всё же «Dura lex, sed lex».
Вы правы :)
Что дальше? Металлическая текстура? Пенопласт? Пупырчатая упаковка?
«как в фотошопе сделать красный фон за пять секунд»
1. берем интсрумент «заливка»
2. заливаем
FastTuts от Капитана Очевидность)
Автору хороший намек, что бы он сделал action и добавил в конец статьи.
Забирайте экшн:
Спасибо большое! :)
было бы за что, пожалуйста :)
за 5 секунд [x]
НЛО прилетело и опубликовало эту надпись здесь
За 5 секунд?
НЛО прилетело и опубликовало эту надпись здесь
не хочу показаться грубым.
но эти текстуры не достойны внимания хабра, так как элементарные. ИМХО
уж лучше выложить сайт с туториалами по этой тематике.
вот пожалуйста, хоть я и не дизайнер, но иногда захожу на этот сайт что бы подчерпнуть вдохновения:
Good-Tutorials
Горшочек не вари!
люди помогите сделать текстуру похожую на военную шинель, можно и не за 5 секунд
Умные люди, подскажите как, если это возможно, сменить электронный адрес в профайле на хабре, на который отправляется пароль при восстановлении? Заранее благодарю.
спасибо помогли (
Специализированные ресурсы, конечно, есть) Мой любимый — tutsplus.com
Но уж перспектива хабраэффекта в профиль — сладка! ;)

А если честно, мне будет жаль, если многие начнут выкладывать тьюториалы, пусть даже и очень хорошие, в этом блоге. Раньше здесь обсуждались более интересные вопросы. Другое дело, если это будет личный блог человека на хабре. Тогда это ему только в плюс!
Лучше эти пять секунд вам потратить на сетку.
image
Сделано в Mozilla FF 3,6 и редакторе комментариев хабра немедленно
в пункте «Добавляем новый слой и делаем шум и дублируем слой:» — добавлять слой с белым фоном и потом добавлять шум?
а как сделать такой текст как в сабже?
Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.