Comments 201
Аха, щас начнется ))
+42
Запасаемся попкорном!
+185
Идеальная gifка — всего 300 кб, большая, красочная и повтор кадров не заметен абсолютно. У автора золотые руки.
+100
ждем статью «простая классная гифка за 5 секунд» :)
+126
вам сюда iwdrm.tumblr.com
+14
Да! Но при этом парень, бедный, жуют постоянно, ничего не кладя в рот… Может языка уже нет… :)
-11
Эту девушку зовут Амели!))
+70
Парень!?
+14
Эт девушк, если что… :)
0
Это вообще-то девушка :)
-4
О, у вас тут флэшмоб! Напишу-ка я тоже, что это девушка.
+35
Опа! Нашелся человек, который НЕ смотрел «Амели» =)
+24
Кстати дальше по сюжету она плачет над собственной смертью по телеку.
+2
Стало интересно посмотреть. Можно название?
+2
UFO just landed and posted this here
«Амели»
+19
Простите, но есть еще здоровые адекватные люди??? Мы с dimap одновремено запостили ответ, и минус хватаю я. При том что я отвечаю на вопрос, который был адресован мне. Где логика???
+17
А в английском варианте, кстати, «Amelie From Monmartre» (Амели с Монмартра), а в оригинале «Le Fabuleux Destin d'Amélie Poulain» (Необыкновенная судьба Амели Пулен).
0
В этом случае — Амели в роли верстальщицы, которой нужно эту картинку положить повторяющимся фоном на странице
+2
Эх, жаль что на Хабре пока еще нельзя добавлять в избранное комментарии ;)
+1
Запасаемся! К серии атак уроками фотошопа готовы!
+33
Молодцы!
Надеюсь, нас не заставят долго ждать!
Надеюсь, нас не заставят долго ждать!
+19
Доктор Стрейнджлав! Лови симпу!
+1
Слушайте, а напомните мне название этого фильма?
0
Запасаемся коллективно :)
+18
Дальше больше?
Но всё равно зачёт, как и рельефный фон за 5 секунд.
Но всё равно зачёт, как и рельефный фон за 5 секунд.
+4
Реквестую простой фруктовый фон за 5 секунд. Например, апельсиновый или под грушу.
+31
Апельсин work.wuzzap.net/apelsinka.jpg
5 секунд, засекал))
новый оранжевый слой --> Filter>Artistic>Sponge --> Filter>Artistic>Plastic Wrap --> сверху ещё один оранжевый слой в Overlay для сочности
5 секунд, засекал))
новый оранжевый слой --> Filter>Artistic>Sponge --> Filter>Artistic>Plastic Wrap --> сверху ещё один оранжевый слой в Overlay для сочности
+17
накалякал пример использования этой текстуры: work.wuzzap.net/apelsinka2.jpg
Filter>Distort>Spherize --> рисуем под ней эллипс с зажатым Shift (круг) --> Create Clipping Mask
Ну и плюс пару-десять слоев — всякие тени/блики/рефлексы. 40 минут, с учетом что сейчас полшестого утра)).
Filter>Distort>Spherize --> рисуем под ней эллипс с зажатым Shift (круг) --> Create Clipping Mask
Ну и плюс пару-десять слоев — всякие тени/блики/рефлексы. 40 минут, с учетом что сейчас полшестого утра)).
+5
Просто и доходчиво. Продолжайте ликбез
+1
Клозед блог решает вопрос. Авторы задумайтесь!
+16
В горошек рулит!
+3
UFO just landed and posted this here
все эти «фоны за 5 секунд» отлично смотрятся ровно до тех пор,
пока не потребуется сделать заливку и background-repeat :(
пока не потребуется сделать заливку и background-repeat :(
+31
Лет 8 назад пользовался програмкой — генератором повторяющихся текстур. Отлично работала. Так что можно делать статью «Красивый repeatable фон за 10 секунд». :)
+6
FilterForge вас спасет!
+2
UFO just landed and posted this here
Костыль, но можно сделать бекграунд в 2.5к пикселей и с background-repeat: none;
-1
Делаем все то же самое, но генерированный шум дублируем с отзеркаливаем по горизонтали и вертикали. Теоретически должно получиться, на практике — не пробовал. Про подсветку, конечно, забываем.
+7
+10
Забыл отметить нюанс. В ГИМПе дополнительно надо равномерно обрезать края со всех сторон — чтобы избавиться от краевых эффектов.
+1
почему забываем? подсветку выносим в виде полупрозрачного png-файла, а в верстке уже правильно применяем.
+3
как уже ниже ответили, самое банальное — flip horizontal, flip vertical, profit.
нужна подсветка — шапку делаем отдельной картинкой, в конце концов :)
еще в школе, года 4 назад, написал на демиарте урок с еще одним интересным эффектом. не вебдванольно, но кому-то может пригодиться:)
<задрот>
и да, еще мне одному кажется, что у уважаемого автора небольшие проблемы с выравниваем элементов на картинке? кнопочка съехала влево как-то :(
</задрот>
нужна подсветка — шапку делаем отдельной картинкой, в конце концов :)
еще в школе, года 4 назад, написал на демиарте урок с еще одним интересным эффектом. не вебдванольно, но кому-то может пригодиться:)
<задрот>
и да, еще мне одному кажется, что у уважаемого автора небольшие проблемы с выравниваем элементов на картинке? кнопочка съехала влево как-то :(
</задрот>
+2
Нет, все как раз правильно у него. Так по правилам типографики должно быть: текст выравнивается по одной вертикали, а то что там дизайнерские излишки — уже вылазят как угодно.
+1
В какой-то из версий программы Image Analyzer была функция генерации текстуры из изображение. Способна сгенерировать такого монстра, что мало не покажется :)
+1
А теперь дружно пытаемся оттайлить этот фон и получаем фигу. Верстаки массово с громкими лозунгами и бутылками с коктейлем Молотова благодарят дизайнеров.
НУ а так получилось очень даже хорошо и симпатично. Подскажите, пожалуйста, ссылочку на то, как сделать такую кнопку-втулку, как на главной картинке? Писать урок на хабр не надо, хватит ссылки. Спасибо!
НУ а так получилось очень даже хорошо и симпатично. Подскажите, пожалуйста, ссылочку на то, как сделать такую кнопку-втулку, как на главной картинке? Писать урок на хабр не надо, хватит ссылки. Спасибо!
+17
Туториала нет, сделал скрины настроек стиля
habreffect.ru/files/bb6/cb3ce2e38/123.jpg
habreffect.ru/files/bb6/cb3ce2e38/123.jpg
+5
Этот фон мне понравился больше чем рельефный.
+3
Вам надо блог завести, что-нибудь с названием вида «Простой фон за 5 секунд» )
+2
Надо завести блог «За 5 секунд», куда постить всю быстроделаемую фигню. В т.ч. какие-нибудь сниппеты для программистов, фоны для ФШ и очевидные вещи, типа, 10 советов по безопасности сайта. Я бы на такой подписался.
+74
Хорошие уроки, мне как не дизайнеру иногда полезно знать как навести макияж на что-нибудь.
+7
краткость сестра таланта
+3
Кратк. сес. тал.
+5
Кртксть сстр тлнт. :)
-1
Кстати, там, где я живу — замечательно обходятся без гласных букв.
+4
Всегда очаровывала эта традиция братьев-славян :)
+2
Язык о котором речь — имеет скорее семитские корни, чем славянские.
+3
čtvrthrst — четверть горсти по-чешски.
0
Strč prst skrz krk — скороговорка на чешском и словацком языках, означает «просунь палец сквозь горло». «R» и «L» в чешском, словацком, сербском, хорватском и словенском — консонанты, то есть слогообразующие согласные. В русском перешли в -оро- и -оло-, а также (менее часто) в -ра- и -ла- посредством староболгарского: порох и золото, прах и злато, например. Но не только всё же, поскольку горб, гроб, гриб, грабить имеют один и тот же старославянский корень ГРБ.
0
Ещё более сложна вторая по популярности чешская скороговорка без гласных: «Prd krt skrz drn, zprv zhlt hrst zrn», означающая «Крот пукнул сквозь траву, проглотив сначала горсть зёрен», или дословно «Пукнул крот сквозь траву, сперва заглотив горсть зёрен».
Копипаста и википедии, но весьма интересная, имхо.
Копипаста и википедии, но весьма интересная, имхо.
0
а вот интересно, во всех ли языках мира согласные звуки несут больше информации, чем гласные?
+2
Нет, в полинезийских гласные и согласные по крайней мере равнозначны. Пример: гавайский — гласных больше, чем согласных.
В семитских гласные обычно не пишутся насколько помню из-за того, что различные формы слова образуются внутренней флексией (вместо добавления окончаний, типичного для большинства индоевропейских языков), поэтому гласные несут информацию о форме слова, а не о значении.
Сам арабским/ивритом никогда не занимался, просьба знающих людей поправить, если что.
В семитских гласные обычно не пишутся насколько помню из-за того, что различные формы слова образуются внутренней флексией (вместо добавления окончаний, типичного для большинства индоевропейских языков), поэтому гласные несут информацию о форме слова, а не о значении.
Сам арабским/ивритом никогда не занимался, просьба знающих людей поправить, если что.
+1
А как же огласовки?
+1
Красткость — с.т.
+1
Теперь понятно как сделали фон папок в iOS :)
+16
Выглядит очень реалистично. Спасибо автору, сделал себе приятную и неотвлекающую обою.
p.s.: Горизонтальный блюр — неплохая металлическая текстура.
p.s.: Горизонтальный блюр — неплохая металлическая текстура.
+5
Ребят, я был первым, кто подобную вещь запостил на хабре и тогда уже меня ругали за это.
Не делайте из хабра демиарт!
Пусть посты будут закрыты и видны только подписчикам блога.
Не делайте из хабра демиарт!
Пусть посты будут закрыты и видны только подписчикам блога.
+6
Звучит гордо!
-2
Да, вполне решение.
Хотя я на дизайн не подписан и было интересно посмотреть такие топики как человеку несведующему.
Уж всяко полезнее, чем перепост новостей с энгаджета :)
Хотя я на дизайн не подписан и было интересно посмотреть такие топики как человеку несведующему.
Уж всяко полезнее, чем перепост новостей с энгаджета :)
+3
211 плюсов и 256 добавлений в закладки, как-то диссонируют с «ругали за это»=))
+9
Согласен, есть другие места для уроков по фотошопу. Если каждый сейчас начнет перепечатывать уроки на хабр, то читать будет не чего.
+2
Не дает покоя умопомрачительный успех предыдущего поста?
+7
demiart на habr'e
-2
Теперь чуть посложнее:
Как сделать вот так?
Как сделать вот так?
+14
Вот так?
+22
Нет, не так — вот так.
+17
Все эти гранж-эффекты, мятая бумага и прочие шероховатости делаются абсолютно одинаково. Поверх накладывается растр с уже готовой текстурой (делается самостоятельно или тырится с фотобанков), изменяется режим смешивания на Multiply или Overlay, возможны различные комбинации для пущей выразительности.
+3
А не подскажете где можно взять уже готовые растры с текстурами такими?
+1
Найти их совсем не проблема. К примеру, вот — designm.ag/inspiration/300-free-grunge-textures/
+2
За 5 секунд?
+1
1. делам 2 слоя с шумом
2. один слой оставляем как есть
3. второй слой размываем немного и добавляем контраста
4. и еще один слой с «облаками» и его тоже немного размываем
5. все это мешаем через софтлайт с зеленым фоном
6. регулируем прозрачность по вкусу
7. затеняем края
2. один слой оставляем как есть
3. второй слой размываем немного и добавляем контраста
4. и еще один слой с «облаками» и его тоже немного размываем
5. все это мешаем через софтлайт с зеленым фоном
6. регулируем прозрачность по вкусу
7. затеняем края
0
Фронт работ для смельчаков — Top 40 Background and Texture Tutorials and Resources. Там вам и трава, и дрова, и все что душе угодно. Посмотрим, на сколько еще «фоновых» постов хватит терпения у хабрасообщества =)
+4
+12
а как бы его пообъемней сделать?
+1
+165
супер! спасибо — получилось!
+1
work.wuzzap.net/shtora.jpg
могу рассказать как за 4 шага сделать такую штору. Секунд 10, если юзать хоткеи))
могу рассказать как за 4 шага сделать такую штору. Секунд 10, если юзать хоткеи))
+1
Ваша штора меня почему-то пугает.
+8
ну, вот здесь, например, в обрамлении слайдера шторы именно так сделаны macter.com.ua/
+1
Ваша штора серьезно меня шторит
+5
UFO just landed and posted this here
Уроки фотошопа от Дэвида Линча
+1
Пойду попробую договориться к своим дизайнерам о халтуре, оплата по5секундная =)
+1
«Сделайти мне фон пожалуста )))) Симпу обещаю!!!!!!» :)
+7
Ждем статью «делаем фотографию без изменений за 5 секунд» )))
0
А как сделать такой же клевый шрифт?
+1
Это просто гениально, гениально!
Гениально!
Гениально!
0
Как поднять карму за 5 секунд
+2
Я все же настаиваю об отдельном блоге! Очень хочется.
+1
Да, хороший формат статей «Как сделать %epic_quest% за пять секунд»
+3
На главной выбор был — или месячные или фон за 5 сек.
Выбрал фон.
Теперь точно страшно второй на выбор топик открывать.
Здравствуй, хАбр!
Выбрал фон.
Теперь точно страшно второй на выбор топик открывать.
Здравствуй, хАбр!
+4
Да, таким же нехитрым способом можно получить не только тканевый фон, но и нечно подобное к текстуре бетона или гипса. Достаточно усилить резкость слоев и сверху еще раз добавить «шумный слой», который использовался вначале.
+4
скачайте уже генетику и генерьте бесшовные текстуры на здоровье
www.spiralgraphics.biz/gen2tour/index.htm
www.spiralgraphics.biz/gen2tour/index.htm
+1
Что дальше? Металлическая текстура? Пенопласт? Пупырчатая упаковка?
+2
+58
за 5 секунд [x]
-5
UFO just landed and posted this here
не хочу показаться грубым.
но эти текстуры не достойны внимания хабра, так как элементарные. ИМХО
уж лучше выложить сайт с туториалами по этой тематике.
вот пожалуйста, хоть я и не дизайнер, но иногда захожу на этот сайт что бы подчерпнуть вдохновения:
Good-Tutorials
но эти текстуры не достойны внимания хабра, так как элементарные. ИМХО
уж лучше выложить сайт с туториалами по этой тематике.
вот пожалуйста, хоть я и не дизайнер, но иногда захожу на этот сайт что бы подчерпнуть вдохновения:
Good-Tutorials
-1
Горшочек не вари!
+10
люди помогите сделать текстуру похожую на военную шинель, можно и не за 5 секунд
-4
Умные люди, подскажите как, если это возможно, сменить электронный адрес в профайле на хабре, на который отправляется пароль при восстановлении? Заранее благодарю.
-5
Специализированные ресурсы, конечно, есть) Мой любимый — tutsplus.com
Но уж перспектива хабраэффекта в профиль — сладка! ;)
А если честно, мне будет жаль, если многие начнут выкладывать тьюториалы, пусть даже и очень хорошие, в этом блоге. Раньше здесь обсуждались более интересные вопросы. Другое дело, если это будет личный блог человека на хабре. Тогда это ему только в плюс!
Но уж перспектива хабраэффекта в профиль — сладка! ;)
А если честно, мне будет жаль, если многие начнут выкладывать тьюториалы, пусть даже и очень хорошие, в этом блоге. Раньше здесь обсуждались более интересные вопросы. Другое дело, если это будет личный блог человека на хабре. Тогда это ему только в плюс!
+2
Лучше эти пять секунд вам потратить на сетку.
+1
Сделано в Mozilla FF 3,6 и редакторе комментариев хабра немедленно
-6
в пункте «Добавляем новый слой и делаем шум и дублируем слой:» — добавлять слой с белым фоном и потом добавлять шум?
+1
а как сделать такой текст как в сабже?
0
Sign up to leave a comment.
Простой тканевый фон за 5 секунд