Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 201
Аха, щас начнется ))
Запасаемся попкорном!
Идеальная gifка — всего 300 кб, большая, красочная и повтор кадров не заметен абсолютно. У автора золотые руки.
ждем статью «простая классная гифка за 5 секунд» :)
вам сюда iwdrm.tumblr.com
Да! Но при этом парень, бедный, жуют постоянно, ничего не кладя в рот… Может языка уже нет… :)
Стало интересно посмотреть. Можно название?
В этом случае — Амели в роли верстальщицы, которой нужно эту картинку положить повторяющимся фоном на странице
Эх, жаль что на Хабре пока еще нельзя добавлять в избранное комментарии ;)
Запасаемся! К серии атак уроками фотошопа готовы!
Запасаемся коллективно :)
Дальше больше?
Но всё равно зачёт, как и рельефный фон за 5 секунд.
Но всё равно зачёт, как и рельефный фон за 5 секунд.
Реквестую простой фруктовый фон за 5 секунд. Например, апельсиновый или под грушу.
Апельсин work.wuzzap.net/apelsinka.jpg
5 секунд, засекал))
новый оранжевый слой --> Filter>Artistic>Sponge --> Filter>Artistic>Plastic Wrap --> сверху ещё один оранжевый слой в Overlay для сочности
5 секунд, засекал))
новый оранжевый слой --> Filter>Artistic>Sponge --> Filter>Artistic>Plastic Wrap --> сверху ещё один оранжевый слой в Overlay для сочности
накалякал пример использования этой текстуры: work.wuzzap.net/apelsinka2.jpg
Filter>Distort>Spherize --> рисуем под ней эллипс с зажатым Shift (круг) --> Create Clipping Mask
Ну и плюс пару-десять слоев — всякие тени/блики/рефлексы. 40 минут, с учетом что сейчас полшестого утра)).
Filter>Distort>Spherize --> рисуем под ней эллипс с зажатым Shift (круг) --> Create Clipping Mask
Ну и плюс пару-десять слоев — всякие тени/блики/рефлексы. 40 минут, с учетом что сейчас полшестого утра)).
Просто и доходчиво. Продолжайте ликбез
В горошек рулит!
все эти «фоны за 5 секунд» отлично смотрятся ровно до тех пор,
пока не потребуется сделать заливку и background-repeat :(
пока не потребуется сделать заливку и background-repeat :(
Лет 8 назад пользовался програмкой — генератором повторяющихся текстур. Отлично работала. Так что можно делать статью «Красивый repeatable фон за 10 секунд». :)
Костыль, но можно сделать бекграунд в 2.5к пикселей и с background-repeat: none;
Делаем все то же самое, но генерированный шум дублируем с отзеркаливаем по горизонтали и вертикали. Теоретически должно получиться, на практике — не пробовал. Про подсветку, конечно, забываем.
Меня тут смотрю опередили! :)
Именно так и делал. Без подсветки, естественно.
Именно так и делал. Без подсветки, естественно.
Забыл отметить нюанс. В ГИМПе дополнительно надо равномерно обрезать края со всех сторон — чтобы избавиться от краевых эффектов.
почему забываем? подсветку выносим в виде полупрозрачного png-файла, а в верстке уже правильно применяем.
как уже ниже ответили, самое банальное — flip horizontal, flip vertical, profit.
нужна подсветка — шапку делаем отдельной картинкой, в конце концов :)
еще в школе, года 4 назад, написал на демиарте урок с еще одним интересным эффектом. не вебдванольно, но кому-то может пригодиться:)
<задрот>
и да, еще мне одному кажется, что у уважаемого автора небольшие проблемы с выравниваем элементов на картинке? кнопочка съехала влево как-то :(
</задрот>
нужна подсветка — шапку делаем отдельной картинкой, в конце концов :)
еще в школе, года 4 назад, написал на демиарте урок с еще одним интересным эффектом. не вебдванольно, но кому-то может пригодиться:)
<задрот>
и да, еще мне одному кажется, что у уважаемого автора небольшие проблемы с выравниваем элементов на картинке? кнопочка съехала влево как-то :(
</задрот>
В какой-то из версий программы Image Analyzer была функция генерации текстуры из изображение. Способна сгенерировать такого монстра, что мало не покажется :)
А теперь дружно пытаемся оттайлить этот фон и получаем фигу. Верстаки массово с громкими лозунгами и бутылками с коктейлем Молотова благодарят дизайнеров.
НУ а так получилось очень даже хорошо и симпатично. Подскажите, пожалуйста, ссылочку на то, как сделать такую кнопку-втулку, как на главной картинке? Писать урок на хабр не надо, хватит ссылки. Спасибо!
НУ а так получилось очень даже хорошо и симпатично. Подскажите, пожалуйста, ссылочку на то, как сделать такую кнопку-втулку, как на главной картинке? Писать урок на хабр не надо, хватит ссылки. Спасибо!
Туториала нет, сделал скрины настроек стиля
habreffect.ru/files/bb6/cb3ce2e38/123.jpg
habreffect.ru/files/bb6/cb3ce2e38/123.jpg
Этот фон мне понравился больше чем рельефный.
Вам надо блог завести, что-нибудь с названием вида «Простой фон за 5 секунд» )
Надо завести блог «За 5 секунд», куда постить всю быстроделаемую фигню. В т.ч. какие-нибудь сниппеты для программистов, фоны для ФШ и очевидные вещи, типа, 10 советов по безопасности сайта. Я бы на такой подписался.
Хорошие уроки, мне как не дизайнеру иногда полезно знать как навести макияж на что-нибудь.
краткость сестра таланта
Кратк. сес. тал.
Кртксть сстр тлнт. :)
Кстати, там, где я живу — замечательно обходятся без гласных букв.
Всегда очаровывала эта традиция братьев-славян :)
Язык о котором речь — имеет скорее семитские корни, чем славянские.
čtvrthrst — четверть горсти по-чешски.
Strč prst skrz krk — скороговорка на чешском и словацком языках, означает «просунь палец сквозь горло». «R» и «L» в чешском, словацком, сербском, хорватском и словенском — консонанты, то есть слогообразующие согласные. В русском перешли в -оро- и -оло-, а также (менее часто) в -ра- и -ла- посредством староболгарского: порох и золото, прах и злато, например. Но не только всё же, поскольку горб, гроб, гриб, грабить имеют один и тот же старославянский корень ГРБ.
Ещё более сложна вторая по популярности чешская скороговорка без гласных: «Prd krt skrz drn, zprv zhlt hrst zrn», означающая «Крот пукнул сквозь траву, проглотив сначала горсть зёрен», или дословно «Пукнул крот сквозь траву, сперва заглотив горсть зёрен».
Копипаста и википедии, но весьма интересная, имхо.
Копипаста и википедии, но весьма интересная, имхо.
а вот интересно, во всех ли языках мира согласные звуки несут больше информации, чем гласные?
Нет, в полинезийских гласные и согласные по крайней мере равнозначны. Пример: гавайский — гласных больше, чем согласных.
В семитских гласные обычно не пишутся насколько помню из-за того, что различные формы слова образуются внутренней флексией (вместо добавления окончаний, типичного для большинства индоевропейских языков), поэтому гласные несут информацию о форме слова, а не о значении.
Сам арабским/ивритом никогда не занимался, просьба знающих людей поправить, если что.
В семитских гласные обычно не пишутся насколько помню из-за того, что различные формы слова образуются внутренней флексией (вместо добавления окончаний, типичного для большинства индоевропейских языков), поэтому гласные несут информацию о форме слова, а не о значении.
Сам арабским/ивритом никогда не занимался, просьба знающих людей поправить, если что.
А как же огласовки?
Красткость — с.т.
Теперь понятно как сделали фон папок в iOS :)
Выглядит очень реалистично. Спасибо автору, сделал себе приятную и неотвлекающую обою.
p.s.: Горизонтальный блюр — неплохая металлическая текстура.
p.s.: Горизонтальный блюр — неплохая металлическая текстура.
Ребят, я был первым, кто подобную вещь запостил на хабре и тогда уже меня ругали за это.
Не делайте из хабра демиарт!
Пусть посты будут закрыты и видны только подписчикам блога.
Не делайте из хабра демиарт!
Пусть посты будут закрыты и видны только подписчикам блога.
Звучит гордо!
Да, вполне решение.
Хотя я на дизайн не подписан и было интересно посмотреть такие топики как человеку несведующему.
Уж всяко полезнее, чем перепост новостей с энгаджета :)
Хотя я на дизайн не подписан и было интересно посмотреть такие топики как человеку несведующему.
Уж всяко полезнее, чем перепост новостей с энгаджета :)
211 плюсов и 256 добавлений в закладки, как-то диссонируют с «ругали за это»=))
Согласен, есть другие места для уроков по фотошопу. Если каждый сейчас начнет перепечатывать уроки на хабр, то читать будет не чего.
Не дает покоя умопомрачительный успех предыдущего поста?
demiart на habr'e
Теперь чуть посложнее:
Как сделать вот так?
Как сделать вот так?
Вот так?
Нет, не так — вот так.
Все эти гранж-эффекты, мятая бумага и прочие шероховатости делаются абсолютно одинаково. Поверх накладывается растр с уже готовой текстурой (делается самостоятельно или тырится с фотобанков), изменяется режим смешивания на Multiply или Overlay, возможны различные комбинации для пущей выразительности.
А не подскажете где можно взять уже готовые растры с текстурами такими?
Найти их совсем не проблема. К примеру, вот — designm.ag/inspiration/300-free-grunge-textures/
За 5 секунд?
1. делам 2 слоя с шумом
2. один слой оставляем как есть
3. второй слой размываем немного и добавляем контраста
4. и еще один слой с «облаками» и его тоже немного размываем
5. все это мешаем через софтлайт с зеленым фоном
6. регулируем прозрачность по вкусу
7. затеняем края
2. один слой оставляем как есть
3. второй слой размываем немного и добавляем контраста
4. и еще один слой с «облаками» и его тоже немного размываем
5. все это мешаем через софтлайт с зеленым фоном
6. регулируем прозрачность по вкусу
7. затеняем края
Фронт работ для смельчаков — Top 40 Background and Texture Tutorials and Resources. Там вам и трава, и дрова, и все что душе угодно. Посмотрим, на сколько еще «фоновых» постов хватит терпения у хабрасообщества =)
а как бы его пообъемней сделать?
супер! спасибо — получилось!
work.wuzzap.net/shtora.jpg
могу рассказать как за 4 шага сделать такую штору. Секунд 10, если юзать хоткеи))
могу рассказать как за 4 шага сделать такую штору. Секунд 10, если юзать хоткеи))
Ваша штора меня почему-то пугает.
ну, вот здесь, например, в обрамлении слайдера шторы именно так сделаны macter.com.ua/
Ваша штора серьезно меня шторит
Уроки фотошопа от Дэвида Линча
Пойду попробую договориться к своим дизайнерам о халтуре, оплата по5секундная =)
«Сделайти мне фон пожалуста )))) Симпу обещаю!!!!!!» :)
Ждем статью «делаем фотографию без изменений за 5 секунд» )))
А как сделать такой же клевый шрифт?
Это просто гениально, гениально!
Гениально!
Гениально!
Как поднять карму за 5 секунд
Я все же настаиваю об отдельном блоге! Очень хочется.
Да, хороший формат статей «Как сделать %epic_quest% за пять секунд»
На главной выбор был — или месячные или фон за 5 сек.
Выбрал фон.
Теперь точно страшно второй на выбор топик открывать.
Здравствуй, хАбр!
Выбрал фон.
Теперь точно страшно второй на выбор топик открывать.
Здравствуй, хАбр!
Да, таким же нехитрым способом можно получить не только тканевый фон, но и нечно подобное к текстуре бетона или гипса. Достаточно усилить резкость слоев и сверху еще раз добавить «шумный слой», который использовался вначале.
скачайте уже генетику и генерьте бесшовные текстуры на здоровье
www.spiralgraphics.biz/gen2tour/index.htm
www.spiralgraphics.biz/gen2tour/index.htm
Что дальше? Металлическая текстура? Пенопласт? Пупырчатая упаковка?
Автору хороший намек, что бы он сделал action и добавил в конец статьи.
Забирайте экшн:
Пардон, вот тут: narod.yandex.ru/disk/6649518001/5sek.atn
за 5 секунд [x]
не хочу показаться грубым.
но эти текстуры не достойны внимания хабра, так как элементарные. ИМХО
уж лучше выложить сайт с туториалами по этой тематике.
вот пожалуйста, хоть я и не дизайнер, но иногда захожу на этот сайт что бы подчерпнуть вдохновения:
Good-Tutorials
но эти текстуры не достойны внимания хабра, так как элементарные. ИМХО
уж лучше выложить сайт с туториалами по этой тематике.
вот пожалуйста, хоть я и не дизайнер, но иногда захожу на этот сайт что бы подчерпнуть вдохновения:
Good-Tutorials
Горшочек не вари!
люди помогите сделать текстуру похожую на военную шинель, можно и не за 5 секунд
Умные люди, подскажите как, если это возможно, сменить электронный адрес в профайле на хабре, на который отправляется пароль при восстановлении? Заранее благодарю.
Специализированные ресурсы, конечно, есть) Мой любимый — tutsplus.com
Но уж перспектива хабраэффекта в профиль — сладка! ;)
А если честно, мне будет жаль, если многие начнут выкладывать тьюториалы, пусть даже и очень хорошие, в этом блоге. Раньше здесь обсуждались более интересные вопросы. Другое дело, если это будет личный блог человека на хабре. Тогда это ему только в плюс!
Но уж перспектива хабраэффекта в профиль — сладка! ;)
А если честно, мне будет жаль, если многие начнут выкладывать тьюториалы, пусть даже и очень хорошие, в этом блоге. Раньше здесь обсуждались более интересные вопросы. Другое дело, если это будет личный блог человека на хабре. Тогда это ему только в плюс!
Лучше эти пять секунд вам потратить на сетку.
Сделано в Mozilla FF 3,6 и редакторе комментариев хабра немедленно
в пункте «Добавляем новый слой и делаем шум и дублируем слой:» — добавлять слой с белым фоном и потом добавлять шум?
а как сделать такой текст как в сабже?
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Простой тканевый фон за 5 секунд